daisyui 3.1.1 → 3.1.2

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
@@ -1645,7 +1645,8 @@ html {
1645
1645
  .link-error:hover {
1646
1646
  --tw-text-opacity: 1;
1647
1647
  color: hsl(var(--er) / var(--tw-text-opacity))}
1648
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active), :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
1648
+ .menu li > *:active,
1649
+ .menu li > *.active {
1649
1650
  --tw-bg-opacity: 1;
1650
1651
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
1651
1652
  --tw-text-opacity: 1;
@@ -1721,12 +1722,7 @@ html {
1721
1722
  .btn-disabled,
1722
1723
  .btn[disabled],
1723
1724
  .btn:disabled {
1724
- pointer-events: none;
1725
- --tw-border-opacity: 0;
1726
- background-color: hsl(var(--n) / var(--tw-bg-opacity));
1727
- --tw-bg-opacity: 0.2;
1728
- color: hsl(var(--bc) / var(--tw-text-opacity));
1729
- --tw-text-opacity: 0.2}
1725
+ pointer-events: none}
1730
1726
  .btn-square {
1731
1727
  height: 3rem;
1732
1728
  width: 3rem;
@@ -2518,7 +2514,9 @@ html {
2518
2514
  padding: 0.5rem}
2519
2515
  .menu :where(li ul) {
2520
2516
  position: relative;
2521
- white-space: nowrap}
2517
+ white-space: nowrap;
2518
+ margin-left: 1rem;
2519
+ padding-left: 0.5rem}
2522
2520
  .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)),
2523
2521
  .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
2524
2522
  display: grid;
@@ -2530,7 +2528,8 @@ html {
2530
2528
  user-select: none}
2531
2529
  .menu li.disabled {
2532
2530
  cursor: not-allowed;
2533
- user-select: none}
2531
+ user-select: none;
2532
+ color: hsl(var(--bc) / 0.3)}
2534
2533
  .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
2535
2534
  display: none}
2536
2535
  :where(.menu li) {
@@ -3365,6 +3364,14 @@ html {
3365
3364
  background-color: hsl(var(--er) / var(--tw-bg-opacity));
3366
3365
  --tw-text-opacity: 1;
3367
3366
  color: hsl(var(--erc) / var(--tw-text-opacity))}
3367
+ .btn.btn-disabled,
3368
+ .btn[disabled],
3369
+ .btn:disabled {
3370
+ --tw-border-opacity: 0;
3371
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
3372
+ --tw-bg-opacity: 0.2;
3373
+ color: hsl(var(--bc) / var(--tw-text-opacity));
3374
+ --tw-text-opacity: 0.2}
3368
3375
  .btn-group > input[type="radio"]:checked.btn,
3369
3376
  .btn-group > .btn-active {
3370
3377
  --tw-border-opacity: 1;
@@ -4109,10 +4116,7 @@ details.collapse summary::-webkit-details-marker {
4109
4116
  background-color: hsl(var(--bc) / 0.1);
4110
4117
  margin: 0.5rem 1rem;
4111
4118
  height: 1px}
4112
- :where(.menu li ul) {
4113
- margin-left: 1rem;
4114
- padding-left: 0.5rem}
4115
- :where(.menu li ul):before {
4119
+ .menu :where(li ul):before {
4116
4120
  position: absolute;
4117
4121
  left: 0px;
4118
4122
  top: 0.75rem;
@@ -4141,20 +4145,16 @@ details.collapse summary::-webkit-details-marker {
4141
4145
  color: hsl(var(--bc) / var(--tw-text-opacity));
4142
4146
  outline: 2px solid transparent;
4143
4147
  outline-offset: 2px}
4144
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):active,
4145
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active),
4146
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):active,
4147
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
4148
+ .menu li > *:active,
4149
+ .menu li > *.active {
4148
4150
  --tw-bg-opacity: 1;
4149
4151
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
4150
4152
  --tw-text-opacity: 1;
4151
4153
  color: hsl(var(--nc) / var(--tw-text-opacity))}
4152
- :where(.menu li.disabled) {
4153
- color: hsl(var(--bc) / 0.3)}
4154
- :where(.menu li > details > summary)::-webkit-details-marker {
4154
+ .menu :where(li > details > summary)::-webkit-details-marker {
4155
4155
  display: none}
4156
- :where(.menu li > details > summary):after,
4157
- :where(.menu li > .menu-dropdown-toggle):after {
4156
+ .menu :where(li > details > summary):after,
4157
+ .menu :where(li > .menu-dropdown-toggle):after {
4158
4158
  justify-self: end;
4159
4159
  display: block;
4160
4160
  margin-top: -0.5rem;
@@ -4168,8 +4168,8 @@ details.collapse summary::-webkit-details-marker {
4168
4168
  transform-origin: 75% 75%;
4169
4169
  box-shadow: 2px 2px;
4170
4170
  pointer-events: none}
4171
- :where(.menu li > details[open] > summary):after,
4172
- :where(.menu li > .menu-dropdown-toggle.menu-dropdown-show):after {
4171
+ .menu :where(li > details[open] > summary):after,
4172
+ .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
4173
4173
  transform: rotate(225deg);
4174
4174
  margin-top: 0}
4175
4175
  .menu-title {
package/dist/styled.css CHANGED
@@ -1906,7 +1906,7 @@
1906
1906
  color: hsl(var(--erc) / var(--tw-text-opacity));
1907
1907
  }
1908
1908
  /* disabled */
1909
- .btn-disabled,
1909
+ .btn.btn-disabled,
1910
1910
  .btn[disabled],
1911
1911
  .btn:disabled {
1912
1912
  --tw-border-opacity: 0;
@@ -3128,11 +3128,11 @@ details.collapse summary {
3128
3128
  margin: 0.5rem 1rem;
3129
3129
  height: 1px;
3130
3130
  }
3131
- :where(.menu li ul) {
3131
+ .menu :where(li ul) {
3132
3132
  margin-left: 1rem;
3133
3133
  padding-left: 0.5rem;
3134
3134
  }
3135
- :where(.menu li ul):before {
3135
+ .menu :where(li ul):before {
3136
3136
  position: absolute;
3137
3137
  left: 0px;
3138
3138
  top: 0.75rem;
@@ -3174,31 +3174,30 @@ details.collapse summary {
3174
3174
  outline-offset: 2px;
3175
3175
  }
3176
3176
  }
3177
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):active,
3178
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active),
3179
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):active,
3180
- :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
3177
+ .menu li > *:active,
3178
+ .menu li > *.active {
3181
3179
  --tw-bg-opacity: 1;
3182
3180
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
3183
3181
  --tw-text-opacity: 1;
3184
3182
  color: hsl(var(--nc) / var(--tw-text-opacity));
3185
3183
  }
3186
3184
  @media (hover:hover) {
3187
- :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active), :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {
3185
+ .menu li > *:active,
3186
+ .menu li > *.active {
3188
3187
  --tw-bg-opacity: 1;
3189
3188
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
3190
3189
  --tw-text-opacity: 1;
3191
3190
  color: hsl(var(--nc) / var(--tw-text-opacity));
3192
3191
  }
3193
3192
  }
3194
- :where(.menu li.disabled) {
3193
+ .menu li.disabled {
3195
3194
  color: hsl(var(--bc) / 0.3);
3196
3195
  }
3197
- :where(.menu li > details > summary)::-webkit-details-marker {
3196
+ .menu :where(li > details > summary)::-webkit-details-marker {
3198
3197
  display: none;
3199
3198
  }
3200
- :where(.menu li > details > summary):after,
3201
- :where(.menu li > .menu-dropdown-toggle):after {
3199
+ .menu :where(li > details > summary):after,
3200
+ .menu :where(li > .menu-dropdown-toggle):after {
3202
3201
  justify-self: end;
3203
3202
  display: block;
3204
3203
  margin-top: -0.5rem;
@@ -3213,8 +3212,8 @@ details.collapse summary {
3213
3212
  box-shadow: 2px 2px;
3214
3213
  pointer-events: none;
3215
3214
  }
3216
- :where(.menu li > details[open] > summary):after,
3217
- :where(.menu li > .menu-dropdown-toggle.menu-dropdown-show):after {
3215
+ .menu :where(li > details[open] > summary):after,
3216
+ .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
3218
3217
  transform: rotate(225deg);
3219
3218
  margin-top: 0;
3220
3219
  }