@oslokommune/punkt-css 12.8.1 → 12.10.1

package/dist/scss/abstracts/variables/_index.scss

@@ -6,7 +6,7 @@
 @forward 'spacing';
 
 // Default icon path
-$icon-path: 'https://punkt-cdn.oslo.kommune.no/12.8/icons' !default;
+$icon-path: 'https://punkt-cdn.oslo.kommune.no/12.10/icons' !default;
 
 // Borders
 $border-width: (

package/dist/scss/components/_accordion.scss

@@ -39,7 +39,7 @@
 
 .pkt-accordion--outlined {
   .pkt-accordion-item {
-    border: 3px solid var(--pkt-color-border-gray);
+    border: 2px solid var(--pkt-color-border-subtle);
   }
 }
 

package/dist/scss/components/_stepper.scss

@@ -221,9 +221,56 @@
   }
 }
 
-// ALL STEP CONTENT EXCEPT CURRENT
-.pkt-step--hidden:not(.pkt-step--current) {
+// CURRENT STEP
+.pkt-step--current {
+  .pkt-step__line--1 {
+    background-color: var(--pkt-color-brand-dark-blue-1000);
+  }
+
+  .pkt-step__line--2,
+  .pkt-step__line--3 {
+    background-color: var(--pkt-color-grays-gray-200);
+  }
+}
+
+// CURRENT STEP + INCOMPLETE STEP
+.pkt-step--current + .pkt-step--incomplete {
+  .pkt-step__line--1 {
+    background-color: var(--pkt-color-grays-gray-200);
+  }
+}
+
+// HIDE ALL STEP CONTENT EXCEPT CURRENT
+.pkt-step--hideContent:not(.pkt-step--current) {
   .pkt-step__content {
     display: none;
   }
 }
+
+// HIDE ALL STEPS EXCEPT CURRENT
+.pkt-step--hideStep:not(.pkt-step--current) {
+  .pkt-step__title,
+  .pkt-step__content {
+    display: none;
+  }
+}
+
+// Adjust spacing between steps when hiding non-active steps on vertical stepper
+.pkt-stepper--vertical {
+  .pkt-step--hideStep:not(.pkt-step--current) {
+    .pkt-step__line--3 {
+      min-height: map.get(variables.$spacing, 'size-32');
+    }
+  }
+}
+
+// Adjust spacing between steps when hiding non-active steps on horizontal stepper
+.pkt-stepper--horizontal {
+  .pkt-step--hideStep:not(.pkt-step--current) {
+    grid-template-columns: var(--pkt-steps-indicator-width) minmax(map.get(variables.$spacing, 'size-32'), max-content);
+
+    .pkt-step__line--3 {
+      min-width: map.get(variables.$spacing, 'size-32');
+    }
+  }
+}

package/package.json

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