@fremtind/jokul 0.40.3 → 0.41.1

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 (84) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/cookie-consent/CookieConsent.cjs +1 -1
  3. package/build/cjs/components/cookie-consent/CookieConsent.cjs.map +1 -1
  4. package/build/cjs/components/cookie-consent/CookieConsentContext.cjs +1 -1
  5. package/build/cjs/components/cookie-consent/CookieConsentContext.cjs.map +1 -1
  6. package/build/cjs/components/cookie-consent/CookieConsentContext.d.cts +6 -43
  7. package/build/cjs/components/cookie-consent/RequirementCheckbox.cjs +2 -0
  8. package/build/cjs/components/cookie-consent/RequirementCheckbox.cjs.map +1 -0
  9. package/build/cjs/components/cookie-consent/{consents/RequirementCheckbox.d.cts → RequirementCheckbox.d.cts} +1 -1
  10. package/build/cjs/components/cookie-consent/cookieConsentUtils.cjs +1 -1
  11. package/build/cjs/components/cookie-consent/cookieConsentUtils.cjs.map +1 -1
  12. package/build/cjs/components/cookie-consent/cookieConsentUtils.d.cts +1 -5
  13. package/build/cjs/components/cookie-consent/index.d.cts +2 -2
  14. package/build/cjs/components/cookie-consent/types.d.cts +19 -4
  15. package/build/es/components/cookie-consent/CookieConsent.js +1 -1
  16. package/build/es/components/cookie-consent/CookieConsent.js.map +1 -1
  17. package/build/es/components/cookie-consent/CookieConsentContext.d.ts +6 -43
  18. package/build/es/components/cookie-consent/CookieConsentContext.js +1 -1
  19. package/build/es/components/cookie-consent/CookieConsentContext.js.map +1 -1
  20. package/build/es/components/cookie-consent/{consents/RequirementCheckbox.d.ts → RequirementCheckbox.d.ts} +1 -1
  21. package/build/es/components/cookie-consent/RequirementCheckbox.js +2 -0
  22. package/build/es/components/cookie-consent/RequirementCheckbox.js.map +1 -0
  23. package/build/es/components/cookie-consent/cookieConsentUtils.d.ts +1 -5
  24. package/build/es/components/cookie-consent/cookieConsentUtils.js +1 -1
  25. package/build/es/components/cookie-consent/cookieConsentUtils.js.map +1 -1
  26. package/build/es/components/cookie-consent/index.d.ts +2 -2
  27. package/build/es/components/cookie-consent/types.d.ts +19 -4
  28. package/package.json +2 -2
  29. package/styles/components/button/button.css +2 -2
  30. package/styles/components/button/button.min.css +1 -1
  31. package/styles/components/checkbox/checkbox.css +4 -4
  32. package/styles/components/checkbox/checkbox.min.css +1 -1
  33. package/styles/components/cookie-consent/cookie-consent.css +0 -69
  34. package/styles/components/cookie-consent/cookie-consent.min.css +1 -1
  35. package/styles/components/cookie-consent/cookie-consent.scss +0 -48
  36. package/styles/components/expander/expandable.css +1 -1
  37. package/styles/components/expander/expandable.min.css +1 -1
  38. package/styles/components/expander/expandable.scss +1 -1
  39. package/styles/components/feedback/feedback.css +2 -2
  40. package/styles/components/feedback/feedback.min.css +1 -1
  41. package/styles/components/input-group/input-group.css +2 -2
  42. package/styles/components/input-group/input-group.min.css +1 -1
  43. package/styles/components/input-panel/checkbox-panel.css +2 -2
  44. package/styles/components/input-panel/checkbox-panel.min.css +1 -1
  45. package/styles/components/input-panel/radio-panel.css +2 -2
  46. package/styles/components/input-panel/radio-panel.min.css +1 -1
  47. package/styles/components/loader/loader.css +6 -6
  48. package/styles/components/loader/loader.min.css +1 -1
  49. package/styles/components/loader/skeleton-loader.css +5 -5
  50. package/styles/components/loader/skeleton-loader.min.css +1 -1
  51. package/styles/components/message/message.css +2 -2
  52. package/styles/components/message/message.min.css +1 -1
  53. package/styles/components/progress-bar/progress-bar.css +2 -2
  54. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  55. package/styles/components/radio-button/radio-button.css +2 -2
  56. package/styles/components/radio-button/radio-button.min.css +1 -1
  57. package/styles/components/system-message/system-message.css +2 -2
  58. package/styles/components/system-message/system-message.min.css +1 -1
  59. package/styles/components/toast/toast.css +4 -4
  60. package/styles/components/toast/toast.min.css +1 -1
  61. package/styles/styles.css +38 -107
  62. package/styles/styles.min.css +1 -1
  63. package/build/cjs/components/cookie-consent/CookieConsentModal.cjs +0 -2
  64. package/build/cjs/components/cookie-consent/CookieConsentModal.cjs.map +0 -1
  65. package/build/cjs/components/cookie-consent/CookieConsentModal.d.cts +0 -3
  66. package/build/cjs/components/cookie-consent/consents/CustomConsents.cjs +0 -2
  67. package/build/cjs/components/cookie-consent/consents/CustomConsents.cjs.map +0 -1
  68. package/build/cjs/components/cookie-consent/consents/CustomConsents.d.cts +0 -9
  69. package/build/cjs/components/cookie-consent/consents/DefaultConsents.cjs +0 -2
  70. package/build/cjs/components/cookie-consent/consents/DefaultConsents.cjs.map +0 -1
  71. package/build/cjs/components/cookie-consent/consents/DefaultConsents.d.cts +0 -9
  72. package/build/cjs/components/cookie-consent/consents/RequirementCheckbox.cjs +0 -2
  73. package/build/cjs/components/cookie-consent/consents/RequirementCheckbox.cjs.map +0 -1
  74. package/build/es/components/cookie-consent/CookieConsentModal.d.ts +0 -3
  75. package/build/es/components/cookie-consent/CookieConsentModal.js +0 -2
  76. package/build/es/components/cookie-consent/CookieConsentModal.js.map +0 -1
  77. package/build/es/components/cookie-consent/consents/CustomConsents.d.ts +0 -9
  78. package/build/es/components/cookie-consent/consents/CustomConsents.js +0 -2
  79. package/build/es/components/cookie-consent/consents/CustomConsents.js.map +0 -1
  80. package/build/es/components/cookie-consent/consents/DefaultConsents.d.ts +0 -9
  81. package/build/es/components/cookie-consent/consents/DefaultConsents.js +0 -2
  82. package/build/es/components/cookie-consent/consents/DefaultConsents.js.map +0 -1
  83. package/build/es/components/cookie-consent/consents/RequirementCheckbox.js +0 -2
  84. package/build/es/components/cookie-consent/consents/RequirementCheckbox.js.map +0 -1
@@ -37,11 +37,11 @@
37
37
  }
38
38
 
39
39
  .jkl-countdown__tracker {
40
- animation: jkl-downcount-uipbw73 var(--duration) linear forwards;
40
+ animation: jkl-downcount-u0959z4 var(--duration) linear forwards;
41
41
  animation-play-state: var(--play-state, running);
42
42
  }
43
43
 
44
- @keyframes jkl-downcount-uipbw73 {
44
+ @keyframes jkl-downcount-u0959z4 {
45
45
  from {
46
46
  width: 100%;
47
47
  }
@@ -1 +1 @@
1
- .jkl-countdown,.jkl-progress-bar{--track-color:var(--jkl-color-border-separator);--bar-color:var(--jkl-color-border-input-focus);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker,.jkl-progress-bar__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown,.jkl-progress-bar{background-color:Canvas}.jkl-countdown__tracker,.jkl-progress-bar__tracker{background-color:CanvasText}}.jkl-progress-bar__tracker{transition-duration:.15s;transition-property:width;transition-timing-function:ease}.jkl-countdown__tracker{animation:jkl-downcount-uipbw73 var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-uipbw73{0%{width:100%}to{width:0}}
1
+ .jkl-countdown,.jkl-progress-bar{--track-color:var(--jkl-color-border-separator);--bar-color:var(--jkl-color-border-input-focus);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker,.jkl-progress-bar__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown,.jkl-progress-bar{background-color:Canvas}.jkl-countdown__tracker,.jkl-progress-bar__tracker{background-color:CanvasText}}.jkl-progress-bar__tracker{transition-duration:.15s;transition-property:width;transition-timing-function:ease}.jkl-countdown__tracker{animation:jkl-downcount-u0959z4 var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-u0959z4{0%{width:100%}to{width:0}}
@@ -44,7 +44,7 @@
44
44
  --jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
45
45
  }
46
46
 
47
- @keyframes jkl-dot-in-ucnstex {
47
+ @keyframes jkl-dot-in-uv222f3 {
48
48
  0% {
49
49
  transform: scale(0.8);
50
50
  }
@@ -89,7 +89,7 @@
89
89
  }
90
90
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
91
91
  --dot-color: var(--jkl-color-border-action);
92
- animation: jkl-dot-in-ucnstex 150ms ease;
92
+ animation: jkl-dot-in-uv222f3 150ms ease;
93
93
  }
94
94
  @media screen and (forced-colors: active) {
95
95
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
@@ -1 +1 @@
1
- :root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-radio-button-height:3rem;--jkl-radio-button-line-height:2rem;--jkl-radio-button-size:1.5rem;--jkl-radio-button-text-margin:0.5rem 0;--jkl-radio-button-text-transform:translate3d(0,0.0625rem,0);--jkl-radio-button-dot-margin:0.75rem 0.5rem 0.75rem 0;--jkl-radio-button-dot-size:1rem;--jkl-radio-button-label-font-size:var(--jkl-body-font-size);--jkl-radio-button-label-line-height:var(--jkl-body-line-height);--jkl-radio-button-label-font-weight:var(--jkl-body-font-weight)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-radio-button-height:2.5rem;--jkl-radio-button-line-height:1.75rem;--jkl-radio-button-size:1.5rem;--jkl-radio-button-text-margin:0.5rem 0;--jkl-radio-button-text-transform:translateZ(0);--jkl-radio-button-dot-margin:0.625rem 0.5rem 0.625rem 0;--jkl-radio-button-dot-size:1rem}}[data-density=compact],[data-layout-density=compact]{--jkl-radio-button-height:1.75rem;--jkl-radio-button-line-height:1.5rem;--jkl-radio-button-size:1.125rem;--jkl-radio-button-text-margin:calc(var(--jkl-unit-10)*0.5) 0;--jkl-radio-button-text-transform:translateZ(0);--jkl-radio-button-dot-margin:0.4375rem 0.5rem 0.4375rem 0;--jkl-radio-button-dot-size:0.625rem;--jkl-radio-button-label-font-size:var(--jkl-small-font-size);--jkl-radio-button-label-line-height:var(--jkl-small-line-height);--jkl-radio-button-label-font-weight:var(--jkl-small-font-weight)}@keyframes jkl-dot-in-ucnstex{0%{transform:scale(.8)}to{transform:scale(1)}}.jkl-radio-button{--ring-color:var(--jkl-color-border-action);--dot-color:#0000;--background-color:#0000;--text-color:var(--jkl-color-text-default);border-style:none;color:var(--text-color);display:flex;min-height:var(--jkl-radio-button-height);position:relative}.jkl-radio-button,.jkl-radio-button:active,.jkl-radio-button:focus,.jkl-radio-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-radio-button{border-style:revert}.jkl-radio-button,.jkl-radio-button:active,.jkl-radio-button:focus,.jkl-radio-button:hover{outline:revert;outline-style:revert}}.jkl-radio-button__input{opacity:0;position:absolute;top:-6px}.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-ucnstex .15s ease}@media screen and (forced-colors:active){.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{background-color:ButtonText}}.jkl-radio-button--error .jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{--background-color:var(--jkl-color-background-alert-error);--dot-color:var(--jkl-color-text-on-alert)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color:var(--jkl-color-background-input-focus)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label>.jkl-radio-button__dot{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-radio-button--error .jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color:var(--jkl-color-background-alert-error);--dot-color:var(--jkl-color-text-on-alert)}.jkl-radio-button__label{align-items:flex-start;cursor:pointer;display:flex;font-size:var(--jkl-radio-button-label-font-size);font-weight:var(--jkl-radio-button-label-font-weight);line-height:var(--jkl-radio-button-label-line-height)}.jkl-radio-button__label:hover>.jkl-radio-button__dot{outline:1px solid var(--ring-color)}.jkl-radio-button__label:active>.jkl-radio-button__dot .jkl-radio-button__label:after{scale:.9}.jkl-radio-button__dot{background-color:var(--background-color);border:.0625rem solid var(--ring-color);border-radius:50%;box-sizing:border-box;display:inline-block;flex-shrink:0;height:var(--jkl-radio-button-size);margin:var(--jkl-radio-button-dot-margin);position:relative;transition-duration:.15s;transition-property:background-color,outline;transition-timing-function:ease;width:var(--jkl-radio-button-size)}.jkl-radio-button__dot:after{background-color:var(--dot-color);border-radius:50%;content:"";height:var(--jkl-radio-button-dot-size);left:50%;position:absolute;scale:1;top:50%;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;translate:-50% -50%;width:var(--jkl-radio-button-dot-size)}@media screen and (forced-colors:active){.jkl-radio-button__dot{border:1px solid ButtonText;outline:revert}}.jkl-radio-button__text{display:inline-block;margin:var(--jkl-radio-button-text-margin);transform:var(--jkl-radio-button-text-transform)}.jkl-radio-button--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-radio-button--inline{display:inline-flex;margin-right:1.5rem;margin-top:unset}.jkl-radio-button+.jkl-form-support-label{margin-bottom:.5rem;margin-left:calc(var(--jkl-radio-button-size) + .5rem);margin-top:-.375rem}
1
+ :root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-radio-button-height:3rem;--jkl-radio-button-line-height:2rem;--jkl-radio-button-size:1.5rem;--jkl-radio-button-text-margin:0.5rem 0;--jkl-radio-button-text-transform:translate3d(0,0.0625rem,0);--jkl-radio-button-dot-margin:0.75rem 0.5rem 0.75rem 0;--jkl-radio-button-dot-size:1rem;--jkl-radio-button-label-font-size:var(--jkl-body-font-size);--jkl-radio-button-label-line-height:var(--jkl-body-line-height);--jkl-radio-button-label-font-weight:var(--jkl-body-font-weight)}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-radio-button-height:2.5rem;--jkl-radio-button-line-height:1.75rem;--jkl-radio-button-size:1.5rem;--jkl-radio-button-text-margin:0.5rem 0;--jkl-radio-button-text-transform:translateZ(0);--jkl-radio-button-dot-margin:0.625rem 0.5rem 0.625rem 0;--jkl-radio-button-dot-size:1rem}}[data-density=compact],[data-layout-density=compact]{--jkl-radio-button-height:1.75rem;--jkl-radio-button-line-height:1.5rem;--jkl-radio-button-size:1.125rem;--jkl-radio-button-text-margin:calc(var(--jkl-unit-10)*0.5) 0;--jkl-radio-button-text-transform:translateZ(0);--jkl-radio-button-dot-margin:0.4375rem 0.5rem 0.4375rem 0;--jkl-radio-button-dot-size:0.625rem;--jkl-radio-button-label-font-size:var(--jkl-small-font-size);--jkl-radio-button-label-line-height:var(--jkl-small-line-height);--jkl-radio-button-label-font-weight:var(--jkl-small-font-weight)}@keyframes jkl-dot-in-uv222f3{0%{transform:scale(.8)}to{transform:scale(1)}}.jkl-radio-button{--ring-color:var(--jkl-color-border-action);--dot-color:#0000;--background-color:#0000;--text-color:var(--jkl-color-text-default);border-style:none;color:var(--text-color);display:flex;min-height:var(--jkl-radio-button-height);position:relative}.jkl-radio-button,.jkl-radio-button:active,.jkl-radio-button:focus,.jkl-radio-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-radio-button{border-style:revert}.jkl-radio-button,.jkl-radio-button:active,.jkl-radio-button:focus,.jkl-radio-button:hover{outline:revert;outline-style:revert}}.jkl-radio-button__input{opacity:0;position:absolute;top:-6px}.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-uv222f3 .15s ease}@media screen and (forced-colors:active){.jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{background-color:ButtonText}}.jkl-radio-button--error .jkl-radio-button__input:checked+.jkl-radio-button__label>.jkl-radio-button__dot:after{--background-color:var(--jkl-color-background-alert-error);--dot-color:var(--jkl-color-text-on-alert)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color:var(--jkl-color-background-input-focus)}.jkl-radio-button__input:focus-visible+.jkl-radio-button__label>.jkl-radio-button__dot{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-radio-button--error .jkl-radio-button__input:focus-visible+.jkl-radio-button__label{--background-color:var(--jkl-color-background-alert-error);--dot-color:var(--jkl-color-text-on-alert)}.jkl-radio-button__label{align-items:flex-start;cursor:pointer;display:flex;font-size:var(--jkl-radio-button-label-font-size);font-weight:var(--jkl-radio-button-label-font-weight);line-height:var(--jkl-radio-button-label-line-height)}.jkl-radio-button__label:hover>.jkl-radio-button__dot{outline:1px solid var(--ring-color)}.jkl-radio-button__label:active>.jkl-radio-button__dot .jkl-radio-button__label:after{scale:.9}.jkl-radio-button__dot{background-color:var(--background-color);border:.0625rem solid var(--ring-color);border-radius:50%;box-sizing:border-box;display:inline-block;flex-shrink:0;height:var(--jkl-radio-button-size);margin:var(--jkl-radio-button-dot-margin);position:relative;transition-duration:.15s;transition-property:background-color,outline;transition-timing-function:ease;width:var(--jkl-radio-button-size)}.jkl-radio-button__dot:after{background-color:var(--dot-color);border-radius:50%;content:"";height:var(--jkl-radio-button-dot-size);left:50%;position:absolute;scale:1;top:50%;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;translate:-50% -50%;width:var(--jkl-radio-button-dot-size)}@media screen and (forced-colors:active){.jkl-radio-button__dot{border:1px solid ButtonText;outline:revert}}.jkl-radio-button__text{display:inline-block;margin:var(--jkl-radio-button-text-margin);transform:var(--jkl-radio-button-text-transform)}.jkl-radio-button--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-radio-button--inline{display:inline-flex;margin-right:1.5rem;margin-top:unset}.jkl-radio-button+.jkl-form-support-label{margin-bottom:.5rem;margin-left:calc(var(--jkl-radio-button-size) + .5rem);margin-top:-.375rem}
@@ -144,7 +144,7 @@
144
144
  margin-bottom: 0;
145
145
  }
146
146
  .jkl-system-message--dismissed {
147
- animation: jkl-dismiss-uqar72t 400ms ease-in forwards;
147
+ animation: jkl-dismiss-uwvx0f5 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-uqar72t {
179
+ @keyframes jkl-dismiss-uwvx0f5 {
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-uqar72t .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-uqar72t{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-uwvx0f5 .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-uwvx0f5{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}
@@ -185,14 +185,14 @@
185
185
 
186
186
  .jkl-toast[data-animation=entering],
187
187
  .jkl-toast[data-animation=queued] {
188
- animation: jkl-entering-u88xv8b 200ms ease-out forwards;
188
+ animation: jkl-entering-u77jx00 200ms ease-out forwards;
189
189
  }
190
190
 
191
191
  .jkl-toast[data-animation=exiting] {
192
- animation: jkl-exiting-u88xv8w 150ms ease-in forwards;
192
+ animation: jkl-exiting-u77jx0b 150ms ease-in forwards;
193
193
  }
194
194
 
195
- @keyframes jkl-entering-u88xv8b {
195
+ @keyframes jkl-entering-u77jx00 {
196
196
  from {
197
197
  opacity: 0;
198
198
  transform: translate3d(0, 50%, 0);
@@ -202,7 +202,7 @@
202
202
  transform: translate3d(0, 0, 0);
203
203
  }
204
204
  }
205
- @keyframes jkl-exiting-u88xv8w {
205
+ @keyframes jkl-exiting-u77jx0b {
206
206
  from {
207
207
  opacity: 1;
208
208
  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;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;grid-template-areas:"progress progress progress" "icon content dismiss";grid-template-columns:auto 1fr auto}@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__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-u88xv8b .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-u88xv8w .15s ease-in forwards}@keyframes jkl-entering-u88xv8b{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-u88xv8w{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;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;grid-template-areas:"progress progress progress" "icon content dismiss";grid-template-columns:auto 1fr auto}@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__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-u77jx00 .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-u77jx0b .15s ease-in forwards}@keyframes jkl-entering-u77jx00{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-u77jx0b{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,50%,0)}}
package/styles/styles.css CHANGED
@@ -1102,7 +1102,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-area__tex
1102
1102
  --color: var(--jkl-color-text-default);
1103
1103
  }
1104
1104
  .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 {
1105
- animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uw6hwod forwards;
1105
+ animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uyaxyfn forwards;
1106
1106
  }
1107
1107
  .jkl-form-support-label--sr-only {
1108
1108
  border: 0 !important;
@@ -1177,7 +1177,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-area__tex
1177
1177
  white-space: nowrap !important; /* 3 */
1178
1178
  }
1179
1179
 
1180
- @keyframes jkl-support-icon-entrance-uw6hwod {
1180
+ @keyframes jkl-support-icon-entrance-uyaxyfn {
1181
1181
  0% {
1182
1182
  margin-right: 0;
1183
1183
  opacity: 0;
@@ -1589,7 +1589,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1589
1589
  opacity: 0.15;
1590
1590
  }
1591
1591
  html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
1592
- animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-uw6hwof;
1592
+ animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-uyaxyg3;
1593
1593
  }
1594
1594
  .jkl-button--primary, .jkl-button--secondary, .jkl-button--ghost {
1595
1595
  --border-radius: 999px;
@@ -1631,7 +1631,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
1631
1631
  --background-color: var(--jkl-color-background-interactive-hover);
1632
1632
  }
1633
1633
 
1634
- @keyframes jkl-tertiary-flash-uw6hwof {
1634
+ @keyframes jkl-tertiary-flash-uyaxyg3 {
1635
1635
  0% {
1636
1636
  opacity: 0.5;
1637
1637
  scale: 1;
@@ -1656,15 +1656,15 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
1656
1656
  animation: 2500ms linear infinite;
1657
1657
  }
1658
1658
  .jkl-loader__dot--left {
1659
- animation-name: jkl-loader-left-spin-uw6hwoi;
1659
+ animation-name: jkl-loader-left-spin-uyaxygj;
1660
1660
  margin-right: 1.71em;
1661
1661
  }
1662
1662
  .jkl-loader__dot--middle {
1663
- animation-name: jkl-loader-middle-spin-uw6hwom;
1663
+ animation-name: jkl-loader-middle-spin-uyaxyha;
1664
1664
  margin-right: 1.9em;
1665
1665
  }
1666
1666
  .jkl-loader__dot--right {
1667
- animation-name: jkl-loader-right-spin-uw6hwp7;
1667
+ animation-name: jkl-loader-right-spin-uyaxyhm;
1668
1668
  }
1669
1669
  @media screen and (forced-colors: active) {
1670
1670
  .jkl-loader__dot {
@@ -1692,7 +1692,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
1692
1692
  margin-right: 0.3em;
1693
1693
  }
1694
1694
 
1695
- @keyframes jkl-loader-left-spin-uw6hwoi {
1695
+ @keyframes jkl-loader-left-spin-uyaxygj {
1696
1696
  0% {
1697
1697
  transform: rotate(0) scale(0);
1698
1698
  }
@@ -1706,7 +1706,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
1706
1706
  transform: rotate(180deg) scale(0);
1707
1707
  }
1708
1708
  }
1709
- @keyframes jkl-loader-middle-spin-uw6hwom {
1709
+ @keyframes jkl-loader-middle-spin-uyaxyha {
1710
1710
  0% {
1711
1711
  transform: rotate(20deg) scale(0);
1712
1712
  }
@@ -1723,7 +1723,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
1723
1723
  transform: rotate(200deg) scale(0);
1724
1724
  }
1725
1725
  }
1726
- @keyframes jkl-loader-right-spin-uw6hwp7 {
1726
+ @keyframes jkl-loader-right-spin-uyaxyhm {
1727
1727
  0% {
1728
1728
  transform: rotate(40deg) scale(0);
1729
1729
  }
@@ -1771,7 +1771,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
1771
1771
  bottom: 0;
1772
1772
  width: 12.5rem;
1773
1773
  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%);
1774
- animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uw6hwpp;
1774
+ animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uyaxyi6;
1775
1775
  }
1776
1776
  @media (width >= 0) and (max-width: 679px) {
1777
1777
  .jkl-skeleton-animation {
@@ -1802,7 +1802,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
1802
1802
  @media screen and (forced-colors: active) {
1803
1803
  .jkl-skeleton-element {
1804
1804
  border: 1px solid CanvasText;
1805
- animation: 2s ease infinite jkl-blink-uw6hwq4;
1805
+ animation: 2s ease infinite jkl-blink-uyaxyii;
1806
1806
  }
1807
1807
  }
1808
1808
 
@@ -1858,11 +1858,11 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
1858
1858
  }
1859
1859
  @media screen and (forced-colors: active) {
1860
1860
  .jkl-skeleton-table {
1861
- animation: 2s ease-in-out infinite jkl-blink-uw6hwq4;
1861
+ animation: 2s ease-in-out infinite jkl-blink-uyaxyii;
1862
1862
  }
1863
1863
  }
1864
1864
 
1865
- @keyframes jkl-sweep-uw6hwpp {
1865
+ @keyframes jkl-sweep-uyaxyi6 {
1866
1866
  0% {
1867
1867
  transform: translateX(calc(0vw - 200px));
1868
1868
  }
@@ -1870,7 +1870,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
1870
1870
  transform: translateX(calc(100vw + 400px));
1871
1871
  }
1872
1872
  }
1873
- @keyframes jkl-blink-uw6hwq4 {
1873
+ @keyframes jkl-blink-uyaxyii {
1874
1874
  0% {
1875
1875
  opacity: 1;
1876
1876
  }
@@ -2334,7 +2334,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
2334
2334
  --jkl-checkbox-line-height: 1.5rem;
2335
2335
  }
2336
2336
 
2337
- @keyframes jkl-checkbox-checked-uw6hwqx {
2337
+ @keyframes jkl-checkbox-checked-uyaxyik {
2338
2338
  0% {
2339
2339
  width: 0;
2340
2340
  height: 0;
@@ -2348,7 +2348,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
2348
2348
  height: 58%;
2349
2349
  }
2350
2350
  }
2351
- @keyframes jkl-checkbox-indeterminate-uw6hwrq {
2351
+ @keyframes jkl-checkbox-indeterminate-uyaxyiy {
2352
2352
  0% {
2353
2353
  width: 0;
2354
2354
  }
@@ -2376,11 +2376,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
2376
2376
  top: -6px;
2377
2377
  }
2378
2378
  .jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
2379
- animation: jkl-checkbox-checked-uw6hwqx 150ms ease-in-out forwards;
2379
+ animation: jkl-checkbox-checked-uyaxyik 150ms ease-in-out forwards;
2380
2380
  opacity: 1;
2381
2381
  }
2382
2382
  .jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
2383
- animation: jkl-checkbox-indeterminate-uw6hwrq 150ms ease-in-out forwards;
2383
+ animation: jkl-checkbox-indeterminate-uyaxyiy 150ms ease-in-out forwards;
2384
2384
  opacity: 1;
2385
2385
  }
2386
2386
  .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
@@ -2930,52 +2930,6 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
2930
2930
  inset: 0;
2931
2931
  transition: 0.2s;
2932
2932
  }
2933
- .jkl-cookie-consent-modal__content {
2934
- z-index: 10000 !important;
2935
- position: fixed;
2936
- margin: auto;
2937
- top: 10%;
2938
- max-height: 80vh;
2939
- overflow-y: auto;
2940
- box-sizing: border-box;
2941
- left: 0;
2942
- right: 0;
2943
- width: 100%;
2944
- padding: calc(var(--jkl-unit-10) * 5) calc(var(--jkl-unit-10) * 5) 1.875rem calc(var(--jkl-unit-10) * 5);
2945
- min-width: 20rem;
2946
- max-width: 41.25rem;
2947
- background-color: var(--jkl-background-color);
2948
- box-shadow: 0.25rem 0.375rem 1rem rgba(0, 0, 0, 0.15);
2949
- transition: 0.2s;
2950
- font-size: 1.125rem;
2951
- line-height: 1.75rem;
2952
- font-weight: 400;
2953
- --jkl-icon-weight: 300;
2954
- }
2955
- @media (min-width: 680px) {
2956
- .jkl-cookie-consent-modal__content {
2957
- font-size: 1.25rem;
2958
- line-height: 2rem;
2959
- font-weight: 400;
2960
- --jkl-icon-weight: 300;
2961
- }
2962
- }
2963
- @media (width >= 0) and (max-width: 679px) {
2964
- .jkl-cookie-consent-modal__content {
2965
- top: calc(var(--jkl-unit-10) * 5);
2966
- margin: calc(var(--jkl-unit-10) * 3);
2967
- max-width: calc(100% - calc(var(--jkl-unit-10) * 3) - calc(var(--jkl-unit-10) * 3));
2968
- padding: calc(var(--jkl-unit-10) * 3);
2969
- }
2970
- }
2971
- @media screen and (forced-colors: active) {
2972
- .jkl-cookie-consent-modal__content {
2973
- border: 2px solid CanvasText;
2974
- }
2975
- }
2976
- .jkl-cookie-consent-modal__checklist.jkl-list {
2977
- margin-block: calc(var(--jkl-unit-10) * 2);
2978
- }
2979
2933
  .jkl-cookie-consent-modal__info-text {
2980
2934
  font-size: 1rem;
2981
2935
  line-height: 1.5rem;
@@ -2984,33 +2938,10 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
2984
2938
  --jkl-icon-size: 1.25rem;
2985
2939
  --jkl-icon-opsz: 20;
2986
2940
  }
2987
- .jkl-cookie-consent-modal__header {
2988
- margin-bottom: calc(var(--jkl-unit-10) * 3);
2989
- font-size: 1.3125rem;
2990
- line-height: 1.75rem;
2991
- font-weight: 700;
2992
- --jkl-icon-weight: 500;
2993
- --jkl-icon-size: 1.2em;
2994
- }
2995
- @media (min-width: 680px) {
2996
- .jkl-cookie-consent-modal__header {
2997
- font-size: 1.5625rem;
2998
- line-height: 2rem;
2999
- font-weight: 700;
3000
- --jkl-icon-weight: 500;
3001
- --jkl-icon-size: 1.2em;
3002
- }
3003
- }
3004
2941
  .jkl-cookie-consent-modal__checkbox {
3005
2942
  margin-bottom: 0.5rem;
3006
2943
  margin-top: calc(var(--jkl-unit-10) * 3);
3007
2944
  }
3008
- .jkl-cookie-consent-modal__button-group {
3009
- margin-top: calc(var(--jkl-unit-10) * 5);
3010
- }
3011
- .jkl-cookie-consent-modal__button-group > :not(:first-child) {
3012
- margin-left: calc(var(--jkl-unit-10) * 3);
3013
- }
3014
2945
 
3015
2946
  /*
3016
2947
  * NOTE: These icon also exists as a copy in the jkl-icons-react package.
@@ -3665,7 +3596,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3665
3596
  }
3666
3597
  @media (hover: hover) {
3667
3598
  .jkl-expander:hover {
3668
- background-color: var(--jkl-color-background-interactive-hover);
3599
+ background-color: var(--jkl-color-background-interactive-selected);
3669
3600
  }
3670
3601
  }
3671
3602
  .jkl-expander {
@@ -3768,7 +3699,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3768
3699
  padding: 1rem 0 2.5rem 0;
3769
3700
  }
3770
3701
 
3771
- @keyframes jkl-show-uw6hwrs {
3702
+ @keyframes jkl-show-uyaxyjj {
3772
3703
  from {
3773
3704
  transform: translate3d(0, 0.5rem, 0);
3774
3705
  opacity: 0;
@@ -3803,7 +3734,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3803
3734
  }
3804
3735
  }
3805
3736
  .jkl-feedback__fade-in {
3806
- animation: jkl-show-uw6hwrs 0.25s ease-out;
3737
+ animation: jkl-show-uyaxyjj 0.25s ease-out;
3807
3738
  }
3808
3739
  .jkl-feedback__buttons {
3809
3740
  display: flex;
@@ -4045,7 +3976,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
4045
3976
  --background-color: var(--jkl-color-background-alert-success);
4046
3977
  }
4047
3978
  .jkl-message--dismissed {
4048
- animation: jkl-dismiss-uw6hws4 400ms ease-in-out forwards;
3979
+ animation: jkl-dismiss-uyaxykd 400ms ease-in-out forwards;
4049
3980
  transition: visibility 0ms 400ms;
4050
3981
  visibility: hidden;
4051
3982
  }
@@ -4065,7 +3996,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
4065
3996
  }
4066
3997
  }
4067
3998
 
4068
- @keyframes jkl-dismiss-uw6hws4 {
3999
+ @keyframes jkl-dismiss-uyaxykd {
4069
4000
  from {
4070
4001
  opacity: 1;
4071
4002
  transform: translate3d(0, 0, 0);
@@ -4121,7 +4052,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
4121
4052
  --jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
4122
4053
  }
4123
4054
 
4124
- @keyframes jkl-dot-in-uw6hwsx {
4055
+ @keyframes jkl-dot-in-uyaxykk {
4125
4056
  0% {
4126
4057
  transform: scale(0.8);
4127
4058
  }
@@ -4166,7 +4097,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
4166
4097
  }
4167
4098
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
4168
4099
  --dot-color: var(--jkl-color-border-action);
4169
- animation: jkl-dot-in-uw6hwsx 150ms ease;
4100
+ animation: jkl-dot-in-uyaxykk 150ms ease;
4170
4101
  }
4171
4102
  @media screen and (forced-colors: active) {
4172
4103
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
@@ -4318,7 +4249,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
4318
4249
  --outer-border-thickness: 0.125rem;
4319
4250
  }
4320
4251
 
4321
- @keyframes jkl-dot-in-uw6hwt1 {
4252
+ @keyframes jkl-dot-in-uyaxyl2 {
4322
4253
  0% {
4323
4254
  transform: scale(0.8);
4324
4255
  }
@@ -4366,7 +4297,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
4366
4297
  }
4367
4298
  }
4368
4299
  .jkl-radio-panel__input:checked + .jkl-radio-panel__decorator::after {
4369
- animation: jkl-dot-in-uw6hwt1 150ms ease;
4300
+ animation: jkl-dot-in-uyaxyl2 150ms ease;
4370
4301
  }
4371
4302
  .jkl-radio-panel:has(:checked) {
4372
4303
  --radio-dot-color: var(--jkl-color-border-action);
@@ -4378,7 +4309,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
4378
4309
  --radio-dot-color: var(--jkl-color-text-on-alert);
4379
4310
  }
4380
4311
 
4381
- @keyframes jkl-checkbox-checked-uw6hwt8 {
4312
+ @keyframes jkl-checkbox-checked-uyaxylm {
4382
4313
  0% {
4383
4314
  width: 0;
4384
4315
  height: 0;
@@ -4441,7 +4372,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
4441
4372
  }
4442
4373
  }
4443
4374
  .jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator::after {
4444
- animation: jkl-checkbox-checked-uw6hwt8 150ms ease-in-out forwards;
4375
+ animation: jkl-checkbox-checked-uyaxylm 150ms ease-in-out forwards;
4445
4376
  opacity: 1;
4446
4377
  }
4447
4378
  .jkl-checkbox-panel:has([aria-invalid=true]) {
@@ -5227,11 +5158,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5227
5158
  }
5228
5159
 
5229
5160
  .jkl-countdown__tracker {
5230
- animation: jkl-downcount-uw6hwty var(--duration) linear forwards;
5161
+ animation: jkl-downcount-uyaxym0 var(--duration) linear forwards;
5231
5162
  animation-play-state: var(--play-state, running);
5232
5163
  }
5233
5164
 
5234
- @keyframes jkl-downcount-uw6hwty {
5165
+ @keyframes jkl-downcount-uyaxym0 {
5235
5166
  from {
5236
5167
  width: 100%;
5237
5168
  }
@@ -5439,7 +5370,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5439
5370
  margin-bottom: 0;
5440
5371
  }
5441
5372
  .jkl-system-message--dismissed {
5442
- animation: jkl-dismiss-uw6hwu9 400ms ease-in forwards;
5373
+ animation: jkl-dismiss-uyaxym9 400ms ease-in forwards;
5443
5374
  transition: visibility 0ms 400ms;
5444
5375
  visibility: hidden;
5445
5376
  }
@@ -5471,7 +5402,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5471
5402
  }
5472
5403
  }
5473
5404
 
5474
- @keyframes jkl-dismiss-uw6hwu9 {
5405
+ @keyframes jkl-dismiss-uyaxym9 {
5475
5406
  from {
5476
5407
  opacity: 1;
5477
5408
  transform: translate3d(0, 0, 0);
@@ -6341,14 +6272,14 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
6341
6272
 
6342
6273
  .jkl-toast[data-animation=entering],
6343
6274
  .jkl-toast[data-animation=queued] {
6344
- animation: jkl-entering-uw6hwub 200ms ease-out forwards;
6275
+ animation: jkl-entering-uyaxyn0 200ms ease-out forwards;
6345
6276
  }
6346
6277
 
6347
6278
  .jkl-toast[data-animation=exiting] {
6348
- animation: jkl-exiting-uw6hwv7 150ms ease-in forwards;
6279
+ animation: jkl-exiting-uyaxyne 150ms ease-in forwards;
6349
6280
  }
6350
6281
 
6351
- @keyframes jkl-entering-uw6hwub {
6282
+ @keyframes jkl-entering-uyaxyn0 {
6352
6283
  from {
6353
6284
  opacity: 0;
6354
6285
  transform: translate3d(0, 50%, 0);
@@ -6358,7 +6289,7 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
6358
6289
  transform: translate3d(0, 0, 0);
6359
6290
  }
6360
6291
  }
6361
- @keyframes jkl-exiting-uw6hwv7 {
6292
+ @keyframes jkl-exiting-uyaxyne {
6362
6293
  from {
6363
6294
  opacity: 1;
6364
6295
  transform: translate3d(0, 0, 0);