daisyui 4.11.0 → 4.12.2

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 (6) hide show
  1. package/README.md +1 -1
  2. package/dist/base.js +1 -1
  3. package/dist/full.css +5 -1
  4. package/dist/styled.css +52 -49
  5. package/dist/styled.js +1 -1
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -58,7 +58,7 @@ Contributors
58
58
  [opencollectivebadge]: https://badgen.net/opencollective/backers/daisyui?label=Open%20Collective&color=1AD1A5
59
59
  [tweet]: https://img.shields.io/twitter/url?label=Share&url=https%3A%2F%2Fgithub.com%2Fsaadeghi%2Fdaisyui
60
60
  [docs-url]: https://daisyui.com/
61
- [logo-url]: https://raw.githubusercontent.com/saadeghi/daisyui/master/src/docs/static/images/daisyui-logo/favicon-192.png
61
+ [logo-url]: https://raw.githubusercontent.com/saadeghi/daisyui-images/master/images/daisyui-logo/favicon-192.png
62
62
  [opencollective]: https://opencollective.com/daisyui
63
63
  [sponsors]: https://opencollective.com/daisyui/tiers/premium-sponsor.svg?button=false&avatarHeight=60
64
64
  [backers]: https://opencollective.com/daisyui/backers.svg?button=false&width=978&avatarHeight=36
package/dist/base.js CHANGED
@@ -1 +1 @@
1
- module.exports = {":root,\n[data-theme]":{"backgroundColor":"var(--fallback-b1,oklch(var(--b1)/1))","color":"var(--fallback-bc,oklch(var(--bc)/1))"},"@supports not (color: oklch(0% 0 0))":{":root":{"colorScheme":"light","-FallbackP":"#491eff","-FallbackPc":"#d4dbff","-FallbackS":"#ff41c7","-FallbackSc":"#fff9fc","-FallbackA":"#00cfbd","-FallbackAc":"#00100d","-FallbackN":"#2b3440","-FallbackNc":"#d7dde4","-FallbackB1":"#ffffff","-FallbackB2":"#e5e6e6","-FallbackB3":"#e5e6e6","-FallbackBc":"#1f2937","-FallbackIn":"#00b3f0","-FallbackInc":"#000000","-FallbackSu":"#00ca92","-FallbackSuc":"#000000","-FallbackWa":"#ffc22d","-FallbackWac":"#000000","-FallbackEr":"#ff6f70","-FallbackErc":"#000000"},"@media (prefers-color-scheme: dark)":{":root":{"colorScheme":"dark","-FallbackP":"#7582ff","-FallbackPc":"#050617","-FallbackS":"#ff71cf","-FallbackSc":"#190211","-FallbackA":"#00c7b5","-FallbackAc":"#000e0c","-FallbackN":"#2a323c","-FallbackNc":"#a6adbb","-FallbackB1":"#1d232a","-FallbackB2":"#191e24","-FallbackB3":"#15191e","-FallbackBc":"#a6adbb","-FallbackIn":"#00b3f0","-FallbackInc":"#000000","-FallbackSu":"#00ca92","-FallbackSuc":"#000000","-FallbackWa":"#ffc22d","-FallbackWac":"#000000","-FallbackEr":"#ff6f70","-FallbackErc":"#000000"}}},"html":{"WebkitTapHighlightColor":"transparent"}};
1
+ module.exports = {":root,\n[data-theme]":{"backgroundColor":"var(--fallback-b1,oklch(var(--b1)/1))","color":"var(--fallback-bc,oklch(var(--bc)/1))"},"@supports not (color: oklch(0% 0 0))":{":root":{"colorScheme":"light","-FallbackP":"#491eff","-FallbackPc":"#d4dbff","-FallbackS":"#ff41c7","-FallbackSc":"#fff9fc","-FallbackA":"#00cfbd","-FallbackAc":"#00100d","-FallbackN":"#2b3440","-FallbackNc":"#d7dde4","-FallbackB1":"#ffffff","-FallbackB2":"#e5e6e6","-FallbackB3":"#e5e6e6","-FallbackBc":"#1f2937","-FallbackIn":"#00b3f0","-FallbackInc":"#000000","-FallbackSu":"#00ca92","-FallbackSuc":"#000000","-FallbackWa":"#ffc22d","-FallbackWac":"#000000","-FallbackEr":"#ff6f70","-FallbackErc":"#000000"},"@media (prefers-color-scheme: dark)":{":root":{"colorScheme":"dark","-FallbackP":"#7582ff","-FallbackPc":"#050617","-FallbackS":"#ff71cf","-FallbackSc":"#190211","-FallbackA":"#00c7b5","-FallbackAc":"#000e0c","-FallbackN":"#2a323c","-FallbackNc":"#a6adbb","-FallbackB1":"#1d232a","-FallbackB2":"#191e24","-FallbackB3":"#15191e","-FallbackBc":"#a6adbb","-FallbackIn":"#00b3f0","-FallbackInc":"#000000","-FallbackSu":"#00ca92","-FallbackSuc":"#000000","-FallbackWa":"#ffc22d","-FallbackWac":"#000000","-FallbackEr":"#ff6f70","-FallbackErc":"#000000"}}},"html":{"WebkitTapHighlightColor":"transparent"},"*":{"scrollbarColor":"currentColor transparent"}};
package/dist/full.css CHANGED
@@ -2483,6 +2483,8 @@ video {
2483
2483
  --fallback-erc: #000000}}}
2484
2484
  html {
2485
2485
  -webkit-tap-highlight-color: transparent}
2486
+ * {
2487
+ scrollbar-color: currentColor transparent}
2486
2488
  *, ::before, ::after {
2487
2489
  --tw-gradient-from-position: ;
2488
2490
  --tw-gradient-via-position: ;
@@ -2712,7 +2714,6 @@ html {
2712
2714
  transition-duration: 200ms;
2713
2715
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2714
2716
  border-width: var(--border-btn, 1px);
2715
- animation: button-pop var(--animation-btn, 0.25s) ease-out;
2716
2717
  transition-property: color, background-color, border-color, opacity, box-shadow, transform;
2717
2718
  --tw-text-opacity: 1;
2718
2719
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
@@ -4269,6 +4270,9 @@ input.tab:checked + .tab-content,
4269
4270
  [dir="rtl"] .breadcrumbs > ul > li + *:before,
4270
4271
  [dir="rtl"] .breadcrumbs > ol > li + *:before {
4271
4272
  --tw-rotate: -135deg}
4273
+ @media (prefers-reduced-motion: no-preference) {
4274
+ .btn {
4275
+ animation: button-pop var(--animation-btn, 0.25s) ease-out}}
4272
4276
  .btn:active:hover,
4273
4277
  .btn:active:focus {
4274
4278
  animation: button-pop 0s ease-out;
package/dist/styled.css CHANGED
@@ -1568,9 +1568,12 @@ input.tab:checked + .tab-content,
1568
1568
  transition-duration: 200ms;
1569
1569
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1570
1570
  border-width: var(--border-btn, 1px);
1571
- animation: button-pop var(--animation-btn, 0.25s) ease-out;
1572
- transition-property: color, background-color, border-color, opacity, box-shadow, transform;
1571
+ transition-property: color, background-color, border-color, opacity, box-shadow, transform
1573
1572
  }
1573
+ @media (prefers-reduced-motion: no-preference) {.btn {
1574
+ animation: button-pop var(--animation-btn, 0.25s) ease-out
1575
+ }
1576
+ }
1574
1577
  .btn:active:hover,
1575
1578
  .btn:active:focus {
1576
1579
  animation: button-pop 0s ease-out;
@@ -1588,7 +1591,7 @@ input.tab:checked + .tab-content,
1588
1591
  background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
1589
1592
  --tw-bg-opacity: 1;
1590
1593
  border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
1591
- --tw-border-opacity: 1;
1594
+ --tw-border-opacity: 1
1592
1595
  }
1593
1596
  @supports not (color: oklch(0% 0 0)) {
1594
1597
  .btn {
@@ -1601,7 +1604,7 @@ input.tab:checked + .tab-content,
1601
1604
  --tw-border-opacity: 1;
1602
1605
  border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
1603
1606
  --tw-bg-opacity: 1;
1604
- background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
1607
+ background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))
1605
1608
  }
1606
1609
  @supports (color: color-mix(in oklab, black, black)) {
1607
1610
  .btn:hover {
@@ -1641,13 +1644,13 @@ input.tab:checked + .tab-content,
1641
1644
  .btn:focus-visible {
1642
1645
  outline-style: solid;
1643
1646
  outline-width: 2px;
1644
- outline-offset: 2px;
1647
+ outline-offset: 2px
1645
1648
  }
1646
1649
  /* brand colors */
1647
1650
  .btn-primary {
1648
1651
  --tw-text-opacity: 1;
1649
1652
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1650
- outline-color: var(--fallback-p,oklch(var(--p)/1));
1653
+ outline-color: var(--fallback-p,oklch(var(--p)/1))
1651
1654
  }
1652
1655
  @supports (color: oklch(0% 0 0)) {
1653
1656
  .btn-primary {
@@ -1662,7 +1665,7 @@ input.tab:checked + .tab-content,
1662
1665
  .btn-secondary {
1663
1666
  --tw-text-opacity: 1;
1664
1667
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
1665
- outline-color: var(--fallback-s,oklch(var(--s)/1));
1668
+ outline-color: var(--fallback-s,oklch(var(--s)/1))
1666
1669
  }
1667
1670
  @supports (color: oklch(0% 0 0)) {
1668
1671
  .btn-secondary {
@@ -1677,7 +1680,7 @@ input.tab:checked + .tab-content,
1677
1680
  .btn-accent {
1678
1681
  --tw-text-opacity: 1;
1679
1682
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
1680
- outline-color: var(--fallback-a,oklch(var(--a)/1));
1683
+ outline-color: var(--fallback-a,oklch(var(--a)/1))
1681
1684
  }
1682
1685
  @supports (color: oklch(0% 0 0)) {
1683
1686
  .btn-accent {
@@ -1692,7 +1695,7 @@ input.tab:checked + .tab-content,
1692
1695
  .btn-neutral {
1693
1696
  --tw-text-opacity: 1;
1694
1697
  color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
1695
- outline-color: var(--fallback-n,oklch(var(--n)/1));
1698
+ outline-color: var(--fallback-n,oklch(var(--n)/1))
1696
1699
  }
1697
1700
  @supports (color: oklch(0% 0 0)) {
1698
1701
  .btn-neutral {
@@ -1708,7 +1711,7 @@ input.tab:checked + .tab-content,
1708
1711
  .btn-info {
1709
1712
  --tw-text-opacity: 1;
1710
1713
  color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
1711
- outline-color: var(--fallback-in,oklch(var(--in)/1));
1714
+ outline-color: var(--fallback-in,oklch(var(--in)/1))
1712
1715
  }
1713
1716
  @supports (color: oklch(0% 0 0)) {
1714
1717
  .btn-info {
@@ -1723,7 +1726,7 @@ input.tab:checked + .tab-content,
1723
1726
  .btn-success {
1724
1727
  --tw-text-opacity: 1;
1725
1728
  color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
1726
- outline-color: var(--fallback-su,oklch(var(--su)/1));
1729
+ outline-color: var(--fallback-su,oklch(var(--su)/1))
1727
1730
  }
1728
1731
  @supports (color: oklch(0% 0 0)) {
1729
1732
  .btn-success {
@@ -1738,7 +1741,7 @@ input.tab:checked + .tab-content,
1738
1741
  .btn-warning {
1739
1742
  --tw-text-opacity: 1;
1740
1743
  color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
1741
- outline-color: var(--fallback-wa,oklch(var(--wa)/1));
1744
+ outline-color: var(--fallback-wa,oklch(var(--wa)/1))
1742
1745
  }
1743
1746
  @supports (color: oklch(0% 0 0)) {
1744
1747
  .btn-warning {
@@ -1753,7 +1756,7 @@ input.tab:checked + .tab-content,
1753
1756
  .btn-error {
1754
1757
  --tw-text-opacity: 1;
1755
1758
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
1756
- outline-color: var(--fallback-er,oklch(var(--er)/1));
1759
+ outline-color: var(--fallback-er,oklch(var(--er)/1))
1757
1760
  }
1758
1761
  @supports (color: oklch(0% 0 0)) {
1759
1762
  .btn-error {
@@ -1770,7 +1773,7 @@ input.tab:checked + .tab-content,
1770
1773
  --tw-shadow: 0 0 #0000;
1771
1774
  --tw-shadow-colored: 0 0 #0000;
1772
1775
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1773
- outline-color: currentColor;
1776
+ outline-color: currentColor
1774
1777
  }
1775
1778
  @media (hover: hover) {
1776
1779
  .btn.glass:hover {
@@ -1791,21 +1794,21 @@ input.tab:checked + .tab-content,
1791
1794
  --tw-shadow: 0 0 #0000;
1792
1795
  --tw-shadow-colored: 0 0 #0000;
1793
1796
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1794
- outline-color: currentColor;
1797
+ outline-color: currentColor
1795
1798
  }
1796
1799
  @media (hover: hover) {
1797
1800
  .btn-ghost:hover {
1798
- border-color: transparent;
1801
+ border-color: transparent
1799
1802
  }
1800
1803
  @supports (color: oklch(0% 0 0)) {
1801
1804
  .btn-ghost:hover {
1802
- background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1805
+ background-color: var(--fallback-bc,oklch(var(--bc)/0.2))
1803
1806
  }
1804
1807
  }
1805
1808
  }
1806
1809
  .btn-ghost.btn-active {
1807
1810
  border-color: transparent;
1808
- background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1811
+ background-color: var(--fallback-bc,oklch(var(--bc)/0.2))
1809
1812
  }
1810
1813
  .btn-link {
1811
1814
  border-color: transparent;
@@ -1816,19 +1819,19 @@ input.tab:checked + .tab-content,
1816
1819
  --tw-shadow: 0 0 #0000;
1817
1820
  --tw-shadow-colored: 0 0 #0000;
1818
1821
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1819
- outline-color: currentColor;
1822
+ outline-color: currentColor
1820
1823
  }
1821
1824
  @media (hover: hover) {
1822
1825
  .btn-link:hover {
1823
1826
  border-color: transparent;
1824
1827
  background-color: transparent;
1825
- text-decoration-line: underline;
1828
+ text-decoration-line: underline
1826
1829
  }
1827
1830
  }
1828
1831
  .btn-link.btn-active {
1829
1832
  border-color: transparent;
1830
1833
  background-color: transparent;
1831
- text-decoration-line: underline;
1834
+ text-decoration-line: underline
1832
1835
  }
1833
1836
  /* outline */
1834
1837
  .btn-outline {
@@ -1838,7 +1841,7 @@ input.tab:checked + .tab-content,
1838
1841
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
1839
1842
  --tw-shadow: 0 0 #0000;
1840
1843
  --tw-shadow-colored: 0 0 #0000;
1841
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1844
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1842
1845
  }
1843
1846
  @media (hover: hover) {
1844
1847
  .btn-outline:hover {
@@ -1847,7 +1850,7 @@ input.tab:checked + .tab-content,
1847
1850
  --tw-bg-opacity: 1;
1848
1851
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
1849
1852
  --tw-text-opacity: 1;
1850
- color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)));
1853
+ color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)))
1851
1854
  }
1852
1855
  }
1853
1856
  .btn-outline.btn-active {
@@ -1856,16 +1859,16 @@ input.tab:checked + .tab-content,
1856
1859
  --tw-bg-opacity: 1;
1857
1860
  background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
1858
1861
  --tw-text-opacity: 1;
1859
- color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)));
1862
+ color: var(--fallback-b1,oklch(var(--b1)/var(--tw-text-opacity)))
1860
1863
  }
1861
1864
  .btn-outline.btn-primary {
1862
1865
  --tw-text-opacity: 1;
1863
- color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
1866
+ color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))
1864
1867
  }
1865
1868
  @media (hover: hover) {
1866
1869
  .btn-outline.btn-primary:hover {
1867
1870
  --tw-text-opacity: 1;
1868
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1871
+ color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))
1869
1872
  }
1870
1873
  @supports (color: color-mix(in oklab, black, black)) {
1871
1874
  .btn-outline.btn-primary:hover {
@@ -1876,7 +1879,7 @@ input.tab:checked + .tab-content,
1876
1879
  }
1877
1880
  .btn-outline.btn-primary.btn-active {
1878
1881
  --tw-text-opacity: 1;
1879
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1882
+ color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))
1880
1883
  }
1881
1884
  @supports (color: color-mix(in oklab, black, black)) {
1882
1885
  .btn-outline.btn-primary.btn-active {
@@ -1886,12 +1889,12 @@ input.tab:checked + .tab-content,
1886
1889
  }
1887
1890
  .btn-outline.btn-secondary {
1888
1891
  --tw-text-opacity: 1;
1889
- color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
1892
+ color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))
1890
1893
  }
1891
1894
  @media (hover: hover) {
1892
1895
  .btn-outline.btn-secondary:hover {
1893
1896
  --tw-text-opacity: 1;
1894
- color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
1897
+ color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))
1895
1898
  }
1896
1899
  @supports (color: color-mix(in oklab, black, black)) {
1897
1900
  .btn-outline.btn-secondary:hover {
@@ -1902,7 +1905,7 @@ input.tab:checked + .tab-content,
1902
1905
  }
1903
1906
  .btn-outline.btn-secondary.btn-active {
1904
1907
  --tw-text-opacity: 1;
1905
- color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
1908
+ color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))
1906
1909
  }
1907
1910
  @supports (color: color-mix(in oklab, black, black)) {
1908
1911
  .btn-outline.btn-secondary.btn-active {
@@ -1912,12 +1915,12 @@ input.tab:checked + .tab-content,
1912
1915
  }
1913
1916
  .btn-outline.btn-accent {
1914
1917
  --tw-text-opacity: 1;
1915
- color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
1918
+ color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)))
1916
1919
  }
1917
1920
  @media (hover: hover) {
1918
1921
  .btn-outline.btn-accent:hover {
1919
1922
  --tw-text-opacity: 1;
1920
- color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
1923
+ color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))
1921
1924
  }
1922
1925
  @supports (color: color-mix(in oklab, black, black)) {
1923
1926
  .btn-outline.btn-accent:hover {
@@ -1928,7 +1931,7 @@ input.tab:checked + .tab-content,
1928
1931
  }
1929
1932
  .btn-outline.btn-accent.btn-active {
1930
1933
  --tw-text-opacity: 1;
1931
- color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
1934
+ color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)))
1932
1935
  }
1933
1936
  @supports (color: color-mix(in oklab, black, black)) {
1934
1937
  .btn-outline.btn-accent.btn-active {
@@ -1938,12 +1941,12 @@ input.tab:checked + .tab-content,
1938
1941
  }
1939
1942
  .btn-outline.btn-success {
1940
1943
  --tw-text-opacity: 1;
1941
- color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));
1944
+ color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)))
1942
1945
  }
1943
1946
  @media (hover: hover) {
1944
1947
  .btn-outline.btn-success:hover {
1945
1948
  --tw-text-opacity: 1;
1946
- color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
1949
+ color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))
1947
1950
  }
1948
1951
  @supports (color: color-mix(in oklab, black, black)) {
1949
1952
  .btn-outline.btn-success:hover {
@@ -1954,7 +1957,7 @@ input.tab:checked + .tab-content,
1954
1957
  }
1955
1958
  .btn-outline.btn-success.btn-active {
1956
1959
  --tw-text-opacity: 1;
1957
- color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
1960
+ color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)))
1958
1961
  }
1959
1962
  @supports (color: color-mix(in oklab, black, black)) {
1960
1963
  .btn-outline.btn-success.btn-active {
@@ -1964,12 +1967,12 @@ input.tab:checked + .tab-content,
1964
1967
  }
1965
1968
  .btn-outline.btn-info {
1966
1969
  --tw-text-opacity: 1;
1967
- color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)));
1970
+ color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity)))
1968
1971
  }
1969
1972
  @media (hover: hover) {
1970
1973
  .btn-outline.btn-info:hover {
1971
1974
  --tw-text-opacity: 1;
1972
- color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
1975
+ color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))
1973
1976
  }
1974
1977
  @supports (color: color-mix(in oklab, black, black)) {
1975
1978
  .btn-outline.btn-info:hover {
@@ -1980,7 +1983,7 @@ input.tab:checked + .tab-content,
1980
1983
  }
1981
1984
  .btn-outline.btn-info.btn-active {
1982
1985
  --tw-text-opacity: 1;
1983
- color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
1986
+ color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)))
1984
1987
  }
1985
1988
  @supports (color: color-mix(in oklab, black, black)) {
1986
1989
  .btn-outline.btn-info.btn-active {
@@ -1990,12 +1993,12 @@ input.tab:checked + .tab-content,
1990
1993
  }
1991
1994
  .btn-outline.btn-warning {
1992
1995
  --tw-text-opacity: 1;
1993
- color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));
1996
+ color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)))
1994
1997
  }
1995
1998
  @media (hover: hover) {
1996
1999
  .btn-outline.btn-warning:hover {
1997
2000
  --tw-text-opacity: 1;
1998
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
2001
+ color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))
1999
2002
  }
2000
2003
  @supports (color: color-mix(in oklab, black, black)) {
2001
2004
  .btn-outline.btn-warning:hover {
@@ -2006,7 +2009,7 @@ input.tab:checked + .tab-content,
2006
2009
  }
2007
2010
  .btn-outline.btn-warning.btn-active {
2008
2011
  --tw-text-opacity: 1;
2009
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
2012
+ color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)))
2010
2013
  }
2011
2014
  @supports (color: color-mix(in oklab, black, black)) {
2012
2015
  .btn-outline.btn-warning.btn-active {
@@ -2016,12 +2019,12 @@ input.tab:checked + .tab-content,
2016
2019
  }
2017
2020
  .btn-outline.btn-error {
2018
2021
  --tw-text-opacity: 1;
2019
- color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)));
2022
+ color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity)))
2020
2023
  }
2021
2024
  @media (hover: hover) {
2022
2025
  .btn-outline.btn-error:hover {
2023
2026
  --tw-text-opacity: 1;
2024
- color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
2027
+ color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))
2025
2028
  }
2026
2029
  @supports (color: color-mix(in oklab, black, black)) {
2027
2030
  .btn-outline.btn-error:hover {
@@ -2032,7 +2035,7 @@ input.tab:checked + .tab-content,
2032
2035
  }
2033
2036
  .btn-outline.btn-error.btn-active {
2034
2037
  --tw-text-opacity: 1;
2035
- color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
2038
+ color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))
2036
2039
  }
2037
2040
  @supports (color: color-mix(in oklab, black, black)) {
2038
2041
  .btn-outline.btn-error.btn-active {
@@ -2048,7 +2051,7 @@ input.tab:checked + .tab-content,
2048
2051
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
2049
2052
  --tw-bg-opacity: 0.2;
2050
2053
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
2051
- --tw-text-opacity: 0.2;
2054
+ --tw-text-opacity: 0.2
2052
2055
  }
2053
2056
  @media (hover: hover) {
2054
2057
  .btn-disabled:hover,
@@ -2058,7 +2061,7 @@ input.tab:checked + .tab-content,
2058
2061
  background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
2059
2062
  --tw-bg-opacity: 0.2;
2060
2063
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
2061
- --tw-text-opacity: 0.2;
2064
+ --tw-text-opacity: 0.2
2062
2065
  }
2063
2066
  }
2064
2067
 
@@ -2071,7 +2074,7 @@ input.tab:checked + .tab-content,
2071
2074
  --tw-bg-opacity: 1;
2072
2075
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
2073
2076
  --tw-text-opacity: 1;
2074
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
2077
+ color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))
2075
2078
  }
2076
2079
 
2077
2080
  @media (hover: hover) {
@@ -2084,7 +2087,7 @@ input.tab:checked + .tab-content,
2084
2087
  }
2085
2088
 
2086
2089
  .btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
2087
- outline-color: var(--fallback-p,oklch(var(--p)/1));
2090
+ outline-color: var(--fallback-p,oklch(var(--p)/1))
2088
2091
  }
2089
2092
 
2090
2093
  @keyframes button-pop {