daisyui 4.7.3 → 4.9.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.
Files changed (7) hide show
  1. package/dist/base.js +1 -1
  2. package/dist/full.css +1323 -1339
  3. package/dist/styled.css +22 -38
  4. package/dist/styled.js +1 -1
  5. package/dist/themes.css +1296 -1296
  6. package/package.json +1 -1
  7. package/src/theming/functions.js +9 -9
package/dist/styled.css CHANGED
@@ -1590,7 +1590,7 @@ input.tab:checked + .tab-content,
1590
1590
  border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
1591
1591
  --tw-border-opacity: 1;
1592
1592
  }
1593
- @supports not (color: oklch(0 0 0)) {
1593
+ @supports not (color: oklch(0% 0 0)) {
1594
1594
  .btn {
1595
1595
  background-color: var(--btn-color, var(--fallback-b2));
1596
1596
  border-color: var(--btn-color, var(--fallback-b2))
@@ -1617,7 +1617,7 @@ input.tab:checked + .tab-content,
1617
1617
  )
1618
1618
  }
1619
1619
  }
1620
- @supports not (color: oklch(0 0 0)) {
1620
+ @supports not (color: oklch(0% 0 0)) {
1621
1621
  .btn:hover {
1622
1622
  background-color: var(--btn-color, var(--fallback-b2));
1623
1623
  border-color: var(--btn-color, var(--fallback-b2))
@@ -1649,12 +1649,12 @@ input.tab:checked + .tab-content,
1649
1649
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1650
1650
  outline-color: var(--fallback-p,oklch(var(--p)/1));
1651
1651
  }
1652
- @supports (color: oklch(0 0 0)) {
1652
+ @supports (color: oklch(0% 0 0)) {
1653
1653
  .btn-primary {
1654
1654
  --btn-color: var(--p)
1655
1655
  }
1656
1656
  }
1657
- @supports not (color: oklch(0 0 0)) {
1657
+ @supports not (color: oklch(0% 0 0)) {
1658
1658
  .btn-primary {
1659
1659
  --btn-color: var(--fallback-p)
1660
1660
  }
@@ -1664,12 +1664,12 @@ input.tab:checked + .tab-content,
1664
1664
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
1665
1665
  outline-color: var(--fallback-s,oklch(var(--s)/1));
1666
1666
  }
1667
- @supports (color: oklch(0 0 0)) {
1667
+ @supports (color: oklch(0% 0 0)) {
1668
1668
  .btn-secondary {
1669
1669
  --btn-color: var(--s)
1670
1670
  }
1671
1671
  }
1672
- @supports not (color: oklch(0 0 0)) {
1672
+ @supports not (color: oklch(0% 0 0)) {
1673
1673
  .btn-secondary {
1674
1674
  --btn-color: var(--fallback-s)
1675
1675
  }
@@ -1679,12 +1679,12 @@ input.tab:checked + .tab-content,
1679
1679
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
1680
1680
  outline-color: var(--fallback-a,oklch(var(--a)/1));
1681
1681
  }
1682
- @supports (color: oklch(0 0 0)) {
1682
+ @supports (color: oklch(0% 0 0)) {
1683
1683
  .btn-accent {
1684
1684
  --btn-color: var(--a)
1685
1685
  }
1686
1686
  }
1687
- @supports not (color: oklch(0 0 0)) {
1687
+ @supports not (color: oklch(0% 0 0)) {
1688
1688
  .btn-accent {
1689
1689
  --btn-color: var(--fallback-a)
1690
1690
  }
@@ -1694,12 +1694,12 @@ input.tab:checked + .tab-content,
1694
1694
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
1695
1695
  outline-color: var(--fallback-n,oklch(var(--n)/1));
1696
1696
  }
1697
- @supports (color: oklch(0 0 0)) {
1697
+ @supports (color: oklch(0% 0 0)) {
1698
1698
  .btn-neutral {
1699
1699
  --btn-color: var(--n)
1700
1700
  }
1701
1701
  }
1702
- @supports not (color: oklch(0 0 0)) {
1702
+ @supports not (color: oklch(0% 0 0)) {
1703
1703
  .btn-neutral {
1704
1704
  --btn-color: var(--fallback-n)
1705
1705
  }
@@ -1710,12 +1710,12 @@ input.tab:checked + .tab-content,
1710
1710
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
1711
1711
  outline-color: var(--fallback-in,oklch(var(--in)/1));
1712
1712
  }
1713
- @supports (color: oklch(0 0 0)) {
1713
+ @supports (color: oklch(0% 0 0)) {
1714
1714
  .btn-info {
1715
1715
  --btn-color: var(--in)
1716
1716
  }
1717
1717
  }
1718
- @supports not (color: oklch(0 0 0)) {
1718
+ @supports not (color: oklch(0% 0 0)) {
1719
1719
  .btn-info {
1720
1720
  --btn-color: var(--fallback-in)
1721
1721
  }
@@ -1725,12 +1725,12 @@ input.tab:checked + .tab-content,
1725
1725
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
1726
1726
  outline-color: var(--fallback-su,oklch(var(--su)/1));
1727
1727
  }
1728
- @supports (color: oklch(0 0 0)) {
1728
+ @supports (color: oklch(0% 0 0)) {
1729
1729
  .btn-success {
1730
1730
  --btn-color: var(--su)
1731
1731
  }
1732
1732
  }
1733
- @supports not (color: oklch(0 0 0)) {
1733
+ @supports not (color: oklch(0% 0 0)) {
1734
1734
  .btn-success {
1735
1735
  --btn-color: var(--fallback-su)
1736
1736
  }
@@ -1740,12 +1740,12 @@ input.tab:checked + .tab-content,
1740
1740
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
1741
1741
  outline-color: var(--fallback-wa,oklch(var(--wa)/1));
1742
1742
  }
1743
- @supports (color: oklch(0 0 0)) {
1743
+ @supports (color: oklch(0% 0 0)) {
1744
1744
  .btn-warning {
1745
1745
  --btn-color: var(--wa)
1746
1746
  }
1747
1747
  }
1748
- @supports not (color: oklch(0 0 0)) {
1748
+ @supports not (color: oklch(0% 0 0)) {
1749
1749
  .btn-warning {
1750
1750
  --btn-color: var(--fallback-wa)
1751
1751
  }
@@ -1755,12 +1755,12 @@ input.tab:checked + .tab-content,
1755
1755
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
1756
1756
  outline-color: var(--fallback-er,oklch(var(--er)/1));
1757
1757
  }
1758
- @supports (color: oklch(0 0 0)) {
1758
+ @supports (color: oklch(0% 0 0)) {
1759
1759
  .btn-error {
1760
1760
  --btn-color: var(--er)
1761
1761
  }
1762
1762
  }
1763
- @supports not (color: oklch(0 0 0)) {
1763
+ @supports not (color: oklch(0% 0 0)) {
1764
1764
  .btn-error {
1765
1765
  --btn-color: var(--fallback-er)
1766
1766
  }
@@ -1797,7 +1797,7 @@ input.tab:checked + .tab-content,
1797
1797
  .btn-ghost:hover {
1798
1798
  border-color: transparent;
1799
1799
  }
1800
- @supports (color: oklch(0 0 0)) {
1800
+ @supports (color: oklch(0% 0 0)) {
1801
1801
  .btn-ghost:hover {
1802
1802
  background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1803
1803
  }
@@ -2262,7 +2262,6 @@ input.tab:checked + .tab-content,
2262
2262
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
2263
2263
  }
2264
2264
  .checkbox:checked,
2265
- .checkbox[checked="true"],
2266
2265
  .checkbox[aria-checked="true"] {
2267
2266
  background-repeat: no-repeat;
2268
2267
  animation: checkmark var(--animation-input, 0.2s) ease-out;
@@ -2304,7 +2303,6 @@ input.tab:checked + .tab-content,
2304
2303
  outline-color: var(--fallback-p,oklch(var(--p)/1));
2305
2304
  }
2306
2305
  .checkbox-primary:checked,
2307
- .checkbox-primary[checked="true"],
2308
2306
  .checkbox-primary[aria-checked="true"] {
2309
2307
  --tw-border-opacity: 1;
2310
2308
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
@@ -2329,7 +2327,6 @@ input.tab:checked + .tab-content,
2329
2327
  outline-color: var(--fallback-s,oklch(var(--s)/1));
2330
2328
  }
2331
2329
  .checkbox-secondary:checked,
2332
- .checkbox-secondary[checked="true"],
2333
2330
  .checkbox-secondary[aria-checked="true"] {
2334
2331
  --tw-border-opacity: 1;
2335
2332
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
@@ -2354,7 +2351,6 @@ input.tab:checked + .tab-content,
2354
2351
  outline-color: var(--fallback-a,oklch(var(--a)/1));
2355
2352
  }
2356
2353
  .checkbox-accent:checked,
2357
- .checkbox-accent[checked="true"],
2358
2354
  .checkbox-accent[aria-checked="true"] {
2359
2355
  --tw-border-opacity: 1;
2360
2356
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
@@ -2379,7 +2375,6 @@ input.tab:checked + .tab-content,
2379
2375
  outline-color: var(--fallback-su,oklch(var(--su)/1));
2380
2376
  }
2381
2377
  .checkbox-success:checked,
2382
- .checkbox-success[checked="true"],
2383
2378
  .checkbox-success[aria-checked="true"] {
2384
2379
  --tw-border-opacity: 1;
2385
2380
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
@@ -2404,7 +2399,6 @@ input.tab:checked + .tab-content,
2404
2399
  outline-color: var(--fallback-wa,oklch(var(--wa)/1));
2405
2400
  }
2406
2401
  .checkbox-warning:checked,
2407
- .checkbox-warning[checked="true"],
2408
2402
  .checkbox-warning[aria-checked="true"] {
2409
2403
  --tw-border-opacity: 1;
2410
2404
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
@@ -2429,7 +2423,6 @@ input.tab:checked + .tab-content,
2429
2423
  outline-color: var(--fallback-in,oklch(var(--in)/1));
2430
2424
  }
2431
2425
  .checkbox-info:checked,
2432
- .checkbox-info[checked="true"],
2433
2426
  .checkbox-info[aria-checked="true"] {
2434
2427
  --tw-border-opacity: 1;
2435
2428
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
@@ -2454,7 +2447,6 @@ input.tab:checked + .tab-content,
2454
2447
  outline-color: var(--fallback-er,oklch(var(--er)/1));
2455
2448
  }
2456
2449
  .checkbox-error:checked,
2457
- .checkbox-error[checked="true"],
2458
2450
  .checkbox-error[aria-checked="true"] {
2459
2451
  --tw-border-opacity: 1;
2460
2452
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
@@ -3374,7 +3366,7 @@ details.collapse summary {
3374
3366
  outline: 2px solid transparent;
3375
3367
  outline-offset: 2px;
3376
3368
  }
3377
- @supports (color: oklch(0 0 0)) {
3369
+ @supports (color: oklch(0% 0 0)) {
3378
3370
  :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
3379
3371
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
3380
3372
  }
@@ -5013,14 +5005,13 @@ details.collapse summary {
5013
5005
  background-color: currentColor;
5014
5006
  }
5015
5007
  .toggle:checked,
5016
- .toggle[checked="true"],
5017
5008
  .toggle[aria-checked="true"] {
5018
5009
  background-image: none;
5019
5010
  --handleoffsetcalculator: var(--handleoffset);
5020
5011
  --tw-text-opacity: 1;
5021
5012
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
5022
5013
  }
5023
- [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked="true"] {
5014
+ [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"] {
5024
5015
  --handleoffsetcalculator: calc(var(--handleoffset) * -1);
5025
5016
  }
5026
5017
  .toggle:indeterminate {
@@ -5041,7 +5032,6 @@ details.collapse summary {
5041
5032
  outline-color: var(--fallback-p,oklch(var(--p)/1));
5042
5033
  }
5043
5034
  .toggle-primary:checked,
5044
- .toggle-primary[checked="true"],
5045
5035
  .toggle-primary[aria-checked="true"] {
5046
5036
  border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
5047
5037
  --tw-border-opacity: 0.1;
@@ -5054,7 +5044,6 @@ details.collapse summary {
5054
5044
  outline-color: var(--fallback-s,oklch(var(--s)/1));
5055
5045
  }
5056
5046
  .toggle-secondary:checked,
5057
- .toggle-secondary[checked="true"],
5058
5047
  .toggle-secondary[aria-checked="true"] {
5059
5048
  border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
5060
5049
  --tw-border-opacity: 0.1;
@@ -5067,7 +5056,6 @@ details.collapse summary {
5067
5056
  outline-color: var(--fallback-a,oklch(var(--a)/1));
5068
5057
  }
5069
5058
  .toggle-accent:checked,
5070
- .toggle-accent[checked="true"],
5071
5059
  .toggle-accent[aria-checked="true"] {
5072
5060
  border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
5073
5061
  --tw-border-opacity: 0.1;
@@ -5080,7 +5068,6 @@ details.collapse summary {
5080
5068
  outline-color: var(--fallback-su,oklch(var(--su)/1));
5081
5069
  }
5082
5070
  .toggle-success:checked,
5083
- .toggle-success[checked="true"],
5084
5071
  .toggle-success[aria-checked="true"] {
5085
5072
  border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
5086
5073
  --tw-border-opacity: 0.1;
@@ -5093,7 +5080,6 @@ details.collapse summary {
5093
5080
  outline-color: var(--fallback-wa,oklch(var(--wa)/1));
5094
5081
  }
5095
5082
  .toggle-warning:checked,
5096
- .toggle-warning[checked="true"],
5097
5083
  .toggle-warning[aria-checked="true"] {
5098
5084
  border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
5099
5085
  --tw-border-opacity: 0.1;
@@ -5106,7 +5092,6 @@ details.collapse summary {
5106
5092
  outline-color: var(--fallback-in,oklch(var(--in)/1));
5107
5093
  }
5108
5094
  .toggle-info:checked,
5109
- .toggle-info[checked="true"],
5110
5095
  .toggle-info[aria-checked="true"] {
5111
5096
  border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
5112
5097
  --tw-border-opacity: 0.1;
@@ -5119,7 +5104,6 @@ details.collapse summary {
5119
5104
  outline-color: var(--fallback-er,oklch(var(--er)/1));
5120
5105
  }
5121
5106
  .toggle-error:checked,
5122
- .toggle-error[checked="true"],
5123
5107
  .toggle-error[aria-checked="true"] {
5124
5108
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
5125
5109
  --tw-border-opacity: 0.1;
@@ -5167,7 +5151,7 @@ details.collapse summary {
5167
5151
  font-weight: initial;
5168
5152
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
5169
5153
  }
5170
- @supports not (color: oklch(0 0 0)) {
5154
+ @supports not (color: oklch(0% 0 0)) {
5171
5155
  .prose :where(code):not(:where([class~="not-prose"] *, pre *)) {
5172
5156
  background-color: var(--fallback-b3,oklch(var(--b3)/1))
5173
5157
  }