daisyui 4.4.8 → 4.4.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 (3) hide show
  1. package/dist/full.css +132 -80
  2. package/package.json +1 -1
  3. package/src/lib/responsiveRegex.js +1 -1
package/dist/full.css CHANGED
@@ -23782,109 +23782,161 @@ details.collapse summary::-webkit-details-marker {
23782
23782
  --tw-text-opacity: 1;
23783
23783
  color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
23784
23784
  @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}
23785
+ .sm\:dropdown-end .dropdown-content {
23786
+ inset-inline-end: 0px}
23787
+ .sm\:dropdown-left .dropdown-content {
23788
+ bottom: auto;
23789
+ inset-inline-end: 100%;
23790
+ top: 0px;
23791
+ transform-origin: right}
23792
+ .sm\:dropdown-right .dropdown-content {
23793
+ bottom: auto;
23794
+ inset-inline-start: 100%;
23795
+ top: 0px;
23796
+ transform-origin: left}
23797
+ .sm\:dropdown-bottom .dropdown-content {
23798
+ bottom: auto;
23799
+ top: 100%;
23800
+ transform-origin: top}
23801
+ .sm\:dropdown-top .dropdown-content {
23802
+ bottom: 100%;
23803
+ top: auto;
23804
+ transform-origin: bottom}
23805
+ .sm\:dropdown-end.dropdown-right .dropdown-content {
23806
+ bottom: 0px;
23807
+ top: auto}
23808
+ .sm\:dropdown-right.dropdown-end .dropdown-content {
23809
+ bottom: 0px;
23810
+ top: auto}
23811
+ .sm\:dropdown-end.dropdown-left .dropdown-content {
23812
+ bottom: 0px;
23813
+ top: auto}
23814
+ .sm\:dropdown-left.dropdown-end .dropdown-content {
23815
+ bottom: 0px;
23816
+ top: auto}
23795
23817
  .sm\:loading-sm {
23796
23818
  width: 1.25rem}
23797
23819
  .sm\:loading-md {
23798
23820
  width: 1.5rem}
23799
23821
  .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}}
23822
+ width: 2.5rem}}
23810
23823
  @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}
23824
+ .md\:dropdown-end .dropdown-content {
23825
+ inset-inline-end: 0px}
23826
+ .md\:dropdown-left .dropdown-content {
23827
+ bottom: auto;
23828
+ inset-inline-end: 100%;
23829
+ top: 0px;
23830
+ transform-origin: right}
23831
+ .md\:dropdown-right .dropdown-content {
23832
+ bottom: auto;
23833
+ inset-inline-start: 100%;
23834
+ top: 0px;
23835
+ transform-origin: left}
23836
+ .md\:dropdown-bottom .dropdown-content {
23837
+ bottom: auto;
23838
+ top: 100%;
23839
+ transform-origin: top}
23840
+ .md\:dropdown-top .dropdown-content {
23841
+ bottom: 100%;
23842
+ top: auto;
23843
+ transform-origin: bottom}
23844
+ .md\:dropdown-end.dropdown-right .dropdown-content {
23845
+ bottom: 0px;
23846
+ top: auto}
23847
+ .md\:dropdown-right.dropdown-end .dropdown-content {
23848
+ bottom: 0px;
23849
+ top: auto}
23850
+ .md\:dropdown-end.dropdown-left .dropdown-content {
23851
+ bottom: 0px;
23852
+ top: auto}
23853
+ .md\:dropdown-left.dropdown-end .dropdown-content {
23854
+ bottom: 0px;
23855
+ top: auto}
23821
23856
  .md\:loading-sm {
23822
23857
  width: 1.25rem}
23823
23858
  .md\:loading-md {
23824
23859
  width: 1.5rem}
23825
23860
  .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}}
23861
+ width: 2.5rem}}
23836
23862
  @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}
23863
+ .lg\:dropdown-end .dropdown-content {
23864
+ inset-inline-end: 0px}
23865
+ .lg\:dropdown-left .dropdown-content {
23866
+ bottom: auto;
23867
+ inset-inline-end: 100%;
23868
+ top: 0px;
23869
+ transform-origin: right}
23870
+ .lg\:dropdown-right .dropdown-content {
23871
+ bottom: auto;
23872
+ inset-inline-start: 100%;
23873
+ top: 0px;
23874
+ transform-origin: left}
23875
+ .lg\:dropdown-bottom .dropdown-content {
23876
+ bottom: auto;
23877
+ top: 100%;
23878
+ transform-origin: top}
23879
+ .lg\:dropdown-top .dropdown-content {
23880
+ bottom: 100%;
23881
+ top: auto;
23882
+ transform-origin: bottom}
23883
+ .lg\:dropdown-end.dropdown-right .dropdown-content {
23884
+ bottom: 0px;
23885
+ top: auto}
23886
+ .lg\:dropdown-right.dropdown-end .dropdown-content {
23887
+ bottom: 0px;
23888
+ top: auto}
23889
+ .lg\:dropdown-end.dropdown-left .dropdown-content {
23890
+ bottom: 0px;
23891
+ top: auto}
23892
+ .lg\:dropdown-left.dropdown-end .dropdown-content {
23893
+ bottom: 0px;
23894
+ top: auto}
23847
23895
  .lg\:loading-sm {
23848
23896
  width: 1.25rem}
23849
23897
  .lg\:loading-md {
23850
23898
  width: 1.5rem}
23851
23899
  .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}}
23900
+ width: 2.5rem}}
23862
23901
  @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}
23902
+ .xl\:dropdown-end .dropdown-content {
23903
+ inset-inline-end: 0px}
23904
+ .xl\:dropdown-left .dropdown-content {
23905
+ bottom: auto;
23906
+ inset-inline-end: 100%;
23907
+ top: 0px;
23908
+ transform-origin: right}
23909
+ .xl\:dropdown-right .dropdown-content {
23910
+ bottom: auto;
23911
+ inset-inline-start: 100%;
23912
+ top: 0px;
23913
+ transform-origin: left}
23914
+ .xl\:dropdown-bottom .dropdown-content {
23915
+ bottom: auto;
23916
+ top: 100%;
23917
+ transform-origin: top}
23918
+ .xl\:dropdown-top .dropdown-content {
23919
+ bottom: 100%;
23920
+ top: auto;
23921
+ transform-origin: bottom}
23922
+ .xl\:dropdown-end.dropdown-right .dropdown-content {
23923
+ bottom: 0px;
23924
+ top: auto}
23925
+ .xl\:dropdown-right.dropdown-end .dropdown-content {
23926
+ bottom: 0px;
23927
+ top: auto}
23928
+ .xl\:dropdown-end.dropdown-left .dropdown-content {
23929
+ bottom: 0px;
23930
+ top: auto}
23931
+ .xl\:dropdown-left.dropdown-end .dropdown-content {
23932
+ bottom: 0px;
23933
+ top: auto}
23873
23934
  .xl\:loading-sm {
23874
23935
  width: 1.25rem}
23875
23936
  .xl\:loading-md {
23876
23937
  width: 1.5rem}
23877
23938
  .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}}
23939
+ width: 2.5rem}}
23888
23940
  .hover\:divide-base-100:hover > :not([hidden]) ~ :not([hidden]) {
23889
23941
  border-color: var(--fallback-b1,oklch(var(--b1)/1))}
23890
23942
  .hover\:divide-base-100\/0:hover > :not([hidden]) ~ :not([hidden]) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "daisyui",
3
- "version": "4.4.8",
3
+ "version": "4.4.9",
4
4
  "description": "daisyUI - Tailwind CSS Components",
5
5
  "author": "Pouya Saadeghi",
6
6
  "license": "MIT",
package/src/lib/responsiveRegex.js CHANGED
@@ -16,7 +16,7 @@ module.exports = [
16
16
  {
17
17
  // responsive utilites for daisyUI components
18
18
  pattern:
19
- /(drawer-open|modal-middle|modal-top|modal-bottom|card-side|card-compact|card-normal|stats|divider-horizontal|divider-vertical)/,
19
+ /(drawer-open|modal-(middle|top|bottom)|card-(side|compact|normal)|(stats|divider)-(horizontal|vertical)|dropdown-(end|top|bottom|left|right))/,
20
20
  variants: ["sm", "md", "lg", "xl"],
21
21
  },
22
22
  {