chore: update colors to new design

components/TempDesignSystem/Divider/divider.module.css

@@ -17,6 +17,14 @@
   border-bottom-color: var(--Theme-Primary-Light-On-Surface-Divider);
 }
 
+.beige {
+  border-bottom-color: var(--Scandic-Beige-20);
+}
+
+.white {
+  border-bottom-color: var(--Scandic-Opacity-White-100);
+}
+
 .subtle {
   border-bottom-color: var(--Base-Border-Subtle);
 }

components/TempDesignSystem/Divider/variants.ts

@@ -7,6 +7,8 @@ export const dividerVariants = cva(styles.divider, {
     color: {
       burgundy: styles.burgundy,
       peach: styles.peach,
+      beige: styles.beige,
+      white: styles.white,
       subtle: styles.subtle,
     },
     opacity: {

components/TempDesignSystem/Link/link.module.css

@@ -83,7 +83,7 @@
 }
 
 .activeSidebar {
-  background-color: var(--Scandic-Brand-Pale-Peach);
+  background-color: var(--Scandic-Peach-20);
 }
 
 .black {

components/TempDesignSystem/Text/Body/body.module.css

@@ -56,4 +56,8 @@
 
 .red {
   color: var(--Scandic-Brand-Scandic-Red);
-}
+}
+
+.white {
+  color: var(--Scandic-Opacity-White-100);
+}

components/TempDesignSystem/Text/Body/variants.ts

@@ -9,6 +9,7 @@ const config = {
       burgundy: styles.burgundy,
       pale: styles.pale,
       red: styles.red,
+      white: styles.white,
     },
     textAlign: {
       center: styles.textAlignCenter,

components/TempDesignSystem/Text/Title/title.module.css

@@ -107,3 +107,7 @@
 .red {
   color: var(--Scandic-Brand-Scandic-Red);
 }
+
+.white {
+  color: var(--Scandic-Opacity-White-100);
+}

components/TempDesignSystem/Text/Title/variants.ts

@@ -10,6 +10,7 @@ const config = {
       pale: styles.pale,
       peach80: styles.peach80,
       red: styles.red,
+      white: styles.white,
     },
     textAlign: {
       center: styles.center,