@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.
- package/build/build-stats.html +1 -1
- package/build/style.css +1 -1
- package/package.json +7 -3
- package/styles/components/checkbox/checkbox.css +4 -4
- package/styles/components/checkbox/checkbox.min.css +1 -1
- package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
- package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
- package/styles/components/countdown/countdown.css +2 -2
- package/styles/components/countdown/countdown.min.css +1 -1
- package/styles/components/feedback/feedback.css +2 -2
- package/styles/components/feedback/feedback.min.css +1 -1
- package/styles/components/input-group/input-group.css +2 -2
- package/styles/components/input-group/input-group.min.css +1 -1
- package/styles/components/loader/loader.css +6 -6
- package/styles/components/loader/loader.min.css +1 -1
- package/styles/components/loader/skeleton-loader.css +5 -5
- package/styles/components/loader/skeleton-loader.min.css +1 -1
- package/styles/components/message/message.css +2 -2
- package/styles/components/message/message.min.css +1 -1
- package/styles/components/progress-bar/progress-bar.css +1 -1
- package/styles/components/progress-bar/progress-bar.min.css +1 -1
- package/styles/components/radio-button/radio-button.css +2 -2
- package/styles/components/radio-button/radio-button.min.css +1 -1
- package/styles/components/radio-panel/radio-panel.css +2 -2
- package/styles/components/radio-panel/radio-panel.min.css +1 -1
- package/styles/components/system-message/system-message.css +2 -2
- package/styles/components/system-message/system-message.min.css +1 -1
- package/styles/components/toast/toast.css +4 -4
- package/styles/components/toast/toast.min.css +1 -1
- package/styles/styles.css +36 -36
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1445
|
+
animation: 2s ease-in-out infinite jkl-blink-uj06ep3;
|
|
1446
1446
|
}
|
|
1447
1447
|
}
|
|
1448
1448
|
|
|
1449
|
-
@keyframes jkl-sweep-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
6255
|
+
animation: jkl-entering-uj06eum 200ms ease-out forwards;
|
|
6256
6256
|
}
|
|
6257
6257
|
|
|
6258
6258
|
.jkl-toast[data-animation=exiting] {
|
|
6259
|
-
animation: jkl-exiting-
|
|
6259
|
+
animation: jkl-exiting-uj06ev0 150ms ease-in forwards;
|
|
6260
6260
|
}
|
|
6261
6261
|
|
|
6262
|
-
@keyframes jkl-entering-
|
|
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-
|
|
6272
|
+
@keyframes jkl-exiting-uj06ev0 {
|
|
6273
6273
|
from {
|
|
6274
6274
|
opacity: 1;
|
|
6275
6275
|
transform: translate3d(0, 0, 0);
|