@oslokommune/punkt-css 13.13.0 → 13.13.2

package/dist/scss/components/_accordion.scss

@@ -59,7 +59,7 @@ pkt-accordion[skin='borderless'] {
     background-color: var(--pkt-color-background-default);
 
     &[open] {
-      .pkt-accordion-item__title {
+      > .pkt-accordion-item__title {
         box-shadow: inset 0 0 0 0.25rem var(--pkt-color-border-states-active);
       }
     }
@@ -108,7 +108,7 @@ pkt-accordion[compact][skin='borderless'] {
     border: none;
 
     &--open {
-      .pkt-accordion-item__title {
+      > .pkt-accordion-item__title {
         box-shadow: inset 0 0 0 0.125rem var(--pkt-color-border-states-active);
       }
     }
@@ -160,6 +160,10 @@ pkt-accordion[compact] {
     justify-content: space-between;
     padding: map.get(variables.$spacing, 'size-24');
 
+    .pkt-accordion-item__icon {
+      transition: transform 0.2s;
+    }
+
     &:hover {
       text-decoration: underline;
 
@@ -173,10 +177,6 @@ pkt-accordion[compact] {
     }
   }
 
-  &__icon {
-    transition: transform 0.2s;
-  }
-
   &__content {
     @include pkt-accordion-item-standard-content;
     border-top: none;
@@ -188,7 +188,7 @@ pkt-accordion[compact] {
     border: none;
 
     &[open] {
-      .pkt-accordion-item__title {
+      > .pkt-accordion-item__title {
         box-shadow: inset 0 0 0 0.25rem var(--pkt-color-border-states-active);
       }
     }
@@ -211,10 +211,10 @@ pkt-accordion[compact] {
 }
 
 .pkt-accordion-item--compact {
-  .pkt-accordion-item__title {
+  > .pkt-accordion-item__title {
     @include pkt-accordion-item-compact-title;
   }
-  .pkt-accordion-item__content {
+  > .pkt-accordion-item__content {
     @include pkt-accordion-item-compact-content;
   }
 }
@@ -228,18 +228,17 @@ pkt-accordion[compact] {
     }
   }
 
-  .pkt-accordion-item {
+  > .pkt-accordion-item {
     &__title {
       border-bottom: none;
       &:hover {
-        .pkt-accordion-item__icon {
+        > .pkt-accordion-item__icon {
           transform: rotate(180deg) translateY(0.25rem);
         }
       }
-    }
-
-    &__icon {
-      transform: rotate(180deg) translateY(0);
+      > .pkt-accordion-item__icon {
+        transform: rotate(180deg) translateY(0);
+      }
     }
   }
 }

package/dist/scss/elements/_button.scss

@@ -360,6 +360,7 @@ pkt-button[isLoading] {
   text-underline-offset: 0.3em;
   text-align: left;
   align-items: center;
+  justify-content: center;
   column-gap: 0.5rem;
   -webkit-appearance: none;
   appearance: none;
@@ -367,15 +368,32 @@ pkt-button[isLoading] {
 
   // button sizes & variants
 
+  //hjelpeklasse for full bredde
+  &--full,
+  &--full & {
+    display: flex;
+    width: 100%;
+  }
+  &--full:not(&):not(pkt-button) {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
   //hjelpeklasse for full bredde på liten skjerm
   &--full-small,
   &--full-small & {
     @media screen and (max-width: 36rem) {
       display: flex;
       width: 100%;
-      justify-content: center;
     }
   }
+  &--full-small:not(&):not(pkt-button) {
+    @media screen and (max-width: 36rem) {
+      flex-direction: column;
+      gap: 0.5rem;
+    }
+  }
+
   @each $key, $value in $-sizes {
     @include -size($key, $value);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-css",
-  "version": "13.13.0",
+  "version": "13.13.2",
   "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": "dfda73999cbdf688f04f4fce0240779bd4fed111"
+  "gitHead": "7707f0d8e3d999702c6b5bf2d4986d8b75307ffb"
 }