@fremtind/jokul 0.37.13 → 0.37.14
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/package.json +2 -2
- package/styles/components/button/button.css +2 -2
- 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/expander/expandable.css +2 -2
- package/styles/components/expander/expandable.min.css +1 -1
- package/styles/components/expander/expandable.scss +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/input-panel/checkbox-panel.css +2 -2
- package/styles/components/input-panel/checkbox-panel.min.css +1 -1
- package/styles/components/input-panel/radio-panel.css +2 -2
- package/styles/components/input-panel/radio-panel.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 +2 -2
- 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/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 +39 -39
- package/styles/styles.min.css +1 -1
|
@@ -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;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}}@media (width >= 0) and (max-width:679px){.jkl-toast{grid-template-areas:"progress progress" "icon dismiss" "content content"}}@media (min-width:680px){.jkl-toast{grid-template-areas:"progress progress progress" "icon content dismiss";grid-template-columns:auto 1fr auto}}.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)*2);width:calc(var(--jkl-unit-10)*3)}@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;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}}@media (width >= 0) and (max-width:679px){.jkl-toast{grid-template-areas:"progress progress" "icon dismiss" "content content"}}@media (min-width:680px){.jkl-toast{grid-template-areas:"progress progress progress" "icon content dismiss";grid-template-columns:auto 1fr auto}}.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)*2);width:calc(var(--jkl-unit-10)*3)}@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-ub1r41z .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-ub1r42g .15s ease-in forwards}@keyframes jkl-entering-ub1r41z{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-ub1r42g{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,50%,0)}}
|
package/styles/styles.css
CHANGED
|
@@ -1095,7 +1095,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-area__tex
|
|
|
1095
1095
|
--color: var(--jkl-color-text-default);
|
|
1096
1096
|
}
|
|
1097
1097
|
.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 {
|
|
1098
|
-
animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-
|
|
1098
|
+
animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-ufa34e8 forwards;
|
|
1099
1099
|
}
|
|
1100
1100
|
.jkl-form-support-label--sr-only {
|
|
1101
1101
|
border: 0 !important;
|
|
@@ -1170,7 +1170,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-area__tex
|
|
|
1170
1170
|
white-space: nowrap !important; /* 3 */
|
|
1171
1171
|
}
|
|
1172
1172
|
|
|
1173
|
-
@keyframes jkl-support-icon-entrance-
|
|
1173
|
+
@keyframes jkl-support-icon-entrance-ufa34e8 {
|
|
1174
1174
|
0% {
|
|
1175
1175
|
margin-right: 0;
|
|
1176
1176
|
opacity: 0;
|
|
@@ -1623,7 +1623,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
|
|
|
1623
1623
|
height: 1rem;
|
|
1624
1624
|
}
|
|
1625
1625
|
html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
1626
|
-
animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-
|
|
1626
|
+
animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-ufa34eo;
|
|
1627
1627
|
}
|
|
1628
1628
|
:not([data-touchnavigation]) .jkl-button--primary:hover, :not([data-touchnavigation]) .jkl-button--secondary:hover, :not([data-touchnavigation]) .jkl-button--tertiary:hover {
|
|
1629
1629
|
scale: 1.05;
|
|
@@ -1667,7 +1667,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1667
1667
|
--background-color: var(--jkl-color-background-interactive-hover);
|
|
1668
1668
|
}
|
|
1669
1669
|
|
|
1670
|
-
@keyframes jkl-tertiary-flash-
|
|
1670
|
+
@keyframes jkl-tertiary-flash-ufa34eo {
|
|
1671
1671
|
0% {
|
|
1672
1672
|
opacity: 0.5;
|
|
1673
1673
|
scale: 1;
|
|
@@ -1692,15 +1692,15 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1692
1692
|
animation: 2500ms linear infinite;
|
|
1693
1693
|
}
|
|
1694
1694
|
.jkl-loader__dot--left {
|
|
1695
|
-
animation-name: jkl-loader-left-spin-
|
|
1695
|
+
animation-name: jkl-loader-left-spin-ufa34fl;
|
|
1696
1696
|
margin-right: 1.71em;
|
|
1697
1697
|
}
|
|
1698
1698
|
.jkl-loader__dot--middle {
|
|
1699
|
-
animation-name: jkl-loader-middle-spin-
|
|
1699
|
+
animation-name: jkl-loader-middle-spin-ufa34fy;
|
|
1700
1700
|
margin-right: 1.9em;
|
|
1701
1701
|
}
|
|
1702
1702
|
.jkl-loader__dot--right {
|
|
1703
|
-
animation-name: jkl-loader-right-spin-
|
|
1703
|
+
animation-name: jkl-loader-right-spin-ufa34g3;
|
|
1704
1704
|
}
|
|
1705
1705
|
@media screen and (forced-colors: active) {
|
|
1706
1706
|
.jkl-loader__dot {
|
|
@@ -1728,7 +1728,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1728
1728
|
margin-right: 0.3em;
|
|
1729
1729
|
}
|
|
1730
1730
|
|
|
1731
|
-
@keyframes jkl-loader-left-spin-
|
|
1731
|
+
@keyframes jkl-loader-left-spin-ufa34fl {
|
|
1732
1732
|
0% {
|
|
1733
1733
|
transform: rotate(0) scale(0);
|
|
1734
1734
|
}
|
|
@@ -1742,7 +1742,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1742
1742
|
transform: rotate(180deg) scale(0);
|
|
1743
1743
|
}
|
|
1744
1744
|
}
|
|
1745
|
-
@keyframes jkl-loader-middle-spin-
|
|
1745
|
+
@keyframes jkl-loader-middle-spin-ufa34fy {
|
|
1746
1746
|
0% {
|
|
1747
1747
|
transform: rotate(20deg) scale(0);
|
|
1748
1748
|
}
|
|
@@ -1759,7 +1759,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1759
1759
|
transform: rotate(200deg) scale(0);
|
|
1760
1760
|
}
|
|
1761
1761
|
}
|
|
1762
|
-
@keyframes jkl-loader-right-spin-
|
|
1762
|
+
@keyframes jkl-loader-right-spin-ufa34g3 {
|
|
1763
1763
|
0% {
|
|
1764
1764
|
transform: rotate(40deg) scale(0);
|
|
1765
1765
|
}
|
|
@@ -1807,7 +1807,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1807
1807
|
bottom: 0;
|
|
1808
1808
|
width: 12.5rem;
|
|
1809
1809
|
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%);
|
|
1810
|
-
animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-
|
|
1810
|
+
animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-ufa34gg;
|
|
1811
1811
|
}
|
|
1812
1812
|
@media (width >= 0) and (max-width: 679px) {
|
|
1813
1813
|
.jkl-skeleton-animation {
|
|
@@ -1838,7 +1838,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1838
1838
|
@media screen and (forced-colors: active) {
|
|
1839
1839
|
.jkl-skeleton-element {
|
|
1840
1840
|
border: 1px solid CanvasText;
|
|
1841
|
-
animation: 2s ease infinite jkl-blink-
|
|
1841
|
+
animation: 2s ease infinite jkl-blink-ufa34gr;
|
|
1842
1842
|
}
|
|
1843
1843
|
}
|
|
1844
1844
|
|
|
@@ -1894,11 +1894,11 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1894
1894
|
}
|
|
1895
1895
|
@media screen and (forced-colors: active) {
|
|
1896
1896
|
.jkl-skeleton-table {
|
|
1897
|
-
animation: 2s ease-in-out infinite jkl-blink-
|
|
1897
|
+
animation: 2s ease-in-out infinite jkl-blink-ufa34gr;
|
|
1898
1898
|
}
|
|
1899
1899
|
}
|
|
1900
1900
|
|
|
1901
|
-
@keyframes jkl-sweep-
|
|
1901
|
+
@keyframes jkl-sweep-ufa34gg {
|
|
1902
1902
|
0% {
|
|
1903
1903
|
transform: translateX(calc(0vw - 200px));
|
|
1904
1904
|
}
|
|
@@ -1906,7 +1906,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1906
1906
|
transform: translateX(calc(100vw + 400px));
|
|
1907
1907
|
}
|
|
1908
1908
|
}
|
|
1909
|
-
@keyframes jkl-blink-
|
|
1909
|
+
@keyframes jkl-blink-ufa34gr {
|
|
1910
1910
|
0% {
|
|
1911
1911
|
opacity: 1;
|
|
1912
1912
|
}
|
|
@@ -2370,7 +2370,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
2370
2370
|
--jkl-checkbox-line-height: 1.5rem;
|
|
2371
2371
|
}
|
|
2372
2372
|
|
|
2373
|
-
@keyframes jkl-checkbox-checked-
|
|
2373
|
+
@keyframes jkl-checkbox-checked-ufa34he {
|
|
2374
2374
|
0% {
|
|
2375
2375
|
width: 0;
|
|
2376
2376
|
height: 0;
|
|
@@ -2384,7 +2384,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
2384
2384
|
height: 58%;
|
|
2385
2385
|
}
|
|
2386
2386
|
}
|
|
2387
|
-
@keyframes jkl-checkbox-indeterminate-
|
|
2387
|
+
@keyframes jkl-checkbox-indeterminate-ufa34i6 {
|
|
2388
2388
|
0% {
|
|
2389
2389
|
width: 0;
|
|
2390
2390
|
}
|
|
@@ -2412,11 +2412,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
2412
2412
|
top: -6px;
|
|
2413
2413
|
}
|
|
2414
2414
|
.jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
|
|
2415
|
-
animation: jkl-checkbox-checked-
|
|
2415
|
+
animation: jkl-checkbox-checked-ufa34he 150ms ease-in-out forwards;
|
|
2416
2416
|
opacity: 1;
|
|
2417
2417
|
}
|
|
2418
2418
|
.jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
|
|
2419
|
-
animation: jkl-checkbox-indeterminate-
|
|
2419
|
+
animation: jkl-checkbox-indeterminate-ufa34i6 150ms ease-in-out forwards;
|
|
2420
2420
|
opacity: 1;
|
|
2421
2421
|
}
|
|
2422
2422
|
.jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
|
|
@@ -3639,10 +3639,10 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
3639
3639
|
--border-bottom-left-radius: var(--border-radius);
|
|
3640
3640
|
--border-bottom-right-radius: var(--border-radius);
|
|
3641
3641
|
}
|
|
3642
|
-
.jkl-expandable__wrapper:has(:focus-visible):has(.jkl-expandable--stroke) {
|
|
3642
|
+
.jkl-expandable__wrapper:has(.jkl-expander:focus-visible):has(.jkl-expandable--stroke) {
|
|
3643
3643
|
--outline-offset: -1px;
|
|
3644
3644
|
}
|
|
3645
|
-
.jkl-expandable__wrapper:has(:focus-visible) .jkl-expandable__focus-container {
|
|
3645
|
+
.jkl-expandable__wrapper:has(.jkl-expander:focus-visible) .jkl-expandable__focus-container {
|
|
3646
3646
|
outline: 3px solid var(--jkl-color-border-action);
|
|
3647
3647
|
outline-offset: 3px;
|
|
3648
3648
|
outline-offset: var(--outline-offset);
|
|
@@ -3799,7 +3799,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
3799
3799
|
padding: 1rem 0 2.5rem 0;
|
|
3800
3800
|
}
|
|
3801
3801
|
|
|
3802
|
-
@keyframes jkl-show-
|
|
3802
|
+
@keyframes jkl-show-ufa34iu {
|
|
3803
3803
|
from {
|
|
3804
3804
|
transform: translate3d(0, 0.5rem, 0);
|
|
3805
3805
|
opacity: 0;
|
|
@@ -3834,7 +3834,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
3834
3834
|
}
|
|
3835
3835
|
}
|
|
3836
3836
|
.jkl-feedback__fade-in {
|
|
3837
|
-
animation: jkl-show-
|
|
3837
|
+
animation: jkl-show-ufa34iu 0.25s ease-out;
|
|
3838
3838
|
}
|
|
3839
3839
|
.jkl-feedback__buttons {
|
|
3840
3840
|
display: flex;
|
|
@@ -4076,7 +4076,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4076
4076
|
--background-color: var(--jkl-color-background-alert-success);
|
|
4077
4077
|
}
|
|
4078
4078
|
.jkl-message--dismissed {
|
|
4079
|
-
animation: jkl-dismiss-
|
|
4079
|
+
animation: jkl-dismiss-ufa34ji 400ms ease-in-out forwards;
|
|
4080
4080
|
transition: visibility 0ms 400ms;
|
|
4081
4081
|
visibility: hidden;
|
|
4082
4082
|
}
|
|
@@ -4096,7 +4096,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4096
4096
|
}
|
|
4097
4097
|
}
|
|
4098
4098
|
|
|
4099
|
-
@keyframes jkl-dismiss-
|
|
4099
|
+
@keyframes jkl-dismiss-ufa34ji {
|
|
4100
4100
|
from {
|
|
4101
4101
|
opacity: 1;
|
|
4102
4102
|
transform: translate3d(0, 0, 0);
|
|
@@ -4152,7 +4152,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4152
4152
|
--jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
|
|
4153
4153
|
}
|
|
4154
4154
|
|
|
4155
|
-
@keyframes jkl-dot-in-
|
|
4155
|
+
@keyframes jkl-dot-in-ufa34ke {
|
|
4156
4156
|
0% {
|
|
4157
4157
|
transform: scale(0.8);
|
|
4158
4158
|
}
|
|
@@ -4197,7 +4197,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4197
4197
|
}
|
|
4198
4198
|
.jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
|
|
4199
4199
|
--dot-color: var(--jkl-color-border-action);
|
|
4200
|
-
animation: jkl-dot-in-
|
|
4200
|
+
animation: jkl-dot-in-ufa34ke 150ms ease;
|
|
4201
4201
|
}
|
|
4202
4202
|
@media screen and (forced-colors: active) {
|
|
4203
4203
|
.jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
|
|
@@ -4349,7 +4349,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4349
4349
|
--outer-border-thickness: 0.125rem;
|
|
4350
4350
|
}
|
|
4351
4351
|
|
|
4352
|
-
@keyframes jkl-dot-in-
|
|
4352
|
+
@keyframes jkl-dot-in-ufa34kz {
|
|
4353
4353
|
0% {
|
|
4354
4354
|
transform: scale(0.8);
|
|
4355
4355
|
}
|
|
@@ -4397,7 +4397,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4397
4397
|
}
|
|
4398
4398
|
}
|
|
4399
4399
|
.jkl-radio-panel__input:checked + .jkl-radio-panel__decorator::after {
|
|
4400
|
-
animation: jkl-dot-in-
|
|
4400
|
+
animation: jkl-dot-in-ufa34kz 150ms ease;
|
|
4401
4401
|
}
|
|
4402
4402
|
.jkl-radio-panel:has(:checked) {
|
|
4403
4403
|
--radio-dot-color: var(--jkl-color-border-action);
|
|
@@ -4409,7 +4409,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4409
4409
|
--radio-dot-color: var(--jkl-color-text-on-alert);
|
|
4410
4410
|
}
|
|
4411
4411
|
|
|
4412
|
-
@keyframes jkl-checkbox-checked-
|
|
4412
|
+
@keyframes jkl-checkbox-checked-ufa34lk {
|
|
4413
4413
|
0% {
|
|
4414
4414
|
width: 0;
|
|
4415
4415
|
height: 0;
|
|
@@ -4472,7 +4472,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4472
4472
|
}
|
|
4473
4473
|
}
|
|
4474
4474
|
.jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator::after {
|
|
4475
|
-
animation: jkl-checkbox-checked-
|
|
4475
|
+
animation: jkl-checkbox-checked-ufa34lk 150ms ease-in-out forwards;
|
|
4476
4476
|
opacity: 1;
|
|
4477
4477
|
}
|
|
4478
4478
|
.jkl-checkbox-panel:has([aria-invalid=true]) {
|
|
@@ -5249,11 +5249,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
5249
5249
|
}
|
|
5250
5250
|
|
|
5251
5251
|
.jkl-countdown__tracker {
|
|
5252
|
-
animation: jkl-downcount-
|
|
5252
|
+
animation: jkl-downcount-ufa34m7 var(--duration) linear forwards;
|
|
5253
5253
|
animation-play-state: var(--play-state, running);
|
|
5254
5254
|
}
|
|
5255
5255
|
|
|
5256
|
-
@keyframes jkl-downcount-
|
|
5256
|
+
@keyframes jkl-downcount-ufa34m7 {
|
|
5257
5257
|
from {
|
|
5258
5258
|
width: 100%;
|
|
5259
5259
|
}
|
|
@@ -5461,7 +5461,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
5461
5461
|
margin-bottom: 0;
|
|
5462
5462
|
}
|
|
5463
5463
|
.jkl-system-message--dismissed {
|
|
5464
|
-
animation: jkl-dismiss-
|
|
5464
|
+
animation: jkl-dismiss-ufa34mj 400ms ease-in forwards;
|
|
5465
5465
|
transition: visibility 0ms 400ms;
|
|
5466
5466
|
visibility: hidden;
|
|
5467
5467
|
}
|
|
@@ -5493,7 +5493,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
5493
5493
|
}
|
|
5494
5494
|
}
|
|
5495
5495
|
|
|
5496
|
-
@keyframes jkl-dismiss-
|
|
5496
|
+
@keyframes jkl-dismiss-ufa34mj {
|
|
5497
5497
|
from {
|
|
5498
5498
|
opacity: 1;
|
|
5499
5499
|
transform: translate3d(0, 0, 0);
|
|
@@ -6374,14 +6374,14 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
|
|
|
6374
6374
|
|
|
6375
6375
|
.jkl-toast[data-animation=entering],
|
|
6376
6376
|
.jkl-toast[data-animation=queued] {
|
|
6377
|
-
animation: jkl-entering-
|
|
6377
|
+
animation: jkl-entering-ufa34ne 200ms ease-out forwards;
|
|
6378
6378
|
}
|
|
6379
6379
|
|
|
6380
6380
|
.jkl-toast[data-animation=exiting] {
|
|
6381
|
-
animation: jkl-exiting-
|
|
6381
|
+
animation: jkl-exiting-ufa34o6 150ms ease-in forwards;
|
|
6382
6382
|
}
|
|
6383
6383
|
|
|
6384
|
-
@keyframes jkl-entering-
|
|
6384
|
+
@keyframes jkl-entering-ufa34ne {
|
|
6385
6385
|
from {
|
|
6386
6386
|
opacity: 0;
|
|
6387
6387
|
transform: translate3d(0, 50%, 0);
|
|
@@ -6391,7 +6391,7 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
|
|
|
6391
6391
|
transform: translate3d(0, 0, 0);
|
|
6392
6392
|
}
|
|
6393
6393
|
}
|
|
6394
|
-
@keyframes jkl-exiting-
|
|
6394
|
+
@keyframes jkl-exiting-ufa34o6 {
|
|
6395
6395
|
from {
|
|
6396
6396
|
opacity: 1;
|
|
6397
6397
|
transform: translate3d(0, 0, 0);
|