Merged in feat/SW-2398-ui-update-for-booking-codes (pull request #1862)

feat: SW-2398 UI updates booking codes

* feat: SW-2398 UI updates booking codes

* feat: SW-2398 Rate cards UI changes

* feat: SW-2398 Optimized css with vars and chip code

* feat: SW-2398 Optimized code as review comments

* feat: SW-2398 Optimized code

* feat: SW-2398 Optimized code and mobile UX

* feat: SW-2398 Optimized code

* feat: SW-2398 Fixed UI

* feat: SW-2398 Updated animation


Approved-by: Erik Tiekstra

apps/scandic-web/components/TempDesignSystem/IconChip/index.tsx

@@ -4,11 +4,18 @@ interface IconChipProps {
   color: "blue" | "green" | "red" | null | undefined
   icon: React.ReactNode
   children: React.ReactNode
+  className?: string
 }
 
-export default function IconChip({ color, icon, children }: IconChipProps) {
+export default function IconChip({
+  color,
+  icon,
+  className,
+  children,
+}: IconChipProps) {
   const classNames = iconChipVariants({
     color: color,
+    className: className,
   })
   return (
     <div className={classNames}>