daisyui 2.10.0 → 2.12.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 (14) hide show
  1. package/README.md +1 -1
  2. package/dist/base.js +1 -1
  3. package/dist/full.css +1 -1
  4. package/dist/styled.css +299 -194
  5. package/dist/styled.js +1 -1
  6. package/dist/styled.rtl.js +1 -1
  7. package/dist/themes.css +4 -4
  8. package/dist/unstyled.css +145 -124
  9. package/dist/unstyled.js +1 -1
  10. package/dist/unstyled.rtl.js +1 -1
  11. package/dist/utilities-styled.js +1 -1
  12. package/dist/utilities-unstyled.js +1 -1
  13. package/package.json +1 -1
  14. package/src/colors/themes.js +2 -2
package/dist/styled.css CHANGED
@@ -289,6 +289,7 @@
289
289
  overflow-y: hidden;
290
290
  }
291
291
  .countdown > *:before {
292
+ z-index: -1;
292
293
  position: relative;
293
294
  content: "00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
294
295
  white-space: pre;
@@ -308,140 +309,203 @@
308
309
  width: 100%;
309
310
  }
310
311
  .drawer {
311
- display: grid;
312
- overflow: hidden;
312
+
313
+ display: grid;
314
+
315
+ width: 100%;
316
+
317
+ overflow: hidden;
318
+
319
+ height: 100vh;
320
+ height: 100svh;
313
321
  }
314
- /* max-height: 100vh; */
322
+
315
323
  .drawer.drawer-end {
316
324
  direction: rtl;
317
325
  }
326
+
318
327
  .drawer.drawer-end > * {
319
328
  direction: ltr;
320
329
  }
330
+
321
331
  .drawer.drawer-end .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
322
- --tw-translate-x: 100%;
323
- 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));
324
- justify-self: end;
332
+
333
+ --tw-translate-x: 100%;
334
+
335
+ 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));
336
+
337
+ justify-self: end;
325
338
  }
339
+
326
340
  .drawer.drawer-end .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
327
- --tw-translate-x: 0px;
328
- 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));
341
+
342
+ --tw-translate-x: 0px;
343
+
344
+ 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));
345
+ }
346
+ :where(.drawer-toggle ~ .drawer-content) {
347
+ height: inherit;
329
348
  }
330
349
  .drawer-toggle {
331
- position: absolute;
332
- height: 0px;
333
- width: 0px;
334
- -webkit-appearance: none;
335
- appearance: none;
336
- opacity: 0;
350
+
351
+ position: absolute;
352
+
353
+ height: 0px;
354
+
355
+ width: 0px;
356
+
357
+ -webkit-appearance: none;
358
+
359
+ appearance: none;
360
+
361
+ opacity: 0;
337
362
  }
338
363
  .drawer-toggle ~ .drawer-content {
339
- z-index: 0;
340
- grid-column-start: 1;
341
- grid-row-start: 1;
342
- max-height: 100vh;
343
- overflow-y: auto;
364
+
365
+ z-index: 0;
366
+
367
+ grid-column-start: 1;
368
+
369
+ grid-row-start: 1;
370
+
371
+ overflow-y: auto;
344
372
  }
345
373
  .drawer-toggle ~ .drawer-side {
346
- grid-column-start: 1;
347
- grid-row-start: 1;
348
- display: grid;
349
- max-height: 100vh;
374
+
375
+ grid-column-start: 1;
376
+
377
+ grid-row-start: 1;
378
+
379
+ display: grid;
380
+
381
+ max-height: 100vh;
350
382
  }
351
383
  .drawer-toggle ~ .drawer-side > .drawer-overlay {
352
- visibility: hidden;
353
- grid-column-start: 1;
354
- grid-row-start: 1;
355
- opacity: 0;
384
+
385
+ visibility: hidden;
386
+
387
+ grid-column-start: 1;
388
+
389
+ grid-row-start: 1;
390
+
391
+ opacity: 0;
356
392
  }
357
393
  .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
358
- z-index: 10;
359
- grid-column-start: 1;
360
- grid-row-start: 1;
361
- --tw-translate-x: -100%;
362
- 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));
394
+
395
+ z-index: 10;
396
+
397
+ grid-column-start: 1;
398
+
399
+ grid-row-start: 1;
400
+
401
+ --tw-translate-x: -100%;
402
+
403
+ 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));
363
404
  }
364
405
  .drawer-toggle:checked ~ .drawer-side {
365
- overflow-y: auto;
406
+
407
+ overflow-y: auto;
366
408
  }
367
409
  .drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
368
- visibility: visible;
410
+
411
+ visibility: visible;
369
412
  }
370
413
  .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
371
- --tw-translate-x: 0px;
372
- 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));
414
+
415
+ --tw-translate-x: 0px;
416
+
417
+ 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));
373
418
  }
374
419
  [dir="rtl"] .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
375
- --tw-translate-x: 100%;
376
- 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));
420
+
421
+ --tw-translate-x: 100%;
422
+
423
+ 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));
377
424
  }
378
425
  [dir="rtl"] .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
379
- --tw-translate-x: 0px;
380
- 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));
426
+
427
+ --tw-translate-x: 0px;
428
+
429
+ 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));
381
430
  }
382
431
  @media (min-width: 1024px) {
383
432
  .drawer-mobile {
384
433
  grid-auto-columns: max-content auto;
385
434
  }
386
435
  .drawer-mobile > .drawer-toggle ~ .drawer-content {
387
- height: auto;
388
- }
436
+
437
+ height: auto;
438
+ }
389
439
  @media (min-width: 1024px) {
390
- .drawer-mobile > .drawer-toggle ~ .drawer-content {
391
- grid-column-start: 2;
392
- }
440
+
441
+ .drawer-mobile > .drawer-toggle ~ .drawer-content {
442
+
443
+ grid-column-start: 2;
393
444
  }
445
+ }
394
446
  .drawer-mobile > .drawer-toggle ~ .drawer-side {
395
- overflow-y: auto;
396
- }
447
+
448
+ overflow-y: auto;
449
+ }
397
450
  @media (min-width: 1024px) {
398
- .drawer-mobile > .drawer-toggle ~ .drawer-side > .drawer-overlay {
399
- visibility: visible;
400
- }
451
+
452
+ .drawer-mobile > .drawer-toggle ~ .drawer-side > .drawer-overlay {
453
+
454
+ visibility: visible;
401
455
  }
456
+ }
402
457
  @media (min-width: 1024px) {
403
- .drawer-mobile > .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
404
- --tw-translate-x: 0px;
405
- 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));
406
- }
458
+
459
+ .drawer-mobile > .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
460
+
461
+ --tw-translate-x: 0px;
462
+
463
+ 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));
407
464
  }
465
+ }
408
466
  .drawer-mobile.drawer-end {
409
467
  grid-auto-columns: auto max-content;
410
468
  direction: ltr;
411
469
  }
412
470
  .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-content {
413
- height: auto;
414
- }
471
+
472
+ height: auto;
473
+ }
415
474
  @media (min-width: 1024px) {
416
- .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-content {
417
- grid-column-start: 1;
418
- }
475
+
476
+ .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-content {
477
+
478
+ grid-column-start: 1;
419
479
  }
480
+ }
420
481
  .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side {
421
- overflow-y: auto;
422
- }
482
+
483
+ overflow-y: auto;
484
+ }
423
485
  @media (min-width: 1024px) {
424
- .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side {
425
- grid-column-start: 2;
426
- }
486
+
487
+ .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side {
488
+
489
+ grid-column-start: 2;
427
490
  }
491
+ }
428
492
  @media (min-width: 1024px) {
429
- .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side > .drawer-overlay {
430
- visibility: visible;
431
- }
493
+
494
+ .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side > .drawer-overlay {
495
+
496
+ visibility: visible;
432
497
  }
498
+ }
433
499
  @media (min-width: 1024px) {
434
- .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
435
- --tw-translate-x: 0px;
436
- 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));
437
- }
500
+
501
+ .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
502
+
503
+ --tw-translate-x: 0px;
504
+
505
+ 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));
438
506
  }
439
- }
440
- /* @supports (-webkit-touch-callout: none) {
441
- .drawer {
442
- max-height: -webkit-fill-available;
443
507
  }
444
- } */
508
+ }
445
509
  .dropdown {
446
510
  position: relative;
447
511
  display: inline-block
@@ -549,53 +613,12 @@
549
613
  display: inline-flex;
550
614
  width: fit-content;
551
615
  }
552
- .indicator .indicator-item {
616
+ .indicator :where(.indicator-item) {
553
617
  z-index: 1;
554
618
  position: absolute;
555
- right: 0px;
556
- left: auto;
557
- top: 0px;
558
- bottom: auto;
559
- --tw-translate-x: 50%;
560
- --tw-translate-y: -50%;
561
619
  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));
562
620
  }
563
- .indicator .indicator-item.indicator-start {
564
- right: auto;
565
- left: 0px;
566
- --tw-translate-x: -50%;
567
- 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));
568
- }
569
- .indicator .indicator-item.indicator-center {
570
- right: 50%;
571
- left: 50%;
572
- --tw-translate-x: -50%;
573
- 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));
574
- }
575
- .indicator .indicator-item.indicator-end {
576
- right: 0px;
577
- left: auto;
578
- --tw-translate-x: 50%;
579
- 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));
580
- }
581
- .indicator .indicator-item.indicator-bottom {
582
- top: auto;
583
- bottom: 0px;
584
- --tw-translate-y: 50%;
585
- 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));
586
- }
587
- .indicator .indicator-item.indicator-middle {
588
- top: 50%;
589
- bottom: 50%;
590
- --tw-translate-y: -50%;
591
- 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));
592
- }
593
- .indicator .indicator-item.indicator-top {
594
- top: 0px;
595
- bottom: auto;
596
- --tw-translate-y: -50%;
597
- 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));
598
- }
621
+
599
622
  .input {
600
623
  flex-shrink: 1;
601
624
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
@@ -792,15 +815,13 @@
792
815
  bottom: 0px;
793
816
  left: 0px;
794
817
  display: flex;
795
- align-items: flex-end;
796
818
  justify-content: center;
797
819
  opacity: 0;
798
- }@media (min-width: 640px) {.modal {
799
- align-items: center;
800
- }
801
- }.modal {
802
820
  z-index: 999;
803
821
  }
822
+ :where(.modal) {
823
+ align-items: center;
824
+ }
804
825
  .modal-box {
805
826
  max-height: calc(100vh - 5em);
806
827
  }
@@ -1280,6 +1301,58 @@
1280
1301
  color: hsl(var(--a) / var(--tw-text-opacity))
1281
1302
  }
1282
1303
 
1304
+ .btn-outline.btn-info .badge-outline {
1305
+
1306
+ --tw-border-opacity: 1;
1307
+
1308
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
1309
+
1310
+ background-color: transparent;
1311
+
1312
+ --tw-text-opacity: 1;
1313
+
1314
+ color: hsl(var(--in) / var(--tw-text-opacity))
1315
+ }
1316
+
1317
+ .btn-outline.btn-success .badge-outline {
1318
+
1319
+ --tw-border-opacity: 1;
1320
+
1321
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
1322
+
1323
+ background-color: transparent;
1324
+
1325
+ --tw-text-opacity: 1;
1326
+
1327
+ color: hsl(var(--su) / var(--tw-text-opacity))
1328
+ }
1329
+
1330
+ .btn-outline.btn-warning .badge-outline {
1331
+
1332
+ --tw-border-opacity: 1;
1333
+
1334
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
1335
+
1336
+ background-color: transparent;
1337
+
1338
+ --tw-text-opacity: 1;
1339
+
1340
+ color: hsl(var(--wa) / var(--tw-text-opacity))
1341
+ }
1342
+
1343
+ .btn-outline.btn-error .badge-outline {
1344
+
1345
+ --tw-border-opacity: 1;
1346
+
1347
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
1348
+
1349
+ background-color: transparent;
1350
+
1351
+ --tw-text-opacity: 1;
1352
+
1353
+ color: hsl(var(--er) / var(--tw-text-opacity))
1354
+ }
1355
+
1283
1356
  .btn-outline:hover .badge {
1284
1357
 
1285
1358
  --tw-border-opacity: 1;
@@ -1743,12 +1816,12 @@
1743
1816
  .btn-group > input[type="radio"]:checked.btn:focus-visible, .btn-group > .btn-active:focus-visible {
1744
1817
  outline: 2px solid hsl(var(--p));
1745
1818
  }
1746
- .btn-group > .btn:not(:first-child) {
1819
+ .btn-group > .btn:not(:first-of-type) {
1747
1820
  margin-left: -1px;
1748
1821
  border-top-left-radius: 0px;
1749
1822
  border-bottom-left-radius: 0px;
1750
1823
  }
1751
- .btn-group > .btn:not(:last-child) {
1824
+ .btn-group > .btn:not(:last-of-type) {
1752
1825
  border-top-right-radius: 0px;
1753
1826
  border-bottom-right-radius: 0px;
1754
1827
  }
@@ -2404,7 +2477,7 @@ body[dir="rtl"] .checkbox:checked,
2404
2477
  --tw-border-opacity: 1;
2405
2478
  border-color: hsl(var(--p) / var(--tw-border-opacity));
2406
2479
  }
2407
- .menu[class*="p-"] li > * {
2480
+ .menu[class*=" p-"] li > *, .menu[class^="p-"] li > * {
2408
2481
  border-radius: var(--rounded-btn, 0.5rem);
2409
2482
  }
2410
2483
  .menu :where(li.bordered > *) {
@@ -2658,12 +2731,9 @@ body[dir="rtl"] .checkbox:checked,
2658
2731
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2659
2732
  transition-property: transform, opacity;
2660
2733
  overflow-y: hidden;
2661
- overscroll-behavior: contain;
2734
+ overscroll-behavior: contain
2662
2735
  }
2663
2736
  .modal-box {
2664
- width: 100%;
2665
- --tw-translate-y: 2.5rem;
2666
- 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));
2667
2737
  --tw-bg-opacity: 1;
2668
2738
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2669
2739
  padding: 1.5rem;
@@ -2672,46 +2742,33 @@ body[dir="rtl"] .checkbox:checked,
2672
2742
  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;
2673
2743
  transition-duration: 200ms;
2674
2744
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2745
+ width: 91.666667%;
2746
+ max-width: 32rem;
2747
+ --tw-scale-x: .9;
2748
+ --tw-scale-y: .9;
2749
+ 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));
2675
2750
  border-top-left-radius: var(--rounded-box, 1rem);
2676
2751
  border-top-right-radius: var(--rounded-box, 1rem);
2677
- }
2678
- @media (min-width: 640px) {
2679
- .modal-box {
2680
- max-width: 32rem;
2681
- }
2682
- .modal-box {
2683
- --tw-translate-y: 0px;
2684
- 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));
2685
- }
2686
- .modal-box {
2687
- --tw-scale-x: .9;
2688
- --tw-scale-y: .9;
2689
- 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));
2690
- }
2691
- .modal-box {
2692
- border-bottom-left-radius: var(--rounded-box, 1rem);
2693
- border-bottom-right-radius: var(--rounded-box, 1rem);
2694
- }
2695
- }
2696
- .modal-box {
2752
+ border-bottom-left-radius: var(--rounded-box, 1rem);
2753
+ border-bottom-right-radius: var(--rounded-box, 1rem);
2697
2754
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
2698
2755
  overflow-y: auto;
2699
- overscroll-behavior: contain;
2756
+ overscroll-behavior: contain
2700
2757
  }
2701
2758
  .modal-open .modal-box, .modal-toggle:checked + .modal .modal-box, .modal:target .modal-box {
2702
2759
  --tw-translate-y: 0px;
2703
2760
  --tw-scale-x: 1;
2704
2761
  --tw-scale-y: 1;
2705
- 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));
2762
+ 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))
2706
2763
  }
2707
2764
  .modal-action {
2708
2765
  margin-top: 1.5rem;
2709
- justify-content: flex-end;
2766
+ justify-content: flex-end
2710
2767
  }
2711
2768
  .modal-action > :not([hidden]) ~ :not([hidden]) {
2712
2769
  --tw-space-x-reverse: 0;
2713
2770
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2714
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2771
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
2715
2772
  }
2716
2773
  .navbar {
2717
2774
  padding: var(--navbar-padding, 0.5rem);
@@ -2719,80 +2776,128 @@ body[dir="rtl"] .checkbox:checked,
2719
2776
  width: 100%;
2720
2777
  }
2721
2778
  .progress {
2722
- height: 0.5rem;
2723
- border-radius: var(--rounded-box, 1rem)
2779
+ height: 0.5rem;
2780
+ border-radius: var(--rounded-box, 1rem);
2724
2781
  }
2725
2782
  .progress::-moz-progress-bar {
2726
- --tw-bg-opacity: 1;
2727
- background-color: hsl(var(--n) / var(--tw-bg-opacity))
2783
+ --tw-bg-opacity: 1;
2784
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
2728
2785
  }
2729
2786
  .progress-primary::-moz-progress-bar {
2730
- --tw-bg-opacity: 1;
2731
- background-color: hsl(var(--p) / var(--tw-bg-opacity))
2787
+ --tw-bg-opacity: 1;
2788
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
2732
2789
  }
2733
2790
  .progress-secondary::-moz-progress-bar {
2734
- --tw-bg-opacity: 1;
2735
- background-color: hsl(var(--s) / var(--tw-bg-opacity))
2791
+ --tw-bg-opacity: 1;
2792
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
2736
2793
  }
2737
2794
  .progress-accent::-moz-progress-bar {
2738
- --tw-bg-opacity: 1;
2739
- background-color: hsl(var(--a) / var(--tw-bg-opacity))
2795
+ --tw-bg-opacity: 1;
2796
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
2740
2797
  }
2741
2798
  .progress-info::-moz-progress-bar {
2742
- --tw-bg-opacity: 1;
2743
- background-color: hsl(var(--in) / var(--tw-bg-opacity))
2799
+ --tw-bg-opacity: 1;
2800
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
2744
2801
  }
2745
2802
  .progress-success::-moz-progress-bar {
2746
- --tw-bg-opacity: 1;
2747
- background-color: hsl(var(--su) / var(--tw-bg-opacity))
2803
+ --tw-bg-opacity: 1;
2804
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
2748
2805
  }
2749
2806
  .progress-warning::-moz-progress-bar {
2750
- --tw-bg-opacity: 1;
2751
- background-color: hsl(var(--wa) / var(--tw-bg-opacity))
2807
+ --tw-bg-opacity: 1;
2808
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
2752
2809
  }
2753
2810
  .progress-error::-moz-progress-bar {
2754
- --tw-bg-opacity: 1;
2755
- background-color: hsl(var(--er) / var(--tw-bg-opacity))
2811
+ --tw-bg-opacity: 1;
2812
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
2813
+ }
2814
+ .progress:indeterminate::after {
2815
+ --tw-bg-opacity: 1;
2816
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
2817
+ }
2818
+ .progress-primary:indeterminate::after {
2819
+ --tw-bg-opacity: 1;
2820
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
2821
+ }
2822
+ .progress-secondary:indeterminate::after {
2823
+ --tw-bg-opacity: 1;
2824
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
2825
+ }
2826
+ .progress-accent:indeterminate::after {
2827
+ --tw-bg-opacity: 1;
2828
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
2829
+ }
2830
+ .progress-info:indeterminate::after {
2831
+ --tw-bg-opacity: 1;
2832
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
2833
+ }
2834
+ .progress-success:indeterminate::after {
2835
+ --tw-bg-opacity: 1;
2836
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
2837
+ }
2838
+ .progress-warning:indeterminate::after {
2839
+ --tw-bg-opacity: 1;
2840
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
2841
+ }
2842
+ .progress-error:indeterminate::after {
2843
+ --tw-bg-opacity: 1;
2844
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
2756
2845
  }
2757
2846
  .progress::-webkit-progress-bar {
2758
- background-color: hsl(var(--n) / var(--tw-bg-opacity));
2759
- --tw-bg-opacity: 0.2;
2760
- border-radius: var(--rounded-box, 1rem)
2847
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
2848
+ --tw-bg-opacity: 0.2;
2849
+ border-radius: var(--rounded-box, 1rem);
2761
2850
  }
2762
2851
  .progress::-webkit-progress-value {
2763
- --tw-bg-opacity: 1;
2764
- background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));
2765
- border-radius: var(--rounded-box, 1rem)
2852
+ --tw-bg-opacity: 1;
2853
+ background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));
2854
+ border-radius: var(--rounded-box, 1rem);
2766
2855
  }
2767
2856
  .progress-primary::-webkit-progress-value {
2768
- --tw-bg-opacity: 1;
2769
- background-color: hsl(var(--p) / var(--tw-bg-opacity))
2857
+ --tw-bg-opacity: 1;
2858
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
2770
2859
  }
2771
2860
  .progress-secondary::-webkit-progress-value {
2772
- --tw-bg-opacity: 1;
2773
- background-color: hsl(var(--s) / var(--tw-bg-opacity))
2861
+ --tw-bg-opacity: 1;
2862
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
2774
2863
  }
2775
2864
  .progress-accent::-webkit-progress-value {
2776
- --tw-bg-opacity: 1;
2777
- background-color: hsl(var(--a) / var(--tw-bg-opacity))
2865
+ --tw-bg-opacity: 1;
2866
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
2778
2867
  }
2779
2868
  .progress-info::-webkit-progress-value {
2780
- --tw-bg-opacity: 1;
2781
- background-color: hsl(var(--in) / var(--tw-bg-opacity))
2869
+ --tw-bg-opacity: 1;
2870
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
2782
2871
  }
2783
2872
  .progress-success::-webkit-progress-value {
2784
- --tw-bg-opacity: 1;
2785
- background-color: hsl(var(--su) / var(--tw-bg-opacity))
2873
+ --tw-bg-opacity: 1;
2874
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
2786
2875
  }
2787
2876
  .progress-warning::-webkit-progress-value {
2788
- --tw-bg-opacity: 1;
2789
- background-color: hsl(var(--wa) / var(--tw-bg-opacity))
2877
+ --tw-bg-opacity: 1;
2878
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
2790
2879
  }
2791
2880
  .progress-error::-webkit-progress-value {
2792
- --tw-bg-opacity: 1;
2793
- background-color: hsl(var(--er) / var(--tw-bg-opacity))
2881
+ --tw-bg-opacity: 1;
2882
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
2794
2883
  }
2795
- .radial-progress {
2884
+
2885
+ .progress:indeterminate::after {
2886
+ content: "";
2887
+ position: absolute;
2888
+ top: 0px;
2889
+ bottom: 0px;
2890
+ left: -40%;
2891
+ width: 33.333333%;
2892
+ border-radius: var(--rounded-box, 1rem);
2893
+ animation: progress-loading 5s infinite ease-in-out;
2894
+ }
2895
+
2896
+ @keyframes progress-loading {
2897
+ 50% {
2898
+ left: 107%;
2899
+ }
2900
+ }.radial-progress {
2796
2901
  --value: 0;
2797
2902
  --size: 5rem;
2798
2903
  --thickness: calc(var(--size) / 10);