daisyui 2.14.1 → 2.15.0

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/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
  }
@@ -604,19 +593,16 @@
604
593
  .indicator {
605
594
  position: relative;
606
595
  display: inline-flex;
607
- width: fit-content;
596
+ width: max-content;
608
597
  }
609
598
  .indicator :where(.indicator-item) {
610
599
  z-index: 1;
611
600
  position: absolute;
612
601
  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));
613
602
  }
614
-
615
603
  .input {
616
604
  flex-shrink: 1;
617
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
618
605
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
619
- 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;
620
606
  transition-duration: 200ms;
621
607
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
622
608
  height: 3rem;
@@ -695,16 +681,13 @@
695
681
  }
696
682
  .link {
697
683
  cursor: pointer;
698
- -webkit-text-decoration-line: underline;
699
- text-decoration-line: underline
684
+ text-decoration-line: underline
700
685
  }
701
686
  .link-hover {
702
- -webkit-text-decoration-line: none;
703
- text-decoration-line: none
687
+ text-decoration-line: none
704
688
  }
705
689
  .link-hover:hover {
706
- -webkit-text-decoration-line: underline;
707
- text-decoration-line: underline
690
+ text-decoration-line: underline
708
691
  }
709
692
  .mask {
710
693
  -webkit-mask-size: contain;
@@ -749,8 +732,7 @@
749
732
  }
750
733
  .menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
751
734
  cursor: pointer;
752
- -webkit-user-select: none;
753
- user-select: none;
735
+ user-select: none;
754
736
  align-items: center;
755
737
  outline: 2px solid transparent;
756
738
  outline-offset: 2px
@@ -830,8 +812,7 @@
830
812
  position: fixed;
831
813
  height: 0px;
832
814
  width: 0px;
833
- -webkit-appearance: none;
834
- appearance: none;
815
+ appearance: none;
835
816
  opacity: 0;
836
817
  }
837
818
  .navbar {
@@ -856,8 +837,7 @@
856
837
  .progress {
857
838
  position: relative;
858
839
  width: 100%;
859
- -webkit-appearance: none;
860
- appearance: none;
840
+ appearance: none;
861
841
  overflow: hidden
862
842
  }
863
843
  .radial-progress {
@@ -876,13 +856,11 @@
876
856
  background-color: transparent;
877
857
  }
878
858
  .radial-progress::-webkit-progress-value {
879
- -webkit-appearance: none;
880
- appearance: none;
859
+ appearance: none;
881
860
  background-color: transparent;
882
861
  }
883
862
  .radial-progress::-webkit-progress-bar {
884
- -webkit-appearance: none;
885
- appearance: none;
863
+ appearance: none;
886
864
  background-color: transparent;
887
865
  }
888
866
  .radial-progress:before, .radial-progress:after {
@@ -929,13 +907,9 @@
929
907
 
930
908
  cursor: pointer;
931
909
 
932
- -webkit-user-select: none;
910
+ user-select: none;
933
911
 
934
- user-select: none;
935
-
936
- -webkit-appearance: none;
937
-
938
- appearance: none;
912
+ appearance: none;
939
913
 
940
914
  height: 3rem;
941
915
 
@@ -1033,9 +1007,7 @@
1033
1007
 
1034
1008
  display: inline-grid;
1035
1009
 
1036
- -webkit-user-select: none;
1037
-
1038
- user-select: none;
1010
+ user-select: none;
1039
1011
 
1040
1012
  place-content: center
1041
1013
  }
@@ -1049,9 +1021,7 @@
1049
1021
 
1050
1022
  .swap input {
1051
1023
 
1052
- -webkit-appearance: none;
1053
-
1054
- appearance: none
1024
+ appearance: none
1055
1025
  }
1056
1026
 
1057
1027
  .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on {
@@ -1077,8 +1047,7 @@
1077
1047
  position: relative;
1078
1048
  display: inline-flex;
1079
1049
  cursor: pointer;
1080
- -webkit-user-select: none;
1081
- user-select: none;
1050
+ user-select: none;
1082
1051
  flex-wrap: wrap;
1083
1052
  align-items: center;
1084
1053
  justify-content: center;
@@ -1101,9 +1070,7 @@
1101
1070
  }
1102
1071
  .textarea {
1103
1072
  flex-shrink: 1;
1104
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1105
1073
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1106
- 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;
1107
1074
  transition-duration: 200ms;
1108
1075
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1109
1076
  padding-left: 1rem;
@@ -1490,8 +1457,7 @@
1490
1457
  .btn {
1491
1458
  font-weight: 600;
1492
1459
  text-transform: uppercase;
1493
- -webkit-text-decoration-line: none;
1494
- text-decoration-line: none;
1460
+ text-decoration-line: none;
1495
1461
  border-width: var(--border-btn, 1px);
1496
1462
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
1497
1463
  text-transform: var(--btn-text-case, uppercase);
@@ -1674,8 +1640,7 @@
1674
1640
  .btn-link:hover, .btn-link.btn-active {
1675
1641
  border-color: transparent;
1676
1642
  background-color: transparent;
1677
- -webkit-text-decoration-line: underline;
1678
- text-decoration-line: underline;
1643
+ text-decoration-line: underline;
1679
1644
  }
1680
1645
  .btn-link:focus-visible {
1681
1646
  outline: 2px solid 0 0 2px currentColor;
@@ -1892,8 +1857,7 @@
1892
1857
  height: 1.5rem;
1893
1858
  width: 1.5rem;
1894
1859
  cursor: pointer;
1895
- -webkit-appearance: none;
1896
- appearance: none;
1860
+ appearance: none;
1897
1861
  border-width: 1px;
1898
1862
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
1899
1863
  --tw-border-opacity: 0.2;
@@ -2183,9 +2147,7 @@ body[dir="rtl"] .checkbox:checked,
2183
2147
  --tw-scale-x: .95;
2184
2148
  --tw-scale-y: .95;
2185
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));
2186
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2187
2150
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2188
- 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;
2189
2151
  transition-duration: 200ms;
2190
2152
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
2191
2153
  }
@@ -2511,8 +2473,7 @@ body[dir="rtl"] .checkbox:checked,
2511
2473
  --tw-bg-opacity: 0.1;
2512
2474
  }
2513
2475
  .menu li.disabled > * {
2514
- -webkit-user-select: none;
2515
- user-select: none;
2476
+ user-select: none;
2516
2477
  color: hsl(var(--bc) / var(--tw-text-opacity));
2517
2478
  --tw-text-opacity: 0.2;
2518
2479
  }
@@ -2546,9 +2507,7 @@ body[dir="rtl"] .checkbox:checked,
2546
2507
  .menu :where(li:not(.disabled)) > :where(*:not(ul)) {
2547
2508
  outline: 2px solid transparent;
2548
2509
  outline-offset: 2px;
2549
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2550
2510
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2551
- 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;
2552
2511
  transition-duration: 200ms;
2553
2512
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2554
2513
  }
@@ -2735,9 +2694,7 @@ body[dir="rtl"] .checkbox:checked,
2735
2694
  --tw-bg-opacity: 1;
2736
2695
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2737
2696
  padding: 1.5rem;
2738
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2739
2697
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2740
- 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;
2741
2698
  transition-duration: 200ms;
2742
2699
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2743
2700
  width: 91.666667%;
@@ -2908,8 +2865,7 @@ body[dir="rtl"] .checkbox:checked,
2908
2865
  height: 1.5rem;
2909
2866
  width: 1.5rem;
2910
2867
  cursor: pointer;
2911
- -webkit-appearance: none;
2912
- appearance: none;
2868
+ appearance: none;
2913
2869
  border-radius: 9999px;
2914
2870
  border-width: 1px;
2915
2871
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
@@ -3039,10 +2995,6 @@ body[dir="rtl"] .checkbox:checked,
3039
2995
  height: 1.5rem;
3040
2996
  width: 1.5rem;
3041
2997
  border-style: none;
3042
- -webkit-transition-property: all;
3043
- transition-property: all;
3044
- transition-duration: 300ms;
3045
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3046
2998
  border-radius: var(--rounded-box, 1rem);
3047
2999
  -webkit-appearance: none;
3048
3000
  top: 50%;
@@ -3058,10 +3010,6 @@ body[dir="rtl"] .checkbox:checked,
3058
3010
  height: 1.5rem;
3059
3011
  width: 1.5rem;
3060
3012
  border-style: none;
3061
- -moz-transition-property: all;
3062
- transition-property: all;
3063
- transition-duration: 300ms;
3064
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3065
3013
  border-radius: var(--rounded-box, 1rem);
3066
3014
  top: 50%;
3067
3015
  color: hsl(var(--range-shdw));
@@ -3128,9 +3076,7 @@ body[dir="rtl"] .checkbox:checked,
3128
3076
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
3129
3077
  padding-right: 2.5rem;
3130
3078
  font-weight: 600;
3131
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3132
3079
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3133
- 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;
3134
3080
  transition-duration: 200ms;
3135
3081
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3136
3082
  border-radius: var(--rounded-btn, 0.5rem);
@@ -3445,8 +3391,7 @@ body[dir="rtl"] .checkbox:checked,
3445
3391
  .swap-flip .swap-indeterminate,
3446
3392
  .swap-flip input:indeterminate ~ .swap-on {
3447
3393
  transform: rotateY(180deg);
3448
- -webkit-backface-visibility: hidden;
3449
- backface-visibility: hidden;
3394
+ backface-visibility: hidden;
3450
3395
  opacity: 1;
3451
3396
  }
3452
3397
 
@@ -3454,8 +3399,7 @@ body[dir="rtl"] .checkbox:checked,
3454
3399
  .swap-flip.swap-active .swap-off,
3455
3400
  .swap-flip input:indeterminate ~ .swap-off {
3456
3401
  transform: rotateY(-180deg);
3457
- -webkit-backface-visibility: hidden;
3458
- backface-visibility: hidden;
3402
+ backface-visibility: hidden;
3459
3403
  opacity: 1;
3460
3404
  }
3461
3405
 
@@ -3716,8 +3660,7 @@ body[dir="rtl"] .checkbox:checked,
3716
3660
  height: 1.5rem;
3717
3661
  width: 3rem;
3718
3662
  cursor: pointer;
3719
- -webkit-appearance: none;
3720
- appearance: none;
3663
+ appearance: none;
3721
3664
  border-width: 1px;
3722
3665
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
3723
3666
  --tw-border-opacity: 0.2;
@@ -3814,9 +3757,7 @@ body[dir="rtl"] .checkbox:checked,
3814
3757
  }
3815
3758
  .tooltip:before, .tooltip:after {
3816
3759
  opacity: 0;
3817
- transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3818
3760
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3819
- 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;
3820
3761
  transition-delay: 100ms;
3821
3762
  transition-duration: 200ms;
3822
3763
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);