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.tsx

@@ -1,19 +1,22 @@
 import { Button as ButtonRAC } from 'react-aria-components'
 
 import { Typography } from '../Typography'
-
-import styles from './chip-button.module.css'
-
-import type { ComponentPropsWithRef } from 'react'
+import { ChipButtonProps } from './types'
+import { variants } from './variants'
 
 export function ChipButton({
   children,
+  variant,
   className,
   ...props
-}: ComponentPropsWithRef<typeof ButtonRAC>) {
+}: ChipButtonProps) {
+  const classNames = variants({
+    variant,
+  })
+
   return (
     <Typography variant="Body/Supporting text (caption)/smBold">
-      <ButtonRAC {...props} className={[styles.chip, className].join(' ')}>
+      <ButtonRAC {...props} className={[className, classNames].join(' ')}>
         {children}
       </ButtonRAC>
     </Typography>