@oslokommune/punkt-css 8.0.5 → 8.0.9

package/dist/scss/components/_alert.scss

@@ -100,3 +100,20 @@ $-border-thickness: map.get(variables.$spacing, 'size-4');
     top: 0.625rem;
   }
 }
+
+// Utelukkende for bruk i feilmeldinger i InputWrapper
+.#{$-module-name}--slim {
+  padding: map.get(variables.$spacing, 'size-12')
+    map.get(variables.$spacing, 'size-16')
+    map.get(variables.$spacing, 'size-12') map.get(variables.$spacing, 'size-4');
+  .#{$-module-name}__icon {
+    width: 1.375rem;
+    height: 1.375rem;
+    top: 0.81rem;
+    left: 1.25rem;
+  }
+  .#{$-module-name}__text {
+    @include get-text('pkt-txt-16-light');
+    margin: 0 0 0 2.875rem;
+  }
+}

package/dist/scss/components/_inputwrapper.scss

@@ -85,24 +85,11 @@
   // Alert
   .pkt-alert {
     width: min(100%, 31rem);
-    padding: 0.75rem 1rem 0.75rem calc(8px - 4px);
     margin: 0 0 0.5rem 0;
 
     &--error {
       margin: 0.5rem 0 0.5rem 0;
     }
-
-    &__icon {
-      width: 1.375rem;
-      height: 1.375rem;
-      top: 0.81rem;
-      left: 1.25rem;
-    }
-
-    &__text {
-      @include typography.get-text('pkt-txt-16-light');
-      margin: 0 0 0 2.875rem;
-    }
   }
 
   // Tag

package/dist/scss/elements/_input.scss

@@ -155,6 +155,11 @@
     align-items: center;
     align-self: stretch;
 
+    &:is(:has(input[size])),
+    &:is(:has(textarea[cols])) {
+      align-self: flex-start;
+    }
+
     :first-child:not(:only-child) {
       border-right: none;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-css",
-  "version": "8.0.5",
+  "version": "8.0.9",
   "description": "CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -55,5 +55,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "5ee54b441a79b5cb73e9659f909443c48d6b600c"
+  "gitHead": "43e48b7612bc940467a81e4877ba0ad1d7854e61"
 }