@fremtind/jokul 4.7.2 → 4.7.4

package/styles/styles.css

@@ -481,7 +481,7 @@
     --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-ucys3ui forwards;
+    animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uu1y9qv forwards;
   }
   .jkl-form-support-label--sr-only {
     border: 0 !important;
@@ -547,7 +547,7 @@
   .jkl-label:has(+ .jkl-input-group-description) {
     margin-block-end: var(--jkl-spacing-4);
   }
-  @keyframes jkl-support-icon-entrance-ucys3ui {
+  @keyframes jkl-support-icon-entrance-uu1y9qv {
     0% {
       margin-right: 0;
       opacity: 0;
@@ -909,22 +909,22 @@
     animation: 2500ms linear infinite;
   }
   .jkl-loader__dot--left {
-    animation-name: jkl-loader-left-spin-ucys3ve;
+    animation-name: jkl-loader-left-spin-uu1y9r3;
     margin-right: calc(var(--jkl-loader-spacing) * 0.9);
   }
   .jkl-loader__dot--middle {
-    animation-name: jkl-loader-middle-spin-ucys3we;
+    animation-name: jkl-loader-middle-spin-uu1y9rq;
     margin-right: var(--jkl-loader-spacing);
   }
   .jkl-loader__dot--right {
-    animation-name: jkl-loader-right-spin-ucys3wx;
+    animation-name: jkl-loader-right-spin-uu1y9sl;
   }
   @media screen and (forced-colors: active) {
     .jkl-loader__dot {
       background-color: CanvasText;
     }
   }
-  @keyframes jkl-loader-left-spin-ucys3ve {
+  @keyframes jkl-loader-left-spin-uu1y9r3 {
     0% {
       transform: rotate(0) scale(0);
     }
@@ -938,7 +938,7 @@
       transform: rotate(180deg) scale(0);
     }
   }
-  @keyframes jkl-loader-middle-spin-ucys3we {
+  @keyframes jkl-loader-middle-spin-uu1y9rq {
     0% {
       transform: rotate(20deg) scale(0);
     }
@@ -955,7 +955,7 @@
       transform: rotate(200deg) scale(0);
     }
   }
-  @keyframes jkl-loader-right-spin-ucys3wx {
+  @keyframes jkl-loader-right-spin-uu1y9sl {
     0% {
       transform: rotate(40deg) scale(0);
     }
@@ -995,7 +995,7 @@
   @media screen and (forced-colors: active) {
     .jkl-skeleton-element {
       border: 1px solid CanvasText;
-      animation: 2s ease infinite jkl-blink-ucys3xe;
+      animation: 2s ease infinite jkl-blink-uu1y9t8;
     }
   }
   .jkl-skeleton-input {
@@ -1043,10 +1043,10 @@
   }
   @media screen and (forced-colors: active) {
     .jkl-skeleton-table {
-      animation: 2s ease-in-out infinite jkl-blink-ucys3xe;
+      animation: 2s ease-in-out infinite jkl-blink-uu1y9t8;
     }
   }
-  @keyframes jkl-blink-ucys3xe {
+  @keyframes jkl-blink-uu1y9t8 {
     0% {
       opacity: 1;
     }
@@ -1955,6 +1955,7 @@
     inset: 0;
   }
   .jkl-modal-container {
+    --jkl-floating-z-index: 10000;
     z-index: 9000;
     display: flex;
     align-items: center;
@@ -2150,10 +2151,10 @@
     }
   }
   .jkl-countdown__tracker {
-    animation: jkl-downcount-ucys3yv var(--duration) linear forwards;
+    animation: jkl-downcount-uu1y9uo var(--duration) linear forwards;
     animation-play-state: var(--play-state, running);
   }
-  @keyframes jkl-downcount-ucys3yv {
+  @keyframes jkl-downcount-uu1y9uo {
     from {
       width: 100%;
     }
@@ -2438,7 +2439,7 @@
   }
   .jkl-popover {
     padding: var(--popover-padding, 0);
-    z-index: 10000;
+    z-index: var(--jkl-floating-z-index, 10000);
     box-shadow: 0 4px 20px 0 var(--jkl-datepicker-box-shadow);
     background-color: var(--jkl-color-background-container-high);
     border-radius: var(--jkl-border-radius-s);
@@ -2672,12 +2673,12 @@
     --jkl-icon-size: 1.2em;
   }
   .jkl-feedback__fade-in {
-    animation: jkl-show-ucys3ze 0.25s ease-out;
+    animation: jkl-show-uu1y9ur 0.25s ease-out;
   }
   .jkl-feedback__buttons {
     display: flex;
   }
-  @keyframes jkl-show-ucys3ze {
+  @keyframes jkl-show-uu1y9ur {
     from {
       transform: translate3d(0, 0.5rem, 0);
       opacity: 0;
@@ -2892,7 +2893,7 @@
     --background-color: var(--jkl-color-background-alert-success);
   }
   .jkl-message--dismissed {
-    animation: jkl-dismiss-ucys3zh 400ms ease-in-out forwards;
+    animation: jkl-dismiss-uu1y9vj 400ms ease-in-out forwards;
     transition: visibility 0ms 400ms;
     visibility: hidden;
   }
@@ -2914,7 +2915,7 @@
   .jkl-form-error-message {
     padding-bottom: calc(var(--jkl-unit-base) * 5);
   }
-  @keyframes jkl-dismiss-ucys3zh {
+  @keyframes jkl-dismiss-uu1y9vj {
     from {
       opacity: 1;
       transform: translate3d(0, 0, 0);
@@ -4503,7 +4504,7 @@
     background: none;
     box-shadow: none;
     border-radius: 0;
-    z-index: 7000;
+    z-index: var(--jkl-floating-z-index, 7000);
   }
   @media (prefers-reduced-motion: no-preference) {
     .jkl-select__options-menu {
@@ -4590,7 +4591,7 @@
     transition-timing-function: ease;
     transition-duration: 150ms;
   }
-  @keyframes jkl-downcount-ucys400 {
+  @keyframes jkl-downcount-uu1y9w2 {
     from {
       width: 100%;
     }
@@ -5094,7 +5095,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta s
     margin-bottom: 0;
   }
   .jkl-system-message--dismissed {
-    animation: jkl-dismiss-ucys41b 400ms forwards;
+    animation: jkl-dismiss-uu1y9xc 400ms forwards;
     transition: block 400ms 400ms;
   }
   .jkl-system-message--info {
@@ -5124,7 +5125,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta s
       border-width: 4px;
     }
   }
-  @keyframes jkl-dismiss-ucys41b {
+  @keyframes jkl-dismiss-uu1y9xc {
     from {
       opacity: 1;
       transform: translateY(0);
@@ -5961,12 +5962,12 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta s
   }
   .jkl-toast[data-animation=entering],
   .jkl-toast[data-animation=queued] {
-    animation: jkl-entering-ucys41s 200ms ease-out forwards;
+    animation: jkl-entering-uu1y9y3 200ms ease-out forwards;
   }
   .jkl-toast[data-animation=exiting] {
-    animation: jkl-exiting-ucys42l 150ms ease-in forwards;
+    animation: jkl-exiting-uu1y9yd 150ms ease-in forwards;
   }
-  @keyframes jkl-entering-ucys41s {
+  @keyframes jkl-entering-uu1y9y3 {
     from {
       opacity: 0;
       transform: translate3d(0, 50%, 0);
@@ -5976,7 +5977,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta s
       transform: translate3d(0, 0, 0);
     }
   }
-  @keyframes jkl-exiting-ucys42l {
+  @keyframes jkl-exiting-uu1y9yd {
     from {
       opacity: 1;
       transform: translate3d(0, 0, 0);