feat(SW-2043): Added new room packages filter

* feat(SW-2043): Added new room packages filter

* fix(SW-2043): Fixed issue with not updating price when selecting pet room

Approved-by: Tobias Johansson
Approved-by: Matilda Landström

packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx

@@ -1,14 +1,22 @@
+import 'react-material-symbols/rounded'
+
 import type { Meta, StoryObj } from '@storybook/react'
 
 import { fn } from '@storybook/test'
 
-import { ChipButton } from './ChipButton.tsx'
 import { MaterialSymbol } from 'react-material-symbols'
+import { ChipButton } from './ChipButton.tsx'
+import { config as chipButtonConfig } from './variants'
 
 const meta: Meta<typeof ChipButton> = {
-  title: 'Components/Chip/ChipButton 🚧',
+  title: 'Components/Chip/ChipButton',
   component: ChipButton,
   argTypes: {
+    variant: {
+      control: 'select',
+      type: 'string',
+      options: Object.keys(chipButtonConfig.variants.variant),
+    },
     onPress: {
       table: {
         disable: true,
@@ -32,3 +40,16 @@ export const Default: Story = {
     ),
   },
 }
+
+export const Outlined: Story = {
+  args: {
+    variant: 'Outlined',
+    onPress: fn(),
+    children: (
+      <>
+        Button Chip
+        <MaterialSymbol icon="keyboard_arrow_down" size={20} />
+      </>
+    ),
+  },
+}