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/README.md +9 -9
- package/dist/full.css +1 -1
- package/dist/styled.css +29 -88
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +21 -54
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/dist/utilities.js +1 -1
- package/package.json +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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
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
|
-
|
|
699
|
-
text-decoration-line: underline
|
|
684
|
+
text-decoration-line: underline
|
|
700
685
|
}
|
|
701
686
|
.link-hover {
|
|
702
|
-
|
|
703
|
-
text-decoration-line: none
|
|
687
|
+
text-decoration-line: none
|
|
704
688
|
}
|
|
705
689
|
.link-hover:hover {
|
|
706
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
880
|
-
appearance: none;
|
|
859
|
+
appearance: none;
|
|
881
860
|
background-color: transparent;
|
|
882
861
|
}
|
|
883
862
|
.radial-progress::-webkit-progress-bar {
|
|
884
|
-
|
|
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
|
-
|
|
910
|
+
user-select: none;
|
|
933
911
|
|
|
934
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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);
|