@fremtind/jokul 0.71.1 → 1.0.0

package/styles/styles.css

@@ -3,327 +3,6 @@
  * Do not edit directly
  * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
-:root,
-[data-layout-density=comfortable],
-[data-density=comfortable] {
-  --jkl-accordion-title-padding: var(--jkl-spacing-16) 3rem var(
-          --jkl-spacing-16
-      ) var(--jkl-spacing-16);
-  --jkl-accordion-arrow-top: 1.25rem;
-  --jkl-accordion-arrow-right: var(--jkl-spacing-12);
-  --jkl-accordion-content-padding: var(--jkl-spacing-8) var(--jkl-spacing-16)
-      var(--jkl-spacing-16);
-  --jkl-accordion-icon-opsz: 24;
-  --jkl-accordion-icon-size: 1.5rem;
-  --title-font-size: var(--jkl-body-font-size);
-  --title-line-height: var(--jkl-body-line-height);
-  --title-font-weight: var(--jkl-body-font-weight);
-  --content-font-size: var(--jkl-body-font-size);
-  --content-line-height: var(--jkl-body-line-height);
-  --content-font-weight: var(--jkl-body-font-weight);
-}
-@media (width >= 0) and (max-width: 679px) {
-  :root,
-  [data-layout-density=comfortable],
-  [data-density=comfortable] {
-    --jkl-accordion-title-padding: var(--jkl-spacing-12) 2.75rem var(
-            --jkl-spacing-12
-        ) var(--jkl-spacing-12);
-    --jkl-accordion-content-padding: var(--jkl-spacing-8)
-        var(--jkl-spacing-12) var(--jkl-spacing-16) var(--jkl-spacing-12);
-    --jkl-accordion-arrow-top: 1.4375rem;
-  }
-}
-
-[data-layout-density=compact],
-[data-density=compact] {
-  --jkl-accordion-title-padding: var(--jkl-spacing-8) 2rem var(
-          --jkl-spacing-8
-      ) var(--jkl-spacing-8);
-  --jkl-accordion-arrow-top: var(--jkl-spacing-8);
-  --jkl-accordion-arrow-right: var(--jkl-spacing-4);
-  --jkl-accordion-content-padding: var(--jkl-spacing-8);
-  --jkl-accordion-icon-opsz: 20;
-  --jkl-accordion-icon-size: 1.25rem;
-  --title-font-size: var(--jkl-small-font-size);
-  --title-line-height: var(--jkl-small-line-height);
-  --title-font-weight: var(--jkl-small-font-weight);
-  --content-font-size: var(--jkl-small-font-size);
-  --content-line-height: var(--jkl-small-line-height);
-  --content-font-weight: var(--jkl-small-font-weight);
-}
-
-.jkl-accordion {
-  width: 100%;
-}
-
-.jkl-accordion-item {
-  --background: transparent;
-  --text-color: var(--jkl-color-text-default);
-  --title-text-color: var(--jkl-color-text-interactive);
-  --border-color: var(--jkl-color-border-separator);
-  --jkl-icon-opsz: var(--jkl-accordion-icon-opsz);
-  --jkl-icon-size: var(--jkl-accordion-icon-size);
-  background-color: var(--background);
-  color: var(--text-color);
-  border-bottom: 0.0625rem solid var(--border-color);
-  transition-timing-function: ease;
-  transition-duration: 100ms;
-  transition-property: border-color;
-}
-.jkl-accordion-item:hover {
-  --border-color: var(--jkl-color-border-separator-hover);
-}
-.jkl-accordion-item:hover:not(:first-child) {
-  border-top: 0.0625rem solid var(--border-color);
-}
-.jkl-accordion-item:has(+ [open]), .jkl-accordion-item:has(+ :hover) {
-  border-bottom: none;
-}
-.jkl-accordion-item[open] {
-  --background: var(--jkl-color-background-container-high);
-  border-top: 0.0625rem solid var(--border-color);
-}
-.jkl-accordion-item[open] .jkl-accordion-item__title {
-  --jkl-icon-weight: 500;
-  font-weight: 700;
-  letter-spacing: -0.014em;
-}
-.jkl-accordion-item__title {
-  font-size: var(--title-font-size);
-  line-height: var(--title-line-height);
-  font-weight: var(--title-font-weight);
-  cursor: pointer;
-  color: var(--title-text-color);
-  list-style: none;
-  background-color: transparent;
-  position: relative;
-  padding: var(--jkl-accordion-title-padding);
-  text-align: left;
-  width: 100%;
-  box-sizing: border-box;
-}
-.jkl-accordion-item__title {
-  outline: 0;
-  border-style: none;
-  outline-style: none;
-}
-.jkl-accordion-item__title:active, .jkl-accordion-item__title:hover, .jkl-accordion-item__title:focus {
-  outline: 0;
-  outline-style: none;
-}
-@media screen and (forced-colors: active) {
-  .jkl-accordion-item__title {
-    outline: revert;
-    border-style: revert;
-    outline-style: revert;
-  }
-  .jkl-accordion-item__title:active, .jkl-accordion-item__title:hover, .jkl-accordion-item__title:focus {
-    outline: revert;
-    outline-style: revert;
-  }
-}
-.jkl-accordion-item__title::-webkit-details-marker {
-  display: none;
-}
-.jkl-accordion-item__title:hover {
-  --title-text-color: var(--jkl-color-text-interactive-hover);
-}
-.jkl-accordion-item__title:hover .jkl-accordion-item__arrow {
-  translate: 0 0.25rem;
-}
-.jkl-accordion-item__title:focus-visible {
-  outline: 3px solid var(--jkl-color-border-action);
-  outline-offset: 0;
-}
-.jkl-accordion-item__arrow {
-  pointer-events: none;
-  position: absolute;
-  right: var(--jkl-accordion-arrow-right);
-  top: var(--jkl-accordion-arrow-top);
-  transition-timing-function: ease;
-  transition-duration: 100ms;
-  transition-property: translate;
-}
-@media screen and (forced-colors: active) {
-  .jkl-accordion-item__arrow {
-    stroke: ButtonText;
-    fill: ButtonText;
-  }
-  .jkl-accordion-item__arrow svg, .jkl-accordion-item__arrow path {
-    stroke: ButtonText;
-    fill: ButtonText;
-  }
-}
-.jkl-accordion-item__content-wrapper {
-  transition-timing-function: ease;
-  transition-duration: 150ms;
-  transition-property: height;
-}
-.jkl-accordion-item__content {
-  font-size: var(--content-font-size);
-  line-height: var(--content-line-height);
-  font-weight: var(--content-font-weight);
-  height: auto;
-  padding: var(--jkl-accordion-content-padding);
-}
-@media screen and (forced-colors: active) {
-  .jkl-accordion-item:nth-child(n) {
-    border-top: 0.125rem solid ButtonText;
-  }
-  .jkl-accordion-item:nth-child(n):hover {
-    border-top: 0.125rem solid ButtonText;
-  }
-  .jkl-accordion-item:nth-child(n):hover + .jkl-accordion-item {
-    border-top: 0.125rem solid ButtonText;
-  }
-  .jkl-accordion-item:last-child {
-    border-bottom: 0.125rem solid ButtonText;
-  }
-  .jkl-accordion-item:last-child:hover {
-    border-bottom: 0.125rem solid ButtonText;
-  }
-  .jkl-accordion-item__title {
-    background-color: ButtonFace;
-    outline: revert;
-  }
-}
-
-@media screen and (prefers-color-scheme: light) {
-  :root {
-    --jkl-icon-grade: 0;
-  }
-}
-[data-theme=light] {
-  --jkl-icon-grade: 0;
-}
-
-@media screen and (prefers-color-scheme: dark) {
-  :root {
-    --jkl-icon-grade: -25;
-  }
-}
-[data-theme=dark] {
-  --jkl-icon-grade: -25;
-}
-
-.jkl-icon {
-  --jkl-icon-fill: 0;
-  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;
-}
-.jkl-icon--bold {
-  --jkl-icon-weight: 500;
-}
-.jkl-icon--filled {
-  --jkl-icon-fill: 1;
-}
-.jkl-icon--medium {
-  --jkl-icon-opsz: 24;
-  --jkl-icon-size: 1.5rem;
-}
-.jkl-icon--small {
-  --jkl-icon-opsz: 20;
-  --jkl-icon-size: 1.25rem;
-}
-.jkl-icon--inherit {
-  --jkl-icon-opsz: 20;
-  --jkl-icon-size: 1.2em;
-}
-.jkl-icon--animated {
-  display: block;
-}
-
-.jkl-icon-red-cross {
-  --red-cross-circle: var(--jkl-color-background-alert-error);
-  --red-cross-path: #1b1917;
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.jkl-icon-red-cross path {
-  fill: var(--red-cross-path);
-}
-.jkl-icon-red-cross circle {
-  fill: var(--red-cross-circle);
-}
-
-.jkl-icon-green-check {
-  --green-check-circle: var(--jkl-color-background-alert-success);
-  --green-check-path: #1b1917;
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.jkl-icon-green-check path {
-  fill: var(--green-check-path);
-}
-.jkl-icon-green-check circle {
-  fill: var(--green-check-circle);
-}
-
-.jkl-animated-horizontal-arrows,
-.jkl-animated-vertical-arrows {
-  overflow: hidden;
-  width: var(--jkl-icon-size, 1.5rem);
-  height: var(--jkl-icon-size, 1.5rem);
-}
-.jkl-animated-horizontal-arrows__slider,
-.jkl-animated-vertical-arrows__slider {
-  display: flex;
-  transition-timing-function: ease;
-  transition-duration: 250ms;
-  transition-delay: calc(250ms * 0.3333333333);
-  transition-property: transform;
-}
-.jkl-animated-horizontal-arrows__arrow,
-.jkl-animated-vertical-arrows__arrow {
-  flex-shrink: 0;
-}
-
-.jkl-animated-vertical-arrows__slider {
-  flex-direction: column;
-  height: calc(var(--jkl-icon-size, 1.5rem) * 2);
-}
-.jkl-animated-vertical-arrows__slider[data-show=up] {
-  transform: translate3d(0, 0, 0);
-}
-.jkl-animated-vertical-arrows__slider[data-show=down] {
-  transform: translate3d(0, -50%, 0);
-}
-
-.jkl-animated-horizontal-arrows__slider {
-  flex-direction: row;
-  width: calc(var(--jkl-icon-size, 1.5rem) * 2);
-}
-.jkl-animated-horizontal-arrows__slider[data-show=left] {
-  transform: translate3d(0, 0, 0);
-}
-.jkl-animated-horizontal-arrows__slider[data-show=right] {
-  transform: translate3d(-50%, 0, 0);
-}
-
-.jkl-icons-animated__plus {
-  transition-timing-function: cubic-bezier(0, 0, 0.375, 1.17);
-  transition-duration: 250ms;
-  transition-property: transform;
-  transform-origin: 50% 50%;
-}
-.jkl-icons-animated__plus--plus {
-  transform: rotate(0);
-}
-.jkl-icons-animated__plus--close {
-  transform: rotate(135deg);
-}
-
 @media screen and (prefers-color-scheme: light) {
   :root {
     --jkl-autosuggest-text-color: #1b1917;
@@ -471,8 +150,9 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-autosuggest__i
   --jkl-text-input-height: 3rem;
   --jkl-text-input-vertical-padding: 0.5rem;
   --jkl-text-input-horizontal-padding: 0.75rem;
-  --jkl-text-input-padding: var(--jkl-text-input-vertical-padding)
-      var(--jkl-text-input-horizontal-padding);
+  --jkl-text-input-padding: var(--jkl-text-input-vertical-padding) var(
+      --jkl-text-input-horizontal-padding
+  );
   --jkl-text-input-action-button-size: 3rem;
   --jkl-text-input-action-button-icon-size: 1.25rem;
   --jkl-text-input-action-button-padding: 0.5rem 0;
@@ -495,8 +175,9 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-autosuggest__i
   --jkl-text-input-height: 2rem;
   --jkl-text-input-vertical-padding: 0.25rem;
   --jkl-text-input-horizontal-padding: 0.5rem;
-  --jkl-text-input-padding: var(--jkl-text-input-vertical-padding)
-      var(--jkl-text-input-horizontal-padding);
+  --jkl-text-input-padding: var(--jkl-text-input-vertical-padding) var(
+      --jkl-text-input-horizontal-padding
+  );
   --jkl-text-input-action-button-size: 2rem;
   --jkl-text-input-action-button-icon-size: 1.125rem;
   --jkl-text-input-action-button-padding: 0;
@@ -605,55 +286,190 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-input-wra
   border-style: none;
   outline-style: none;
 }
-.jkl-text-input__input:active, .jkl-text-input__input:hover, .jkl-text-input__input:focus {
-  outline: 0;
-  outline-style: none;
+.jkl-text-input__input:active, .jkl-text-input__input:hover, .jkl-text-input__input:focus {
+  outline: 0;
+  outline-style: none;
+}
+@media screen and (forced-colors: active) {
+  .jkl-text-input__input {
+    outline: revert;
+    border-style: revert;
+    outline-style: revert;
+  }
+  .jkl-text-input__input:active, .jkl-text-input__input:hover, .jkl-text-input__input:focus {
+    outline: revert;
+    outline-style: revert;
+  }
+}
+.jkl-text-input__input input[type=number]::-webkit-outer-spin-button,
+.jkl-text-input__input input[type=number]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+.jkl-text-input__input input[type=number] {
+  -moz-appearance: textfield;
+}
+@media screen and (forced-colors: active) {
+  .jkl-text-input__input {
+    outline: none;
+    border: none;
+  }
+  .jkl-text-input__input:focus-visible {
+    outline: none;
+  }
+}
+.jkl-text-input__input::placeholder {
+  opacity: 1;
+  color: var(--placeholder-color);
+}
+.jkl-text-input__input--align-right {
+  text-align: right;
+}
+.jkl-text-input__unit {
+  padding-inline-end: var(--jkl-text-input-horizontal-padding);
+  padding-block: var(--jkl-text-input-vertical-padding);
+}
+.jkl-text-input__action-button {
+  margin-inline-start: calc(var(--jkl-text-input-horizontal-padding) * -1);
+}
+.jkl-text-input--inline {
+  display: inline-block;
+  vertical-align: middle;
+  margin: -0.125rem 0.25rem;
+}
+
+@media screen and (prefers-color-scheme: light) {
+  :root {
+    --jkl-icon-grade: 0;
+  }
+}
+[data-theme=light] {
+  --jkl-icon-grade: 0;
+}
+
+@media screen and (prefers-color-scheme: dark) {
+  :root {
+    --jkl-icon-grade: -25;
+  }
+}
+[data-theme=dark] {
+  --jkl-icon-grade: -25;
+}
+
+.jkl-icon {
+  --jkl-icon-fill: 0;
+  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;
+}
+.jkl-icon--bold {
+  --jkl-icon-weight: 500;
+}
+.jkl-icon--filled {
+  --jkl-icon-fill: 1;
+}
+.jkl-icon--medium {
+  --jkl-icon-opsz: 24;
+  --jkl-icon-size: 1.5rem;
+}
+.jkl-icon--small {
+  --jkl-icon-opsz: 20;
+  --jkl-icon-size: 1.25rem;
+}
+.jkl-icon--inherit {
+  --jkl-icon-opsz: 20;
+  --jkl-icon-size: 1.2em;
+}
+.jkl-icon--animated {
+  display: block;
+}
+
+.jkl-icon-red-cross {
+  --red-cross-circle: var(--jkl-color-background-alert-error);
+  --red-cross-path: #1b1917;
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.jkl-icon-red-cross path {
+  fill: var(--red-cross-path);
+}
+.jkl-icon-red-cross circle {
+  fill: var(--red-cross-circle);
+}
+
+.jkl-icon-green-check {
+  --green-check-circle: var(--jkl-color-background-alert-success);
+  --green-check-path: #1b1917;
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.jkl-icon-green-check path {
+  fill: var(--green-check-path);
+}
+.jkl-icon-green-check circle {
+  fill: var(--green-check-circle);
+}
+
+.jkl-animated-horizontal-arrows,
+.jkl-animated-vertical-arrows {
+  overflow: hidden;
+  width: var(--jkl-icon-size, 1.5rem);
+  height: var(--jkl-icon-size, 1.5rem);
+}
+.jkl-animated-horizontal-arrows__slider,
+.jkl-animated-vertical-arrows__slider {
+  display: flex;
+  transition-timing-function: ease;
+  transition-duration: 250ms;
+  transition-delay: calc(250ms * 0.3333333333);
+  transition-property: transform;
+}
+.jkl-animated-horizontal-arrows__arrow,
+.jkl-animated-vertical-arrows__arrow {
+  flex-shrink: 0;
 }
-@media screen and (forced-colors: active) {
-  .jkl-text-input__input {
-    outline: revert;
-    border-style: revert;
-    outline-style: revert;
-  }
-  .jkl-text-input__input:active, .jkl-text-input__input:hover, .jkl-text-input__input:focus {
-    outline: revert;
-    outline-style: revert;
-  }
+
+.jkl-animated-vertical-arrows__slider {
+  flex-direction: column;
+  height: calc(var(--jkl-icon-size, 1.5rem) * 2);
 }
-.jkl-text-input__input input[type=number]::-webkit-outer-spin-button,
-.jkl-text-input__input input[type=number]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
+.jkl-animated-vertical-arrows__slider[data-show=up] {
+  transform: translate3d(0, 0, 0);
 }
-.jkl-text-input__input input[type=number] {
-  -moz-appearance: textfield;
+.jkl-animated-vertical-arrows__slider[data-show=down] {
+  transform: translate3d(0, -50%, 0);
 }
-@media screen and (forced-colors: active) {
-  .jkl-text-input__input {
-    outline: none;
-    border: none;
-  }
-  .jkl-text-input__input:focus-visible {
-    outline: none;
-  }
+
+.jkl-animated-horizontal-arrows__slider {
+  flex-direction: row;
+  width: calc(var(--jkl-icon-size, 1.5rem) * 2);
 }
-.jkl-text-input__input::placeholder {
-  opacity: 1;
-  color: var(--placeholder-color);
+.jkl-animated-horizontal-arrows__slider[data-show=left] {
+  transform: translate3d(0, 0, 0);
 }
-.jkl-text-input__input--align-right {
-  text-align: right;
+.jkl-animated-horizontal-arrows__slider[data-show=right] {
+  transform: translate3d(-50%, 0, 0);
 }
-.jkl-text-input__unit {
-  padding-inline-end: var(--jkl-text-input-horizontal-padding);
-  padding-block: var(--jkl-text-input-vertical-padding);
+
+.jkl-icons-animated__plus {
+  transition-timing-function: cubic-bezier(0, 0, 0.375, 1.17);
+  transition-duration: 250ms;
+  transition-property: transform;
+  transform-origin: 50% 50%;
 }
-.jkl-text-input__action-button {
-  margin-inline-start: calc(var(--jkl-text-input-horizontal-padding) * -1);
+.jkl-icons-animated__plus--plus {
+  transform: rotate(0);
 }
-.jkl-text-input--inline {
-  display: inline-block;
-  vertical-align: middle;
-  margin: -0.125rem 0.25rem;
+.jkl-icons-animated__plus--close {
+  transform: rotate(135deg);
 }
 
 .jkl-icon-button {
@@ -783,7 +599,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-uko8dcc forwards;
+  animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uxkvl1f forwards;
 }
 .jkl-form-support-label--sr-only {
   border: 0 !important;
@@ -858,7 +674,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-input-wra
   white-space: nowrap !important; /* 3 */
 }
 
-@keyframes jkl-support-icon-entrance-uko8dcc {
+@keyframes jkl-support-icon-entrance-uxkvl1f {
   0% {
     margin-right: 0;
     opacity: 0;
@@ -1079,9 +895,8 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
   outline-offset: 0;
 }
 @media screen and (forced-colors: active) {
-  .jkl-link {
-    outline: revert;
-    text-decoration: revert;
+  .jkl-link:hover:not(:focus) {
+    --link-color: HighLight;
   }
 }
 
@@ -1241,15 +1056,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-uko8dcp;
+  animation-name: jkl-loader-left-spin-uxkvl2d;
   margin-right: 1.71em;
 }
 .jkl-loader__dot--middle {
-  animation-name: jkl-loader-middle-spin-uko8ddo;
+  animation-name: jkl-loader-middle-spin-uxkvl2k;
   margin-right: 1.9em;
 }
 .jkl-loader__dot--right {
-  animation-name: jkl-loader-right-spin-uko8de0;
+  animation-name: jkl-loader-right-spin-uxkvl2v;
 }
 @media screen and (forced-colors: active) {
   .jkl-loader__dot {
@@ -1277,7 +1092,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
   margin-right: 0.3em;
 }
 
-@keyframes jkl-loader-left-spin-uko8dcp {
+@keyframes jkl-loader-left-spin-uxkvl2d {
   0% {
     transform: rotate(0) scale(0);
   }
@@ -1291,7 +1106,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
     transform: rotate(180deg) scale(0);
   }
 }
-@keyframes jkl-loader-middle-spin-uko8ddo {
+@keyframes jkl-loader-middle-spin-uxkvl2k {
   0% {
     transform: rotate(20deg) scale(0);
   }
@@ -1308,7 +1123,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
     transform: rotate(200deg) scale(0);
   }
 }
-@keyframes jkl-loader-right-spin-uko8de0 {
+@keyframes jkl-loader-right-spin-uxkvl2v {
   0% {
     transform: rotate(40deg) scale(0);
   }
@@ -1356,7 +1171,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-uko8dey;
+  animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uxkvl3b;
 }
 @media (width >= 0) and (max-width: 679px) {
   .jkl-skeleton-animation {
@@ -1387,7 +1202,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-uko8dff;
+    animation: 2s ease infinite jkl-blink-uxkvl43;
   }
 }
 
@@ -1443,11 +1258,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-uko8dff;
+    animation: 2s ease-in-out infinite jkl-blink-uxkvl43;
   }
 }
 
-@keyframes jkl-sweep-uko8dey {
+@keyframes jkl-sweep-uxkvl3b {
   0% {
     transform: translateX(calc(0vw - 200px));
   }
@@ -1455,7 +1270,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
     transform: translateX(calc(100vw + 400px));
   }
 }
-@keyframes jkl-blink-uko8dff {
+@keyframes jkl-blink-uxkvl43 {
   0% {
     opacity: 1;
   }
@@ -1466,253 +1281,6 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
     opacity: 1;
   }
 }
-:root,
-[data-layout-density=comfortable],
-[data-density=comfortable] {
-  --jkl-info-card-content-wrapper-gap: 1rem;
-  --jkl-info-card-title-font-size: var(--jkl-heading-2-font-size);
-  --jkl-info-card-title-line-height: var(--jkl-heading-2-line-height);
-  --jkl-info-card-title-font-weight: var(--jkl-heading-2-font-weight);
-  --jkl-info-card-content-font-size: var(--jkl-body-font-size);
-  --jkl-info-card-content-line-height: var(--jkl-body-line-height);
-  --jkl-info-card-content-font-weight: var(--jkl-body-font-weight);
-}
-
-[data-layout-density=compact],
-[data-density=compact] {
-  --jkl-info-card-content-wrapper-gap: 0.75rem;
-  --jkl-info-card-title-font-size: var(--jkl-heading-4-font-size);
-  --jkl-info-card-title-line-height: var(--jkl-heading-4-line-height);
-  --jkl-info-card-title-font-weight: 400;
-  --jkl-info-card-content-font-size: var(--jkl-small-font-size);
-  --jkl-info-card-content-line-height: var(--jkl-small-line-height);
-  --jkl-info-card-content-font-weight: var(--jkl-small-font-weight);
-}
-
-.jkl-info-card {
-  box-sizing: border-box;
-}
-.jkl-info-card__image {
-  width: 100%;
-  aspect-ratio: 3/2;
-}
-.jkl-info-card__title {
-  font-size: var(--jkl-info-card-title-font-size);
-  line-height: var(--jkl-info-card-title-line-height);
-  font-weight: var(--jkl-info-card-title-font-weight);
-}
-.jkl-info-card__content-wrapper {
-  font-size: var(--jkl-info-card-content-font-size);
-  line-height: var(--jkl-info-card-content-line-height);
-  font-weight: var(--jkl-info-card-content-font-weight);
-  gap: var(--jkl-info-card-content-wrapper-gap);
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-}
-@media screen and (forced-colors: active) {
-  .jkl-info-card {
-    border: 0.125rem solid CanvasText;
-  }
-}
-
-@media screen and (prefers-color-scheme: light) {
-  :root {
-    --jkl-nav-card-background: #ffffff;
-    --jkl-nav-card-shadow: 0 0.25rem 0.9375rem rgba(37, 42, 49, 0.1);
-    --jkl-nav-card-shadow--hover: 0 0.375rem 1.5625rem rgba(37, 42, 49, 0.12);
-    --jkl-nav-card-info-border-color: #c8c5c3;
-  }
-}
-[data-theme=light] {
-  --jkl-nav-card-background: #ffffff;
-  --jkl-nav-card-shadow: 0 0.25rem 0.9375rem rgba(37, 42, 49, 0.1);
-  --jkl-nav-card-shadow--hover: 0 0.375rem 1.5625rem rgba(37, 42, 49, 0.12);
-  --jkl-nav-card-info-border-color: #c8c5c3;
-}
-
-@media screen and (prefers-color-scheme: dark) {
-  :root {
-    --jkl-nav-card-background: #313030;
-    --jkl-nav-card-shadow: none;
-    --jkl-nav-card-shadow--hover: none;
-    --jkl-nav-card-info-border-color: #636060;
-  }
-}
-[data-theme=dark] {
-  --jkl-nav-card-background: #313030;
-  --jkl-nav-card-shadow: none;
-  --jkl-nav-card-shadow--hover: none;
-  --jkl-nav-card-info-border-color: #636060;
-}
-
-:root,
-[data-layout-density=comfortable],
-[data-density=comfortable] {
-  --jkl-nav-card-content-wrapper-gap: 1rem;
-  --jkl-nav-card-info-padding: 1.5rem 0 0 0;
-  --jkl-nav-card-link-font-size: var(--jkl-heading-2-font-size);
-  --jkl-nav-card-link-line-height: var(--jkl-heading-2-line-height);
-  --jkl-nav-card-link-font-weight: var(--jkl-heading-2-font-weight);
-  --jkl-nav-card-content-font-size: var(--jkl-body-font-size);
-  --jkl-nav-card-content-line-height: var(--jkl-body-line-height);
-  --jkl-nav-card-content-font-weight: var(--jkl-body-font-weight);
-}
-
-[data-layout-density=compact],
-[data-density=compact] {
-  --jkl-nav-card-info-padding: 0.75rem 0 0 0;
-  --jkl-nav-card-content-font-size: var(--jkl-small-font-size);
-  --jkl-nav-card-content-line-height: var(--jkl-small-line-height);
-  --jkl-nav-card-content-font-weight: var(--jkl-small-font-weight);
-}
-
-.jkl-nav-card {
-  display: block;
-  box-sizing: border-box;
-  transform: translate3d(0, 0, 0);
-  text-decoration: none;
-  color: var(--jkl-color);
-  outline: 0;
-  border-radius: 0.25rem;
-  overflow: hidden;
-  box-shadow: var(--jkl-nav-card-shadow);
-  background-color: var(--jkl-nav-card-background);
-  transition-timing-function: ease;
-  transition-duration: 150ms;
-  transition-property: box-shadow, transform;
-}
-.jkl-nav-card__image {
-  width: 100%;
-  aspect-ratio: 3/2;
-}
-.jkl-nav-card__content {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--jkl-nav-card-content-wrapper-gap);
-  font-size: var(--jkl-nav-card-content-font-size);
-  line-height: var(--jkl-nav-card-content-line-height);
-  font-weight: var(--jkl-nav-card-content-font-weight);
-}
-.jkl-nav-card__link {
-  font-size: var(--jkl-nav-card-link-font-size);
-  line-height: var(--jkl-nav-card-link-line-height);
-  font-weight: var(--jkl-nav-card-link-font-weight);
-  box-sizing: border-box;
-  position: relative;
-}
-.jkl-nav-card__link::after {
-  content: "→";
-  content: "→"/"";
-  alt: " ";
-  display: inline;
-  margin-left: -0.2em;
-  padding-left: 0.35em;
-  padding-right: 0.35em;
-}
-.jkl-nav-card__link[target=_blank]::after, .jkl-nav-card__link--external::after {
-  content: "↗";
-  content: "↗"/"";
-  alt: " ";
-}
-.jkl-nav-card__description {
-  font-size: var(--jkl-nav-card-content-font-size);
-  line-height: var(--jkl-nav-card-content-line-height);
-  font-weight: var(--jkl-nav-card-content-font-weight);
-}
-.jkl-nav-card__info {
-  border-top: 0.0625rem solid var(--jkl-nav-card-info-border-color);
-  padding: var(--jkl-nav-card-info-padding);
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  --jkl-icon-weight: 300;
-  --jkl-icon-size: 1.25rem;
-  --jkl-icon-opsz: 20;
-  width: 100%;
-}
-.jkl-nav-card__tag-wrapper {
-  display: flex;
-  gap: calc(var(--jkl-unit-10) * 1.5) calc(var(--jkl-unit-10) * 3);
-  flex-wrap: wrap;
-}
-.jkl-nav-card:hover {
-  box-shadow: var(--jkl-nav-card-shadow--hover);
-  transform: translate3d(0, -0.25rem, 0);
-}
-html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus {
-  outline: 0.125rem solid var(--jkl-color);
-}
-
-@media screen and (forced-colors: active) {
-  .jkl-nav-card {
-    outline: revert;
-    border: 0.125rem solid LinkText;
-  }
-}
-
-@media screen and (prefers-color-scheme: light) {
-  :root {
-    --jkl-task-card-background--highlighted: #ffffff;
-    --jkl-task-card-background--normal: #f9f9f9;
-    --jkl-task-card-background--subdued: #ece9e5;
-    --jkl-task-card-shadow: 0 0.25rem 0.75rem rgba(37, 42, 49, 0.03);
-  }
-}
-[data-theme=light] {
-  --jkl-task-card-background--highlighted: #ffffff;
-  --jkl-task-card-background--normal: #f9f9f9;
-  --jkl-task-card-background--subdued: #ece9e5;
-  --jkl-task-card-shadow: 0 0.25rem 0.75rem rgba(37, 42, 49, 0.03);
-}
-
-@media screen and (prefers-color-scheme: dark) {
-  :root {
-    --jkl-task-card-background--highlighted: #313030;
-    --jkl-task-card-background--normal: #313030;
-    --jkl-task-card-background--subdued: #000000;
-    --jkl-task-card-shadow: none;
-  }
-}
-[data-theme=dark] {
-  --jkl-task-card-background--highlighted: #313030;
-  --jkl-task-card-background--normal: #313030;
-  --jkl-task-card-background--subdued: #000000;
-  --jkl-task-card-shadow: none;
-}
-
-.jkl-task-card {
-  box-sizing: border-box;
-  border-radius: 0.25rem;
-  transition-timing-function: ease;
-  transition-duration: 150ms;
-  transition-property: background-color;
-}
-.jkl-task-card__content-wrapper {
-  display: block;
-}
-.jkl-task-card--hvit, .jkl-task-card--highlighted {
-  background-color: var(--jkl-task-card-background--highlighted);
-}
-.jkl-task-card--snohvit, .jkl-task-card--normal {
-  background-color: var(--jkl-task-card-background--normal);
-}
-.jkl-task-card--sand, .jkl-task-card--subdued {
-  background-color: var(--jkl-task-card-background--subdued);
-}
-.jkl-task-card--dis, .jkl-task-card--very-subdued {
-  background-color: var(--jkl-task-card-background--very-subdued);
-}
-.jkl-task-card--with-shadow {
-  box-shadow: var(--jkl-task-card-shadow);
-}
-@media screen and (forced-colors: active) {
-  .jkl-task-card {
-    border: 0.125rem solid CanvasText;
-  }
-}
-
 .jkl-card {
   --padding-s: var(--jkl-unit-05);
   --padding-m: var(--jkl-unit-15);
@@ -1919,7 +1487,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
   --jkl-checkbox-line-height: 1.5rem;
 }
 
-@keyframes jkl-checkbox-checked-uko8dgf {
+@keyframes jkl-checkbox-checked-uxkvl4m {
   0% {
     width: 0;
     height: 0;
@@ -1933,7 +1501,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
     height: 58%;
   }
 }
-@keyframes jkl-checkbox-indeterminate-uko8dgy {
+@keyframes jkl-checkbox-indeterminate-uxkvl5b {
   0% {
     width: 0;
   }
@@ -1962,11 +1530,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-uko8dgf 150ms ease-in-out forwards;
+  animation: jkl-checkbox-checked-uxkvl4m 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-uko8dgy 150ms ease-in-out forwards;
+  animation: jkl-checkbox-indeterminate-uxkvl5b 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
@@ -2137,7 +1705,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
   --outer-border-thickness: 0.125rem;
 }
 
-@keyframes jkl-checkbox-checked-uko8dh2 {
+@keyframes jkl-checkbox-checked-uxkvl67 {
   0% {
     width: 0;
     height: 0;
@@ -2200,7 +1768,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-uko8dh2 150ms ease-in-out forwards;
+  animation: jkl-checkbox-checked-uxkvl67 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox-panel:has([aria-invalid=true]) {
@@ -2252,10 +1820,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
   border-radius: 99999px;
   display: inline-flex;
   align-items: center;
+  text-align: initial;
   white-space: nowrap;
   gap: var(--gap, var(--gap-s));
   padding: 0 var(--padding-inline, var(--padding-inline-s));
-  height: var(--height, var(--height-s));
+  min-height: var(--height, var(--height-s));
 }
 @media screen and (forced-colors: active) {
   .jkl-chip {
@@ -2286,6 +1855,13 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
   --text-color: var(--jkl-color-text-on-action);
   --border-color: var(--text-color);
 }
+@media screen and (forced-colors: active) {
+  .jkl-chip--filter[aria-pressed=true] {
+    forced-color-adjust: none;
+    --background-color: CanvasText;
+    --text-color: Canvas;
+  }
+}
 .jkl-chip--small {
   --padding-inline: var(--padding-inline-s);
   --gap: var(--gap-s);
@@ -2382,13 +1958,12 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
   --jkl-combobox-font-size: var(--jkl-body-font-size);
   --jkl-combobox-line-height: var(--jkl-body-line-height);
   --jkl-combobox-font-weight: var(--jkl-body-font-weight);
-  --jkl-combobox-button-padding: 0.5rem 0.375rem 0.5rem
-      /* her har vi en random 6px verdi også*/ calc(var(--jkl-unit-10) * 1.5);
-  --jkl-combobox-button-active-value-padding: 0.5rem 0.375rem
-      0.5rem 0.5rem;
+  --jkl-combobox-button-padding: 0.5rem;
+  --jkl-combobox-button-active-value-padding: 0.5rem;
   --jkl-combobox-input-height: 3rem;
   --jkl-combobox-actions-right: 0.5rem;
-  --jkl-combobox-actions-top: 0.75rem;
+  --jkl-combobox-actions-top: 0.25rem;
+  --jkl-combobox-chips-gap: 4px;
   --jkl-combobox-search-input-padding: var(--jkl-combobox-button-padding);
   --jkl-combobox-native-padding: 0 calc(var(--jkl-unit-10) * 5) 0 0.5rem;
   --jkl-combobox-option-padding: 0.5rem calc(var(--jkl-unit-10) * 1.5);
@@ -2409,13 +1984,12 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
   --jkl-combobox-font-size: var(--jkl-small-font-size);
   --jkl-combobox-line-height: var(--jkl-small-line-height);
   --jkl-combobox-font-weight: var(--jkl-small-font-weight);
-  --jkl-combobox-button-padding: calc(var(--jkl-unit-10) * 0.5) 1.875rem calc(var(--jkl-unit-10) * 0.5)
-      0.5rem;
-  --jkl-combobox-button-active-value-padding: calc(var(--jkl-unit-10) * 0.5) 1.875rem
-      calc(var(--jkl-unit-10) * 0.5) 0.5rem;
+  --jkl-combobox-button-padding: calc(var(--jkl-unit-10) * 0.5);
+  --jkl-combobox-button-active-value-padding: calc(var(--jkl-unit-10) * 0.5) 0.5rem;
   --jkl-combobox-input-height: 2rem;
   --jkl-combobox-actions-right: 0;
-  --jkl-combobox-actions-top: 0.375rem;
+  --jkl-combobox-actions-top: 0.0625rem;
+  --jkl-combobox-chips-gap: 1px;
   --jkl-combobox-search-input-padding: calc(var(--jkl-unit-10) * 0.5) 0.5rem;
   --jkl-combobox-native-padding: calc(var(--jkl-unit-10) * 3) calc(var(--jkl-unit-10) * 0.5) calc(var(--jkl-unit-10) * 0.5);
   --jkl-combobox-option-padding: calc(var(--jkl-unit-10) * 0.5) 0.5rem;
@@ -2452,9 +2026,10 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
 }
 .jkl-combobox__wrapper {
   position: relative;
-  min-width: 7rem;
   max-width: 100%;
   display: flex;
+  gap: 1ch;
+  cursor: pointer;
   padding: var(--jkl-combobox-button-padding);
   border-radius: 0.1875rem;
   border: 0.0625rem solid var(--jkl-combobox-border-color);
@@ -2507,7 +2082,6 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
   align-self: end;
   flex: 1 1 1ch;
   max-height: var(--jkl-combobox-search-input-height);
-  padding-right: var(--jkl-combobox-input-padding);
 }
 .jkl-combobox__arrow {
   pointer-events: none;
@@ -2587,20 +2161,18 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
 }
 .jkl-combobox__actions {
   display: flex;
-  position: absolute;
-  right: var(--jkl-combobox-actions-right);
   gap: calc(var(--jkl-unit-10) * 0.5);
-  top: var(--jkl-combobox-actions-top);
+  margin-block-start: var(--jkl-combobox-actions-top);
 }
 .jkl-combobox__chips {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  margin-left: -4px;
+  gap: var(--jkl-combobox-chips-gap);
+  width: 100%;
 }
 .jkl-combobox__chips .jkl-chip {
-  margin: 1px 4px;
-  z-index: 1;
+  white-space: break-spaces;
 }
 .jkl-combobox__chips .jkl-chip__marked {
   border-radius: 6px;
@@ -2630,6 +2202,9 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
 .jkl-combobox--menu-open .jkl-combobox__wrapper:hover .jkl-combobox__actions {
   transform: translateY(-0.1875rem);
 }
+.jkl-combobox--menu-open .jkl-combobox__search-input {
+  cursor: text;
+}
 
 .jkl-cookie-consent-modal {
   position: fixed;
@@ -2893,11 +2468,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
   }
 }
 .jkl-countdown__tracker {
-  animation: jkl-downcount-uko8dhy var(--duration) linear forwards;
+  animation: jkl-downcount-uxkvl70 var(--duration) linear forwards;
   animation-play-state: var(--play-state, running);
 }
 
-@keyframes jkl-downcount-uko8dhy {
+@keyframes jkl-downcount-uxkvl70 {
   from {
     width: 100%;
   }
@@ -3490,86 +3065,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
   }
 }
 
-.jkl-old-expander {
-  --color: var(--jkl-color-text-interactive);
-  list-style: none;
-  background-color: transparent;
-  cursor: pointer;
-  color: var(--color);
-  padding: 0;
-  transition: transform 100ms cubic-bezier(0.6, 0.2, 0.35, 1), border 100ms cubic-bezier(0.6, 0.2, 0.35, 1);
-  min-width: unset;
-  position: relative;
-}
-.jkl-old-expander {
-  outline: 0;
-  border-style: none;
-  outline-style: none;
-}
-.jkl-old-expander:active, .jkl-old-expander:hover, .jkl-old-expander:focus {
-  outline: 0;
-  outline-style: none;
-}
-@media screen and (forced-colors: active) {
-  .jkl-old-expander {
-    outline: revert;
-    border-style: revert;
-    outline-style: revert;
-  }
-  .jkl-old-expander:active, .jkl-old-expander:hover, .jkl-old-expander:focus {
-    outline: revert;
-    outline-style: revert;
-  }
-}
-.jkl-old-expander::-webkit-details-marker {
-  display: none;
-}
-.jkl-old-expander:focus-visible {
-  border: none;
-  outline: 3px solid var(--jkl-color-border-action);
-  outline-offset: 3px;
-}
-.jkl-old-expander:focus-visible .jkl-old-expander__arrow {
-  transform: translateY(0.1875rem);
-}
-.jkl-old-expander:focus-visible, .jkl-old-expander:hover {
-  --color: var(--jkl-color-text-interactive-hover);
-}
-.jkl-old-expander--expanded {
-  --jkl-icon-weight: 500;
-  font-weight: 700;
-  letter-spacing: -0.014em;
-}
-.jkl-old-expander--icon-only .jkl-old-expander__arrow {
-  margin: 0.25rem 0.5rem;
-}
-.jkl-old-expander .jkl-old-expander__arrow {
-  transition-property: transform;
-  display: inline-block;
-  margin-left: 0.125rem;
-  margin-bottom: -0.15em;
-  transition-timing-function: ease;
-  transition-duration: 150ms;
-}
-@media screen and (forced-colors: active) {
-  .jkl-old-expander, .jkl-old-expander::after {
-    border-top-style: none;
-    border-right-style: none;
-    border-left-style: none;
-  }
-}
-
-.jkl-expand-section__content-wrapper {
-  transition-property: height;
-  transition-timing-function: ease;
-  transition-duration: 150ms;
-}
-.jkl-expand-section__content {
-  height: auto;
-  padding: 1rem 0 2.5rem 0;
-}
-
-@keyframes jkl-show-uko8dii {
+@keyframes jkl-show-uxkvl7w {
   from {
     transform: translate3d(0, 0.5rem, 0);
     opacity: 0;
@@ -3604,7 +3100,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
   }
 }
 .jkl-feedback__fade-in {
-  animation: jkl-show-uko8dii 0.25s ease-out;
+  animation: jkl-show-uxkvl7w 0.25s ease-out;
 }
 .jkl-feedback__buttons {
   display: flex;
@@ -3846,7 +3342,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-uko8dj4 400ms ease-in-out forwards;
+  animation: jkl-dismiss-uxkvl7x 400ms ease-in-out forwards;
   transition: visibility 0ms 400ms;
   visibility: hidden;
 }
@@ -3866,7 +3362,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
   }
 }
 
-@keyframes jkl-dismiss-uko8dj4 {
+@keyframes jkl-dismiss-uxkvl7x {
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -3903,7 +3399,8 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
     --jkl-radio-button-size: 1.5rem;
     --jkl-radio-button-text-margin: 0.5rem 0;
     --jkl-radio-button-text-transform: translate3d(0, 0, 0);
-    --jkl-radio-button-dot-margin: 0.625rem 0.5rem 0.625rem 0;
+    --jkl-radio-button-dot-margin: 0.625rem 0.5rem
+        0.625rem 0;
     --jkl-radio-button-dot-size: 1rem;
   }
 }
@@ -3922,7 +3419,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-uko8djt {
+@keyframes jkl-dot-in-uxkvl8e {
   0% {
     transform: scale(0.8);
   }
@@ -3968,7 +3465,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-uko8djt 150ms ease;
+  animation: jkl-dot-in-uxkvl8e 150ms ease;
 }
 @media screen and (forced-colors: active) {
   .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
@@ -4606,20 +4103,20 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-area-wrap
 
 @media screen and (prefers-color-scheme: light) {
   :root {
-    --jkl-menu-border: none;
+    --jkl-menu-border-color: transparent;
   }
 }
 [data-theme=light] {
-  --jkl-menu-border: none;
+  --jkl-menu-border-color: transparent;
 }
 
 @media screen and (prefers-color-scheme: dark) {
   :root {
-    --jkl-menu-border: 2px solid #f9f9f9;
+    --jkl-menu-border-color: #f9f9f9;
   }
 }
 [data-theme=dark] {
-  --jkl-menu-border: 2px solid #f9f9f9;
+  --jkl-menu-border-color: #f9f9f9;
 }
 
 .jkl-menu {
@@ -4632,7 +4129,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-area-wrap
   flex-wrap: nowrap;
   box-shadow: 0 0.25rem 1.25rem rgba(49, 48, 48, 0.2);
   border-radius: 0.125rem;
-  border: var(--jkl-menu-border);
+  border: 2px solid var(--jkl-menu-border-color);
   z-index: 7000;
 }
 .jkl-menu:focus-visible {
@@ -5059,7 +4556,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
   transition-duration: 150ms;
 }
 
-@keyframes jkl-downcount-uko8dk4 {
+@keyframes jkl-downcount-uxkvl8r {
   from {
     width: 100%;
   }
@@ -5067,7 +4564,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
     width: 0%;
   }
 }
-@keyframes jkl-dot-in-uko8dkx {
+@keyframes jkl-dot-in-uxkvl96 {
   0% {
     transform: scale(0.8);
   }
@@ -5115,7 +4612,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-uko8dkx 150ms ease;
+  animation: jkl-dot-in-uxkvl96 150ms ease;
 }
 .jkl-radio-panel:has(:checked) {
   --radio-dot-color: var(--jkl-color-border-action);
@@ -5327,7 +4824,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
   margin-bottom: 0;
 }
 .jkl-system-message--dismissed {
-  animation: jkl-dismiss-uko8dl5 400ms ease-in forwards;
+  animation: jkl-dismiss-uxkvl9t 400ms ease-in forwards;
   transition: visibility 0ms 400ms;
   visibility: hidden;
 }
@@ -5359,7 +4856,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
   }
 }
 
-@keyframes jkl-dismiss-uko8dl5 {
+@keyframes jkl-dismiss-uxkvl9t {
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -5514,7 +5011,8 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
   --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;
+  --jkl-table-header-padding: 0 0.5rem 0.4375rem
+      0.5rem;
 }
 
 [data-layout-density=compact],
@@ -5522,7 +5020,8 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
   --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-padding: 0 0.5rem 0.1875rem
+      0.5rem;
 }
 
 .jkl-table-header {
@@ -5743,15 +5242,15 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
 }
 :not(.jkl-table-head, .jkl-table-foot) > .jkl-table-row:hover {
   /*
-  * Det er viktig at hover her har double border style i motsetning til default,
-  * ellers vinner ikke border-top "spesifisitetskampen" i border-collapse.
-  * Under testing i Chrome, Firefox og Safari på macOS ble border fremdeles
-  * rendret som solid. ¯\_(ツ)_/¯
-  *
-  * https://stackoverflow.com/a/36239151
-  * https://stackoverflow.com/a/4096554
-  * https://www.w3.org/TR/CSS2/tables.html#border-conflict-resolution
-  */
+   * Det er viktig at hover her har double border style i motsetning til default,
+   * ellers vinner ikke border-top "spesifisitetskampen" i border-collapse.
+   * Under testing i Chrome, Firefox og Safari på macOS ble border fremdeles
+   * rendret som solid. ¯\_(ツ)_/¯
+   *
+   * https://stackoverflow.com/a/36239151
+   * https://stackoverflow.com/a/4096554
+   * https://www.w3.org/TR/CSS2/tables.html#border-conflict-resolution
+   */
   border-top: double 0.0625rem var(--jkl-table-row-hover-border-color);
   border-bottom: double 0.0625rem var(--jkl-table-row-hover-border-color);
 }
@@ -6253,14 +5752,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-uko8dll 200ms ease-out forwards;
+  animation: jkl-entering-uxkvla5 200ms ease-out forwards;
 }
 
 .jkl-toast[data-animation=exiting] {
-  animation: jkl-exiting-uko8dma 150ms ease-in forwards;
+  animation: jkl-exiting-uxkvlas 150ms ease-in forwards;
 }
 
-@keyframes jkl-entering-uko8dll {
+@keyframes jkl-entering-uxkvla5 {
   from {
     opacity: 0;
     transform: translate3d(0, 50%, 0);
@@ -6270,7 +5769,7 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
     transform: translate3d(0, 0, 0);
   }
 }
-@keyframes jkl-exiting-uko8dma {
+@keyframes jkl-exiting-uxkvlas {
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);