daisyui 2.14.2 → 2.15.1

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 (11) hide show
  1. package/README.md +9 -9
  2. package/dist/full.css +1 -1
  3. package/dist/styled.css +28 -86
  4. package/dist/styled.js +1 -1
  5. package/dist/styled.rtl.js +1 -1
  6. package/dist/unstyled.css +20 -52
  7. package/dist/unstyled.js +1 -1
  8. package/dist/unstyled.rtl.js +1 -1
  9. package/dist/utilities.js +1 -1
  10. package/package.json +1 -1
  11. package/src/lib/responsiveRegex.js +1 -1
package/dist/styled.css CHANGED
@@ -52,9 +52,7 @@
52
52
  display: inline-flex;
53
53
  align-items: center;
54
54
  justify-content: center;
55
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
56
55
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
57
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
58
56
  transition-duration: 200ms;
59
57
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
60
58
  height: 1.25rem;
@@ -84,23 +82,19 @@
84
82
  align-items: center
85
83
  }
86
84
  .breadcrumbs > ul > li > a:hover {
87
- -webkit-text-decoration-line: underline;
88
- text-decoration-line: underline
85
+ text-decoration-line: underline
89
86
  }
90
87
  .btn {
91
88
  display: inline-flex;
92
89
  flex-shrink: 0;
93
90
  cursor: pointer;
94
- -webkit-user-select: none;
95
- user-select: none;
91
+ user-select: none;
96
92
  flex-wrap: wrap;
97
93
  align-items: center;
98
94
  justify-content: center;
99
95
  border-color: transparent;
100
96
  text-align: center;
101
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
102
97
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
103
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
104
98
  transition-duration: 200ms;
105
99
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
106
100
  border-radius: var(--rounded-btn, 0.5rem);
@@ -172,8 +166,7 @@
172
166
  flex-wrap: wrap;
173
167
  }
174
168
  .btn-group > input[type="radio"].btn {
175
- -webkit-appearance: none;
176
- appearance: none;
169
+ appearance: none;
177
170
  }
178
171
  .btn-group > input[type="radio"].btn:before {
179
172
  content: attr(data-title);
@@ -261,8 +254,7 @@
261
254
  grid-row-start: 1;
262
255
  }
263
256
  .collapse > input[type="checkbox"] {
264
- -webkit-appearance: none;
265
- appearance: none;
257
+ appearance: none;
266
258
  opacity: 0;
267
259
  }
268
260
  .collapse-content {
@@ -316,7 +308,7 @@
316
308
  overflow: hidden;
317
309
 
318
310
  height: 100vh;
319
- height: 100svh;
311
+ height: 100dvh;
320
312
  }
321
313
 
322
314
  .drawer.drawer-end {
@@ -353,9 +345,7 @@
353
345
 
354
346
  width: 0px;
355
347
 
356
- -webkit-appearance: none;
357
-
358
- appearance: none;
348
+ appearance: none;
359
349
 
360
350
  opacity: 0;
361
351
  }
@@ -573,8 +563,7 @@
573
563
  }
574
564
  .label {
575
565
  display: flex;
576
- -webkit-user-select: none;
577
- user-select: none;
566
+ user-select: none;
578
567
  align-items: center;
579
568
  justify-content: space-between
580
569
  }
@@ -613,9 +602,7 @@
613
602
  }
614
603
  .input {
615
604
  flex-shrink: 1;
616
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
617
605
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
618
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
619
606
  transition-duration: 200ms;
620
607
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
621
608
  height: 3rem;
@@ -694,16 +681,13 @@
694
681
  }
695
682
  .link {
696
683
  cursor: pointer;
697
- -webkit-text-decoration-line: underline;
698
- text-decoration-line: underline
684
+ text-decoration-line: underline
699
685
  }
700
686
  .link-hover {
701
- -webkit-text-decoration-line: none;
702
- text-decoration-line: none
687
+ text-decoration-line: none
703
688
  }
704
689
  .link-hover:hover {
705
- -webkit-text-decoration-line: underline;
706
- text-decoration-line: underline
690
+ text-decoration-line: underline
707
691
  }
708
692
  .mask {
709
693
  -webkit-mask-size: contain;
@@ -748,8 +732,7 @@
748
732
  }
749
733
  .menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
750
734
  cursor: pointer;
751
- -webkit-user-select: none;
752
- user-select: none;
735
+ user-select: none;
753
736
  align-items: center;
754
737
  outline: 2px solid transparent;
755
738
  outline-offset: 2px
@@ -829,8 +812,7 @@
829
812
  position: fixed;
830
813
  height: 0px;
831
814
  width: 0px;
832
- -webkit-appearance: none;
833
- appearance: none;
815
+ appearance: none;
834
816
  opacity: 0;
835
817
  }
836
818
  .navbar {
@@ -855,8 +837,7 @@
855
837
  .progress {
856
838
  position: relative;
857
839
  width: 100%;
858
- -webkit-appearance: none;
859
- appearance: none;
840
+ appearance: none;
860
841
  overflow: hidden
861
842
  }
862
843
  .radial-progress {
@@ -875,13 +856,11 @@
875
856
  background-color: transparent;
876
857
  }
877
858
  .radial-progress::-webkit-progress-value {
878
- -webkit-appearance: none;
879
- appearance: none;
859
+ appearance: none;
880
860
  background-color: transparent;
881
861
  }
882
862
  .radial-progress::-webkit-progress-bar {
883
- -webkit-appearance: none;
884
- appearance: none;
863
+ appearance: none;
885
864
  background-color: transparent;
886
865
  }
887
866
  .radial-progress:before, .radial-progress:after {
@@ -928,13 +907,9 @@
928
907
 
929
908
  cursor: pointer;
930
909
 
931
- -webkit-user-select: none;
932
-
933
- user-select: none;
910
+ user-select: none;
934
911
 
935
- -webkit-appearance: none;
936
-
937
- appearance: none;
912
+ appearance: none;
938
913
 
939
914
  height: 3rem;
940
915
 
@@ -1032,9 +1007,7 @@
1032
1007
 
1033
1008
  display: inline-grid;
1034
1009
 
1035
- -webkit-user-select: none;
1036
-
1037
- user-select: none;
1010
+ user-select: none;
1038
1011
 
1039
1012
  place-content: center
1040
1013
  }
@@ -1048,9 +1021,7 @@
1048
1021
 
1049
1022
  .swap input {
1050
1023
 
1051
- -webkit-appearance: none;
1052
-
1053
- appearance: none
1024
+ appearance: none
1054
1025
  }
1055
1026
 
1056
1027
  .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on {
@@ -1076,8 +1047,7 @@
1076
1047
  position: relative;
1077
1048
  display: inline-flex;
1078
1049
  cursor: pointer;
1079
- -webkit-user-select: none;
1080
- user-select: none;
1050
+ user-select: none;
1081
1051
  flex-wrap: wrap;
1082
1052
  align-items: center;
1083
1053
  justify-content: center;
@@ -1100,9 +1070,7 @@
1100
1070
  }
1101
1071
  .textarea {
1102
1072
  flex-shrink: 1;
1103
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1104
1073
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1105
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1106
1074
  transition-duration: 200ms;
1107
1075
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1108
1076
  padding-left: 1rem;
@@ -1489,8 +1457,7 @@
1489
1457
  .btn {
1490
1458
  font-weight: 600;
1491
1459
  text-transform: uppercase;
1492
- -webkit-text-decoration-line: none;
1493
- text-decoration-line: none;
1460
+ text-decoration-line: none;
1494
1461
  border-width: var(--border-btn, 1px);
1495
1462
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
1496
1463
  text-transform: var(--btn-text-case, uppercase);
@@ -1673,8 +1640,7 @@
1673
1640
  .btn-link:hover, .btn-link.btn-active {
1674
1641
  border-color: transparent;
1675
1642
  background-color: transparent;
1676
- -webkit-text-decoration-line: underline;
1677
- text-decoration-line: underline;
1643
+ text-decoration-line: underline;
1678
1644
  }
1679
1645
  .btn-link:focus-visible {
1680
1646
  outline: 2px solid 0 0 2px currentColor;
@@ -1891,8 +1857,7 @@
1891
1857
  height: 1.5rem;
1892
1858
  width: 1.5rem;
1893
1859
  cursor: pointer;
1894
- -webkit-appearance: none;
1895
- appearance: none;
1860
+ appearance: none;
1896
1861
  border-width: 1px;
1897
1862
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
1898
1863
  --tw-border-opacity: 0.2;
@@ -2182,9 +2147,7 @@ body[dir="rtl"] .checkbox:checked,
2182
2147
  --tw-scale-x: .95;
2183
2148
  --tw-scale-y: .95;
2184
2149
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2185
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2186
2150
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2187
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2188
2151
  transition-duration: 200ms;
2189
2152
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
2190
2153
  }
@@ -2510,8 +2473,7 @@ body[dir="rtl"] .checkbox:checked,
2510
2473
  --tw-bg-opacity: 0.1;
2511
2474
  }
2512
2475
  .menu li.disabled > * {
2513
- -webkit-user-select: none;
2514
- user-select: none;
2476
+ user-select: none;
2515
2477
  color: hsl(var(--bc) / var(--tw-text-opacity));
2516
2478
  --tw-text-opacity: 0.2;
2517
2479
  }
@@ -2545,9 +2507,7 @@ body[dir="rtl"] .checkbox:checked,
2545
2507
  .menu :where(li:not(.disabled)) > :where(*:not(ul)) {
2546
2508
  outline: 2px solid transparent;
2547
2509
  outline-offset: 2px;
2548
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2549
2510
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2550
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2551
2511
  transition-duration: 200ms;
2552
2512
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2553
2513
  }
@@ -2734,9 +2694,7 @@ body[dir="rtl"] .checkbox:checked,
2734
2694
  --tw-bg-opacity: 1;
2735
2695
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2736
2696
  padding: 1.5rem;
2737
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2738
2697
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2739
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2740
2698
  transition-duration: 200ms;
2741
2699
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2742
2700
  width: 91.666667%;
@@ -2907,8 +2865,7 @@ body[dir="rtl"] .checkbox:checked,
2907
2865
  height: 1.5rem;
2908
2866
  width: 1.5rem;
2909
2867
  cursor: pointer;
2910
- -webkit-appearance: none;
2911
- appearance: none;
2868
+ appearance: none;
2912
2869
  border-radius: 9999px;
2913
2870
  border-width: 1px;
2914
2871
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
@@ -3038,10 +2995,6 @@ body[dir="rtl"] .checkbox:checked,
3038
2995
  height: 1.5rem;
3039
2996
  width: 1.5rem;
3040
2997
  border-style: none;
3041
- -webkit-transition-property: all;
3042
- transition-property: all;
3043
- transition-duration: 300ms;
3044
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3045
2998
  border-radius: var(--rounded-box, 1rem);
3046
2999
  -webkit-appearance: none;
3047
3000
  top: 50%;
@@ -3057,10 +3010,6 @@ body[dir="rtl"] .checkbox:checked,
3057
3010
  height: 1.5rem;
3058
3011
  width: 1.5rem;
3059
3012
  border-style: none;
3060
- -moz-transition-property: all;
3061
- transition-property: all;
3062
- transition-duration: 300ms;
3063
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3064
3013
  border-radius: var(--rounded-box, 1rem);
3065
3014
  top: 50%;
3066
3015
  color: hsl(var(--range-shdw));
@@ -3127,9 +3076,7 @@ body[dir="rtl"] .checkbox:checked,
3127
3076
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
3128
3077
  padding-right: 2.5rem;
3129
3078
  font-weight: 600;
3130
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3131
3079
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3132
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3133
3080
  transition-duration: 200ms;
3134
3081
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3135
3082
  border-radius: var(--rounded-btn, 0.5rem);
@@ -3444,8 +3391,7 @@ body[dir="rtl"] .checkbox:checked,
3444
3391
  .swap-flip .swap-indeterminate,
3445
3392
  .swap-flip input:indeterminate ~ .swap-on {
3446
3393
  transform: rotateY(180deg);
3447
- -webkit-backface-visibility: hidden;
3448
- backface-visibility: hidden;
3394
+ backface-visibility: hidden;
3449
3395
  opacity: 1;
3450
3396
  }
3451
3397
 
@@ -3453,8 +3399,7 @@ body[dir="rtl"] .checkbox:checked,
3453
3399
  .swap-flip.swap-active .swap-off,
3454
3400
  .swap-flip input:indeterminate ~ .swap-off {
3455
3401
  transform: rotateY(-180deg);
3456
- -webkit-backface-visibility: hidden;
3457
- backface-visibility: hidden;
3402
+ backface-visibility: hidden;
3458
3403
  opacity: 1;
3459
3404
  }
3460
3405
 
@@ -3715,8 +3660,7 @@ body[dir="rtl"] .checkbox:checked,
3715
3660
  height: 1.5rem;
3716
3661
  width: 3rem;
3717
3662
  cursor: pointer;
3718
- -webkit-appearance: none;
3719
- appearance: none;
3663
+ appearance: none;
3720
3664
  border-width: 1px;
3721
3665
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
3722
3666
  --tw-border-opacity: 0.2;
@@ -3813,9 +3757,7 @@ body[dir="rtl"] .checkbox:checked,
3813
3757
  }
3814
3758
  .tooltip:before, .tooltip:after {
3815
3759
  opacity: 0;
3816
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3817
3760
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3818
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3819
3761
  transition-delay: 100ms;
3820
3762
  transition-duration: 200ms;
3821
3763
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);