@fremtind/jokul 0.44.4 → 0.44.5
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/expander/ExpandablePanel.cjs +1 -1
- package/build/cjs/components/expander/ExpandablePanel.cjs.map +1 -1
- package/build/es/components/expander/ExpandablePanel.js +1 -1
- package/build/es/components/expander/ExpandablePanel.js.map +1 -1
- 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/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 +37 -37
- package/styles/styles.min.css +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-system-message-icon-height:1.5rem;--jkl-system-message-icon-padding:0.1875rem 0 0 0;--jkl-system-message-content-padding:1.5rem;--jkl-system-message-dismiss-button-size:2.75rem;--jkl-system-message-dismiss-button-margin:-0.40625rem -1.125rem -0.40625rem auto;--jkl-system-message-message-margin:0 1rem;--jkl-system-message-message-font-size:var(--jkl-body-font-size);--jkl-system-message-message-line-height:var(--jkl-body-line-height);--jkl-system-message-message-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-system-message-icon-height:1.25rem;--jkl-system-message-icon-padding:0.0625rem 0 0 0;--jkl-system-message-content-padding:0.5rem;--jkl-system-message-dismiss-button-size:2rem;--jkl-system-message-dismiss-button-margin:-0.1875rem -0.375rem -0.28125rem auto;--jkl-system-message-message-margin:0 0.75rem;--jkl-system-message-message-font-size:var(--jkl-small-font-size);--jkl-system-message-message-line-height:var(--jkl-small-line-height);--jkl-system-message-message-font-weight:var(--jkl-small-font-weight)}.jkl-system-message{--background-color:var(--jkl-color-background-alert-neutral);--text-color:var(--jkl-color-text-on-alert);background-color:var(--background-color);box-sizing:border-box;color:var(--text-color);width:100%}.jkl-system-message__content{align-items:flex-start;box-sizing:border-box;display:grid;grid-template-columns:-webkit-min-content 1fr -webkit-min-content;grid-template-columns:min-content 1fr min-content;margin:0 auto;padding:var(--jkl-system-message-content-padding);width:100%}.jkl-system-message__icon{flex-shrink:0;height:var(--jkl-system-message-icon-height);margin:var(--jkl-system-message-icon-padding)}@media screen and (forced-colors:active){.jkl-system-message__icon,.jkl-system-message__icon path,.jkl-system-message__icon svg{stroke:CanvasText}}.jkl-system-message__message{font-size:var(--jkl-system-message-message-font-size);font-weight:var(--jkl-system-message-message-font-weight);line-height:var(--jkl-system-message-message-line-height);margin:var(--jkl-system-message-message-margin)}.jkl-system-message__dismiss-button{background-color:initial;color:inherit;cursor:pointer;display:grid;flex-shrink:0;margin-top:.1875rem;padding:0;place-content:center;position:relative}.jkl-system-message__dismiss-button:after{content:"";display:block;height:var(--jkl-system-message-dismiss-button-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--jkl-system-message-dismiss-button-size)}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button,.jkl-system-message__dismiss-button path,.jkl-system-message__dismiss-button svg{stroke:ButtonText}.jkl-system-message__dismiss-button{background-color:ButtonFace}}.jkl-system-message__dismiss-button{border-style:none;outline:0;outline-style:none}.jkl-system-message__dismiss-button:active,.jkl-system-message__dismiss-button:focus,.jkl-system-message__dismiss-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button{border-style:revert;outline:revert;outline-style:revert}.jkl-system-message__dismiss-button:active,.jkl-system-message__dismiss-button:focus,.jkl-system-message__dismiss-button:hover{outline:revert;outline-style:revert}}.jkl-system-message__dismiss-button:hover{color:#636060}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button:hover,.jkl-system-message__dismiss-button:hover path,.jkl-system-message__dismiss-button:hover svg{stroke:ButtonText}}.jkl-system-message__dismiss-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button:focus-visible{outline:2px solid ButtonText;outline-offset:2px}}.jkl-system-message__message,.jkl-system-message__message:last-child{margin-bottom:0}.jkl-system-message--dismissed{animation:jkl-dismiss-
|
|
1
|
+
:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-system-message-icon-height:1.5rem;--jkl-system-message-icon-padding:0.1875rem 0 0 0;--jkl-system-message-content-padding:1.5rem;--jkl-system-message-dismiss-button-size:2.75rem;--jkl-system-message-dismiss-button-margin:-0.40625rem -1.125rem -0.40625rem auto;--jkl-system-message-message-margin:0 1rem;--jkl-system-message-message-font-size:var(--jkl-body-font-size);--jkl-system-message-message-line-height:var(--jkl-body-line-height);--jkl-system-message-message-font-weight:var(--jkl-body-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-system-message-icon-height:1.25rem;--jkl-system-message-icon-padding:0.0625rem 0 0 0;--jkl-system-message-content-padding:0.5rem;--jkl-system-message-dismiss-button-size:2rem;--jkl-system-message-dismiss-button-margin:-0.1875rem -0.375rem -0.28125rem auto;--jkl-system-message-message-margin:0 0.75rem;--jkl-system-message-message-font-size:var(--jkl-small-font-size);--jkl-system-message-message-line-height:var(--jkl-small-line-height);--jkl-system-message-message-font-weight:var(--jkl-small-font-weight)}.jkl-system-message{--background-color:var(--jkl-color-background-alert-neutral);--text-color:var(--jkl-color-text-on-alert);background-color:var(--background-color);box-sizing:border-box;color:var(--text-color);width:100%}.jkl-system-message__content{align-items:flex-start;box-sizing:border-box;display:grid;grid-template-columns:-webkit-min-content 1fr -webkit-min-content;grid-template-columns:min-content 1fr min-content;margin:0 auto;padding:var(--jkl-system-message-content-padding);width:100%}.jkl-system-message__icon{flex-shrink:0;height:var(--jkl-system-message-icon-height);margin:var(--jkl-system-message-icon-padding)}@media screen and (forced-colors:active){.jkl-system-message__icon,.jkl-system-message__icon path,.jkl-system-message__icon svg{stroke:CanvasText}}.jkl-system-message__message{font-size:var(--jkl-system-message-message-font-size);font-weight:var(--jkl-system-message-message-font-weight);line-height:var(--jkl-system-message-message-line-height);margin:var(--jkl-system-message-message-margin)}.jkl-system-message__dismiss-button{background-color:initial;color:inherit;cursor:pointer;display:grid;flex-shrink:0;margin-top:.1875rem;padding:0;place-content:center;position:relative}.jkl-system-message__dismiss-button:after{content:"";display:block;height:var(--jkl-system-message-dismiss-button-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--jkl-system-message-dismiss-button-size)}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button,.jkl-system-message__dismiss-button path,.jkl-system-message__dismiss-button svg{stroke:ButtonText}.jkl-system-message__dismiss-button{background-color:ButtonFace}}.jkl-system-message__dismiss-button{border-style:none;outline:0;outline-style:none}.jkl-system-message__dismiss-button:active,.jkl-system-message__dismiss-button:focus,.jkl-system-message__dismiss-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button{border-style:revert;outline:revert;outline-style:revert}.jkl-system-message__dismiss-button:active,.jkl-system-message__dismiss-button:focus,.jkl-system-message__dismiss-button:hover{outline:revert;outline-style:revert}}.jkl-system-message__dismiss-button:hover{color:#636060}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button:hover,.jkl-system-message__dismiss-button:hover path,.jkl-system-message__dismiss-button:hover svg{stroke:ButtonText}}.jkl-system-message__dismiss-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}@media screen and (forced-colors:active){.jkl-system-message__dismiss-button:focus-visible{outline:2px solid ButtonText;outline-offset:2px}}.jkl-system-message__message,.jkl-system-message__message:last-child{margin-bottom:0}.jkl-system-message--dismissed{animation:jkl-dismiss-uv0ibte .4s ease-in forwards;transition:visibility 0s .4s;visibility:hidden}.jkl-system-message--info{--background-color:var(--jkl-color-background-alert-info)}.jkl-system-message--warning{--background-color:var(--jkl-color-background-alert-warning)}.jkl-system-message--error{--background-color:var(--jkl-color-background-alert-error)}.jkl-system-message--success{--background-color:var(--jkl-color-background-alert-success)}@media screen and (forced-colors:active){.jkl-system-message{border:2px solid CanvasText}.jkl-system-message--info{border-style:dotted}.jkl-system-message--warning{border-style:dashed}.jkl-system-message--error{border-style:double;border-width:4px}}@keyframes jkl-dismiss-uv0ibte{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}
|
|
@@ -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-u3ddkd4 200ms ease-out forwards;
|
|
189
189
|
}
|
|
190
190
|
|
|
191
191
|
.jkl-toast[data-animation=exiting] {
|
|
192
|
-
animation: jkl-exiting-
|
|
192
|
+
animation: jkl-exiting-u3ddkdj 150ms ease-in forwards;
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
@keyframes jkl-entering-
|
|
195
|
+
@keyframes jkl-entering-u3ddkd4 {
|
|
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-u3ddkdj {
|
|
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:#0000;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;grid-template-areas:"progress progress progress" "icon content dismiss";grid-template-columns:auto 1fr auto}@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:#0000;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:initial;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:#0000;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;grid-template-areas:"progress progress progress" "icon content dismiss";grid-template-columns:auto 1fr auto}@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:#0000;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:initial;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-u3ddkd4 .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-u3ddkdj .15s ease-in forwards}@keyframes jkl-entering-u3ddkd4{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-u3ddkdj{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,50%,0)}}
|
package/styles/styles.css
CHANGED
|
@@ -1102,7 +1102,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-area__tex
|
|
|
1102
1102
|
--color: var(--jkl-color-text-default);
|
|
1103
1103
|
}
|
|
1104
1104
|
.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 {
|
|
1105
|
-
animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-
|
|
1105
|
+
animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-uwu9dlg forwards;
|
|
1106
1106
|
}
|
|
1107
1107
|
.jkl-form-support-label--sr-only {
|
|
1108
1108
|
border: 0 !important;
|
|
@@ -1177,7 +1177,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-text-area__tex
|
|
|
1177
1177
|
white-space: nowrap !important; /* 3 */
|
|
1178
1178
|
}
|
|
1179
1179
|
|
|
1180
|
-
@keyframes jkl-support-icon-entrance-
|
|
1180
|
+
@keyframes jkl-support-icon-entrance-uwu9dlg {
|
|
1181
1181
|
0% {
|
|
1182
1182
|
margin-right: 0;
|
|
1183
1183
|
opacity: 0;
|
|
@@ -1589,7 +1589,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
|
|
|
1589
1589
|
opacity: 0.15;
|
|
1590
1590
|
}
|
|
1591
1591
|
html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
1592
|
-
animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-
|
|
1592
|
+
animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-uwu9dln;
|
|
1593
1593
|
}
|
|
1594
1594
|
.jkl-button--primary, .jkl-button--secondary, .jkl-button--ghost {
|
|
1595
1595
|
--border-radius: 999px;
|
|
@@ -1631,7 +1631,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1631
1631
|
--background-color: var(--jkl-color-background-interactive-hover);
|
|
1632
1632
|
}
|
|
1633
1633
|
|
|
1634
|
-
@keyframes jkl-tertiary-flash-
|
|
1634
|
+
@keyframes jkl-tertiary-flash-uwu9dln {
|
|
1635
1635
|
0% {
|
|
1636
1636
|
opacity: 0.5;
|
|
1637
1637
|
scale: 1;
|
|
@@ -1656,15 +1656,15 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1656
1656
|
animation: 2500ms linear infinite;
|
|
1657
1657
|
}
|
|
1658
1658
|
.jkl-loader__dot--left {
|
|
1659
|
-
animation-name: jkl-loader-left-spin-
|
|
1659
|
+
animation-name: jkl-loader-left-spin-uwu9dlx;
|
|
1660
1660
|
margin-right: 1.71em;
|
|
1661
1661
|
}
|
|
1662
1662
|
.jkl-loader__dot--middle {
|
|
1663
|
-
animation-name: jkl-loader-middle-spin-
|
|
1663
|
+
animation-name: jkl-loader-middle-spin-uwu9dmb;
|
|
1664
1664
|
margin-right: 1.9em;
|
|
1665
1665
|
}
|
|
1666
1666
|
.jkl-loader__dot--right {
|
|
1667
|
-
animation-name: jkl-loader-right-spin-
|
|
1667
|
+
animation-name: jkl-loader-right-spin-uwu9dmw;
|
|
1668
1668
|
}
|
|
1669
1669
|
@media screen and (forced-colors: active) {
|
|
1670
1670
|
.jkl-loader__dot {
|
|
@@ -1692,7 +1692,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1692
1692
|
margin-right: 0.3em;
|
|
1693
1693
|
}
|
|
1694
1694
|
|
|
1695
|
-
@keyframes jkl-loader-left-spin-
|
|
1695
|
+
@keyframes jkl-loader-left-spin-uwu9dlx {
|
|
1696
1696
|
0% {
|
|
1697
1697
|
transform: rotate(0) scale(0);
|
|
1698
1698
|
}
|
|
@@ -1706,7 +1706,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1706
1706
|
transform: rotate(180deg) scale(0);
|
|
1707
1707
|
}
|
|
1708
1708
|
}
|
|
1709
|
-
@keyframes jkl-loader-middle-spin-
|
|
1709
|
+
@keyframes jkl-loader-middle-spin-uwu9dmb {
|
|
1710
1710
|
0% {
|
|
1711
1711
|
transform: rotate(20deg) scale(0);
|
|
1712
1712
|
}
|
|
@@ -1723,7 +1723,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1723
1723
|
transform: rotate(200deg) scale(0);
|
|
1724
1724
|
}
|
|
1725
1725
|
}
|
|
1726
|
-
@keyframes jkl-loader-right-spin-
|
|
1726
|
+
@keyframes jkl-loader-right-spin-uwu9dmw {
|
|
1727
1727
|
0% {
|
|
1728
1728
|
transform: rotate(40deg) scale(0);
|
|
1729
1729
|
}
|
|
@@ -1771,7 +1771,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1771
1771
|
bottom: 0;
|
|
1772
1772
|
width: 12.5rem;
|
|
1773
1773
|
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%);
|
|
1774
|
-
animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-
|
|
1774
|
+
animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uwu9dni;
|
|
1775
1775
|
}
|
|
1776
1776
|
@media (width >= 0) and (max-width: 679px) {
|
|
1777
1777
|
.jkl-skeleton-animation {
|
|
@@ -1802,7 +1802,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1802
1802
|
@media screen and (forced-colors: active) {
|
|
1803
1803
|
.jkl-skeleton-element {
|
|
1804
1804
|
border: 1px solid CanvasText;
|
|
1805
|
-
animation: 2s ease infinite jkl-blink-
|
|
1805
|
+
animation: 2s ease infinite jkl-blink-uwu9do4;
|
|
1806
1806
|
}
|
|
1807
1807
|
}
|
|
1808
1808
|
|
|
@@ -1858,11 +1858,11 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1858
1858
|
}
|
|
1859
1859
|
@media screen and (forced-colors: active) {
|
|
1860
1860
|
.jkl-skeleton-table {
|
|
1861
|
-
animation: 2s ease-in-out infinite jkl-blink-
|
|
1861
|
+
animation: 2s ease-in-out infinite jkl-blink-uwu9do4;
|
|
1862
1862
|
}
|
|
1863
1863
|
}
|
|
1864
1864
|
|
|
1865
|
-
@keyframes jkl-sweep-
|
|
1865
|
+
@keyframes jkl-sweep-uwu9dni {
|
|
1866
1866
|
0% {
|
|
1867
1867
|
transform: translateX(calc(0vw - 200px));
|
|
1868
1868
|
}
|
|
@@ -1870,7 +1870,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
|
|
|
1870
1870
|
transform: translateX(calc(100vw + 400px));
|
|
1871
1871
|
}
|
|
1872
1872
|
}
|
|
1873
|
-
@keyframes jkl-blink-
|
|
1873
|
+
@keyframes jkl-blink-uwu9do4 {
|
|
1874
1874
|
0% {
|
|
1875
1875
|
opacity: 1;
|
|
1876
1876
|
}
|
|
@@ -2334,7 +2334,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
2334
2334
|
--jkl-checkbox-line-height: 1.5rem;
|
|
2335
2335
|
}
|
|
2336
2336
|
|
|
2337
|
-
@keyframes jkl-checkbox-checked-
|
|
2337
|
+
@keyframes jkl-checkbox-checked-uwu9do9 {
|
|
2338
2338
|
0% {
|
|
2339
2339
|
width: 0;
|
|
2340
2340
|
height: 0;
|
|
@@ -2348,7 +2348,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
2348
2348
|
height: 58%;
|
|
2349
2349
|
}
|
|
2350
2350
|
}
|
|
2351
|
-
@keyframes jkl-checkbox-indeterminate-
|
|
2351
|
+
@keyframes jkl-checkbox-indeterminate-uwu9doq {
|
|
2352
2352
|
0% {
|
|
2353
2353
|
width: 0;
|
|
2354
2354
|
}
|
|
@@ -2376,11 +2376,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
2376
2376
|
top: -6px;
|
|
2377
2377
|
}
|
|
2378
2378
|
.jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
|
|
2379
|
-
animation: jkl-checkbox-checked-
|
|
2379
|
+
animation: jkl-checkbox-checked-uwu9do9 150ms ease-in-out forwards;
|
|
2380
2380
|
opacity: 1;
|
|
2381
2381
|
}
|
|
2382
2382
|
.jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
|
|
2383
|
-
animation: jkl-checkbox-indeterminate-
|
|
2383
|
+
animation: jkl-checkbox-indeterminate-uwu9doq 150ms ease-in-out forwards;
|
|
2384
2384
|
opacity: 1;
|
|
2385
2385
|
}
|
|
2386
2386
|
.jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
|
|
@@ -3699,7 +3699,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
|
|
|
3699
3699
|
padding: 1rem 0 2.5rem 0;
|
|
3700
3700
|
}
|
|
3701
3701
|
|
|
3702
|
-
@keyframes jkl-show-
|
|
3702
|
+
@keyframes jkl-show-uwu9dpc {
|
|
3703
3703
|
from {
|
|
3704
3704
|
transform: translate3d(0, 0.5rem, 0);
|
|
3705
3705
|
opacity: 0;
|
|
@@ -3734,7 +3734,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
|
|
|
3734
3734
|
}
|
|
3735
3735
|
}
|
|
3736
3736
|
.jkl-feedback__fade-in {
|
|
3737
|
-
animation: jkl-show-
|
|
3737
|
+
animation: jkl-show-uwu9dpc 0.25s ease-out;
|
|
3738
3738
|
}
|
|
3739
3739
|
.jkl-feedback__buttons {
|
|
3740
3740
|
display: flex;
|
|
@@ -3976,7 +3976,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
3976
3976
|
--background-color: var(--jkl-color-background-alert-success);
|
|
3977
3977
|
}
|
|
3978
3978
|
.jkl-message--dismissed {
|
|
3979
|
-
animation: jkl-dismiss-
|
|
3979
|
+
animation: jkl-dismiss-uwu9dpp 400ms ease-in-out forwards;
|
|
3980
3980
|
transition: visibility 0ms 400ms;
|
|
3981
3981
|
visibility: hidden;
|
|
3982
3982
|
}
|
|
@@ -3996,7 +3996,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
3996
3996
|
}
|
|
3997
3997
|
}
|
|
3998
3998
|
|
|
3999
|
-
@keyframes jkl-dismiss-
|
|
3999
|
+
@keyframes jkl-dismiss-uwu9dpp {
|
|
4000
4000
|
from {
|
|
4001
4001
|
opacity: 1;
|
|
4002
4002
|
transform: translate3d(0, 0, 0);
|
|
@@ -4052,7 +4052,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4052
4052
|
--jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
|
|
4053
4053
|
}
|
|
4054
4054
|
|
|
4055
|
-
@keyframes jkl-dot-in-
|
|
4055
|
+
@keyframes jkl-dot-in-uwu9dpz {
|
|
4056
4056
|
0% {
|
|
4057
4057
|
transform: scale(0.8);
|
|
4058
4058
|
}
|
|
@@ -4097,7 +4097,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4097
4097
|
}
|
|
4098
4098
|
.jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
|
|
4099
4099
|
--dot-color: var(--jkl-color-border-action);
|
|
4100
|
-
animation: jkl-dot-in-
|
|
4100
|
+
animation: jkl-dot-in-uwu9dpz 150ms ease;
|
|
4101
4101
|
}
|
|
4102
4102
|
@media screen and (forced-colors: active) {
|
|
4103
4103
|
.jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
|
|
@@ -4249,7 +4249,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4249
4249
|
--outer-border-thickness: 0.125rem;
|
|
4250
4250
|
}
|
|
4251
4251
|
|
|
4252
|
-
@keyframes jkl-dot-in-
|
|
4252
|
+
@keyframes jkl-dot-in-uwu9dqm {
|
|
4253
4253
|
0% {
|
|
4254
4254
|
transform: scale(0.8);
|
|
4255
4255
|
}
|
|
@@ -4297,7 +4297,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4297
4297
|
}
|
|
4298
4298
|
}
|
|
4299
4299
|
.jkl-radio-panel__input:checked + .jkl-radio-panel__decorator::after {
|
|
4300
|
-
animation: jkl-dot-in-
|
|
4300
|
+
animation: jkl-dot-in-uwu9dqm 150ms ease;
|
|
4301
4301
|
}
|
|
4302
4302
|
.jkl-radio-panel:has(:checked) {
|
|
4303
4303
|
--radio-dot-color: var(--jkl-color-border-action);
|
|
@@ -4309,7 +4309,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4309
4309
|
--radio-dot-color: var(--jkl-color-text-on-alert);
|
|
4310
4310
|
}
|
|
4311
4311
|
|
|
4312
|
-
@keyframes jkl-checkbox-checked-
|
|
4312
|
+
@keyframes jkl-checkbox-checked-uwu9drg {
|
|
4313
4313
|
0% {
|
|
4314
4314
|
width: 0;
|
|
4315
4315
|
height: 0;
|
|
@@ -4372,7 +4372,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
4372
4372
|
}
|
|
4373
4373
|
}
|
|
4374
4374
|
.jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator::after {
|
|
4375
|
-
animation: jkl-checkbox-checked-
|
|
4375
|
+
animation: jkl-checkbox-checked-uwu9drg 150ms ease-in-out forwards;
|
|
4376
4376
|
opacity: 1;
|
|
4377
4377
|
}
|
|
4378
4378
|
.jkl-checkbox-panel:has([aria-invalid=true]) {
|
|
@@ -5163,11 +5163,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
|
|
|
5163
5163
|
}
|
|
5164
5164
|
|
|
5165
5165
|
.jkl-countdown__tracker {
|
|
5166
|
-
animation: jkl-downcount-
|
|
5166
|
+
animation: jkl-downcount-uwu9dri var(--duration) linear forwards;
|
|
5167
5167
|
animation-play-state: var(--play-state, running);
|
|
5168
5168
|
}
|
|
5169
5169
|
|
|
5170
|
-
@keyframes jkl-downcount-
|
|
5170
|
+
@keyframes jkl-downcount-uwu9dri {
|
|
5171
5171
|
from {
|
|
5172
5172
|
width: 100%;
|
|
5173
5173
|
}
|
|
@@ -5375,7 +5375,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
|
|
|
5375
5375
|
margin-bottom: 0;
|
|
5376
5376
|
}
|
|
5377
5377
|
.jkl-system-message--dismissed {
|
|
5378
|
-
animation: jkl-dismiss-
|
|
5378
|
+
animation: jkl-dismiss-uwu9dsf 400ms ease-in forwards;
|
|
5379
5379
|
transition: visibility 0ms 400ms;
|
|
5380
5380
|
visibility: hidden;
|
|
5381
5381
|
}
|
|
@@ -5407,7 +5407,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
|
|
|
5407
5407
|
}
|
|
5408
5408
|
}
|
|
5409
5409
|
|
|
5410
|
-
@keyframes jkl-dismiss-
|
|
5410
|
+
@keyframes jkl-dismiss-uwu9dsf {
|
|
5411
5411
|
from {
|
|
5412
5412
|
opacity: 1;
|
|
5413
5413
|
transform: translate3d(0, 0, 0);
|
|
@@ -6277,14 +6277,14 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
|
|
|
6277
6277
|
|
|
6278
6278
|
.jkl-toast[data-animation=entering],
|
|
6279
6279
|
.jkl-toast[data-animation=queued] {
|
|
6280
|
-
animation: jkl-entering-
|
|
6280
|
+
animation: jkl-entering-uwu9dsg 200ms ease-out forwards;
|
|
6281
6281
|
}
|
|
6282
6282
|
|
|
6283
6283
|
.jkl-toast[data-animation=exiting] {
|
|
6284
|
-
animation: jkl-exiting-
|
|
6284
|
+
animation: jkl-exiting-uwu9dsw 150ms ease-in forwards;
|
|
6285
6285
|
}
|
|
6286
6286
|
|
|
6287
|
-
@keyframes jkl-entering-
|
|
6287
|
+
@keyframes jkl-entering-uwu9dsg {
|
|
6288
6288
|
from {
|
|
6289
6289
|
opacity: 0;
|
|
6290
6290
|
transform: translate3d(0, 50%, 0);
|
|
@@ -6294,7 +6294,7 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
|
|
|
6294
6294
|
transform: translate3d(0, 0, 0);
|
|
6295
6295
|
}
|
|
6296
6296
|
}
|
|
6297
|
-
@keyframes jkl-exiting-
|
|
6297
|
+
@keyframes jkl-exiting-uwu9dsw {
|
|
6298
6298
|
from {
|
|
6299
6299
|
opacity: 1;
|
|
6300
6300
|
transform: translate3d(0, 0, 0);
|