@fremtind/jokul 5.0.2 → 5.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/build-stats.html +1 -1
- package/build/cjs/tailwind/tailwindPreset.cjs +1 -1
- package/build/cjs/tailwind/tailwindPreset.cjs.map +1 -1
- package/build/es/tailwind/tailwindPreset.js +1 -1
- package/build/es/tailwind/tailwindPreset.js.map +1 -1
- package/package.json +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 +9 -9
- 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 +3 -3
- 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/segmented-control/segmented-control.css +2 -2
- package/styles/components/segmented-control/segmented-control.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/components.css +24 -24
- package/styles/components.min.css +1 -1
package/styles/components.css
CHANGED
|
@@ -431,7 +431,7 @@
|
|
|
431
431
|
--color: var(--jkl-color-text-default);
|
|
432
432
|
}
|
|
433
433
|
.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 {
|
|
434
|
-
animation: var(--jkl-motion-timing-lazy) cubic-bezier(0, 0, 0.3, 1) var(--jkl-motion-timing-expressive) jkl-support-icon-entrance-
|
|
434
|
+
animation: var(--jkl-motion-timing-lazy) cubic-bezier(0, 0, 0.3, 1) var(--jkl-motion-timing-expressive) jkl-support-icon-entrance-u2cy78g forwards;
|
|
435
435
|
}
|
|
436
436
|
.jkl-form-support-label--sr-only {
|
|
437
437
|
border: 0 !important;
|
|
@@ -485,7 +485,7 @@
|
|
|
485
485
|
.jkl-label:has(+ .jkl-input-group-description) {
|
|
486
486
|
margin-block-end: var(--jkl-spacing-4);
|
|
487
487
|
}
|
|
488
|
-
@keyframes jkl-support-icon-entrance-
|
|
488
|
+
@keyframes jkl-support-icon-entrance-u2cy78g {
|
|
489
489
|
0% {
|
|
490
490
|
margin-right: 0;
|
|
491
491
|
opacity: 0;
|
|
@@ -844,22 +844,22 @@
|
|
|
844
844
|
animation: 2500ms linear infinite;
|
|
845
845
|
}
|
|
846
846
|
.jkl-loader__dot--left {
|
|
847
|
-
animation-name: jkl-loader-left-spin-
|
|
847
|
+
animation-name: jkl-loader-left-spin-u2cy79c;
|
|
848
848
|
margin-right: calc(var(--jkl-loader-spacing) * 0.9);
|
|
849
849
|
}
|
|
850
850
|
.jkl-loader__dot--middle {
|
|
851
|
-
animation-name: jkl-loader-middle-spin-
|
|
851
|
+
animation-name: jkl-loader-middle-spin-u2cy79d;
|
|
852
852
|
margin-right: var(--jkl-loader-spacing);
|
|
853
853
|
}
|
|
854
854
|
.jkl-loader__dot--right {
|
|
855
|
-
animation-name: jkl-loader-right-spin-
|
|
855
|
+
animation-name: jkl-loader-right-spin-u2cy7a7;
|
|
856
856
|
}
|
|
857
857
|
@media screen and (forced-colors: active) {
|
|
858
858
|
.jkl-loader__dot {
|
|
859
859
|
background-color: CanvasText;
|
|
860
860
|
}
|
|
861
861
|
}
|
|
862
|
-
@keyframes jkl-loader-left-spin-
|
|
862
|
+
@keyframes jkl-loader-left-spin-u2cy79c {
|
|
863
863
|
0% {
|
|
864
864
|
transform: rotate(0) scale(0);
|
|
865
865
|
}
|
|
@@ -873,7 +873,7 @@
|
|
|
873
873
|
transform: rotate(180deg) scale(0);
|
|
874
874
|
}
|
|
875
875
|
}
|
|
876
|
-
@keyframes jkl-loader-middle-spin-
|
|
876
|
+
@keyframes jkl-loader-middle-spin-u2cy79d {
|
|
877
877
|
0% {
|
|
878
878
|
transform: rotate(20deg) scale(0);
|
|
879
879
|
}
|
|
@@ -890,7 +890,7 @@
|
|
|
890
890
|
transform: rotate(200deg) scale(0);
|
|
891
891
|
}
|
|
892
892
|
}
|
|
893
|
-
@keyframes jkl-loader-right-spin-
|
|
893
|
+
@keyframes jkl-loader-right-spin-u2cy7a7 {
|
|
894
894
|
0% {
|
|
895
895
|
transform: rotate(40deg) scale(0);
|
|
896
896
|
}
|
|
@@ -930,7 +930,7 @@
|
|
|
930
930
|
@media screen and (forced-colors: active) {
|
|
931
931
|
.jkl-skeleton-element {
|
|
932
932
|
border: 1px solid CanvasText;
|
|
933
|
-
animation: 2s ease infinite jkl-blink-
|
|
933
|
+
animation: 2s ease infinite jkl-blink-u2cy7at;
|
|
934
934
|
}
|
|
935
935
|
}
|
|
936
936
|
.jkl-skeleton-input {
|
|
@@ -978,10 +978,10 @@
|
|
|
978
978
|
}
|
|
979
979
|
@media screen and (forced-colors: active) {
|
|
980
980
|
.jkl-skeleton-table {
|
|
981
|
-
animation: 2s ease-in-out infinite jkl-blink-
|
|
981
|
+
animation: 2s ease-in-out infinite jkl-blink-u2cy7at;
|
|
982
982
|
}
|
|
983
983
|
}
|
|
984
|
-
@keyframes jkl-blink-
|
|
984
|
+
@keyframes jkl-blink-u2cy7at {
|
|
985
985
|
0% {
|
|
986
986
|
opacity: 1;
|
|
987
987
|
}
|
|
@@ -2120,10 +2120,10 @@
|
|
|
2120
2120
|
}
|
|
2121
2121
|
}
|
|
2122
2122
|
.jkl-countdown__tracker {
|
|
2123
|
-
animation: jkl-downcount-
|
|
2123
|
+
animation: jkl-downcount-u2cy7bj var(--duration) linear forwards;
|
|
2124
2124
|
animation-play-state: var(--play-state, running);
|
|
2125
2125
|
}
|
|
2126
|
-
@keyframes jkl-downcount-
|
|
2126
|
+
@keyframes jkl-downcount-u2cy7bj {
|
|
2127
2127
|
from {
|
|
2128
2128
|
width: 100%;
|
|
2129
2129
|
}
|
|
@@ -2624,12 +2624,12 @@
|
|
|
2624
2624
|
font: var(--jkl-text-style-paragraph-small);
|
|
2625
2625
|
}
|
|
2626
2626
|
.jkl-feedback__fade-in {
|
|
2627
|
-
animation: jkl-show-
|
|
2627
|
+
animation: jkl-show-u2cy7c5 0.25s ease-out;
|
|
2628
2628
|
}
|
|
2629
2629
|
.jkl-feedback__buttons {
|
|
2630
2630
|
display: flex;
|
|
2631
2631
|
}
|
|
2632
|
-
@keyframes jkl-show-
|
|
2632
|
+
@keyframes jkl-show-u2cy7c5 {
|
|
2633
2633
|
from {
|
|
2634
2634
|
transform: translate3d(0, 0.5rem, 0);
|
|
2635
2635
|
opacity: 0;
|
|
@@ -2841,7 +2841,7 @@
|
|
|
2841
2841
|
--icon-color: var(--jkl-color-success-background-contrast);
|
|
2842
2842
|
}
|
|
2843
2843
|
.jkl-message--dismissed {
|
|
2844
|
-
animation: jkl-dismiss-
|
|
2844
|
+
animation: jkl-dismiss-u2cy7cv var(--jkl-motion-timing-lazy) ease-in-out forwards;
|
|
2845
2845
|
transition: visibility 0ms var(--jkl-motion-timing-lazy);
|
|
2846
2846
|
visibility: hidden;
|
|
2847
2847
|
}
|
|
@@ -2863,7 +2863,7 @@
|
|
|
2863
2863
|
.jkl-form-error-message {
|
|
2864
2864
|
padding-bottom: var(--jkl-unit-50);
|
|
2865
2865
|
}
|
|
2866
|
-
@keyframes jkl-dismiss-
|
|
2866
|
+
@keyframes jkl-dismiss-u2cy7cv {
|
|
2867
2867
|
from {
|
|
2868
2868
|
opacity: 1;
|
|
2869
2869
|
transform: translate3d(0, 0, 0);
|
|
@@ -4464,7 +4464,7 @@
|
|
|
4464
4464
|
transition-timing-function: var(--jkl-motion-easing-standard);
|
|
4465
4465
|
transition-duration: var(--jkl-motion-timing-productive);
|
|
4466
4466
|
}
|
|
4467
|
-
@keyframes jkl-downcount-
|
|
4467
|
+
@keyframes jkl-downcount-u2cy7db {
|
|
4468
4468
|
from {
|
|
4469
4469
|
width: 100%;
|
|
4470
4470
|
}
|
|
@@ -4958,7 +4958,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta s
|
|
|
4958
4958
|
margin-bottom: 0;
|
|
4959
4959
|
}
|
|
4960
4960
|
.jkl-system-message--dismissed {
|
|
4961
|
-
animation: jkl-dismiss-
|
|
4961
|
+
animation: jkl-dismiss-u2cy7eq var(--jkl-motion-timing-lazy) forwards;
|
|
4962
4962
|
transition: block var(--jkl-motion-timing-lazy) var(--jkl-motion-timing-lazy);
|
|
4963
4963
|
}
|
|
4964
4964
|
.jkl-system-message--info {
|
|
@@ -4996,7 +4996,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta s
|
|
|
4996
4996
|
border-width: 4px;
|
|
4997
4997
|
}
|
|
4998
4998
|
}
|
|
4999
|
-
@keyframes jkl-dismiss-
|
|
4999
|
+
@keyframes jkl-dismiss-u2cy7eq {
|
|
5000
5000
|
from {
|
|
5001
5001
|
opacity: 1;
|
|
5002
5002
|
transform: translateY(0);
|
|
@@ -5824,12 +5824,12 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta s
|
|
|
5824
5824
|
}
|
|
5825
5825
|
.jkl-toast[data-animation=entering],
|
|
5826
5826
|
.jkl-toast[data-animation=queued] {
|
|
5827
|
-
animation: jkl-entering-
|
|
5827
|
+
animation: jkl-entering-u2cy7fk var(--jkl-motion-timing-polite) var(--jkl-motion-easing-entrance) forwards;
|
|
5828
5828
|
}
|
|
5829
5829
|
.jkl-toast[data-animation=exiting] {
|
|
5830
|
-
animation: jkl-exiting-
|
|
5830
|
+
animation: jkl-exiting-u2cy7g2 var(--jkl-motion-timing-productive) var(--jkl-motion-easing-exit) forwards;
|
|
5831
5831
|
}
|
|
5832
|
-
@keyframes jkl-entering-
|
|
5832
|
+
@keyframes jkl-entering-u2cy7fk {
|
|
5833
5833
|
from {
|
|
5834
5834
|
opacity: 0;
|
|
5835
5835
|
transform: translate3d(0, 50%, 0);
|
|
@@ -5839,7 +5839,7 @@ html:not([data-mousenavigation]):not([data-touchnavigation]) .jkl-select--beta s
|
|
|
5839
5839
|
transform: translate3d(0, 0, 0);
|
|
5840
5840
|
}
|
|
5841
5841
|
}
|
|
5842
|
-
@keyframes jkl-exiting-
|
|
5842
|
+
@keyframes jkl-exiting-u2cy7g2 {
|
|
5843
5843
|
from {
|
|
5844
5844
|
opacity: 1;
|
|
5845
5845
|
transform: translate3d(0, 0, 0);
|