@oslokommune/punkt-css 11.18.0 → 11.19.2

package/dist/css/pkt.css

@@ -13568,7 +13568,7 @@ a:active, a.pkt-link--active,
 .pkt-link--external::after {
   display: inline-block;
   content: " ";
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.18/icons/new-window-small.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.19/icons/new-window-small.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-size: 18px 18px;
@@ -17434,7 +17434,7 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
   outline-color: var(--pkt-color-input-border-hover);
 }
 .pkt-input-check__input-checkbox:checked[type=checkbox] {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.18/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.19/icons/check-medium.svg);
   position: relative;
   background-color: var(--pkt-color-input-border-normal);
 }
@@ -17494,7 +17494,7 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
   cursor: not-allowed;
 }
 .pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.18/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.19/icons/check-medium.svg);
   --pkt-color-input-check-border: var(
     --pkt-color-input-border-normal
   );
@@ -17737,7 +17737,7 @@ Therefore, this is removed from the reset here, and images who need to be fluid
 }
 .pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
 .pkt-select:is(select):not([multiple]) {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.18/icons/chevron-thin-down.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.19/icons/chevron-thin-down.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-position: right 0.7rem top 50%;
@@ -20158,6 +20158,11 @@ pkt-el-icon--large {
   grid-area: line;
   height: fit-content;
 }
+.pkt-stepper .pkt-step__nav-wrapper {
+  display: flex;
+  gap: 20px;
+  margin-top: 1rem;
+}
 
 .pkt-stepper--vertical {
   display: grid;
@@ -20175,6 +20180,9 @@ pkt-el-icon--large {
   padding: 1rem 1.5rem;
   background-color: var(--pkt-color-surface-subtle-pale-blue);
 }
+.pkt-stepper--vertical .pkt-step--current .pkt-step__content {
+  padding-top: 0;
+}
 .pkt-stepper--vertical .pkt-step--current .pkt-step__wrapper {
   margin-bottom: 1.5rem;
 }
@@ -20198,13 +20206,16 @@ pkt-el-icon--large {
 .pkt-stepper--vertical .pkt-step__line--3 {
   min-height: 4rem;
 }
+.pkt-stepper--vertical .pkt-step__nav-wrapper {
+  flex-direction: row;
+}
 
 .pkt-stepper--horizontal {
   display: flex;
 }
 .pkt-stepper--horizontal .pkt-step {
   grid-template-areas: "indicator line" "title title" "content content";
-  grid-template-columns: var(--pkt-steps-indicator-width) auto;
+  grid-template-columns: var(--pkt-steps-indicator-width) minmax(60px, max-content);
   grid-template-rows: var(--pkt-steps-indicator-width) min-content min-content;
   justify-items: flex-start;
 }
@@ -20237,6 +20248,9 @@ pkt-el-icon--large {
 .pkt-stepper--horizontal .pkt-step__line--3 {
   min-width: 5rem;
 }
+.pkt-stepper--horizontal .pkt-step__nav-wrapper {
+  flex-direction: column;
+}
 
 .pkt-step:first-of-type .pkt-step__line--1 {
   display: none;