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/README.md +1 -1
- package/dist/full.css +1 -1
- package/dist/styled.css +49 -29
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/themes.css +1 -1
- package/package.json +2 -2
- package/src/colors/themes.js +1 -0
package/dist/styled.css
CHANGED
|
@@ -1550,7 +1550,10 @@
|
|
|
1550
1550
|
border-right: 1px solid;
|
|
1551
1551
|
background-color: transparent;
|
|
1552
1552
|
}
|
|
1553
|
-
|
|
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
|
-
|
|
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;
|