daisyui 2.34.1 → 2.35.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 (6) hide show
  1. package/README.md +1 -1
  2. package/dist/full.css +1 -1
  3. package/dist/styled.css +244 -0
  4. package/dist/styled.js +1 -1
  5. package/dist/styled.rtl.js +1 -1
  6. package/package.json +1 -1
package/dist/styled.css CHANGED
@@ -2114,6 +2114,98 @@
2114
2114
  background-color: hsl(var(--a) / var(--tw-bg-opacity));
2115
2115
  --tw-text-opacity: 1;
2116
2116
  color: hsl(var(--ac) / var(--tw-text-opacity));
2117
+ }
2118
+ .checkbox-success {
2119
+ --chkbg: var(--su);
2120
+ --chkfg: var(--suc);
2121
+ --tw-border-opacity: 1;
2122
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
2123
+ }
2124
+ .checkbox-success:hover {
2125
+ --tw-border-opacity: 1;
2126
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
2127
+ }
2128
+ .checkbox-success:focus-visible {
2129
+ outline: 2px solid hsl(var(--su));
2130
+ }
2131
+ .checkbox-success:checked,
2132
+ .checkbox-success[checked="true"],
2133
+ .checkbox-success[aria-checked=true] {
2134
+ --tw-border-opacity: 1;
2135
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
2136
+ --tw-bg-opacity: 1;
2137
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
2138
+ --tw-text-opacity: 1;
2139
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
2140
+ }
2141
+ .checkbox-warning {
2142
+ --chkbg: var(--wa);
2143
+ --chkfg: var(--wac);
2144
+ --tw-border-opacity: 1;
2145
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
2146
+ }
2147
+ .checkbox-warning:hover {
2148
+ --tw-border-opacity: 1;
2149
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
2150
+ }
2151
+ .checkbox-warning:focus-visible {
2152
+ outline: 2px solid hsl(var(--wa));
2153
+ }
2154
+ .checkbox-warning:checked,
2155
+ .checkbox-warning[checked="true"],
2156
+ .checkbox-warning[aria-checked=true] {
2157
+ --tw-border-opacity: 1;
2158
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
2159
+ --tw-bg-opacity: 1;
2160
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
2161
+ --tw-text-opacity: 1;
2162
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
2163
+ }
2164
+ .checkbox-info {
2165
+ --chkbg: var(--in);
2166
+ --chkfg: var(--inc);
2167
+ --tw-border-opacity: 1;
2168
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
2169
+ }
2170
+ .checkbox-info:hover {
2171
+ --tw-border-opacity: 1;
2172
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
2173
+ }
2174
+ .checkbox-info:focus-visible {
2175
+ outline: 2px solid hsl(var(--in));
2176
+ }
2177
+ .checkbox-info:checked,
2178
+ .checkbox-info[checked="true"],
2179
+ .checkbox-info[aria-checked=true] {
2180
+ --tw-border-opacity: 1;
2181
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
2182
+ --tw-bg-opacity: 1;
2183
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
2184
+ --tw-text-opacity: 1;
2185
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
2186
+ }
2187
+ .checkbox-error {
2188
+ --chkbg: var(--er);
2189
+ --chkfg: var(--erc);
2190
+ --tw-border-opacity: 1;
2191
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
2192
+ }
2193
+ .checkbox-error:hover {
2194
+ --tw-border-opacity: 1;
2195
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
2196
+ }
2197
+ .checkbox-error:focus-visible {
2198
+ outline: 2px solid hsl(var(--er));
2199
+ }
2200
+ .checkbox-error:checked,
2201
+ .checkbox-error[checked="true"],
2202
+ .checkbox-error[aria-checked=true] {
2203
+ --tw-border-opacity: 1;
2204
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
2205
+ --tw-bg-opacity: 1;
2206
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
2207
+ --tw-text-opacity: 1;
2208
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
2117
2209
  }
2118
2210
  .checkbox:disabled {
2119
2211
  cursor: not-allowed;
@@ -3358,6 +3450,90 @@
3358
3450
  background-color: hsl(var(--a) / var(--tw-bg-opacity));
3359
3451
  --tw-text-opacity: 1;
3360
3452
  color: hsl(var(--ac) / var(--tw-text-opacity));
3453
+ }
3454
+ .radio-success {
3455
+ --chkbg: var(--su);
3456
+ --tw-border-opacity: 1;
3457
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
3458
+ }
3459
+ .radio-success:hover {
3460
+ --tw-border-opacity: 1;
3461
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
3462
+ }
3463
+ .radio-success:focus-visible {
3464
+ outline: 2px solid hsl(var(--su));
3465
+ }
3466
+ .radio-success:checked,
3467
+ .radio-success[aria-checked=true] {
3468
+ --tw-border-opacity: 1;
3469
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
3470
+ --tw-bg-opacity: 1;
3471
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
3472
+ --tw-text-opacity: 1;
3473
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
3474
+ }
3475
+ .radio-warning {
3476
+ --chkbg: var(--wa);
3477
+ --tw-border-opacity: 1;
3478
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
3479
+ }
3480
+ .radio-warning:hover {
3481
+ --tw-border-opacity: 1;
3482
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
3483
+ }
3484
+ .radio-warning:focus-visible {
3485
+ outline: 2px solid hsl(var(--wa));
3486
+ }
3487
+ .radio-warning:checked,
3488
+ .radio-warning[aria-checked=true] {
3489
+ --tw-border-opacity: 1;
3490
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
3491
+ --tw-bg-opacity: 1;
3492
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
3493
+ --tw-text-opacity: 1;
3494
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
3495
+ }
3496
+ .radio-info {
3497
+ --chkbg: var(--in);
3498
+ --tw-border-opacity: 1;
3499
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
3500
+ }
3501
+ .radio-info:hover {
3502
+ --tw-border-opacity: 1;
3503
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
3504
+ }
3505
+ .radio-info:focus-visible {
3506
+ outline: 2px solid hsl(var(--in));
3507
+ }
3508
+ .radio-info:checked,
3509
+ .radio-info[aria-checked=true] {
3510
+ --tw-border-opacity: 1;
3511
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
3512
+ --tw-bg-opacity: 1;
3513
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
3514
+ --tw-text-opacity: 1;
3515
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
3516
+ }
3517
+ .radio-error {
3518
+ --chkbg: var(--er);
3519
+ --tw-border-opacity: 1;
3520
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
3521
+ }
3522
+ .radio-error:hover {
3523
+ --tw-border-opacity: 1;
3524
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
3525
+ }
3526
+ .radio-error:focus-visible {
3527
+ outline: 2px solid hsl(var(--er));
3528
+ }
3529
+ .radio-error:checked,
3530
+ .radio-error[aria-checked=true] {
3531
+ --tw-border-opacity: 1;
3532
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
3533
+ --tw-bg-opacity: 1;
3534
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
3535
+ --tw-text-opacity: 1;
3536
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
3361
3537
  }
3362
3538
  .radio:disabled {
3363
3539
  cursor: not-allowed;
@@ -3443,6 +3619,18 @@
3443
3619
  .range-accent {
3444
3620
  --range-shdw: var(--a);
3445
3621
  }
3622
+ .range-success {
3623
+ --range-shdw: var(--su);
3624
+ }
3625
+ .range-warning {
3626
+ --range-shdw: var(--wa);
3627
+ }
3628
+ .range-info {
3629
+ --range-shdw: var(--in);
3630
+ }
3631
+ .range-error {
3632
+ --range-shdw: var(--er);
3633
+ }
3446
3634
  .rating input {
3447
3635
  appearance: none;
3448
3636
  -webkit-appearance: none;
@@ -4202,6 +4390,62 @@
4202
4390
  --tw-text-opacity: 1;
4203
4391
  color: hsl(var(--ac) / var(--tw-text-opacity));
4204
4392
  }
4393
+ .toggle-success:focus-visible {
4394
+ outline: 2px solid hsl(var(--su));
4395
+ }
4396
+ .toggle-success:checked,
4397
+ .toggle-success[checked="true"],
4398
+ .toggle-success[aria-checked=true] {
4399
+ --chkbg: hsl(var(--su));
4400
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
4401
+ --tw-border-opacity: 0.1;
4402
+ --tw-bg-opacity: 1;
4403
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
4404
+ --tw-text-opacity: 1;
4405
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
4406
+ }
4407
+ .toggle-warning:focus-visible {
4408
+ outline: 2px solid hsl(var(--wa));
4409
+ }
4410
+ .toggle-warning:checked,
4411
+ .toggle-warning[checked="true"],
4412
+ .toggle-warning[aria-checked=true] {
4413
+ --chkbg: hsl(var(--wa));
4414
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
4415
+ --tw-border-opacity: 0.1;
4416
+ --tw-bg-opacity: 1;
4417
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
4418
+ --tw-text-opacity: 1;
4419
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
4420
+ }
4421
+ .toggle-info:focus-visible {
4422
+ outline: 2px solid hsl(var(--in));
4423
+ }
4424
+ .toggle-info:checked,
4425
+ .toggle-info[checked="true"],
4426
+ .toggle-info[aria-checked=true] {
4427
+ --chkbg: hsl(var(--in));
4428
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
4429
+ --tw-border-opacity: 0.1;
4430
+ --tw-bg-opacity: 1;
4431
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
4432
+ --tw-text-opacity: 1;
4433
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
4434
+ }
4435
+ .toggle-error:focus-visible {
4436
+ outline: 2px solid hsl(var(--er));
4437
+ }
4438
+ .toggle-error:checked,
4439
+ .toggle-error[checked="true"],
4440
+ .toggle-error[aria-checked=true] {
4441
+ --chkbg: hsl(var(--er));
4442
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
4443
+ --tw-border-opacity: 0.1;
4444
+ --tw-bg-opacity: 1;
4445
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
4446
+ --tw-text-opacity: 1;
4447
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
4448
+ }
4205
4449
  .toggle:disabled {
4206
4450
  cursor: not-allowed;
4207
4451
  border-color: transparent;