diff --git a/package.json b/package.json index 0a73267..86c4023 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@giveth/ui-design-system", - "version": "1.11.30", + "version": "1.11.31", "files": [ "/lib" ], diff --git a/src/components/icons/Warning/Warning.tsx b/src/components/icons/Warning/Warning.tsx new file mode 100644 index 0000000..6276678 --- /dev/null +++ b/src/components/icons/Warning/Warning.tsx @@ -0,0 +1,21 @@ +import React, { FC } from 'react'; +import { IIconProps } from '../type'; +import { IconWarning16 } from './Warning16'; +import { IconWarning24 } from './Warning24'; +import { IconWarning32 } from './Warning32'; + +export const IconWarning: FC = ({ + size = 16, + color = 'currentColor', +}) => { + switch (size.toString()) { + case '16': + return ; + case '24': + return ; + case '32': + return ; + default: + return ; + } +}; diff --git a/src/components/icons/Warning/Warning16.tsx b/src/components/icons/Warning/Warning16.tsx new file mode 100644 index 0000000..4b7e150 --- /dev/null +++ b/src/components/icons/Warning/Warning16.tsx @@ -0,0 +1,22 @@ +import React, { FC } from 'react'; +import { IIconProps } from '../type'; + +export const IconWarning16: FC = ({ + size = 16, + color = 'currentColor', +}) => ( + + + +); diff --git a/src/components/icons/Warning/Warning24.tsx b/src/components/icons/Warning/Warning24.tsx new file mode 100644 index 0000000..b6d600d --- /dev/null +++ b/src/components/icons/Warning/Warning24.tsx @@ -0,0 +1,22 @@ +import React, { FC } from 'react'; +import { IIconProps } from '../type'; + +export const IconWarning24: FC = ({ + size = 24, + color = 'currentColor', +}) => ( + + + +); diff --git a/src/components/icons/Warning/Warning32.tsx b/src/components/icons/Warning/Warning32.tsx new file mode 100644 index 0000000..4bd7631 --- /dev/null +++ b/src/components/icons/Warning/Warning32.tsx @@ -0,0 +1,22 @@ +import React, { FC } from 'react'; +import { IIconProps } from '../type'; + +export const IconWarning32: FC = ({ + size = 32, + color = 'currentColor', +}) => ( + + + +); diff --git a/src/components/icons/index.tsx b/src/components/icons/index.tsx index 5a15c23..994187e 100644 --- a/src/components/icons/index.tsx +++ b/src/components/icons/index.tsx @@ -489,3 +489,7 @@ export * from './Estimated/Estimated'; export * from './Estimated/Estimated16'; export * from './Estimated/Estimated24'; export * from './Estimated/Estimated32'; +export * from './Warning/Warning'; +export * from './Warning/Warning16'; +export * from './Warning/Warning24'; +export * from './Warning/Warning32'; diff --git a/src/stories/icons/Warning/Warning.stories.tsx b/src/stories/icons/Warning/Warning.stories.tsx new file mode 100644 index 0000000..6683a97 --- /dev/null +++ b/src/stories/icons/Warning/Warning.stories.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { ComponentStory, ComponentMeta } from '@storybook/react'; + +import { IconWarning } from '../../../components/icons/Warning/Warning'; + +export default { + title: 'Example/Icons/Warning/Warning', + component: IconWarning, +} as ComponentMeta; + +const Template: ComponentStory = args => ( + +); + +export const Warning = Template.bind({}); +Warning.args = { + color: 'white', + size: 24, +}; diff --git a/src/stories/icons/Warning/Warning16.stories.tsx b/src/stories/icons/Warning/Warning16.stories.tsx new file mode 100644 index 0000000..061f59e --- /dev/null +++ b/src/stories/icons/Warning/Warning16.stories.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { ComponentStory, ComponentMeta } from '@storybook/react'; + +import { IconWarning16 } from '../../../components/icons/Warning/Warning16'; + +export default { + title: 'Example/Icons/Warning/Warning16', + component: IconWarning16, +} as ComponentMeta; + +const Template: ComponentStory = args => ( + +); + +export const Warning16 = Template.bind({}); +Warning16.args = { + color: 'white', + size: 16, +}; diff --git a/src/stories/icons/Warning/Warning24.stories.tsx b/src/stories/icons/Warning/Warning24.stories.tsx new file mode 100644 index 0000000..0559b03 --- /dev/null +++ b/src/stories/icons/Warning/Warning24.stories.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { ComponentStory, ComponentMeta } from '@storybook/react'; + +import { IconWarning24 } from '../../../components/icons/Warning/Warning24'; + +export default { + title: 'Example/Icons/Warning/Warning24', + component: IconWarning24, +} as ComponentMeta; + +const Template: ComponentStory = args => ( + +); + +export const Warning24 = Template.bind({}); +Warning24.args = { + color: 'white', + size: 24, +}; diff --git a/src/stories/icons/Warning/Warning32.stories.tsx b/src/stories/icons/Warning/Warning32.stories.tsx new file mode 100644 index 0000000..4e1c960 --- /dev/null +++ b/src/stories/icons/Warning/Warning32.stories.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { ComponentStory, ComponentMeta } from '@storybook/react'; + +import { IconWarning32 } from '../../../components/icons/Warning/Warning32'; + +export default { + title: 'Example/Icons/Warning/Warning32', + component: IconWarning32, +} as ComponentMeta; + +const Template: ComponentStory = args => ( + +); + +export const Warning32 = Template.bind({}); +Warning32.args = { + color: 'white', + size: 32, +};