@fremtind/jokul 0.71.0 → 0.71.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/file-input/index.d.cts +1 -1
- package/build/cjs/components/menu/useMenuWideEvents.cjs +1 -1
- package/build/cjs/components/menu/useMenuWideEvents.cjs.map +1 -1
- package/build/cjs/components/menu/useMenuWideEvents.d.cts +1 -1
- package/build/es/components/file-input/index.d.ts +1 -1
- package/build/es/components/menu/useMenuWideEvents.d.ts +1 -1
- package/build/es/components/menu/useMenuWideEvents.js +1 -1
- package/build/es/components/menu/useMenuWideEvents.js.map +1 -1
- package/build/jokul.css +1 -1
- package/package.json +3 -2
- 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/file-input/file-input.css +11 -11
- package/styles/components/file-input/file-input.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
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
margin-bottom: 0;
|
|
145
145
|
}
|
|
146
146
|
.jkl-system-message--dismissed {
|
|
147
|
-
animation: jkl-dismiss-
|
|
147
|
+
animation: jkl-dismiss-uqj5308 400ms ease-in forwards;
|
|
148
148
|
transition: visibility 0ms 400ms;
|
|
149
149
|
visibility: hidden;
|
|
150
150
|
}
|
|
@@ -176,7 +176,7 @@
|
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
@keyframes jkl-dismiss-
|
|
179
|
+
@keyframes jkl-dismiss-uqj5308 {
|
|
180
180
|
from {
|
|
181
181
|
opacity: 1;
|
|
182
182
|
transform: translate3d(0, 0, 0);
|
|
@@ -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-uqj5308 .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-uqj5308{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}
|
|
@@ -188,14 +188,14 @@
|
|
|
188
188
|
|
|
189
189
|
.jkl-toast[data-animation=entering],
|
|
190
190
|
.jkl-toast[data-animation=queued] {
|
|
191
|
-
animation: jkl-entering-
|
|
191
|
+
animation: jkl-entering-u1bmn6d 200ms ease-out forwards;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
194
|
.jkl-toast[data-animation=exiting] {
|
|
195
|
-
animation: jkl-exiting-
|
|
195
|
+
animation: jkl-exiting-u1bmn6z 150ms ease-in forwards;
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
-
@keyframes jkl-entering-
|
|
198
|
+
@keyframes jkl-entering-u1bmn6d {
|
|
199
199
|
from {
|
|
200
200
|
opacity: 0;
|
|
201
201
|
transform: translate3d(0, 50%, 0);
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
transform: translate3d(0, 0, 0);
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
|
-
@keyframes jkl-exiting-
|
|
208
|
+
@keyframes jkl-exiting-u1bmn6z {
|
|
209
209
|
from {
|
|
210
210
|
opacity: 1;
|
|
211
211
|
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;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:#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__action{margin-top:.75rem}.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;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:#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__action{margin-top:.75rem}.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-u1bmn6d .2s ease-out forwards}.jkl-toast[data-animation=exiting]{animation:jkl-exiting-u1bmn6z .15s ease-in forwards}@keyframes jkl-entering-u1bmn6d{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes jkl-exiting-u1bmn6z{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,50%,0)}}
|
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-uixndqj 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-uixndqj {
|
|
862
862
|
0% {
|
|
863
863
|
margin-right: 0;
|
|
864
864
|
opacity: 0;
|
|
@@ -1241,15 +1241,15 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
|
|
|
1241
1241
|
animation: 2500ms linear infinite;
|
|
1242
1242
|
}
|
|
1243
1243
|
.jkl-loader__dot--left {
|
|
1244
|
-
animation-name: jkl-loader-left-spin-
|
|
1244
|
+
animation-name: jkl-loader-left-spin-uixndra;
|
|
1245
1245
|
margin-right: 1.71em;
|
|
1246
1246
|
}
|
|
1247
1247
|
.jkl-loader__dot--middle {
|
|
1248
|
-
animation-name: jkl-loader-middle-spin-
|
|
1248
|
+
animation-name: jkl-loader-middle-spin-uixndrj;
|
|
1249
1249
|
margin-right: 1.9em;
|
|
1250
1250
|
}
|
|
1251
1251
|
.jkl-loader__dot--right {
|
|
1252
|
-
animation-name: jkl-loader-right-spin-
|
|
1252
|
+
animation-name: jkl-loader-right-spin-uixndsb;
|
|
1253
1253
|
}
|
|
1254
1254
|
@media screen and (forced-colors: active) {
|
|
1255
1255
|
.jkl-loader__dot {
|
|
@@ -1277,7 +1277,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
|
|
|
1277
1277
|
margin-right: 0.3em;
|
|
1278
1278
|
}
|
|
1279
1279
|
|
|
1280
|
-
@keyframes jkl-loader-left-spin-
|
|
1280
|
+
@keyframes jkl-loader-left-spin-uixndra {
|
|
1281
1281
|
0% {
|
|
1282
1282
|
transform: rotate(0) scale(0);
|
|
1283
1283
|
}
|
|
@@ -1291,7 +1291,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
|
|
|
1291
1291
|
transform: rotate(180deg) scale(0);
|
|
1292
1292
|
}
|
|
1293
1293
|
}
|
|
1294
|
-
@keyframes jkl-loader-middle-spin-
|
|
1294
|
+
@keyframes jkl-loader-middle-spin-uixndrj {
|
|
1295
1295
|
0% {
|
|
1296
1296
|
transform: rotate(20deg) scale(0);
|
|
1297
1297
|
}
|
|
@@ -1308,7 +1308,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
|
|
|
1308
1308
|
transform: rotate(200deg) scale(0);
|
|
1309
1309
|
}
|
|
1310
1310
|
}
|
|
1311
|
-
@keyframes jkl-loader-right-spin-
|
|
1311
|
+
@keyframes jkl-loader-right-spin-uixndsb {
|
|
1312
1312
|
0% {
|
|
1313
1313
|
transform: rotate(40deg) scale(0);
|
|
1314
1314
|
}
|
|
@@ -1356,7 +1356,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
|
|
|
1356
1356
|
bottom: 0;
|
|
1357
1357
|
width: 12.5rem;
|
|
1358
1358
|
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%);
|
|
1359
|
-
animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-
|
|
1359
|
+
animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uixndt6;
|
|
1360
1360
|
}
|
|
1361
1361
|
@media (width >= 0) and (max-width: 679px) {
|
|
1362
1362
|
.jkl-skeleton-animation {
|
|
@@ -1387,7 +1387,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
|
|
|
1387
1387
|
@media screen and (forced-colors: active) {
|
|
1388
1388
|
.jkl-skeleton-element {
|
|
1389
1389
|
border: 1px solid CanvasText;
|
|
1390
|
-
animation: 2s ease infinite jkl-blink-
|
|
1390
|
+
animation: 2s ease infinite jkl-blink-uixndtc;
|
|
1391
1391
|
}
|
|
1392
1392
|
}
|
|
1393
1393
|
|
|
@@ -1443,11 +1443,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
|
|
|
1443
1443
|
}
|
|
1444
1444
|
@media screen and (forced-colors: active) {
|
|
1445
1445
|
.jkl-skeleton-table {
|
|
1446
|
-
animation: 2s ease-in-out infinite jkl-blink-
|
|
1446
|
+
animation: 2s ease-in-out infinite jkl-blink-uixndtc;
|
|
1447
1447
|
}
|
|
1448
1448
|
}
|
|
1449
1449
|
|
|
1450
|
-
@keyframes jkl-sweep-
|
|
1450
|
+
@keyframes jkl-sweep-uixndt6 {
|
|
1451
1451
|
0% {
|
|
1452
1452
|
transform: translateX(calc(0vw - 200px));
|
|
1453
1453
|
}
|
|
@@ -1455,7 +1455,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-tooltip-trigge
|
|
|
1455
1455
|
transform: translateX(calc(100vw + 400px));
|
|
1456
1456
|
}
|
|
1457
1457
|
}
|
|
1458
|
-
@keyframes jkl-blink-
|
|
1458
|
+
@keyframes jkl-blink-uixndtc {
|
|
1459
1459
|
0% {
|
|
1460
1460
|
opacity: 1;
|
|
1461
1461
|
}
|
|
@@ -1919,7 +1919,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
1919
1919
|
--jkl-checkbox-line-height: 1.5rem;
|
|
1920
1920
|
}
|
|
1921
1921
|
|
|
1922
|
-
@keyframes jkl-checkbox-checked-
|
|
1922
|
+
@keyframes jkl-checkbox-checked-uixndte {
|
|
1923
1923
|
0% {
|
|
1924
1924
|
width: 0;
|
|
1925
1925
|
height: 0;
|
|
@@ -1933,7 +1933,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
1933
1933
|
height: 58%;
|
|
1934
1934
|
}
|
|
1935
1935
|
}
|
|
1936
|
-
@keyframes jkl-checkbox-indeterminate-
|
|
1936
|
+
@keyframes jkl-checkbox-indeterminate-uixndtf {
|
|
1937
1937
|
0% {
|
|
1938
1938
|
width: 0;
|
|
1939
1939
|
}
|
|
@@ -1962,11 +1962,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
1962
1962
|
left: calc(-0.5 * var(--jkl-checkbox-box-size));
|
|
1963
1963
|
}
|
|
1964
1964
|
.jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
|
|
1965
|
-
animation: jkl-checkbox-checked-
|
|
1965
|
+
animation: jkl-checkbox-checked-uixndte 150ms ease-in-out forwards;
|
|
1966
1966
|
opacity: 1;
|
|
1967
1967
|
}
|
|
1968
1968
|
.jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
|
|
1969
|
-
animation: jkl-checkbox-indeterminate-
|
|
1969
|
+
animation: jkl-checkbox-indeterminate-uixndtf 150ms ease-in-out forwards;
|
|
1970
1970
|
opacity: 1;
|
|
1971
1971
|
}
|
|
1972
1972
|
.jkl-checkbox__input:focus-visible + .jkl-checkbox__label {
|
|
@@ -2137,7 +2137,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
2137
2137
|
--outer-border-thickness: 0.125rem;
|
|
2138
2138
|
}
|
|
2139
2139
|
|
|
2140
|
-
@keyframes jkl-checkbox-checked-
|
|
2140
|
+
@keyframes jkl-checkbox-checked-uixndtz {
|
|
2141
2141
|
0% {
|
|
2142
2142
|
width: 0;
|
|
2143
2143
|
height: 0;
|
|
@@ -2200,7 +2200,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-nav-card:focus
|
|
|
2200
2200
|
}
|
|
2201
2201
|
}
|
|
2202
2202
|
.jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator::after {
|
|
2203
|
-
animation: jkl-checkbox-checked-
|
|
2203
|
+
animation: jkl-checkbox-checked-uixndtz 150ms ease-in-out forwards;
|
|
2204
2204
|
opacity: 1;
|
|
2205
2205
|
}
|
|
2206
2206
|
.jkl-checkbox-panel:has([aria-invalid=true]) {
|
|
@@ -2893,11 +2893,11 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
|
|
|
2893
2893
|
}
|
|
2894
2894
|
}
|
|
2895
2895
|
.jkl-countdown__tracker {
|
|
2896
|
-
animation: jkl-downcount-
|
|
2896
|
+
animation: jkl-downcount-uixnduf var(--duration) linear forwards;
|
|
2897
2897
|
animation-play-state: var(--play-state, running);
|
|
2898
2898
|
}
|
|
2899
2899
|
|
|
2900
|
-
@keyframes jkl-downcount-
|
|
2900
|
+
@keyframes jkl-downcount-uixnduf {
|
|
2901
2901
|
from {
|
|
2902
2902
|
width: 100%;
|
|
2903
2903
|
}
|
|
@@ -3569,7 +3569,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
|
|
|
3569
3569
|
padding: 1rem 0 2.5rem 0;
|
|
3570
3570
|
}
|
|
3571
3571
|
|
|
3572
|
-
@keyframes jkl-show-
|
|
3572
|
+
@keyframes jkl-show-uixndve {
|
|
3573
3573
|
from {
|
|
3574
3574
|
transform: translate3d(0, 0.5rem, 0);
|
|
3575
3575
|
opacity: 0;
|
|
@@ -3604,7 +3604,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-combobox__wrap
|
|
|
3604
3604
|
}
|
|
3605
3605
|
}
|
|
3606
3606
|
.jkl-feedback__fade-in {
|
|
3607
|
-
animation: jkl-show-
|
|
3607
|
+
animation: jkl-show-uixndve 0.25s ease-out;
|
|
3608
3608
|
}
|
|
3609
3609
|
.jkl-feedback__buttons {
|
|
3610
3610
|
display: flex;
|
|
@@ -3846,7 +3846,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
3846
3846
|
--background-color: var(--jkl-color-background-alert-success);
|
|
3847
3847
|
}
|
|
3848
3848
|
.jkl-message--dismissed {
|
|
3849
|
-
animation: jkl-dismiss-
|
|
3849
|
+
animation: jkl-dismiss-uixndw2 400ms ease-in-out forwards;
|
|
3850
3850
|
transition: visibility 0ms 400ms;
|
|
3851
3851
|
visibility: hidden;
|
|
3852
3852
|
}
|
|
@@ -3866,7 +3866,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
3866
3866
|
}
|
|
3867
3867
|
}
|
|
3868
3868
|
|
|
3869
|
-
@keyframes jkl-dismiss-
|
|
3869
|
+
@keyframes jkl-dismiss-uixndw2 {
|
|
3870
3870
|
from {
|
|
3871
3871
|
opacity: 1;
|
|
3872
3872
|
transform: translate3d(0, 0, 0);
|
|
@@ -3922,7 +3922,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
3922
3922
|
--jkl-radio-button-label-font-weight: var(--jkl-small-font-weight);
|
|
3923
3923
|
}
|
|
3924
3924
|
|
|
3925
|
-
@keyframes jkl-dot-in-
|
|
3925
|
+
@keyframes jkl-dot-in-uixndx1 {
|
|
3926
3926
|
0% {
|
|
3927
3927
|
transform: scale(0.8);
|
|
3928
3928
|
}
|
|
@@ -3968,7 +3968,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus + .jkl-
|
|
|
3968
3968
|
}
|
|
3969
3969
|
.jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
|
|
3970
3970
|
--dot-color: var(--jkl-color-border-action);
|
|
3971
|
-
animation: jkl-dot-in-
|
|
3971
|
+
animation: jkl-dot-in-uixndx1 150ms ease;
|
|
3972
3972
|
}
|
|
3973
3973
|
@media screen and (forced-colors: active) {
|
|
3974
3974
|
.jkl-radio-button__input:checked + .jkl-radio-button__label > .jkl-radio-button__dot::after {
|
|
@@ -5059,7 +5059,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
|
|
|
5059
5059
|
transition-duration: 150ms;
|
|
5060
5060
|
}
|
|
5061
5061
|
|
|
5062
|
-
@keyframes jkl-downcount-
|
|
5062
|
+
@keyframes jkl-downcount-uixndx6 {
|
|
5063
5063
|
from {
|
|
5064
5064
|
width: 100%;
|
|
5065
5065
|
}
|
|
@@ -5067,7 +5067,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
|
|
|
5067
5067
|
width: 0%;
|
|
5068
5068
|
}
|
|
5069
5069
|
}
|
|
5070
|
-
@keyframes jkl-dot-in-
|
|
5070
|
+
@keyframes jkl-dot-in-uixndxd {
|
|
5071
5071
|
0% {
|
|
5072
5072
|
transform: scale(0.8);
|
|
5073
5073
|
}
|
|
@@ -5115,7 +5115,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
|
|
|
5115
5115
|
}
|
|
5116
5116
|
}
|
|
5117
5117
|
.jkl-radio-panel__input:checked + .jkl-radio-panel__decorator::after {
|
|
5118
|
-
animation: jkl-dot-in-
|
|
5118
|
+
animation: jkl-dot-in-uixndxd 150ms ease;
|
|
5119
5119
|
}
|
|
5120
5120
|
.jkl-radio-panel:has(:checked) {
|
|
5121
5121
|
--radio-dot-color: var(--jkl-color-border-action);
|
|
@@ -5327,7 +5327,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
|
|
|
5327
5327
|
margin-bottom: 0;
|
|
5328
5328
|
}
|
|
5329
5329
|
.jkl-system-message--dismissed {
|
|
5330
|
-
animation: jkl-dismiss-
|
|
5330
|
+
animation: jkl-dismiss-uixndxm 400ms ease-in forwards;
|
|
5331
5331
|
transition: visibility 0ms 400ms;
|
|
5332
5332
|
visibility: hidden;
|
|
5333
5333
|
}
|
|
@@ -5359,7 +5359,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select:has(:fo
|
|
|
5359
5359
|
}
|
|
5360
5360
|
}
|
|
5361
5361
|
|
|
5362
|
-
@keyframes jkl-dismiss-
|
|
5362
|
+
@keyframes jkl-dismiss-uixndxm {
|
|
5363
5363
|
from {
|
|
5364
5364
|
opacity: 1;
|
|
5365
5365
|
transform: translate3d(0, 0, 0);
|
|
@@ -6253,14 +6253,14 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
|
|
|
6253
6253
|
|
|
6254
6254
|
.jkl-toast[data-animation=entering],
|
|
6255
6255
|
.jkl-toast[data-animation=queued] {
|
|
6256
|
-
animation: jkl-entering-
|
|
6256
|
+
animation: jkl-entering-uixndy5 200ms ease-out forwards;
|
|
6257
6257
|
}
|
|
6258
6258
|
|
|
6259
6259
|
.jkl-toast[data-animation=exiting] {
|
|
6260
|
-
animation: jkl-exiting-
|
|
6260
|
+
animation: jkl-exiting-uixndym 150ms ease-in forwards;
|
|
6261
6261
|
}
|
|
6262
6262
|
|
|
6263
|
-
@keyframes jkl-entering-
|
|
6263
|
+
@keyframes jkl-entering-uixndy5 {
|
|
6264
6264
|
from {
|
|
6265
6265
|
opacity: 0;
|
|
6266
6266
|
transform: translate3d(0, 50%, 0);
|
|
@@ -6270,7 +6270,7 @@ html:not([data-mousenavigation]) .jkl-table-pagination__previous:focus, html:not
|
|
|
6270
6270
|
transform: translate3d(0, 0, 0);
|
|
6271
6271
|
}
|
|
6272
6272
|
}
|
|
6273
|
-
@keyframes jkl-exiting-
|
|
6273
|
+
@keyframes jkl-exiting-uixndym {
|
|
6274
6274
|
from {
|
|
6275
6275
|
opacity: 1;
|
|
6276
6276
|
transform: translate3d(0, 0, 0);
|