daisyui 2.34.0 → 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.
- package/README.md +1 -1
- package/dist/full.css +1 -1
- package/dist/styled.css +252 -8
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/package.json +5 -5
package/dist/styled.css
CHANGED
|
@@ -2032,7 +2032,7 @@
|
|
|
2032
2032
|
}
|
|
2033
2033
|
.checkbox:checked,
|
|
2034
2034
|
.checkbox[checked="true"],
|
|
2035
|
-
.checkbox[aria-checked=true] {
|
|
2035
|
+
.checkbox[aria-checked="true"] {
|
|
2036
2036
|
--tw-bg-opacity: 1;
|
|
2037
2037
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
2038
2038
|
background-repeat: no-repeat;
|
|
@@ -2061,7 +2061,7 @@
|
|
|
2061
2061
|
}
|
|
2062
2062
|
.checkbox-primary:checked,
|
|
2063
2063
|
.checkbox-primary[checked="true"],
|
|
2064
|
-
.checkbox-primary[aria-checked=true] {
|
|
2064
|
+
.checkbox-primary[aria-checked="true"] {
|
|
2065
2065
|
--tw-border-opacity: 1;
|
|
2066
2066
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2067
2067
|
--tw-bg-opacity: 1;
|
|
@@ -2084,7 +2084,7 @@
|
|
|
2084
2084
|
}
|
|
2085
2085
|
.checkbox-secondary:checked,
|
|
2086
2086
|
.checkbox-secondary[checked="true"],
|
|
2087
|
-
.checkbox-secondary[aria-checked=true] {
|
|
2087
|
+
.checkbox-secondary[aria-checked="true"] {
|
|
2088
2088
|
--tw-border-opacity: 1;
|
|
2089
2089
|
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
2090
2090
|
--tw-bg-opacity: 1;
|
|
@@ -2107,13 +2107,105 @@
|
|
|
2107
2107
|
}
|
|
2108
2108
|
.checkbox-accent:checked,
|
|
2109
2109
|
.checkbox-accent[checked="true"],
|
|
2110
|
-
.checkbox-accent[aria-checked=true] {
|
|
2110
|
+
.checkbox-accent[aria-checked="true"] {
|
|
2111
2111
|
--tw-border-opacity: 1;
|
|
2112
2112
|
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
2113
2113
|
--tw-bg-opacity: 1;
|
|
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;
|
|
@@ -2141,14 +2233,14 @@
|
|
|
2141
2233
|
display: none;
|
|
2142
2234
|
}
|
|
2143
2235
|
|
|
2144
|
-
|
|
2236
|
+
[dir="rtl"] .checkbox {
|
|
2145
2237
|
--chkbg: var(--bc);
|
|
2146
2238
|
--chkfg: var(--b1);
|
|
2147
2239
|
}
|
|
2148
2240
|
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2241
|
+
[dir="rtl"] .checkbox:checked,
|
|
2242
|
+
[dir="rtl"] .checkbox[checked="true"],
|
|
2243
|
+
[dir="rtl"] .checkbox[aria-checked="true"] {
|
|
2152
2244
|
background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
|
|
2153
2245
|
}
|
|
2154
2246
|
.collapse:focus-visible {
|
|
@@ -3358,6 +3450,90 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
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 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
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 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
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;
|