daisyui 3.1.2 → 3.1.3

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.
package/dist/full.css CHANGED
@@ -45949,6 +45949,22 @@ details.collapse summary::-webkit-details-marker {
45949
45949
  .sm\:checkbox-lg {
45950
45950
  height: 2rem;
45951
45951
  width: 2rem}
45952
+ .sm\:drawer-open > .drawer-toggle {
45953
+ display: none}
45954
+ .sm\:drawer-open > .drawer-toggle ~ .drawer-side {
45955
+ pointer-events: auto;
45956
+ visibility: visible;
45957
+ position: sticky;
45958
+ display: block;
45959
+ width: auto;
45960
+ overscroll-behavior: auto}
45961
+ .sm\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
45962
+ transform: translateX(0%)}
45963
+ [dir="rtl"] .sm\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
45964
+ transform: translateX(0%)}
45965
+ .sm\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
45966
+ pointer-events: auto;
45967
+ visibility: visible}
45952
45968
  .sm\:file-input-sm {
45953
45969
  height: 2rem;
45954
45970
  padding-right: 0.75rem;
@@ -46023,8 +46039,12 @@ details.collapse summary::-webkit-details-marker {
46023
46039
  line-height: 1.75rem;
46024
46040
  min-height: 2.5em;
46025
46041
  min-width: 2.5em}
46042
+ .sm\:modal-top {
46043
+ place-items: start}
46026
46044
  .sm\:modal-middle {
46027
46045
  place-items: center}
46046
+ .sm\:modal-bottom {
46047
+ place-items: end}
46028
46048
  .sm\:radio-sm {
46029
46049
  height: 1.25rem;
46030
46050
  width: 1.25rem}
@@ -46179,6 +46199,21 @@ details.collapse summary::-webkit-details-marker {
46179
46199
  --handleoffset: 2rem;
46180
46200
  height: 2rem;
46181
46201
  width: 4rem}
46202
+ .sm\:card-compact .card-body {
46203
+ padding: 1rem;
46204
+ font-size: 0.875rem;
46205
+ line-height: 1.25rem}
46206
+ .sm\:card-compact .card-title {
46207
+ margin-bottom: 0.25rem}
46208
+ .sm\:card-normal .card-body {
46209
+ padding: var(--padding-card, 2rem);
46210
+ font-size: 1rem;
46211
+ line-height: 1.5rem}
46212
+ .sm\:card-normal .card-title {
46213
+ margin-bottom: 0.75rem}
46214
+ .sm\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
46215
+ cursor: default;
46216
+ background-color: transparent}
46182
46217
  .sm\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.sm\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46183
46218
  padding-left: 0.75rem;
46184
46219
  padding-right: 0.75rem;
@@ -46218,6 +46253,17 @@ details.collapse summary::-webkit-details-marker {
46218
46253
  padding-right: 1.5rem;
46219
46254
  padding-top: 0.75rem;
46220
46255
  padding-bottom: 0.75rem}
46256
+ .sm\:modal-top :where(.modal-box) {
46257
+ width: 100%;
46258
+ max-width: none;
46259
+ --tw-translate-y: -2.5rem;
46260
+ --tw-scale-x: 1;
46261
+ --tw-scale-y: 1;
46262
+ 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));
46263
+ border-top-left-radius: 0px;
46264
+ border-top-right-radius: 0px;
46265
+ border-bottom-left-radius: var(--rounded-box, 1rem);
46266
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
46221
46267
  .sm\:modal-middle :where(.modal-box) {
46222
46268
  width: 91.666667%;
46223
46269
  max-width: 32rem;
@@ -46229,6 +46275,17 @@ details.collapse summary::-webkit-details-marker {
46229
46275
  border-top-right-radius: var(--rounded-box, 1rem);
46230
46276
  border-bottom-left-radius: var(--rounded-box, 1rem);
46231
46277
  border-bottom-right-radius: var(--rounded-box, 1rem)}
46278
+ .sm\:modal-bottom :where(.modal-box) {
46279
+ width: 100%;
46280
+ max-width: none;
46281
+ --tw-translate-y: 2.5rem;
46282
+ --tw-scale-x: 1;
46283
+ --tw-scale-y: 1;
46284
+ 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));
46285
+ border-bottom-right-radius: 0px;
46286
+ border-bottom-left-radius: 0px;
46287
+ border-top-left-radius: var(--rounded-box, 1rem);
46288
+ border-top-right-radius: var(--rounded-box, 1rem)}
46232
46289
  .sm\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
46233
46290
  --tw-divide-x-reverse: 0;
46234
46291
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -46388,6 +46445,22 @@ details.collapse summary::-webkit-details-marker {
46388
46445
  .md\:checkbox-lg {
46389
46446
  height: 2rem;
46390
46447
  width: 2rem}
46448
+ .md\:drawer-open > .drawer-toggle {
46449
+ display: none}
46450
+ .md\:drawer-open > .drawer-toggle ~ .drawer-side {
46451
+ pointer-events: auto;
46452
+ visibility: visible;
46453
+ position: sticky;
46454
+ display: block;
46455
+ width: auto;
46456
+ overscroll-behavior: auto}
46457
+ .md\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46458
+ transform: translateX(0%)}
46459
+ [dir="rtl"] .md\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46460
+ transform: translateX(0%)}
46461
+ .md\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
46462
+ pointer-events: auto;
46463
+ visibility: visible}
46391
46464
  .md\:file-input-sm {
46392
46465
  height: 2rem;
46393
46466
  padding-right: 0.75rem;
@@ -46462,8 +46535,12 @@ details.collapse summary::-webkit-details-marker {
46462
46535
  line-height: 1.75rem;
46463
46536
  min-height: 2.5em;
46464
46537
  min-width: 2.5em}
46538
+ .md\:modal-top {
46539
+ place-items: start}
46465
46540
  .md\:modal-middle {
46466
46541
  place-items: center}
46542
+ .md\:modal-bottom {
46543
+ place-items: end}
46467
46544
  .md\:radio-sm {
46468
46545
  height: 1.25rem;
46469
46546
  width: 1.25rem}
@@ -46618,6 +46695,21 @@ details.collapse summary::-webkit-details-marker {
46618
46695
  --handleoffset: 2rem;
46619
46696
  height: 2rem;
46620
46697
  width: 4rem}
46698
+ .md\:card-compact .card-body {
46699
+ padding: 1rem;
46700
+ font-size: 0.875rem;
46701
+ line-height: 1.25rem}
46702
+ .md\:card-compact .card-title {
46703
+ margin-bottom: 0.25rem}
46704
+ .md\:card-normal .card-body {
46705
+ padding: var(--padding-card, 2rem);
46706
+ font-size: 1rem;
46707
+ line-height: 1.5rem}
46708
+ .md\:card-normal .card-title {
46709
+ margin-bottom: 0.75rem}
46710
+ .md\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
46711
+ cursor: default;
46712
+ background-color: transparent}
46621
46713
  .md\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.md\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
46622
46714
  padding-left: 0.75rem;
46623
46715
  padding-right: 0.75rem;
@@ -46657,6 +46749,17 @@ details.collapse summary::-webkit-details-marker {
46657
46749
  padding-right: 1.5rem;
46658
46750
  padding-top: 0.75rem;
46659
46751
  padding-bottom: 0.75rem}
46752
+ .md\:modal-top :where(.modal-box) {
46753
+ width: 100%;
46754
+ max-width: none;
46755
+ --tw-translate-y: -2.5rem;
46756
+ --tw-scale-x: 1;
46757
+ --tw-scale-y: 1;
46758
+ 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));
46759
+ border-top-left-radius: 0px;
46760
+ border-top-right-radius: 0px;
46761
+ border-bottom-left-radius: var(--rounded-box, 1rem);
46762
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
46660
46763
  .md\:modal-middle :where(.modal-box) {
46661
46764
  width: 91.666667%;
46662
46765
  max-width: 32rem;
@@ -46668,6 +46771,17 @@ details.collapse summary::-webkit-details-marker {
46668
46771
  border-top-right-radius: var(--rounded-box, 1rem);
46669
46772
  border-bottom-left-radius: var(--rounded-box, 1rem);
46670
46773
  border-bottom-right-radius: var(--rounded-box, 1rem)}
46774
+ .md\:modal-bottom :where(.modal-box) {
46775
+ width: 100%;
46776
+ max-width: none;
46777
+ --tw-translate-y: 2.5rem;
46778
+ --tw-scale-x: 1;
46779
+ --tw-scale-y: 1;
46780
+ 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));
46781
+ border-bottom-right-radius: 0px;
46782
+ border-bottom-left-radius: 0px;
46783
+ border-top-left-radius: var(--rounded-box, 1rem);
46784
+ border-top-right-radius: var(--rounded-box, 1rem)}
46671
46785
  .md\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
46672
46786
  --tw-divide-x-reverse: 0;
46673
46787
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -46827,6 +46941,22 @@ details.collapse summary::-webkit-details-marker {
46827
46941
  .lg\:checkbox-lg {
46828
46942
  height: 2rem;
46829
46943
  width: 2rem}
46944
+ .lg\:drawer-open > .drawer-toggle {
46945
+ display: none}
46946
+ .lg\:drawer-open > .drawer-toggle ~ .drawer-side {
46947
+ pointer-events: auto;
46948
+ visibility: visible;
46949
+ position: sticky;
46950
+ display: block;
46951
+ width: auto;
46952
+ overscroll-behavior: auto}
46953
+ .lg\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46954
+ transform: translateX(0%)}
46955
+ [dir="rtl"] .lg\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
46956
+ transform: translateX(0%)}
46957
+ .lg\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
46958
+ pointer-events: auto;
46959
+ visibility: visible}
46830
46960
  .lg\:file-input-sm {
46831
46961
  height: 2rem;
46832
46962
  padding-right: 0.75rem;
@@ -46901,8 +47031,12 @@ details.collapse summary::-webkit-details-marker {
46901
47031
  line-height: 1.75rem;
46902
47032
  min-height: 2.5em;
46903
47033
  min-width: 2.5em}
47034
+ .lg\:modal-top {
47035
+ place-items: start}
46904
47036
  .lg\:modal-middle {
46905
47037
  place-items: center}
47038
+ .lg\:modal-bottom {
47039
+ place-items: end}
46906
47040
  .lg\:radio-sm {
46907
47041
  height: 1.25rem;
46908
47042
  width: 1.25rem}
@@ -47057,6 +47191,21 @@ details.collapse summary::-webkit-details-marker {
47057
47191
  --handleoffset: 2rem;
47058
47192
  height: 2rem;
47059
47193
  width: 4rem}
47194
+ .lg\:card-compact .card-body {
47195
+ padding: 1rem;
47196
+ font-size: 0.875rem;
47197
+ line-height: 1.25rem}
47198
+ .lg\:card-compact .card-title {
47199
+ margin-bottom: 0.25rem}
47200
+ .lg\:card-normal .card-body {
47201
+ padding: var(--padding-card, 2rem);
47202
+ font-size: 1rem;
47203
+ line-height: 1.5rem}
47204
+ .lg\:card-normal .card-title {
47205
+ margin-bottom: 0.75rem}
47206
+ .lg\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
47207
+ cursor: default;
47208
+ background-color: transparent}
47060
47209
  .lg\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.lg\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
47061
47210
  padding-left: 0.75rem;
47062
47211
  padding-right: 0.75rem;
@@ -47096,6 +47245,17 @@ details.collapse summary::-webkit-details-marker {
47096
47245
  padding-right: 1.5rem;
47097
47246
  padding-top: 0.75rem;
47098
47247
  padding-bottom: 0.75rem}
47248
+ .lg\:modal-top :where(.modal-box) {
47249
+ width: 100%;
47250
+ max-width: none;
47251
+ --tw-translate-y: -2.5rem;
47252
+ --tw-scale-x: 1;
47253
+ --tw-scale-y: 1;
47254
+ 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));
47255
+ border-top-left-radius: 0px;
47256
+ border-top-right-radius: 0px;
47257
+ border-bottom-left-radius: var(--rounded-box, 1rem);
47258
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
47099
47259
  .lg\:modal-middle :where(.modal-box) {
47100
47260
  width: 91.666667%;
47101
47261
  max-width: 32rem;
@@ -47107,6 +47267,17 @@ details.collapse summary::-webkit-details-marker {
47107
47267
  border-top-right-radius: var(--rounded-box, 1rem);
47108
47268
  border-bottom-left-radius: var(--rounded-box, 1rem);
47109
47269
  border-bottom-right-radius: var(--rounded-box, 1rem)}
47270
+ .lg\:modal-bottom :where(.modal-box) {
47271
+ width: 100%;
47272
+ max-width: none;
47273
+ --tw-translate-y: 2.5rem;
47274
+ --tw-scale-x: 1;
47275
+ --tw-scale-y: 1;
47276
+ 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));
47277
+ border-bottom-right-radius: 0px;
47278
+ border-bottom-left-radius: 0px;
47279
+ border-top-left-radius: var(--rounded-box, 1rem);
47280
+ border-top-right-radius: var(--rounded-box, 1rem)}
47110
47281
  .lg\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
47111
47282
  --tw-divide-x-reverse: 0;
47112
47283
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -47266,6 +47437,22 @@ details.collapse summary::-webkit-details-marker {
47266
47437
  .xl\:checkbox-lg {
47267
47438
  height: 2rem;
47268
47439
  width: 2rem}
47440
+ .xl\:drawer-open > .drawer-toggle {
47441
+ display: none}
47442
+ .xl\:drawer-open > .drawer-toggle ~ .drawer-side {
47443
+ pointer-events: auto;
47444
+ visibility: visible;
47445
+ position: sticky;
47446
+ display: block;
47447
+ width: auto;
47448
+ overscroll-behavior: auto}
47449
+ .xl\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
47450
+ transform: translateX(0%)}
47451
+ [dir="rtl"] .xl\:drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay) {
47452
+ transform: translateX(0%)}
47453
+ .xl\:drawer-open > .drawer-toggle:checked ~ .drawer-side {
47454
+ pointer-events: auto;
47455
+ visibility: visible}
47269
47456
  .xl\:file-input-sm {
47270
47457
  height: 2rem;
47271
47458
  padding-right: 0.75rem;
@@ -47340,8 +47527,12 @@ details.collapse summary::-webkit-details-marker {
47340
47527
  line-height: 1.75rem;
47341
47528
  min-height: 2.5em;
47342
47529
  min-width: 2.5em}
47530
+ .xl\:modal-top {
47531
+ place-items: start}
47343
47532
  .xl\:modal-middle {
47344
47533
  place-items: center}
47534
+ .xl\:modal-bottom {
47535
+ place-items: end}
47345
47536
  .xl\:radio-sm {
47346
47537
  height: 1.25rem;
47347
47538
  width: 1.25rem}
@@ -47496,6 +47687,21 @@ details.collapse summary::-webkit-details-marker {
47496
47687
  --handleoffset: 2rem;
47497
47688
  height: 2rem;
47498
47689
  width: 4rem}
47690
+ .xl\:card-compact .card-body {
47691
+ padding: 1rem;
47692
+ font-size: 0.875rem;
47693
+ line-height: 1.25rem}
47694
+ .xl\:card-compact .card-title {
47695
+ margin-bottom: 0.25rem}
47696
+ .xl\:card-normal .card-body {
47697
+ padding: var(--padding-card, 2rem);
47698
+ font-size: 1rem;
47699
+ line-height: 1.5rem}
47700
+ .xl\:card-normal .card-title {
47701
+ margin-bottom: 0.75rem}
47702
+ .xl\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
47703
+ cursor: default;
47704
+ background-color: transparent}
47499
47705
  .xl\:menu-sm :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),.xl\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
47500
47706
  padding-left: 0.75rem;
47501
47707
  padding-right: 0.75rem;
@@ -47535,6 +47741,17 @@ details.collapse summary::-webkit-details-marker {
47535
47741
  padding-right: 1.5rem;
47536
47742
  padding-top: 0.75rem;
47537
47743
  padding-bottom: 0.75rem}
47744
+ .xl\:modal-top :where(.modal-box) {
47745
+ width: 100%;
47746
+ max-width: none;
47747
+ --tw-translate-y: -2.5rem;
47748
+ --tw-scale-x: 1;
47749
+ --tw-scale-y: 1;
47750
+ 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));
47751
+ border-top-left-radius: 0px;
47752
+ border-top-right-radius: 0px;
47753
+ border-bottom-left-radius: var(--rounded-box, 1rem);
47754
+ border-bottom-right-radius: var(--rounded-box, 1rem)}
47538
47755
  .xl\:modal-middle :where(.modal-box) {
47539
47756
  width: 91.666667%;
47540
47757
  max-width: 32rem;
@@ -47546,6 +47763,17 @@ details.collapse summary::-webkit-details-marker {
47546
47763
  border-top-right-radius: var(--rounded-box, 1rem);
47547
47764
  border-bottom-left-radius: var(--rounded-box, 1rem);
47548
47765
  border-bottom-right-radius: var(--rounded-box, 1rem)}
47766
+ .xl\:modal-bottom :where(.modal-box) {
47767
+ width: 100%;
47768
+ max-width: none;
47769
+ --tw-translate-y: 2.5rem;
47770
+ --tw-scale-x: 1;
47771
+ --tw-scale-y: 1;
47772
+ 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));
47773
+ border-bottom-right-radius: 0px;
47774
+ border-bottom-left-radius: 0px;
47775
+ border-top-left-radius: var(--rounded-box, 1rem);
47776
+ border-top-right-radius: var(--rounded-box, 1rem)}
47549
47777
  .xl\:stats-horizontal > :not([hidden]) ~ :not([hidden]) {
47550
47778
  --tw-divide-x-reverse: 0;
47551
47779
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "daisyui",
3
- "version": "3.1.2",
3
+ "version": "3.1.3",
4
4
  "description": "daisyUI - Tailwind CSS Components",
5
5
  "author": "Pouya Saadeghi",
6
6
  "license": "MIT",
@@ -15,7 +15,8 @@ module.exports = [
15
15
  },
16
16
  {
17
17
  // responsive utilites for daisyUI components
18
- pattern: /(modal-middle|card-side|stats)/,
18
+ pattern:
19
+ /(drawer-open|modal-middle|modal-top|modal-bottom|card-side|card-compact|card-normal|stats)/,
19
20
  variants: ["sm", "md", "lg", "xl"],
20
21
  },
21
22
  {