diff --git a/.changeset/olive-lions-notice.md b/.changeset/olive-lions-notice.md new file mode 100644 index 000000000..a51f0cbfe --- /dev/null +++ b/.changeset/olive-lions-notice.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": patch +--- + +Add new chart icons. diff --git a/src/icons/ChartBarGroupedIcon.tsx b/src/icons/ChartBarGroupedIcon.tsx new file mode 100644 index 000000000..9bba91ad1 --- /dev/null +++ b/src/icons/ChartBarGroupedIcon.tsx @@ -0,0 +1,20 @@ +import { wrapIcon } from './wrap-icon'; + +export const ChartBarGroupedIcon = wrapIcon( + 'ChartBarGroupedIcon', + + + , +); diff --git a/src/icons/ChartBarLineIcon.tsx b/src/icons/ChartBarLineIcon.tsx new file mode 100644 index 000000000..83afd8e93 --- /dev/null +++ b/src/icons/ChartBarLineIcon.tsx @@ -0,0 +1,20 @@ +import { wrapIcon } from './wrap-icon'; + +export const ChartBarLineIcon = wrapIcon( + 'ChartBarLineIcon', + + + , +); diff --git a/src/icons/ChartBarStackedIcon.tsx b/src/icons/ChartBarStackedIcon.tsx new file mode 100644 index 000000000..827047866 --- /dev/null +++ b/src/icons/ChartBarStackedIcon.tsx @@ -0,0 +1,20 @@ +import { wrapIcon } from './wrap-icon'; + +export const ChartBarStackedIcon = wrapIcon( + 'ChartBarStackedIcon', + + + , +); diff --git a/src/icons/ChartBarStackedPercentageIcon.tsx b/src/icons/ChartBarStackedPercentageIcon.tsx new file mode 100644 index 000000000..4875afd60 --- /dev/null +++ b/src/icons/ChartBarStackedPercentageIcon.tsx @@ -0,0 +1,20 @@ +import { wrapIcon } from './wrap-icon'; + +export const ChartBarStackedPercentageIcon = wrapIcon( + 'ChartBarStackedPercentageIcon', + + + , +); diff --git a/src/icons/ChartBoxPlotIcon.tsx b/src/icons/ChartBoxPlotIcon.tsx new file mode 100644 index 000000000..a5192db31 --- /dev/null +++ b/src/icons/ChartBoxPlotIcon.tsx @@ -0,0 +1,20 @@ +import { wrapIcon } from './wrap-icon'; + +export const ChartBoxPlotIcon = wrapIcon( + 'ChartBoxPlotIcon', + + + , +); diff --git a/src/icons/ChartBubbleIcon.tsx b/src/icons/ChartBubbleIcon.tsx new file mode 100644 index 000000000..166e44814 --- /dev/null +++ b/src/icons/ChartBubbleIcon.tsx @@ -0,0 +1,20 @@ +import { wrapIcon } from './wrap-icon'; + +export const ChartBubbleIcon = wrapIcon( + 'ChartBubbleIcon', + + + , +); diff --git a/src/icons/ChartDonut2Icon.tsx b/src/icons/ChartDonut2Icon.tsx new file mode 100644 index 000000000..1e27cb8b6 --- /dev/null +++ b/src/icons/ChartDonut2Icon.tsx @@ -0,0 +1,20 @@ +import { wrapIcon } from './wrap-icon'; + +export const ChartDonut2Icon = wrapIcon( + 'ChartDonut2Icon', + + + , +); diff --git a/src/icons/ChartPie2Icon.tsx b/src/icons/ChartPie2Icon.tsx new file mode 100644 index 000000000..0f3862534 --- /dev/null +++ b/src/icons/ChartPie2Icon.tsx @@ -0,0 +1,20 @@ +import { wrapIcon } from './wrap-icon'; + +export const ChartPie2Icon = wrapIcon( + 'ChartPie2Icon', + + + , +); diff --git a/src/icons/ChartScatterIcon.tsx b/src/icons/ChartScatterIcon.tsx new file mode 100644 index 000000000..2381ed954 --- /dev/null +++ b/src/icons/ChartScatterIcon.tsx @@ -0,0 +1,20 @@ +import { wrapIcon } from './wrap-icon'; + +export const ChartScatterIcon = wrapIcon( + 'ChartScatterIcon', + + + , +); diff --git a/src/icons/Icons.stories.tsx b/src/icons/Icons.stories.tsx index 62e3aa399..b2bfa268a 100644 --- a/src/icons/Icons.stories.tsx +++ b/src/icons/Icons.stories.tsx @@ -1,5 +1,6 @@ import { StoryFn } from '@storybook/react'; +import { Text } from '../components/content/Text'; import { Title } from '../components/content/Title'; import { Flow } from '../components/layout/Flow'; import { Grid } from '../components/layout/Grid'; @@ -41,12 +42,12 @@ const Template: StoryFn = (name) => { return ( - {iconName} + {iconName} ); })} - 36px (double-sized) + 24px (full-size) {Object.keys(Icons).map((iconName) => { if ( @@ -60,8 +61,8 @@ const Template: StoryFn = (name) => { return ( - - {iconName} + + {iconName} ); })} diff --git a/src/icons/index.ts b/src/icons/index.ts index 8527eec4f..48656c0a3 100644 --- a/src/icons/index.ts +++ b/src/icons/index.ts @@ -9,6 +9,15 @@ export { CalendarEditIcon } from './CalendarEditIcon'; export { CalendarIcon } from './CalendarIcon'; export { CaretDownIcon } from './CaretDownIcon'; export { CaretUpIcon } from './CaretUpIcon'; +export { ChartBarGroupedIcon } from './ChartBarGroupedIcon'; +export { ChartBarLineIcon } from './ChartBarLineIcon'; +export { ChartBarStackedIcon } from './ChartBarStackedIcon'; +export { ChartBarStackedPercentageIcon } from './ChartBarStackedPercentageIcon'; +export { ChartBoxPlotIcon } from './ChartBoxPlotIcon'; +export { ChartBubbleIcon } from './ChartBubbleIcon'; +export { ChartDonut2Icon } from './ChartDonut2Icon'; +export { ChartPie2Icon } from './ChartPie2Icon'; +export { ChartScatterIcon } from './ChartScatterIcon'; export { CheckCircleFilledIcon } from './CheckCircleFilledIcon'; export { CheckCircleIcon } from './CheckCircleIcon'; export { CheckIcon } from './CheckIcon';