feat: new size xsmall for icons (#4694)

scaleway · Jan 27, 2025 · d41d0ff · d41d0ff
1 parent 2c3e3bd
commit d41d0ff
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/soft-flowers-deliver.md b/.changeset/soft-flowers-deliver.md
@@ -0,0 +1,5 @@
+---
+"@ultraviolet/icons": patch
+---
+
+icons: new size `xsmall`
diff --git a/packages/icons/src/components/Icon/Icon.tsx b/packages/icons/src/components/Icon/Icon.tsx
@@ -7,6 +7,7 @@ import { forwardRef } from 'react'
 import capitalize from '../../utils/capitalize'
 
 const SIZES = {
+  xsmall: '150',
   small: '200',
   large: '250',
   xlarge: '400',

diff --git a/packages/icons/src/components/Icon/__stories__/Size.stories.tsx b/packages/icons/src/components/Icon/__stories__/Size.stories.tsx
@@ -5,6 +5,9 @@ import { EyeIcon } from '..'
 
 export const Size = (args: ComponentProps<typeof EyeIcon>) => (
   <Stack>
+    <Stack direction="row" alignItems="center" gap={3}>
+      <EyeIcon size="xsmall" {...args} /> xsmall
+    </Stack>
     <Stack direction="row" alignItems="center" gap={3}>
       <EyeIcon size="small" {...args} /> small
     </Stack>