daisyui 2.32.0 → 2.34.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 +246 -1
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +41 -1
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/dist/utilities-unstyled.js +1 -1
- package/package.json +5 -5
package/dist/styled.css
CHANGED
|
@@ -273,8 +273,10 @@
|
|
|
273
273
|
.checkbox {
|
|
274
274
|
flex-shrink: 0
|
|
275
275
|
}
|
|
276
|
-
.collapse {
|
|
276
|
+
.collapse.collapse {
|
|
277
277
|
visibility: visible;
|
|
278
|
+
}
|
|
279
|
+
.collapse {
|
|
278
280
|
position: relative;
|
|
279
281
|
display: grid;
|
|
280
282
|
overflow: hidden;
|
|
@@ -576,6 +578,44 @@
|
|
|
576
578
|
visibility: visible;
|
|
577
579
|
opacity: 1
|
|
578
580
|
}
|
|
581
|
+
.file-input {
|
|
582
|
+
height: 3rem;
|
|
583
|
+
flex-shrink: 1;
|
|
584
|
+
padding-right: 1rem;
|
|
585
|
+
font-size: 0.875rem;
|
|
586
|
+
line-height: 1.25rem;
|
|
587
|
+
line-height: 2;
|
|
588
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
589
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
590
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
591
|
+
transition-duration: 200ms;
|
|
592
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
593
|
+
}
|
|
594
|
+
.file-input::file-selector-button {
|
|
595
|
+
margin-right: 1rem;
|
|
596
|
+
display: inline-flex;
|
|
597
|
+
height: 2.875rem;
|
|
598
|
+
min-height: 2.875rem;
|
|
599
|
+
flex-shrink: 0;
|
|
600
|
+
cursor: pointer;
|
|
601
|
+
-webkit-user-select: none;
|
|
602
|
+
user-select: none;
|
|
603
|
+
flex-wrap: wrap;
|
|
604
|
+
align-items: center;
|
|
605
|
+
justify-content: center;
|
|
606
|
+
border-color: transparent;
|
|
607
|
+
padding-left: 1rem;
|
|
608
|
+
padding-right: 1rem;
|
|
609
|
+
text-align: center;
|
|
610
|
+
font-size: 0.875rem;
|
|
611
|
+
line-height: 1.25rem;
|
|
612
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
613
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
614
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
615
|
+
transition-duration: 200ms;
|
|
616
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
617
|
+
line-height: 1em
|
|
618
|
+
}
|
|
579
619
|
.footer {
|
|
580
620
|
display: grid;
|
|
581
621
|
width: 100%;
|
|
@@ -2316,6 +2356,179 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2316
2356
|
--tw-scale-y: 1;
|
|
2317
2357
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
2318
2358
|
}
|
|
2359
|
+
.file-input {
|
|
2360
|
+
border-width: 1px;
|
|
2361
|
+
border-color: hsl(var(--bc) / var(--tw-border-opacity));
|
|
2362
|
+
--tw-border-opacity: 0;
|
|
2363
|
+
--tw-bg-opacity: 1;
|
|
2364
|
+
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
2365
|
+
font-size: 1rem;
|
|
2366
|
+
line-height: 1.5rem;
|
|
2367
|
+
border-radius: var(--rounded-btn, 0.5rem);
|
|
2368
|
+
}
|
|
2369
|
+
.file-input::file-selector-button {
|
|
2370
|
+
--tw-border-opacity: 1;
|
|
2371
|
+
border-color: hsl(var(--n) / var(--tw-border-opacity));
|
|
2372
|
+
--tw-bg-opacity: 1;
|
|
2373
|
+
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
2374
|
+
font-weight: 600;
|
|
2375
|
+
text-transform: uppercase;
|
|
2376
|
+
--tw-text-opacity: 1;
|
|
2377
|
+
color: hsl(var(--nc) / var(--tw-text-opacity));
|
|
2378
|
+
-webkit-text-decoration-line: none;
|
|
2379
|
+
text-decoration-line: none;
|
|
2380
|
+
border-width: var(--border-btn, 1px);
|
|
2381
|
+
animation: button-pop var(--animation-btn, 0.25s) ease-out;
|
|
2382
|
+
text-transform: var(--btn-text-case, uppercase);
|
|
2383
|
+
}
|
|
2384
|
+
.file-input-bordered {
|
|
2385
|
+
--tw-border-opacity: 0.2;
|
|
2386
|
+
}
|
|
2387
|
+
.file-input:focus {
|
|
2388
|
+
outline: 2px solid hsla(var(--bc) / 0.2);
|
|
2389
|
+
outline-offset: 2px;
|
|
2390
|
+
}
|
|
2391
|
+
.file-input-ghost {
|
|
2392
|
+
--tw-bg-opacity: 0.05;
|
|
2393
|
+
}
|
|
2394
|
+
.file-input-ghost:focus {
|
|
2395
|
+
--tw-bg-opacity: 1;
|
|
2396
|
+
--tw-text-opacity: 1;
|
|
2397
|
+
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
2398
|
+
box-shadow: none;
|
|
2399
|
+
}
|
|
2400
|
+
.file-input-ghost::file-selector-button {
|
|
2401
|
+
border-width: 1px;
|
|
2402
|
+
border-color: transparent;
|
|
2403
|
+
background-color: transparent;
|
|
2404
|
+
color: currentColor;
|
|
2405
|
+
}
|
|
2406
|
+
.file-input-primary {
|
|
2407
|
+
--tw-border-opacity: 1;
|
|
2408
|
+
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2409
|
+
}
|
|
2410
|
+
.file-input-primary:focus {
|
|
2411
|
+
outline: 2px solid hsl(var(--p));
|
|
2412
|
+
}
|
|
2413
|
+
.file-input-primary::file-selector-button {
|
|
2414
|
+
--tw-border-opacity: 1;
|
|
2415
|
+
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2416
|
+
--tw-bg-opacity: 1;
|
|
2417
|
+
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
2418
|
+
--tw-text-opacity: 1;
|
|
2419
|
+
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
2420
|
+
}
|
|
2421
|
+
.file-input-secondary {
|
|
2422
|
+
--tw-border-opacity: 1;
|
|
2423
|
+
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
2424
|
+
}
|
|
2425
|
+
.file-input-secondary:focus {
|
|
2426
|
+
outline: 2px solid hsl(var(--s));
|
|
2427
|
+
}
|
|
2428
|
+
.file-input-secondary::file-selector-button {
|
|
2429
|
+
--tw-border-opacity: 1;
|
|
2430
|
+
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
2431
|
+
--tw-bg-opacity: 1;
|
|
2432
|
+
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
2433
|
+
--tw-text-opacity: 1;
|
|
2434
|
+
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
2435
|
+
}
|
|
2436
|
+
.file-input-accent {
|
|
2437
|
+
--tw-border-opacity: 1;
|
|
2438
|
+
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
2439
|
+
}
|
|
2440
|
+
.file-input-accent:focus {
|
|
2441
|
+
outline: 2px solid hsl(var(--a));
|
|
2442
|
+
}
|
|
2443
|
+
.file-input-accent::file-selector-button {
|
|
2444
|
+
--tw-border-opacity: 1;
|
|
2445
|
+
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
2446
|
+
--tw-bg-opacity: 1;
|
|
2447
|
+
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
2448
|
+
--tw-text-opacity: 1;
|
|
2449
|
+
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
2450
|
+
}
|
|
2451
|
+
.file-input-info {
|
|
2452
|
+
--tw-border-opacity: 1;
|
|
2453
|
+
border-color: hsl(var(--in) / var(--tw-border-opacity));
|
|
2454
|
+
}
|
|
2455
|
+
.file-input-info:focus {
|
|
2456
|
+
outline: 2px solid hsl(var(--in));
|
|
2457
|
+
}
|
|
2458
|
+
.file-input-info::file-selector-button {
|
|
2459
|
+
--tw-border-opacity: 1;
|
|
2460
|
+
border-color: hsl(var(--in) / var(--tw-border-opacity));
|
|
2461
|
+
--tw-bg-opacity: 1;
|
|
2462
|
+
background-color: hsl(var(--in) / var(--tw-bg-opacity));
|
|
2463
|
+
--tw-text-opacity: 1;
|
|
2464
|
+
color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
|
|
2465
|
+
}
|
|
2466
|
+
.file-input-success {
|
|
2467
|
+
--tw-border-opacity: 1;
|
|
2468
|
+
border-color: hsl(var(--su) / var(--tw-border-opacity));
|
|
2469
|
+
}
|
|
2470
|
+
.file-input-success:focus {
|
|
2471
|
+
outline: 2px solid hsl(var(--su));
|
|
2472
|
+
}
|
|
2473
|
+
.file-input-success::file-selector-button {
|
|
2474
|
+
--tw-border-opacity: 1;
|
|
2475
|
+
border-color: hsl(var(--su) / var(--tw-border-opacity));
|
|
2476
|
+
--tw-bg-opacity: 1;
|
|
2477
|
+
background-color: hsl(var(--su) / var(--tw-bg-opacity));
|
|
2478
|
+
--tw-text-opacity: 1;
|
|
2479
|
+
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
|
|
2480
|
+
}
|
|
2481
|
+
.file-input-warning {
|
|
2482
|
+
--tw-border-opacity: 1;
|
|
2483
|
+
border-color: hsl(var(--wa) / var(--tw-border-opacity));
|
|
2484
|
+
}
|
|
2485
|
+
.file-input-warning:focus {
|
|
2486
|
+
outline: 2px solid hsl(var(--wa));
|
|
2487
|
+
}
|
|
2488
|
+
.file-input-warning::file-selector-button {
|
|
2489
|
+
--tw-border-opacity: 1;
|
|
2490
|
+
border-color: hsl(var(--wa) / var(--tw-border-opacity));
|
|
2491
|
+
--tw-bg-opacity: 1;
|
|
2492
|
+
background-color: hsl(var(--wa) / var(--tw-bg-opacity));
|
|
2493
|
+
--tw-text-opacity: 1;
|
|
2494
|
+
color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
|
|
2495
|
+
}
|
|
2496
|
+
.file-input-error {
|
|
2497
|
+
--tw-border-opacity: 1;
|
|
2498
|
+
border-color: hsl(var(--er) / var(--tw-border-opacity));
|
|
2499
|
+
}
|
|
2500
|
+
.file-input-error:focus {
|
|
2501
|
+
outline: 2px solid hsl(var(--er));
|
|
2502
|
+
}
|
|
2503
|
+
.file-input-error::file-selector-button {
|
|
2504
|
+
--tw-border-opacity: 1;
|
|
2505
|
+
border-color: hsl(var(--er) / var(--tw-border-opacity));
|
|
2506
|
+
--tw-bg-opacity: 1;
|
|
2507
|
+
background-color: hsl(var(--er) / var(--tw-bg-opacity));
|
|
2508
|
+
--tw-text-opacity: 1;
|
|
2509
|
+
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
|
|
2510
|
+
}
|
|
2511
|
+
.file-input-disabled,
|
|
2512
|
+
.file-input[disabled] {
|
|
2513
|
+
cursor: not-allowed;
|
|
2514
|
+
--tw-border-opacity: 1;
|
|
2515
|
+
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
2516
|
+
--tw-bg-opacity: 1;
|
|
2517
|
+
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
2518
|
+
--tw-text-opacity: 0.2;
|
|
2519
|
+
}
|
|
2520
|
+
.file-input-disabled::placeholder,
|
|
2521
|
+
.file-input[disabled]::placeholder {
|
|
2522
|
+
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
|
|
2523
|
+
--tw-placeholder-opacity: 0.2;
|
|
2524
|
+
}
|
|
2525
|
+
.file-input-disabled::file-selector-button, .file-input[disabled]::file-selector-button {
|
|
2526
|
+
--tw-border-opacity: 0;
|
|
2527
|
+
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
2528
|
+
--tw-bg-opacity: 0.2;
|
|
2529
|
+
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
2530
|
+
--tw-text-opacity: 0.2;
|
|
2531
|
+
}
|
|
2319
2532
|
.footer {
|
|
2320
2533
|
row-gap: 2.5rem;
|
|
2321
2534
|
column-gap: 1rem;
|
|
@@ -2501,6 +2714,38 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2501
2714
|
.link-neutral:hover {
|
|
2502
2715
|
--tw-text-opacity: 1;
|
|
2503
2716
|
color: hsl(var(--nf, var(--n)) / var(--tw-text-opacity));
|
|
2717
|
+
}
|
|
2718
|
+
.link-success {
|
|
2719
|
+
--tw-text-opacity: 1;
|
|
2720
|
+
color: hsl(var(--su) / var(--tw-text-opacity));
|
|
2721
|
+
}
|
|
2722
|
+
.link-success:hover {
|
|
2723
|
+
--tw-text-opacity: 1;
|
|
2724
|
+
color: hsl(var(--su) / var(--tw-text-opacity));
|
|
2725
|
+
}
|
|
2726
|
+
.link-info {
|
|
2727
|
+
--tw-text-opacity: 1;
|
|
2728
|
+
color: hsl(var(--in) / var(--tw-text-opacity));
|
|
2729
|
+
}
|
|
2730
|
+
.link-info:hover {
|
|
2731
|
+
--tw-text-opacity: 1;
|
|
2732
|
+
color: hsl(var(--in) / var(--tw-text-opacity));
|
|
2733
|
+
}
|
|
2734
|
+
.link-warning {
|
|
2735
|
+
--tw-text-opacity: 1;
|
|
2736
|
+
color: hsl(var(--wa) / var(--tw-text-opacity));
|
|
2737
|
+
}
|
|
2738
|
+
.link-warning:hover {
|
|
2739
|
+
--tw-text-opacity: 1;
|
|
2740
|
+
color: hsl(var(--wa) / var(--tw-text-opacity));
|
|
2741
|
+
}
|
|
2742
|
+
.link-error {
|
|
2743
|
+
--tw-text-opacity: 1;
|
|
2744
|
+
color: hsl(var(--er) / var(--tw-text-opacity));
|
|
2745
|
+
}
|
|
2746
|
+
.link-error:hover {
|
|
2747
|
+
--tw-text-opacity: 1;
|
|
2748
|
+
color: hsl(var(--er) / var(--tw-text-opacity));
|
|
2504
2749
|
}
|
|
2505
2750
|
.link:focus {
|
|
2506
2751
|
outline: 2px solid transparent;
|