daisyui 2.49.0 → 2.50.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.
- package/README.md +3 -3
- package/dist/full.css +1 -1
- package/dist/styled.css +32 -20
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +9 -7
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/package.json +1 -1
package/dist/styled.css
CHANGED
|
@@ -52,7 +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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
55
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
56
56
|
transition-duration: 200ms;
|
|
57
57
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
58
58
|
height: 1.25rem;
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
justify-content: center;
|
|
118
118
|
border-color: transparent;
|
|
119
119
|
text-align: center;
|
|
120
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
120
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
121
121
|
transition-duration: 200ms;
|
|
122
122
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
123
123
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
@@ -682,7 +682,7 @@
|
|
|
682
682
|
font-size: 0.875rem;
|
|
683
683
|
line-height: 1.25rem;
|
|
684
684
|
line-height: 2;
|
|
685
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
685
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
686
686
|
transition-duration: 200ms;
|
|
687
687
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
688
688
|
}
|
|
@@ -703,7 +703,7 @@
|
|
|
703
703
|
text-align: center;
|
|
704
704
|
font-size: 0.875rem;
|
|
705
705
|
line-height: 1.25rem;
|
|
706
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
706
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
707
707
|
transition-duration: 200ms;
|
|
708
708
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
709
709
|
line-height: 1em
|
|
@@ -775,10 +775,11 @@
|
|
|
775
775
|
z-index: 1;
|
|
776
776
|
position: absolute;
|
|
777
777
|
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));
|
|
778
|
+
white-space: nowrap;
|
|
778
779
|
}
|
|
779
780
|
.input {
|
|
780
781
|
flex-shrink: 1;
|
|
781
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
782
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
782
783
|
transition-duration: 200ms;
|
|
783
784
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
784
785
|
height: 3rem;
|
|
@@ -1084,7 +1085,8 @@
|
|
|
1084
1085
|
display: inline-flex
|
|
1085
1086
|
}
|
|
1086
1087
|
.rating :where(input) {
|
|
1087
|
-
cursor: pointer
|
|
1088
|
+
cursor: pointer;
|
|
1089
|
+
border-radius: 0px
|
|
1088
1090
|
}
|
|
1089
1091
|
.select {
|
|
1090
1092
|
display: inline-flex;
|
|
@@ -1254,7 +1256,7 @@
|
|
|
1254
1256
|
}
|
|
1255
1257
|
.textarea {
|
|
1256
1258
|
flex-shrink: 1;
|
|
1257
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1259
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1258
1260
|
transition-duration: 200ms;
|
|
1259
1261
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1260
1262
|
min-height: 3rem;
|
|
@@ -1689,9 +1691,10 @@
|
|
|
1689
1691
|
background-color: transparent;
|
|
1690
1692
|
}
|
|
1691
1693
|
|
|
1692
|
-
[dir="rtl"] .breadcrumbs>ul>li
|
|
1693
|
-
--tw-rotate: -
|
|
1694
|
-
}
|
|
1694
|
+
[dir="rtl"] .breadcrumbs > ul > li + *:before {
|
|
1695
|
+
--tw-rotate: -135deg;
|
|
1696
|
+
}
|
|
1697
|
+
.btn {
|
|
1695
1698
|
font-weight: 600;
|
|
1696
1699
|
text-transform: uppercase;
|
|
1697
1700
|
text-decoration-line: none;
|
|
@@ -2450,6 +2453,9 @@
|
|
|
2450
2453
|
box-shadow: 2px 2px;
|
|
2451
2454
|
pointer-events: none;
|
|
2452
2455
|
}
|
|
2456
|
+
[dir="rtl"] .collapse-arrow .collapse-title:after {
|
|
2457
|
+
--tw-rotate: -45deg;
|
|
2458
|
+
}
|
|
2453
2459
|
.collapse-plus .collapse-title:after {
|
|
2454
2460
|
position: absolute;
|
|
2455
2461
|
display: block;
|
|
@@ -2509,6 +2515,11 @@
|
|
|
2509
2515
|
--tw-rotate: 225deg;
|
|
2510
2516
|
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));
|
|
2511
2517
|
}
|
|
2518
|
+
[dir="rtl"] .collapse-open.collapse-arrow .collapse-title:after,
|
|
2519
|
+
[dir="rtl"] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
|
|
2520
|
+
[dir="rtl"] .collapse-arrow:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
|
|
2521
|
+
--tw-rotate: 135deg;
|
|
2522
|
+
}
|
|
2512
2523
|
.collapse-open.collapse-plus .collapse-title:after,
|
|
2513
2524
|
.collapse-plus:focus:not(.collapse-close) .collapse-title:after,
|
|
2514
2525
|
.collapse-plus:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
|
|
@@ -2609,7 +2620,7 @@
|
|
|
2609
2620
|
--tw-scale-x: .95;
|
|
2610
2621
|
--tw-scale-y: .95;
|
|
2611
2622
|
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));
|
|
2612
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
2623
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
2613
2624
|
transition-duration: 200ms;
|
|
2614
2625
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
2615
2626
|
}
|
|
@@ -3179,20 +3190,21 @@
|
|
|
3179
3190
|
font-size: 0.875rem;
|
|
3180
3191
|
line-height: 1.25rem;
|
|
3181
3192
|
}
|
|
3182
|
-
.menu .menu-title
|
|
3183
|
-
padding-top: 0.25rem;
|
|
3184
|
-
padding-bottom: 0.25rem;
|
|
3193
|
+
.menu .menu-title {
|
|
3185
3194
|
font-size: 0.75rem;
|
|
3186
3195
|
line-height: 1rem;
|
|
3187
3196
|
font-weight: 700;
|
|
3188
|
-
|
|
3189
|
-
|
|
3197
|
+
opacity: 0.4;
|
|
3198
|
+
}
|
|
3199
|
+
.menu .menu-title > * {
|
|
3200
|
+
padding-top: 0.25rem;
|
|
3201
|
+
padding-bottom: 0.25rem;
|
|
3190
3202
|
}
|
|
3191
3203
|
|
|
3192
3204
|
.menu :where(li:not(.disabled)) > :where(*:not(ul)) {
|
|
3193
3205
|
outline: 2px solid transparent;
|
|
3194
3206
|
outline-offset: 2px;
|
|
3195
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3207
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3196
3208
|
transition-duration: 200ms;
|
|
3197
3209
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3198
3210
|
}
|
|
@@ -3379,7 +3391,7 @@
|
|
|
3379
3391
|
--tw-bg-opacity: 1;
|
|
3380
3392
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
3381
3393
|
padding: 1.5rem;
|
|
3382
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3394
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3383
3395
|
transition-duration: 200ms;
|
|
3384
3396
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3385
3397
|
width: 91.666667%;
|
|
@@ -3866,7 +3878,7 @@
|
|
|
3866
3878
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
3867
3879
|
padding-right: 2.5rem;
|
|
3868
3880
|
font-weight: 600;
|
|
3869
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3881
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3870
3882
|
transition-duration: 200ms;
|
|
3871
3883
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3872
3884
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
@@ -4654,7 +4666,7 @@
|
|
|
4654
4666
|
.tooltip:before,
|
|
4655
4667
|
.tooltip:after {
|
|
4656
4668
|
opacity: 0;
|
|
4657
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
4669
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
4658
4670
|
transition-delay: 100ms;
|
|
4659
4671
|
transition-duration: 200ms;
|
|
4660
4672
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|