daisyui 2.34.1 → 2.36.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 +257 -2
  4. package/dist/styled.js +1 -1
  5. package/dist/styled.rtl.js +1 -1
  6. package/dist/unstyled.css +7 -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
@@ -559,6 +559,10 @@
559
559
  top: 0px;
560
560
  bottom: auto
561
561
  }
562
+ .dropdown-bottom .dropdown-content {
563
+ bottom: auto;
564
+ top: 100%
565
+ }
562
566
  .dropdown-top .dropdown-content {
563
567
  bottom: 100%;
564
568
  top: auto
@@ -1203,12 +1207,14 @@
1203
1207
  position: absolute;
1204
1208
  pointer-events: none;
1205
1209
  content: attr(data-tip);
1210
+ }
1211
+ .tooltip:before, .tooltip-top:before {
1206
1212
  transform: translateX(-50%);
1207
1213
  top: auto;
1208
1214
  left: 50%;
1209
1215
  right: auto;
1210
1216
  bottom: var(--tooltip-offset);
1211
- }
1217
+ }
1212
1218
  .tooltip-bottom:before {
1213
1219
  transform: translateX(-50%);
1214
1220
  top: var(--tooltip-offset);
@@ -2114,6 +2120,98 @@
2114
2120
  background-color: hsl(var(--a) / var(--tw-bg-opacity));
2115
2121
  --tw-text-opacity: 1;
2116
2122
  color: hsl(var(--ac) / var(--tw-text-opacity));
2123
+ }
2124
+ .checkbox-success {
2125
+ --chkbg: var(--su);
2126
+ --chkfg: var(--suc);
2127
+ --tw-border-opacity: 1;
2128
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
2129
+ }
2130
+ .checkbox-success:hover {
2131
+ --tw-border-opacity: 1;
2132
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
2133
+ }
2134
+ .checkbox-success:focus-visible {
2135
+ outline: 2px solid hsl(var(--su));
2136
+ }
2137
+ .checkbox-success:checked,
2138
+ .checkbox-success[checked="true"],
2139
+ .checkbox-success[aria-checked=true] {
2140
+ --tw-border-opacity: 1;
2141
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
2142
+ --tw-bg-opacity: 1;
2143
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
2144
+ --tw-text-opacity: 1;
2145
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
2146
+ }
2147
+ .checkbox-warning {
2148
+ --chkbg: var(--wa);
2149
+ --chkfg: var(--wac);
2150
+ --tw-border-opacity: 1;
2151
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
2152
+ }
2153
+ .checkbox-warning:hover {
2154
+ --tw-border-opacity: 1;
2155
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
2156
+ }
2157
+ .checkbox-warning:focus-visible {
2158
+ outline: 2px solid hsl(var(--wa));
2159
+ }
2160
+ .checkbox-warning:checked,
2161
+ .checkbox-warning[checked="true"],
2162
+ .checkbox-warning[aria-checked=true] {
2163
+ --tw-border-opacity: 1;
2164
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
2165
+ --tw-bg-opacity: 1;
2166
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
2167
+ --tw-text-opacity: 1;
2168
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
2169
+ }
2170
+ .checkbox-info {
2171
+ --chkbg: var(--in);
2172
+ --chkfg: var(--inc);
2173
+ --tw-border-opacity: 1;
2174
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
2175
+ }
2176
+ .checkbox-info:hover {
2177
+ --tw-border-opacity: 1;
2178
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
2179
+ }
2180
+ .checkbox-info:focus-visible {
2181
+ outline: 2px solid hsl(var(--in));
2182
+ }
2183
+ .checkbox-info:checked,
2184
+ .checkbox-info[checked="true"],
2185
+ .checkbox-info[aria-checked=true] {
2186
+ --tw-border-opacity: 1;
2187
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
2188
+ --tw-bg-opacity: 1;
2189
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
2190
+ --tw-text-opacity: 1;
2191
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
2192
+ }
2193
+ .checkbox-error {
2194
+ --chkbg: var(--er);
2195
+ --chkfg: var(--erc);
2196
+ --tw-border-opacity: 1;
2197
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
2198
+ }
2199
+ .checkbox-error:hover {
2200
+ --tw-border-opacity: 1;
2201
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
2202
+ }
2203
+ .checkbox-error:focus-visible {
2204
+ outline: 2px solid hsl(var(--er));
2205
+ }
2206
+ .checkbox-error:checked,
2207
+ .checkbox-error[checked="true"],
2208
+ .checkbox-error[aria-checked=true] {
2209
+ --tw-border-opacity: 1;
2210
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
2211
+ --tw-bg-opacity: 1;
2212
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
2213
+ --tw-text-opacity: 1;
2214
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
2117
2215
  }
2118
2216
  .checkbox:disabled {
2119
2217
  cursor: not-allowed;
@@ -2339,6 +2437,9 @@
2339
2437
  transition-duration: 200ms;
2340
2438
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
2341
2439
  }
2440
+ .dropdown-bottom .dropdown-content {
2441
+ transform-origin: top
2442
+ }
2342
2443
  .dropdown-top .dropdown-content {
2343
2444
  transform-origin: bottom
2344
2445
  }
@@ -3358,6 +3459,90 @@
3358
3459
  background-color: hsl(var(--a) / var(--tw-bg-opacity));
3359
3460
  --tw-text-opacity: 1;
3360
3461
  color: hsl(var(--ac) / var(--tw-text-opacity));
3462
+ }
3463
+ .radio-success {
3464
+ --chkbg: var(--su);
3465
+ --tw-border-opacity: 1;
3466
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
3467
+ }
3468
+ .radio-success:hover {
3469
+ --tw-border-opacity: 1;
3470
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
3471
+ }
3472
+ .radio-success:focus-visible {
3473
+ outline: 2px solid hsl(var(--su));
3474
+ }
3475
+ .radio-success:checked,
3476
+ .radio-success[aria-checked=true] {
3477
+ --tw-border-opacity: 1;
3478
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
3479
+ --tw-bg-opacity: 1;
3480
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
3481
+ --tw-text-opacity: 1;
3482
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
3483
+ }
3484
+ .radio-warning {
3485
+ --chkbg: var(--wa);
3486
+ --tw-border-opacity: 1;
3487
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
3488
+ }
3489
+ .radio-warning:hover {
3490
+ --tw-border-opacity: 1;
3491
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
3492
+ }
3493
+ .radio-warning:focus-visible {
3494
+ outline: 2px solid hsl(var(--wa));
3495
+ }
3496
+ .radio-warning:checked,
3497
+ .radio-warning[aria-checked=true] {
3498
+ --tw-border-opacity: 1;
3499
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
3500
+ --tw-bg-opacity: 1;
3501
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
3502
+ --tw-text-opacity: 1;
3503
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
3504
+ }
3505
+ .radio-info {
3506
+ --chkbg: var(--in);
3507
+ --tw-border-opacity: 1;
3508
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
3509
+ }
3510
+ .radio-info:hover {
3511
+ --tw-border-opacity: 1;
3512
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
3513
+ }
3514
+ .radio-info:focus-visible {
3515
+ outline: 2px solid hsl(var(--in));
3516
+ }
3517
+ .radio-info:checked,
3518
+ .radio-info[aria-checked=true] {
3519
+ --tw-border-opacity: 1;
3520
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
3521
+ --tw-bg-opacity: 1;
3522
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
3523
+ --tw-text-opacity: 1;
3524
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
3525
+ }
3526
+ .radio-error {
3527
+ --chkbg: var(--er);
3528
+ --tw-border-opacity: 1;
3529
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
3530
+ }
3531
+ .radio-error:hover {
3532
+ --tw-border-opacity: 1;
3533
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
3534
+ }
3535
+ .radio-error:focus-visible {
3536
+ outline: 2px solid hsl(var(--er));
3537
+ }
3538
+ .radio-error:checked,
3539
+ .radio-error[aria-checked=true] {
3540
+ --tw-border-opacity: 1;
3541
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
3542
+ --tw-bg-opacity: 1;
3543
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
3544
+ --tw-text-opacity: 1;
3545
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
3361
3546
  }
3362
3547
  .radio:disabled {
3363
3548
  cursor: not-allowed;
@@ -3443,6 +3628,18 @@
3443
3628
  .range-accent {
3444
3629
  --range-shdw: var(--a);
3445
3630
  }
3631
+ .range-success {
3632
+ --range-shdw: var(--su);
3633
+ }
3634
+ .range-warning {
3635
+ --range-shdw: var(--wa);
3636
+ }
3637
+ .range-info {
3638
+ --range-shdw: var(--in);
3639
+ }
3640
+ .range-error {
3641
+ --range-shdw: var(--er);
3642
+ }
3446
3643
  .rating input {
3447
3644
  appearance: none;
3448
3645
  -webkit-appearance: none;
@@ -4202,6 +4399,62 @@
4202
4399
  --tw-text-opacity: 1;
4203
4400
  color: hsl(var(--ac) / var(--tw-text-opacity));
4204
4401
  }
4402
+ .toggle-success:focus-visible {
4403
+ outline: 2px solid hsl(var(--su));
4404
+ }
4405
+ .toggle-success:checked,
4406
+ .toggle-success[checked="true"],
4407
+ .toggle-success[aria-checked=true] {
4408
+ --chkbg: hsl(var(--su));
4409
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
4410
+ --tw-border-opacity: 0.1;
4411
+ --tw-bg-opacity: 1;
4412
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
4413
+ --tw-text-opacity: 1;
4414
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
4415
+ }
4416
+ .toggle-warning:focus-visible {
4417
+ outline: 2px solid hsl(var(--wa));
4418
+ }
4419
+ .toggle-warning:checked,
4420
+ .toggle-warning[checked="true"],
4421
+ .toggle-warning[aria-checked=true] {
4422
+ --chkbg: hsl(var(--wa));
4423
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
4424
+ --tw-border-opacity: 0.1;
4425
+ --tw-bg-opacity: 1;
4426
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
4427
+ --tw-text-opacity: 1;
4428
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
4429
+ }
4430
+ .toggle-info:focus-visible {
4431
+ outline: 2px solid hsl(var(--in));
4432
+ }
4433
+ .toggle-info:checked,
4434
+ .toggle-info[checked="true"],
4435
+ .toggle-info[aria-checked=true] {
4436
+ --chkbg: hsl(var(--in));
4437
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
4438
+ --tw-border-opacity: 0.1;
4439
+ --tw-bg-opacity: 1;
4440
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
4441
+ --tw-text-opacity: 1;
4442
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
4443
+ }
4444
+ .toggle-error:focus-visible {
4445
+ outline: 2px solid hsl(var(--er));
4446
+ }
4447
+ .toggle-error:checked,
4448
+ .toggle-error[checked="true"],
4449
+ .toggle-error[aria-checked=true] {
4450
+ --chkbg: hsl(var(--er));
4451
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
4452
+ --tw-border-opacity: 0.1;
4453
+ --tw-bg-opacity: 1;
4454
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
4455
+ --tw-text-opacity: 1;
4456
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
4457
+ }
4205
4458
  .toggle:disabled {
4206
4459
  cursor: not-allowed;
4207
4460
  border-color: transparent;
@@ -4264,13 +4517,15 @@
4264
4517
  height: 0;
4265
4518
  display: block;
4266
4519
  position: absolute;
4520
+ }
4521
+ .tooltip:after, .tooltip-top:after {
4267
4522
  transform: translateX(-50%);
4268
4523
  border-color: var(--tooltip-color) transparent transparent transparent;
4269
4524
  top: auto;
4270
4525
  left: 50%;
4271
4526
  right: auto;
4272
4527
  bottom: var(--tooltip-tail-offset);
4273
- }
4528
+ }
4274
4529
  .tooltip-bottom:after {
4275
4530
  transform: translateX(-50%);
4276
4531
  border-color: transparent transparent var(--tooltip-color) transparent;