@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.
Files changed (30) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/tailwind/tailwindPreset.cjs +1 -1
  3. package/build/cjs/tailwind/tailwindPreset.cjs.map +1 -1
  4. package/build/es/tailwind/tailwindPreset.js +1 -1
  5. package/build/es/tailwind/tailwindPreset.js.map +1 -1
  6. package/package.json +1 -1
  7. package/styles/components/countdown/countdown.css +2 -2
  8. package/styles/components/countdown/countdown.min.css +1 -1
  9. package/styles/components/feedback/feedback.css +2 -2
  10. package/styles/components/feedback/feedback.min.css +1 -1
  11. package/styles/components/file-input/file-input.css +9 -9
  12. package/styles/components/file-input/file-input.min.css +1 -1
  13. package/styles/components/input-group/input-group.css +2 -2
  14. package/styles/components/input-group/input-group.min.css +1 -1
  15. package/styles/components/loader/loader.css +6 -6
  16. package/styles/components/loader/loader.min.css +1 -1
  17. package/styles/components/loader/skeleton-loader.css +3 -3
  18. package/styles/components/loader/skeleton-loader.min.css +1 -1
  19. package/styles/components/message/message.css +2 -2
  20. package/styles/components/message/message.min.css +1 -1
  21. package/styles/components/progress-bar/progress-bar.css +1 -1
  22. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  23. package/styles/components/segmented-control/segmented-control.css +2 -2
  24. package/styles/components/segmented-control/segmented-control.min.css +1 -1
  25. package/styles/components/system-message/system-message.css +2 -2
  26. package/styles/components/system-message/system-message.min.css +1 -1
  27. package/styles/components/toast/toast.css +4 -4
  28. package/styles/components/toast/toast.min.css +1 -1
  29. package/styles/components.css +24 -24
  30. package/styles/components.min.css +1 -1
@@ -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-u9ljqwi forwards;
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-u9ljqwi {
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-u9ljqwn;
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-u9ljqxe;
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-u9ljqxy;
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-u9ljqwn {
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-u9ljqxe {
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-u9ljqxy {
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-u9ljqy7;
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-u9ljqy7;
981
+ animation: 2s ease-in-out infinite jkl-blink-u2cy7at;
982
982
  }
983
983
  }
984
- @keyframes jkl-blink-u9ljqy7 {
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-u9ljqzg var(--duration) linear forwards;
2123
+ animation: jkl-downcount-u2cy7bj var(--duration) linear forwards;
2124
2124
  animation-play-state: var(--play-state, running);
2125
2125
  }
2126
- @keyframes jkl-downcount-u9ljqzg {
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-u9ljqzs 0.25s ease-out;
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-u9ljqzs {
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-u9ljr0q var(--jkl-motion-timing-lazy) ease-in-out forwards;
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-u9ljr0q {
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-u9ljr1k {
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-u9ljr22 var(--jkl-motion-timing-lazy) forwards;
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-u9ljr22 {
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-u9ljr31 var(--jkl-motion-timing-polite) var(--jkl-motion-easing-entrance) forwards;
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-u9ljr34 var(--jkl-motion-timing-productive) var(--jkl-motion-easing-exit) forwards;
5830
+ animation: jkl-exiting-u2cy7g2 var(--jkl-motion-timing-productive) var(--jkl-motion-easing-exit) forwards;
5831
5831
  }
5832
- @keyframes jkl-entering-u9ljr31 {
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-u9ljr34 {
5842
+ @keyframes jkl-exiting-u2cy7g2 {
5843
5843
  from {
5844
5844
  opacity: 1;
5845
5845
  transform: translate3d(0, 0, 0);