daisyui 4.0.0-alpha.12 → 4.0.0-alpha.14

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 (11) hide show
  1. package/dist/full.css +128 -71
  2. package/dist/styled.css +56 -12
  3. package/dist/styled.js +1 -1
  4. package/dist/themes.css +60 -60
  5. package/dist/unstyled.css +11 -4
  6. package/dist/unstyled.js +1 -1
  7. package/package.json +2 -2
  8. package/src/theming/functions.js +26 -11
  9. package/src/theming/themeDefaults.js +1 -1
  10. package/src/theming/themes.d.ts +1 -1
  11. package/src/theming/themes.js +29 -30
package/dist/full.css CHANGED
@@ -16,7 +16,7 @@
16
16
  --rounded-badge: 1.9rem;
17
17
  --animation-btn: 0.25s;
18
18
  --animation-input: .2s;
19
- --btn-text-case: uppercase;
19
+ --btn-text-case: normalcase;
20
20
  --btn-focus-scale: 0.95;
21
21
  --border-btn: 1px;
22
22
  --tab-border: 1px;
@@ -50,7 +50,7 @@
50
50
  --rounded-badge: 1.9rem;
51
51
  --animation-btn: 0.25s;
52
52
  --animation-input: .2s;
53
- --btn-text-case: uppercase;
53
+ --btn-text-case: normalcase;
54
54
  --btn-focus-scale: 0.95;
55
55
  --border-btn: 1px;
56
56
  --tab-border: 1px;
@@ -66,7 +66,7 @@
66
66
  --bc: 0.7465 0.0216 264.436
67
67
  }
68
68
  }
69
- [data-theme=light] {
69
+ [data-theme=light], :root:has(input.theme-controller[value=light]:checked) {
70
70
  color-scheme: light;
71
71
  --in: 0.7206 0.191 231.6;
72
72
  --su: 0.7441 0.213 164.75;
@@ -84,7 +84,7 @@
84
84
  --rounded-badge: 1.9rem;
85
85
  --animation-btn: 0.25s;
86
86
  --animation-input: .2s;
87
- --btn-text-case: uppercase;
87
+ --btn-text-case: normalcase;
88
88
  --btn-focus-scale: 0.95;
89
89
  --border-btn: 1px;
90
90
  --tab-border: 1px;
@@ -99,7 +99,7 @@
99
99
  --b3: 0.9242 0.0011 197.1376;
100
100
  --bc: 0.2781 0.0296 256.848
101
101
  }
102
- [data-theme=dark] {
102
+ [data-theme=dark], :root:has(input.theme-controller[value=dark]:checked) {
103
103
  color-scheme: dark;
104
104
  --in: 0.7206 0.191 231.6;
105
105
  --su: 0.7441 0.213 164.75;
@@ -117,7 +117,7 @@
117
117
  --rounded-badge: 1.9rem;
118
118
  --animation-btn: 0.25s;
119
119
  --animation-input: .2s;
120
- --btn-text-case: uppercase;
120
+ --btn-text-case: normalcase;
121
121
  --btn-focus-scale: 0.95;
122
122
  --border-btn: 1px;
123
123
  --tab-border: 1px;
@@ -132,7 +132,7 @@
132
132
  --b3: 0.2115 0.0117 254.0879;
133
133
  --bc: 0.7465 0.0216 264.436
134
134
  }
135
- [data-theme=cupcake] {
135
+ [data-theme=cupcake], :root:has(input.theme-controller[value=cupcake]:checked) {
136
136
  color-scheme: light;
137
137
  --in: 0.7206 0.191 231.6;
138
138
  --su: 0.7441 0.213 164.75;
@@ -150,7 +150,7 @@
150
150
  --rounded-badge: 1.9rem;
151
151
  --animation-btn: 0.25s;
152
152
  --animation-input: .2s;
153
- --btn-text-case: uppercase;
153
+ --btn-text-case: normalcase;
154
154
  --btn-focus-scale: 0.95;
155
155
  --border-btn: 1px;
156
156
  --p: 0.7617 0.0895 200.0266;
@@ -165,7 +165,7 @@
165
165
  --tab-border: 2px;
166
166
  --tab-radius: .5rem
167
167
  }
168
- [data-theme=bumblebee] {
168
+ [data-theme=bumblebee], :root:has(input.theme-controller[value=bumblebee]:checked) {
169
169
  color-scheme: light;
170
170
  --b2: 0.93 0 0;
171
171
  --b3: 0.86 0 0;
@@ -185,7 +185,7 @@
185
185
  --rounded-badge: 1.9rem;
186
186
  --animation-btn: 0.25s;
187
187
  --animation-input: .2s;
188
- --btn-text-case: uppercase;
188
+ --btn-text-case: normalcase;
189
189
  --btn-focus-scale: 0.95;
190
190
  --border-btn: 1px;
191
191
  --tab-border: 1px;
@@ -198,7 +198,7 @@
198
198
  --n: 0.2227 0.0462 281.9865;
199
199
  --b1: 1 0 0
200
200
  }
201
- [data-theme=emerald] {
201
+ [data-theme=emerald], :root:has(input.theme-controller[value=emerald]:checked) {
202
202
  color-scheme: light;
203
203
  --b2: 0.93 0 0;
204
204
  --b3: 0.86 0 0;
@@ -213,7 +213,7 @@
213
213
  --rounded-box: 1rem;
214
214
  --rounded-btn: 0.5rem;
215
215
  --rounded-badge: 1.9rem;
216
- --btn-text-case: uppercase;
216
+ --btn-text-case: normalcase;
217
217
  --border-btn: 1px;
218
218
  --tab-border: 1px;
219
219
  --tab-radius: 0.5rem;
@@ -231,7 +231,7 @@
231
231
  --animation-input: 0;
232
232
  --btn-focus-scale: 1
233
233
  }
234
- [data-theme=corporate] {
234
+ [data-theme=corporate], :root:has(input.theme-controller[value=corporate]:checked) {
235
235
  color-scheme: light;
236
236
  --b2: 0.93 0 0;
237
237
  --b3: 0.86 0 0;
@@ -246,7 +246,7 @@
246
246
  --suc: 0 0 0;
247
247
  --wac: 0 0 0;
248
248
  --erc: 0 0 0;
249
- --btn-text-case: uppercase;
249
+ --btn-text-case: normalcase;
250
250
  --border-btn: 1px;
251
251
  --tab-border: 1px;
252
252
  --tab-radius: 0.5rem;
@@ -264,7 +264,7 @@
264
264
  --animation-input: 0;
265
265
  --btn-focus-scale: 1
266
266
  }
267
- [data-theme=synthwave] {
267
+ [data-theme=synthwave], :root:has(input.theme-controller[value=synthwave]:checked) {
268
268
  color-scheme: dark;
269
269
  --b2: 0.2029 0.0762 287.8356;
270
270
  --b3: 0.1877 0.0705 287.8356;
@@ -276,7 +276,7 @@
276
276
  --rounded-badge: 1.9rem;
277
277
  --animation-btn: 0.25s;
278
278
  --animation-input: .2s;
279
- --btn-text-case: uppercase;
279
+ --btn-text-case: normalcase;
280
280
  --btn-focus-scale: 0.95;
281
281
  --border-btn: 1px;
282
282
  --tab-border: 1px;
@@ -297,7 +297,7 @@
297
297
  --er: 0.6143 0.1975 17.8079;
298
298
  --erc: 0.9794 0.0082 301.3583
299
299
  }
300
- [data-theme=retro] {
300
+ [data-theme=retro], :root:has(input.theme-controller[value=retro]:checked) {
301
301
  color-scheme: light;
302
302
  --inc: 0.9092 0.043 262.8809;
303
303
  --suc: 0.1254 0.034 149.2138;
@@ -305,7 +305,7 @@
305
305
  --erc: 0.1314 0.0398 27.33;
306
306
  --animation-btn: 0.25s;
307
307
  --animation-input: .2s;
308
- --btn-text-case: uppercase;
308
+ --btn-text-case: normalcase;
309
309
  --btn-focus-scale: 0.95;
310
310
  --border-btn: 1px;
311
311
  --tab-border: 1px;
@@ -330,7 +330,7 @@
330
330
  --rounded-btn: 0.4rem;
331
331
  --rounded-badge: 0.4rem
332
332
  }
333
- [data-theme=cyberpunk] {
333
+ [data-theme=cyberpunk], :root:has(input.theme-controller[value=cyberpunk]:checked) {
334
334
  color-scheme: light;
335
335
  --b2: 0.8677 0.1835 104.3181;
336
336
  --b3: 0.8024 0.1697 104.3181;
@@ -348,7 +348,7 @@
348
348
  --erc: 0 0 0;
349
349
  --animation-btn: 0.25s;
350
350
  --animation-input: .2s;
351
- --btn-text-case: uppercase;
351
+ --btn-text-case: normalcase;
352
352
  --btn-focus-scale: 0.95;
353
353
  --border-btn: 1px;
354
354
  --tab-border: 1px;
@@ -364,7 +364,7 @@
364
364
  --rounded-badge: 0;
365
365
  --tab-radius: 0
366
366
  }
367
- [data-theme=valentine] {
367
+ [data-theme=valentine], :root:has(input.theme-controller[value=valentine]:checked) {
368
368
  color-scheme: light;
369
369
  --b2: 0.8395 0.0346 336.9552;
370
370
  --b3: 0.7763 0.032 336.9552;
@@ -379,7 +379,7 @@
379
379
  --rounded-badge: 1.9rem;
380
380
  --animation-btn: 0.25s;
381
381
  --animation-input: .2s;
382
- --btn-text-case: uppercase;
382
+ --btn-text-case: normalcase;
383
383
  --btn-focus-scale: 0.95;
384
384
  --border-btn: 1px;
385
385
  --tab-border: 1px;
@@ -397,7 +397,7 @@
397
397
  --er: 0.7307 0.207 27.33;
398
398
  --rounded-btn: 1.9rem
399
399
  }
400
- [data-theme=halloween] {
400
+ [data-theme=halloween], :root:has(input.theme-controller[value=halloween]:checked) {
401
401
  color-scheme: dark;
402
402
  --b2: 0.2304 0 0;
403
403
  --b3: 0.2131 0 0;
@@ -413,7 +413,7 @@
413
413
  --rounded-badge: 1.9rem;
414
414
  --animation-btn: 0.25s;
415
415
  --animation-input: .2s;
416
- --btn-text-case: uppercase;
416
+ --btn-text-case: normalcase;
417
417
  --btn-focus-scale: 0.95;
418
418
  --border-btn: 1px;
419
419
  --tab-border: 1px;
@@ -430,7 +430,7 @@
430
430
  --wa: 0.6658 0.1574 58.3183;
431
431
  --er: 0.6572 0.199 27.33
432
432
  }
433
- [data-theme=garden] {
433
+ [data-theme=garden], :root:has(input.theme-controller[value=garden]:checked) {
434
434
  color-scheme: light;
435
435
  --b2: 0.8645 0.002 17.1974;
436
436
  --b3: 0.7994 0.0019 17.1974;
@@ -450,7 +450,7 @@
450
450
  --rounded-badge: 1.9rem;
451
451
  --animation-btn: 0.25s;
452
452
  --animation-input: .2s;
453
- --btn-text-case: uppercase;
453
+ --btn-text-case: normalcase;
454
454
  --btn-focus-scale: 0.95;
455
455
  --border-btn: 1px;
456
456
  --tab-border: 1px;
@@ -463,7 +463,7 @@
463
463
  --b1: 0.9295 0.0022 17.1974;
464
464
  --bc: 0.1696 0.0017 17.3207
465
465
  }
466
- [data-theme=forest] {
466
+ [data-theme=forest], :root:has(input.theme-controller[value=forest]:checked) {
467
467
  color-scheme: dark;
468
468
  --b2: 0.1752 0.0077 17.9116;
469
469
  --b3: 0.162 0.0071 17.9116;
@@ -483,7 +483,7 @@
483
483
  --rounded-badge: 1.9rem;
484
484
  --animation-btn: 0.25s;
485
485
  --animation-input: .2s;
486
- --btn-text-case: uppercase;
486
+ --btn-text-case: normalcase;
487
487
  --btn-focus-scale: 0.95;
488
488
  --border-btn: 1px;
489
489
  --tab-border: 1px;
@@ -496,7 +496,7 @@
496
496
  --b1: 0.1884 0.0083 17.9116;
497
497
  --rounded-btn: 1.9rem
498
498
  }
499
- [data-theme=aqua] {
499
+ [data-theme=aqua], :root:has(input.theme-controller[value=aqua]:checked) {
500
500
  color-scheme: dark;
501
501
  --b2: 0.4535 0.1186 261.1817;
502
502
  --b3: 0.4193 0.1097 261.1817;
@@ -513,7 +513,7 @@
513
513
  --rounded-badge: 1.9rem;
514
514
  --animation-btn: 0.25s;
515
515
  --animation-input: .2s;
516
- --btn-text-case: uppercase;
516
+ --btn-text-case: normalcase;
517
517
  --btn-focus-scale: 0.95;
518
518
  --border-btn: 1px;
519
519
  --tab-border: 1px;
@@ -529,13 +529,13 @@
529
529
  --wa: 0.6658 0.1574 58.3183;
530
530
  --er: 0.7395 0.19 27.33
531
531
  }
532
- [data-theme=lofi] {
532
+ [data-theme=lofi], :root:has(input.theme-controller[value=lofi]:checked) {
533
533
  color-scheme: light;
534
534
  --inc: 0.1591 0.0206 205.9;
535
535
  --suc: 0.1803 0.0306 164.14;
536
536
  --wac: 0.1767 0.027 79.94;
537
537
  --erc: 0.1573 0.03 28.47;
538
- --btn-text-case: uppercase;
538
+ --btn-text-case: normalcase;
539
539
  --border-btn: 1px;
540
540
  --tab-border: 1px;
541
541
  --p: 0.1591 0 0;
@@ -562,7 +562,7 @@
562
562
  --btn-focus-scale: 1;
563
563
  --tab-radius: 0
564
564
  }
565
- [data-theme=pastel] {
565
+ [data-theme=pastel], :root:has(input.theme-controller[value=pastel]:checked) {
566
566
  color-scheme: light;
567
567
  --in: 0.7206 0.191 231.6;
568
568
  --su: 0.7441 0.213 164.75;
@@ -581,7 +581,7 @@
581
581
  --rounded-badge: 1.9rem;
582
582
  --animation-btn: 0.25s;
583
583
  --animation-input: .2s;
584
- --btn-text-case: uppercase;
584
+ --btn-text-case: normalcase;
585
585
  --btn-focus-scale: 0.95;
586
586
  --border-btn: 1px;
587
587
  --tab-border: 1px;
@@ -595,7 +595,7 @@
595
595
  --b3: 0.8717 0.0093 258.3382;
596
596
  --rounded-btn: 1.9rem
597
597
  }
598
- [data-theme=fantasy] {
598
+ [data-theme=fantasy], :root:has(input.theme-controller[value=fantasy]:checked) {
599
599
  color-scheme: light;
600
600
  --b2: 0.93 0 0;
601
601
  --b3: 0.86 0 0;
@@ -616,7 +616,7 @@
616
616
  --rounded-badge: 1.9rem;
617
617
  --animation-btn: 0.25s;
618
618
  --animation-input: .2s;
619
- --btn-text-case: uppercase;
619
+ --btn-text-case: normalcase;
620
620
  --btn-focus-scale: 0.95;
621
621
  --border-btn: 1px;
622
622
  --tab-border: 1px;
@@ -628,7 +628,7 @@
628
628
  --b1: 1 0 0;
629
629
  --bc: 0.2781 0.0296 256.848
630
630
  }
631
- [data-theme=wireframe] {
631
+ [data-theme=wireframe], :root:has(input.theme-controller[value=wireframe]:checked) {
632
632
  color-scheme: light;
633
633
  --bc: 0.2 0 0;
634
634
  --pc: 0.1565 0 0;
@@ -641,7 +641,7 @@
641
641
  --erc: 0.1256 0.0515 29.2339;
642
642
  --animation-btn: 0.25s;
643
643
  --animation-input: .2s;
644
- --btn-text-case: uppercase;
644
+ --btn-text-case: normalcase;
645
645
  --btn-focus-scale: 0.95;
646
646
  --border-btn: 1px;
647
647
  --tab-border: 1px;
@@ -662,7 +662,7 @@
662
662
  --rounded-badge: 0.2rem;
663
663
  --tab-radius: 0.2rem
664
664
  }
665
- [data-theme=black] {
665
+ [data-theme=black], :root:has(input.theme-controller[value=black]:checked) {
666
666
  color-scheme: dark;
667
667
  --bc: 0.8 0 0;
668
668
  --pc: 0.8638 0.0006 17.3055;
@@ -673,6 +673,7 @@
673
673
  --suc: 0.904 0.0354 142.4953;
674
674
  --wac: 0.1936 0.0422 109.7692;
675
675
  --erc: 0.1256 0.0515 29.2339;
676
+ --btn-text-case: normalcase;
676
677
  --border-btn: 1px;
677
678
  --tab-border: 1px;
678
679
  --p: 0.3192 0.0028 17.3055;
@@ -691,11 +692,10 @@
691
692
  --rounded-badge: 0;
692
693
  --animation-btn: 0;
693
694
  --animation-input: 0;
694
- --btn-text-case: lowercase;
695
695
  --btn-focus-scale: 1;
696
696
  --tab-radius: 0
697
697
  }
698
- [data-theme=luxury] {
698
+ [data-theme=luxury], :root:has(input.theme-controller[value=luxury]:checked) {
699
699
  color-scheme: dark;
700
700
  --pc: 0.2 0 0;
701
701
  --sc: 0.8552 0.0128 261.0691;
@@ -709,7 +709,7 @@
709
709
  --rounded-badge: 1.9rem;
710
710
  --animation-btn: 0.25s;
711
711
  --animation-input: .2s;
712
- --btn-text-case: uppercase;
712
+ --btn-text-case: normalcase;
713
713
  --btn-focus-scale: 0.95;
714
714
  --border-btn: 1px;
715
715
  --tab-border: 1px;
@@ -728,7 +728,7 @@
728
728
  --wa: 0.8613 0.1365 102.8912;
729
729
  --er: 0.7175 0.1764 22.5689
730
730
  }
731
- [data-theme=dracula] {
731
+ [data-theme=dracula], :root:has(input.theme-controller[value=dracula]:checked) {
732
732
  color-scheme: dark;
733
733
  --b2: 0.2681 0.0206 277.5087;
734
734
  --b3: 0.2479 0.019 277.5087;
@@ -745,7 +745,7 @@
745
745
  --rounded-badge: 1.9rem;
746
746
  --animation-btn: 0.25s;
747
747
  --animation-input: .2s;
748
- --btn-text-case: uppercase;
748
+ --btn-text-case: normalcase;
749
749
  --btn-focus-scale: 0.95;
750
750
  --border-btn: 1px;
751
751
  --tab-border: 1px;
@@ -761,7 +761,7 @@
761
761
  --wa: 0.9553 0.1342 112.7571;
762
762
  --er: 0.6822 0.2063 24.431
763
763
  }
764
- [data-theme=cmyk] {
764
+ [data-theme=cmyk], :root:has(input.theme-controller[value=cmyk]:checked) {
765
765
  color-scheme: light;
766
766
  --b2: 0.93 0 0;
767
767
  --b3: 0.86 0 0;
@@ -779,7 +779,7 @@
779
779
  --rounded-badge: 1.9rem;
780
780
  --animation-btn: 0.25s;
781
781
  --animation-input: .2s;
782
- --btn-text-case: uppercase;
782
+ --btn-text-case: normalcase;
783
783
  --btn-focus-scale: 0.95;
784
784
  --border-btn: 1px;
785
785
  --tab-border: 1px;
@@ -794,7 +794,7 @@
794
794
  --wa: 0.7124 0.1598 52.0234;
795
795
  --er: 0.6201 0.2084 28.7175
796
796
  }
797
- [data-theme=autumn] {
797
+ [data-theme=autumn], :root:has(input.theme-controller[value=autumn]:checked) {
798
798
  color-scheme: light;
799
799
  --b2: 0.8911 0 0;
800
800
  --b3: 0.824 0 0;
@@ -812,7 +812,7 @@
812
812
  --rounded-badge: 1.9rem;
813
813
  --animation-btn: 0.25s;
814
814
  --animation-input: .2s;
815
- --btn-text-case: uppercase;
815
+ --btn-text-case: normalcase;
816
816
  --btn-focus-scale: 0.95;
817
817
  --border-btn: 1px;
818
818
  --tab-border: 1px;
@@ -827,7 +827,7 @@
827
827
  --wa: 0.7008 0.1649 56.8443;
828
828
  --er: 0.5307 0.241 24.16
829
829
  }
830
- [data-theme=business] {
830
+ [data-theme=business], :root:has(input.theme-controller[value=business]:checked) {
831
831
  color-scheme: dark;
832
832
  --b2: 0.2265 0 0;
833
833
  --b3: 0.2094 0 0;
@@ -842,7 +842,7 @@
842
842
  --erc: 0.9032 0.0294 29.6745;
843
843
  --animation-btn: 0.25s;
844
844
  --animation-input: .2s;
845
- --btn-text-case: uppercase;
845
+ --btn-text-case: normalcase;
846
846
  --btn-focus-scale: 0.95;
847
847
  --border-btn: 1px;
848
848
  --tab-border: 1px;
@@ -860,7 +860,7 @@
860
860
  --rounded-btn: .125rem;
861
861
  --rounded-badge: .125rem
862
862
  }
863
- [data-theme=acid] {
863
+ [data-theme=acid], :root:has(input.theme-controller[value=acid]:checked) {
864
864
  color-scheme: light;
865
865
  --b2: 0.9161 0 0;
866
866
  --b3: 0.8472 0 0;
@@ -875,7 +875,7 @@
875
875
  --erc: 0.1297 0.0586 29.3492;
876
876
  --animation-btn: 0.25s;
877
877
  --animation-input: .2s;
878
- --btn-text-case: uppercase;
878
+ --btn-text-case: normalcase;
879
879
  --btn-focus-scale: 0.95;
880
880
  --border-btn: 1px;
881
881
  --tab-border: 1px;
@@ -893,7 +893,7 @@
893
893
  --rounded-btn: 1rem;
894
894
  --rounded-badge: 1rem
895
895
  }
896
- [data-theme=lemonade] {
896
+ [data-theme=lemonade], :root:has(input.theme-controller[value=lemonade]:checked) {
897
897
  color-scheme: light;
898
898
  --b2: 0.93 0 0;
899
899
  --b3: 0.86 0 0;
@@ -911,7 +911,7 @@
911
911
  --rounded-badge: 1.9rem;
912
912
  --animation-btn: 0.25s;
913
913
  --animation-input: .2s;
914
- --btn-text-case: uppercase;
914
+ --btn-text-case: normalcase;
915
915
  --btn-focus-scale: 0.95;
916
916
  --border-btn: 1px;
917
917
  --tab-border: 1px;
@@ -926,7 +926,7 @@
926
926
  --wa: 0.9169 0.1145 98.5167;
927
927
  --er: 0.8309 0.07 19.7656
928
928
  }
929
- [data-theme=night] {
929
+ [data-theme=night], :root:has(input.theme-controller[value=night]:checked) {
930
930
  color-scheme: dark;
931
931
  --b2: 0.1931 0.037 265.7549;
932
932
  --b3: 0.1786 0.0342 265.7549;
@@ -943,7 +943,7 @@
943
943
  --rounded-badge: 1.9rem;
944
944
  --animation-btn: 0.25s;
945
945
  --animation-input: .2s;
946
- --btn-text-case: uppercase;
946
+ --btn-text-case: normalcase;
947
947
  --btn-focus-scale: 0.95;
948
948
  --border-btn: 1px;
949
949
  --tab-border: 1px;
@@ -959,7 +959,7 @@
959
959
  --wa: 0.8324 0.1396 82.95;
960
960
  --er: 0.7179 0.1703 13.1183
961
961
  }
962
- [data-theme=coffee] {
962
+ [data-theme=coffee], :root:has(input.theme-controller[value=coffee]:checked) {
963
963
  color-scheme: dark;
964
964
  --b2: 0.2016 0.0215 329.7086;
965
965
  --b3: 0.1864 0.0198 329.7086;
@@ -976,7 +976,7 @@
976
976
  --rounded-badge: 1.9rem;
977
977
  --animation-btn: 0.25s;
978
978
  --animation-input: .2s;
979
- --btn-text-case: uppercase;
979
+ --btn-text-case: normalcase;
980
980
  --btn-focus-scale: 0.95;
981
981
  --border-btn: 1px;
982
982
  --tab-border: 1px;
@@ -992,7 +992,7 @@
992
992
  --wa: 0.8815 0.1408 87.7224;
993
993
  --er: 0.7732 0.1282 31.8719
994
994
  }
995
- [data-theme=winter] {
995
+ [data-theme=winter], :root:has(input.theme-controller[value=winter]:checked) {
996
996
  color-scheme: light;
997
997
  --pc: 0.1206 0.0435 257.5746;
998
998
  --sc: 0.8851 0.0322 282.3394;
@@ -1007,7 +1007,7 @@
1007
1007
  --rounded-badge: 1.9rem;
1008
1008
  --animation-btn: 0.25s;
1009
1009
  --animation-input: .2s;
1010
- --btn-text-case: uppercase;
1010
+ --btn-text-case: normalcase;
1011
1011
  --btn-focus-scale: 0.95;
1012
1012
  --border-btn: 1px;
1013
1013
  --tab-border: 1px;
@@ -1597,7 +1597,7 @@ html {
1597
1597
  text-decoration-line: none;
1598
1598
  border-width: var(--border-btn, 1px);
1599
1599
  animation: button-pop var(--animation-btn, 0.25s) ease-out;
1600
- text-transform: var(--btn-text-case, uppercase);
1600
+ text-transform: var(--btn-text-case, normalcase);
1601
1601
  --tw-text-opacity: 1;
1602
1602
  color: oklch(var(--bc) / var(--tw-text-opacity));
1603
1603
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
@@ -1931,10 +1931,17 @@ html {
1931
1931
  white-space: nowrap}
1932
1932
  .divider:before,
1933
1933
  .divider:after {
1934
- content: "";
1935
- flex-grow: 1;
1936
1934
  height: 0.125rem;
1937
- width: 100%}
1935
+ width: 100%;
1936
+ flex-grow: 1;
1937
+ --tw-content: '';
1938
+ content: var(--tw-content);
1939
+ --tw-bg-opacity: 1;
1940
+ background-color: oklch(var(--b3) / var(--tw-bg-opacity))}
1941
+ .divider-start:before {
1942
+ display: none}
1943
+ .divider-end:after {
1944
+ display: none}
1938
1945
  .drawer {
1939
1946
  position: relative;
1940
1947
  display: grid;
@@ -2215,7 +2222,7 @@ html {
2215
2222
  background-color: oklch(var(--n) / var(--tw-bg-opacity));
2216
2223
  font-weight: 600;
2217
2224
  text-transform: uppercase;
2218
- text-transform: var(--btn-text-case, uppercase);
2225
+ text-transform: var(--btn-text-case, normalcase);
2219
2226
  --tw-text-opacity: 1;
2220
2227
  color: oklch(var(--nc) / var(--tw-text-opacity));
2221
2228
  text-decoration-line: none;
@@ -3628,14 +3635,40 @@ details.collapse summary::-webkit-details-marker {
3628
3635
  .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
3629
3636
  .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
3630
3637
  content: "−"}
3631
- .divider:before {
3632
- background-color: oklch(var(--bc) / var(--tw-bg-opacity));
3633
- --tw-bg-opacity: 0.1}
3634
- .divider:after {
3635
- background-color: oklch(var(--bc) / var(--tw-bg-opacity));
3636
- --tw-bg-opacity: 0.1}
3637
3638
  .divider:not(:empty) {
3638
3639
  gap: 1rem}
3640
+ .divider-neutral:before,
3641
+ .divider-neutral:after {
3642
+ --tw-bg-opacity: 1;
3643
+ background-color: oklch(var(--n) / var(--tw-bg-opacity))}
3644
+ .divider-primary:before,
3645
+ .divider-primary:after {
3646
+ --tw-bg-opacity: 1;
3647
+ background-color: oklch(var(--p) / var(--tw-bg-opacity))}
3648
+ .divider-secondary:before,
3649
+ .divider-secondary:after {
3650
+ --tw-bg-opacity: 1;
3651
+ background-color: oklch(var(--s) / var(--tw-bg-opacity))}
3652
+ .divider-accent:before,
3653
+ .divider-accent:after {
3654
+ --tw-bg-opacity: 1;
3655
+ background-color: oklch(var(--a) / var(--tw-bg-opacity))}
3656
+ .divider-success:before,
3657
+ .divider-success:after {
3658
+ --tw-bg-opacity: 1;
3659
+ background-color: oklch(var(--su) / var(--tw-bg-opacity))}
3660
+ .divider-warning:before,
3661
+ .divider-warning:after {
3662
+ --tw-bg-opacity: 1;
3663
+ background-color: oklch(var(--wa) / var(--tw-bg-opacity))}
3664
+ .divider-info:before,
3665
+ .divider-info:after {
3666
+ --tw-bg-opacity: 1;
3667
+ background-color: oklch(var(--in) / var(--tw-bg-opacity))}
3668
+ .divider-error:before,
3669
+ .divider-error:after {
3670
+ --tw-bg-opacity: 1;
3671
+ background-color: oklch(var(--er) / var(--tw-bg-opacity))}
3639
3672
  .drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
3640
3673
  background-color: oklch(0 0 0/0.4)}
3641
3674
  .drawer-toggle:focus-visible ~ .drawer-content label.drawer-button {
@@ -21502,6 +21535,18 @@ details.collapse summary::-webkit-details-marker {
21502
21535
  background-color: oklch(var(--er) / var(--tw-bg-opacity));
21503
21536
  --tw-text-opacity: 1;
21504
21537
  color: oklch(var(--erc) / var(--tw-text-opacity))}
21538
+ .hover\:divider-success:hover:before,.hover\:divider-success:hover:after {
21539
+ --tw-bg-opacity: 1;
21540
+ background-color: oklch(var(--su) / var(--tw-bg-opacity))}
21541
+ .hover\:divider-warning:hover:before,.hover\:divider-warning:hover:after {
21542
+ --tw-bg-opacity: 1;
21543
+ background-color: oklch(var(--wa) / var(--tw-bg-opacity))}
21544
+ .hover\:divider-info:hover:before,.hover\:divider-info:hover:after {
21545
+ --tw-bg-opacity: 1;
21546
+ background-color: oklch(var(--in) / var(--tw-bg-opacity))}
21547
+ .hover\:divider-error:hover:before,.hover\:divider-error:hover:after {
21548
+ --tw-bg-opacity: 1;
21549
+ background-color: oklch(var(--er) / var(--tw-bg-opacity))}
21505
21550
  .hover\:file-input-info:hover {
21506
21551
  --tw-border-opacity: 1;
21507
21552
  border-color: oklch(var(--in) / var(--tw-border-opacity))}
@@ -22028,6 +22073,18 @@ details.collapse summary::-webkit-details-marker {
22028
22073
  background-color: oklch(var(--er) / var(--tw-bg-opacity));
22029
22074
  --tw-text-opacity: 1;
22030
22075
  color: oklch(var(--erc) / var(--tw-text-opacity))}
22076
+ .focus\:divider-success:focus:before,.focus\:divider-success:focus:after {
22077
+ --tw-bg-opacity: 1;
22078
+ background-color: oklch(var(--su) / var(--tw-bg-opacity))}
22079
+ .focus\:divider-warning:focus:before,.focus\:divider-warning:focus:after {
22080
+ --tw-bg-opacity: 1;
22081
+ background-color: oklch(var(--wa) / var(--tw-bg-opacity))}
22082
+ .focus\:divider-info:focus:before,.focus\:divider-info:focus:after {
22083
+ --tw-bg-opacity: 1;
22084
+ background-color: oklch(var(--in) / var(--tw-bg-opacity))}
22085
+ .focus\:divider-error:focus:before,.focus\:divider-error:focus:after {
22086
+ --tw-bg-opacity: 1;
22087
+ background-color: oklch(var(--er) / var(--tw-bg-opacity))}
22031
22088
  .focus\:file-input-info:focus {
22032
22089
  --tw-border-opacity: 1;
22033
22090
  border-color: oklch(var(--in) / var(--tw-border-opacity))}