daisyui 2.31.0 → 2.33.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 +4 -3
- package/dist/full.css +1 -1
- package/dist/styled.css +100 -97
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +21 -18
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/dist/utilities-styled.js +1 -1
- package/package.json +1 -1
package/dist/styled.css
CHANGED
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
|
|
138
138
|
/* disabled */
|
|
139
139
|
|
|
140
|
-
.btn-disabled,
|
|
140
|
+
.btn-disabled,
|
|
141
141
|
.btn[disabled] {
|
|
142
142
|
pointer-events: none;
|
|
143
143
|
}
|
|
@@ -159,7 +159,7 @@
|
|
|
159
159
|
|
|
160
160
|
/* loading */
|
|
161
161
|
|
|
162
|
-
.btn.loading,
|
|
162
|
+
.btn.loading,
|
|
163
163
|
.btn.loading:hover {
|
|
164
164
|
pointer-events: none;
|
|
165
165
|
}
|
|
@@ -235,7 +235,7 @@
|
|
|
235
235
|
position: relative;
|
|
236
236
|
content: ""
|
|
237
237
|
}
|
|
238
|
-
.card.image-full:before,
|
|
238
|
+
.card.image-full:before,
|
|
239
239
|
.card.image-full > * {
|
|
240
240
|
grid-column-start: 1;
|
|
241
241
|
grid-row-start: 1
|
|
@@ -273,13 +273,16 @@
|
|
|
273
273
|
.checkbox {
|
|
274
274
|
flex-shrink: 0
|
|
275
275
|
}
|
|
276
|
+
.collapse.collapse {
|
|
277
|
+
visibility: visible;
|
|
278
|
+
}
|
|
276
279
|
.collapse {
|
|
277
280
|
position: relative;
|
|
278
281
|
display: grid;
|
|
279
282
|
overflow: hidden;
|
|
280
283
|
}
|
|
281
|
-
.collapse-title,
|
|
282
|
-
.collapse > input[type="checkbox"],
|
|
284
|
+
.collapse-title,
|
|
285
|
+
.collapse > input[type="checkbox"],
|
|
283
286
|
.collapse-content {
|
|
284
287
|
grid-column-start: 1;
|
|
285
288
|
grid-row-start: 1;
|
|
@@ -568,9 +571,9 @@
|
|
|
568
571
|
bottom: 0px;
|
|
569
572
|
top: auto
|
|
570
573
|
}
|
|
571
|
-
.dropdown.dropdown-open .dropdown-content,
|
|
572
|
-
.dropdown.dropdown-hover:hover .dropdown-content,
|
|
573
|
-
.dropdown:not(.dropdown-hover):focus .dropdown-content,
|
|
574
|
+
.dropdown.dropdown-open .dropdown-content,
|
|
575
|
+
.dropdown.dropdown-hover:hover .dropdown-content,
|
|
576
|
+
.dropdown:not(.dropdown-hover):focus .dropdown-content,
|
|
574
577
|
.dropdown:not(.dropdown-hover):focus-within .dropdown-content {
|
|
575
578
|
visibility: visible;
|
|
576
579
|
opacity: 1
|
|
@@ -666,7 +669,7 @@
|
|
|
666
669
|
.input-group > .input {
|
|
667
670
|
isolation: isolate;
|
|
668
671
|
}
|
|
669
|
-
.input-group > *,
|
|
672
|
+
.input-group > *,
|
|
670
673
|
.input-group > .input {
|
|
671
674
|
border-radius: 0px;
|
|
672
675
|
}
|
|
@@ -856,8 +859,8 @@
|
|
|
856
859
|
.modal-box {
|
|
857
860
|
max-height: calc(100vh - 5em);
|
|
858
861
|
}
|
|
859
|
-
.modal-open,
|
|
860
|
-
.modal:target,
|
|
862
|
+
.modal-open,
|
|
863
|
+
.modal:target,
|
|
861
864
|
.modal-toggle:checked + .modal {
|
|
862
865
|
pointer-events: auto;
|
|
863
866
|
visibility: visible;
|
|
@@ -921,7 +924,7 @@
|
|
|
921
924
|
appearance: none;
|
|
922
925
|
background-color: transparent;
|
|
923
926
|
}
|
|
924
|
-
.radial-progress:before,
|
|
927
|
+
.radial-progress:before,
|
|
925
928
|
.radial-progress:after {
|
|
926
929
|
position: absolute;
|
|
927
930
|
border-radius: 9999px;
|
|
@@ -1077,22 +1080,22 @@
|
|
|
1077
1080
|
appearance: none
|
|
1078
1081
|
}
|
|
1079
1082
|
|
|
1080
|
-
.swap .swap-on,
|
|
1081
|
-
.swap .swap-indeterminate,
|
|
1083
|
+
.swap .swap-on,
|
|
1084
|
+
.swap .swap-indeterminate,
|
|
1082
1085
|
.swap input:indeterminate ~ .swap-on {
|
|
1083
1086
|
|
|
1084
1087
|
opacity: 0
|
|
1085
1088
|
}
|
|
1086
1089
|
|
|
1087
|
-
.swap input:checked ~ .swap-off,
|
|
1088
|
-
.swap.swap-active .swap-off,
|
|
1090
|
+
.swap input:checked ~ .swap-off,
|
|
1091
|
+
.swap.swap-active .swap-off,
|
|
1089
1092
|
.swap input:indeterminate ~ .swap-off {
|
|
1090
1093
|
|
|
1091
1094
|
opacity: 0
|
|
1092
1095
|
}
|
|
1093
1096
|
|
|
1094
|
-
.swap input:checked ~ .swap-on,
|
|
1095
|
-
.swap-active .swap-on,
|
|
1097
|
+
.swap input:checked ~ .swap-on,
|
|
1098
|
+
.swap-active .swap-on,
|
|
1096
1099
|
.swap input:indeterminate ~ .swap-indeterminate {
|
|
1097
1100
|
|
|
1098
1101
|
opacity: 1
|
|
@@ -1516,9 +1519,9 @@
|
|
|
1516
1519
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity))
|
|
1517
1520
|
}
|
|
1518
1521
|
/* disabled */
|
|
1519
|
-
.btm-nav>*.disabled,
|
|
1520
|
-
.btm-nav>*.disabled:hover,
|
|
1521
|
-
.btm-nav>*[disabled],
|
|
1522
|
+
.btm-nav>*.disabled,
|
|
1523
|
+
.btm-nav>*.disabled:hover,
|
|
1524
|
+
.btm-nav>*[disabled],
|
|
1522
1525
|
.btm-nav>*[disabled]:hover {
|
|
1523
1526
|
pointer-events: none;
|
|
1524
1527
|
--tw-border-opacity: 0;
|
|
@@ -1587,7 +1590,7 @@
|
|
|
1587
1590
|
-webkit-text-decoration-line: none;
|
|
1588
1591
|
text-decoration-line: none;
|
|
1589
1592
|
}
|
|
1590
|
-
.btn:hover,
|
|
1593
|
+
.btn:hover,
|
|
1591
1594
|
.btn-active {
|
|
1592
1595
|
--tw-border-opacity: 1;
|
|
1593
1596
|
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
|
|
@@ -1607,7 +1610,7 @@
|
|
|
1607
1610
|
--tw-text-opacity: 1;
|
|
1608
1611
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
1609
1612
|
}
|
|
1610
|
-
.btn-primary:hover,
|
|
1613
|
+
.btn-primary:hover,
|
|
1611
1614
|
.btn-primary.btn-active {
|
|
1612
1615
|
--tw-border-opacity: 1;
|
|
1613
1616
|
border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
|
|
@@ -1625,7 +1628,7 @@
|
|
|
1625
1628
|
--tw-text-opacity: 1;
|
|
1626
1629
|
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
1627
1630
|
}
|
|
1628
|
-
.btn-secondary:hover,
|
|
1631
|
+
.btn-secondary:hover,
|
|
1629
1632
|
.btn-secondary.btn-active {
|
|
1630
1633
|
--tw-border-opacity: 1;
|
|
1631
1634
|
border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
|
|
@@ -1643,7 +1646,7 @@
|
|
|
1643
1646
|
--tw-text-opacity: 1;
|
|
1644
1647
|
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
1645
1648
|
}
|
|
1646
|
-
.btn-accent:hover,
|
|
1649
|
+
.btn-accent:hover,
|
|
1647
1650
|
.btn-accent.btn-active {
|
|
1648
1651
|
--tw-border-opacity: 1;
|
|
1649
1652
|
border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
|
|
@@ -1662,7 +1665,7 @@
|
|
|
1662
1665
|
--tw-text-opacity: 1;
|
|
1663
1666
|
color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
|
|
1664
1667
|
}
|
|
1665
|
-
.btn-info:hover,
|
|
1668
|
+
.btn-info:hover,
|
|
1666
1669
|
.btn-info.btn-active {
|
|
1667
1670
|
--tw-border-opacity: 1;
|
|
1668
1671
|
border-color: hsl(var(--in) / var(--tw-border-opacity));
|
|
@@ -1680,7 +1683,7 @@
|
|
|
1680
1683
|
--tw-text-opacity: 1;
|
|
1681
1684
|
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
|
|
1682
1685
|
}
|
|
1683
|
-
.btn-success:hover,
|
|
1686
|
+
.btn-success:hover,
|
|
1684
1687
|
.btn-success.btn-active {
|
|
1685
1688
|
--tw-border-opacity: 1;
|
|
1686
1689
|
border-color: hsl(var(--su) / var(--tw-border-opacity));
|
|
@@ -1698,7 +1701,7 @@
|
|
|
1698
1701
|
--tw-text-opacity: 1;
|
|
1699
1702
|
color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
|
|
1700
1703
|
}
|
|
1701
|
-
.btn-warning:hover,
|
|
1704
|
+
.btn-warning:hover,
|
|
1702
1705
|
.btn-warning.btn-active {
|
|
1703
1706
|
--tw-border-opacity: 1;
|
|
1704
1707
|
border-color: hsl(var(--wa) / var(--tw-border-opacity));
|
|
@@ -1716,7 +1719,7 @@
|
|
|
1716
1719
|
--tw-text-opacity: 1;
|
|
1717
1720
|
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
|
|
1718
1721
|
}
|
|
1719
|
-
.btn-error:hover,
|
|
1722
|
+
.btn-error:hover,
|
|
1720
1723
|
.btn-error.btn-active {
|
|
1721
1724
|
--tw-border-opacity: 1;
|
|
1722
1725
|
border-color: hsl(var(--er) / var(--tw-border-opacity));
|
|
@@ -1742,7 +1745,7 @@
|
|
|
1742
1745
|
background-color: transparent;
|
|
1743
1746
|
color: currentColor;
|
|
1744
1747
|
}
|
|
1745
|
-
.btn-ghost:hover,
|
|
1748
|
+
.btn-ghost:hover,
|
|
1746
1749
|
.btn-ghost.btn-active {
|
|
1747
1750
|
--tw-border-opacity: 0;
|
|
1748
1751
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
@@ -1759,7 +1762,7 @@
|
|
|
1759
1762
|
-webkit-text-decoration-line: underline;
|
|
1760
1763
|
text-decoration-line: underline;
|
|
1761
1764
|
}
|
|
1762
|
-
.btn-link:hover,
|
|
1765
|
+
.btn-link:hover,
|
|
1763
1766
|
.btn-link.btn-active {
|
|
1764
1767
|
border-color: transparent;
|
|
1765
1768
|
background-color: transparent;
|
|
@@ -1869,9 +1872,9 @@
|
|
|
1869
1872
|
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
|
|
1870
1873
|
}
|
|
1871
1874
|
/* disabled */
|
|
1872
|
-
.btn-disabled,
|
|
1873
|
-
.btn-disabled:hover,
|
|
1874
|
-
.btn[disabled],
|
|
1875
|
+
.btn-disabled,
|
|
1876
|
+
.btn-disabled:hover,
|
|
1877
|
+
.btn[disabled],
|
|
1875
1878
|
.btn[disabled]:hover {
|
|
1876
1879
|
--tw-border-opacity: 0;
|
|
1877
1880
|
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
@@ -1880,22 +1883,22 @@
|
|
|
1880
1883
|
--tw-text-opacity: 0.2;
|
|
1881
1884
|
}
|
|
1882
1885
|
/* loading */
|
|
1883
|
-
.btn.loading.btn-square:before,
|
|
1886
|
+
.btn.loading.btn-square:before,
|
|
1884
1887
|
.btn.loading.btn-circle:before {
|
|
1885
1888
|
margin-right: 0px;
|
|
1886
1889
|
}
|
|
1887
|
-
.btn.loading.btn-xl:before,
|
|
1890
|
+
.btn.loading.btn-xl:before,
|
|
1888
1891
|
.btn.loading.btn-lg:before {
|
|
1889
1892
|
height: 1.25rem;
|
|
1890
1893
|
width: 1.25rem;
|
|
1891
1894
|
}
|
|
1892
|
-
.btn.loading.btn-sm:before,
|
|
1895
|
+
.btn.loading.btn-sm:before,
|
|
1893
1896
|
.btn.loading.btn-xs:before {
|
|
1894
1897
|
height: 0.75rem;
|
|
1895
1898
|
width: 0.75rem;
|
|
1896
1899
|
}
|
|
1897
1900
|
/* group */
|
|
1898
|
-
.btn-group > input[type="radio"]:checked
|
|
1901
|
+
.btn-group > input[type="radio"].btn:checked,
|
|
1899
1902
|
.btn-group > .btn-active {
|
|
1900
1903
|
--tw-border-opacity: 1;
|
|
1901
1904
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
@@ -1989,8 +1992,8 @@
|
|
|
1989
1992
|
outline: 2px solid hsl(var(--bc));
|
|
1990
1993
|
outline-offset: 2px;
|
|
1991
1994
|
}
|
|
1992
|
-
.checkbox:checked,
|
|
1993
|
-
.checkbox[checked="true"],
|
|
1995
|
+
.checkbox:checked,
|
|
1996
|
+
.checkbox[checked="true"],
|
|
1994
1997
|
.checkbox[aria-checked=true] {
|
|
1995
1998
|
--tw-bg-opacity: 1;
|
|
1996
1999
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
@@ -2018,8 +2021,8 @@
|
|
|
2018
2021
|
.checkbox-primary:focus-visible {
|
|
2019
2022
|
outline: 2px solid hsl(var(--p));
|
|
2020
2023
|
}
|
|
2021
|
-
.checkbox-primary:checked,
|
|
2022
|
-
.checkbox-primary[checked="true"],
|
|
2024
|
+
.checkbox-primary:checked,
|
|
2025
|
+
.checkbox-primary[checked="true"],
|
|
2023
2026
|
.checkbox-primary[aria-checked=true] {
|
|
2024
2027
|
--tw-border-opacity: 1;
|
|
2025
2028
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
@@ -2041,8 +2044,8 @@
|
|
|
2041
2044
|
.checkbox-secondary:focus-visible {
|
|
2042
2045
|
outline: 2px solid hsl(var(--s));
|
|
2043
2046
|
}
|
|
2044
|
-
.checkbox-secondary:checked,
|
|
2045
|
-
.checkbox-secondary[checked="true"],
|
|
2047
|
+
.checkbox-secondary:checked,
|
|
2048
|
+
.checkbox-secondary[checked="true"],
|
|
2046
2049
|
.checkbox-secondary[aria-checked=true] {
|
|
2047
2050
|
--tw-border-opacity: 1;
|
|
2048
2051
|
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
@@ -2064,8 +2067,8 @@
|
|
|
2064
2067
|
.checkbox-accent:focus-visible {
|
|
2065
2068
|
outline: 2px solid hsl(var(--a));
|
|
2066
2069
|
}
|
|
2067
|
-
.checkbox-accent:checked,
|
|
2068
|
-
.checkbox-accent[checked="true"],
|
|
2070
|
+
.checkbox-accent:checked,
|
|
2071
|
+
.checkbox-accent[checked="true"],
|
|
2069
2072
|
.checkbox-accent[aria-checked=true] {
|
|
2070
2073
|
--tw-border-opacity: 1;
|
|
2071
2074
|
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
@@ -2146,7 +2149,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2146
2149
|
content: "+";
|
|
2147
2150
|
pointer-events: none;
|
|
2148
2151
|
}
|
|
2149
|
-
.collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
|
|
2152
|
+
.collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
|
|
2150
2153
|
.collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
|
|
2151
2154
|
cursor: pointer;
|
|
2152
2155
|
}
|
|
@@ -2159,7 +2162,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2159
2162
|
:where(.collapse > input[type="checkbox"]) {
|
|
2160
2163
|
z-index: 1;
|
|
2161
2164
|
}
|
|
2162
|
-
.collapse-title,
|
|
2165
|
+
.collapse-title,
|
|
2163
2166
|
:where(.collapse > input[type="checkbox"]) {
|
|
2164
2167
|
width: 100%;
|
|
2165
2168
|
padding: 1rem;
|
|
@@ -2179,14 +2182,14 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2179
2182
|
cursor: unset;
|
|
2180
2183
|
transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
|
|
2181
2184
|
}
|
|
2182
|
-
.collapse-open :where(.collapse-content),
|
|
2183
|
-
.collapse:focus:not(.collapse-close) :where(.collapse-content),
|
|
2185
|
+
.collapse-open :where(.collapse-content),
|
|
2186
|
+
.collapse:focus:not(.collapse-close) :where(.collapse-content),
|
|
2184
2187
|
.collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content) {
|
|
2185
2188
|
padding-bottom: 1rem;
|
|
2186
2189
|
transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
|
|
2187
2190
|
}
|
|
2188
|
-
.collapse-open.collapse-arrow .collapse-title:after,
|
|
2189
|
-
.collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
|
|
2191
|
+
.collapse-open.collapse-arrow .collapse-title:after,
|
|
2192
|
+
.collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
|
|
2190
2193
|
.collapse-arrow:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after {
|
|
2191
2194
|
--tw-translate-y: -50%;
|
|
2192
2195
|
--tw-rotate: 225deg;
|
|
@@ -2307,9 +2310,9 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2307
2310
|
.dropdown-right .dropdown-content {
|
|
2308
2311
|
transform-origin: left
|
|
2309
2312
|
}
|
|
2310
|
-
.dropdown.dropdown-open .dropdown-content,
|
|
2311
|
-
.dropdown.dropdown-hover:hover .dropdown-content,
|
|
2312
|
-
.dropdown:focus .dropdown-content,
|
|
2313
|
+
.dropdown.dropdown-open .dropdown-content,
|
|
2314
|
+
.dropdown.dropdown-hover:hover .dropdown-content,
|
|
2315
|
+
.dropdown:focus .dropdown-content,
|
|
2313
2316
|
.dropdown:focus-within .dropdown-content {
|
|
2314
2317
|
--tw-scale-x: 1;
|
|
2315
2318
|
--tw-scale-y: 1;
|
|
@@ -2442,7 +2445,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2442
2445
|
.input-error:focus {
|
|
2443
2446
|
outline: 2px solid hsl(var(--er));
|
|
2444
2447
|
}
|
|
2445
|
-
.input-disabled,
|
|
2448
|
+
.input-disabled,
|
|
2446
2449
|
.input[disabled] {
|
|
2447
2450
|
cursor: not-allowed;
|
|
2448
2451
|
--tw-border-opacity: 1;
|
|
@@ -2451,7 +2454,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2451
2454
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
2452
2455
|
--tw-text-opacity: 0.2;
|
|
2453
2456
|
}
|
|
2454
|
-
.input-disabled::placeholder,
|
|
2457
|
+
.input-disabled::placeholder,
|
|
2455
2458
|
.input[disabled]::placeholder {
|
|
2456
2459
|
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
|
|
2457
2460
|
--tw-placeholder-opacity: 0.2;
|
|
@@ -2585,15 +2588,15 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2585
2588
|
-webkit-mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
2586
2589
|
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
2587
2590
|
}
|
|
2588
|
-
.menu.horizontal li.bordered > a,
|
|
2589
|
-
.menu.horizontal li.bordered > button,
|
|
2591
|
+
.menu.horizontal li.bordered > a,
|
|
2592
|
+
.menu.horizontal li.bordered > button,
|
|
2590
2593
|
.menu.horizontal li.bordered > span {
|
|
2591
2594
|
border-left-width: 0px;
|
|
2592
2595
|
border-bottom-width: 4px;
|
|
2593
2596
|
--tw-border-opacity: 1;
|
|
2594
2597
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2595
2598
|
}
|
|
2596
|
-
.menu[class*=" p-"] li > *,
|
|
2599
|
+
.menu[class*=" p-"] li > *,
|
|
2597
2600
|
.menu[class^="p-"] li > * {
|
|
2598
2601
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
2599
2602
|
}
|
|
@@ -2610,12 +2613,12 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2610
2613
|
padding-bottom: 0.75rem;
|
|
2611
2614
|
color: currentColor;
|
|
2612
2615
|
}
|
|
2613
|
-
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus),
|
|
2616
|
+
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus),
|
|
2614
2617
|
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
|
|
2615
2618
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
2616
2619
|
--tw-bg-opacity: 0.1;
|
|
2617
2620
|
}
|
|
2618
|
-
.menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active),
|
|
2621
|
+
.menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active),
|
|
2619
2622
|
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
|
|
2620
2623
|
--tw-bg-opacity: 1;
|
|
2621
2624
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
@@ -2648,7 +2651,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2648
2651
|
--tw-border-opacity: 1;
|
|
2649
2652
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2650
2653
|
}
|
|
2651
|
-
.menu.compact li > a,
|
|
2654
|
+
.menu.compact li > a,
|
|
2652
2655
|
.menu.compact li > span {
|
|
2653
2656
|
padding-top: 0.5rem;
|
|
2654
2657
|
padding-bottom: 0.5rem;
|
|
@@ -2875,8 +2878,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2875
2878
|
overflow-y: auto;
|
|
2876
2879
|
overscroll-behavior: contain
|
|
2877
2880
|
}
|
|
2878
|
-
.modal-open .modal-box,
|
|
2879
|
-
.modal-toggle:checked + .modal .modal-box,
|
|
2881
|
+
.modal-open .modal-box,
|
|
2882
|
+
.modal-toggle:checked + .modal .modal-box,
|
|
2880
2883
|
.modal:target .modal-box {
|
|
2881
2884
|
--tw-translate-y: 0px;
|
|
2882
2885
|
--tw-scale-x: 1;
|
|
@@ -3043,7 +3046,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3043
3046
|
outline: 2px solid hsl(var(--bc));
|
|
3044
3047
|
outline-offset: 2px;
|
|
3045
3048
|
}
|
|
3046
|
-
.radio:checked,
|
|
3049
|
+
.radio:checked,
|
|
3047
3050
|
.radio[aria-checked=true] {
|
|
3048
3051
|
--tw-bg-opacity: 1;
|
|
3049
3052
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
@@ -3062,7 +3065,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3062
3065
|
.radio-primary:focus-visible {
|
|
3063
3066
|
outline: 2px solid hsl(var(--p));
|
|
3064
3067
|
}
|
|
3065
|
-
.radio-primary:checked,
|
|
3068
|
+
.radio-primary:checked,
|
|
3066
3069
|
.radio-primary[aria-checked=true] {
|
|
3067
3070
|
--tw-border-opacity: 1;
|
|
3068
3071
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
@@ -3083,7 +3086,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3083
3086
|
.radio-secondary:focus-visible {
|
|
3084
3087
|
outline: 2px solid hsl(var(--s));
|
|
3085
3088
|
}
|
|
3086
|
-
.radio-secondary:checked,
|
|
3089
|
+
.radio-secondary:checked,
|
|
3087
3090
|
.radio-secondary[aria-checked=true] {
|
|
3088
3091
|
--tw-border-opacity: 1;
|
|
3089
3092
|
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
@@ -3104,7 +3107,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3104
3107
|
.radio-accent:focus-visible {
|
|
3105
3108
|
outline: 2px solid hsl(var(--a));
|
|
3106
3109
|
}
|
|
3107
|
-
.radio-accent:checked,
|
|
3110
|
+
.radio-accent:checked,
|
|
3108
3111
|
.radio-accent[aria-checked=true] {
|
|
3109
3112
|
--tw-border-opacity: 1;
|
|
3110
3113
|
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
@@ -3212,7 +3215,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3212
3215
|
width: 0.5rem;
|
|
3213
3216
|
background-color: transparent;
|
|
3214
3217
|
}
|
|
3215
|
-
.rating input:checked ~ input,
|
|
3218
|
+
.rating input:checked ~ input,
|
|
3216
3219
|
.rating input[aria-checked=true] ~ input {
|
|
3217
3220
|
--tw-bg-opacity: 0.2;
|
|
3218
3221
|
}
|
|
@@ -3325,7 +3328,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3325
3328
|
.select-error:focus {
|
|
3326
3329
|
outline: 2px solid hsl(var(--er));
|
|
3327
3330
|
}
|
|
3328
|
-
.select-disabled,
|
|
3331
|
+
.select-disabled,
|
|
3329
3332
|
.select[disabled] {
|
|
3330
3333
|
cursor: not-allowed;
|
|
3331
3334
|
--tw-border-opacity: 1;
|
|
@@ -3334,13 +3337,13 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3334
3337
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
3335
3338
|
--tw-text-opacity: 0.2;
|
|
3336
3339
|
}
|
|
3337
|
-
.select-disabled::placeholder,
|
|
3340
|
+
.select-disabled::placeholder,
|
|
3338
3341
|
.select[disabled]::placeholder {
|
|
3339
3342
|
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
|
|
3340
3343
|
--tw-placeholder-opacity: 0.2;
|
|
3341
3344
|
}
|
|
3342
|
-
.select-multiple,
|
|
3343
|
-
.select[multiple],
|
|
3345
|
+
.select-multiple,
|
|
3346
|
+
.select[multiple],
|
|
3344
3347
|
.select[size].select:not([size="1"]) {
|
|
3345
3348
|
background-image: none;
|
|
3346
3349
|
padding-right: 1rem;
|
|
@@ -3471,28 +3474,28 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3471
3474
|
.steps .step[data-content]:after {
|
|
3472
3475
|
content: attr(data-content);
|
|
3473
3476
|
}
|
|
3474
|
-
.steps .step-neutral + .step-neutral:before,
|
|
3477
|
+
.steps .step-neutral + .step-neutral:before,
|
|
3475
3478
|
.steps .step-neutral:after {
|
|
3476
3479
|
--tw-bg-opacity: 1;
|
|
3477
3480
|
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
3478
3481
|
--tw-text-opacity: 1;
|
|
3479
3482
|
color: hsl(var(--nc) / var(--tw-text-opacity));
|
|
3480
3483
|
}
|
|
3481
|
-
.steps .step-primary + .step-primary:before,
|
|
3484
|
+
.steps .step-primary + .step-primary:before,
|
|
3482
3485
|
.steps .step-primary:after {
|
|
3483
3486
|
--tw-bg-opacity: 1;
|
|
3484
3487
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
3485
3488
|
--tw-text-opacity: 1;
|
|
3486
3489
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
3487
3490
|
}
|
|
3488
|
-
.steps .step-secondary + .step-secondary:before,
|
|
3491
|
+
.steps .step-secondary + .step-secondary:before,
|
|
3489
3492
|
.steps .step-secondary:after {
|
|
3490
3493
|
--tw-bg-opacity: 1;
|
|
3491
3494
|
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
3492
3495
|
--tw-text-opacity: 1;
|
|
3493
3496
|
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
3494
3497
|
}
|
|
3495
|
-
.steps .step-accent + .step-accent:before,
|
|
3498
|
+
.steps .step-accent + .step-accent:before,
|
|
3496
3499
|
.steps .step-accent:after {
|
|
3497
3500
|
--tw-bg-opacity: 1;
|
|
3498
3501
|
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
@@ -3549,22 +3552,22 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3549
3552
|
transition-property: transform, opacity;
|
|
3550
3553
|
}
|
|
3551
3554
|
|
|
3552
|
-
.swap-rotate .swap-on,
|
|
3553
|
-
.swap-rotate .swap-indeterminate,
|
|
3555
|
+
.swap-rotate .swap-on,
|
|
3556
|
+
.swap-rotate .swap-indeterminate,
|
|
3554
3557
|
.swap-rotate input:indeterminate ~ .swap-on {
|
|
3555
3558
|
--tw-rotate: 45deg;
|
|
3556
3559
|
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));
|
|
3557
3560
|
}
|
|
3558
3561
|
|
|
3559
|
-
.swap-rotate input:checked ~ .swap-off,
|
|
3560
|
-
.swap-rotate.swap-active .swap-off,
|
|
3562
|
+
.swap-rotate input:checked ~ .swap-off,
|
|
3563
|
+
.swap-rotate.swap-active .swap-off,
|
|
3561
3564
|
.swap-rotate input:indeterminate ~ .swap-off {
|
|
3562
3565
|
--tw-rotate: -45deg;
|
|
3563
3566
|
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));
|
|
3564
3567
|
}
|
|
3565
3568
|
|
|
3566
|
-
.swap-rotate input:checked ~ .swap-on,
|
|
3567
|
-
.swap-rotate.swap-active .swap-on,
|
|
3569
|
+
.swap-rotate input:checked ~ .swap-on,
|
|
3570
|
+
.swap-rotate.swap-active .swap-on,
|
|
3568
3571
|
.swap-rotate input:indeterminate ~ .swap-indeterminate {
|
|
3569
3572
|
--tw-rotate: 0deg;
|
|
3570
3573
|
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));
|
|
@@ -3716,16 +3719,16 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3716
3719
|
padding: 1rem;
|
|
3717
3720
|
vertical-align: middle
|
|
3718
3721
|
}
|
|
3719
|
-
.table tr.active th,
|
|
3720
|
-
.table tr.active td,
|
|
3721
|
-
.table tr.active:nth-child(even) th,
|
|
3722
|
+
.table tr.active th,
|
|
3723
|
+
.table tr.active td,
|
|
3724
|
+
.table tr.active:nth-child(even) th,
|
|
3722
3725
|
.table tr.active:nth-child(even) td {
|
|
3723
3726
|
--tw-bg-opacity: 1;
|
|
3724
3727
|
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
|
|
3725
3728
|
}
|
|
3726
|
-
.table tr.hover:hover th,
|
|
3727
|
-
.table tr.hover:hover td,
|
|
3728
|
-
.table tr.hover:nth-child(even):hover th,
|
|
3729
|
+
.table tr.hover:hover th,
|
|
3730
|
+
.table tr.hover:hover td,
|
|
3731
|
+
.table tr.hover:nth-child(even):hover th,
|
|
3729
3732
|
.table tr.hover:nth-child(even):hover td {
|
|
3730
3733
|
--tw-bg-opacity: 1;
|
|
3731
3734
|
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
|
|
@@ -3747,7 +3750,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3747
3750
|
--tw-bg-opacity: 1;
|
|
3748
3751
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity))
|
|
3749
3752
|
}
|
|
3750
|
-
.table-zebra tbody tr:nth-child(even) th,
|
|
3753
|
+
.table-zebra tbody tr:nth-child(even) th,
|
|
3751
3754
|
.table-zebra tbody tr:nth-child(even) td {
|
|
3752
3755
|
--tw-bg-opacity: 1;
|
|
3753
3756
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
|
|
@@ -3840,7 +3843,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3840
3843
|
.textarea-error:focus {
|
|
3841
3844
|
outline: 2px solid hsl(var(--er));
|
|
3842
3845
|
}
|
|
3843
|
-
.textarea-disabled,
|
|
3846
|
+
.textarea-disabled,
|
|
3844
3847
|
.textarea[disabled] {
|
|
3845
3848
|
cursor: not-allowed;
|
|
3846
3849
|
--tw-border-opacity: 1;
|
|
@@ -3849,7 +3852,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3849
3852
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
3850
3853
|
--tw-text-opacity: 0.2;
|
|
3851
3854
|
}
|
|
3852
|
-
.textarea-disabled::placeholder,
|
|
3855
|
+
.textarea-disabled::placeholder,
|
|
3853
3856
|
.textarea[disabled]::placeholder {
|
|
3854
3857
|
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
|
|
3855
3858
|
--tw-placeholder-opacity: 0.2;
|
|
@@ -3977,7 +3980,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3977
3980
|
--tooltip-text-color: hsl(var(--nc));
|
|
3978
3981
|
--tooltip-tail-offset: calc(100% + 1px - var(--tooltip-tail));
|
|
3979
3982
|
}
|
|
3980
|
-
.tooltip:before,
|
|
3983
|
+
.tooltip:before,
|
|
3981
3984
|
.tooltip:after {
|
|
3982
3985
|
opacity: 0;
|
|
3983
3986
|
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
@@ -4003,9 +4006,9 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4003
4006
|
color: var(--tooltip-text-color);
|
|
4004
4007
|
width: max-content;
|
|
4005
4008
|
}
|
|
4006
|
-
.tooltip.tooltip-open:before,
|
|
4007
|
-
.tooltip.tooltip-open:after,
|
|
4008
|
-
.tooltip:hover:before,
|
|
4009
|
+
.tooltip.tooltip-open:before,
|
|
4010
|
+
.tooltip.tooltip-open:after,
|
|
4011
|
+
.tooltip:hover:before,
|
|
4009
4012
|
.tooltip:hover:after {
|
|
4010
4013
|
opacity: 1;
|
|
4011
4014
|
transition-delay: 75ms;
|