@fremtind/jokul 0.62.3 → 0.62.5

package/styles/components/system-message/system-message.css

@@ -144,7 +144,7 @@
   margin-bottom: 0;
 }
 .jkl-system-message--dismissed {
-  animation: jkl-dismiss-utz3nwm 400ms ease-in forwards;
+  animation: jkl-dismiss-uv1t85n 400ms ease-in forwards;
   transition: visibility 0ms 400ms;
   visibility: hidden;
 }
@@ -176,7 +176,7 @@
   }
 }
 
-@keyframes jkl-dismiss-utz3nwm {
+@keyframes jkl-dismiss-uv1t85n {
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);

package/styles/components/system-message/system-message.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-system-message-icon-height:1.5rem;--jkl-system-message-icon-padding:0.1875rem 0 0 0;--jkl-system-message-content-padding:1.5rem;--jkl-system-message-dismiss-button-size:2.75rem;--jkl-system-message-dismiss-button-margin:-0.40625rem -1.125rem -0.40625rem auto;--jkl-system-message-message-margin:0 1rem;--jkl-system-message-message-font-size:var(--jkl-body-font-size);--jkl-system-message-message-line-height:var(--jkl-body-line-height);--jkl-system-message-message-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-system-message-icon-height:1.25rem;--jkl-system-message-icon-padding:0.0625rem 0 0 0;--jkl-system-message-content-padding:0.5rem;--jkl-system-message-dismiss-button-size:2rem;--jkl-system-message-dismiss-button-margin:-0.1875rem -0.375rem -0.28125rem auto;--jkl-system-message-message-margin:0 0.75rem;--jkl-system-message-message-font-size:var(--jkl-small-font-size);--jkl-system-message-message-line-height:var(--jkl-small-line-height);--jkl-system-message-message-font-weight:var(--jkl-small-font-weight)}.jkl-system-message{--background-color:var(--jkl-color-background-alert-neutral);--text-color:var(--jkl-color-text-on-alert);background-color:var(--background-color);box-sizing:border-box;color:var(--text-color);width:100%}.jkl-system-message__content{align-items:flex-start;box-sizing:border-box;display:grid;grid-template-columns:-webkit-min-content 1fr -webkit-min-content;grid-template-columns:min-content 1fr min-content;margin:0 auto;padding:var(--jkl-system-message-content-padding);width:100%}.jkl-system-message__icon{flex-shrink:0;height:var(--jkl-system-message-icon-height);margin:var(--jkl-system-message-icon-padding)}@media screen and (forced-colors:active){.jkl-system-message__icon,.jkl-system-message__icon path,.jkl-system-message__icon svg{stroke:CanvasText}}.jkl-system-message__message{font-size:var(--jkl-system-message-message-font-size);font-weight:var(--jkl-system-message-message-font-weight);line-height:var(--jkl-system-message-message-line-height);margin:var(--jkl-system-message-message-margin)}.jkl-system-message__dismiss-button{background-color:transparent;color:inherit;cursor:pointer;display:grid;flex-shrink:0;margin-top:.1875rem;padding:0;place-content:center;position:relative}.jkl-system-message__dismiss-button:after{content:"";display:block;height:var(--jkl-system-message-dismiss-button-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--jkl-system-message-dismiss-button-size)}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button,.jkl-system-message__dismiss-button path,.jkl-system-message__dismiss-button svg{stroke:ButtonText}.jkl-system-message__dismiss-button{background-color:ButtonFace}}.jkl-system-message__dismiss-button{border-style:none;outline:0;outline-style:none}.jkl-system-message__dismiss-button:active,.jkl-system-message__dismiss-button:focus,.jkl-system-message__dismiss-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button{border-style:revert;outline:revert;outline-style:revert}.jkl-system-message__dismiss-button:active,.jkl-system-message__dismiss-button:focus,.jkl-system-message__dismiss-button:hover{outline:revert;outline-style:revert}}.jkl-system-message__dismiss-button:hover{color:#636060}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button:hover{stroke:ButtonText}.jkl-system-message__dismiss-button:hover path,.jkl-system-message__dismiss-button:hover svg{stroke:ButtonText}}.jkl-system-message__dismiss-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button:focus-visible{outline:2px solid ButtonText;outline-offset:2px}}.jkl-system-message__message,.jkl-system-message__message:last-child{margin-bottom:0}.jkl-system-message--dismissed{animation:jkl-dismiss-utz3nwm .4s ease-in forwards;transition:visibility 0s .4s;visibility:hidden}.jkl-system-message--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-system-message--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-system-message--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-system-message--success{--background-color:var(--jkl-color-background-alert-success)}@media screen and (forced-colors:active){.jkl-system-message{border:2px solid CanvasText}.jkl-system-message--info{border-style:dotted}.jkl-system-message--warning{border-style:dashed}.jkl-system-message--error{border-style:double;border-width:4px}}@keyframes jkl-dismiss-utz3nwm{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-system-message-icon-height:1.5rem;--jkl-system-message-icon-padding:0.1875rem 0 0 0;--jkl-system-message-content-padding:1.5rem;--jkl-system-message-dismiss-button-size:2.75rem;--jkl-system-message-dismiss-button-margin:-0.40625rem -1.125rem -0.40625rem auto;--jkl-system-message-message-margin:0 1rem;--jkl-system-message-message-font-size:var(--jkl-body-font-size);--jkl-system-message-message-line-height:var(--jkl-body-line-height);--jkl-system-message-message-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-system-message-icon-height:1.25rem;--jkl-system-message-icon-padding:0.0625rem 0 0 0;--jkl-system-message-content-padding:0.5rem;--jkl-system-message-dismiss-button-size:2rem;--jkl-system-message-dismiss-button-margin:-0.1875rem -0.375rem -0.28125rem auto;--jkl-system-message-message-margin:0 0.75rem;--jkl-system-message-message-font-size:var(--jkl-small-font-size);--jkl-system-message-message-line-height:var(--jkl-small-line-height);--jkl-system-message-message-font-weight:var(--jkl-small-font-weight)}.jkl-system-message{--background-color:var(--jkl-color-background-alert-neutral);--text-color:var(--jkl-color-text-on-alert);background-color:var(--background-color);box-sizing:border-box;color:var(--text-color);width:100%}.jkl-system-message__content{align-items:flex-start;box-sizing:border-box;display:grid;grid-template-columns:-webkit-min-content 1fr -webkit-min-content;grid-template-columns:min-content 1fr min-content;margin:0 auto;padding:var(--jkl-system-message-content-padding);width:100%}.jkl-system-message__icon{flex-shrink:0;height:var(--jkl-system-message-icon-height);margin:var(--jkl-system-message-icon-padding)}@media screen and (forced-colors:active){.jkl-system-message__icon,.jkl-system-message__icon path,.jkl-system-message__icon svg{stroke:CanvasText}}.jkl-system-message__message{font-size:var(--jkl-system-message-message-font-size);font-weight:var(--jkl-system-message-message-font-weight);line-height:var(--jkl-system-message-message-line-height);margin:var(--jkl-system-message-message-margin)}.jkl-system-message__dismiss-button{background-color:transparent;color:inherit;cursor:pointer;display:grid;flex-shrink:0;margin-top:.1875rem;padding:0;place-content:center;position:relative}.jkl-system-message__dismiss-button:after{content:"";display:block;height:var(--jkl-system-message-dismiss-button-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--jkl-system-message-dismiss-button-size)}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button,.jkl-system-message__dismiss-button path,.jkl-system-message__dismiss-button svg{stroke:ButtonText}.jkl-system-message__dismiss-button{background-color:ButtonFace}}.jkl-system-message__dismiss-button{border-style:none;outline:0;outline-style:none}.jkl-system-message__dismiss-button:active,.jkl-system-message__dismiss-button:focus,.jkl-system-message__dismiss-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button{border-style:revert;outline:revert;outline-style:revert}.jkl-system-message__dismiss-button:active,.jkl-system-message__dismiss-button:focus,.jkl-system-message__dismiss-button:hover{outline:revert;outline-style:revert}}.jkl-system-message__dismiss-button:hover{color:#636060}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button:hover{stroke:ButtonText}.jkl-system-message__dismiss-button:hover path,.jkl-system-message__dismiss-button:hover svg{stroke:ButtonText}}.jkl-system-message__dismiss-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button:focus-visible{outline:2px solid ButtonText;outline-offset:2px}}.jkl-system-message__message,.jkl-system-message__message:last-child{margin-bottom:0}.jkl-system-message--dismissed{animation:jkl-dismiss-uv1t85n .4s ease-in forwards;transition:visibility 0s .4s;visibility:hidden}.jkl-system-message--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-system-message--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-system-message--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-system-message--success{--background-color:var(--jkl-color-background-alert-success)}@media screen and (forced-colors:active){.jkl-system-message{border:2px solid CanvasText}.jkl-system-message--info{border-style:dotted}.jkl-system-message--warning{border-style:dashed}.jkl-system-message--error{border-style:double;border-width:4px}}@keyframes jkl-dismiss-uv1t85n{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}

package/styles/components/tabs/tabs.css

@@ -30,26 +30,24 @@
 }
 
 .jkl-tabs {
-  scroll-snap-type: x proximity;
-  overflow: scroll hidden;
-  scrollbar-width: none;
-}
-.jkl-tabs::-webkit-scrollbar {
-  display: none;
+  width: 100%;
 }
 
 .jkl-tablist {
   --text-color: var(--jkl-color-text-interactive);
   --line-color: var(--jkl-color-border-separator);
   --indicator-color: var(--jkl-color-border-separator-hover);
+  scroll-snap-type: x proximity;
+  overflow: scroll hidden;
+  scrollbar-width: none;
   position: relative;
   display: inline-flex;
   flex-direction: row;
   padding: 0;
   margin: 0;
   border-bottom: 1px solid var(--line-color);
-  min-width: fit-content;
-  width: 100%;
+  width: fit-content;
+  max-width: 100%;
 }
 .jkl-tablist__indicator {
   position: absolute;
@@ -70,6 +68,9 @@
     border-color: GrayText;
   }
 }
+.jkl-tablist::-webkit-scrollbar {
+  display: none;
+}
 
 .jkl-tab {
   font-size: var(--jkl-tab-font-size);

package/styles/components/tabs/tabs.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-tab-padding:var(--jkl-unit-10) var(--jkl-unit-50) var(--jkl-unit-15) var(--jkl-unit-02);--jkl-tab-font-size:var(--jkl-body-font-size);--jkl-tab-line-height:var(--jkl-body-line-height);--jkl-tab-font-weight:var(--jkl-body-font-weight)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-tab-padding:var(--jkl-unit-10) var(--jkl-unit-30) var(--jkl-unit-15) var(--jkl-unit-02)}}[data-density=compact],[data-layout-density=compact]{--jkl-tab-font-size:var(--jkl-small-font-size);--jkl-tab-line-height:var(--jkl-small-line-height);--jkl-tab-font-weight:var(--jkl-small-font-weight);--jkl-tab-padding:var(--jkl-unit-02) var(--jkl-unit-40) var(--jkl-unit-05) 0}.jkl-tabs{overflow:scroll hidden;scroll-snap-type:x proximity;scrollbar-width:none}.jkl-tabs::-webkit-scrollbar{display:none}.jkl-tablist{--text-color:var(--jkl-color-text-interactive);--line-color:var(--jkl-color-border-separator);--indicator-color:var(--jkl-color-border-separator-hover);border-bottom:1px solid var(--line-color);display:inline-flex;flex-direction:row;margin:0;min-width:-webkit-fit-content;min-width:fit-content;padding:0;position:relative;width:100%}.jkl-tablist__indicator{background-color:var(--indicator-color);height:2px;position:absolute;transition-duration:.4s;transition-property:left,width;transition-timing-function:ease;will-change:left,width}@media screen and (forced-colors:active){.jkl-tablist__indicator{background-color:Highlight}.jkl-tablist{border-color:GrayText}}.jkl-tab{background-color:transparent;border:none;border-style:none;color:var(--text-color);cursor:pointer;font-size:var(--jkl-tab-font-size);font-weight:var(--jkl-tab-font-weight);line-height:var(--jkl-tab-line-height);outline:0;outline-style:none;padding:var(--jkl-tab-padding);position:relative;scroll-margin-inline-start:var(--jkl-unit-20);scroll-snap-align:start;text-decoration:none;white-space:nowrap}.jkl-tab:active,.jkl-tab:focus,.jkl-tab:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-tab{border-style:revert;outline:revert;outline-style:revert}.jkl-tab:active,.jkl-tab:focus,.jkl-tab:hover{outline:revert;outline-style:revert}}.jkl-tab:hover{--text-color:var(--jkl-color-text-interactive-hover)}.jkl-tab:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:-2px}.jkl-tab[aria-selected=true]{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-tab-padding:var(--jkl-unit-10) var(--jkl-unit-50) var(--jkl-unit-15) var(--jkl-unit-02);--jkl-tab-font-size:var(--jkl-body-font-size);--jkl-tab-line-height:var(--jkl-body-line-height);--jkl-tab-font-weight:var(--jkl-body-font-weight)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-tab-padding:var(--jkl-unit-10) var(--jkl-unit-30) var(--jkl-unit-15) var(--jkl-unit-02)}}[data-density=compact],[data-layout-density=compact]{--jkl-tab-font-size:var(--jkl-small-font-size);--jkl-tab-line-height:var(--jkl-small-line-height);--jkl-tab-font-weight:var(--jkl-small-font-weight);--jkl-tab-padding:var(--jkl-unit-02) var(--jkl-unit-40) var(--jkl-unit-05) 0}.jkl-tabs{width:100%}.jkl-tablist{--text-color:var(--jkl-color-text-interactive);--line-color:var(--jkl-color-border-separator);--indicator-color:var(--jkl-color-border-separator-hover);border-bottom:1px solid var(--line-color);display:inline-flex;flex-direction:row;margin:0;max-width:100%;overflow:scroll hidden;padding:0;position:relative;scroll-snap-type:x proximity;scrollbar-width:none;width:-webkit-fit-content;width:fit-content}.jkl-tablist__indicator{background-color:var(--indicator-color);height:2px;position:absolute;transition-duration:.4s;transition-property:left,width;transition-timing-function:ease;will-change:left,width}@media screen and (forced-colors:active){.jkl-tablist__indicator{background-color:Highlight}.jkl-tablist{border-color:GrayText}}.jkl-tablist::-webkit-scrollbar{display:none}.jkl-tab{background-color:transparent;border:none;border-style:none;color:var(--text-color);cursor:pointer;font-size:var(--jkl-tab-font-size);font-weight:var(--jkl-tab-font-weight);line-height:var(--jkl-tab-line-height);outline:0;outline-style:none;padding:var(--jkl-tab-padding);position:relative;scroll-margin-inline-start:var(--jkl-unit-20);scroll-snap-align:start;text-decoration:none;white-space:nowrap}.jkl-tab:active,.jkl-tab:focus,.jkl-tab:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-tab{border-style:revert;outline:revert;outline-style:revert}.jkl-tab:active,.jkl-tab:focus,.jkl-tab:hover{outline:revert;outline-style:revert}}.jkl-tab:hover{--text-color:var(--jkl-color-text-interactive-hover)}.jkl-tab:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:-2px}.jkl-tab[aria-selected=true]{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}

package/styles/components/tabs/tabs.scss

@@ -20,14 +20,7 @@
 }
 
 .jkl-tabs {
-    scroll-snap-type: x proximity;
-    overflow: scroll hidden;
-
-    scrollbar-width: none;
-
-    &::-webkit-scrollbar {
-        display: none;
-    }
+    width: 100%;
 }
 
 .jkl-tablist {
@@ -35,14 +28,17 @@
     --line-color: var(--jkl-color-border-separator);
     --indicator-color: var(--jkl-color-border-separator-hover);
 
+    scroll-snap-type: x proximity;
+    overflow: scroll hidden;
+    scrollbar-width: none;
     position: relative;
     display: inline-flex;
     flex-direction: row;
     padding: 0;
     margin: 0;
     border-bottom: 1px solid var(--line-color);
-    min-width: fit-content;
-    width: 100%;
+    width: fit-content;
+    max-width: 100%;
 
     &__indicator {
         position: absolute;
@@ -60,6 +56,10 @@
     @include jkl.forced-colors-mode {
         border-color: GrayText;
     }
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
 }
 
 .jkl-tab {

package/styles/components/toast/toast.css

@@ -185,14 +185,14 @@
 
 .jkl-toast[data-animation=entering],
 .jkl-toast[data-animation=queued] {
-  animation: jkl-entering-uhk8km9 200ms ease-out forwards;
+  animation: jkl-entering-u9sig62 200ms ease-out forwards;
 }
 
 .jkl-toast[data-animation=exiting] {
-  animation: jkl-exiting-uhk8kml 150ms ease-in forwards;
+  animation: jkl-exiting-u9sig6d 150ms ease-in forwards;
 }
 
-@keyframes jkl-entering-uhk8km9 {
+@keyframes jkl-entering-u9sig62 {
   from {
     opacity: 0;
     transform: translate3d(0, 50%, 0);
@@ -202,7 +202,7 @@
     transform: translate3d(0, 0, 0);
   }
 }
-@keyframes jkl-exiting-uhk8kml {
+@keyframes jkl-exiting-u9sig6d {
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);

package/styles/components/toast/toast.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-toast-padding:calc(var(--jkl-unit-10)*2)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-toast-padding:calc(var(--jkl-unit-10)*1.5)}}[data-density=compact],[data-layout-density=compact]{--jkl-toast-padding:0.5rem}.jkl-toast-region{background:transparent;bottom:calc(var(--jkl-unit-10)*3);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;width:100%;z-index:10000}.jkl-toast-region__toasts{align-items:center;display:flex;flex-direction:column;gap:calc(var(--jkl-unit-10)*2);min-width:18rem;pointer-events:auto}.jkl-toast-region--left{justify-content:flex-start;left:calc(var(--jkl-unit-10)*3)}.jkl-toast{--background-color:var(--jkl-color-background-container-high);--text-color:var(--jkl-color-text-default);align-items:start;background-color:var(--background-color);border-radius:4px;box-sizing:border-box;color:var(--text-color);display:grid;font-size:1.125rem;font-weight:400;grid-template-areas:"progress progress progress" "icon content dismiss";grid-template-columns:auto 1fr auto;line-height:1.75rem;max-width:min(30rem,85vw);overflow:hidden;padding:var(--jkl-toast-padding);padding-top:0;width:100%;--jkl-icon-weight:300}@media (min-width:680px){.jkl-toast{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-toast__progress{grid-area:progress;margin-bottom:calc(var(--jkl-unit-10)*2);margin-inline:calc(var(--jkl-toast-padding)*-1)}.jkl-toast__progress .jkl-countdown{--bar-color:var(--text-color);--track-color:transparent;border-radius:0}.jkl-toast__icon{grid-area:icon;margin-right:calc(var(--jkl-unit-10)*1.5)}@media screen and (forced-colors:active){.jkl-toast__icon,.jkl-toast__icon path,.jkl-toast__icon svg{stroke:CanvasText}}.jkl-toast__content{grid-area:content}.jkl-toast__message{margin-top:-.125rem}.jkl-toast__title{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin:0 0 calc(var(--jkl-unit-10)*.5) 0;--jkl-icon-weight:500}@media (min-width:680px){.jkl-toast__title{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:500}}.jkl-toast__title~.jkl-toast__message{margin-top:0}.jkl-toast__dismiss-button{background-color:transparent;color:inherit;cursor:pointer;grid-area:dismiss;justify-self:end;margin-left:var(--jkl-toast-gap);padding:0;position:relative}@media screen and (forced-colors:active){.jkl-toast__dismiss-button,.jkl-toast__dismiss-button path,.jkl-toast__dismiss-button svg{stroke:ButtonText}.jkl-toast__dismiss-button{background-color:ButtonFace}}.jkl-toast__dismiss-button:after{--tap-increment:-0.75rem;border-radius:.1875rem;content:"";inset:var(--tap-increment) var(--tap-increment) var(--tap-increment) var(--tap-increment);position:absolute}.jkl-toast--error,.jkl-toast--info,.jkl-toast--success,.jkl-toast--warning{--text-color:var(--jkl-color-text-on-alert)}.jkl-toast--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-toast--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-toast--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-toast--success{--background-color:var(--jkl-color-background-alert-success)}@media screen and (forced-colors:active){.jkl-toast{border:2px solid CanvasText}.jkl-toast--info{border-style:dotted}.jkl-toast--warning{border-style:dashed}.jkl-toast--error{border-style:double;border-width:4px}}.jkl-toast[data-animation=entering],.jkl-toast[data-animation=queued]{animation:jkl-entering-uhk8km9 .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-uhk8kml .15s ease-in forwards}@keyframes jkl-entering-uhk8km9{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-uhk8kml{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,50%,0)}}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-toast-padding:calc(var(--jkl-unit-10)*2)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-toast-padding:calc(var(--jkl-unit-10)*1.5)}}[data-density=compact],[data-layout-density=compact]{--jkl-toast-padding:0.5rem}.jkl-toast-region{background:transparent;bottom:calc(var(--jkl-unit-10)*3);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;width:100%;z-index:10000}.jkl-toast-region__toasts{align-items:center;display:flex;flex-direction:column;gap:calc(var(--jkl-unit-10)*2);min-width:18rem;pointer-events:auto}.jkl-toast-region--left{justify-content:flex-start;left:calc(var(--jkl-unit-10)*3)}.jkl-toast{--background-color:var(--jkl-color-background-container-high);--text-color:var(--jkl-color-text-default);align-items:start;background-color:var(--background-color);border-radius:4px;box-sizing:border-box;color:var(--text-color);display:grid;font-size:1.125rem;font-weight:400;grid-template-areas:"progress progress progress" "icon content dismiss";grid-template-columns:auto 1fr auto;line-height:1.75rem;max-width:min(30rem,85vw);overflow:hidden;padding:var(--jkl-toast-padding);padding-top:0;width:100%;--jkl-icon-weight:300}@media (min-width:680px){.jkl-toast{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-toast__progress{grid-area:progress;margin-bottom:calc(var(--jkl-unit-10)*2);margin-inline:calc(var(--jkl-toast-padding)*-1)}.jkl-toast__progress .jkl-countdown{--bar-color:var(--text-color);--track-color:transparent;border-radius:0}.jkl-toast__icon{grid-area:icon;margin-right:calc(var(--jkl-unit-10)*1.5)}@media screen and (forced-colors:active){.jkl-toast__icon,.jkl-toast__icon path,.jkl-toast__icon svg{stroke:CanvasText}}.jkl-toast__content{grid-area:content}.jkl-toast__message{margin-top:-.125rem}.jkl-toast__title{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin:0 0 calc(var(--jkl-unit-10)*.5) 0;--jkl-icon-weight:500}@media (min-width:680px){.jkl-toast__title{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:500}}.jkl-toast__title~.jkl-toast__message{margin-top:0}.jkl-toast__dismiss-button{background-color:transparent;color:inherit;cursor:pointer;grid-area:dismiss;justify-self:end;margin-left:var(--jkl-toast-gap);padding:0;position:relative}@media screen and (forced-colors:active){.jkl-toast__dismiss-button,.jkl-toast__dismiss-button path,.jkl-toast__dismiss-button svg{stroke:ButtonText}.jkl-toast__dismiss-button{background-color:ButtonFace}}.jkl-toast__dismiss-button:after{--tap-increment:-0.75rem;border-radius:.1875rem;content:"";inset:var(--tap-increment) var(--tap-increment) var(--tap-increment) var(--tap-increment);position:absolute}.jkl-toast--error,.jkl-toast--info,.jkl-toast--success,.jkl-toast--warning{--text-color:var(--jkl-color-text-on-alert)}.jkl-toast--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-toast--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-toast--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-toast--success{--background-color:var(--jkl-color-background-alert-success)}@media screen and (forced-colors:active){.jkl-toast{border:2px solid CanvasText}.jkl-toast--info{border-style:dotted}.jkl-toast--warning{border-style:dashed}.jkl-toast--error{border-style:double;border-width:4px}}.jkl-toast[data-animation=entering],.jkl-toast[data-animation=queued]{animation:jkl-entering-u9sig62 .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-u9sig6d .15s ease-in forwards}@keyframes jkl-entering-u9sig62{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-u9sig6d{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,50%,0)}}

package/styles/styles.css

@@ -783,7 +783,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-input-wra
   --color: var(--jkl-color-text-default);
 }
 .jkl-form-support-label--error .jkl-form-support-label__icon, .jkl-form-support-label--warning .jkl-form-support-label__icon, .jkl-form-support-label--success .jkl-form-support-label__icon {
-  animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-ua1zlty forwards;
+  animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-usc1xx7 forwards;
 }
 .jkl-form-support-label--sr-only {
   border: 0 !important;
@@ -858,7 +858,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-input-wra
   white-space: nowrap !important; /* 3 */
 }
 
-@keyframes jkl-support-icon-entrance-ua1zlty {
+@keyframes jkl-support-icon-entrance-usc1xx7 {
   0% {
     margin-right: 0;
     opacity: 0;
@@ -1048,6 +1048,28 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
   margin-block-start: -0.1em;
   vertical-align: middle;
 }
+.jkl-link--external::after, .jkl-link[target=_blank]::after {
+  --jkl-icon-fill: 0;
+  --jkl-icon-size: 1.25rem;
+  --jkl-icon-opsz: 20;
+  content: "\e89e";
+  margin-block-start: -0.1em;
+  padding-inline-start: 0.2em;
+  vertical-align: middle;
+  font-family: "Fremtind Material Symbols", Arial, Helvetica, sans-serif;
+  font-variation-settings: "FILL" var(--jkl-icon-fill, 0), "GRAD" var(--jkl-icon-grade, 0), "opsz" var(--jkl-icon-opsz, 24);
+  font-feature-settings: "liga";
+  -webkit-font-feature-settings: "liga";
+  font-size: var(--jkl-icon-size, 1.5rem);
+  font-weight: var(--jkl-icon-weight, 300);
+  line-height: 1;
+  display: inline-block;
+  -webkit-font-smoothing: antialiased;
+  transition-timing-function: ease;
+  transition-duration: 150ms;
+  transition-property: font-variation-settings, transform;
+  display: inline;
+}
 .jkl-link:hover:not(:focus) {
   --link-color: var(--jkl-color-text-subdued);
 }
@@ -1117,12 +1139,12 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
   initial-value: 0;
   inherits: false;
 }
-@keyframes button-fade-ua1zlv9 {
+@keyframes button-fade-usc1xyu {
   from {
     --jkl-button-flash-opacity: 0.5;
   }
 }
-@keyframes button-grow-ua1zlux {
+@keyframes button-grow-usc1xxw {
   to {
     --jkl-button-flash-radius: 150%;
   }
@@ -1208,7 +1230,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
   --hover-opacity: 0.15;
 }
 .jkl-button.jkl-button--pressed {
-  animation-name: button-fade-ua1zlv9, button-grow-ua1zlux;
+  animation-name: button-fade-usc1xyu, button-grow-usc1xxw;
 }
 .jkl-button--primary, .jkl-button--secondary, .jkl-button--ghost {
   --border-radius: 999px;
@@ -1246,15 +1268,15 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
   animation: 2500ms linear infinite;
 }
 .jkl-loader__dot--left {
-  animation-name: jkl-loader-left-spin-ua1zlvd;
+  animation-name: jkl-loader-left-spin-usc1xzh;
   margin-right: 1.71em;
 }
 .jkl-loader__dot--middle {
-  animation-name: jkl-loader-middle-spin-ua1zlvg;
+  animation-name: jkl-loader-middle-spin-usc1y0h;
   margin-right: 1.9em;
 }
 .jkl-loader__dot--right {
-  animation-name: jkl-loader-right-spin-ua1zlvv;
+  animation-name: jkl-loader-right-spin-usc1y1e;
 }
 @media screen and (forced-colors: active) {
   .jkl-loader__dot {
@@ -1282,7 +1304,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
   margin-right: 0.3em;
 }
 
-@keyframes jkl-loader-left-spin-ua1zlvd {
+@keyframes jkl-loader-left-spin-usc1xzh {
   0% {
     transform: rotate(0) scale(0);
   }
@@ -1296,7 +1318,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
     transform: rotate(180deg) scale(0);
   }
 }
-@keyframes jkl-loader-middle-spin-ua1zlvg {
+@keyframes jkl-loader-middle-spin-usc1y0h {
   0% {
     transform: rotate(20deg) scale(0);
   }
@@ -1313,7 +1335,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
     transform: rotate(200deg) scale(0);
   }
 }
-@keyframes jkl-loader-right-spin-ua1zlvv {
+@keyframes jkl-loader-right-spin-usc1y1e {
   0% {
     transform: rotate(40deg) scale(0);
   }
@@ -1361,7 +1383,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
   bottom: 0;
   width: 12.5rem;
   background: linear-gradient(89.17deg, rgba(249, 249, 249, 0) 0.8%, var(--jkl-skeleton-sweeper-color) 50.09%, rgba(249, 249, 249, 0) 96.31%);
-  animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-ua1zlwp;
+  animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-usc1y1s;
 }
 @media (width >= 0) and (max-width: 679px) {
   .jkl-skeleton-animation {
@@ -1392,7 +1414,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
 @media screen and (forced-colors: active) {
   .jkl-skeleton-element {
     border: 1px solid CanvasText;
-    animation: 2s ease infinite jkl-blink-ua1zlwy;
+    animation: 2s ease infinite jkl-blink-usc1y2n;
   }
 }
 
@@ -1448,11 +1470,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
 }
 @media screen and (forced-colors: active) {
   .jkl-skeleton-table {
-    animation: 2s ease-in-out infinite jkl-blink-ua1zlwy;
+    animation: 2s ease-in-out infinite jkl-blink-usc1y2n;
   }
 }
 
-@keyframes jkl-sweep-ua1zlwp {
+@keyframes jkl-sweep-usc1y1s {
   0% {
     transform: translateX(calc(0vw - 200px));
   }
@@ -1460,7 +1482,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
     transform: translateX(calc(100vw + 400px));
   }
 }
-@keyframes jkl-blink-ua1zlwy {
+@keyframes jkl-blink-usc1y2n {
   0% {
     opacity: 1;
   }
@@ -1924,7 +1946,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
   --jkl-checkbox-line-height: 1.5rem;
 }
 
-@keyframes jkl-checkbox-checked-ua1zlxg {
+@keyframes jkl-checkbox-checked-usc1y31 {
   0% {
     width: 0;
     height: 0;
@@ -1938,7 +1960,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
     height: 58%;
   }
 }
-@keyframes jkl-checkbox-indeterminate-ua1zly9 {
+@keyframes jkl-checkbox-indeterminate-usc1y3j {
   0% {
     width: 0;
   }
@@ -1967,11 +1989,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
   left: calc(-0.5 * var(--jkl-checkbox-box-size));
 }
 .jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
-  animation: jkl-checkbox-checked-ua1zlxg 150ms ease-in-out forwards;
+  animation: jkl-checkbox-checked-usc1y31 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
-  animation: jkl-checkbox-indeterminate-ua1zly9 150ms ease-in-out forwards;
+  animation: jkl-checkbox-indeterminate-usc1y3j 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
@@ -2142,7 +2164,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
   --outer-border-thickness: 0.125rem;
 }
 
-@keyframes jkl-checkbox-checked-ua1zlyi {
+@keyframes jkl-checkbox-checked-usc1y4a {
   0% {
     width: 0;
     height: 0;
@@ -2205,7 +2227,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
   }
 }
 .jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator::after {
-  animation: jkl-checkbox-checked-ua1zlyi 150ms ease-in-out forwards;
+  animation: jkl-checkbox-checked-usc1y4a 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox-panel:has([aria-invalid=true]) {
@@ -2898,11 +2920,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
   }
 }
 .jkl-countdown__tracker {
-  animation: jkl-downcount-ua1zlyo var(--duration) linear forwards;
+  animation: jkl-downcount-usc1y4x var(--duration) linear forwards;
   animation-play-state: var(--play-state, running);
 }
 
-@keyframes jkl-downcount-ua1zlyo {
+@keyframes jkl-downcount-usc1y4x {
   from {
     width: 100%;
   }
@@ -3574,7 +3596,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
   padding: 1rem 0 2.5rem 0;
 }
 
-@keyframes jkl-show-ua1zlzg {
+@keyframes jkl-show-usc1y5p {
   from {
     transform: translate3d(0, 0.5rem, 0);
     opacity: 0;
@@ -3609,7 +3631,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
   }
 }
 .jkl-feedback__fade-in {
-  animation: jkl-show-ua1zlzg 0.25s ease-out;
+  animation: jkl-show-usc1y5p 0.25s ease-out;
 }
 .jkl-feedback__buttons {
   display: flex;
@@ -3851,7 +3873,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
   --background-color: var(--jkl-color-background-alert-success);
 }
 .jkl-message--dismissed {
-  animation: jkl-dismiss-ua1zlzi 400ms ease-in-out forwards;
+  animation: jkl-dismiss-usc1y6l 400ms ease-in-out forwards;
   transition: visibility 0ms 400ms;
   visibility: hidden;
 }
@@ -3871,7 +3893,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
   }
 }
 
-@keyframes jkl-dismiss-ua1zlzi {
+@keyframes jkl-dismiss-usc1y6l {
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -3927,7 +3949,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
   --jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
 }
 
-@keyframes jkl-dot-in-ua1zlzx {
+@keyframes jkl-dot-in-usc1y7h {
   0% {
     transform: scale(0.8);
   }
@@ -3973,7 +3995,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
 }
 .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
   --dot-color: var(--jkl-color-border-action);
-  animation: jkl-dot-in-ua1zlzx 150ms ease;
+  animation: jkl-dot-in-usc1y7h 150ms ease;
 }
 @media screen and (forced-colors: active) {
   .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
@@ -5064,7 +5086,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
   transition-duration: 150ms;
 }
 
-@keyframes jkl-downcount-ua1zm0f {
+@keyframes jkl-downcount-usc1y7i {
   from {
     width: 100%;
   }
@@ -5072,7 +5094,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
     width: 0%;
   }
 }
-@keyframes jkl-dot-in-ua1zm0t {
+@keyframes jkl-dot-in-usc1y82 {
   0% {
     transform: scale(0.8);
   }
@@ -5120,7 +5142,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
   }
 }
 .jkl-radio-panel__input:checked + .jkl-radio-panel__decorator::after {
-  animation: jkl-dot-in-ua1zm0t 150ms ease;
+  animation: jkl-dot-in-usc1y82 150ms ease;
 }
 .jkl-radio-panel:has(:checked) {
   --radio-dot-color: var(--jkl-color-border-action);
@@ -5332,7 +5354,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
   margin-bottom: 0;
 }
 .jkl-system-message--dismissed {
-  animation: jkl-dismiss-ua1zm1h 400ms ease-in forwards;
+  animation: jkl-dismiss-usc1y8b 400ms ease-in forwards;
   transition: visibility 0ms 400ms;
   visibility: hidden;
 }
@@ -5364,7 +5386,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
   }
 }
 
-@keyframes jkl-dismiss-ua1zm1h {
+@keyframes jkl-dismiss-usc1y8b {
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -5962,26 +5984,24 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
 }
 
 .jkl-tabs {
-  scroll-snap-type: x proximity;
-  overflow: scroll hidden;
-  scrollbar-width: none;
-}
-.jkl-tabs::-webkit-scrollbar {
-  display: none;
+  width: 100%;
 }
 
 .jkl-tablist {
   --text-color: var(--jkl-color-text-interactive);
   --line-color: var(--jkl-color-border-separator);
   --indicator-color: var(--jkl-color-border-separator-hover);
+  scroll-snap-type: x proximity;
+  overflow: scroll hidden;
+  scrollbar-width: none;
   position: relative;
   display: inline-flex;
   flex-direction: row;
   padding: 0;
   margin: 0;
   border-bottom: 1px solid var(--line-color);
-  min-width: fit-content;
-  width: 100%;
+  width: fit-content;
+  max-width: 100%;
 }
 .jkl-tablist__indicator {
   position: absolute;
@@ -6002,6 +6022,9 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
     border-color: GrayText;
   }
 }
+.jkl-tablist::-webkit-scrollbar {
+  display: none;
+}
 
 .jkl-tab {
   font-size: var(--jkl-tab-font-size);
@@ -6234,14 +6257,14 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
 
 .jkl-toast[data-animation=entering],
 .jkl-toast[data-animation=queued] {
-  animation: jkl-entering-ua1zm1m 200ms ease-out forwards;
+  animation: jkl-entering-usc1y98 200ms ease-out forwards;
 }
 
 .jkl-toast[data-animation=exiting] {
-  animation: jkl-exiting-ua1zm2h 150ms ease-in forwards;
+  animation: jkl-exiting-usc1y9z 150ms ease-in forwards;
 }
 
-@keyframes jkl-entering-ua1zm1m {
+@keyframes jkl-entering-usc1y98 {
   from {
     opacity: 0;
     transform: translate3d(0, 50%, 0);
@@ -6251,7 +6274,7 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
     transform: translate3d(0, 0, 0);
   }
 }
-@keyframes jkl-exiting-ua1zm2h {
+@keyframes jkl-exiting-usc1y9z {
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);