feat(SW-1717): rewrite select-rate to show all variants of rate-cards

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

@@ -13,7 +13,7 @@ import type { AncillaryCardProps } from "@/types/components/ancillaryCard"
 export function AncillaryCard({ ancillary }: AncillaryCardProps) {
   const intl = useIntl()
 
-  const priceMsg = `${formatPrice(intl, ancillary.price.totalPrice, ancillary.price.currency)} ${ancillary.price.text ?? ""}`
+  const priceMsg = `${formatPrice(intl, ancillary.price.total, ancillary.price.currency)} ${ancillary.price.text ?? ""}`
 
   return (
     <article className={styles.ancillaryCard}>

apps/scandic-web/components/TempDesignSystem/Divider/divider.module.css

@@ -44,6 +44,10 @@
   background-color: var(--Base-Surface-Subtle-Normal);
 }
 
+.borderDividerSubtle {
+  background-color: var(--Border-Divider-Subtle);
+}
+
 .opacity100 {
   opacity: 1;
 }
@@ -58,4 +62,4 @@
 
 .Border-Divider-Default {
   background-color: var(--Border-Divider-Default);
-}
+}

apps/scandic-web/components/TempDesignSystem/Divider/variants.ts

@@ -15,6 +15,7 @@ export const dividerVariants = cva(styles.divider, {
       white: styles.white,
       baseSurfaceSubtleHover: styles.baseSurfaceSubtleHover,
       "Border/Divider/Default": styles["Border-Divider-Default"],
+      borderDividerSubtle: styles.borderDividerSubtle,
     },
     opacity: {
       100: styles.opacity100,