@oslokommune/punkt-css 16.2.0 → 16.4.0

package/dist/css/pkt-docs.css

@@ -14410,7 +14410,7 @@ a:active, a.pkt-link--active,
 .pkt-link--external::after {
   display: inline-block;
   content: " ";
-  --svg: url(https://punkt-cdn.oslo.kommune.no/16.2/icons/new-window-small.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/16.4/icons/new-window-small.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-size: 18px 18px;
@@ -18452,7 +18452,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
   outline-color: var(--pkt-color-input-border-hover);
 }
 .pkt-input-check__input-checkbox:indeterminate[type=checkbox]:not([role=switch]) {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/16.2/icons/minus-sign.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/16.4/icons/minus-sign.svg);
   position: relative;
   background-color: var(--pkt-color-input-border-normal);
 }
@@ -18478,7 +18478,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(271deg) brightness(105%) contrast(101%);
 }
 .pkt-input-check__input-checkbox:checked[type=checkbox] {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/16.2/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/16.4/icons/check-medium.svg);
   position: relative;
   background-color: var(--pkt-color-input-border-normal);
 }
@@ -18536,7 +18536,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
   cursor: not-allowed;
 }
 .pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/16.2/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/16.4/icons/check-medium.svg);
   --pkt-color-input-check-border: var(--pkt-color-input-border-normal);
   filter: grayscale(100%) brightness(400%);
 }
@@ -18754,7 +18754,7 @@ pkt-select {
 }
 .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/16.2/icons/chevron-thin-down.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/16.4/icons/chevron-thin-down.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-position: right 0.7rem top 50%;
@@ -19794,6 +19794,10 @@ pkt-alert {
 /*
  * Back link component
  */
+.pkt-back-link .pkt-link {
+  display: inline-flex;
+  align-items: center;
+}
 .pkt-back-link__icon {
   flex-basis: 1rem;
 }
@@ -23542,7 +23546,7 @@ pkt-listbox {
 .pkt-modal {
   border: none;
   padding: 0;
-  background-color: transparent;
+  background-color: var(--pkt-color-background-default);
   opacity: 0;
   display: none;
   transition: translate 0.2s ease-in-out, opacity 0.2s ease-in-out, overlay 0.2s ease-in-out allow-discrete, display 0.2s ease-in-out allow-discrete;
@@ -23596,11 +23600,10 @@ pkt-listbox {
   max-height: 100vh;
   max-height: 100dvh;
   margin: 0;
-  overflow-y: auto;
 }
 .pkt-modal__drawer .pkt-modal__wrapper {
-  min-height: 100vh;
-  min-height: 100dvh;
+  height: 100vh;
+  height: 100dvh;
 }
 .pkt-modal__drawer[open] {
   translate: 0 0;
@@ -23655,13 +23658,17 @@ pkt-listbox {
 }
 .pkt-modal .pkt-modal__container {
   padding-top: 2rem;
+  margin-top: -1px;
   background: var(--pkt-color-background-default);
-  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
 }
 .pkt-modal .pkt-modal__header {
   display: grid;
   grid-template-columns: 1fr 4rem;
-  grid-template-rows: 4rem 1fr;
+  grid-template-rows: calc(4rem + 1px) 1fr;
   grid-template-areas: "header close" "header empty";
   justify-content: flex-start;
   width: 100%;
@@ -23728,6 +23735,7 @@ pkt-listbox {
   flex-grow: 1;
   gap: 1rem;
   overflow-y: auto;
+  overscroll-behavior: contain;
   padding: 2rem 2.5rem;
   padding-top: 0;
   position: relative;
@@ -23803,6 +23811,7 @@ body.pkt-modal--open {
 }
 .pkt-modal--noShadow {
   box-shadow: none;
+  background-color: transparent;
 }
 
 .pkt-modal--transparentBackdrop::backdrop, .pkt-modal--transparentBackdrop[open]::backdrop {