daisyui 2.37.0 → 2.38.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 (12) hide show
  1. package/README.md +1 -1
  2. package/dist/full.css +1 -1
  3. package/dist/styled.css +39 -13
  4. package/dist/styled.js +1 -1
  5. package/dist/styled.rtl.js +1 -1
  6. package/dist/themes.css +62 -31
  7. package/dist/unstyled.css +5 -5
  8. package/dist/unstyled.js +1 -1
  9. package/dist/unstyled.rtl.js +1 -1
  10. package/dist/utilities-unstyled.js +1 -1
  11. package/package.json +1 -1
  12. package/src/colors/themes.js +29 -0
package/dist/styled.css CHANGED
@@ -202,8 +202,7 @@
202
202
  }.card {
203
203
  position: relative;
204
204
  display: flex;
205
- flex-direction: column;
206
- overflow: hidden
205
+ flex-direction: column
207
206
  }
208
207
  .card:focus {
209
208
  outline: 2px solid transparent;
@@ -712,7 +711,8 @@
712
711
  isolation: isolate;
713
712
  }
714
713
  .input-group > *,
715
- .input-group > .input {
714
+ .input-group > .input,
715
+ .input-group > .select {
716
716
  border-radius: 0px;
717
717
  }
718
718
  .input-group-md {
@@ -742,13 +742,13 @@
742
742
  padding-left: 1rem;
743
743
  padding-right: 1rem;
744
744
  }
745
- .input-group :first-child {
745
+ .input-group > :first-child {
746
746
  border-top-left-radius: var(--rounded-btn, 0.5rem);
747
747
  border-top-right-radius: 0;
748
748
  border-bottom-left-radius: var(--rounded-btn, 0.5rem);
749
749
  border-bottom-right-radius: 0;
750
750
  }
751
- .input-group :last-child {
751
+ .input-group > :last-child {
752
752
  border-top-left-radius: 0;
753
753
  border-top-right-radius: var(--rounded-btn, 0.5rem);
754
754
  border-bottom-left-radius: 0;
@@ -1823,7 +1823,8 @@
1823
1823
  --tw-text-opacity: 1;
1824
1824
  color: hsl(var(--bc) / var(--tw-text-opacity));
1825
1825
  }
1826
- .btn-outline:hover {
1826
+ .btn-outline:hover,
1827
+ .btn-outline.btn-active {
1827
1828
  --tw-border-opacity: 1;
1828
1829
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
1829
1830
  --tw-bg-opacity: 1;
@@ -1835,7 +1836,8 @@
1835
1836
  --tw-text-opacity: 1;
1836
1837
  color: hsl(var(--p) / var(--tw-text-opacity));
1837
1838
  }
1838
- .btn-outline.btn-primary:hover {
1839
+ .btn-outline.btn-primary:hover,
1840
+ .btn-outline.btn-primary.btn-active {
1839
1841
  --tw-border-opacity: 1;
1840
1842
  border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
1841
1843
  --tw-bg-opacity: 1;
@@ -1847,7 +1849,8 @@
1847
1849
  --tw-text-opacity: 1;
1848
1850
  color: hsl(var(--s) / var(--tw-text-opacity));
1849
1851
  }
1850
- .btn-outline.btn-secondary:hover {
1852
+ .btn-outline.btn-secondary:hover,
1853
+ .btn-outline.btn-secondary.btn-active {
1851
1854
  --tw-border-opacity: 1;
1852
1855
  border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
1853
1856
  --tw-bg-opacity: 1;
@@ -1859,7 +1862,8 @@
1859
1862
  --tw-text-opacity: 1;
1860
1863
  color: hsl(var(--a) / var(--tw-text-opacity));
1861
1864
  }
1862
- .btn-outline.btn-accent:hover {
1865
+ .btn-outline.btn-accent:hover,
1866
+ .btn-outline.btn-accent.btn-active {
1863
1867
  --tw-border-opacity: 1;
1864
1868
  border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
1865
1869
  --tw-bg-opacity: 1;
@@ -1871,7 +1875,8 @@
1871
1875
  --tw-text-opacity: 1;
1872
1876
  color: hsl(var(--su) / var(--tw-text-opacity));
1873
1877
  }
1874
- .btn-outline.btn-success:hover {
1878
+ .btn-outline.btn-success:hover,
1879
+ .btn-outline.btn-success.btn-active {
1875
1880
  --tw-border-opacity: 1;
1876
1881
  border-color: hsl(var(--su) / var(--tw-border-opacity));
1877
1882
  --tw-bg-opacity: 1;
@@ -1883,7 +1888,8 @@
1883
1888
  --tw-text-opacity: 1;
1884
1889
  color: hsl(var(--in) / var(--tw-text-opacity));
1885
1890
  }
1886
- .btn-outline.btn-info:hover {
1891
+ .btn-outline.btn-info:hover,
1892
+ .btn-outline.btn-info.btn-active {
1887
1893
  --tw-border-opacity: 1;
1888
1894
  border-color: hsl(var(--in) / var(--tw-border-opacity));
1889
1895
  --tw-bg-opacity: 1;
@@ -1895,7 +1901,8 @@
1895
1901
  --tw-text-opacity: 1;
1896
1902
  color: hsl(var(--wa) / var(--tw-text-opacity));
1897
1903
  }
1898
- .btn-outline.btn-warning:hover {
1904
+ .btn-outline.btn-warning:hover,
1905
+ .btn-outline.btn-warning.btn-active {
1899
1906
  --tw-border-opacity: 1;
1900
1907
  border-color: hsl(var(--wa) / var(--tw-border-opacity));
1901
1908
  --tw-bg-opacity: 1;
@@ -1907,7 +1914,8 @@
1907
1914
  --tw-text-opacity: 1;
1908
1915
  color: hsl(var(--er) / var(--tw-text-opacity));
1909
1916
  }
1910
- .btn-outline.btn-error:hover {
1917
+ .btn-outline.btn-error:hover,
1918
+ .btn-outline.btn-error.btn-active {
1911
1919
  --tw-border-opacity: 1;
1912
1920
  border-color: hsl(var(--er) / var(--tw-border-opacity));
1913
1921
  --tw-bg-opacity: 1;
@@ -1967,6 +1975,20 @@
1967
1975
  }
1968
1976
  .card {
1969
1977
  border-radius: var(--rounded-box, 1rem);
1978
+ }
1979
+ .card :where(figure:first-child) {
1980
+ overflow: hidden;
1981
+ border-top-left-radius: inherit;
1982
+ border-top-right-radius: inherit;
1983
+ border-bottom-left-radius: unset;
1984
+ border-bottom-right-radius: unset;
1985
+ }
1986
+ .card :where(figure:last-child) {
1987
+ overflow: hidden;
1988
+ border-top-left-radius: unset;
1989
+ border-top-right-radius: unset;
1990
+ border-bottom-left-radius: inherit;
1991
+ border-bottom-right-radius: inherit;
1970
1992
  }
1971
1993
  .card:focus-visible {
1972
1994
  outline: 2px solid currentColor;
@@ -2012,6 +2034,10 @@
2012
2034
  z-index: 20;
2013
2035
  --tw-text-opacity: 1;
2014
2036
  color: hsl(var(--nc) / var(--tw-text-opacity));
2037
+ }
2038
+ .card.image-full :where(figure) {
2039
+ overflow: hidden;
2040
+ border-radius: inherit;
2015
2041
  }
2016
2042
  .carousel {
2017
2043
  -ms-overflow-style: none;