daisyui 2.19.1 → 2.22.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
@@ -1550,7 +1550,10 @@
1550
1550
  border-right: 1px solid;
1551
1551
  background-color: transparent;
1552
1552
  }
1553
- .btn {
1553
+
1554
+ [dir="rtl"] .breadcrumbs>ul>li+*:before {
1555
+ --tw-rotate: -45deg;
1556
+ }.btn {
1554
1557
  font-weight: 600;
1555
1558
  text-transform: uppercase;
1556
1559
  -webkit-text-decoration-line: none;
@@ -1992,7 +1995,8 @@
1992
1995
  outline-offset: 2px;
1993
1996
  }
1994
1997
  .checkbox:checked,
1995
- .checkbox[checked="true"] {
1998
+ .checkbox[checked="true"],
1999
+ .checkbox[aria-checked=true] {
1996
2000
  --tw-bg-opacity: 1;
1997
2001
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1998
2002
  background-repeat: no-repeat;
@@ -2020,7 +2024,8 @@
2020
2024
  outline: 2px solid hsl(var(--p));
2021
2025
  }
2022
2026
  .checkbox-primary:checked,
2023
- .checkbox-primary[checked="true"] {
2027
+ .checkbox-primary[checked="true"],
2028
+ .checkbox-primary[aria-checked=true] {
2024
2029
  --tw-border-opacity: 1;
2025
2030
  border-color: hsl(var(--p) / var(--tw-border-opacity));
2026
2031
  --tw-bg-opacity: 1;
@@ -2042,7 +2047,8 @@
2042
2047
  outline: 2px solid hsl(var(--s));
2043
2048
  }
2044
2049
  .checkbox-secondary:checked,
2045
- .checkbox-secondary[checked="true"] {
2050
+ .checkbox-secondary[checked="true"],
2051
+ .checkbox-secondary[aria-checked=true] {
2046
2052
  --tw-border-opacity: 1;
2047
2053
  border-color: hsl(var(--s) / var(--tw-border-opacity));
2048
2054
  --tw-bg-opacity: 1;
@@ -2064,7 +2070,8 @@
2064
2070
  outline: 2px solid hsl(var(--a));
2065
2071
  }
2066
2072
  .checkbox-accent:checked,
2067
- .checkbox-accent[checked="true"] {
2073
+ .checkbox-accent[checked="true"],
2074
+ .checkbox-accent[aria-checked=true] {
2068
2075
  --tw-border-opacity: 1;
2069
2076
  border-color: hsl(var(--a) / var(--tw-border-opacity));
2070
2077
  --tw-bg-opacity: 1;
@@ -2104,7 +2111,8 @@ body[dir="rtl"] .checkbox {
2104
2111
  }
2105
2112
 
2106
2113
  body[dir="rtl"] .checkbox:checked,
2107
- body[dir="rtl"] .checkbox[checked="true"] {
2114
+ body[dir="rtl"] .checkbox[checked="true"],
2115
+ body[dir="rtl"] .checkbox[aria-checked=true] {
2108
2116
  background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
2109
2117
  }
2110
2118
  .collapse:focus-visible {
@@ -3028,7 +3036,8 @@ body[dir="rtl"] .checkbox:checked,
3028
3036
  outline: 2px solid hsl(var(--bc));
3029
3037
  outline-offset: 2px;
3030
3038
  }
3031
- .radio:checked {
3039
+ .radio:checked,
3040
+ .radio[aria-checked=true] {
3032
3041
  --tw-bg-opacity: 1;
3033
3042
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
3034
3043
  animation: radiomark var(--animation-input, 0.2s) ease-in-out;
@@ -3046,7 +3055,8 @@ body[dir="rtl"] .checkbox:checked,
3046
3055
  .radio-primary:focus-visible {
3047
3056
  outline: 2px solid hsl(var(--p));
3048
3057
  }
3049
- .radio-primary:checked {
3058
+ .radio-primary:checked,
3059
+ .radio-primary[aria-checked=true] {
3050
3060
  --tw-border-opacity: 1;
3051
3061
  border-color: hsl(var(--p) / var(--tw-border-opacity));
3052
3062
  --tw-bg-opacity: 1;
@@ -3066,7 +3076,8 @@ body[dir="rtl"] .checkbox:checked,
3066
3076
  .radio-secondary:focus-visible {
3067
3077
  outline: 2px solid hsl(var(--s));
3068
3078
  }
3069
- .radio-secondary:checked {
3079
+ .radio-secondary:checked,
3080
+ .radio-secondary[aria-checked=true] {
3070
3081
  --tw-border-opacity: 1;
3071
3082
  border-color: hsl(var(--s) / var(--tw-border-opacity));
3072
3083
  --tw-bg-opacity: 1;
@@ -3086,7 +3097,8 @@ body[dir="rtl"] .checkbox:checked,
3086
3097
  .radio-accent:focus-visible {
3087
3098
  outline: 2px solid hsl(var(--a));
3088
3099
  }
3089
- .radio-accent:checked {
3100
+ .radio-accent:checked,
3101
+ .radio-accent[aria-checked=true] {
3090
3102
  --tw-border-opacity: 1;
3091
3103
  border-color: hsl(var(--a) / var(--tw-border-opacity));
3092
3104
  --tw-bg-opacity: 1;
@@ -3193,7 +3205,8 @@ body[dir="rtl"] .checkbox:checked,
3193
3205
  width: 0.5rem;
3194
3206
  background-color: transparent;
3195
3207
  }
3196
- .rating input:checked ~ input {
3208
+ .rating input:checked ~ input,
3209
+ .rating input[aria-checked=true] ~ input {
3197
3210
  --tw-bg-opacity: 0.2;
3198
3211
  }
3199
3212
  .rating input:focus-visible {
@@ -3722,18 +3735,6 @@ body[dir="rtl"] .checkbox:checked,
3722
3735
  line-height: 1rem;
3723
3736
  font-weight: 700;
3724
3737
  text-transform: uppercase
3725
- }
3726
- .table :where(:first-child) :where(:first-child) :where(th, td):first-child {
3727
- border-top-left-radius: 0.5rem
3728
- }
3729
- .table :where(:first-child) :where(:first-child) :where(th, td):last-child {
3730
- border-top-right-radius: 0.5rem
3731
- }
3732
- .table :where(:last-child) :where(:last-child) :where(th, td):first-child {
3733
- border-bottom-left-radius: 0.5rem
3734
- }
3735
- .table :where(:last-child) :where(:last-child) :where(th, td):last-child {
3736
- border-bottom-right-radius: 0.5rem
3737
3738
  }
3738
3739
  .table :where(tbody th, tbody td) {
3739
3740
  --tw-bg-opacity: 1;
@@ -3744,7 +3745,22 @@ body[dir="rtl"] .checkbox:checked,
3744
3745
  --tw-bg-opacity: 1;
3745
3746
  background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
3746
3747
  }
3747
- .textarea {
3748
+
3749
+ :where(.table *:first-child) :where(*:first-child) :where(th, td):first-child {
3750
+ border-top-left-radius: 0.5rem
3751
+ }
3752
+
3753
+ :where(.table *:first-child) :where(*:first-child) :where(th, td):last-child {
3754
+ border-top-right-radius: 0.5rem
3755
+ }
3756
+
3757
+ :where(.table *:last-child) :where(*:last-child) :where(th, td):first-child {
3758
+ border-bottom-left-radius: 0.5rem
3759
+ }
3760
+
3761
+ :where(.table *:last-child) :where(*:last-child) :where(th, td):last-child {
3762
+ border-bottom-right-radius: 0.5rem
3763
+ }.textarea {
3748
3764
  border-width: 1px;
3749
3765
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
3750
3766
  --tw-border-opacity: 0;
@@ -3872,13 +3888,14 @@ body[dir="rtl"] .checkbox:checked,
3872
3888
  outline-offset: 2px;
3873
3889
  }
3874
3890
  .toggle:checked,
3875
- .toggle[checked="true"] {
3891
+ .toggle[checked="true"],
3892
+ .toggle[aria-checked=true] {
3876
3893
  --chkbg: hsl(var(--bc));
3877
3894
  --tw-border-opacity: 1;
3878
3895
  --tw-bg-opacity: 1;
3879
3896
  box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
3880
3897
  }
3881
- [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"] {
3898
+ [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked=true] {
3882
3899
  box-shadow: calc(var(--handleoffset) * 1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
3883
3900
  }
3884
3901
  .toggle:indeterminate {
@@ -3894,7 +3911,8 @@ body[dir="rtl"] .checkbox:checked,
3894
3911
  outline: 2px solid hsl(var(--p));
3895
3912
  }
3896
3913
  .toggle-primary:checked,
3897
- .toggle-primary[checked="true"] {
3914
+ .toggle-primary[checked="true"],
3915
+ .toggle-primary[aria-checked=true] {
3898
3916
  --chkbg: hsl(var(--p));
3899
3917
  border-color: hsl(var(--p) / var(--tw-border-opacity));
3900
3918
  --tw-border-opacity: 0.1;
@@ -3907,7 +3925,8 @@ body[dir="rtl"] .checkbox:checked,
3907
3925
  outline: 2px solid hsl(var(--s));
3908
3926
  }
3909
3927
  .toggle-secondary:checked,
3910
- .toggle-secondary[checked="true"] {
3928
+ .toggle-secondary[checked="true"],
3929
+ .toggle-secondary[aria-checked=true] {
3911
3930
  --chkbg: hsl(var(--s));
3912
3931
  border-color: hsl(var(--s) / var(--tw-border-opacity));
3913
3932
  --tw-border-opacity: 0.1;
@@ -3920,7 +3939,8 @@ body[dir="rtl"] .checkbox:checked,
3920
3939
  outline: 2px solid hsl(var(--a));
3921
3940
  }
3922
3941
  .toggle-accent:checked,
3923
- .toggle-accent[checked="true"] {
3942
+ .toggle-accent[checked="true"],
3943
+ .toggle-accent[aria-checked=true] {
3924
3944
  --chkbg: hsl(var(--a));
3925
3945
  border-color: hsl(var(--a) / var(--tw-border-opacity));
3926
3946
  --tw-border-opacity: 0.1;