@fremtind/jokul 0.37.10 → 0.37.12

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 :root,
 [data-layout-density=comfortable],
@@ -40,13 +40,13 @@
 .jkl-system-message__content {
   box-sizing: border-box;
   padding: var(--jkl-system-message-content-padding);
-  display: flex;
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
   align-items: flex-start;
   width: 100%;
   margin: 0 auto;
 }
 .jkl-system-message__icon {
-  align-self: flex-start;
   height: var(--jkl-system-message-icon-height);
   margin: var(--jkl-system-message-icon-padding);
   flex-shrink: 0;
@@ -69,15 +69,22 @@
   background-color: transparent;
   padding: 0;
   cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  align-self: flex-start;
+  display: grid;
+  place-content: center;
+  position: relative;
   flex-shrink: 0;
+  margin-top: 0.1875rem;
+  color: inherit;
+}
+.jkl-system-message__dismiss-button::after {
+  content: "";
+  position: absolute;
+  display: block;
   width: var(--jkl-system-message-dismiss-button-size);
   height: var(--jkl-system-message-dismiss-button-size);
-  margin: var(--jkl-system-message-dismiss-button-margin);
-  color: inherit;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 @media screen and (forced-colors: active) {
   .jkl-system-message__dismiss-button {
@@ -123,21 +130,21 @@
     stroke: ButtonText;
   }
 }
-html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-system-message__dismiss-button:focus {
-  outline: 2px solid #1b1917;
+.jkl-system-message__dismiss-button:focus-visible {
+  outline: 3px solid var(--jkl-color-border-action);
+  outline-offset: 3px;
 }
 @media screen and (forced-colors: active) {
-  html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-system-message__dismiss-button:focus {
+  .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-ui6xvjr 400ms ease-in forwards;
+  animation: jkl-dismiss-usetmdv 400ms ease-in forwards;
   transition: visibility 0ms 400ms;
   visibility: hidden;
 }
@@ -169,7 +176,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-system-message
   }
 }
 
-@keyframes jkl-dismiss-ui6xvjr {
+@keyframes jkl-dismiss-usetmdv {
   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:flex;margin:0 auto;padding:var(--jkl-system-message-content-padding);width:100%}.jkl-system-message__icon{align-self:flex-start;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{align-items:center;align-self:flex-start;background-color:transparent;color:inherit;cursor:pointer;display:flex;flex-shrink:0;height:var(--jkl-system-message-dismiss-button-size);justify-content:center;margin:var(--jkl-system-message-dismiss-button-margin);padding:0;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}}html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-system-message__dismiss-button:focus{outline:2px solid #1b1917}@media screen and (forced-colors:active){html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-system-message__dismiss-button:focus{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-ui6xvjr .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-ui6xvjr{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-usetmdv .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-usetmdv{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}

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

@@ -5,7 +5,6 @@
 
 $_dismiss-animation-name: jkl-dismiss-#{string.unique-id()};
 $_dismiss-animation-duration: jkl.timing("lazy");
-$_dismiss-focus-border-color: jkl.$color-granitt;
 $_dismiss-hover-color: jkl.$color-stein;
 
 @include jkl.comfortable-density-variables {
@@ -44,14 +43,14 @@ $_dismiss-hover-color: jkl.$color-stein;
     &__content {
         box-sizing: border-box;
         padding: var(--jkl-system-message-content-padding);
-        display: flex;
+        display: grid;
+        grid-template-columns: min-content 1fr min-content;
         align-items: flex-start;
         width: 100%;
         margin: 0 auto;
     }
 
     &__icon {
-        align-self: flex-start;
         height: var(--jkl-system-message-icon-height);
         margin: var(--jkl-system-message-icon-padding);
         flex-shrink: 0;
@@ -68,18 +67,25 @@ $_dismiss-hover-color: jkl.$color-stein;
         background-color: transparent;
         padding: 0;
         cursor: pointer;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        align-self: flex-start;
+        display: grid;
+        place-content: center;
+        position: relative;
         flex-shrink: 0;
+        margin-top: jkl.rem(3px); // visual alignment with text
+        color: inherit;
 
         // Sørg for å ha en stor nok touch target.
-        width: var(--jkl-system-message-dismiss-button-size);
-        height: var(--jkl-system-message-dismiss-button-size);
-        margin: var(--jkl-system-message-dismiss-button-margin);
+        &::after {
+            content: "";
+            position: absolute;
+            display: block;
+            width: var(--jkl-system-message-dismiss-button-size);
+            height: var(--jkl-system-message-dismiss-button-size);
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
 
-        color: inherit;
         @include jkl.forced-colors-svg-fallback($stroke: ButtonText);
         @include jkl.forced-colors-mode {
             background-color: ButtonFace;
@@ -92,14 +98,12 @@ $_dismiss-hover-color: jkl.$color-stein;
             @include jkl.forced-colors-svg-fallback($stroke: ButtonText);
         }
 
-        &:focus {
-            @include jkl.keyboard-navigation {
-                outline: 2px solid $_dismiss-focus-border-color;
+        &:focus-visible {
+            @include jkl.focus-outline;
 
-                @include jkl.forced-colors-mode {
-                    outline: 2px solid ButtonText;
-                    outline-offset: 2px;
-                }
+            @include jkl.forced-colors-mode {
+                outline: 2px solid ButtonText;
+                outline-offset: 2px;
             }
         }
     }

package/styles/components/table/_table-header.scss

@@ -44,8 +44,8 @@
         @include jkl.motion("entrance", "energetic");
         transition-property: opacity;
         display: inline-block;
-        margin-bottom: jkl.$spacing-2;
-        margin-left: jkl.$spacing-4;
+        margin-bottom: jkl.$unit-02;
+        margin-left: jkl.$unit-05;
         vertical-align: middle;
         opacity: 0;
 

package/styles/components/table/_table-pagination.scss

@@ -2,13 +2,13 @@
 
 .jkl-table-pagination {
     display: flex;
-    gap: jkl.$spacing-16;
+    gap: jkl.$unit-20;
     flex-direction: column;
     width: 100%;
 
     @include jkl.from-medium-device {
         flex-direction: row;
-        gap: jkl.$spacing-12;
+        gap: jkl.$unit-15;
         justify-content: space-between;
     }
 
@@ -29,7 +29,7 @@
         white-space: nowrap;
 
         &--page {
-            padding-inline-end: jkl.$spacing-24;
+            padding-inline-end: jkl.$unit-30;
             width: min(12rem, 100%);
 
             @include jkl.from-medium-device {
@@ -43,7 +43,7 @@
     }
 
     &__picker-label {
-        margin-inline-end: jkl.$spacing-8;
+        margin-inline-end: jkl.$unit-10;
     }
 
     &__nav {
@@ -52,7 +52,7 @@
         flex-direction: column;
         justify-content: center;
         flex-wrap: wrap;
-        gap: jkl.$spacing-16;
+        gap: jkl.$unit-20;
 
         @include jkl.from-medium-device {
             flex-direction: row;

package/styles/components/table/table.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 .jkl-table-caption--sr-only {
   border: 0 !important;
@@ -197,8 +197,8 @@
   transition-duration: 75ms;
   transition-property: opacity;
   display: inline-block;
-  margin-bottom: 0.125rem;
-  margin-left: 0.25rem;
+  margin-bottom: calc(var(--jkl-unit-10) * 0.25);
+  margin-left: calc(var(--jkl-unit-10) * 0.5);
   vertical-align: middle;
   opacity: 0;
   width: 1.2em;
@@ -217,14 +217,14 @@
 
 .jkl-table-pagination {
   display: flex;
-  gap: 1rem;
+  gap: calc(var(--jkl-unit-10) * 2);
   flex-direction: column;
   width: 100%;
 }
 @media (min-width: 680px) {
   .jkl-table-pagination {
     flex-direction: row;
-    gap: 0.75rem;
+    gap: calc(var(--jkl-unit-10) * 1.5);
     justify-content: space-between;
   }
 }
@@ -243,7 +243,7 @@
   white-space: nowrap;
 }
 .jkl-table-pagination__picker--page {
-  padding-inline-end: 1.5rem;
+  padding-inline-end: calc(var(--jkl-unit-10) * 3);
   width: min(12rem, 100%);
 }
 @media (min-width: 680px) {
@@ -263,7 +263,7 @@
   flex-direction: column;
   justify-content: center;
   flex-wrap: wrap;
-  gap: 1rem;
+  gap: calc(var(--jkl-unit-10) * 2);
 }
 @media (min-width: 680px) {
   .jkl-table-pagination__nav {

package/styles/components/table/table.min.css

@@ -1 +1 @@
-.jkl-table-caption--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-table-cell-font-size:var(--jkl-body-font-size);--jkl-table-cell-line-height:var(--jkl-body-line-height);--jkl-table-cell-font-weight:var(--jkl-body-font-weight);--jkl-table-cell-padding:0.6875rem 0.5rem}[data-density=compact],[data-layout-density=compact]{--jkl-table-cell-font-size:var(--jkl-small-font-size);--jkl-table-cell-line-height:var(--jkl-small-line-height);--jkl-table-cell-font-weight:var(--jkl-small-font-weight);--jkl-table-cell-padding:0.3125rem 0.5rem}.jkl-table-cell{font-size:var(--jkl-table-cell-font-size);font-weight:var(--jkl-table-cell-font-weight);line-height:var(--jkl-table-cell-line-height);padding:var(--jkl-table-cell-padding);position:relative;text-align:left;vertical-align:top}.jkl-table-cell--vertical-align-center{vertical-align:baseline}.jkl-table-cell--align-center{text-align:center}.jkl-table-cell--align-right{text-align:right}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list .jkl-table-cell--align-right{text-align:unset}}.jkl-table--collapse-to-list[data-collapse] .jkl-table-cell--align-right{text-align:unset}.jkl-table--collapse-to-list .jkl-table-cell[data-th]:not(.jkl-table-cell--expand-without-text):before{display:none}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list .jkl-table-cell[data-th]:not(.jkl-table-cell--expand-without-text):before{content:attr(data-th);display:block;font-size:1rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:500;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}}.jkl-table--collapse-to-list[data-collapse] .jkl-table-cell:not(.jkl-table-cell--expand-without-text):before{content:attr(data-th);display:block;font-size:1rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:500;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}@media (min-width:680px){.jkl-table--collapse-to-list:not([data-collapse]) .jkl-table-cell--expand-without-text .jkl-expand-button__text{display:none}}.jkl-table-cell .jkl-table-row-expand-button{align-items:center;display:flex;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.jkl-table-row--expandable.jkl-table-row--clickable:not(.jkl-expandable-table-row--clickable-external):hover .jkl-table-row-expand-button,html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-table-row--expandable.jkl-table-row--clickable:not(.jkl-expandable-table-row--clickable-external):focus .jkl-table-row-expand-button{color:var(--expand-button-focus-color)}@media screen and (prefers-color-scheme:light){:root{--jkl-table-head-sticky-color:var(--jkl-background-color)}}[data-theme=light]{--jkl-table-head-sticky-color:var(--jkl-background-color)}@media screen and (prefers-color-scheme:dark){:root{--jkl-table-head-sticky-color:var(--jkl-background-color)}}[data-theme=dark]{--jkl-table-head-sticky-color:var(--jkl-background-color)}.jkl-table-head--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-table-head--sticky>.jkl-table-row{background-clip:padding-box;background-color:var(--jkl-table-head-sticky-color);border-bottom:none;box-shadow:inset 0 0 0 #000,inset 0 -.0625rem 0 var(--jkl-table-row-hover-border-color);height:2.3em;position:-webkit-sticky;position:sticky;top:0;vertical-align:bottom;z-index:1}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-table-header-font-size:var(--jkl-body-font-size);--jkl-table-header-line-height:var(--jkl-body-line-height);--jkl-table-header-font-weight:var(--jkl-body-font-weight);--jkl-table-header-padding:0 0.5rem 0.4375rem 0.5rem}[data-density=compact],[data-layout-density=compact]{--jkl-table-header-font-size:var(--jkl-small-font-size);--jkl-table-header-line-height:var(--jkl-small-line-height);--jkl-table-header-font-weight:var(--jkl-small-font-weight);--jkl-table-header-padding:0 0.5rem 0.1875rem 0.5rem}.jkl-table-header{font-size:var(--jkl-table-header-font-size);font-weight:var(--jkl-table-header-font-weight);line-height:var(--jkl-table-header-line-height);padding:var(--jkl-table-header-padding);text-align:left;white-space:nowrap}.jkl-table-header--align-center{text-align:center}.jkl-table-header--align-right{text-align:right}.jkl-table-header--bold{font-weight:700}.jkl-table-header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.jkl-table-header--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-table-header__arrows{display:inline-block;margin-bottom:.125rem;margin-left:.25rem;opacity:0;transition-duration:75ms;transition-property:opacity;transition-timing-function:ease-out;vertical-align:middle;width:1.2em}.jkl-table-header__arrows--active{opacity:1}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list .jkl-table-header{display:none}}.jkl-table--collapse-to-list[data-collapse] .jkl-table-header{display:none}.jkl-table-pagination{display:flex;flex-direction:column;gap:1rem;width:100%}@media (min-width:680px){.jkl-table-pagination{flex-direction:row;gap:.75rem;justify-content:space-between}}.jkl-table-pagination__left{flex-shrink:1}.jkl-table-pagination__right{display:flex;flex-grow:1;flex-wrap:nowrap}.jkl-table-pagination__picker{align-items:center;display:flex;flex-direction:row;white-space:nowrap}.jkl-table-pagination__picker--page{padding-inline-end:1.5rem;width:min(12rem,100%)}@media (min-width:680px){.jkl-table-pagination__picker--page{justify-content:flex-end}}.jkl-table-pagination__picker--page .jkl-table-pagination__picker-input{width:min(4rem,100%)}.jkl-table-pagination__picker-label{margin-inline-end:.5rem}.jkl-table-pagination__nav{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap;gap:1rem;justify-content:center}@media (min-width:680px){.jkl-table-pagination__nav{align-items:center;flex-direction:row;justify-content:flex-end}}.jkl-table-pagination__nav ul{display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:0}.jkl-table-pagination__nav li{margin:0;padding:0}.jkl-table-pagination__next,.jkl-table-pagination__page,.jkl-table-pagination__previous{background:transparent;border-radius:.1875rem;border-style:none;color:var(--jkl-link-color);cursor:pointer;height:2rem;min-width:2rem;outline:0;outline-style:none;padding:0;-webkit-user-select:none;user-select:none}.jkl-table-pagination__next:active,.jkl-table-pagination__next:focus,.jkl-table-pagination__next:hover,.jkl-table-pagination__page:active,.jkl-table-pagination__page:focus,.jkl-table-pagination__page:hover,.jkl-table-pagination__previous:active,.jkl-table-pagination__previous:focus,.jkl-table-pagination__previous:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-table-pagination__next,.jkl-table-pagination__page,.jkl-table-pagination__previous{border-style:revert;outline:revert;outline-style:revert}.jkl-table-pagination__next:active,.jkl-table-pagination__next:focus,.jkl-table-pagination__next:hover,.jkl-table-pagination__page:active,.jkl-table-pagination__page:focus,.jkl-table-pagination__page:hover,.jkl-table-pagination__previous:active,.jkl-table-pagination__previous:focus,.jkl-table-pagination__previous:hover{outline:revert;outline-style:revert}}.jkl-table-pagination__next:hover:not(:focus),.jkl-table-pagination__page:hover:not(:focus),.jkl-table-pagination__previous:hover:not(:focus){color:var(--jkl-link-hover-color)}html:not([data-mousenavigation]) .jkl-table-pagination__next:focus,html:not([data-mousenavigation]) .jkl-table-pagination__page:focus,html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus{outline:.125rem solid var(--jkl-link-active-color)}.jkl-table-pagination__next,.jkl-table-pagination__previous{padding-top:.125rem}.jkl-table-pagination__ellipsis{display:inline-block;height:2rem;text-align:center;vertical-align:bottom;width:2rem}.jkl-table-pagination__page--active{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}@media screen and (prefers-color-scheme:light){:root{--jkl-table-row-border-color:#c8c5c3;--jkl-table-row-border-none-color:hsla(24,4%,77%,0);--jkl-table-row-hover-border-color:#1b1917;--jkl-table-row-highlight-color:#ece9e5}}[data-theme=light]{--jkl-table-row-border-color:#c8c5c3;--jkl-table-row-border-none-color:hsla(24,4%,77%,0);--jkl-table-row-hover-border-color:#1b1917;--jkl-table-row-highlight-color:#ece9e5}@media screen and (prefers-color-scheme:dark){:root{--jkl-table-row-border-color:#636060;--jkl-table-row-border-none-color:rgba(99,96,96,0);--jkl-table-row-hover-border-color:#f9f9f9;--jkl-table-row-highlight-color:#444141}}[data-theme=dark]{--jkl-table-row-border-color:#636060;--jkl-table-row-border-none-color:rgba(99,96,96,0);--jkl-table-row-hover-border-color:#f9f9f9;--jkl-table-row-highlight-color:#444141}.jkl-table-row{border-bottom:.0625rem solid var(--jkl-table-row-border-color)}.jkl-table-head>.jkl-table-row{border-bottom:.0625rem solid var(--jkl-table-row-hover-border-color)}:not(.jkl-table-head,.jkl-table-foot)>.jkl-table-row{border-top:.0625rem solid transparent}:not(.jkl-table-head,.jkl-table-foot)>.jkl-table-row:hover{border-bottom:.0625rem double var(--jkl-table-row-hover-border-color);border-top:.0625rem double var(--jkl-table-row-hover-border-color)}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list>.jkl-table-head>.jkl-table-row{border-bottom:.0625rem solid var(--jkl-table-row-border-color)}}.jkl-table--collapse-to-list[data-collapse]>.jkl-table-head>.jkl-table-row{border-bottom:.0625rem solid var(--jkl-table-row-border-color)}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list :not(.jkl-table-head)>.jkl-table-row{padding-bottom:.75rem;padding-top:.75rem}.jkl-table--collapse-to-list :not(.jkl-table-head)>.jkl-table-row:first-of-type{border-top:.0625rem solid var(--jkl-table-row-border-color)}}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row{padding-bottom:.75rem;padding-top:.75rem}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row:first-of-type{border-top:.0625rem solid var(--jkl-table-row-border-color)}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable{transition-duration:.15s;transition-property:border,padding;transition-timing-function:ease}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable.jkl-table-row--expanded{border-bottom-color:var(--jkl-table-row-border-none-color)}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable .jkl-table-row-expand-button{margin-left:auto}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable:hover+tr{background-color:var(--jkl-table-row-highlight-color)}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable:hover+tr .jkl-table-row{border-bottom-color:var(--jkl-table-row-hover-border-color)}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable+tr .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable{transition-duration:.15s;transition-property:border;transition-timing-function:ease}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable+[aria-hidden=false] .jkl-table-row{border-top-color:var(--jkl-table-row-border-none-color)}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list :not(.jkl-table-head)>.jkl-table-row:hover{border-bottom:.0625rem solid var(--jkl-table-row-hover-border-color);border-top:.0625rem solid var(--jkl-table-row-hover-border-color)}}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row:hover{border-bottom:.0625rem solid var(--jkl-table-row-hover-border-color);border-top:.0625rem solid var(--jkl-table-row-hover-border-color)}.jkl-table-row--clickable{outline:0}.jkl-table-row--clickable:hover,html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-table-row--clickable:focus{background-color:var(--jkl-table-row-highlight-color);border-bottom:.0625rem double var(--jkl-table-row-hover-border-color);border-top:.0625rem double var(--jkl-table-row-hover-border-color);cursor:pointer}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list :not(.jkl-table-head)>.jkl-table-row--clickable:hover{border-bottom:.0625rem solid var(--jkl-table-row-hover-border-color);border-top:.0625rem solid var(--jkl-table-row-hover-border-color)}}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row--clickable:hover{border-bottom:.0625rem solid var(--jkl-table-row-hover-border-color);border-top:.0625rem solid var(--jkl-table-row-hover-border-color)}@media screen and (forced-colors:active){.jkl-table-row--clickable{color:ButtonText;outline:revert}.jkl-table-row--clickable:hover{background-color:ButtonFace}}.jkl-table-row--clicked{background-color:var(--jkl-table-row-highlight-color)}.jkl-table-row--clicked.jkl-table-row--expandable+[aria-hidden=false]{background-color:var(--jkl-table-row-highlight-color)}@media screen and (forced-colors:active){.jkl-table-row--clicked{background-color:ButtonFace}}.jkl-expandable-table-row__expanded-row{display:none;transition-duration:.25s;transition-property:height;transition-timing-function:ease-in}.jkl-expandable-table-row__expanded-row--expanded{display:block;transition-duration:.4s;transition-timing-function:ease-out}.jkl-table{border-collapse:collapse;position:relative}.jkl-table--full-width{width:100%}.jkl-table--collapse-to-list[data-collapse]{display:block}.jkl-table--collapse-to-list[data-collapse]>caption{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-table--collapse-to-list[data-collapse]>thead,.jkl-table--collapse-to-list[data-collapse]>thead>tr,.jkl-table--collapse-to-list[data-collapse]>thead>tr>th{display:none}.jkl-table--collapse-to-list[data-collapse]>tbody,.jkl-table--collapse-to-list[data-collapse]>tbody>tr,.jkl-table--collapse-to-list[data-collapse]>tbody>tr>td{display:block}.jkl-table--collapse-to-list[data-collapse]>tfoot,.jkl-table--collapse-to-list[data-collapse]>tfoot>tr,.jkl-table--collapse-to-list[data-collapse]>tfoot>tr>td{display:block}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list{display:block}.jkl-table--collapse-to-list>caption{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-table--collapse-to-list>thead,.jkl-table--collapse-to-list>thead>tr,.jkl-table--collapse-to-list>thead>tr>th{display:none}.jkl-table--collapse-to-list>tbody,.jkl-table--collapse-to-list>tbody>tr,.jkl-table--collapse-to-list>tbody>tr>td{display:block}.jkl-table--collapse-to-list>tfoot,.jkl-table--collapse-to-list>tfoot>tr,.jkl-table--collapse-to-list>tfoot>tr>td{display:block}}
+.jkl-table-caption--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-table-cell-font-size:var(--jkl-body-font-size);--jkl-table-cell-line-height:var(--jkl-body-line-height);--jkl-table-cell-font-weight:var(--jkl-body-font-weight);--jkl-table-cell-padding:0.6875rem 0.5rem}[data-density=compact],[data-layout-density=compact]{--jkl-table-cell-font-size:var(--jkl-small-font-size);--jkl-table-cell-line-height:var(--jkl-small-line-height);--jkl-table-cell-font-weight:var(--jkl-small-font-weight);--jkl-table-cell-padding:0.3125rem 0.5rem}.jkl-table-cell{font-size:var(--jkl-table-cell-font-size);font-weight:var(--jkl-table-cell-font-weight);line-height:var(--jkl-table-cell-line-height);padding:var(--jkl-table-cell-padding);position:relative;text-align:left;vertical-align:top}.jkl-table-cell--vertical-align-center{vertical-align:baseline}.jkl-table-cell--align-center{text-align:center}.jkl-table-cell--align-right{text-align:right}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list .jkl-table-cell--align-right{text-align:unset}}.jkl-table--collapse-to-list[data-collapse] .jkl-table-cell--align-right{text-align:unset}.jkl-table--collapse-to-list .jkl-table-cell[data-th]:not(.jkl-table-cell--expand-without-text):before{display:none}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list .jkl-table-cell[data-th]:not(.jkl-table-cell--expand-without-text):before{content:attr(data-th);display:block;font-size:1rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:500;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}}.jkl-table--collapse-to-list[data-collapse] .jkl-table-cell:not(.jkl-table-cell--expand-without-text):before{content:attr(data-th);display:block;font-size:1rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:500;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20}@media (min-width:680px){.jkl-table--collapse-to-list:not([data-collapse]) .jkl-table-cell--expand-without-text .jkl-expand-button__text{display:none}}.jkl-table-cell .jkl-table-row-expand-button{align-items:center;display:flex;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.jkl-table-row--expandable.jkl-table-row--clickable:not(.jkl-expandable-table-row--clickable-external):hover .jkl-table-row-expand-button,html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-table-row--expandable.jkl-table-row--clickable:not(.jkl-expandable-table-row--clickable-external):focus .jkl-table-row-expand-button{color:var(--expand-button-focus-color)}@media screen and (prefers-color-scheme:light){:root{--jkl-table-head-sticky-color:var(--jkl-background-color)}}[data-theme=light]{--jkl-table-head-sticky-color:var(--jkl-background-color)}@media screen and (prefers-color-scheme:dark){:root{--jkl-table-head-sticky-color:var(--jkl-background-color)}}[data-theme=dark]{--jkl-table-head-sticky-color:var(--jkl-background-color)}.jkl-table-head--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-table-head--sticky>.jkl-table-row{background-clip:padding-box;background-color:var(--jkl-table-head-sticky-color);border-bottom:none;box-shadow:inset 0 0 0 #000,inset 0 -.0625rem 0 var(--jkl-table-row-hover-border-color);height:2.3em;position:-webkit-sticky;position:sticky;top:0;vertical-align:bottom;z-index:1}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-table-header-font-size:var(--jkl-body-font-size);--jkl-table-header-line-height:var(--jkl-body-line-height);--jkl-table-header-font-weight:var(--jkl-body-font-weight);--jkl-table-header-padding:0 0.5rem 0.4375rem 0.5rem}[data-density=compact],[data-layout-density=compact]{--jkl-table-header-font-size:var(--jkl-small-font-size);--jkl-table-header-line-height:var(--jkl-small-line-height);--jkl-table-header-font-weight:var(--jkl-small-font-weight);--jkl-table-header-padding:0 0.5rem 0.1875rem 0.5rem}.jkl-table-header{font-size:var(--jkl-table-header-font-size);font-weight:var(--jkl-table-header-font-weight);line-height:var(--jkl-table-header-line-height);padding:var(--jkl-table-header-padding);text-align:left;white-space:nowrap}.jkl-table-header--align-center{text-align:center}.jkl-table-header--align-right{text-align:right}.jkl-table-header--bold{font-weight:700}.jkl-table-header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.jkl-table-header--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-table-header__arrows{display:inline-block;margin-bottom:calc(var(--jkl-unit-10)*.25);margin-left:calc(var(--jkl-unit-10)*.5);opacity:0;transition-duration:75ms;transition-property:opacity;transition-timing-function:ease-out;vertical-align:middle;width:1.2em}.jkl-table-header__arrows--active{opacity:1}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list .jkl-table-header{display:none}}.jkl-table--collapse-to-list[data-collapse] .jkl-table-header{display:none}.jkl-table-pagination{display:flex;flex-direction:column;gap:calc(var(--jkl-unit-10)*2);width:100%}@media (min-width:680px){.jkl-table-pagination{flex-direction:row;gap:calc(var(--jkl-unit-10)*1.5);justify-content:space-between}}.jkl-table-pagination__left{flex-shrink:1}.jkl-table-pagination__right{display:flex;flex-grow:1;flex-wrap:nowrap}.jkl-table-pagination__picker{align-items:center;display:flex;flex-direction:row;white-space:nowrap}.jkl-table-pagination__picker--page{padding-inline-end:calc(var(--jkl-unit-10)*3);width:min(12rem,100%)}@media (min-width:680px){.jkl-table-pagination__picker--page{justify-content:flex-end}}.jkl-table-pagination__picker--page .jkl-table-pagination__picker-input{width:min(4rem,100%)}.jkl-table-pagination__picker-label{margin-inline-end:.5rem}.jkl-table-pagination__nav{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap;gap:calc(var(--jkl-unit-10)*2);justify-content:center}@media (min-width:680px){.jkl-table-pagination__nav{align-items:center;flex-direction:row;justify-content:flex-end}}.jkl-table-pagination__nav ul{display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:0}.jkl-table-pagination__nav li{margin:0;padding:0}.jkl-table-pagination__next,.jkl-table-pagination__page,.jkl-table-pagination__previous{background:transparent;border-radius:.1875rem;border-style:none;color:var(--jkl-link-color);cursor:pointer;height:2rem;min-width:2rem;outline:0;outline-style:none;padding:0;-webkit-user-select:none;user-select:none}.jkl-table-pagination__next:active,.jkl-table-pagination__next:focus,.jkl-table-pagination__next:hover,.jkl-table-pagination__page:active,.jkl-table-pagination__page:focus,.jkl-table-pagination__page:hover,.jkl-table-pagination__previous:active,.jkl-table-pagination__previous:focus,.jkl-table-pagination__previous:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-table-pagination__next,.jkl-table-pagination__page,.jkl-table-pagination__previous{border-style:revert;outline:revert;outline-style:revert}.jkl-table-pagination__next:active,.jkl-table-pagination__next:focus,.jkl-table-pagination__next:hover,.jkl-table-pagination__page:active,.jkl-table-pagination__page:focus,.jkl-table-pagination__page:hover,.jkl-table-pagination__previous:active,.jkl-table-pagination__previous:focus,.jkl-table-pagination__previous:hover{outline:revert;outline-style:revert}}.jkl-table-pagination__next:hover:not(:focus),.jkl-table-pagination__page:hover:not(:focus),.jkl-table-pagination__previous:hover:not(:focus){color:var(--jkl-link-hover-color)}html:not([data-mousenavigation]) .jkl-table-pagination__next:focus,html:not([data-mousenavigation]) .jkl-table-pagination__page:focus,html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus{outline:.125rem solid var(--jkl-link-active-color)}.jkl-table-pagination__next,.jkl-table-pagination__previous{padding-top:.125rem}.jkl-table-pagination__ellipsis{display:inline-block;height:2rem;text-align:center;vertical-align:bottom;width:2rem}.jkl-table-pagination__page--active{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}@media screen and (prefers-color-scheme:light){:root{--jkl-table-row-border-color:#c8c5c3;--jkl-table-row-border-none-color:hsla(24,4%,77%,0);--jkl-table-row-hover-border-color:#1b1917;--jkl-table-row-highlight-color:#ece9e5}}[data-theme=light]{--jkl-table-row-border-color:#c8c5c3;--jkl-table-row-border-none-color:hsla(24,4%,77%,0);--jkl-table-row-hover-border-color:#1b1917;--jkl-table-row-highlight-color:#ece9e5}@media screen and (prefers-color-scheme:dark){:root{--jkl-table-row-border-color:#636060;--jkl-table-row-border-none-color:rgba(99,96,96,0);--jkl-table-row-hover-border-color:#f9f9f9;--jkl-table-row-highlight-color:#444141}}[data-theme=dark]{--jkl-table-row-border-color:#636060;--jkl-table-row-border-none-color:rgba(99,96,96,0);--jkl-table-row-hover-border-color:#f9f9f9;--jkl-table-row-highlight-color:#444141}.jkl-table-row{border-bottom:.0625rem solid var(--jkl-table-row-border-color)}.jkl-table-head>.jkl-table-row{border-bottom:.0625rem solid var(--jkl-table-row-hover-border-color)}:not(.jkl-table-head,.jkl-table-foot)>.jkl-table-row{border-top:.0625rem solid transparent}:not(.jkl-table-head,.jkl-table-foot)>.jkl-table-row:hover{border-bottom:.0625rem double var(--jkl-table-row-hover-border-color);border-top:.0625rem double var(--jkl-table-row-hover-border-color)}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list>.jkl-table-head>.jkl-table-row{border-bottom:.0625rem solid var(--jkl-table-row-border-color)}}.jkl-table--collapse-to-list[data-collapse]>.jkl-table-head>.jkl-table-row{border-bottom:.0625rem solid var(--jkl-table-row-border-color)}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list :not(.jkl-table-head)>.jkl-table-row{padding-bottom:.75rem;padding-top:.75rem}.jkl-table--collapse-to-list :not(.jkl-table-head)>.jkl-table-row:first-of-type{border-top:.0625rem solid var(--jkl-table-row-border-color)}}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row{padding-bottom:.75rem;padding-top:.75rem}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row:first-of-type{border-top:.0625rem solid var(--jkl-table-row-border-color)}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable{transition-duration:.15s;transition-property:border,padding;transition-timing-function:ease}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable.jkl-table-row--expanded{border-bottom-color:var(--jkl-table-row-border-none-color)}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable .jkl-table-row-expand-button{margin-left:auto}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable:hover+tr{background-color:var(--jkl-table-row-highlight-color)}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable:hover+tr .jkl-table-row{border-bottom-color:var(--jkl-table-row-hover-border-color)}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable+tr .jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable{transition-duration:.15s;transition-property:border;transition-timing-function:ease}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row.jkl-table-row--expandable+[aria-hidden=false] .jkl-table-row{border-top-color:var(--jkl-table-row-border-none-color)}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list :not(.jkl-table-head)>.jkl-table-row:hover{border-bottom:.0625rem solid var(--jkl-table-row-hover-border-color);border-top:.0625rem solid var(--jkl-table-row-hover-border-color)}}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row:hover{border-bottom:.0625rem solid var(--jkl-table-row-hover-border-color);border-top:.0625rem solid var(--jkl-table-row-hover-border-color)}.jkl-table-row--clickable{outline:0}.jkl-table-row--clickable:hover,html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-table-row--clickable:focus{background-color:var(--jkl-table-row-highlight-color);border-bottom:.0625rem double var(--jkl-table-row-hover-border-color);border-top:.0625rem double var(--jkl-table-row-hover-border-color);cursor:pointer}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list :not(.jkl-table-head)>.jkl-table-row--clickable:hover{border-bottom:.0625rem solid var(--jkl-table-row-hover-border-color);border-top:.0625rem solid var(--jkl-table-row-hover-border-color)}}.jkl-table--collapse-to-list[data-collapse] :not(.jkl-table-head)>.jkl-table-row--clickable:hover{border-bottom:.0625rem solid var(--jkl-table-row-hover-border-color);border-top:.0625rem solid var(--jkl-table-row-hover-border-color)}@media screen and (forced-colors:active){.jkl-table-row--clickable{color:ButtonText;outline:revert}.jkl-table-row--clickable:hover{background-color:ButtonFace}}.jkl-table-row--clicked{background-color:var(--jkl-table-row-highlight-color)}.jkl-table-row--clicked.jkl-table-row--expandable+[aria-hidden=false]{background-color:var(--jkl-table-row-highlight-color)}@media screen and (forced-colors:active){.jkl-table-row--clicked{background-color:ButtonFace}}.jkl-expandable-table-row__expanded-row{display:none;transition-duration:.25s;transition-property:height;transition-timing-function:ease-in}.jkl-expandable-table-row__expanded-row--expanded{display:block;transition-duration:.4s;transition-timing-function:ease-out}.jkl-table{border-collapse:collapse;position:relative}.jkl-table--full-width{width:100%}.jkl-table--collapse-to-list[data-collapse]{display:block}.jkl-table--collapse-to-list[data-collapse]>caption{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-table--collapse-to-list[data-collapse]>thead,.jkl-table--collapse-to-list[data-collapse]>thead>tr,.jkl-table--collapse-to-list[data-collapse]>thead>tr>th{display:none}.jkl-table--collapse-to-list[data-collapse]>tbody,.jkl-table--collapse-to-list[data-collapse]>tbody>tr,.jkl-table--collapse-to-list[data-collapse]>tbody>tr>td{display:block}.jkl-table--collapse-to-list[data-collapse]>tfoot,.jkl-table--collapse-to-list[data-collapse]>tfoot>tr,.jkl-table--collapse-to-list[data-collapse]>tfoot>tr>td{display:block}@media (width >= 0) and (max-width:679px){.jkl-table--collapse-to-list{display:block}.jkl-table--collapse-to-list>caption{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.jkl-table--collapse-to-list>thead,.jkl-table--collapse-to-list>thead>tr,.jkl-table--collapse-to-list>thead>tr>th{display:none}.jkl-table--collapse-to-list>tbody,.jkl-table--collapse-to-list>tbody>tr,.jkl-table--collapse-to-list>tbody>tr>td{display:block}.jkl-table--collapse-to-list>tfoot,.jkl-table--collapse-to-list>tfoot>tr,.jkl-table--collapse-to-list>tfoot>tr>td{display:block}}

package/styles/components/tabs/tabs.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 :root,
 [data-layout-density=comfortable],
 [data-density=comfortable] {
-  --jkl-tab-padding: var(--jkl-spacing-8) var(--jkl-spacing-40)
-      var(--jkl-spacing-12) var(--jkl-spacing-2);
+  --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);
@@ -15,8 +15,8 @@
   :root,
   [data-layout-density=comfortable],
   [data-density=comfortable] {
-    --jkl-tab-padding: var(--jkl-spacing-8) var(--jkl-spacing-24)
-        var(--jkl-spacing-12) var(--jkl-spacing-2);
+    --jkl-tab-padding: var(--jkl-unit-10) var(--jkl-unit-30)
+        var(--jkl-unit-15) var(--jkl-unit-02);
   }
 }
 
@@ -25,8 +25,8 @@
   --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-spacing-2) var(--jkl-spacing-32)
-      var(--jkl-spacing-4) 0;
+  --jkl-tab-padding: var(--jkl-unit-02) var(--jkl-unit-40) var(--jkl-unit-05)
+      0;
 }
 
 .jkl-tabs {
@@ -82,7 +82,7 @@
   background-color: transparent;
   cursor: pointer;
   position: relative;
-  scroll-margin-inline-start: var(--jkl-spacing-16);
+  scroll-margin-inline-start: var(--jkl-unit-20);
   scroll-snap-align: start;
   text-decoration: none;
   white-space: nowrap;
@@ -111,7 +111,7 @@
   --text-color: var(--jkl-color-text-interactive-hover);
 }
 .jkl-tab:focus-visible {
-  outline: 2px solid var(--jkl-color-border-action);
+  outline: 3px solid var(--jkl-color-border-action);
   outline-offset: -2px;
 }
 .jkl-tab[aria-selected=true] {

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

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-tab-padding:var(--jkl-spacing-8) var(--jkl-spacing-40) var(--jkl-spacing-12) var(--jkl-spacing-2);--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-spacing-8) var(--jkl-spacing-24) var(--jkl-spacing-12) var(--jkl-spacing-2)}}[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-spacing-2) var(--jkl-spacing-32) var(--jkl-spacing-4) 0}.jkl-tabs{overflow-x:scroll;overflow-y: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:-moz-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-spacing-16);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:2px 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{overflow-x:scroll;overflow-y: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:-moz-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}

package/styles/components/tabs/tabs.scss

@@ -2,21 +2,21 @@
 @use "../../core/jkl";
 
 @include jkl.comfortable-density-variables {
-    --jkl-tab-padding: var(--jkl-spacing-8) var(--jkl-spacing-40)
-        var(--jkl-spacing-12) var(--jkl-spacing-2);
+    --jkl-tab-padding: var(--jkl-unit-10) var(--jkl-unit-50) var(--jkl-unit-15)
+        var(--jkl-unit-02);
 
     @include jkl.declare-font-variables("jkl-tab", "body");
     @include jkl.small-device {
-        --jkl-tab-padding: var(--jkl-spacing-8) var(--jkl-spacing-24)
-            var(--jkl-spacing-12) var(--jkl-spacing-2);
+        --jkl-tab-padding: var(--jkl-unit-10) var(--jkl-unit-30)
+            var(--jkl-unit-15) var(--jkl-unit-02);
     }
 }
 
 @include jkl.compact-density-variables {
     @include jkl.declare-font-variables("jkl-tab", "small");
 
-    --jkl-tab-padding: var(--jkl-spacing-2) var(--jkl-spacing-32)
-        var(--jkl-spacing-4) 0;
+    --jkl-tab-padding: var(--jkl-unit-02) var(--jkl-unit-40) var(--jkl-unit-05)
+        0;
 }
 
 .jkl-tabs {
@@ -71,7 +71,7 @@
     background-color: transparent;
     cursor: pointer;
     position: relative;
-    scroll-margin-inline-start: var(--jkl-spacing-16);
+    scroll-margin-inline-start: var(--jkl-unit-20);
     scroll-snap-align: start;
     text-decoration: none;
     white-space: nowrap;

package/styles/components/tag/tag.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Oct 2024 14:22:00 GMT
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
 :root,
 [data-layout-density=comfortable],
 [data-density=comfortable] {
-  --jkl-tag-padding: var(--jkl-spacing-4) var(--jkl-spacing-8);
-  --jkl-tag-gap: var(--jkl-spacing-4);
+  --jkl-tag-padding: var(--jkl-unit-05) var(--jkl-unit-10);
+  --jkl-tag-gap: var(--jkl-unit-05);
 }
 
 [data-layout-density=compact],
 [data-density=compact] {
-  --jkl-tag-padding: 0 var(--jkl-spacing-4);
-  --jkl-tag-gap: var(--jkl-spacing-2);
+  --jkl-tag-padding: 0 var(--jkl-unit-05);
+  --jkl-tag-gap: var(--jkl-unit-02);
 }
 
 .jkl-tag {

package/styles/components/tag/tag.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-tag-padding:var(--jkl-spacing-4) var(--jkl-spacing-8);--jkl-tag-gap:var(--jkl-spacing-4)}[data-density=compact],[data-layout-density=compact]{--jkl-tag-padding:0 var(--jkl-spacing-4);--jkl-tag-gap:var(--jkl-spacing-2)}.jkl-tag{--background-color:var(--jkl-color-background-alert-neutral);--text-color:var(--jkl-color-text-on-alert);font-size:1rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:500;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;align-items:center;background-color:var(--background-color);border-radius:.25rem;color:var(--text-color);display:inline-flex;gap:var(--jkl-tag-gap);padding:var(--jkl-tag-padding);white-space:nowrap}.jkl-tag--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-tag--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-tag--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-tag--success{--background-color:var(--jkl-color-background-alert-success)}@media screen and (forced-colors:active){.jkl-tag{border:2px CanvasText;border-style:none none dotted}.jkl-tag--info{border-style:dotted}.jkl-tag--warning{border-style:dashed}.jkl-tag--error{border-style:double;border-width:4px}.jkl-tag--success{border-style:solid}}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-tag-padding:var(--jkl-unit-05) var(--jkl-unit-10);--jkl-tag-gap:var(--jkl-unit-05)}[data-density=compact],[data-layout-density=compact]{--jkl-tag-padding:0 var(--jkl-unit-05);--jkl-tag-gap:var(--jkl-unit-02)}.jkl-tag{--background-color:var(--jkl-color-background-alert-neutral);--text-color:var(--jkl-color-text-on-alert);font-size:1rem;font-weight:700;line-height:1.5rem;--jkl-icon-weight:500;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;align-items:center;background-color:var(--background-color);border-radius:.25rem;color:var(--text-color);display:inline-flex;gap:var(--jkl-tag-gap);padding:var(--jkl-tag-padding);white-space:nowrap}.jkl-tag--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-tag--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-tag--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-tag--success{--background-color:var(--jkl-color-background-alert-success)}@media screen and (forced-colors:active){.jkl-tag{border:2px CanvasText;border-style:none none dotted}.jkl-tag--info{border-style:dotted}.jkl-tag--warning{border-style:dashed}.jkl-tag--error{border-style:double;border-width:4px}.jkl-tag--success{border-style:solid}}

package/styles/components/tag/tag.scss

@@ -2,13 +2,13 @@
 @use "../../core/jkl";
 
 @include jkl.comfortable-density-variables {
-    --jkl-tag-padding: var(--jkl-spacing-4) var(--jkl-spacing-8);
-    --jkl-tag-gap: var(--jkl-spacing-4);
+    --jkl-tag-padding: var(--jkl-unit-05) var(--jkl-unit-10);
+    --jkl-tag-gap: var(--jkl-unit-05);
 }
 
 @include jkl.compact-density-variables {
-    --jkl-tag-padding: 0 var(--jkl-spacing-4);
-    --jkl-tag-gap: var(--jkl-spacing-2);
+    --jkl-tag-padding: 0 var(--jkl-unit-05);
+    --jkl-tag-gap: var(--jkl-unit-02);
 }
 
 .jkl-tag {