feat(IconCode): add new icon

closes consta-design-system/uikit#3680

src/components/LazyIcon/__stand__/iconNames.ts

@@ -4,9 +4,9 @@ export const iconNames: LazyIconPropName[] = [
   'Icon3DMap',
   'IconAdd',
   'IconAddToComparison',
-  'IconAlert',
-  'IconAlignBlocksLeft',
   'IconAlignBlocksRight',
+  'IconAlignBlocksLeft',
+  'IconAlert',
   'IconAlignCenter',
   'IconAlignJustify',
   'IconAlignLeft',
@@ -17,11 +17,11 @@ export const iconNames: LazyIconPropName[] = [
   'IconAmplitudes',
   'IconAreaChart',
   'IconArrowDown',
-  'IconArrowFirst',
-  'IconArrowLast',
   'IconArrowLeft',
-  'IconArrowNext',
+  'IconArrowLast',
   'IconArrowPrevious',
+  'IconArrowFirst',
+  'IconArrowNext',
   'IconArrowRedone',
   'IconArrowRight',
   'IconArrowUndone',
@@ -54,6 +54,7 @@ export const iconNames: LazyIconPropName[] = [
   'IconCheck',
   'IconClear',
   'IconClose',
+  'IconCode',
   'IconCollapse',
   'IconColorFill',
   'IconColorText',
@@ -96,14 +97,14 @@ export const iconNames: LazyIconPropName[] = [
   'IconCommentEditFilled',
   'IconCommentFilled',
   'IconCommentStroked',
-  'IconConfluence',
   'IconConnection',
   'IconContour',
   'IconCopy',
   'IconCrown',
   'IconCubeInterpretation',
   'IconCursorMouse',
   'IconData',
+  'IconConfluence',
   'IconDataNull',
   'IconDebug',
   'IconDepth',
@@ -159,7 +160,6 @@ export const iconNames: LazyIconPropName[] = [
   'IconFractureOrange',
   'IconFrequency',
   'IconFunnel',
-  'IconFunnelRemove',
   'IconGas',
   'IconGeo',
   'IconGis',
@@ -171,6 +171,7 @@ export const iconNames: LazyIconPropName[] = [
   'IconHamburger',
   'IconHand',
   'IconHealth',
+  'IconFunnelRemove',
   'IconHelmet',
   'IconHome',
   'IconHorizonBlue',
@@ -361,8 +362,8 @@ export const iconNames: LazyIconPropName[] = [
   'IconTop',
   'IconTopRight',
   'IconTraectoryBlue',
-  'IconTraectoryOrange',
   'IconTrajectory',
+  'IconTraectoryOrange',
   'IconTrash',
   'IconTree',
   'IconType',
@@ -380,30 +381,30 @@ export const iconNames: LazyIconPropName[] = [
   'IconWarning',
   'IconWatchFilled',
   'IconWatchStroked',
-  'IconWellAttributes',
   'IconWellBlue',
+  'IconWellAttributes',
   'IconWellConnection',
   'IconWellConstruction',
   'IconWellDesign',
   'IconWellFolder',
   'IconWellGradients',
   'IconWellGreen',
   'IconWellKBK',
-  'IconWellOpen',
   'IconWellOrange',
-  'IconWellPipe',
+  'IconWellOpen',
   'IconWellPreset',
-  'IconWellTrajectory',
+  'IconWellPipe',
   'IconWellPresetALT',
+  'IconWellTrajectory',
   'IconWells',
   'IconWideScreenFilled',
   'IconWideScreenStroked',
   'IconWifi',
   'IconWifiOff',
   'IconWifiWarning',
   'IconWindow',
-  'IconWorldStroked',
   'IconWorldFilled',
+  'IconWorldStroked',
   'IconWrench',
   'IconYandexDzen',
   'IconYoutube',

src/components/LazyIcon/typeLazyIconPropName.ts

@@ -2,9 +2,9 @@ export type LazyIconPropName =
   | 'Icon3DMap'
   | 'IconAdd'
   | 'IconAddToComparison'
-  | 'IconAlert'
-  | 'IconAlignBlocksLeft'
   | 'IconAlignBlocksRight'
+  | 'IconAlignBlocksLeft'
+  | 'IconAlert'
   | 'IconAlignCenter'
   | 'IconAlignJustify'
   | 'IconAlignLeft'
@@ -15,11 +15,11 @@ export type LazyIconPropName =
   | 'IconAmplitudes'
   | 'IconAreaChart'
   | 'IconArrowDown'
-  | 'IconArrowFirst'
-  | 'IconArrowLast'
   | 'IconArrowLeft'
-  | 'IconArrowNext'
+  | 'IconArrowLast'
   | 'IconArrowPrevious'
+  | 'IconArrowFirst'
+  | 'IconArrowNext'
   | 'IconArrowRedone'
   | 'IconArrowRight'
   | 'IconArrowUndone'
@@ -52,6 +52,7 @@ export type LazyIconPropName =
   | 'IconCheck'
   | 'IconClear'
   | 'IconClose'
+  | 'IconCode'
   | 'IconCollapse'
   | 'IconColorFill'
   | 'IconColorText'
@@ -94,14 +95,14 @@ export type LazyIconPropName =
   | 'IconCommentEditFilled'
   | 'IconCommentFilled'
   | 'IconCommentStroked'
-  | 'IconConfluence'
   | 'IconConnection'
   | 'IconContour'
   | 'IconCopy'
   | 'IconCrown'
   | 'IconCubeInterpretation'
   | 'IconCursorMouse'
   | 'IconData'
+  | 'IconConfluence'
   | 'IconDataNull'
   | 'IconDebug'
   | 'IconDepth'
@@ -157,7 +158,6 @@ export type LazyIconPropName =
   | 'IconFractureOrange'
   | 'IconFrequency'
   | 'IconFunnel'
-  | 'IconFunnelRemove'
   | 'IconGas'
   | 'IconGeo'
   | 'IconGis'
@@ -169,6 +169,7 @@ export type LazyIconPropName =
   | 'IconHamburger'
   | 'IconHand'
   | 'IconHealth'
+  | 'IconFunnelRemove'
   | 'IconHelmet'
   | 'IconHome'
   | 'IconHorizonBlue'
@@ -359,8 +360,8 @@ export type LazyIconPropName =
   | 'IconTop'
   | 'IconTopRight'
   | 'IconTraectoryBlue'
-  | 'IconTraectoryOrange'
   | 'IconTrajectory'
+  | 'IconTraectoryOrange'
   | 'IconTrash'
   | 'IconTree'
   | 'IconType'
@@ -378,30 +379,30 @@ export type LazyIconPropName =
   | 'IconWarning'
   | 'IconWatchFilled'
   | 'IconWatchStroked'
-  | 'IconWellAttributes'
   | 'IconWellBlue'
+  | 'IconWellAttributes'
   | 'IconWellConnection'
   | 'IconWellConstruction'
   | 'IconWellDesign'
   | 'IconWellFolder'
   | 'IconWellGradients'
   | 'IconWellGreen'
   | 'IconWellKBK'
-  | 'IconWellOpen'
   | 'IconWellOrange'
-  | 'IconWellPipe'
+  | 'IconWellOpen'
   | 'IconWellPreset'
-  | 'IconWellTrajectory'
+  | 'IconWellPipe'
   | 'IconWellPresetALT'
+  | 'IconWellTrajectory'
   | 'IconWells'
   | 'IconWideScreenFilled'
   | 'IconWideScreenStroked'
   | 'IconWifi'
   | 'IconWifiOff'
   | 'IconWifiWarning'
   | 'IconWindow'
-  | 'IconWorldStroked'
   | 'IconWorldFilled'
+  | 'IconWorldStroked'
   | 'IconWrench'
   | 'IconYandexDzen'
   | 'IconYoutube'

src/icons/Icon/__mocks__/mock.data.ts

@@ -51,6 +51,7 @@ import { IconChatStroked } from '../../IconChatStroked';
 import { IconCheck } from '../../IconCheck';
 import { IconClear } from '../../IconClear';
 import { IconClose } from '../../IconClose';
+import { IconCode } from '../../IconCode';
 import { IconCollapse } from '../../IconCollapse';
 import { IconColored2D } from '../../IconColored2D';
 import { IconColored3D } from '../../IconColored3D';
@@ -467,8 +468,8 @@ export const groupedIcons: Group[] = [
       IconStratigraphy,
       IconTraectoryBlue,
       IconTraectoryOrange,
-      IconWellAttributes,
       IconWellBlue,
+      IconWellAttributes,
       IconWellFolder,
       IconWellGreen,
       IconWellOrange,
@@ -483,16 +484,17 @@ export const groupedIcons: Group[] = [
       IconAdd,
       IconAddToComparison,
       IconAllDone,
-      IconArrowFirst,
       IconArrowLast,
-      IconArrowNext,
       IconArrowPrevious,
+      IconArrowFirst,
+      IconArrowNext,
       IconArrowRedone,
       IconArrowUndone,
       IconCancel,
       IconCheck,
       IconClear,
       IconClose,
+      IconCode,
       IconCopy,
       IconDebug,
       IconDownload,
@@ -520,23 +522,11 @@ export const groupedIcons: Group[] = [
       IconUpload,
     },
   },
-  {
-    name: 'indices',
-    icons: {
-      IconAlert,
-      IconHealth,
-      IconInfo,
-      IconInfoCircle,
-      IconQuestion,
-      IconRouble,
-      IconWarning,
-    },
-  },
   {
     name: 'formatting',
     icons: {
-      IconAlignBlocksLeft,
       IconAlignBlocksRight,
+      IconAlignBlocksLeft,
       IconCards,
       IconCardsCompact,
       IconCollapse,
@@ -561,6 +551,18 @@ export const groupedIcons: Group[] = [
       IconWindow,
     },
   },
+  {
+    name: 'indices',
+    icons: {
+      IconAlert,
+      IconHealth,
+      IconInfo,
+      IconInfoCircle,
+      IconQuestion,
+      IconRouble,
+      IconWarning,
+    },
+  },
   {
     name: 'text',
     icons: {
@@ -801,6 +803,14 @@ export const groupedIcons: Group[] = [
       IconColoredTempi,
     },
   },
+  {
+    name: 'cursor',
+    icons: {
+      IconCursorMouse,
+      IconDrag,
+      IconHand,
+    },
+  },
   {
     name: 'social',
     icons: {
@@ -818,14 +828,6 @@ export const groupedIcons: Group[] = [
       IconYoutube,
     },
   },
-  {
-    name: 'cursor',
-    icons: {
-      IconCursorMouse,
-      IconDrag,
-      IconHand,
-    },
-  },
   {
     name: 'nature',
     icons: {
@@ -834,8 +836,8 @@ export const groupedIcons: Group[] = [
       IconDrop,
       IconGas,
       IconLeaf,
-      IconWorldStroked,
       IconWorldFilled,
+      IconWorldStroked,
     },
   },
   {
@@ -943,8 +945,8 @@ export const groupedIcons: Group[] = [
       IconWellGradients,
       IconWellKBK,
       IconWellPreset,
-      IconWellTrajectory,
       IconWellPresetALT,
+      IconWellTrajectory,
     },
   },
 ];

src/icons/IconCode/IconCode.tsx

@@ -0,0 +1,6 @@
+import { createIconInner } from '##/icons/Icon/createIconInner';
+
+import props from './props';
+import svg from './svg';
+
+export const IconCode = createIconInner(props, svg);

src/icons/IconCode/IconCode_size_l.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const IconCodeSizeL = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M4.571 6a3 3 0 0 1 3-3H9v2H7.571a1 1 0 0 0-1 1v2.355a3 3 0 0 1-1.158 2.368L4 11.823v.355l1.413 1.099a3 3 0 0 1 1.158 2.368V18a1 1 0 0 0 1 1H9v2H7.571a3 3 0 0 1-3-3v-2.355a1 1 0 0 0-.386-.79L2 13.155v-2.31l2.185-1.7a1 1 0 0 0 .386-.79V6ZM16.43 5H15V3h1.429a3 3 0 0 1 3 3v1.866a2 2 0 0 0 .772 1.579l1.799 1.4v2.31l-1.8 1.4a2 2 0 0 0-.771 1.579V18a3 3 0 0 1-3 3H15v-2h1.429a1 1 0 0 0 1-1v-1.866a4 4 0 0 1 1.544-3.158L20 12.178v-.356l-1.027-.798a4 4 0 0 1-1.544-3.158V6a1 1 0 0 0-1-1Zm-.571 2.514-6 10-1.715-1.029 6-10 1.714 1.03Z" />
+  </svg>
+);
+export default IconCodeSizeL;

src/icons/IconCode/IconCode_size_m.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const IconCodeSizeM = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M2 4a3 3 0 0 1 3-3h1v2H5a1 1 0 0 0-1 1v1a3 3 0 0 1-1.2 2.4L2 8l.8.6A3 3 0 0 1 4 11v1a1 1 0 0 0 1 1h1v2H5a3 3 0 0 1-3-3v-1a1 1 0 0 0-.4-.8L0 9V7l1.6-1.2A1 1 0 0 0 2 5V4Zm9-1h-1V1h1a3 3 0 0 1 3 3v.5a2 2 0 0 0 .8 1.6L16 7v2l-1.2.9a2 2 0 0 0-.8 1.6v.5a3 3 0 0 1-3 3h-1v-2h1a1 1 0 0 0 1-1v-.5a4 4 0 0 1 1.6-3.2L14 8l-.4-.3A4 4 0 0 1 12 4.5V4a1 1 0 0 0-1-1Zm-.132 1.996-4 7-1.736-.992 4-7 1.736.992Z" />
+  </svg>
+);
+export default IconCodeSizeM;