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/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+*:before {
1693
- --tw-rotate: -45deg;
1694
- }.btn {
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
- color: hsl(var(--bc) / var(--tw-text-opacity));
3189
- --tw-text-opacity: 0.4;
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);