@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.
- package/build/build-stats.html +1 -1
- package/build/cjs/components/select/stories/select.stories.cjs +1 -1
- package/build/cjs/components/select/stories/select.stories.cjs.map +1 -1
- package/build/es/components/select/stories/select.stories.js +1 -1
- package/build/es/components/select/stories/select.stories.js.map +1 -1
- package/build/style.css +1 -1
- package/package.json +2 -2
- package/styles/components/button/button.css +3 -3
- package/styles/components/button/button.min.css +1 -1
- 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/modal/modal.css +3 -3
- package/styles/components/modal/modal.min.css +1 -1
- package/styles/components/modal/modal.scss +3 -3
- 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 +42 -42
- 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-
|
|
188
|
+
animation: jkl-entering-uugjg3o 200ms ease-out forwards;
|
|
189
189
|
}
|
|
190
190
|
|
|
191
191
|
.jkl-toast[data-animation=exiting] {
|
|
192
|
-
animation: jkl-exiting-
|
|
192
|
+
animation: jkl-exiting-uugjg3q 150ms ease-in forwards;
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
@keyframes jkl-entering-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1123
|
+
@keyframes button-fade-ujylbph {
|
|
1124
1124
|
from {
|
|
1125
1125
|
--jkl-button-flash-opacity: 0.5;
|
|
1126
1126
|
}
|
|
1127
1127
|
}
|
|
1128
|
-
@keyframes button-grow-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1454
|
+
animation: 2s ease-in-out infinite jkl-blink-ujylbrm;
|
|
1455
1455
|
}
|
|
1456
1456
|
}
|
|
1457
1457
|
|
|
1458
|
-
@keyframes jkl-sweep-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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) *
|
|
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) *
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
6249
|
+
animation: jkl-entering-ujylbx3 200ms ease-out forwards;
|
|
6250
6250
|
}
|
|
6251
6251
|
|
|
6252
6252
|
.jkl-toast[data-animation=exiting] {
|
|
6253
|
-
animation: jkl-exiting-
|
|
6253
|
+
animation: jkl-exiting-ujylbxl 150ms ease-in forwards;
|
|
6254
6254
|
}
|
|
6255
6255
|
|
|
6256
|
-
@keyframes jkl-entering-
|
|
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-
|
|
6266
|
+
@keyframes jkl-exiting-ujylbxl {
|
|
6267
6267
|
from {
|
|
6268
6268
|
opacity: 1;
|
|
6269
6269
|
transform: translate3d(0, 0, 0);
|