daisyui 2.4.0 → 2.5.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 (12) hide show
  1. package/README.md +1 -1
  2. package/dist/full.css +1 -1
  3. package/dist/styled.css +78 -30
  4. package/dist/styled.js +1 -1
  5. package/dist/styled.rtl.js +1 -1
  6. package/dist/themes.css +40 -40
  7. package/dist/unstyled.css +50 -19
  8. package/dist/unstyled.js +1 -1
  9. package/dist/unstyled.rtl.js +1 -1
  10. package/dist/utilities.js +1 -1
  11. package/package.json +1 -1
  12. package/src/colors/themes.js +17 -11
package/dist/styled.css CHANGED
@@ -52,7 +52,9 @@
52
52
  display: inline-flex;
53
53
  align-items: center;
54
54
  justify-content: center;
55
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
55
56
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
57
+ 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;
56
58
  transition-duration: 200ms;
57
59
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
58
60
  height: 1.25rem;
@@ -82,19 +84,23 @@
82
84
  align-items: center
83
85
  }
84
86
  .breadcrumbs > ul > li > a:hover {
85
- text-decoration-line: underline
87
+ -webkit-text-decoration-line: underline;
88
+ text-decoration-line: underline
86
89
  }
87
90
  .btn {
88
91
  display: inline-flex;
89
92
  flex-shrink: 0;
90
93
  cursor: pointer;
91
- user-select: none;
94
+ -webkit-user-select: none;
95
+ user-select: none;
92
96
  flex-wrap: wrap;
93
97
  align-items: center;
94
98
  justify-content: center;
95
99
  border-color: transparent;
96
100
  text-align: center;
101
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
97
102
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
103
+ 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;
98
104
  transition-duration: 200ms;
99
105
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
100
106
  border-radius: var(--rounded-btn, 0.5rem);
@@ -166,7 +172,8 @@
166
172
  flex-wrap: wrap;
167
173
  }
168
174
  .btn-group > input[type="radio"].btn {
169
- appearance: none;
175
+ -webkit-appearance: none;
176
+ appearance: none;
170
177
  }
171
178
  .btn-group > input[type="radio"].btn:before {
172
179
  content: attr(data-title);
@@ -253,7 +260,8 @@
253
260
  grid-row-start: 1;
254
261
  }
255
262
  .collapse > input[type="checkbox"] {
256
- appearance: none;
263
+ -webkit-appearance: none;
264
+ appearance: none;
257
265
  opacity: 0;
258
266
  }
259
267
  .collapse-content {
@@ -322,7 +330,8 @@
322
330
  position: absolute;
323
331
  height: 0px;
324
332
  width: 0px;
325
- appearance: none;
333
+ -webkit-appearance: none;
334
+ appearance: none;
326
335
  opacity: 0;
327
336
  }
328
337
  .drawer-toggle ~ .drawer-content {
@@ -506,7 +515,8 @@
506
515
  }
507
516
  .label {
508
517
  display: flex;
509
- user-select: none;
518
+ -webkit-user-select: none;
519
+ user-select: none;
510
520
  align-items: center;
511
521
  justify-content: space-between
512
522
  }
@@ -587,7 +597,9 @@
587
597
  }
588
598
  .input {
589
599
  flex-shrink: 1;
600
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
590
601
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
602
+ 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
603
  transition-duration: 200ms;
592
604
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
593
605
  height: 3rem;
@@ -666,13 +678,16 @@
666
678
  }
667
679
  .link {
668
680
  cursor: pointer;
669
- text-decoration-line: underline
681
+ -webkit-text-decoration-line: underline;
682
+ text-decoration-line: underline
670
683
  }
671
684
  .link-hover {
672
- text-decoration-line: none
685
+ -webkit-text-decoration-line: none;
686
+ text-decoration-line: none
673
687
  }
674
688
  .link-hover:hover {
675
- text-decoration-line: underline
689
+ -webkit-text-decoration-line: underline;
690
+ text-decoration-line: underline
676
691
  }
677
692
  .mask {
678
693
  -webkit-mask-size: contain;
@@ -717,7 +732,8 @@
717
732
  }
718
733
  .menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
719
734
  cursor: pointer;
720
- user-select: none;
735
+ -webkit-user-select: none;
736
+ user-select: none;
721
737
  align-items: center;
722
738
  outline: 2px solid transparent;
723
739
  outline-offset: 2px
@@ -799,7 +815,8 @@
799
815
  position: fixed;
800
816
  height: 0px;
801
817
  width: 0px;
802
- appearance: none;
818
+ -webkit-appearance: none;
819
+ appearance: none;
803
820
  opacity: 0;
804
821
  }
805
822
  .navbar {
@@ -824,7 +841,8 @@
824
841
  .progress {
825
842
  position: relative;
826
843
  width: 100%;
827
- appearance: none;
844
+ -webkit-appearance: none;
845
+ appearance: none;
828
846
  overflow: hidden
829
847
  }
830
848
  .radial-progress {
@@ -843,11 +861,13 @@
843
861
  background-color: transparent;
844
862
  }
845
863
  .radial-progress::-webkit-progress-value {
846
- appearance: none;
864
+ -webkit-appearance: none;
865
+ appearance: none;
847
866
  background-color: transparent;
848
867
  }
849
868
  .radial-progress::-webkit-progress-bar {
850
- appearance: none;
869
+ -webkit-appearance: none;
870
+ appearance: none;
851
871
  background-color: transparent;
852
872
  }
853
873
  .radial-progress:before, .radial-progress:after {
@@ -893,9 +913,13 @@
893
913
 
894
914
  cursor: pointer;
895
915
 
896
- user-select: none;
916
+ -webkit-user-select: none;
897
917
 
898
- appearance: none;
918
+ user-select: none;
919
+
920
+ -webkit-appearance: none;
921
+
922
+ appearance: none;
899
923
 
900
924
  height: 3rem;
901
925
 
@@ -993,7 +1017,9 @@
993
1017
 
994
1018
  display: inline-grid;
995
1019
 
996
- user-select: none;
1020
+ -webkit-user-select: none;
1021
+
1022
+ user-select: none;
997
1023
 
998
1024
  place-content: center
999
1025
  }
@@ -1007,7 +1033,9 @@
1007
1033
 
1008
1034
  .swap input {
1009
1035
 
1010
- appearance: none
1036
+ -webkit-appearance: none;
1037
+
1038
+ appearance: none
1011
1039
  }
1012
1040
 
1013
1041
  .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on {
@@ -1033,7 +1061,8 @@
1033
1061
  position: relative;
1034
1062
  display: inline-flex;
1035
1063
  cursor: pointer;
1036
- user-select: none;
1064
+ -webkit-user-select: none;
1065
+ user-select: none;
1037
1066
  flex-wrap: wrap;
1038
1067
  align-items: center;
1039
1068
  justify-content: center;
@@ -1056,7 +1085,9 @@
1056
1085
  }
1057
1086
  .textarea {
1058
1087
  flex-shrink: 1;
1088
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
1059
1089
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1090
+ 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;
1060
1091
  transition-duration: 200ms;
1061
1092
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1062
1093
  padding-left: 1rem;
@@ -1573,7 +1604,8 @@
1573
1604
  .btn-link:hover, .btn-link.btn-active {
1574
1605
  border-color: transparent;
1575
1606
  background-color: transparent;
1576
- text-decoration-line: underline;
1607
+ -webkit-text-decoration-line: underline;
1608
+ text-decoration-line: underline;
1577
1609
  }
1578
1610
  .btn-link:focus-visible {
1579
1611
  outline: 2px solid 0 0 2px currentColor;
@@ -1790,7 +1822,8 @@
1790
1822
  height: 1.5rem;
1791
1823
  width: 1.5rem;
1792
1824
  cursor: pointer;
1793
- appearance: none;
1825
+ -webkit-appearance: none;
1826
+ appearance: none;
1794
1827
  border-width: 1px;
1795
1828
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
1796
1829
  --tw-border-opacity: 0.2;
@@ -2093,7 +2126,9 @@ body[dir="rtl"] .checkbox:checked,
2093
2126
  --tw-scale-x: .95;
2094
2127
  --tw-scale-y: .95;
2095
2128
  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));
2129
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2096
2130
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2131
+ 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;
2097
2132
  transition-duration: 200ms;
2098
2133
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
2099
2134
  }
@@ -2416,7 +2451,8 @@ body[dir="rtl"] .checkbox:checked,
2416
2451
  --tw-bg-opacity: 0.1;
2417
2452
  }
2418
2453
  .menu li.disabled > * {
2419
- user-select: none;
2454
+ -webkit-user-select: none;
2455
+ user-select: none;
2420
2456
  color: hsl(var(--bc) / var(--tw-text-opacity));
2421
2457
  --tw-text-opacity: 0.2;
2422
2458
  }
@@ -2450,7 +2486,9 @@ body[dir="rtl"] .checkbox:checked,
2450
2486
  .menu :where(li:not(.disabled)) > :where(*:not(ul)) {
2451
2487
  outline: 2px solid transparent;
2452
2488
  outline-offset: 2px;
2489
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2453
2490
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2491
+ 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;
2454
2492
  transition-duration: 200ms;
2455
2493
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2456
2494
  }
@@ -2640,7 +2678,9 @@ body[dir="rtl"] .checkbox:checked,
2640
2678
  --tw-bg-opacity: 1;
2641
2679
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2642
2680
  padding: 1.5rem;
2681
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2643
2682
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2683
+ 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;
2644
2684
  transition-duration: 200ms;
2645
2685
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2646
2686
  border-top-left-radius: var(--rounded-box, 1rem);
@@ -2776,7 +2816,8 @@ body[dir="rtl"] .checkbox:checked,
2776
2816
  height: 1.5rem;
2777
2817
  width: 1.5rem;
2778
2818
  cursor: pointer;
2779
- appearance: none;
2819
+ -webkit-appearance: none;
2820
+ appearance: none;
2780
2821
  border-radius: 9999px;
2781
2822
  border-width: 1px;
2782
2823
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
@@ -2995,7 +3036,9 @@ body[dir="rtl"] .checkbox:checked,
2995
3036
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2996
3037
  padding-right: 2.5rem;
2997
3038
  font-weight: 600;
3039
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2998
3040
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3041
+ 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;
2999
3042
  transition-duration: 200ms;
3000
3043
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3001
3044
  border-radius: var(--rounded-btn, 0.5rem);
@@ -3310,7 +3353,8 @@ body[dir="rtl"] .checkbox:checked,
3310
3353
  .swap-flip .swap-indeterminate,
3311
3354
  .swap-flip input:indeterminate ~ .swap-on {
3312
3355
  transform: rotateY(180deg);
3313
- backface-visibility: hidden;
3356
+ -webkit-backface-visibility: hidden;
3357
+ backface-visibility: hidden;
3314
3358
  opacity: 1;
3315
3359
  }
3316
3360
 
@@ -3318,7 +3362,8 @@ body[dir="rtl"] .checkbox:checked,
3318
3362
  .swap-flip.swap-active .swap-off,
3319
3363
  .swap-flip input:indeterminate ~ .swap-off {
3320
3364
  transform: rotateY(-180deg);
3321
- backface-visibility: hidden;
3365
+ -webkit-backface-visibility: hidden;
3366
+ backface-visibility: hidden;
3322
3367
  opacity: 1;
3323
3368
  }
3324
3369
 
@@ -3540,28 +3585,28 @@ body[dir="rtl"] .checkbox:checked,
3540
3585
  }
3541
3586
  .textarea-info {
3542
3587
  --tw-border-opacity: 1;
3543
- border-color: hsl(var(--inc, var(--nc)) / var(--tw-border-opacity));
3588
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
3544
3589
  }
3545
3590
  .textarea-info:focus {
3546
3591
  outline: 2px solid hsl(var(--in));
3547
3592
  }
3548
3593
  .textarea-success {
3549
3594
  --tw-border-opacity: 1;
3550
- border-color: hsl(var(--suc, var(--nc)) / var(--tw-border-opacity));
3595
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
3551
3596
  }
3552
3597
  .textarea-success:focus {
3553
3598
  outline: 2px solid hsl(var(--su));
3554
3599
  }
3555
3600
  .textarea-warning {
3556
3601
  --tw-border-opacity: 1;
3557
- border-color: hsl(var(--wac, var(--nc)) / var(--tw-border-opacity));
3602
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
3558
3603
  }
3559
3604
  .textarea-warning:focus {
3560
3605
  outline: 2px solid hsl(var(--wa));
3561
3606
  }
3562
3607
  .textarea-error {
3563
3608
  --tw-border-opacity: 1;
3564
- border-color: hsl(var(--erc, var(--nc)) / var(--tw-border-opacity));
3609
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
3565
3610
  }
3566
3611
  .textarea-error:focus {
3567
3612
  outline: 2px solid hsl(var(--er));
@@ -3584,7 +3629,8 @@ body[dir="rtl"] .checkbox:checked,
3584
3629
  height: 1.5rem;
3585
3630
  width: 3rem;
3586
3631
  cursor: pointer;
3587
- appearance: none;
3632
+ -webkit-appearance: none;
3633
+ appearance: none;
3588
3634
  border-width: 1px;
3589
3635
  border-color: hsl(var(--bc) / var(--tw-border-opacity));
3590
3636
  --tw-border-opacity: 0.2;
@@ -3681,7 +3727,9 @@ body[dir="rtl"] .checkbox:checked,
3681
3727
  }
3682
3728
  .tooltip:before, .tooltip:after {
3683
3729
  opacity: 0;
3730
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
3684
3731
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3732
+ 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;
3685
3733
  transition-delay: 100ms;
3686
3734
  transition-duration: 200ms;
3687
3735
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);