daisyui 4.0.0-alpha.7 → 4.0.0-alpha.9

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 (16) hide show
  1. package/dist/full.css +334 -5607
  2. package/dist/styled.css +131 -200
  3. package/dist/styled.js +1 -1
  4. package/dist/themes.css +0 -124
  5. package/dist/unstyled.css +2 -1
  6. package/dist/unstyled.js +1 -1
  7. package/dist/utilities-styled.js +1 -1
  8. package/dist/utilities.js +1 -1
  9. package/package.json +1 -1
  10. package/src/lib/responsiveRegex.js +2 -2
  11. package/src/theming/colorNames.js +0 -4
  12. package/src/theming/functions.js +0 -14
  13. package/src/theming/index.js +0 -4
  14. package/src/theming/themes.js +0 -3
  15. package/dist/styled.rtl.js +0 -1
  16. package/dist/unstyled.rtl.js +0 -1
package/dist/styled.css CHANGED
@@ -109,13 +109,13 @@
109
109
  flex-wrap: wrap;
110
110
  align-items: center;
111
111
  justify-content: center;
112
+ border-radius: var(--rounded-btn, 0.5rem);
112
113
  border-color: transparent;
113
114
  text-align: center;
114
115
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
115
116
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
116
117
  transition-duration: 200ms;
117
118
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
118
- border-radius: var(--rounded-btn, 0.5rem);
119
119
  height: 3rem;
120
120
  min-height: 3rem;
121
121
  padding-left: 1rem;
@@ -381,6 +381,7 @@
381
381
  .diff {
382
382
  position: relative;
383
383
  display: grid;
384
+ width: 100%;
384
385
  overflow: hidden;
385
386
  container-type: inline-size;
386
387
  grid-template-columns: auto 1fr
@@ -1293,13 +1294,13 @@ input.tab:checked + .tab-content,
1293
1294
  flex-shrink: 0
1294
1295
  }
1295
1296
  .alert {
1297
+ border-radius: var(--rounded-box, 1rem);
1296
1298
  border-width: 1px;
1297
1299
  --tw-border-opacity: 1;
1298
1300
  border-color: oklch(var(--b2) / var(--tw-border-opacity));
1299
1301
  padding: 1rem;
1300
1302
  --tw-text-opacity: 1;
1301
1303
  color: oklch(var(--bc) / var(--tw-text-opacity));
1302
- border-radius: var(--rounded-box, 1rem);
1303
1304
  --alert-bg: oklch(var(--b2));
1304
1305
  --alert-bg-mix: oklch(var(--b1));
1305
1306
  background-color: var(--alert-bg)
@@ -1347,14 +1348,14 @@ input.tab:checked + .tab-content,
1347
1348
  border-color: oklch(var(--b1) / var(--tw-border-opacity))
1348
1349
  }
1349
1350
  .badge {
1351
+ border-radius: var(--rounded-badge, 1.9rem);
1350
1352
  border-width: 1px;
1351
1353
  --tw-border-opacity: 1;
1352
1354
  border-color: oklch(var(--b2) / var(--tw-border-opacity));
1353
1355
  --tw-bg-opacity: 1;
1354
1356
  background-color: oklch(var(--b1) / var(--tw-bg-opacity));
1355
1357
  --tw-text-opacity: 1;
1356
- color: oklch(var(--bc) / var(--tw-text-opacity));
1357
- border-radius: var(--rounded-badge, 1.9rem)
1358
+ color: oklch(var(--bc) / var(--tw-text-opacity))
1358
1359
  }
1359
1360
  .badge-neutral {
1360
1361
  --tw-border-opacity: 1;
@@ -1591,18 +1592,14 @@ input.tab:checked + .tab-content,
1591
1592
  }
1592
1593
  @media (hover: hover) {
1593
1594
  .btn-primary:hover {
1594
- --tw-border-opacity: 1;
1595
- border-color: oklch(var(--pf) / var(--tw-border-opacity));
1596
- --tw-bg-opacity: 1;
1597
- background-color: oklch(var(--pf) / var(--tw-bg-opacity));
1598
- }
1595
+ background-color: color-mix(in oklab, oklch(var(--p) / var(--tw-bg-opacity)) 90%, black);
1596
+ border-color: color-mix(in oklab, oklch(var(--p) / var(--tw-border-opacity)) 90%, black);
1597
+ }
1599
1598
  }
1600
1599
  .btn-primary.btn-active {
1601
- --tw-border-opacity: 1;
1602
- border-color: oklch(var(--pf) / var(--tw-border-opacity));
1603
- --tw-bg-opacity: 1;
1604
- background-color: oklch(var(--pf) / var(--tw-bg-opacity));
1605
- }
1600
+ background-color: color-mix(in oklab, oklch(var(--p) / var(--tw-bg-opacity)) 90%, black);
1601
+ border-color: color-mix(in oklab, oklch(var(--p) / var(--tw-border-opacity)) 90%, black);
1602
+ }
1606
1603
  .btn-secondary {
1607
1604
  --tw-border-opacity: 1;
1608
1605
  border-color: oklch(var(--s) / var(--tw-border-opacity));
@@ -1614,18 +1611,14 @@ input.tab:checked + .tab-content,
1614
1611
  }
1615
1612
  @media (hover: hover) {
1616
1613
  .btn-secondary:hover {
1617
- --tw-border-opacity: 1;
1618
- border-color: oklch(var(--sf) / var(--tw-border-opacity));
1619
- --tw-bg-opacity: 1;
1620
- background-color: oklch(var(--sf) / var(--tw-bg-opacity));
1621
- }
1614
+ background-color: color-mix(in oklab, oklch(var(--s) / var(--tw-bg-opacity)) 90%, black);
1615
+ border-color: color-mix(in oklab, oklch(var(--s) / var(--tw-border-opacity)) 90%, black);
1616
+ }
1622
1617
  }
1623
1618
  .btn-secondary.btn-active {
1624
- --tw-border-opacity: 1;
1625
- border-color: oklch(var(--sf) / var(--tw-border-opacity));
1626
- --tw-bg-opacity: 1;
1627
- background-color: oklch(var(--sf) / var(--tw-bg-opacity));
1628
- }
1619
+ background-color: color-mix(in oklab, oklch(var(--s) / var(--tw-bg-opacity)) 90%, black);
1620
+ border-color: color-mix(in oklab, oklch(var(--s) / var(--tw-border-opacity)) 90%, black);
1621
+ }
1629
1622
  .btn-accent {
1630
1623
  --tw-border-opacity: 1;
1631
1624
  border-color: oklch(var(--a) / var(--tw-border-opacity));
@@ -1637,18 +1630,14 @@ input.tab:checked + .tab-content,
1637
1630
  }
1638
1631
  @media (hover: hover) {
1639
1632
  .btn-accent:hover {
1640
- --tw-border-opacity: 1;
1641
- border-color: oklch(var(--af) / var(--tw-border-opacity));
1642
- --tw-bg-opacity: 1;
1643
- background-color: oklch(var(--af) / var(--tw-bg-opacity));
1644
- }
1633
+ background-color: color-mix(in oklab, oklch(var(--a) / var(--tw-bg-opacity)) 90%, black);
1634
+ border-color: color-mix(in oklab, oklch(var(--a) / var(--tw-border-opacity)) 90%, black);
1635
+ }
1645
1636
  }
1646
1637
  .btn-accent.btn-active {
1647
- --tw-border-opacity: 1;
1648
- border-color: oklch(var(--af) / var(--tw-border-opacity));
1649
- --tw-bg-opacity: 1;
1650
- background-color: oklch(var(--af) / var(--tw-bg-opacity));
1651
- }
1638
+ background-color: color-mix(in oklab, oklch(var(--a) / var(--tw-bg-opacity)) 90%, black);
1639
+ border-color: color-mix(in oklab, oklch(var(--a) / var(--tw-border-opacity)) 90%, black);
1640
+ }
1652
1641
  .btn-neutral {
1653
1642
  --tw-border-opacity: 1;
1654
1643
  border-color: oklch(var(--n) / var(--tw-border-opacity));
@@ -1660,18 +1649,14 @@ input.tab:checked + .tab-content,
1660
1649
  }
1661
1650
  @media (hover: hover) {
1662
1651
  .btn-neutral:hover {
1663
- --tw-border-opacity: 1;
1664
- border-color: oklch(var(--nf) / var(--tw-border-opacity));
1665
- --tw-bg-opacity: 1;
1666
- background-color: oklch(var(--nf) / var(--tw-bg-opacity));
1667
- }
1652
+ background-color: color-mix(in oklab, oklch(var(--n) / var(--tw-bg-opacity)) 90%, black);
1653
+ border-color: color-mix(in oklab, oklch(var(--n) / var(--tw-border-opacity)) 90%, black);
1654
+ }
1668
1655
  }
1669
1656
  .btn-neutral.btn-active {
1670
- --tw-border-opacity: 1;
1671
- border-color: oklch(var(--nf) / var(--tw-border-opacity));
1672
- --tw-bg-opacity: 1;
1673
- background-color: oklch(var(--nf) / var(--tw-bg-opacity));
1674
- }
1657
+ background-color: color-mix(in oklab, oklch(var(--n) / var(--tw-bg-opacity)) 90%, black);
1658
+ border-color: color-mix(in oklab, oklch(var(--n) / var(--tw-border-opacity)) 90%, black);
1659
+ }
1675
1660
  /* btn with state colors */
1676
1661
  .btn-info {
1677
1662
  --tw-border-opacity: 1;
@@ -1684,18 +1669,14 @@ input.tab:checked + .tab-content,
1684
1669
  }
1685
1670
  @media (hover: hover) {
1686
1671
  .btn-info:hover {
1687
- --tw-border-opacity: 1;
1688
- border-color: oklch(var(--in) / var(--tw-border-opacity));
1689
- --tw-bg-opacity: 1;
1690
- background-color: oklch(var(--in) / var(--tw-bg-opacity));
1691
- }
1672
+ background-color: color-mix(in oklab, oklch(var(--in) / var(--tw-bg-opacity)) 90%, black);
1673
+ border-color: color-mix(in oklab, oklch(var(--in) / var(--tw-border-opacity)) 90%, black);
1674
+ }
1692
1675
  }
1693
1676
  .btn-info.btn-active {
1694
- --tw-border-opacity: 1;
1695
- border-color: oklch(var(--in) / var(--tw-border-opacity));
1696
- --tw-bg-opacity: 1;
1697
- background-color: oklch(var(--in) / var(--tw-bg-opacity));
1698
- }
1677
+ background-color: color-mix(in oklab, oklch(var(--in) / var(--tw-bg-opacity)) 90%, black);
1678
+ border-color: color-mix(in oklab, oklch(var(--in) / var(--tw-border-opacity)) 90%, black);
1679
+ }
1699
1680
  .btn-success {
1700
1681
  --tw-border-opacity: 1;
1701
1682
  border-color: oklch(var(--su) / var(--tw-border-opacity));
@@ -1707,18 +1688,14 @@ input.tab:checked + .tab-content,
1707
1688
  }
1708
1689
  @media (hover: hover) {
1709
1690
  .btn-success:hover {
1710
- --tw-border-opacity: 1;
1711
- border-color: oklch(var(--su) / var(--tw-border-opacity));
1712
- --tw-bg-opacity: 1;
1713
- background-color: oklch(var(--su) / var(--tw-bg-opacity));
1714
- }
1691
+ background-color: color-mix(in oklab, oklch(var(--su) / var(--tw-bg-opacity)) 90%, black);
1692
+ border-color: color-mix(in oklab, oklch(var(--su) / var(--tw-border-opacity)) 90%, black);
1693
+ }
1715
1694
  }
1716
1695
  .btn-success.btn-active {
1717
- --tw-border-opacity: 1;
1718
- border-color: oklch(var(--su) / var(--tw-border-opacity));
1719
- --tw-bg-opacity: 1;
1720
- background-color: oklch(var(--su) / var(--tw-bg-opacity));
1721
- }
1696
+ background-color: color-mix(in oklab, oklch(var(--su) / var(--tw-bg-opacity)) 90%, black);
1697
+ border-color: color-mix(in oklab, oklch(var(--su) / var(--tw-border-opacity)) 90%, black);
1698
+ }
1722
1699
  .btn-warning {
1723
1700
  --tw-border-opacity: 1;
1724
1701
  border-color: oklch(var(--wa) / var(--tw-border-opacity));
@@ -1730,18 +1707,14 @@ input.tab:checked + .tab-content,
1730
1707
  }
1731
1708
  @media (hover: hover) {
1732
1709
  .btn-warning:hover {
1733
- --tw-border-opacity: 1;
1734
- border-color: oklch(var(--wa) / var(--tw-border-opacity));
1735
- --tw-bg-opacity: 1;
1736
- background-color: oklch(var(--wa) / var(--tw-bg-opacity));
1737
- }
1710
+ background-color: color-mix(in oklab, oklch(var(--wa) / var(--tw-bg-opacity)) 90%, black);
1711
+ border-color: color-mix(in oklab, oklch(var(--wa) / var(--tw-border-opacity)) 90%, black);
1712
+ }
1738
1713
  }
1739
1714
  .btn-warning.btn-active {
1740
- --tw-border-opacity: 1;
1741
- border-color: oklch(var(--wa) / var(--tw-border-opacity));
1742
- --tw-bg-opacity: 1;
1743
- background-color: oklch(var(--wa) / var(--tw-bg-opacity));
1744
- }
1715
+ background-color: color-mix(in oklab, oklch(var(--wa) / var(--tw-bg-opacity)) 90%, black);
1716
+ border-color: color-mix(in oklab, oklch(var(--wa) / var(--tw-border-opacity)) 90%, black);
1717
+ }
1745
1718
  .btn-error {
1746
1719
  --tw-border-opacity: 1;
1747
1720
  border-color: oklch(var(--er) / var(--tw-border-opacity));
@@ -1753,18 +1726,14 @@ input.tab:checked + .tab-content,
1753
1726
  }
1754
1727
  @media (hover: hover) {
1755
1728
  .btn-error:hover {
1756
- --tw-border-opacity: 1;
1757
- border-color: oklch(var(--er) / var(--tw-border-opacity));
1758
- --tw-bg-opacity: 1;
1759
- background-color: oklch(var(--er) / var(--tw-bg-opacity));
1760
- }
1729
+ background-color: color-mix(in oklab, oklch(var(--er) / var(--tw-bg-opacity)) 90%, black);
1730
+ border-color: color-mix(in oklab, oklch(var(--er) / var(--tw-border-opacity)) 90%, black);
1731
+ }
1761
1732
  }
1762
1733
  .btn-error.btn-active {
1763
- --tw-border-opacity: 1;
1764
- border-color: oklch(var(--er) / var(--tw-border-opacity));
1765
- --tw-bg-opacity: 1;
1766
- background-color: oklch(var(--er) / var(--tw-bg-opacity));
1767
- }
1734
+ background-color: color-mix(in oklab, oklch(var(--er) / var(--tw-bg-opacity)) 90%, black);
1735
+ border-color: color-mix(in oklab, oklch(var(--er) / var(--tw-border-opacity)) 90%, black);
1736
+ }
1768
1737
  /* glass */
1769
1738
  .btn.glass {
1770
1739
  --tw-shadow: 0 0 #0000;
@@ -1862,21 +1831,17 @@ input.tab:checked + .tab-content,
1862
1831
  }
1863
1832
  @media (hover: hover) {
1864
1833
  .btn-outline.btn-primary:hover {
1865
- --tw-border-opacity: 1;
1866
- border-color: oklch(var(--pf) / var(--tw-border-opacity));
1867
- --tw-bg-opacity: 1;
1868
- background-color: oklch(var(--pf) / var(--tw-bg-opacity));
1869
1834
  --tw-text-opacity: 1;
1870
1835
  color: oklch(var(--pc) / var(--tw-text-opacity));
1836
+ background-color: color-mix(in oklab, oklch(var(--p) / var(--tw-bg-opacity)) 90%, black);
1837
+ border-color: color-mix(in oklab, oklch(var(--p) / var(--tw-border-opacity)) 90%, black);
1871
1838
  }
1872
1839
  }
1873
1840
  .btn-outline.btn-primary.btn-active {
1874
- --tw-border-opacity: 1;
1875
- border-color: oklch(var(--pf) / var(--tw-border-opacity));
1876
- --tw-bg-opacity: 1;
1877
- background-color: oklch(var(--pf) / var(--tw-bg-opacity));
1878
1841
  --tw-text-opacity: 1;
1879
1842
  color: oklch(var(--pc) / var(--tw-text-opacity));
1843
+ background-color: color-mix(in oklab, oklch(var(--p) / var(--tw-bg-opacity)) 90%, black);
1844
+ border-color: color-mix(in oklab, oklch(var(--p) / var(--tw-border-opacity)) 90%, black);
1880
1845
  }
1881
1846
  .btn-outline.btn-secondary {
1882
1847
  --tw-text-opacity: 1;
@@ -1884,21 +1849,17 @@ input.tab:checked + .tab-content,
1884
1849
  }
1885
1850
  @media (hover: hover) {
1886
1851
  .btn-outline.btn-secondary:hover {
1887
- --tw-border-opacity: 1;
1888
- border-color: oklch(var(--sf) / var(--tw-border-opacity));
1889
- --tw-bg-opacity: 1;
1890
- background-color: oklch(var(--sf) / var(--tw-bg-opacity));
1891
1852
  --tw-text-opacity: 1;
1892
1853
  color: oklch(var(--sc) / var(--tw-text-opacity));
1854
+ background-color: color-mix(in oklab, oklch(var(--s) / var(--tw-bg-opacity)) 90%, black);
1855
+ border-color: color-mix(in oklab, oklch(var(--s) / var(--tw-border-opacity)) 90%, black);
1893
1856
  }
1894
1857
  }
1895
1858
  .btn-outline.btn-secondary.btn-active {
1896
- --tw-border-opacity: 1;
1897
- border-color: oklch(var(--sf) / var(--tw-border-opacity));
1898
- --tw-bg-opacity: 1;
1899
- background-color: oklch(var(--sf) / var(--tw-bg-opacity));
1900
1859
  --tw-text-opacity: 1;
1901
1860
  color: oklch(var(--sc) / var(--tw-text-opacity));
1861
+ background-color: color-mix(in oklab, oklch(var(--s) / var(--tw-bg-opacity)) 90%, black);
1862
+ border-color: color-mix(in oklab, oklch(var(--s) / var(--tw-border-opacity)) 90%, black);
1902
1863
  }
1903
1864
  .btn-outline.btn-accent {
1904
1865
  --tw-text-opacity: 1;
@@ -1906,21 +1867,17 @@ input.tab:checked + .tab-content,
1906
1867
  }
1907
1868
  @media (hover: hover) {
1908
1869
  .btn-outline.btn-accent:hover {
1909
- --tw-border-opacity: 1;
1910
- border-color: oklch(var(--af) / var(--tw-border-opacity));
1911
- --tw-bg-opacity: 1;
1912
- background-color: oklch(var(--af) / var(--tw-bg-opacity));
1913
1870
  --tw-text-opacity: 1;
1914
1871
  color: oklch(var(--ac) / var(--tw-text-opacity));
1872
+ background-color: color-mix(in oklab, oklch(var(--a) / var(--tw-bg-opacity)) 90%, black);
1873
+ border-color: color-mix(in oklab, oklch(var(--a) / var(--tw-border-opacity)) 90%, black);
1915
1874
  }
1916
1875
  }
1917
1876
  .btn-outline.btn-accent.btn-active {
1918
- --tw-border-opacity: 1;
1919
- border-color: oklch(var(--af) / var(--tw-border-opacity));
1920
- --tw-bg-opacity: 1;
1921
- background-color: oklch(var(--af) / var(--tw-bg-opacity));
1922
1877
  --tw-text-opacity: 1;
1923
1878
  color: oklch(var(--ac) / var(--tw-text-opacity));
1879
+ background-color: color-mix(in oklab, oklch(var(--a) / var(--tw-bg-opacity)) 90%, black);
1880
+ border-color: color-mix(in oklab, oklch(var(--a) / var(--tw-border-opacity)) 90%, black);
1924
1881
  }
1925
1882
  .btn-outline.btn-success {
1926
1883
  --tw-text-opacity: 1;
@@ -1928,21 +1885,17 @@ input.tab:checked + .tab-content,
1928
1885
  }
1929
1886
  @media (hover: hover) {
1930
1887
  .btn-outline.btn-success:hover {
1931
- --tw-border-opacity: 1;
1932
- border-color: oklch(var(--su) / var(--tw-border-opacity));
1933
- --tw-bg-opacity: 1;
1934
- background-color: oklch(var(--su) / var(--tw-bg-opacity));
1935
1888
  --tw-text-opacity: 1;
1936
1889
  color: oklch(var(--suc) / var(--tw-text-opacity));
1890
+ background-color: color-mix(in oklab, oklch(var(--su) / var(--tw-bg-opacity)) 90%, black);
1891
+ border-color: color-mix(in oklab, oklch(var(--su) / var(--tw-border-opacity)) 90%, black);
1937
1892
  }
1938
1893
  }
1939
1894
  .btn-outline.btn-success.btn-active {
1940
- --tw-border-opacity: 1;
1941
- border-color: oklch(var(--su) / var(--tw-border-opacity));
1942
- --tw-bg-opacity: 1;
1943
- background-color: oklch(var(--su) / var(--tw-bg-opacity));
1944
1895
  --tw-text-opacity: 1;
1945
1896
  color: oklch(var(--suc) / var(--tw-text-opacity));
1897
+ background-color: color-mix(in oklab, oklch(var(--su) / var(--tw-bg-opacity)) 90%, black);
1898
+ border-color: color-mix(in oklab, oklch(var(--su) / var(--tw-border-opacity)) 90%, black);
1946
1899
  }
1947
1900
  .btn-outline.btn-info {
1948
1901
  --tw-text-opacity: 1;
@@ -1950,21 +1903,17 @@ input.tab:checked + .tab-content,
1950
1903
  }
1951
1904
  @media (hover: hover) {
1952
1905
  .btn-outline.btn-info:hover {
1953
- --tw-border-opacity: 1;
1954
- border-color: oklch(var(--in) / var(--tw-border-opacity));
1955
- --tw-bg-opacity: 1;
1956
- background-color: oklch(var(--in) / var(--tw-bg-opacity));
1957
1906
  --tw-text-opacity: 1;
1958
1907
  color: oklch(var(--inc) / var(--tw-text-opacity));
1908
+ background-color: color-mix(in oklab, oklch(var(--in) / var(--tw-bg-opacity)) 90%, black);
1909
+ border-color: color-mix(in oklab, oklch(var(--in) / var(--tw-border-opacity)) 90%, black);
1959
1910
  }
1960
1911
  }
1961
1912
  .btn-outline.btn-info.btn-active {
1962
- --tw-border-opacity: 1;
1963
- border-color: oklch(var(--in) / var(--tw-border-opacity));
1964
- --tw-bg-opacity: 1;
1965
- background-color: oklch(var(--in) / var(--tw-bg-opacity));
1966
1913
  --tw-text-opacity: 1;
1967
1914
  color: oklch(var(--inc) / var(--tw-text-opacity));
1915
+ background-color: color-mix(in oklab, oklch(var(--in) / var(--tw-bg-opacity)) 90%, black);
1916
+ border-color: color-mix(in oklab, oklch(var(--in) / var(--tw-border-opacity)) 90%, black);
1968
1917
  }
1969
1918
  .btn-outline.btn-warning {
1970
1919
  --tw-text-opacity: 1;
@@ -1972,21 +1921,17 @@ input.tab:checked + .tab-content,
1972
1921
  }
1973
1922
  @media (hover: hover) {
1974
1923
  .btn-outline.btn-warning:hover {
1975
- --tw-border-opacity: 1;
1976
- border-color: oklch(var(--wa) / var(--tw-border-opacity));
1977
- --tw-bg-opacity: 1;
1978
- background-color: oklch(var(--wa) / var(--tw-bg-opacity));
1979
1924
  --tw-text-opacity: 1;
1980
1925
  color: oklch(var(--wac) / var(--tw-text-opacity));
1926
+ background-color: color-mix(in oklab, oklch(var(--wa) / var(--tw-bg-opacity)) 90%, black);
1927
+ border-color: color-mix(in oklab, oklch(var(--wa) / var(--tw-border-opacity)) 90%, black);
1981
1928
  }
1982
1929
  }
1983
1930
  .btn-outline.btn-warning.btn-active {
1984
- --tw-border-opacity: 1;
1985
- border-color: oklch(var(--wa) / var(--tw-border-opacity));
1986
- --tw-bg-opacity: 1;
1987
- background-color: oklch(var(--wa) / var(--tw-bg-opacity));
1988
1931
  --tw-text-opacity: 1;
1989
1932
  color: oklch(var(--wac) / var(--tw-text-opacity));
1933
+ background-color: color-mix(in oklab, oklch(var(--wa) / var(--tw-bg-opacity)) 90%, black);
1934
+ border-color: color-mix(in oklab, oklch(var(--wa) / var(--tw-border-opacity)) 90%, black);
1990
1935
  }
1991
1936
  .btn-outline.btn-error {
1992
1937
  --tw-text-opacity: 1;
@@ -1994,21 +1939,17 @@ input.tab:checked + .tab-content,
1994
1939
  }
1995
1940
  @media (hover: hover) {
1996
1941
  .btn-outline.btn-error:hover {
1997
- --tw-border-opacity: 1;
1998
- border-color: oklch(var(--er) / var(--tw-border-opacity));
1999
- --tw-bg-opacity: 1;
2000
- background-color: oklch(var(--er) / var(--tw-bg-opacity));
2001
1942
  --tw-text-opacity: 1;
2002
1943
  color: oklch(var(--erc) / var(--tw-text-opacity));
1944
+ background-color: color-mix(in oklab, oklch(var(--er) / var(--tw-bg-opacity)) 90%, black);
1945
+ border-color: color-mix(in oklab, oklch(var(--er) / var(--tw-border-opacity)) 90%, black);
2003
1946
  }
2004
1947
  }
2005
1948
  .btn-outline.btn-error.btn-active {
2006
- --tw-border-opacity: 1;
2007
- border-color: oklch(var(--er) / var(--tw-border-opacity));
2008
- --tw-bg-opacity: 1;
2009
- background-color: oklch(var(--er) / var(--tw-bg-opacity));
2010
1949
  --tw-text-opacity: 1;
2011
1950
  color: oklch(var(--erc) / var(--tw-text-opacity));
1951
+ background-color: color-mix(in oklab, oklch(var(--er) / var(--tw-bg-opacity)) 90%, black);
1952
+ border-color: color-mix(in oklab, oklch(var(--er) / var(--tw-border-opacity)) 90%, black);
2012
1953
  }
2013
1954
  /* disabled */
2014
1955
  .btn.btn-disabled,
@@ -2046,11 +1987,9 @@ input.tab:checked + .tab-content,
2046
1987
 
2047
1988
  @media (hover: hover) {
2048
1989
  .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
2049
- --tw-border-opacity: 1;
2050
- border-color: oklch(var(--pf) / var(--tw-border-opacity));
2051
- --tw-bg-opacity: 1;
2052
- background-color: oklch(var(--pf) / var(--tw-bg-opacity));
2053
- }
1990
+ background-color: color-mix(in oklab, oklch(var(--p) / var(--tw-bg-opacity)) 90%, black);
1991
+ border-color: color-mix(in oklab, oklch(var(--p) / var(--tw-border-opacity)) 90%, black);
1992
+ }
2054
1993
  }
2055
1994
 
2056
1995
  .btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
@@ -2120,10 +2059,10 @@ input.tab:checked + .tab-content,
2120
2059
  }
2121
2060
  .card.image-full:before {
2122
2061
  z-index: 10;
2062
+ border-radius: var(--rounded-box, 1rem);
2123
2063
  --tw-bg-opacity: 1;
2124
2064
  background-color: oklch(var(--n) / var(--tw-bg-opacity));
2125
2065
  opacity: 0.75;
2126
- border-radius: var(--rounded-box, 1rem);
2127
2066
  }
2128
2067
  .card.image-full > .card-body {
2129
2068
  z-index: 20;
@@ -2217,10 +2156,10 @@ input.tab:checked + .tab-content,
2217
2156
  width: 1.5rem;
2218
2157
  cursor: pointer;
2219
2158
  appearance: none;
2159
+ border-radius: var(--rounded-btn, 0.5rem);
2220
2160
  border-width: 1px;
2221
2161
  border-color: oklch(var(--bc) / var(--tw-border-opacity));
2222
2162
  --tw-border-opacity: 0.2;
2223
- border-radius: var(--rounded-btn, 0.5rem);
2224
2163
  }
2225
2164
  .checkbox:focus-visible {
2226
2165
  outline-style: solid;
@@ -2685,6 +2624,7 @@ details.collapse summary {
2685
2624
  }
2686
2625
  .file-input {
2687
2626
  overflow: hidden;
2627
+ border-radius: var(--rounded-btn, 0.5rem);
2688
2628
  border-width: 1px;
2689
2629
  border-color: oklch(var(--bc) / var(--tw-border-opacity));
2690
2630
  --tw-border-opacity: 0;
@@ -2692,7 +2632,6 @@ details.collapse summary {
2692
2632
  background-color: oklch(var(--b1) / var(--tw-bg-opacity));
2693
2633
  font-size: 1rem;
2694
2634
  line-height: 1.5rem;
2695
- border-radius: var(--rounded-btn, 0.5rem);
2696
2635
  }
2697
2636
  .file-input::file-selector-button {
2698
2637
  border-style: solid;
@@ -2908,6 +2847,7 @@ details.collapse summary {
2908
2847
  padding: 1rem
2909
2848
  }
2910
2849
  .input {
2850
+ border-radius: var(--rounded-btn, 0.5rem);
2911
2851
  border-width: 1px;
2912
2852
  border-color: oklch(var(--bc) / var(--tw-border-opacity));
2913
2853
  --tw-border-opacity: 0;
@@ -2915,7 +2855,6 @@ details.collapse summary {
2915
2855
  background-color: oklch(var(--b1) / var(--tw-bg-opacity));
2916
2856
  font-size: 1rem;
2917
2857
  line-height: 1.5rem;
2918
- border-radius: var(--rounded-btn, 0.5rem);
2919
2858
  /* &::-webkit-calendar-picker-indicator {
2920
2859
  display: none;
2921
2860
  } */
@@ -3031,6 +2970,7 @@ details.collapse summary {
3031
2970
  isolation: isolate
3032
2971
  }
3033
2972
  .kbd {
2973
+ border-radius: var(--rounded-btn, 0.5rem);
3034
2974
  border-width: 1px;
3035
2975
  border-color: oklch(var(--bc) / var(--tw-border-opacity));
3036
2976
  --tw-border-opacity: 0.2;
@@ -3038,7 +2978,6 @@ details.collapse summary {
3038
2978
  background-color: oklch(var(--b2) / var(--tw-bg-opacity));
3039
2979
  padding-left: 0.5rem;
3040
2980
  padding-right: 0.5rem;
3041
- border-radius: var(--rounded-btn, 0.5rem);
3042
2981
  border-bottom-width: 2px;
3043
2982
  min-height: 2.2em;
3044
2983
  min-width: 2.2em
@@ -3049,8 +2988,7 @@ details.collapse summary {
3049
2988
  }
3050
2989
  @media(hover:hover) {
3051
2990
  .link-primary:hover {
3052
- --tw-text-opacity: 1;
3053
- color: oklch(var(--pf) / var(--tw-text-opacity));
2991
+ color: color-mix(in oklab,oklch(var(--p)/var(--tw-text-opacity))80%,black);
3054
2992
  }
3055
2993
  }
3056
2994
  .link-secondary {
@@ -3059,8 +2997,7 @@ details.collapse summary {
3059
2997
  }
3060
2998
  @media(hover:hover) {
3061
2999
  .link-secondary:hover {
3062
- --tw-text-opacity: 1;
3063
- color: oklch(var(--sf) / var(--tw-text-opacity));
3000
+ color: color-mix(in oklab,oklch(var(--s)/var(--tw-text-opacity))80%,black);
3064
3001
  }
3065
3002
  }
3066
3003
  .link-accent {
@@ -3069,8 +3006,7 @@ details.collapse summary {
3069
3006
  }
3070
3007
  @media(hover:hover) {
3071
3008
  .link-accent:hover {
3072
- --tw-text-opacity: 1;
3073
- color: oklch(var(--af) / var(--tw-text-opacity));
3009
+ color: color-mix(in oklab,oklch(var(--a)/var(--tw-text-opacity))80%,black);
3074
3010
  }
3075
3011
  }
3076
3012
  .link-neutral {
@@ -3079,8 +3015,7 @@ details.collapse summary {
3079
3015
  }
3080
3016
  @media(hover:hover) {
3081
3017
  .link-neutral:hover {
3082
- --tw-text-opacity: 1;
3083
- color: oklch(var(--nf) / var(--tw-text-opacity));
3018
+ color: color-mix(in oklab,oklch(var(--n)/var(--tw-text-opacity))80%,black);
3084
3019
  }
3085
3020
  }
3086
3021
  .link-success {
@@ -3089,8 +3024,7 @@ details.collapse summary {
3089
3024
  }
3090
3025
  @media(hover:hover) {
3091
3026
  .link-success:hover {
3092
- --tw-text-opacity: 1;
3093
- color: oklch(var(--su) / var(--tw-text-opacity));
3027
+ color: color-mix(in oklab,oklch(var(--su)/var(--tw-text-opacity))80%,black);
3094
3028
  }
3095
3029
  }
3096
3030
  .link-info {
@@ -3099,8 +3033,7 @@ details.collapse summary {
3099
3033
  }
3100
3034
  @media(hover:hover) {
3101
3035
  .link-info:hover {
3102
- --tw-text-opacity: 1;
3103
- color: oklch(var(--in) / var(--tw-text-opacity));
3036
+ color: color-mix(in oklab,oklch(var(--in)/var(--tw-text-opacity))80%,black);
3104
3037
  }
3105
3038
  }
3106
3039
  .link-warning {
@@ -3109,8 +3042,7 @@ details.collapse summary {
3109
3042
  }
3110
3043
  @media(hover:hover) {
3111
3044
  .link-warning:hover {
3112
- --tw-text-opacity: 1;
3113
- color: oklch(var(--wa) / var(--tw-text-opacity));
3045
+ color: color-mix(in oklab,oklch(var(--wa)/var(--tw-text-opacity))80%,black);
3114
3046
  }
3115
3047
  }
3116
3048
  .link-error {
@@ -3119,8 +3051,7 @@ details.collapse summary {
3119
3051
  }
3120
3052
  @media(hover:hover) {
3121
3053
  .link-error:hover {
3122
- --tw-text-opacity: 1;
3123
- color: oklch(var(--er) / var(--tw-text-opacity));
3054
+ color: color-mix(in oklab,oklch(var(--er)/var(--tw-text-opacity))80%,black);
3124
3055
  }
3125
3056
  }
3126
3057
  .link:focus {
@@ -3252,6 +3183,7 @@ details.collapse summary {
3252
3183
  }
3253
3184
  .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
3254
3185
  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
3186
+ border-radius: var(--rounded-btn, 0.5rem);
3255
3187
  padding-left: 1rem;
3256
3188
  padding-right: 1rem;
3257
3189
  padding-top: 0.5rem;
@@ -3261,7 +3193,6 @@ details.collapse summary {
3261
3193
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3262
3194
  transition-duration: 200ms;
3263
3195
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3264
- border-radius: var(--rounded-btn, 0.5rem);
3265
3196
  text-wrap: balance;
3266
3197
  }
3267
3198
  :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,
@@ -3344,13 +3275,13 @@ details.collapse summary {
3344
3275
  }
3345
3276
  .mockup-code {
3346
3277
  min-width: 18rem;
3278
+ border-radius: var(--rounded-box, 1rem);
3347
3279
  --tw-bg-opacity: 1;
3348
3280
  background-color: oklch(var(--n) / var(--tw-bg-opacity));
3349
3281
  padding-top: 1.25rem;
3350
3282
  padding-bottom: 1.25rem;
3351
3283
  --tw-text-opacity: 1;
3352
3284
  color: oklch(var(--nc) / var(--tw-text-opacity));
3353
- border-radius: var(--rounded-box, 1rem);
3354
3285
  direction: ltr;
3355
3286
  }
3356
3287
  .mockup-code:before {
@@ -3381,8 +3312,8 @@ details.collapse summary {
3381
3312
  .mockup-window {
3382
3313
  display: flex;
3383
3314
  flex-direction: column;
3384
- padding-top: 1.25rem;
3385
3315
  border-radius: var(--rounded-box, 1rem);
3316
+ padding-top: 1.25rem;
3386
3317
  }
3387
3318
  .mockup-window:before {
3388
3319
  content: "";
@@ -3552,6 +3483,10 @@ details.collapse summary {
3552
3483
  --tw-scale-x: .9;
3553
3484
  --tw-scale-y: .9;
3554
3485
  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));
3486
+ border-bottom-right-radius: var(--rounded-box, 1rem);
3487
+ border-bottom-left-radius: var(--rounded-box, 1rem);
3488
+ border-top-left-radius: var(--rounded-box, 1rem);
3489
+ border-top-right-radius: var(--rounded-box, 1rem);
3555
3490
  --tw-bg-opacity: 1;
3556
3491
  background-color: oklch(var(--b1) / var(--tw-bg-opacity));
3557
3492
  padding: 1.5rem;
@@ -3559,10 +3494,6 @@ details.collapse summary {
3559
3494
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3560
3495
  transition-duration: 200ms;
3561
3496
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3562
- border-top-left-radius: var(--rounded-box, 1rem);
3563
- border-top-right-radius: var(--rounded-box, 1rem);
3564
- border-bottom-left-radius: var(--rounded-box, 1rem);
3565
- border-bottom-right-radius: var(--rounded-box, 1rem);
3566
3497
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
3567
3498
  overflow-y: auto;
3568
3499
  overscroll-behavior: contain;
@@ -3597,48 +3528,48 @@ details.collapse summary {
3597
3528
  }
3598
3529
  .progress {
3599
3530
  height: 0.5rem;
3600
- background-color: oklch(var(--bc) / 0.2);
3601
3531
  border-radius: var(--rounded-box, 1rem);
3532
+ background-color: oklch(var(--bc) / 0.2);
3602
3533
  }
3603
3534
  .progress::-moz-progress-bar {
3535
+ border-radius: var(--rounded-box, 1rem);
3604
3536
  --tw-bg-opacity: 1;
3605
3537
  background-color: oklch(var(--bc) / var(--tw-bg-opacity));
3606
- border-radius: var(--rounded-box, 1rem);
3607
3538
  }
3608
3539
  .progress-primary::-moz-progress-bar {
3540
+ border-radius: var(--rounded-box, 1rem);
3609
3541
  --tw-bg-opacity: 1;
3610
3542
  background-color: oklch(var(--p) / var(--tw-bg-opacity));
3611
- border-radius: var(--rounded-box, 1rem);
3612
3543
  }
3613
3544
  .progress-secondary::-moz-progress-bar {
3545
+ border-radius: var(--rounded-box, 1rem);
3614
3546
  --tw-bg-opacity: 1;
3615
3547
  background-color: oklch(var(--s) / var(--tw-bg-opacity));
3616
- border-radius: var(--rounded-box, 1rem);
3617
3548
  }
3618
3549
  .progress-accent::-moz-progress-bar {
3550
+ border-radius: var(--rounded-box, 1rem);
3619
3551
  --tw-bg-opacity: 1;
3620
3552
  background-color: oklch(var(--a) / var(--tw-bg-opacity));
3621
- border-radius: var(--rounded-box, 1rem);
3622
3553
  }
3623
3554
  .progress-info::-moz-progress-bar {
3555
+ border-radius: var(--rounded-box, 1rem);
3624
3556
  --tw-bg-opacity: 1;
3625
3557
  background-color: oklch(var(--in) / var(--tw-bg-opacity));
3626
- border-radius: var(--rounded-box, 1rem);
3627
3558
  }
3628
3559
  .progress-success::-moz-progress-bar {
3560
+ border-radius: var(--rounded-box, 1rem);
3629
3561
  --tw-bg-opacity: 1;
3630
3562
  background-color: oklch(var(--su) / var(--tw-bg-opacity));
3631
- border-radius: var(--rounded-box, 1rem);
3632
3563
  }
3633
3564
  .progress-warning::-moz-progress-bar {
3565
+ border-radius: var(--rounded-box, 1rem);
3634
3566
  --tw-bg-opacity: 1;
3635
3567
  background-color: oklch(var(--wa) / var(--tw-bg-opacity));
3636
- border-radius: var(--rounded-box, 1rem);
3637
3568
  }
3638
3569
  .progress-error::-moz-progress-bar {
3570
+ border-radius: var(--rounded-box, 1rem);
3639
3571
  --tw-bg-opacity: 1;
3640
3572
  background-color: oklch(var(--er) / var(--tw-bg-opacity));
3641
- border-radius: var(--rounded-box, 1rem);
3642
3573
  }
3643
3574
  .progress:indeterminate {
3644
3575
  --progress-color: oklch(var(--bc));
@@ -3665,13 +3596,13 @@ details.collapse summary {
3665
3596
  --progress-color: oklch(var(--er));
3666
3597
  }
3667
3598
  .progress::-webkit-progress-bar {
3668
- background-color: transparent;
3669
3599
  border-radius: var(--rounded-box, 1rem);
3600
+ background-color: transparent;
3670
3601
  }
3671
3602
  .progress::-webkit-progress-value {
3603
+ border-radius: var(--rounded-box, 1rem);
3672
3604
  --tw-bg-opacity: 1;
3673
3605
  background-color: oklch(var(--bc) / var(--tw-bg-opacity));
3674
- border-radius: var(--rounded-box, 1rem);
3675
3606
  }
3676
3607
  .progress-primary::-webkit-progress-value {
3677
3608
  --tw-bg-opacity: 1;
@@ -3962,8 +3893,8 @@ details.collapse summary {
3962
3893
  -webkit-appearance: none;
3963
3894
  --range-shdw: var(--bc);
3964
3895
  overflow: hidden;
3965
- background-color: transparent;
3966
3896
  border-radius: var(--rounded-box, 1rem);
3897
+ background-color: transparent;
3967
3898
  }
3968
3899
  .range:focus-visible::-webkit-slider-thumb {
3969
3900
  --focus-shadow: 0 0 0 6px oklch(var(--b1)) inset, 0 0 0 2rem oklch(var(--range-shdw)) inset;
@@ -3974,23 +3905,23 @@ details.collapse summary {
3974
3905
  .range::-webkit-slider-runnable-track {
3975
3906
  height: 0.5rem;
3976
3907
  width: 100%;
3977
- background-color: oklch(var(--bc) / 0.1);
3978
3908
  border-radius: var(--rounded-box, 1rem);
3909
+ background-color: oklch(var(--bc) / 0.1);
3979
3910
  }
3980
3911
  .range::-moz-range-track {
3981
3912
  height: 0.5rem;
3982
3913
  width: 100%;
3983
- background-color: oklch(var(--bc) / 0.1);
3984
3914
  border-radius: var(--rounded-box, 1rem);
3915
+ background-color: oklch(var(--bc) / 0.1);
3985
3916
  }
3986
3917
  .range::-webkit-slider-thumb {
3987
3918
  position: relative;
3988
3919
  height: 1.5rem;
3989
3920
  width: 1.5rem;
3921
+ border-radius: var(--rounded-box, 1rem);
3990
3922
  border-style: none;
3991
3923
  --tw-bg-opacity: 1;
3992
3924
  background-color: oklch(var(--b1) / var(--tw-bg-opacity));
3993
- border-radius: var(--rounded-box, 1rem);
3994
3925
  appearance: none;
3995
3926
  -webkit-appearance: none;
3996
3927
  top: 50%;
@@ -4007,10 +3938,10 @@ details.collapse summary {
4007
3938
  position: relative;
4008
3939
  height: 1.5rem;
4009
3940
  width: 1.5rem;
3941
+ border-radius: var(--rounded-box, 1rem);
4010
3942
  border-style: none;
4011
3943
  --tw-bg-opacity: 1;
4012
3944
  background-color: oklch(var(--b1) / var(--tw-bg-opacity));
4013
- border-radius: var(--rounded-box, 1rem);
4014
3945
  top: 50%;
4015
3946
  color: oklch(var(--range-shdw));
4016
3947
  --filler-size: 100rem;
@@ -4086,13 +4017,13 @@ details.collapse summary {
4086
4017
  }
4087
4018
  }
4088
4019
  .select {
4020
+ border-radius: var(--rounded-btn, 0.5rem);
4089
4021
  border-width: 1px;
4090
4022
  border-color: oklch(var(--bc) / var(--tw-border-opacity));
4091
4023
  --tw-border-opacity: 0;
4092
4024
  --tw-bg-opacity: 1;
4093
4025
  background-color: oklch(var(--b1) / var(--tw-bg-opacity));
4094
4026
  padding-right: 2.5rem;
4095
- border-radius: var(--rounded-btn, 0.5rem);
4096
4027
  }
4097
4028
  .select-bordered {
4098
4029
  --tw-border-opacity: 0.2;
@@ -4200,9 +4131,9 @@ details.collapse summary {
4200
4131
  calc(0% + 16px) calc(1px + 50%);
4201
4132
  }
4202
4133
  .skeleton {
4134
+ border-radius: var(--rounded-box, 1rem);
4203
4135
  --tw-bg-opacity: 1;
4204
4136
  background-color: oklch(var(--b3) / var(--tw-bg-opacity));
4205
- border-radius: var(--rounded-box, 1rem);
4206
4137
  will-change: background-position;
4207
4138
  animation: skeleton 2.5s ease-in-out infinite;
4208
4139
  background-image: linear-gradient(
@@ -4245,11 +4176,11 @@ details.collapse summary {
4245
4176
  opacity: 1
4246
4177
  }
4247
4178
  .stats {
4179
+ border-radius: var(--rounded-box, 1rem);
4248
4180
  --tw-bg-opacity: 1;
4249
4181
  background-color: oklch(var(--b1) / var(--tw-bg-opacity));
4250
4182
  --tw-text-opacity: 1;
4251
4183
  color: oklch(var(--bc) / var(--tw-text-opacity));
4252
- border-radius: var(--rounded-box, 1rem);
4253
4184
  }
4254
4185
  :where(.stats) > :not([hidden]) ~ :not([hidden]) {
4255
4186
  --tw-divide-x-reverse: 0;
@@ -4610,10 +4541,10 @@ details.collapse summary {
4610
4541
  background-position: top right;
4611
4542
  }
4612
4543
  .tabs-boxed {
4544
+ border-radius: var(--rounded-btn, 0.5rem);
4613
4545
  --tw-bg-opacity: 1;
4614
4546
  background-color: oklch(var(--b2) / var(--tw-bg-opacity));
4615
4547
  padding: 0.25rem;
4616
- border-radius: var(--rounded-btn, 0.5rem);
4617
4548
  }
4618
4549
  .tabs-boxed .tab {
4619
4550
  border-radius: var(--rounded-btn, 0.5rem);
@@ -4632,10 +4563,10 @@ details.collapse summary {
4632
4563
  }
4633
4564
  }
4634
4565
  .table {
4566
+ border-radius: var(--rounded-box, 1rem);
4635
4567
  text-align: left;
4636
4568
  font-size: 0.875rem;
4637
- line-height: 1.25rem;
4638
- border-radius: var(--rounded-box, 1rem)
4569
+ line-height: 1.25rem
4639
4570
  }
4640
4571
  :is([dir="rtl"] .table) {
4641
4572
  text-align: right
@@ -4687,12 +4618,12 @@ details.collapse summary {
4687
4618
  color: oklch(var(--bc) / 0.6)
4688
4619
  }
4689
4620
  .textarea {
4621
+ border-radius: var(--rounded-btn, 0.5rem);
4690
4622
  border-width: 1px;
4691
4623
  border-color: oklch(var(--bc) / var(--tw-border-opacity));
4692
4624
  --tw-border-opacity: 0;
4693
4625
  --tw-bg-opacity: 1;
4694
- background-color: oklch(var(--b1) / var(--tw-bg-opacity));
4695
- border-radius: var(--rounded-btn, 0.5rem)
4626
+ background-color: oklch(var(--b1) / var(--tw-bg-opacity))
4696
4627
  }
4697
4628
  .textarea-bordered {
4698
4629
  --tw-border-opacity: 0.2
@@ -4809,6 +4740,7 @@ details.collapse summary {
4809
4740
  border-end-start-radius: 0px
4810
4741
  }
4811
4742
  .timeline-box {
4743
+ border-radius: var(--rounded-box, 1rem);
4812
4744
  border-width: 1px;
4813
4745
  --tw-border-opacity: 1;
4814
4746
  border-color: oklch(var(--b3) / var(--tw-border-opacity));
@@ -4820,8 +4752,7 @@ details.collapse summary {
4820
4752
  padding-bottom: 0.5rem;
4821
4753
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
4822
4754
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4823
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4824
- border-radius: var(--rounded-box, 1rem)
4755
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
4825
4756
  }
4826
4757
  .toast {
4827
4758
  gap: 0.5rem;
@@ -4850,12 +4781,12 @@ details.collapse summary {
4850
4781
  width: 3rem;
4851
4782
  cursor: pointer;
4852
4783
  appearance: none;
4784
+ border-radius: var(--rounded-badge, 1.9rem);
4853
4785
  border-width: 1px;
4854
4786
  border-color: oklch(var(--bc) / var(--tw-border-opacity));
4855
4787
  --tw-border-opacity: 0.2;
4856
4788
  background-color: oklch(var(--bc) / var(--tw-bg-opacity));
4857
4789
  --tw-bg-opacity: 0.5;
4858
- border-radius: var(--rounded-badge, 1.9rem);
4859
4790
  transition:
4860
4791
  background,
4861
4792
  box-shadow var(--animation-input, 0.2s) ease-out;