@fremtind/jokul 6.0.0-next.1 → 6.0.0-next.3

package/styles/components.css

@@ -425,7 +425,7 @@
     display: inline-flex;
   }
   .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: var(--jkl-motion-timing-lazy) cubic-bezier(0, 0, 0.3, 1) var(--jkl-motion-timing-expressive) jkl-support-icon-entrance-ugj595r forwards;
+    animation: var(--jkl-motion-timing-lazy) cubic-bezier(0, 0, 0.3, 1) var(--jkl-motion-timing-expressive) jkl-support-icon-entrance-uaosqf0 forwards;
   }
   .jkl-form-support-label--sr-only {
     border: 0 !important;
@@ -479,7 +479,7 @@
   .jkl-label:has(+ .jkl-input-group-description) {
     margin-block-end: var(--jkl-spacing-4);
   }
-  @keyframes jkl-support-icon-entrance-ugj595r {
+  @keyframes jkl-support-icon-entrance-uaosqf0 {
     0% {
       margin-right: 0;
       opacity: 0;
@@ -839,22 +839,22 @@
     animation: 2500ms linear infinite;
   }
   .jkl-loader__dot--left {
-    animation-name: jkl-loader-left-spin-ugj5969;
+    animation-name: jkl-loader-left-spin-uaosqf3;
     margin-right: calc(var(--jkl-loader-spacing) * 0.9);
   }
   .jkl-loader__dot--middle {
-    animation-name: jkl-loader-middle-spin-ugj596a;
+    animation-name: jkl-loader-middle-spin-uaosqfo;
     margin-right: var(--jkl-loader-spacing);
   }
   .jkl-loader__dot--right {
-    animation-name: jkl-loader-right-spin-ugj5970;
+    animation-name: jkl-loader-right-spin-uaosqg1;
   }
   @media screen and (forced-colors: active) {
     .jkl-loader__dot {
       background-color: CanvasText;
     }
   }
-  @keyframes jkl-loader-left-spin-ugj5969 {
+  @keyframes jkl-loader-left-spin-uaosqf3 {
     0% {
       transform: rotate(0) scale(0);
     }
@@ -868,7 +868,7 @@
       transform: rotate(180deg) scale(0);
     }
   }
-  @keyframes jkl-loader-middle-spin-ugj596a {
+  @keyframes jkl-loader-middle-spin-uaosqfo {
     0% {
       transform: rotate(20deg) scale(0);
     }
@@ -885,7 +885,7 @@
       transform: rotate(200deg) scale(0);
     }
   }
-  @keyframes jkl-loader-right-spin-ugj5970 {
+  @keyframes jkl-loader-right-spin-uaosqg1 {
     0% {
       transform: rotate(40deg) scale(0);
     }
@@ -925,7 +925,7 @@
   @media screen and (forced-colors: active) {
     .jkl-skeleton-element {
       border: 1px solid CanvasText;
-      animation: 2s ease infinite jkl-blink-ugj5980;
+      animation: 2s ease infinite jkl-blink-uaosqgo;
     }
   }
   .jkl-skeleton-input {
@@ -973,10 +973,10 @@
   }
   @media screen and (forced-colors: active) {
     .jkl-skeleton-table {
-      animation: 2s ease-in-out infinite jkl-blink-ugj5980;
+      animation: 2s ease-in-out infinite jkl-blink-uaosqgo;
     }
   }
-  @keyframes jkl-blink-ugj5980 {
+  @keyframes jkl-blink-uaosqgo {
     0% {
       opacity: 1;
     }
@@ -2140,10 +2140,10 @@
     }
   }
   .jkl-countdown__tracker {
-    animation: jkl-downcount-ugj598z var(--duration) linear forwards;
+    animation: jkl-downcount-uaosqhy var(--duration) linear forwards;
     animation-play-state: var(--play-state, running);
   }
-  @keyframes jkl-downcount-ugj598z {
+  @keyframes jkl-downcount-uaosqhy {
     from {
       width: 100%;
     }
@@ -4894,12 +4894,12 @@
     font: var(--jkl-text-style-paragraph-small);
   }
   .jkl-feedback__fade-in {
-    animation: jkl-show-ugj599x 0.25s ease-out;
+    animation: jkl-show-uaosqim 0.25s ease-out;
   }
   .jkl-feedback__buttons {
     display: flex;
   }
-  @keyframes jkl-show-ugj599x {
+  @keyframes jkl-show-uaosqim {
     from {
       transform: translate3d(0, 0.5rem, 0);
       opacity: 0;
@@ -5111,7 +5111,7 @@
     --icon-color: var(--jkl-color-success-background-contrast);
   }
   .jkl-message--dismissed {
-    animation: jkl-dismiss-ugj59aa var(--jkl-motion-timing-lazy) ease-in-out forwards;
+    animation: jkl-dismiss-uaosqj1 var(--jkl-motion-timing-lazy) ease-in-out forwards;
     transition: visibility 0ms var(--jkl-motion-timing-lazy);
     visibility: hidden;
   }
@@ -5133,7 +5133,7 @@
   .jkl-form-error-message {
     padding-bottom: var(--jkl-unit-50);
   }
-  @keyframes jkl-dismiss-ugj59aa {
+  @keyframes jkl-dismiss-uaosqj1 {
     from {
       opacity: 1;
       transform: translate3d(0, 0, 0);
@@ -6437,7 +6437,7 @@
     transition-timing-function: var(--jkl-motion-easing-standard);
     transition-duration: var(--jkl-motion-timing-productive);
   }
-  @keyframes jkl-downcount-ugj59aw {
+  @keyframes jkl-downcount-uaosqj8 {
     from {
       width: 100%;
     }
@@ -6677,7 +6677,7 @@
     margin-bottom: 0;
   }
   .jkl-system-message--dismissed {
-    animation: jkl-dismiss-ugj59ca var(--jkl-motion-timing-lazy) forwards;
+    animation: jkl-dismiss-uaosqky var(--jkl-motion-timing-lazy) forwards;
     transition: block var(--jkl-motion-timing-lazy) var(--jkl-motion-timing-lazy);
   }
   .jkl-system-message--info {
@@ -6715,7 +6715,7 @@
       border-width: 4px;
     }
   }
-  @keyframes jkl-dismiss-ugj59ca {
+  @keyframes jkl-dismiss-uaosqky {
     from {
       opacity: 1;
       transform: translateY(0);
@@ -7067,12 +7067,12 @@
   }
   .jkl-toast[data-animation=entering],
   .jkl-toast[data-animation=queued] {
-    animation: jkl-entering-ugj59cb var(--jkl-motion-timing-polite) var(--jkl-motion-easing-entrance) forwards;
+    animation: jkl-entering-uaosql4 var(--jkl-motion-timing-polite) var(--jkl-motion-easing-entrance) forwards;
   }
   .jkl-toast[data-animation=exiting] {
-    animation: jkl-exiting-ugj59d3 var(--jkl-motion-timing-productive) var(--jkl-motion-easing-exit) forwards;
+    animation: jkl-exiting-uaosqls var(--jkl-motion-timing-productive) var(--jkl-motion-easing-exit) forwards;
   }
-  @keyframes jkl-entering-ugj59cb {
+  @keyframes jkl-entering-uaosql4 {
     from {
       opacity: 0;
       transform: translate3d(0, 50%, 0);
@@ -7082,7 +7082,7 @@
       transform: translate3d(0, 0, 0);
     }
   }
-  @keyframes jkl-exiting-ugj59d3 {
+  @keyframes jkl-exiting-uaosqls {
     from {
       opacity: 1;
       transform: translate3d(0, 0, 0);