fix(LOY-128): add rounded filter chip variant

2025-06-09 16:28:21 +02:00
parent d560ac0fca
commit f292cc7922
6 changed files with 200 additions and 48 deletions
--- a/packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx
+++ b/packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx
@@ -51,3 +51,61 @@ export const Outlined: Story = {
    ),
  },
 }
+
+export const FilterRoundedLarge: Story = {
+  args: {
+    variant: 'FilterRounded',
+    onPress: fn(),
+    size: 'Large',
+    children: (
+      <>
+        <MaterialIcon icon="location_city" size={20} color="CurrentColor" />
+        Button Chip
+      </>
+    ),
+  },
+}
+
+export const FilterRoundedLargeSelected: Story = {
+  args: {
+    variant: 'FilterRounded',
+    onPress: fn(),
+    size: 'Large',
+    selected: true,
+    children: (
+      <>
+        <MaterialIcon icon="location_city" size={20} color="CurrentColor" />
+        Button Chip
+      </>
+    ),
+  },
+}
+
+export const FilterRoundedMedium: Story = {
+  args: {
+    variant: 'FilterRounded',
+    onPress: fn(),
+    size: 'Medium',
+    children: (
+      <>
+        <MaterialIcon icon="location_city" size={20} color="CurrentColor" />
+        Button Chip
+      </>
+    ),
+  },
+}
+
+export const FilterRoundedMediumSelected: Story = {
+  args: {
+    variant: 'FilterRounded',
+    onPress: fn(),
+    size: 'Medium',
+    selected: true,
+    children: (
+      <>
+        <MaterialIcon icon="location_city" size={20} color="CurrentColor" />
+        Button Chip
+      </>
+    ),
+  },
+}