fix: design review comments

components/TempDesignSystem/Form/Label/label.module.css

@@ -3,7 +3,7 @@
   font-family: "fira sans";
   font-weight: 400;
   letter-spacing: 0.03px;
-  line-height: 19px;
+  line-height: 120%;
   text-align: left;
 }
 
@@ -17,13 +17,17 @@ span.regular {
   order: 1;
 }
 
-input:focus ~ .label,
+input:active ~ .label,
 input:not(:placeholder-shown) ~ .label {
   display: block;
   font-size: 12px;
   transition: font-size 100ms ease;
 }
 
+input:focus ~ .label {
+  font-size: 12px;
+}
+
 input:placeholder-shown ~ .label {
   grid-row: 1/-1;
 }

components/TempDesignSystem/Link/link.module.css

@@ -101,22 +101,52 @@
   color: var(--Base-Text-High-contrast);
 }
 
+.burgundy:hover,
+.burgundy:active {
+  color: var(--Base-Button-Text-On-Fill-Hover);
+}
+
+.burgundy:hover *,
+.burgundy:active * {
+  fill: var(--Base-Button-Text-On-Fill-Hover);
+}
+
 .pale {
   color: var(--Scandic-Brand-Pale-Peach);
 }
 
 .peach80 {
-  color: var(--Scandic-Peach-80);
+  color: var(--Primary-Light-On-Surface-Accent);
+}
+
+.peach80:hover,
+.peach80:active {
+  color: var(--Primary-Light-On-Surface-Hover);
+}
+
+.peach80:hover *,
+.peach80:active * {
+  fill: var(--Primary-Light-On-Surface-Hover);
 }
 
 .white {
   color: var(--Base-Button-Primary-On-Fill-Normal);
 }
 
+.white:hover,
+.white:active {
+  color: var(--Base-Button-Primary-On-Fill-Hover);
+}
+
+.white:hover *,
+.white:active * {
+  fill: var(--Base-Button-Primary-On-Fill-Hover);
+}
+
 .regular {
   font-family: var(--typography-Body-Regular-fontFamily);
   font-size: var(--typography-Body-Regular-fontSize);
-  font-weight: var(--typography-Body-Regular-fontWeight);
+  font-weight: 400;
   letter-spacing: var(--typography-Body-Regular-letterSpacing);
   line-height: var(--typography-Body-Regular-lineHeight);
 }
@@ -124,7 +154,7 @@
 .activeRegular {
   font-family: var(--typography-Body-Bold-fontFamily);
   font-size: var(--typography-Body-Bold-fontSize);
-  font-weight: var(--typography-Body-Bold-fontWeight);
+  font-weight: 500;
   letter-spacing: var(--typography-Body-Bold-letterSpacing);
   line-height: var(--typography-Body-Bold-lineHeight);
 }
@@ -132,7 +162,7 @@
 .small {
   font-family: var(--typography-Caption-Regular-fontFamily);
   font-size: var(--typography-Caption-Regular-fontSize);
-  font-weight: var(--typography-Caption-Regular-fontWeight);
+  font-weight: 400;
   letter-spacing: var(--typography-Caption-Regular-letterSpacing);
   line-height: var(--typography-Caption-Regular-lineHeight);
 }
@@ -140,7 +170,7 @@
 .activeSmall {
   font-family: var(--typography-Caption-Bold-fontFamily);
   font-size: var(--typography-Caption-Bold-fontSize);
-  font-weight: var(--typography-Caption-Bold-fontWeight);
+  font-weight: 500;
   letter-spacing: var(--typography-Caption-Bold-letterSpacing);
   line-height: var(--typography-Caption-Bold-lineHeight);
 }

components/TempDesignSystem/Select/select.module.css

@@ -55,15 +55,13 @@
 }
 
 .listBoxItem {
-  padding: var(--Spacing-x2);
+  padding: var(--Spacing-x1);
+  margin: var(--Spacing-x0) var(--Spacing-x2);
 }
 
 .listBoxItem[data-focused="true"],
 .listBoxItem[data-selected="true"] {
-  background: var(--UI-Input-Controls-Surface-Hover, var(--Scandic-Blue-00));
+  background: var(--UI-Input-Controls-Surface-Hover);
+  border-radius: var(--Corner-radius-Medium,);
   outline: none;
 }
-
-.listBoxItem[data-selected="true"] {
-  font-weight: 500;
-}