Merged in feat/SW-1589-implement-booking-code-enter (pull request #1368)

Feat/SW-1589 implement booking code enter

* feat: SW-1589 Booking code rate implementation

* feat: SW-1589 Optimized price display

* feat: SW-1589 Display standard price

* feat: SW-1589 Fixed rate title issue


Approved-by: Niclas Edenvin

apps/scandic-web/components/TempDesignSystem/Text/Caption/caption.module.css

@@ -47,6 +47,10 @@ p.caption {
   text-transform: uppercase;
 }
 
+.striked {
+  text-decoration: line-through;
+}
+
 .baseTextAccent {
   color: var(--Base-Text-Accent);
 }
@@ -111,6 +115,10 @@ p.caption {
   text-align: left;
 }
 
+.right {
+  text-align: right;
+}
+
 .green {
   color: var(--UI-Semantic-Success);
 }

apps/scandic-web/components/TempDesignSystem/Text/Caption/index.tsx

@@ -12,6 +12,7 @@ export default function Caption({
   textAlign,
   textTransform,
   uppercase,
+  striked,
   type,
   ...props
 }: CaptionProps) {
@@ -21,6 +22,7 @@ export default function Caption({
         className,
         textTransform,
         uppercase,
+        striked,
         type,
       })
     : captionVariants({
@@ -29,6 +31,7 @@ export default function Caption({
         textTransform,
         textAlign,
         uppercase,
+        striked,
         type,
       })
   return <Comp className={classNames} {...props} />

apps/scandic-web/components/TempDesignSystem/Text/Caption/variants.ts

@@ -34,10 +34,14 @@ const config = {
     textAlign: {
       center: styles.center,
       left: styles.left,
+      right: styles.right,
     },
     uppercase: {
       true: styles.uppercase,
     },
+    striked: {
+      true: styles.striked,
+    },
   },
   defaultVariants: {
     color: "black",
@@ -61,6 +65,9 @@ const fontOnlyConfig = {
     uppercase: {
       true: styles.uppercase,
     },
+    striked: {
+      true: styles.striked,
+    },
   },
   defaultVariants: {
     type: "regular",