@helsenorge/designsystem-react 3.1.5 → 4.1.0

package/scss/_input.scss

@@ -2,28 +2,6 @@
 
 @mixin input-wrapper {
   width: 100%;
-
-  &__label-wrapper {
-    display: inline-flex;
-    align-items: center;
-    line-height: getSpacer(m);
-    font-size: $font-size-sm;
-    font-weight: 600;
-    padding-bottom: getSpacer(xs);
-
-    @media (min-width: map.get($grid-breakpoints, md)) {
-      line-height: getSpacer(l);
-      font-size: $font-size-md;
-    }
-
-    &--on-dark {
-      color: $white;
-    }
-  }
-
-  &__after-label-children {
-    padding-left: 0.75rem;
-  }
 }
 
 @mixin content-wrapper {
@@ -54,6 +32,12 @@
     }
   }
 
+  &:focus-within {
+    background: $white;
+    border-color: $neutral900;
+    box-shadow: 0 0 0 2px $neutral900;
+  }
+
   &:hover {
     background: $neutral50;
     border-color: $neutral700;
@@ -65,12 +49,6 @@
     }
   }
 
-  &:focus-within {
-    background: $white;
-    border-color: $neutral900;
-    box-shadow: 0 0 0 2px $neutral900;
-  }
-
   &--on-blueberry {
     border-color: $blueberry500;
 

package/scss/_palette.scss

@@ -17,6 +17,7 @@ $blueberry300: #7abecc;
 $blueberry400: #58aabb;
 $blueberry500: #188097;
 $blueberry600: #126f87;
+$blueberry60010: #126f8710;
 $blueberry700: #08667c;
 $blueberry800: #06596c;
 $blueberry900: #084350;

package/scss/_spacers.scss

@@ -17,7 +17,7 @@ $spacers: (
   12: $spacer * 7,
   13: $spacer * 8,
 );
-
+/* stylelint-disable-next-line */
 @function getSpacer($spacerSize) {
   $spacer-value: map.get(
     (