daisyui 4.4.8 → 4.4.10

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 (5) hide show
  1. package/dist/full.css +133 -82
  2. package/dist/styled.css +1 -2
  3. package/dist/styled.js +1 -1
  4. package/package.json +1 -1
  5. package/src/lib/responsiveRegex.js +1 -1
package/dist/full.css CHANGED
@@ -4561,10 +4561,9 @@ input.tab:checked + .tab-content,
4561
4561
  .checkbox:checked,
4562
4562
  .checkbox[checked="true"],
4563
4563
  .checkbox[aria-checked="true"] {
4564
- --tw-bg-opacity: 1;
4565
- background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
4566
4564
  background-repeat: no-repeat;
4567
4565
  animation: checkmark var(--animation-input, 0.2s) ease-out;
4566
+ background-color: var(--chkbg);
4568
4567
  background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),
4569
4568
  linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),
4570
4569
  linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),
@@ -23782,109 +23781,161 @@ details.collapse summary::-webkit-details-marker {
23782
23781
  --tw-text-opacity: 1;
23783
23782
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
23784
23783
  @media (min-width: 640px) {
23785
- .sm\:stats {
23786
- display: inline-grid;
23787
- border-radius: var(--rounded-box, 1rem);
23788
- --tw-bg-opacity: 1;
23789
- background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
23790
- --tw-text-opacity: 1;
23791
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
23792
- :where(.sm\:stats) {
23793
- grid-auto-flow: column;
23794
- overflow-x: auto}
23784
+ .sm\:dropdown-end .dropdown-content {
23785
+ inset-inline-end: 0px}
23786
+ .sm\:dropdown-left .dropdown-content {
23787
+ bottom: auto;
23788
+ inset-inline-end: 100%;
23789
+ top: 0px;
23790
+ transform-origin: right}
23791
+ .sm\:dropdown-right .dropdown-content {
23792
+ bottom: auto;
23793
+ inset-inline-start: 100%;
23794
+ top: 0px;
23795
+ transform-origin: left}
23796
+ .sm\:dropdown-bottom .dropdown-content {
23797
+ bottom: auto;
23798
+ top: 100%;
23799
+ transform-origin: top}
23800
+ .sm\:dropdown-top .dropdown-content {
23801
+ bottom: 100%;
23802
+ top: auto;
23803
+ transform-origin: bottom}
23804
+ .sm\:dropdown-end.dropdown-right .dropdown-content {
23805
+ bottom: 0px;
23806
+ top: auto}
23807
+ .sm\:dropdown-right.dropdown-end .dropdown-content {
23808
+ bottom: 0px;
23809
+ top: auto}
23810
+ .sm\:dropdown-end.dropdown-left .dropdown-content {
23811
+ bottom: 0px;
23812
+ top: auto}
23813
+ .sm\:dropdown-left.dropdown-end .dropdown-content {
23814
+ bottom: 0px;
23815
+ top: auto}
23795
23816
  .sm\:loading-sm {
23796
23817
  width: 1.25rem}
23797
23818
  .sm\:loading-md {
23798
23819
  width: 1.5rem}
23799
23820
  .sm\:loading-lg {
23800
- width: 2.5rem}
23801
- :where(.sm\:stats) > :not([hidden]) ~ :not([hidden]) {
23802
- --tw-divide-x-reverse: 0;
23803
- border-right-width: calc(1px * var(--tw-divide-x-reverse));
23804
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
23805
- --tw-divide-y-reverse: 0;
23806
- border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
23807
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
23808
- :is([dir="rtl"] .sm\:stats > :not([hidden]) ~ :not([hidden])) {
23809
- --tw-divide-x-reverse: 1}}
23821
+ width: 2.5rem}}
23810
23822
  @media (min-width: 768px) {
23811
- .md\:stats {
23812
- display: inline-grid;
23813
- border-radius: var(--rounded-box, 1rem);
23814
- --tw-bg-opacity: 1;
23815
- background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
23816
- --tw-text-opacity: 1;
23817
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
23818
- :where(.md\:stats) {
23819
- grid-auto-flow: column;
23820
- overflow-x: auto}
23823
+ .md\:dropdown-end .dropdown-content {
23824
+ inset-inline-end: 0px}
23825
+ .md\:dropdown-left .dropdown-content {
23826
+ bottom: auto;
23827
+ inset-inline-end: 100%;
23828
+ top: 0px;
23829
+ transform-origin: right}
23830
+ .md\:dropdown-right .dropdown-content {
23831
+ bottom: auto;
23832
+ inset-inline-start: 100%;
23833
+ top: 0px;
23834
+ transform-origin: left}
23835
+ .md\:dropdown-bottom .dropdown-content {
23836
+ bottom: auto;
23837
+ top: 100%;
23838
+ transform-origin: top}
23839
+ .md\:dropdown-top .dropdown-content {
23840
+ bottom: 100%;
23841
+ top: auto;
23842
+ transform-origin: bottom}
23843
+ .md\:dropdown-end.dropdown-right .dropdown-content {
23844
+ bottom: 0px;
23845
+ top: auto}
23846
+ .md\:dropdown-right.dropdown-end .dropdown-content {
23847
+ bottom: 0px;
23848
+ top: auto}
23849
+ .md\:dropdown-end.dropdown-left .dropdown-content {
23850
+ bottom: 0px;
23851
+ top: auto}
23852
+ .md\:dropdown-left.dropdown-end .dropdown-content {
23853
+ bottom: 0px;
23854
+ top: auto}
23821
23855
  .md\:loading-sm {
23822
23856
  width: 1.25rem}
23823
23857
  .md\:loading-md {
23824
23858
  width: 1.5rem}
23825
23859
  .md\:loading-lg {
23826
- width: 2.5rem}
23827
- :where(.md\:stats) > :not([hidden]) ~ :not([hidden]) {
23828
- --tw-divide-x-reverse: 0;
23829
- border-right-width: calc(1px * var(--tw-divide-x-reverse));
23830
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
23831
- --tw-divide-y-reverse: 0;
23832
- border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
23833
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
23834
- :is([dir="rtl"] .md\:stats > :not([hidden]) ~ :not([hidden])) {
23835
- --tw-divide-x-reverse: 1}}
23860
+ width: 2.5rem}}
23836
23861
  @media (min-width: 1024px) {
23837
- .lg\:stats {
23838
- display: inline-grid;
23839
- border-radius: var(--rounded-box, 1rem);
23840
- --tw-bg-opacity: 1;
23841
- background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
23842
- --tw-text-opacity: 1;
23843
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
23844
- :where(.lg\:stats) {
23845
- grid-auto-flow: column;
23846
- overflow-x: auto}
23862
+ .lg\:dropdown-end .dropdown-content {
23863
+ inset-inline-end: 0px}
23864
+ .lg\:dropdown-left .dropdown-content {
23865
+ bottom: auto;
23866
+ inset-inline-end: 100%;
23867
+ top: 0px;
23868
+ transform-origin: right}
23869
+ .lg\:dropdown-right .dropdown-content {
23870
+ bottom: auto;
23871
+ inset-inline-start: 100%;
23872
+ top: 0px;
23873
+ transform-origin: left}
23874
+ .lg\:dropdown-bottom .dropdown-content {
23875
+ bottom: auto;
23876
+ top: 100%;
23877
+ transform-origin: top}
23878
+ .lg\:dropdown-top .dropdown-content {
23879
+ bottom: 100%;
23880
+ top: auto;
23881
+ transform-origin: bottom}
23882
+ .lg\:dropdown-end.dropdown-right .dropdown-content {
23883
+ bottom: 0px;
23884
+ top: auto}
23885
+ .lg\:dropdown-right.dropdown-end .dropdown-content {
23886
+ bottom: 0px;
23887
+ top: auto}
23888
+ .lg\:dropdown-end.dropdown-left .dropdown-content {
23889
+ bottom: 0px;
23890
+ top: auto}
23891
+ .lg\:dropdown-left.dropdown-end .dropdown-content {
23892
+ bottom: 0px;
23893
+ top: auto}
23847
23894
  .lg\:loading-sm {
23848
23895
  width: 1.25rem}
23849
23896
  .lg\:loading-md {
23850
23897
  width: 1.5rem}
23851
23898
  .lg\:loading-lg {
23852
- width: 2.5rem}
23853
- :where(.lg\:stats) > :not([hidden]) ~ :not([hidden]) {
23854
- --tw-divide-x-reverse: 0;
23855
- border-right-width: calc(1px * var(--tw-divide-x-reverse));
23856
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
23857
- --tw-divide-y-reverse: 0;
23858
- border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
23859
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
23860
- :is([dir="rtl"] .lg\:stats > :not([hidden]) ~ :not([hidden])) {
23861
- --tw-divide-x-reverse: 1}}
23899
+ width: 2.5rem}}
23862
23900
  @media (min-width: 1280px) {
23863
- .xl\:stats {
23864
- display: inline-grid;
23865
- border-radius: var(--rounded-box, 1rem);
23866
- --tw-bg-opacity: 1;
23867
- background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
23868
- --tw-text-opacity: 1;
23869
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
23870
- :where(.xl\:stats) {
23871
- grid-auto-flow: column;
23872
- overflow-x: auto}
23901
+ .xl\:dropdown-end .dropdown-content {
23902
+ inset-inline-end: 0px}
23903
+ .xl\:dropdown-left .dropdown-content {
23904
+ bottom: auto;
23905
+ inset-inline-end: 100%;
23906
+ top: 0px;
23907
+ transform-origin: right}
23908
+ .xl\:dropdown-right .dropdown-content {
23909
+ bottom: auto;
23910
+ inset-inline-start: 100%;
23911
+ top: 0px;
23912
+ transform-origin: left}
23913
+ .xl\:dropdown-bottom .dropdown-content {
23914
+ bottom: auto;
23915
+ top: 100%;
23916
+ transform-origin: top}
23917
+ .xl\:dropdown-top .dropdown-content {
23918
+ bottom: 100%;
23919
+ top: auto;
23920
+ transform-origin: bottom}
23921
+ .xl\:dropdown-end.dropdown-right .dropdown-content {
23922
+ bottom: 0px;
23923
+ top: auto}
23924
+ .xl\:dropdown-right.dropdown-end .dropdown-content {
23925
+ bottom: 0px;
23926
+ top: auto}
23927
+ .xl\:dropdown-end.dropdown-left .dropdown-content {
23928
+ bottom: 0px;
23929
+ top: auto}
23930
+ .xl\:dropdown-left.dropdown-end .dropdown-content {
23931
+ bottom: 0px;
23932
+ top: auto}
23873
23933
  .xl\:loading-sm {
23874
23934
  width: 1.25rem}
23875
23935
  .xl\:loading-md {
23876
23936
  width: 1.5rem}
23877
23937
  .xl\:loading-lg {
23878
- width: 2.5rem}
23879
- :where(.xl\:stats) > :not([hidden]) ~ :not([hidden]) {
23880
- --tw-divide-x-reverse: 0;
23881
- border-right-width: calc(1px * var(--tw-divide-x-reverse));
23882
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
23883
- --tw-divide-y-reverse: 0;
23884
- border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
23885
- border-bottom-width: calc(0px * var(--tw-divide-y-reverse))}
23886
- :is([dir="rtl"] .xl\:stats > :not([hidden]) ~ :not([hidden])) {
23887
- --tw-divide-x-reverse: 1}}
23938
+ width: 2.5rem}}
23888
23939
  .hover\:divide-base-100:hover > :not([hidden]) ~ :not([hidden]) {
23889
23940
  border-color: var(--fallback-b1,oklch(var(--b1)/1))}
23890
23941
  .hover\:divide-base-100\/0:hover > :not([hidden]) ~ :not([hidden]) {
package/dist/styled.css CHANGED
@@ -2241,10 +2241,9 @@ input.tab:checked + .tab-content,
2241
2241
  .checkbox:checked,
2242
2242
  .checkbox[checked="true"],
2243
2243
  .checkbox[aria-checked="true"] {
2244
- --tw-bg-opacity: 1;
2245
- background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
2246
2244
  background-repeat: no-repeat;
2247
2245
  animation: checkmark var(--animation-input, 0.2s) ease-out;
2246
+ background-color: var(--chkbg);
2248
2247
  background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),
2249
2248
  linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),
2250
2249
  linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),