@fremtind/jokul 0.62.0 → 0.62.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 (40) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/select/stories/select.stories.cjs +1 -1
  3. package/build/cjs/components/select/stories/select.stories.cjs.map +1 -1
  4. package/build/es/components/select/stories/select.stories.js +1 -1
  5. package/build/es/components/select/stories/select.stories.js.map +1 -1
  6. package/build/style.css +1 -1
  7. package/package.json +2 -2
  8. package/styles/components/button/button.css +3 -3
  9. package/styles/components/button/button.min.css +1 -1
  10. package/styles/components/checkbox/checkbox.css +4 -4
  11. package/styles/components/checkbox/checkbox.min.css +1 -1
  12. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  13. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  14. package/styles/components/countdown/countdown.css +2 -2
  15. package/styles/components/countdown/countdown.min.css +1 -1
  16. package/styles/components/feedback/feedback.css +2 -2
  17. package/styles/components/feedback/feedback.min.css +1 -1
  18. package/styles/components/input-group/input-group.css +2 -2
  19. package/styles/components/input-group/input-group.min.css +1 -1
  20. package/styles/components/loader/loader.css +6 -6
  21. package/styles/components/loader/loader.min.css +1 -1
  22. package/styles/components/loader/skeleton-loader.css +5 -5
  23. package/styles/components/loader/skeleton-loader.min.css +1 -1
  24. package/styles/components/message/message.css +2 -2
  25. package/styles/components/message/message.min.css +1 -1
  26. package/styles/components/modal/modal.css +3 -3
  27. package/styles/components/modal/modal.min.css +1 -1
  28. package/styles/components/modal/modal.scss +3 -3
  29. package/styles/components/progress-bar/progress-bar.css +1 -1
  30. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  31. package/styles/components/radio-button/radio-button.css +2 -2
  32. package/styles/components/radio-button/radio-button.min.css +1 -1
  33. package/styles/components/radio-panel/radio-panel.css +2 -2
  34. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  35. package/styles/components/system-message/system-message.css +2 -2
  36. package/styles/components/system-message/system-message.min.css +1 -1
  37. package/styles/components/toast/toast.css +4 -4
  38. package/styles/components/toast/toast.min.css +1 -1
  39. package/styles/styles.css +42 -42
  40. package/styles/styles.min.css +1 -1
@@ -185,14 +185,14 @@
185
185
 
186
186
  .jkl-toast[data-animation=entering],
187
187
  .jkl-toast[data-animation=queued] {
188
- animation: jkl-entering-u4sf9rj 200ms ease-out forwards;
188
+ animation: jkl-entering-uugjg3o 200ms ease-out forwards;
189
189
  }
190
190
 
191
191
  .jkl-toast[data-animation=exiting] {
192
- animation: jkl-exiting-u4sf9sd 150ms ease-in forwards;
192
+ animation: jkl-exiting-uugjg3q 150ms ease-in forwards;
193
193
  }
194
194
 
195
- @keyframes jkl-entering-u4sf9rj {
195
+ @keyframes jkl-entering-uugjg3o {
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-u4sf9sd {
205
+ @keyframes jkl-exiting-uugjg3q {
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:transparent;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:transparent;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:transparent;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-u4sf9rj .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-u4sf9sd .15s ease-in forwards}@keyframes jkl-entering-u4sf9rj{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-u4sf9sd{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:transparent;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:transparent;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:transparent;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-uugjg3o .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-uugjg3q .15s ease-in forwards}@keyframes jkl-entering-uugjg3o{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-uugjg3q{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,50%,0)}}
package/styles/styles.css CHANGED
@@ -786,7 +786,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-input-wra
786
786
  --color: var(--jkl-color-text-default);
787
787
  }
788
788
  .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 {
789
- animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-u5jdw2n forwards;
789
+ animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-ujylbo9 forwards;
790
790
  }
791
791
  .jkl-form-support-label--sr-only {
792
792
  border: 0 !important;
@@ -861,7 +861,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-input-wra
861
861
  white-space: nowrap !important; /* 3 */
862
862
  }
863
863
 
864
- @keyframes jkl-support-icon-entrance-u5jdw2n {
864
+ @keyframes jkl-support-icon-entrance-ujylbo9 {
865
865
  0% {
866
866
  margin-right: 0;
867
867
  opacity: 0;
@@ -1120,12 +1120,12 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1120
1120
  initial-value: 0;
1121
1121
  inherits: false;
1122
1122
  }
1123
- @keyframes button-fade-u5jdw39 {
1123
+ @keyframes button-fade-ujylbph {
1124
1124
  from {
1125
1125
  --jkl-button-flash-opacity: 0.5;
1126
1126
  }
1127
1127
  }
1128
- @keyframes button-grow-u5jdw37 {
1128
+ @keyframes button-grow-ujylboz {
1129
1129
  to {
1130
1130
  --jkl-button-flash-radius: 150%;
1131
1131
  }
@@ -1211,7 +1211,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1211
1211
  --hover-opacity: 0.15;
1212
1212
  }
1213
1213
  .jkl-button.jkl-button--pressed {
1214
- animation-name: button-fade-u5jdw39, button-grow-u5jdw37;
1214
+ animation-name: button-fade-ujylbph, button-grow-ujylboz;
1215
1215
  }
1216
1216
  .jkl-button--primary, .jkl-button--secondary, .jkl-button--ghost {
1217
1217
  --border-radius: 999px;
@@ -1249,15 +1249,15 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1249
1249
  animation: 2500ms linear infinite;
1250
1250
  }
1251
1251
  .jkl-loader__dot--left {
1252
- animation-name: jkl-loader-left-spin-u5jdw3y;
1252
+ animation-name: jkl-loader-left-spin-ujylbpp;
1253
1253
  margin-right: 1.71em;
1254
1254
  }
1255
1255
  .jkl-loader__dot--middle {
1256
- animation-name: jkl-loader-middle-spin-u5jdw4d;
1256
+ animation-name: jkl-loader-middle-spin-ujylbq7;
1257
1257
  margin-right: 1.9em;
1258
1258
  }
1259
1259
  .jkl-loader__dot--right {
1260
- animation-name: jkl-loader-right-spin-u5jdw4f;
1260
+ animation-name: jkl-loader-right-spin-ujylbr2;
1261
1261
  }
1262
1262
  @media screen and (forced-colors: active) {
1263
1263
  .jkl-loader__dot {
@@ -1285,7 +1285,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1285
1285
  margin-right: 0.3em;
1286
1286
  }
1287
1287
 
1288
- @keyframes jkl-loader-left-spin-u5jdw3y {
1288
+ @keyframes jkl-loader-left-spin-ujylbpp {
1289
1289
  0% {
1290
1290
  transform: rotate(0) scale(0);
1291
1291
  }
@@ -1299,7 +1299,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1299
1299
  transform: rotate(180deg) scale(0);
1300
1300
  }
1301
1301
  }
1302
- @keyframes jkl-loader-middle-spin-u5jdw4d {
1302
+ @keyframes jkl-loader-middle-spin-ujylbq7 {
1303
1303
  0% {
1304
1304
  transform: rotate(20deg) scale(0);
1305
1305
  }
@@ -1316,7 +1316,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1316
1316
  transform: rotate(200deg) scale(0);
1317
1317
  }
1318
1318
  }
1319
- @keyframes jkl-loader-right-spin-u5jdw4f {
1319
+ @keyframes jkl-loader-right-spin-ujylbr2 {
1320
1320
  0% {
1321
1321
  transform: rotate(40deg) scale(0);
1322
1322
  }
@@ -1364,7 +1364,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1364
1364
  bottom: 0;
1365
1365
  width: 12.5rem;
1366
1366
  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%);
1367
- animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-u5jdw4u;
1367
+ animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-ujylbr3;
1368
1368
  }
1369
1369
  @media (width >= 0) and (max-width: 679px) {
1370
1370
  .jkl-skeleton-animation {
@@ -1395,7 +1395,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1395
1395
  @media screen and (forced-colors: active) {
1396
1396
  .jkl-skeleton-element {
1397
1397
  border: 1px solid CanvasText;
1398
- animation: 2s ease infinite jkl-blink-u5jdw5m;
1398
+ animation: 2s ease infinite jkl-blink-ujylbrm;
1399
1399
  }
1400
1400
  }
1401
1401
 
@@ -1451,11 +1451,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1451
1451
  }
1452
1452
  @media screen and (forced-colors: active) {
1453
1453
  .jkl-skeleton-table {
1454
- animation: 2s ease-in-out infinite jkl-blink-u5jdw5m;
1454
+ animation: 2s ease-in-out infinite jkl-blink-ujylbrm;
1455
1455
  }
1456
1456
  }
1457
1457
 
1458
- @keyframes jkl-sweep-u5jdw4u {
1458
+ @keyframes jkl-sweep-ujylbr3 {
1459
1459
  0% {
1460
1460
  transform: translateX(calc(0vw - 200px));
1461
1461
  }
@@ -1463,7 +1463,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1463
1463
  transform: translateX(calc(100vw + 400px));
1464
1464
  }
1465
1465
  }
1466
- @keyframes jkl-blink-u5jdw5m {
1466
+ @keyframes jkl-blink-ujylbrm {
1467
1467
  0% {
1468
1468
  opacity: 1;
1469
1469
  }
@@ -1927,7 +1927,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
1927
1927
  --jkl-checkbox-line-height: 1.5rem;
1928
1928
  }
1929
1929
 
1930
- @keyframes jkl-checkbox-checked-u5jdw6j {
1930
+ @keyframes jkl-checkbox-checked-ujylbsc {
1931
1931
  0% {
1932
1932
  width: 0;
1933
1933
  height: 0;
@@ -1941,7 +1941,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
1941
1941
  height: 58%;
1942
1942
  }
1943
1943
  }
1944
- @keyframes jkl-checkbox-indeterminate-u5jdw6t {
1944
+ @keyframes jkl-checkbox-indeterminate-ujylbsj {
1945
1945
  0% {
1946
1946
  width: 0;
1947
1947
  }
@@ -1970,11 +1970,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
1970
1970
  left: calc(-0.5 * var(--jkl-checkbox-box-size));
1971
1971
  }
1972
1972
  .jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
1973
- animation: jkl-checkbox-checked-u5jdw6j 150ms ease-in-out forwards;
1973
+ animation: jkl-checkbox-checked-ujylbsc 150ms ease-in-out forwards;
1974
1974
  opacity: 1;
1975
1975
  }
1976
1976
  .jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
1977
- animation: jkl-checkbox-indeterminate-u5jdw6t 150ms ease-in-out forwards;
1977
+ animation: jkl-checkbox-indeterminate-ujylbsj 150ms ease-in-out forwards;
1978
1978
  opacity: 1;
1979
1979
  }
1980
1980
  .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
@@ -2145,7 +2145,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
2145
2145
  --outer-border-thickness: 0.125rem;
2146
2146
  }
2147
2147
 
2148
- @keyframes jkl-checkbox-checked-u5jdw7g {
2148
+ @keyframes jkl-checkbox-checked-ujylbtf {
2149
2149
  0% {
2150
2150
  width: 0;
2151
2151
  height: 0;
@@ -2208,7 +2208,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
2208
2208
  }
2209
2209
  }
2210
2210
  .jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator::after {
2211
- animation: jkl-checkbox-checked-u5jdw7g 150ms ease-in-out forwards;
2211
+ animation: jkl-checkbox-checked-ujylbtf 150ms ease-in-out forwards;
2212
2212
  opacity: 1;
2213
2213
  }
2214
2214
  .jkl-checkbox-panel:has([aria-invalid=true]) {
@@ -2775,7 +2775,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
2775
2775
  --jkl-modal-padding: calc(var(--jkl-unit-10) * 5);
2776
2776
  --jkl-modal-min-width: 13.75rem;
2777
2777
  --jkl-modal-max-width: 41.25rem;
2778
- --jkl-modal-header-margin: 0 0 calc(var(--jkl-unit-10) * 3);
2778
+ --jkl-modal-header-margin: 0 0 calc(var(--jkl-unit-10) * 2);
2779
2779
  --jkl-modal-actions-margin: calc(var(--jkl-unit-10) * 5) 0 0 0;
2780
2780
  }
2781
2781
  @media (width >= 0) and (max-width: 679px) {
@@ -2783,7 +2783,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
2783
2783
  [data-layout-density=comfortable],
2784
2784
  [data-density=comfortable] {
2785
2785
  --jkl-modal-padding: calc(var(--jkl-unit-10) * 4);
2786
- --jkl-modal-header-margin: 0 0 calc(var(--jkl-unit-10) * 2);
2786
+ --jkl-modal-header-margin: 0 0 calc(var(--jkl-unit-10) * 1.5);
2787
2787
  --jkl-modal-actions-margin: calc(var(--jkl-unit-10) * 4) 0 0 0;
2788
2788
  }
2789
2789
  }
@@ -2797,7 +2797,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
2797
2797
  --jkl-modal-title-line-height: var(--jkl-heading-4-line-height);
2798
2798
  --jkl-modal-title-font-weight: var(--jkl-heading-4-font-weight);
2799
2799
  --jkl-modal-padding: calc(var(--jkl-unit-10) * 3);
2800
- --jkl-modal-header-margin: 0 0 calc(var(--jkl-unit-10) * 1.5);
2800
+ --jkl-modal-header-margin: 0 0 0.5rem;
2801
2801
  --jkl-modal-actions-margin: calc(var(--jkl-unit-10) * 3) 0 0 0;
2802
2802
  --jkl-modal-min-width: 13.75rem;
2803
2803
  }
@@ -2904,11 +2904,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
2904
2904
  }
2905
2905
  }
2906
2906
  .jkl-countdown__tracker {
2907
- animation: jkl-downcount-u5jdw8a var(--duration) linear forwards;
2907
+ animation: jkl-downcount-ujylbtk var(--duration) linear forwards;
2908
2908
  animation-play-state: var(--play-state, running);
2909
2909
  }
2910
2910
 
2911
- @keyframes jkl-downcount-u5jdw8a {
2911
+ @keyframes jkl-downcount-ujylbtk {
2912
2912
  from {
2913
2913
  width: 100%;
2914
2914
  }
@@ -3580,7 +3580,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3580
3580
  padding: 1rem 0 2.5rem 0;
3581
3581
  }
3582
3582
 
3583
- @keyframes jkl-show-u5jdw8j {
3583
+ @keyframes jkl-show-ujylbtp {
3584
3584
  from {
3585
3585
  transform: translate3d(0, 0.5rem, 0);
3586
3586
  opacity: 0;
@@ -3615,7 +3615,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3615
3615
  }
3616
3616
  }
3617
3617
  .jkl-feedback__fade-in {
3618
- animation: jkl-show-u5jdw8j 0.25s ease-out;
3618
+ animation: jkl-show-ujylbtp 0.25s ease-out;
3619
3619
  }
3620
3620
  .jkl-feedback__buttons {
3621
3621
  display: flex;
@@ -3857,7 +3857,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3857
3857
  --background-color: var(--jkl-color-background-alert-success);
3858
3858
  }
3859
3859
  .jkl-message--dismissed {
3860
- animation: jkl-dismiss-u5jdw8w 400ms ease-in-out forwards;
3860
+ animation: jkl-dismiss-ujylbtq 400ms ease-in-out forwards;
3861
3861
  transition: visibility 0ms 400ms;
3862
3862
  visibility: hidden;
3863
3863
  }
@@ -3877,7 +3877,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3877
3877
  }
3878
3878
  }
3879
3879
 
3880
- @keyframes jkl-dismiss-u5jdw8w {
3880
+ @keyframes jkl-dismiss-ujylbtq {
3881
3881
  from {
3882
3882
  opacity: 1;
3883
3883
  transform: translate3d(0, 0, 0);
@@ -3933,7 +3933,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3933
3933
  --jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
3934
3934
  }
3935
3935
 
3936
- @keyframes jkl-dot-in-u5jdw9k {
3936
+ @keyframes jkl-dot-in-ujylbu6 {
3937
3937
  0% {
3938
3938
  transform: scale(0.8);
3939
3939
  }
@@ -3979,7 +3979,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3979
3979
  }
3980
3980
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
3981
3981
  --dot-color: var(--jkl-color-border-action);
3982
- animation: jkl-dot-in-u5jdw9k 150ms ease;
3982
+ animation: jkl-dot-in-ujylbu6 150ms ease;
3983
3983
  }
3984
3984
  @media screen and (forced-colors: active) {
3985
3985
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
@@ -5076,7 +5076,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5076
5076
  transition-duration: 150ms;
5077
5077
  }
5078
5078
 
5079
- @keyframes jkl-downcount-u5jdwaf {
5079
+ @keyframes jkl-downcount-ujylbv5 {
5080
5080
  from {
5081
5081
  width: 100%;
5082
5082
  }
@@ -5084,7 +5084,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5084
5084
  width: 0%;
5085
5085
  }
5086
5086
  }
5087
- @keyframes jkl-dot-in-u5jdwar {
5087
+ @keyframes jkl-dot-in-ujylbw3 {
5088
5088
  0% {
5089
5089
  transform: scale(0.8);
5090
5090
  }
@@ -5132,7 +5132,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5132
5132
  }
5133
5133
  }
5134
5134
  .jkl-radio-panel__input:checked + .jkl-radio-panel__decorator::after {
5135
- animation: jkl-dot-in-u5jdwar 150ms ease;
5135
+ animation: jkl-dot-in-ujylbw3 150ms ease;
5136
5136
  }
5137
5137
  .jkl-radio-panel:has(:checked) {
5138
5138
  --radio-dot-color: var(--jkl-color-border-action);
@@ -5344,7 +5344,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5344
5344
  margin-bottom: 0;
5345
5345
  }
5346
5346
  .jkl-system-message--dismissed {
5347
- animation: jkl-dismiss-u5jdwbp 400ms ease-in forwards;
5347
+ animation: jkl-dismiss-ujylbwl 400ms ease-in forwards;
5348
5348
  transition: visibility 0ms 400ms;
5349
5349
  visibility: hidden;
5350
5350
  }
@@ -5376,7 +5376,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5376
5376
  }
5377
5377
  }
5378
5378
 
5379
- @keyframes jkl-dismiss-u5jdwbp {
5379
+ @keyframes jkl-dismiss-ujylbwl {
5380
5380
  from {
5381
5381
  opacity: 1;
5382
5382
  transform: translate3d(0, 0, 0);
@@ -6246,14 +6246,14 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
6246
6246
 
6247
6247
  .jkl-toast[data-animation=entering],
6248
6248
  .jkl-toast[data-animation=queued] {
6249
- animation: jkl-entering-u5jdwcl 200ms ease-out forwards;
6249
+ animation: jkl-entering-ujylbx3 200ms ease-out forwards;
6250
6250
  }
6251
6251
 
6252
6252
  .jkl-toast[data-animation=exiting] {
6253
- animation: jkl-exiting-u5jdwdd 150ms ease-in forwards;
6253
+ animation: jkl-exiting-ujylbxl 150ms ease-in forwards;
6254
6254
  }
6255
6255
 
6256
- @keyframes jkl-entering-u5jdwcl {
6256
+ @keyframes jkl-entering-ujylbx3 {
6257
6257
  from {
6258
6258
  opacity: 0;
6259
6259
  transform: translate3d(0, 50%, 0);
@@ -6263,7 +6263,7 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
6263
6263
  transform: translate3d(0, 0, 0);
6264
6264
  }
6265
6265
  }
6266
- @keyframes jkl-exiting-u5jdwdd {
6266
+ @keyframes jkl-exiting-ujylbxl {
6267
6267
  from {
6268
6268
  opacity: 1;
6269
6269
  transform: translate3d(0, 0, 0);