@fremtind/jokul 0.68.2 → 0.68.3

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 (31) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/style.css +1 -1
  3. package/package.json +7 -3
  4. package/styles/components/checkbox/checkbox.css +4 -4
  5. package/styles/components/checkbox/checkbox.min.css +1 -1
  6. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  7. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  8. package/styles/components/countdown/countdown.css +2 -2
  9. package/styles/components/countdown/countdown.min.css +1 -1
  10. package/styles/components/feedback/feedback.css +2 -2
  11. package/styles/components/feedback/feedback.min.css +1 -1
  12. package/styles/components/input-group/input-group.css +2 -2
  13. package/styles/components/input-group/input-group.min.css +1 -1
  14. package/styles/components/loader/loader.css +6 -6
  15. package/styles/components/loader/loader.min.css +1 -1
  16. package/styles/components/loader/skeleton-loader.css +5 -5
  17. package/styles/components/loader/skeleton-loader.min.css +1 -1
  18. package/styles/components/message/message.css +2 -2
  19. package/styles/components/message/message.min.css +1 -1
  20. package/styles/components/progress-bar/progress-bar.css +1 -1
  21. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  22. package/styles/components/radio-button/radio-button.css +2 -2
  23. package/styles/components/radio-button/radio-button.min.css +1 -1
  24. package/styles/components/radio-panel/radio-panel.css +2 -2
  25. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  26. package/styles/components/system-message/system-message.css +2 -2
  27. package/styles/components/system-message/system-message.min.css +1 -1
  28. package/styles/components/toast/toast.css +4 -4
  29. package/styles/components/toast/toast.min.css +1 -1
  30. package/styles/styles.css +36 -36
  31. package/styles/styles.min.css +1 -1
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-ux4qx27 forwards;
786
+ animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uj06eln 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-ux4qx27 {
861
+ @keyframes jkl-support-icon-entrance-uj06eln {
862
862
  0% {
863
863
  margin-right: 0;
864
864
  opacity: 0;
@@ -1240,15 +1240,15 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1240
1240
  animation: 2500ms linear infinite;
1241
1241
  }
1242
1242
  .jkl-loader__dot--left {
1243
- animation-name: jkl-loader-left-spin-ux4qx2h;
1243
+ animation-name: jkl-loader-left-spin-uj06em5;
1244
1244
  margin-right: 1.71em;
1245
1245
  }
1246
1246
  .jkl-loader__dot--middle {
1247
- animation-name: jkl-loader-middle-spin-ux4qx2y;
1247
+ animation-name: jkl-loader-middle-spin-uj06emw;
1248
1248
  margin-right: 1.9em;
1249
1249
  }
1250
1250
  .jkl-loader__dot--right {
1251
- animation-name: jkl-loader-right-spin-ux4qx3h;
1251
+ animation-name: jkl-loader-right-spin-uj06enu;
1252
1252
  }
1253
1253
  @media screen and (forced-colors: active) {
1254
1254
  .jkl-loader__dot {
@@ -1276,7 +1276,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1276
1276
  margin-right: 0.3em;
1277
1277
  }
1278
1278
 
1279
- @keyframes jkl-loader-left-spin-ux4qx2h {
1279
+ @keyframes jkl-loader-left-spin-uj06em5 {
1280
1280
  0% {
1281
1281
  transform: rotate(0) scale(0);
1282
1282
  }
@@ -1290,7 +1290,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1290
1290
  transform: rotate(180deg) scale(0);
1291
1291
  }
1292
1292
  }
1293
- @keyframes jkl-loader-middle-spin-ux4qx2y {
1293
+ @keyframes jkl-loader-middle-spin-uj06emw {
1294
1294
  0% {
1295
1295
  transform: rotate(20deg) scale(0);
1296
1296
  }
@@ -1307,7 +1307,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1307
1307
  transform: rotate(200deg) scale(0);
1308
1308
  }
1309
1309
  }
1310
- @keyframes jkl-loader-right-spin-ux4qx3h {
1310
+ @keyframes jkl-loader-right-spin-uj06enu {
1311
1311
  0% {
1312
1312
  transform: rotate(40deg) scale(0);
1313
1313
  }
@@ -1355,7 +1355,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1355
1355
  bottom: 0;
1356
1356
  width: 12.5rem;
1357
1357
  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%);
1358
- animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-ux4qx3q;
1358
+ animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uj06eoa;
1359
1359
  }
1360
1360
  @media (width >= 0) and (max-width: 679px) {
1361
1361
  .jkl-skeleton-animation {
@@ -1386,7 +1386,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1386
1386
  @media screen and (forced-colors: active) {
1387
1387
  .jkl-skeleton-element {
1388
1388
  border: 1px solid CanvasText;
1389
- animation: 2s ease infinite jkl-blink-ux4qx41;
1389
+ animation: 2s ease infinite jkl-blink-uj06ep3;
1390
1390
  }
1391
1391
  }
1392
1392
 
@@ -1442,11 +1442,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1442
1442
  }
1443
1443
  @media screen and (forced-colors: active) {
1444
1444
  .jkl-skeleton-table {
1445
- animation: 2s ease-in-out infinite jkl-blink-ux4qx41;
1445
+ animation: 2s ease-in-out infinite jkl-blink-uj06ep3;
1446
1446
  }
1447
1447
  }
1448
1448
 
1449
- @keyframes jkl-sweep-ux4qx3q {
1449
+ @keyframes jkl-sweep-uj06eoa {
1450
1450
  0% {
1451
1451
  transform: translateX(calc(0vw - 200px));
1452
1452
  }
@@ -1454,7 +1454,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
1454
1454
  transform: translateX(calc(100vw + 400px));
1455
1455
  }
1456
1456
  }
1457
- @keyframes jkl-blink-ux4qx41 {
1457
+ @keyframes jkl-blink-uj06ep3 {
1458
1458
  0% {
1459
1459
  opacity: 1;
1460
1460
  }
@@ -1918,7 +1918,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
1918
1918
  --jkl-checkbox-line-height: 1.5rem;
1919
1919
  }
1920
1920
 
1921
- @keyframes jkl-checkbox-checked-ux4qx51 {
1921
+ @keyframes jkl-checkbox-checked-uj06epr {
1922
1922
  0% {
1923
1923
  width: 0;
1924
1924
  height: 0;
@@ -1932,7 +1932,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
1932
1932
  height: 58%;
1933
1933
  }
1934
1934
  }
1935
- @keyframes jkl-checkbox-indeterminate-ux4qx5c {
1935
+ @keyframes jkl-checkbox-indeterminate-uj06epv {
1936
1936
  0% {
1937
1937
  width: 0;
1938
1938
  }
@@ -1961,11 +1961,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
1961
1961
  left: calc(-0.5 * var(--jkl-checkbox-box-size));
1962
1962
  }
1963
1963
  .jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
1964
- animation: jkl-checkbox-checked-ux4qx51 150ms ease-in-out forwards;
1964
+ animation: jkl-checkbox-checked-uj06epr 150ms ease-in-out forwards;
1965
1965
  opacity: 1;
1966
1966
  }
1967
1967
  .jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
1968
- animation: jkl-checkbox-indeterminate-ux4qx5c 150ms ease-in-out forwards;
1968
+ animation: jkl-checkbox-indeterminate-uj06epv 150ms ease-in-out forwards;
1969
1969
  opacity: 1;
1970
1970
  }
1971
1971
  .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
@@ -2136,7 +2136,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
2136
2136
  --outer-border-thickness: 0.125rem;
2137
2137
  }
2138
2138
 
2139
- @keyframes jkl-checkbox-checked-ux4qx5w {
2139
+ @keyframes jkl-checkbox-checked-uj06eqr {
2140
2140
  0% {
2141
2141
  width: 0;
2142
2142
  height: 0;
@@ -2199,7 +2199,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
2199
2199
  }
2200
2200
  }
2201
2201
  .jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator::after {
2202
- animation: jkl-checkbox-checked-ux4qx5w 150ms ease-in-out forwards;
2202
+ animation: jkl-checkbox-checked-uj06eqr 150ms ease-in-out forwards;
2203
2203
  opacity: 1;
2204
2204
  }
2205
2205
  .jkl-checkbox-panel:has([aria-invalid=true]) {
@@ -2892,11 +2892,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
2892
2892
  }
2893
2893
  }
2894
2894
  .jkl-countdown__tracker {
2895
- animation: jkl-downcount-ux4qx68 var(--duration) linear forwards;
2895
+ animation: jkl-downcount-uj06er5 var(--duration) linear forwards;
2896
2896
  animation-play-state: var(--play-state, running);
2897
2897
  }
2898
2898
 
2899
- @keyframes jkl-downcount-ux4qx68 {
2899
+ @keyframes jkl-downcount-uj06er5 {
2900
2900
  from {
2901
2901
  width: 100%;
2902
2902
  }
@@ -3568,7 +3568,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3568
3568
  padding: 1rem 0 2.5rem 0;
3569
3569
  }
3570
3570
 
3571
- @keyframes jkl-show-ux4qx73 {
3571
+ @keyframes jkl-show-uj06erc {
3572
3572
  from {
3573
3573
  transform: translate3d(0, 0.5rem, 0);
3574
3574
  opacity: 0;
@@ -3603,7 +3603,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
3603
3603
  }
3604
3604
  }
3605
3605
  .jkl-feedback__fade-in {
3606
- animation: jkl-show-ux4qx73 0.25s ease-out;
3606
+ animation: jkl-show-uj06erc 0.25s ease-out;
3607
3607
  }
3608
3608
  .jkl-feedback__buttons {
3609
3609
  display: flex;
@@ -3845,7 +3845,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3845
3845
  --background-color: var(--jkl-color-background-alert-success);
3846
3846
  }
3847
3847
  .jkl-message--dismissed {
3848
- animation: jkl-dismiss-ux4qx7k 400ms ease-in-out forwards;
3848
+ animation: jkl-dismiss-uj06erv 400ms ease-in-out forwards;
3849
3849
  transition: visibility 0ms 400ms;
3850
3850
  visibility: hidden;
3851
3851
  }
@@ -3865,7 +3865,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3865
3865
  }
3866
3866
  }
3867
3867
 
3868
- @keyframes jkl-dismiss-ux4qx7k {
3868
+ @keyframes jkl-dismiss-uj06erv {
3869
3869
  from {
3870
3870
  opacity: 1;
3871
3871
  transform: translate3d(0, 0, 0);
@@ -3921,7 +3921,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3921
3921
  --jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
3922
3922
  }
3923
3923
 
3924
- @keyframes jkl-dot-in-ux4qx88 {
3924
+ @keyframes jkl-dot-in-uj06es2 {
3925
3925
  0% {
3926
3926
  transform: scale(0.8);
3927
3927
  }
@@ -3967,7 +3967,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
3967
3967
  }
3968
3968
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
3969
3969
  --dot-color: var(--jkl-color-border-action);
3970
- animation: jkl-dot-in-ux4qx88 150ms ease;
3970
+ animation: jkl-dot-in-uj06es2 150ms ease;
3971
3971
  }
3972
3972
  @media screen and (forced-colors: active) {
3973
3973
  .jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
@@ -5058,7 +5058,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5058
5058
  transition-duration: 150ms;
5059
5059
  }
5060
5060
 
5061
- @keyframes jkl-downcount-ux4qx93 {
5061
+ @keyframes jkl-downcount-uj06et0 {
5062
5062
  from {
5063
5063
  width: 100%;
5064
5064
  }
@@ -5066,7 +5066,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5066
5066
  width: 0%;
5067
5067
  }
5068
5068
  }
5069
- @keyframes jkl-dot-in-ux4qx9v {
5069
+ @keyframes jkl-dot-in-uj06et5 {
5070
5070
  0% {
5071
5071
  transform: scale(0.8);
5072
5072
  }
@@ -5114,7 +5114,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5114
5114
  }
5115
5115
  }
5116
5116
  .jkl-radio-panel__input:checked + .jkl-radio-panel__decorator::after {
5117
- animation: jkl-dot-in-ux4qx9v 150ms ease;
5117
+ animation: jkl-dot-in-uj06et5 150ms ease;
5118
5118
  }
5119
5119
  .jkl-radio-panel:has(:checked) {
5120
5120
  --radio-dot-color: var(--jkl-color-border-action);
@@ -5326,7 +5326,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5326
5326
  margin-bottom: 0;
5327
5327
  }
5328
5328
  .jkl-system-message--dismissed {
5329
- animation: jkl-dismiss-ux4qxag 400ms ease-in forwards;
5329
+ animation: jkl-dismiss-uj06ets 400ms ease-in forwards;
5330
5330
  transition: visibility 0ms 400ms;
5331
5331
  visibility: hidden;
5332
5332
  }
@@ -5358,7 +5358,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
5358
5358
  }
5359
5359
  }
5360
5360
 
5361
- @keyframes jkl-dismiss-ux4qxag {
5361
+ @keyframes jkl-dismiss-uj06ets {
5362
5362
  from {
5363
5363
  opacity: 1;
5364
5364
  transform: translate3d(0, 0, 0);
@@ -6252,14 +6252,14 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
6252
6252
 
6253
6253
  .jkl-toast[data-animation=entering],
6254
6254
  .jkl-toast[data-animation=queued] {
6255
- animation: jkl-entering-ux4qxbe 200ms ease-out forwards;
6255
+ animation: jkl-entering-uj06eum 200ms ease-out forwards;
6256
6256
  }
6257
6257
 
6258
6258
  .jkl-toast[data-animation=exiting] {
6259
- animation: jkl-exiting-ux4qxbf 150ms ease-in forwards;
6259
+ animation: jkl-exiting-uj06ev0 150ms ease-in forwards;
6260
6260
  }
6261
6261
 
6262
- @keyframes jkl-entering-ux4qxbe {
6262
+ @keyframes jkl-entering-uj06eum {
6263
6263
  from {
6264
6264
  opacity: 0;
6265
6265
  transform: translate3d(0, 50%, 0);
@@ -6269,7 +6269,7 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
6269
6269
  transform: translate3d(0, 0, 0);
6270
6270
  }
6271
6271
  }
6272
- @keyframes jkl-exiting-ux4qxbf {
6272
+ @keyframes jkl-exiting-uj06ev0 {
6273
6273
  from {
6274
6274
  opacity: 1;
6275
6275
  transform: translate3d(0, 0, 0);