feat(SW-185): Fixing comments

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

@@ -34,6 +34,16 @@
   text-decoration: var(--typography-Body-Underline-textDecoration);
 }
 
+.uppercase {
+  font-family: var(--typography-Body-Regular-fontFamily);
+  font-size: var(--typography-Body-Regular-fontSize);
+  font-weight: 450;
+  letter-spacing: var(--typography-Body-Regular-letterSpacing);
+  line-height: var(--typography-Body-Regular-lineHeight);
+  text-decoration: var(--typography-Body-Regular-textDecoration);
+  text-transform: uppercase;
+}
+
 .textAlignCenter {
   text-align: center;
 }
@@ -73,3 +83,7 @@
 .peach50 {
   color: var(--Primary-Dark-On-Surface-Accent);
 }
+
+.peach80 {
+  color: var(--Scandic-Peach-80);
+}

components/TempDesignSystem/Text/Body/index.tsx

@@ -16,15 +16,15 @@ export default function Body({
   const Comp = asChild ? Slot : "p"
   const classNames = fontOnly
     ? bodyFontOnlyVariants({
-      className,
-      textAlign,
-      textTransform,
-    })
+        className,
+        textAlign,
+        textTransform,
+      })
     : bodyVariants({
-      className,
-      color,
-      textAlign,
-      textTransform,
-    })
+        className,
+        color,
+        textAlign,
+        textTransform,
+      })
   return <Comp className={classNames} {...props} />
 }

components/TempDesignSystem/Text/Body/variants.ts

@@ -13,6 +13,7 @@ const config = {
       textMediumContrast: styles.textMediumContrast,
       white: styles.white,
       peach50: styles.peach50,
+      peach80: styles.peach80,
     },
     textAlign: {
       center: styles.textAlignCenter,
@@ -22,6 +23,7 @@ const config = {
       bold: styles.bold,
       regular: styles.regular,
       underlined: styles.underlined,
+      uppercase: styles.uppercase,
     },
   },
   defaultVariants: {
@@ -43,6 +45,7 @@ const fontOnlyconfig = {
       bold: styles.bold,
       regular: styles.regular,
       underlined: styles.underlined,
+      uppercase: styles.uppercase,
     },
   },
   defaultVariants: {

components/TempDesignSystem/Text/Footnote/footnote.module.css

@@ -25,6 +25,16 @@
   text-decoration: var(--typography-Footnote-Regular-textDecoration);
 }
 
+.uppercase {
+  font-family: var(--typography-Footnote-Regular-fontFamily);
+  font-size: var(--typography-Footnote-Regular-fontSize);
+  font-weight: 450;
+  letter-spacing: var(--typography-Footnote-Regular-letterSpacing);
+  line-height: var(--typography-Footnote-Regular-lineHeight);
+  text-decoration: var(--typography-Footnote-Regular-textDecoration);
+  text-transform: uppercase;
+}
+
 .center {
   text-align: center;
 }
@@ -45,6 +55,10 @@
   color: var(--Scandic-Brand-Pale-Peach);
 }
 
+.peach50 {
+  color: var(--Scandic-Peach-50);
+}
+
 .textMediumContrast {
   color: var(--UI-Text-Medium-contrast);
 }

components/TempDesignSystem/Text/Footnote/variants.ts

@@ -8,6 +8,7 @@ const config = {
       black: styles.black,
       burgundy: styles.burgundy,
       pale: styles.pale,
+      peach50: styles.peach50,
       textMediumContrast: styles.textMediumContrast,
     },
     textAlign: {
@@ -17,6 +18,7 @@ const config = {
     textTransform: {
       bold: styles.bold,
       regular: styles.regular,
+      uppercase: styles.uppercase,
     },
   },
   defaultVariants: {
@@ -35,6 +37,7 @@ const fontOnlyConfig = {
     textTransform: {
       bold: styles.bold,
       regular: styles.regular,
+      uppercase: styles.uppercase,
     },
   },
   defaultVariants: {