diff --git a/builder/templates/Icons.stories.tsx.template b/builder/templates/Icons.stories.tsx.template index 0c643978e..07785c36e 100644 --- a/builder/templates/Icons.stories.tsx.template +++ b/builder/templates/Icons.stories.tsx.template @@ -36,11 +36,15 @@ export function Playground() { } export default createMetadata({ - title: 'Компоненты|/Icons', + title: 'Компоненты|/Графика/Icons', id: 'components/Icons', parameters: { docs: { page: mdx, }, + design: { + type: 'figma', + url: 'https://www.figma.com/file/SLc0YGhuDotve6MTCBHlGxDU/Consta-Graphics?node-id=0%3A1', + }, }, }); diff --git a/src/icons/Icon/__stories__/Icons.stories.tsx b/src/icons/Icon/__stories__/Icons.stories.tsx index 78df0d0ed..55ce25f5d 100644 --- a/src/icons/Icon/__stories__/Icons.stories.tsx +++ b/src/icons/Icon/__stories__/Icons.stories.tsx @@ -23,6 +23,7 @@ import { IconBag } from '../../IconBag/IconBag'; import { IconBarrier } from '../../IconBarrier/IconBarrier'; import { IconBento } from '../../IconBento/IconBento'; import { IconBold } from '../../IconBold/IconBold'; +import { IconBook } from '../../IconBook/IconBook'; import { IconBookmarkFilled } from '../../IconBookmarkFilled/IconBookmarkFilled'; import { IconBookmarkStroked } from '../../IconBookmarkStroked/IconBookmarkStroked'; import { IconCalculator } from '../../IconCalculator/IconCalculator'; @@ -42,6 +43,7 @@ import { IconConnection } from '../../IconConnection/IconConnection'; import { IconCopy } from '../../IconCopy/IconCopy'; import { IconCrown } from '../../IconCrown/IconCrown'; import { IconCursorMouse } from '../../IconCursorMouse/IconCursorMouse'; +import { IconDataNull } from '../../IconDataNull/IconDataNull'; import { IconDiamond } from '../../IconDiamond/IconDiamond'; import { IconDinosaur } from '../../IconDinosaur/IconDinosaur'; import { IconDisconnection } from '../../IconDisconnection/IconDisconnection'; @@ -205,6 +207,7 @@ const icons = { IconBarrier, IconBento, IconBold, + IconBook, IconBookmarkFilled, IconBookmarkStroked, IconCalculator, @@ -224,6 +227,7 @@ const icons = { IconCopy, IconCrown, IconCursorMouse, + IconDataNull, IconDiamond, IconDinosaur, IconDisconnection, @@ -267,6 +271,7 @@ const icons = { IconLayers, IconLeaf, IconLightningBolt, + IconLineAndBarChart, IconLink, IconList, IconListNumbered, @@ -351,7 +356,6 @@ const icons = { IconWatch, IconWideScreen, IconWorld, - IconLineAndBarChart, } as const; type Name = keyof typeof icons; @@ -375,5 +379,9 @@ export default createMetadata({ docs: { page: mdx, }, + design: { + type: 'figma', + url: 'https://www.figma.com/file/SLc0YGhuDotve6MTCBHlGxDU/Consta-Graphics?node-id=0%3A1', + }, }, }); diff --git a/src/icons/IconBook/IconBook.tsx b/src/icons/IconBook/IconBook.tsx new file mode 100644 index 000000000..0cdb7b57f --- /dev/null +++ b/src/icons/IconBook/IconBook.tsx @@ -0,0 +1,12 @@ +import { createIcon } from '../createIcon/createIcon'; + +import IconBookSizeM from './IconBook_size_m'; +import IconBookSizeS from './IconBook_size_s'; +import IconBookSizeXs from './IconBook_size_xs'; + +export const IconBook = createIcon({ + m: IconBookSizeM, + s: IconBookSizeS, + xs: IconBookSizeXs, + name: 'IconBook', +}); diff --git a/src/icons/IconBook/IconBook_size_m.svg b/src/icons/IconBook/IconBook_size_m.svg new file mode 100644 index 000000000..c9953bf47 --- /dev/null +++ b/src/icons/IconBook/IconBook_size_m.svg @@ -0,0 +1,5 @@ + + + diff --git a/src/icons/IconBook/IconBook_size_m.tsx b/src/icons/IconBook/IconBook_size_m.tsx new file mode 100644 index 000000000..b2774c4ec --- /dev/null +++ b/src/icons/IconBook/IconBook_size_m.tsx @@ -0,0 +1,11 @@ +import * as React from 'react'; + +function IconBookSizeM(props: React.SVGProps) { + return ( + + + + ); +} + +export default IconBookSizeM; diff --git a/src/icons/IconBook/IconBook_size_s.svg b/src/icons/IconBook/IconBook_size_s.svg new file mode 100644 index 000000000..03fea526a --- /dev/null +++ b/src/icons/IconBook/IconBook_size_s.svg @@ -0,0 +1,5 @@ + + + diff --git a/src/icons/IconBook/IconBook_size_s.tsx b/src/icons/IconBook/IconBook_size_s.tsx new file mode 100644 index 000000000..8e02cb325 --- /dev/null +++ b/src/icons/IconBook/IconBook_size_s.tsx @@ -0,0 +1,11 @@ +import * as React from 'react'; + +function IconBookSizeS(props: React.SVGProps) { + return ( + + + + ); +} + +export default IconBookSizeS; diff --git a/src/icons/IconBook/IconBook_size_xs.svg b/src/icons/IconBook/IconBook_size_xs.svg new file mode 100644 index 000000000..84c239735 --- /dev/null +++ b/src/icons/IconBook/IconBook_size_xs.svg @@ -0,0 +1,5 @@ + + + diff --git a/src/icons/IconBook/IconBook_size_xs.tsx b/src/icons/IconBook/IconBook_size_xs.tsx new file mode 100644 index 000000000..eef9f4316 --- /dev/null +++ b/src/icons/IconBook/IconBook_size_xs.tsx @@ -0,0 +1,11 @@ +import * as React from 'react'; + +function IconBookSizeXs(props: React.SVGProps) { + return ( + + + + ); +} + +export default IconBookSizeXs; diff --git a/src/icons/IconDataNull/IconDataNull.tsx b/src/icons/IconDataNull/IconDataNull.tsx new file mode 100644 index 000000000..4c1fcf417 --- /dev/null +++ b/src/icons/IconDataNull/IconDataNull.tsx @@ -0,0 +1,12 @@ +import { createIcon } from '../createIcon/createIcon'; + +import IconDataNullSizeM from './IconDataNull_size_m'; +import IconDataNullSizeS from './IconDataNull_size_s'; +import IconDataNullSizeXs from './IconDataNull_size_xs'; + +export const IconDataNull = createIcon({ + m: IconDataNullSizeM, + s: IconDataNullSizeS, + xs: IconDataNullSizeXs, + name: 'IconDataNull', +}); diff --git a/src/icons/IconDataNull/IconDataNull_size_m.svg b/src/icons/IconDataNull/IconDataNull_size_m.svg new file mode 100644 index 000000000..8beb3c081 --- /dev/null +++ b/src/icons/IconDataNull/IconDataNull_size_m.svg @@ -0,0 +1,7 @@ + + + diff --git a/src/icons/IconDataNull/IconDataNull_size_m.tsx b/src/icons/IconDataNull/IconDataNull_size_m.tsx new file mode 100644 index 000000000..0f7c14fee --- /dev/null +++ b/src/icons/IconDataNull/IconDataNull_size_m.tsx @@ -0,0 +1,15 @@ +import * as React from 'react'; + +function IconDataNullSizeM(props: React.SVGProps) { + return ( + + + + ); +} + +export default IconDataNullSizeM; diff --git a/src/icons/IconDataNull/IconDataNull_size_s.svg b/src/icons/IconDataNull/IconDataNull_size_s.svg new file mode 100644 index 000000000..5de6321b1 --- /dev/null +++ b/src/icons/IconDataNull/IconDataNull_size_s.svg @@ -0,0 +1,7 @@ + + + diff --git a/src/icons/IconDataNull/IconDataNull_size_s.tsx b/src/icons/IconDataNull/IconDataNull_size_s.tsx new file mode 100644 index 000000000..d29c6a0ee --- /dev/null +++ b/src/icons/IconDataNull/IconDataNull_size_s.tsx @@ -0,0 +1,15 @@ +import * as React from 'react'; + +function IconDataNullSizeS(props: React.SVGProps) { + return ( + + + + ); +} + +export default IconDataNullSizeS; diff --git a/src/icons/IconDataNull/IconDataNull_size_xs.svg b/src/icons/IconDataNull/IconDataNull_size_xs.svg new file mode 100644 index 000000000..d77bff0cf --- /dev/null +++ b/src/icons/IconDataNull/IconDataNull_size_xs.svg @@ -0,0 +1,7 @@ + + + diff --git a/src/icons/IconDataNull/IconDataNull_size_xs.tsx b/src/icons/IconDataNull/IconDataNull_size_xs.tsx new file mode 100644 index 000000000..b88d76f42 --- /dev/null +++ b/src/icons/IconDataNull/IconDataNull_size_xs.tsx @@ -0,0 +1,15 @@ +import * as React from 'react'; + +function IconDataNullSizeXs(props: React.SVGProps) { + return ( + + + + ); +} + +export default IconDataNullSizeXs; diff --git a/src/icons/IconLineAndBarChart/IconLineAndBarChart_size_m.tsx b/src/icons/IconLineAndBarChart/IconLineAndBarChart_size_m.tsx index ed714285f..df90784fe 100644 --- a/src/icons/IconLineAndBarChart/IconLineAndBarChart_size_m.tsx +++ b/src/icons/IconLineAndBarChart/IconLineAndBarChart_size_m.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; function IconLineAndBarChartSizeM(props: React.SVGProps) { return ( - + ); } diff --git a/src/icons/IconLineAndBarChart/IconLineAndBarChart_size_s.tsx b/src/icons/IconLineAndBarChart/IconLineAndBarChart_size_s.tsx index 6e55cd43d..5db2dc9c7 100644 --- a/src/icons/IconLineAndBarChart/IconLineAndBarChart_size_s.tsx +++ b/src/icons/IconLineAndBarChart/IconLineAndBarChart_size_s.tsx @@ -1,11 +1,11 @@ import * as React from 'react'; -function IconAddSizeS(props: React.SVGProps) { +function IconLineAndBarChartSizeS(props: React.SVGProps) { return ( - + ); } -export default IconAddSizeS; +export default IconLineAndBarChartSizeS;