@fremtind/jokul 0.71.0 → 0.71.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/file-input/index.d.cts +1 -1
  3. package/build/cjs/components/menu/useMenuWideEvents.cjs +1 -1
  4. package/build/cjs/components/menu/useMenuWideEvents.cjs.map +1 -1
  5. package/build/cjs/components/menu/useMenuWideEvents.d.cts +1 -1
  6. package/build/es/components/file-input/index.d.ts +1 -1
  7. package/build/es/components/menu/useMenuWideEvents.d.ts +1 -1
  8. package/build/es/components/menu/useMenuWideEvents.js +1 -1
  9. package/build/es/components/menu/useMenuWideEvents.js.map +1 -1
  10. package/build/jokul.css +1 -1
  11. package/package.json +3 -2
  12. package/styles/components/checkbox/checkbox.css +4 -4
  13. package/styles/components/checkbox/checkbox.min.css +1 -1
  14. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  15. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  16. package/styles/components/countdown/countdown.css +2 -2
  17. package/styles/components/countdown/countdown.min.css +1 -1
  18. package/styles/components/feedback/feedback.css +2 -2
  19. package/styles/components/feedback/feedback.min.css +1 -1
  20. package/styles/components/file-input/file-input.css +11 -11
  21. package/styles/components/file-input/file-input.min.css +1 -1
  22. package/styles/components/input-group/input-group.css +2 -2
  23. package/styles/components/input-group/input-group.min.css +1 -1
  24. package/styles/components/loader/loader.css +6 -6
  25. package/styles/components/loader/loader.min.css +1 -1
  26. package/styles/components/loader/skeleton-loader.css +5 -5
  27. package/styles/components/loader/skeleton-loader.min.css +1 -1
  28. package/styles/components/message/message.css +2 -2
  29. package/styles/components/message/message.min.css +1 -1
  30. package/styles/components/progress-bar/progress-bar.css +1 -1
  31. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  32. package/styles/components/radio-button/radio-button.css +2 -2
  33. package/styles/components/radio-button/radio-button.min.css +1 -1
  34. package/styles/components/radio-panel/radio-panel.css +2 -2
  35. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  36. package/styles/components/system-message/system-message.css +2 -2
  37. package/styles/components/system-message/system-message.min.css +1 -1
  38. package/styles/components/toast/toast.css +4 -4
  39. package/styles/components/toast/toast.min.css +1 -1
  40. package/styles/styles.css +36 -36
  41. package/styles/styles.min.css +1 -1
@@ -144,7 +144,7 @@
144
144
  margin-bottom: 0;
145
145
  }
146
146
  .jkl-system-message--dismissed {
147
- animation: jkl-dismiss-u9091ic 400ms ease-in forwards;
147
+ animation: jkl-dismiss-uqj5308 400ms ease-in forwards;
148
148
  transition: visibility 0ms 400ms;
149
149
  visibility: hidden;
150
150
  }
@@ -176,7 +176,7 @@
176
176
  }
177
177
  }
178
178
 
179
- @keyframes jkl-dismiss-u9091ic {
179
+ @keyframes jkl-dismiss-uqj5308 {
180
180
  from {
181
181
  opacity: 1;
182
182
  transform: translate3d(0, 0, 0);
@@ -1 +1 @@
1
- :root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-system-message-icon-height:1.5rem;--jkl-system-message-icon-padding:0.1875rem 0 0 0;--jkl-system-message-content-padding:1.5rem;--jkl-system-message-dismiss-button-size:2.75rem;--jkl-system-message-dismiss-button-margin:-0.40625rem -1.125rem -0.40625rem auto;--jkl-system-message-message-margin:0 1rem;--jkl-system-message-message-font-size:var(--jkl-body-font-size);--jkl-system-message-message-line-height:var(--jkl-body-line-height);--jkl-system-message-message-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-system-message-icon-height:1.25rem;--jkl-system-message-icon-padding:0.0625rem 0 0 0;--jkl-system-message-content-padding:0.5rem;--jkl-system-message-dismiss-button-size:2rem;--jkl-system-message-dismiss-button-margin:-0.1875rem -0.375rem -0.28125rem auto;--jkl-system-message-message-margin:0 0.75rem;--jkl-system-message-message-font-size:var(--jkl-small-font-size);--jkl-system-message-message-line-height:var(--jkl-small-line-height);--jkl-system-message-message-font-weight:var(--jkl-small-font-weight)}.jkl-system-message{--background-color:var(--jkl-color-background-alert-neutral);--text-color:var(--jkl-color-text-on-alert);background-color:var(--background-color);box-sizing:border-box;color:var(--text-color);width:100%}.jkl-system-message__content{align-items:flex-start;box-sizing:border-box;display:grid;grid-template-columns:-webkit-min-content 1fr -webkit-min-content;grid-template-columns:min-content 1fr min-content;margin:0 auto;padding:var(--jkl-system-message-content-padding);width:100%}.jkl-system-message__icon{flex-shrink:0;height:var(--jkl-system-message-icon-height);margin:var(--jkl-system-message-icon-padding)}@media screen and (forced-colors:active){.jkl-system-message__icon,.jkl-system-message__icon path,.jkl-system-message__icon svg{stroke:CanvasText}}.jkl-system-message__message{font-size:var(--jkl-system-message-message-font-size);font-weight:var(--jkl-system-message-message-font-weight);line-height:var(--jkl-system-message-message-line-height);margin:var(--jkl-system-message-message-margin)}.jkl-system-message__dismiss-button{background-color:initial;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,.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-u9091ic .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-u9091ic{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}
1
+ :root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-system-message-icon-height:1.5rem;--jkl-system-message-icon-padding:0.1875rem 0 0 0;--jkl-system-message-content-padding:1.5rem;--jkl-system-message-dismiss-button-size:2.75rem;--jkl-system-message-dismiss-button-margin:-0.40625rem -1.125rem -0.40625rem auto;--jkl-system-message-message-margin:0 1rem;--jkl-system-message-message-font-size:var(--jkl-body-font-size);--jkl-system-message-message-line-height:var(--jkl-body-line-height);--jkl-system-message-message-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-system-message-icon-height:1.25rem;--jkl-system-message-icon-padding:0.0625rem 0 0 0;--jkl-system-message-content-padding:0.5rem;--jkl-system-message-dismiss-button-size:2rem;--jkl-system-message-dismiss-button-margin:-0.1875rem -0.375rem -0.28125rem auto;--jkl-system-message-message-margin:0 0.75rem;--jkl-system-message-message-font-size:var(--jkl-small-font-size);--jkl-system-message-message-line-height:var(--jkl-small-line-height);--jkl-system-message-message-font-weight:var(--jkl-small-font-weight)}.jkl-system-message{--background-color:var(--jkl-color-background-alert-neutral);--text-color:var(--jkl-color-text-on-alert);background-color:var(--background-color);box-sizing:border-box;color:var(--text-color);width:100%}.jkl-system-message__content{align-items:flex-start;box-sizing:border-box;display:grid;grid-template-columns:-webkit-min-content 1fr -webkit-min-content;grid-template-columns:min-content 1fr min-content;margin:0 auto;padding:var(--jkl-system-message-content-padding);width:100%}.jkl-system-message__icon{flex-shrink:0;height:var(--jkl-system-message-icon-height);margin:var(--jkl-system-message-icon-padding)}@media screen and (forced-colors:active){.jkl-system-message__icon,.jkl-system-message__icon path,.jkl-system-message__icon svg{stroke:CanvasText}}.jkl-system-message__message{font-size:var(--jkl-system-message-message-font-size);font-weight:var(--jkl-system-message-message-font-weight);line-height:var(--jkl-system-message-message-line-height);margin:var(--jkl-system-message-message-margin)}.jkl-system-message__dismiss-button{background-color:initial;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,.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-uqj5308 .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-uqj5308{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}
@@ -188,14 +188,14 @@
188
188
 
189
189
  .jkl-toast[data-animation=entering],
190
190
  .jkl-toast[data-animation=queued] {
191
- animation: jkl-entering-ut6rejz 200ms ease-out forwards;
191
+ animation: jkl-entering-u1bmn6d 200ms ease-out forwards;
192
192
  }
193
193
 
194
194
  .jkl-toast[data-animation=exiting] {
195
- animation: jkl-exiting-ut6reko 150ms ease-in forwards;
195
+ animation: jkl-exiting-u1bmn6z 150ms ease-in forwards;
196
196
  }
197
197
 
198
- @keyframes jkl-entering-ut6rejz {
198
+ @keyframes jkl-entering-u1bmn6d {
199
199
  from {
200
200
  opacity: 0;
201
201
  transform: translate3d(0, 50%, 0);
@@ -205,7 +205,7 @@
205
205
  transform: translate3d(0, 0, 0);
206
206
  }
207
207
  }
208
- @keyframes jkl-exiting-ut6reko {
208
+ @keyframes jkl-exiting-u1bmn6z {
209
209
  from {
210
210
  opacity: 1;
211
211
  transform: translate3d(0, 0, 0);
@@ -1 +1 @@
1
- :root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-toast-padding:calc(var(--jkl-unit-10)*2)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-toast-padding:calc(var(--jkl-unit-10)*1.5)}}[data-density=compact],[data-layout-density=compact]{--jkl-toast-padding:0.5rem}.jkl-toast-region{background:#0000;bottom:calc(var(--jkl-unit-10)*3);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;width:100%;z-index:10000}.jkl-toast-region__toasts{align-items:center;display:flex;flex-direction:column;gap:calc(var(--jkl-unit-10)*2);min-width:18rem;pointer-events:auto}.jkl-toast-region--left{justify-content:flex-start;left:calc(var(--jkl-unit-10)*3)}.jkl-toast{--background-color:var(--jkl-color-background-container-high);--text-color:var(--jkl-color-text-default);align-items:start;background-color:var(--background-color);border-radius:4px;box-sizing:border-box;color:var(--text-color);display:grid;font-size:1.125rem;font-weight:400;grid-template-areas:"progress progress progress" "icon content dismiss";grid-template-columns:auto 1fr auto;line-height:1.75rem;max-width:min(30rem,85vw);overflow:hidden;padding:var(--jkl-toast-padding);padding-top:0;width:100%;--jkl-icon-weight:300}@media (min-width:680px){.jkl-toast{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-toast__progress{grid-area:progress;margin-bottom:calc(var(--jkl-unit-10)*2);margin-inline:calc(var(--jkl-toast-padding)*-1)}.jkl-toast__progress .jkl-countdown{--bar-color:var(--text-color);--track-color:#0000;border-radius:0}.jkl-toast__icon{grid-area:icon;margin-right:calc(var(--jkl-unit-10)*1.5)}@media screen and (forced-colors:active){.jkl-toast__icon,.jkl-toast__icon path,.jkl-toast__icon svg{stroke:CanvasText}}.jkl-toast__content{grid-area:content}.jkl-toast__action{margin-top:.75rem}.jkl-toast__message{margin-top:-.125rem}.jkl-toast__title{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin:0 0 calc(var(--jkl-unit-10)*.5) 0;--jkl-icon-weight:500}@media (min-width:680px){.jkl-toast__title{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:500}}.jkl-toast__title~.jkl-toast__message{margin-top:0}.jkl-toast__dismiss-button{background-color:initial;color:inherit;cursor:pointer;grid-area:dismiss;justify-self:end;margin-left:var(--jkl-toast-gap);padding:0;position:relative}@media screen and (forced-colors:active){.jkl-toast__dismiss-button,.jkl-toast__dismiss-button path,.jkl-toast__dismiss-button svg{stroke:ButtonText}.jkl-toast__dismiss-button{background-color:ButtonFace}}.jkl-toast__dismiss-button:after{--tap-increment:-0.75rem;border-radius:.1875rem;content:"";inset:var(--tap-increment) var(--tap-increment) var(--tap-increment) var(--tap-increment);position:absolute}.jkl-toast--error,.jkl-toast--info,.jkl-toast--success,.jkl-toast--warning{--text-color:var(--jkl-color-text-on-alert)}.jkl-toast--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-toast--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-toast--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-toast--success{--background-color:var(--jkl-color-background-alert-success)}@media screen and (forced-colors:active){.jkl-toast{border:2px solid CanvasText}.jkl-toast--info{border-style:dotted}.jkl-toast--warning{border-style:dashed}.jkl-toast--error{border-style:double;border-width:4px}}.jkl-toast[data-animation=entering],.jkl-toast[data-animation=queued]{animation:jkl-entering-ut6rejz .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-ut6reko .15s ease-in forwards}@keyframes jkl-entering-ut6rejz{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-ut6reko{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,50%,0)}}
1
+ :root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-toast-padding:calc(var(--jkl-unit-10)*2)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-toast-padding:calc(var(--jkl-unit-10)*1.5)}}[data-density=compact],[data-layout-density=compact]{--jkl-toast-padding:0.5rem}.jkl-toast-region{background:#0000;bottom:calc(var(--jkl-unit-10)*3);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;width:100%;z-index:10000}.jkl-toast-region__toasts{align-items:center;display:flex;flex-direction:column;gap:calc(var(--jkl-unit-10)*2);min-width:18rem;pointer-events:auto}.jkl-toast-region--left{justify-content:flex-start;left:calc(var(--jkl-unit-10)*3)}.jkl-toast{--background-color:var(--jkl-color-background-container-high);--text-color:var(--jkl-color-text-default);align-items:start;background-color:var(--background-color);border-radius:4px;box-sizing:border-box;color:var(--text-color);display:grid;font-size:1.125rem;font-weight:400;grid-template-areas:"progress progress progress" "icon content dismiss";grid-template-columns:auto 1fr auto;line-height:1.75rem;max-width:min(30rem,85vw);overflow:hidden;padding:var(--jkl-toast-padding);padding-top:0;width:100%;--jkl-icon-weight:300}@media (min-width:680px){.jkl-toast{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-toast__progress{grid-area:progress;margin-bottom:calc(var(--jkl-unit-10)*2);margin-inline:calc(var(--jkl-toast-padding)*-1)}.jkl-toast__progress .jkl-countdown{--bar-color:var(--text-color);--track-color:#0000;border-radius:0}.jkl-toast__icon{grid-area:icon;margin-right:calc(var(--jkl-unit-10)*1.5)}@media screen and (forced-colors:active){.jkl-toast__icon,.jkl-toast__icon path,.jkl-toast__icon svg{stroke:CanvasText}}.jkl-toast__content{grid-area:content}.jkl-toast__action{margin-top:.75rem}.jkl-toast__message{margin-top:-.125rem}.jkl-toast__title{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin:0 0 calc(var(--jkl-unit-10)*.5) 0;--jkl-icon-weight:500}@media (min-width:680px){.jkl-toast__title{font-size:1.3125rem;font-weight:700;line-height:1.75rem;--jkl-icon-weight:500}}.jkl-toast__title~.jkl-toast__message{margin-top:0}.jkl-toast__dismiss-button{background-color:initial;color:inherit;cursor:pointer;grid-area:dismiss;justify-self:end;margin-left:var(--jkl-toast-gap);padding:0;position:relative}@media screen and (forced-colors:active){.jkl-toast__dismiss-button,.jkl-toast__dismiss-button path,.jkl-toast__dismiss-button svg{stroke:ButtonText}.jkl-toast__dismiss-button{background-color:ButtonFace}}.jkl-toast__dismiss-button:after{--tap-increment:-0.75rem;border-radius:.1875rem;content:"";inset:var(--tap-increment) var(--tap-increment) var(--tap-increment) var(--tap-increment);position:absolute}.jkl-toast--error,.jkl-toast--info,.jkl-toast--success,.jkl-toast--warning{--text-color:var(--jkl-color-text-on-alert)}.jkl-toast--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-toast--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-toast--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-toast--success{--background-color:var(--jkl-color-background-alert-success)}@media screen and (forced-colors:active){.jkl-toast{border:2px solid CanvasText}.jkl-toast--info{border-style:dotted}.jkl-toast--warning{border-style:dashed}.jkl-toast--error{border-style:double;border-width:4px}}.jkl-toast[data-animation=entering],.jkl-toast[data-animation=queued]{animation:jkl-entering-u1bmn6d .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-u1bmn6z .15s ease-in forwards}@keyframes jkl-entering-u1bmn6d{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-u1bmn6z{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,50%,0)}}
package/styles/styles.css CHANGED
@@ -783,7 +783,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-input-wra
783
783
  --color: var(--jkl-color-text-default);
784
784
  }
785
785
  .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 {
786
- animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-u0afv65 forwards;
786
+ animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uixndqj forwards;
787
787
  }
788
788
  .jkl-form-support-label--sr-only {
789
789
  border: 0 !important;
@@ -858,7 +858,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-input-wra
858
858
  white-space: nowrap !important; /* 3 */
859
859
  }
860
860
 
861
- @keyframes jkl-support-icon-entrance-u0afv65 {
861
+ @keyframes jkl-support-icon-entrance-uixndqj {
862
862
  0% {
863
863
  margin-right: 0;
864
864
  opacity: 0;
@@ -1241,15 +1241,15 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1241
1241
  animation: 2500ms linear infinite;
1242
1242
  }
1243
1243
  .jkl-loader__dot--left {
1244
- animation-name: jkl-loader-left-spin-u0afv67;
1244
+ animation-name: jkl-loader-left-spin-uixndra;
1245
1245
  margin-right: 1.71em;
1246
1246
  }
1247
1247
  .jkl-loader__dot--middle {
1248
- animation-name: jkl-loader-middle-spin-u0afv6r;
1248
+ animation-name: jkl-loader-middle-spin-uixndrj;
1249
1249
  margin-right: 1.9em;
1250
1250
  }
1251
1251
  .jkl-loader__dot--right {
1252
- animation-name: jkl-loader-right-spin-u0afv7p;
1252
+ animation-name: jkl-loader-right-spin-uixndsb;
1253
1253
  }
1254
1254
  @media screen and (forced-colors: active) {
1255
1255
  .jkl-loader__dot {
@@ -1277,7 +1277,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1277
1277
  margin-right: 0.3em;
1278
1278
  }
1279
1279
 
1280
- @keyframes jkl-loader-left-spin-u0afv67 {
1280
+ @keyframes jkl-loader-left-spin-uixndra {
1281
1281
  0% {
1282
1282
  transform: rotate(0) scale(0);
1283
1283
  }
@@ -1291,7 +1291,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1291
1291
  transform: rotate(180deg) scale(0);
1292
1292
  }
1293
1293
  }
1294
- @keyframes jkl-loader-middle-spin-u0afv6r {
1294
+ @keyframes jkl-loader-middle-spin-uixndrj {
1295
1295
  0% {
1296
1296
  transform: rotate(20deg) scale(0);
1297
1297
  }
@@ -1308,7 +1308,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1308
1308
  transform: rotate(200deg) scale(0);
1309
1309
  }
1310
1310
  }
1311
- @keyframes jkl-loader-right-spin-u0afv7p {
1311
+ @keyframes jkl-loader-right-spin-uixndsb {
1312
1312
  0% {
1313
1313
  transform: rotate(40deg) scale(0);
1314
1314
  }
@@ -1356,7 +1356,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1356
1356
  bottom: 0;
1357
1357
  width: 12.5rem;
1358
1358
  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%);
1359
- animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-u0afv8o;
1359
+ animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uixndt6;
1360
1360
  }
1361
1361
  @media (width >= 0) and (max-width: 679px) {
1362
1362
  .jkl-skeleton-animation {
@@ -1387,7 +1387,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1387
1387
  @media screen and (forced-colors: active) {
1388
1388
  .jkl-skeleton-element {
1389
1389
  border: 1px solid CanvasText;
1390
- animation: 2s ease infinite jkl-blink-u0afv8x;
1390
+ animation: 2s ease infinite jkl-blink-uixndtc;
1391
1391
  }
1392
1392
  }
1393
1393
 
@@ -1443,11 +1443,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1443
1443
  }
1444
1444
  @media screen and (forced-colors: active) {
1445
1445
  .jkl-skeleton-table {
1446
- animation: 2s ease-in-out infinite jkl-blink-u0afv8x;
1446
+ animation: 2s ease-in-out infinite jkl-blink-uixndtc;
1447
1447
  }
1448
1448
  }
1449
1449
 
1450
- @keyframes jkl-sweep-u0afv8o {
1450
+ @keyframes jkl-sweep-uixndt6 {
1451
1451
  0% {
1452
1452
  transform: translateX(calc(0vw - 200px));
1453
1453
  }
@@ -1455,7 +1455,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1455
1455
  transform: translateX(calc(100vw + 400px));
1456
1456
  }
1457
1457
  }
1458
- @keyframes jkl-blink-u0afv8x {
1458
+ @keyframes jkl-blink-uixndtc {
1459
1459
  0% {
1460
1460
  opacity: 1;
1461
1461
  }
@@ -1919,7 +1919,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
1919
1919
  --jkl-checkbox-line-height: 1.5rem;
1920
1920
  }
1921
1921
 
1922
- @keyframes jkl-checkbox-checked-u0afv9k {
1922
+ @keyframes jkl-checkbox-checked-uixndte {
1923
1923
  0% {
1924
1924
  width: 0;
1925
1925
  height: 0;
@@ -1933,7 +1933,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
1933
1933
  height: 58%;
1934
1934
  }
1935
1935
  }
1936
- @keyframes jkl-checkbox-indeterminate-u0afv9v {
1936
+ @keyframes jkl-checkbox-indeterminate-uixndtf {
1937
1937
  0% {
1938
1938
  width: 0;
1939
1939
  }
@@ -1962,11 +1962,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
1962
1962
  left: calc(-0.5 * var(--jkl-checkbox-box-size));
1963
1963
  }
1964
1964
  .jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
1965
- animation: jkl-checkbox-checked-u0afv9k 150ms ease-in-out forwards;
1965
+ animation: jkl-checkbox-checked-uixndte 150ms ease-in-out forwards;
1966
1966
  opacity: 1;
1967
1967
  }
1968
1968
  .jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
1969
- animation: jkl-checkbox-indeterminate-u0afv9v 150ms ease-in-out forwards;
1969
+ animation: jkl-checkbox-indeterminate-uixndtf 150ms ease-in-out forwards;
1970
1970
  opacity: 1;
1971
1971
  }
1972
1972
  .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
@@ -2137,7 +2137,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
2137
2137
  --outer-border-thickness: 0.125rem;
2138
2138
  }
2139
2139
 
2140
- @keyframes jkl-checkbox-checked-u0afva1 {
2140
+ @keyframes jkl-checkbox-checked-uixndtz {
2141
2141
  0% {
2142
2142
  width: 0;
2143
2143
  height: 0;
@@ -2200,7 +2200,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
2200
2200
  }
2201
2201
  }
2202
2202
  .jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator::after {
2203
- animation: jkl-checkbox-checked-u0afva1 150ms ease-in-out forwards;
2203
+ animation: jkl-checkbox-checked-uixndtz 150ms ease-in-out forwards;
2204
2204
  opacity: 1;
2205
2205
  }
2206
2206
  .jkl-checkbox-panel:has([aria-invalid=true]) {
@@ -2893,11 +2893,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
2893
2893
  }
2894
2894
  }
2895
2895
  .jkl-countdown__tracker {
2896
- animation: jkl-downcount-u0afvak var(--duration) linear forwards;
2896
+ animation: jkl-downcount-uixnduf var(--duration) linear forwards;
2897
2897
  animation-play-state: var(--play-state, running);
2898
2898
  }
2899
2899
 
2900
- @keyframes jkl-downcount-u0afvak {
2900
+ @keyframes jkl-downcount-uixnduf {
2901
2901
  from {
2902
2902
  width: 100%;
2903
2903
  }
@@ -3569,7 +3569,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3569
3569
  padding: 1rem 0 2.5rem 0;
3570
3570
  }
3571
3571
 
3572
- @keyframes jkl-show-u0afvau {
3572
+ @keyframes jkl-show-uixndve {
3573
3573
  from {
3574
3574
  transform: translate3d(0, 0.5rem, 0);
3575
3575
  opacity: 0;
@@ -3604,7 +3604,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3604
3604
  }
3605
3605
  }
3606
3606
  .jkl-feedback__fade-in {
3607
- animation: jkl-show-u0afvau 0.25s ease-out;
3607
+ animation: jkl-show-uixndve 0.25s ease-out;
3608
3608
  }
3609
3609
  .jkl-feedback__buttons {
3610
3610
  display: flex;
@@ -3846,7 +3846,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3846
3846
  --background-color: var(--jkl-color-background-alert-success);
3847
3847
  }
3848
3848
  .jkl-message--dismissed {
3849
- animation: jkl-dismiss-u0afvb0 400ms ease-in-out forwards;
3849
+ animation: jkl-dismiss-uixndw2 400ms ease-in-out forwards;
3850
3850
  transition: visibility 0ms 400ms;
3851
3851
  visibility: hidden;
3852
3852
  }
@@ -3866,7 +3866,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3866
3866
  }
3867
3867
  }
3868
3868
 
3869
- @keyframes jkl-dismiss-u0afvb0 {
3869
+ @keyframes jkl-dismiss-uixndw2 {
3870
3870
  from {
3871
3871
  opacity: 1;
3872
3872
  transform: translate3d(0, 0, 0);
@@ -3922,7 +3922,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3922
3922
  --jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
3923
3923
  }
3924
3924
 
3925
- @keyframes jkl-dot-in-u0afvbb {
3925
+ @keyframes jkl-dot-in-uixndx1 {
3926
3926
  0% {
3927
3927
  transform: scale(0.8);
3928
3928
  }
@@ -3968,7 +3968,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3968
3968
  }
3969
3969
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
3970
3970
  --dot-color: var(--jkl-color-border-action);
3971
- animation: jkl-dot-in-u0afvbb 150ms ease;
3971
+ animation: jkl-dot-in-uixndx1 150ms ease;
3972
3972
  }
3973
3973
  @media screen and (forced-colors: active) {
3974
3974
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
@@ -5059,7 +5059,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5059
5059
  transition-duration: 150ms;
5060
5060
  }
5061
5061
 
5062
- @keyframes jkl-downcount-u0afvbg {
5062
+ @keyframes jkl-downcount-uixndx6 {
5063
5063
  from {
5064
5064
  width: 100%;
5065
5065
  }
@@ -5067,7 +5067,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5067
5067
  width: 0%;
5068
5068
  }
5069
5069
  }
5070
- @keyframes jkl-dot-in-u0afvbv {
5070
+ @keyframes jkl-dot-in-uixndxd {
5071
5071
  0% {
5072
5072
  transform: scale(0.8);
5073
5073
  }
@@ -5115,7 +5115,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5115
5115
  }
5116
5116
  }
5117
5117
  .jkl-radio-panel__input:checked + .jkl-radio-panel__decorator::after {
5118
- animation: jkl-dot-in-u0afvbv 150ms ease;
5118
+ animation: jkl-dot-in-uixndxd 150ms ease;
5119
5119
  }
5120
5120
  .jkl-radio-panel:has(:checked) {
5121
5121
  --radio-dot-color: var(--jkl-color-border-action);
@@ -5327,7 +5327,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5327
5327
  margin-bottom: 0;
5328
5328
  }
5329
5329
  .jkl-system-message--dismissed {
5330
- animation: jkl-dismiss-u0afvc9 400ms ease-in forwards;
5330
+ animation: jkl-dismiss-uixndxm 400ms ease-in forwards;
5331
5331
  transition: visibility 0ms 400ms;
5332
5332
  visibility: hidden;
5333
5333
  }
@@ -5359,7 +5359,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5359
5359
  }
5360
5360
  }
5361
5361
 
5362
- @keyframes jkl-dismiss-u0afvc9 {
5362
+ @keyframes jkl-dismiss-uixndxm {
5363
5363
  from {
5364
5364
  opacity: 1;
5365
5365
  transform: translate3d(0, 0, 0);
@@ -6253,14 +6253,14 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
6253
6253
 
6254
6254
  .jkl-toast[data-animation=entering],
6255
6255
  .jkl-toast[data-animation=queued] {
6256
- animation: jkl-entering-u0afvcp 200ms ease-out forwards;
6256
+ animation: jkl-entering-uixndy5 200ms ease-out forwards;
6257
6257
  }
6258
6258
 
6259
6259
  .jkl-toast[data-animation=exiting] {
6260
- animation: jkl-exiting-u0afvdk 150ms ease-in forwards;
6260
+ animation: jkl-exiting-uixndym 150ms ease-in forwards;
6261
6261
  }
6262
6262
 
6263
- @keyframes jkl-entering-u0afvcp {
6263
+ @keyframes jkl-entering-uixndy5 {
6264
6264
  from {
6265
6265
  opacity: 0;
6266
6266
  transform: translate3d(0, 50%, 0);
@@ -6270,7 +6270,7 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
6270
6270
  transform: translate3d(0, 0, 0);
6271
6271
  }
6272
6272
  }
6273
- @keyframes jkl-exiting-u0afvdk {
6273
+ @keyframes jkl-exiting-uixndym {
6274
6274
  from {
6275
6275
  opacity: 1;
6276
6276
  transform: translate3d(0, 0, 0);