daisyui 2.6.2 → 2.7.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 (9) hide show
  1. package/README.md +1 -1
  2. package/dist/full.css +1 -1
  3. package/dist/styled.css +43 -40
  4. package/dist/styled.js +1 -1
  5. package/dist/styled.rtl.js +1 -1
  6. package/dist/unstyled.css +3 -1
  7. package/dist/unstyled.js +1 -1
  8. package/dist/unstyled.rtl.js +1 -1
  9. package/package.json +1 -1
package/dist/styled.css CHANGED
@@ -249,6 +249,7 @@
249
249
  scroll-snap-align: end;
250
250
  }
251
251
  .checkbox {
252
+ flex-shrink: 0
252
253
  }
253
254
  .collapse {
254
255
  position: relative;
@@ -889,6 +890,7 @@
889
890
  transform: rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));
890
891
  }
891
892
  .radio {
893
+ flex-shrink: 0
892
894
  }
893
895
  .range {
894
896
  height: 1.5rem;
@@ -1100,7 +1102,7 @@
1100
1102
  min-height: 3rem
1101
1103
  }
1102
1104
  .toggle {
1103
- flex-shrink: 0;
1105
+ flex-shrink: 0
1104
1106
  }
1105
1107
  .tooltip {
1106
1108
  position: relative;
@@ -2025,7 +2027,8 @@ body[dir="rtl"] .checkbox:checked,
2025
2027
  .divider {
2026
2028
  margin-top: 1rem;
2027
2029
  margin-bottom: 1rem;
2028
- height: 1rem
2030
+ height: 1rem;
2031
+ white-space: nowrap
2029
2032
  }
2030
2033
  .divider:before {
2031
2034
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
@@ -2179,93 +2182,93 @@ body[dir="rtl"] .checkbox:checked,
2179
2182
  padding: 1rem
2180
2183
  }
2181
2184
  .input {
2182
- border-width: 1px;
2183
- border-color: hsl(var(--bc) / var(--tw-border-opacity));
2184
- --tw-border-opacity: 0;
2185
- --tw-bg-opacity: 1;
2186
- background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2187
- border-radius: var(--rounded-btn, 0.5rem);
2185
+ border-width: 1px;
2186
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
2187
+ --tw-border-opacity: 0;
2188
+ --tw-bg-opacity: 1;
2189
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2190
+ border-radius: var(--rounded-btn, 0.5rem);
2191
+ /* &::-webkit-calendar-picker-indicator {
2192
+ display: none;
2193
+ } */
2188
2194
  }
2189
2195
  .input-bordered {
2190
- --tw-border-opacity: 0.2;
2196
+ --tw-border-opacity: 0.2;
2191
2197
  }
2192
2198
  .input:focus {
2193
2199
  outline: 2px solid hsla(var(--bc) / 0.2);
2194
2200
  outline-offset: 2px;
2195
2201
  }
2196
2202
  .input-ghost {
2197
- --tw-bg-opacity: 0.05;
2203
+ --tw-bg-opacity: 0.05;
2198
2204
  }
2199
2205
  .input-ghost:focus {
2200
- --tw-bg-opacity: 1;
2201
- --tw-text-opacity: 1;
2202
- color: hsl(var(--bc) / var(--tw-text-opacity));
2206
+ --tw-bg-opacity: 1;
2207
+ --tw-text-opacity: 1;
2208
+ color: hsl(var(--bc) / var(--tw-text-opacity));
2203
2209
  box-shadow: none;
2204
2210
  }
2205
2211
  .input-primary {
2206
- --tw-border-opacity: 1;
2207
- border-color: hsl(var(--p) / var(--tw-border-opacity));
2212
+ --tw-border-opacity: 1;
2213
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
2208
2214
  }
2209
2215
  .input-primary:focus {
2210
2216
  outline: 2px solid hsl(var(--p));
2211
2217
  }
2212
2218
  .input-secondary {
2213
- --tw-border-opacity: 1;
2214
- border-color: hsl(var(--s) / var(--tw-border-opacity));
2219
+ --tw-border-opacity: 1;
2220
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
2215
2221
  }
2216
2222
  .input-secondary:focus {
2217
2223
  outline: 2px solid hsl(var(--s));
2218
2224
  }
2219
2225
  .input-accent {
2220
- --tw-border-opacity: 1;
2221
- border-color: hsl(var(--a) / var(--tw-border-opacity));
2226
+ --tw-border-opacity: 1;
2227
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
2222
2228
  }
2223
2229
  .input-accent:focus {
2224
2230
  outline: 2px solid hsl(var(--a));
2225
2231
  }
2226
2232
  .input-info {
2227
- --tw-border-opacity: 1;
2228
- border-color: hsl(var(--in) / var(--tw-border-opacity));
2233
+ --tw-border-opacity: 1;
2234
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
2229
2235
  }
2230
2236
  .input-info:focus {
2231
2237
  outline: 2px solid hsl(var(--in));
2232
2238
  }
2233
2239
  .input-success {
2234
- --tw-border-opacity: 1;
2235
- border-color: hsl(var(--su) / var(--tw-border-opacity));
2240
+ --tw-border-opacity: 1;
2241
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
2236
2242
  }
2237
2243
  .input-success:focus {
2238
2244
  outline: 2px solid hsl(var(--su));
2239
2245
  }
2240
2246
  .input-warning {
2241
- --tw-border-opacity: 1;
2242
- border-color: hsl(var(--wa) / var(--tw-border-opacity));
2247
+ --tw-border-opacity: 1;
2248
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
2243
2249
  }
2244
2250
  .input-warning:focus {
2245
2251
  outline: 2px solid hsl(var(--wa));
2246
2252
  }
2247
2253
  .input-error {
2248
- --tw-border-opacity: 1;
2249
- border-color: hsl(var(--er) / var(--tw-border-opacity));
2254
+ --tw-border-opacity: 1;
2255
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
2250
2256
  }
2251
2257
  .input-error:focus {
2252
2258
  outline: 2px solid hsl(var(--er));
2253
2259
  }
2254
2260
  .input-disabled, .input[disabled] {
2255
- cursor: not-allowed;
2256
- --tw-border-opacity: 1;
2257
- border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
2258
- --tw-bg-opacity: 1;
2259
- background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
2260
- --tw-text-opacity: 0.2;
2261
+ cursor: not-allowed;
2262
+ --tw-border-opacity: 1;
2263
+ border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
2264
+ --tw-bg-opacity: 1;
2265
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
2266
+ --tw-text-opacity: 0.2;
2261
2267
  }
2262
2268
  .input-disabled::placeholder, .input[disabled]::placeholder {
2263
- color: hsl(var(--bc) / var(--tw-placeholder-opacity));
2264
- --tw-placeholder-opacity: 0.2;
2269
+ color: hsl(var(--bc) / var(--tw-placeholder-opacity));
2270
+ --tw-placeholder-opacity: 0.2;
2265
2271
  }
2266
- .input::-webkit-calendar-picker-indicator {
2267
- display: none;
2268
- }
2269
2272
  .kbd {
2270
2273
  border-width: 1px;
2271
2274
  border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
@@ -2401,7 +2404,7 @@ body[dir="rtl"] .checkbox:checked,
2401
2404
  --tw-border-opacity: 1;
2402
2405
  border-color: hsl(var(--p) / var(--tw-border-opacity));
2403
2406
  }
2404
- .menu[class*="p-"] li *, .menu[class*="p-"] li button {
2407
+ .menu[class*="p-"] li > * {
2405
2408
  border-radius: var(--rounded-btn, 0.5rem);
2406
2409
  }
2407
2410
  .menu :where(li.bordered > *) {
@@ -2556,7 +2559,7 @@ body[dir="rtl"] .checkbox:checked,
2556
2559
  border-bottom-left-radius: inherit;
2557
2560
  }
2558
2561
  .mockup-code {
2559
- min-width: 20rem;
2562
+ min-width: 18rem;
2560
2563
  --tw-bg-opacity: 1;
2561
2564
  background-color: hsl(var(--n) / var(--tw-bg-opacity));
2562
2565
  padding-top: 1.25rem;