daisyui 4.0.0-alpha.17 → 4.0.0-alpha.18
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/dist/full.css +43 -43
- package/dist/styled.css +5 -5
- package/dist/styled.js +1 -1
- package/dist/themes.css +22 -22
- package/dist/utilities-unstyled.js +1 -1
- package/package.json +1 -1
- package/src/theming/themes.js +15 -8
package/dist/full.css
CHANGED
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
--bc: 0.235742 0.066235 313.189598;
|
|
159
159
|
--rounded-btn: 1.9rem;
|
|
160
160
|
--tab-border: 2px;
|
|
161
|
-
--tab-radius: .
|
|
161
|
+
--tab-radius: 0.7rem
|
|
162
162
|
}
|
|
163
163
|
[data-theme=bumblebee], :root:has(input.theme-controller[value=bumblebee]:checked) {
|
|
164
164
|
color-scheme: light;
|
|
@@ -241,7 +241,6 @@
|
|
|
241
241
|
--erc: 0 0 0;
|
|
242
242
|
--border-btn: 1px;
|
|
243
243
|
--tab-border: 1px;
|
|
244
|
-
--tab-radius: 0.5rem;
|
|
245
244
|
--p: 0.6039 0.228 269.1;
|
|
246
245
|
--s: 0.653694 0.054756 256.688055;
|
|
247
246
|
--a: 0.769669 0.113994 163.57888;
|
|
@@ -252,6 +251,7 @@
|
|
|
252
251
|
--rounded-box: 0.25rem;
|
|
253
252
|
--rounded-btn: .125rem;
|
|
254
253
|
--rounded-badge: .125rem;
|
|
254
|
+
--tab-radius: 0.25rem;
|
|
255
255
|
--animation-btn: 0;
|
|
256
256
|
--animation-input: 0;
|
|
257
257
|
--btn-focus-scale: 1
|
|
@@ -299,7 +299,6 @@
|
|
|
299
299
|
--btn-focus-scale: 0.95;
|
|
300
300
|
--border-btn: 1px;
|
|
301
301
|
--tab-border: 1px;
|
|
302
|
-
--tab-radius: 0.5rem;
|
|
303
302
|
--p: 0.768664 0.104092 22.664655;
|
|
304
303
|
--pc: 0.265104 0.006243 0.522862;
|
|
305
304
|
--s: 0.807415 0.052534 159.094608;
|
|
@@ -318,7 +317,8 @@
|
|
|
318
317
|
--er: 0.6572 0.199 27.33;
|
|
319
318
|
--rounded-box: 0.4rem;
|
|
320
319
|
--rounded-btn: 0.4rem;
|
|
321
|
-
--rounded-badge: 0.4rem
|
|
320
|
+
--rounded-badge: 0.4rem;
|
|
321
|
+
--tab-radius: 0.4rem
|
|
322
322
|
}
|
|
323
323
|
[data-theme=cyberpunk], :root:has(input.theme-controller[value=cyberpunk]:checked) {
|
|
324
324
|
color-scheme: light;
|
|
@@ -371,7 +371,6 @@
|
|
|
371
371
|
--btn-focus-scale: 0.95;
|
|
372
372
|
--border-btn: 1px;
|
|
373
373
|
--tab-border: 1px;
|
|
374
|
-
--tab-radius: 0.5rem;
|
|
375
374
|
--p: 0.686197 0.153774 15.066527;
|
|
376
375
|
--s: 0.71971 0.14629 293.189609;
|
|
377
376
|
--a: 0.712685 0.074804 197.828857;
|
|
@@ -383,7 +382,8 @@
|
|
|
383
382
|
--su: 0.627052 0.169912 149.213788;
|
|
384
383
|
--wa: 0.66584 0.157422 58.31834;
|
|
385
384
|
--er: 0.7307 0.207 27.33;
|
|
386
|
-
--rounded-btn: 1.9rem
|
|
385
|
+
--rounded-btn: 1.9rem;
|
|
386
|
+
--tab-radius: 0.7rem
|
|
387
387
|
}
|
|
388
388
|
[data-theme=halloween], :root:has(input.theme-controller[value=halloween]:checked) {
|
|
389
389
|
color-scheme: dark;
|
|
@@ -540,10 +540,10 @@
|
|
|
540
540
|
--rounded-box: 0.25rem;
|
|
541
541
|
--rounded-btn: 0.125rem;
|
|
542
542
|
--rounded-badge: 0.125rem;
|
|
543
|
+
--tab-radius: 0.125rem;
|
|
543
544
|
--animation-btn: 0;
|
|
544
545
|
--animation-input: 0;
|
|
545
|
-
--btn-focus-scale: 1
|
|
546
|
-
--tab-radius: 0
|
|
546
|
+
--btn-focus-scale: 1
|
|
547
547
|
}
|
|
548
548
|
[data-theme=pastel], :root:has(input.theme-controller[value=pastel]:checked) {
|
|
549
549
|
color-scheme: light;
|
|
@@ -567,7 +567,6 @@
|
|
|
567
567
|
--btn-focus-scale: 0.95;
|
|
568
568
|
--border-btn: 1px;
|
|
569
569
|
--tab-border: 1px;
|
|
570
|
-
--tab-radius: 0.5rem;
|
|
571
570
|
--p: 0.830828 0.034896 316.8737;
|
|
572
571
|
--s: 0.880763 0.049197 8.688364;
|
|
573
572
|
--a: 0.892096 0.06028 170.923263;
|
|
@@ -575,7 +574,8 @@
|
|
|
575
574
|
--b1: 1 0 0;
|
|
576
575
|
--b2: 0.984625 0.001706 247.838921;
|
|
577
576
|
--b3: 0.871681 0.009339 258.338227;
|
|
578
|
-
--rounded-btn: 1.9rem
|
|
577
|
+
--rounded-btn: 1.9rem;
|
|
578
|
+
--tab-radius: 0.7rem
|
|
579
579
|
}
|
|
580
580
|
[data-theme=fantasy], :root:has(input.theme-controller[value=fantasy]:checked) {
|
|
581
581
|
color-scheme: light;
|
|
@@ -852,7 +852,6 @@
|
|
|
852
852
|
--btn-focus-scale: 0.95;
|
|
853
853
|
--border-btn: 1px;
|
|
854
854
|
--tab-border: 1px;
|
|
855
|
-
--tab-radius: 0.5rem;
|
|
856
855
|
--p: 0.719 0.357 330.759573;
|
|
857
856
|
--s: 0.7337 0.224 48.250878;
|
|
858
857
|
--a: 0.9278 0.264 122.962951;
|
|
@@ -864,7 +863,8 @@
|
|
|
864
863
|
--er: 0.6484 0.293 29.349188;
|
|
865
864
|
--rounded-box: 1.25rem;
|
|
866
865
|
--rounded-btn: 1rem;
|
|
867
|
-
--rounded-badge: 1rem
|
|
866
|
+
--rounded-badge: 1rem;
|
|
867
|
+
--tab-radius: 0.7rem
|
|
868
868
|
}
|
|
869
869
|
[data-theme=lemonade], :root:has(input.theme-controller[value=lemonade]:checked) {
|
|
870
870
|
color-scheme: light;
|
|
@@ -1027,7 +1027,7 @@
|
|
|
1027
1027
|
--er: 0.824189 0.09957 33.756357
|
|
1028
1028
|
}
|
|
1029
1029
|
[data-theme=nord], :root:has(input.theme-controller[value=nord]:checked) {
|
|
1030
|
-
color-scheme:
|
|
1030
|
+
color-scheme: light;
|
|
1031
1031
|
--pc: 0.118872 0.015449 254.027774;
|
|
1032
1032
|
--sc: 0.139303 0.011822 248.687186;
|
|
1033
1033
|
--ac: 0.154929 0.01245 217.469017;
|
|
@@ -1040,7 +1040,6 @@
|
|
|
1040
1040
|
--btn-focus-scale: 0.95;
|
|
1041
1041
|
--border-btn: 1px;
|
|
1042
1042
|
--tab-border: 1px;
|
|
1043
|
-
--tab-radius: 0.5rem;
|
|
1044
1043
|
--p: 0.594359 0.077246 254.027774;
|
|
1045
1044
|
--s: 0.696516 0.059108 248.687186;
|
|
1046
1045
|
--a: 0.774643 0.062249 217.469017;
|
|
@@ -1056,7 +1055,8 @@
|
|
|
1056
1055
|
--er: 0.6061 0.120594 15.341883;
|
|
1057
1056
|
--rounded-box: 0.4rem;
|
|
1058
1057
|
--rounded-btn: 0.2rem;
|
|
1059
|
-
--rounded-badge: 0.4rem
|
|
1058
|
+
--rounded-badge: 0.4rem;
|
|
1059
|
+
--tab-radius: 0.2rem
|
|
1060
1060
|
}
|
|
1061
1061
|
[data-theme=sunset], :root:has(input.theme-controller[value=sunset]:checked) {
|
|
1062
1062
|
color-scheme: dark;
|
|
@@ -1072,15 +1072,14 @@
|
|
|
1072
1072
|
--btn-focus-scale: 0.95;
|
|
1073
1073
|
--border-btn: 1px;
|
|
1074
1074
|
--tab-border: 1px;
|
|
1075
|
-
--tab-radius: 0.5rem;
|
|
1076
1075
|
--p: 0.747039 0.158278 39.94703;
|
|
1077
1076
|
--s: 0.725375 0.177654 2.72034;
|
|
1078
1077
|
--a: 0.712947 0.166678 299.844533;
|
|
1079
|
-
--n: 0.
|
|
1080
|
-
--nc: 0.
|
|
1081
|
-
--b1: 0.
|
|
1082
|
-
--b2: 0.
|
|
1083
|
-
--b3: 0 0
|
|
1078
|
+
--n: 0.26 0.019 237.69;
|
|
1079
|
+
--nc: 0.7 0.019 237.69;
|
|
1080
|
+
--b1: 0.22 0.019 237.69;
|
|
1081
|
+
--b2: 0.2 0.019 237.69;
|
|
1082
|
+
--b3: 0.18 0.019 237.69;
|
|
1084
1083
|
--bc: 0.773835 0.043586 245.096534;
|
|
1085
1084
|
--in: 0.855596 0.085271 206.015183;
|
|
1086
1085
|
--su: 0.855609 0.08586 144.77874;
|
|
@@ -1088,7 +1087,8 @@
|
|
|
1088
1087
|
--er: 0.855116 0.07889 16.886379;
|
|
1089
1088
|
--rounded-box: 1.2rem;
|
|
1090
1089
|
--rounded-btn: 0.8rem;
|
|
1091
|
-
--rounded-badge: 0.4rem
|
|
1090
|
+
--rounded-badge: 0.4rem;
|
|
1091
|
+
--tab-radius: 0.7rem
|
|
1092
1092
|
}
|
|
1093
1093
|
/*
|
|
1094
1094
|
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
|
|
@@ -5054,20 +5054,20 @@ select.select {
|
|
|
5054
5054
|
background-position: top left,
|
|
5055
5055
|
top right;
|
|
5056
5056
|
background-repeat: no-repeat;
|
|
5057
|
-
--tab-grad: calc(
|
|
5057
|
+
--tab-grad: calc(69% - var(--tab-border, 1px));
|
|
5058
5058
|
--radius-start: radial-gradient(
|
|
5059
5059
|
circle at top left,
|
|
5060
5060
|
transparent var(--tab-grad),
|
|
5061
|
-
var(--tab-border-color) calc(var(--tab-grad) + 0.
|
|
5061
|
+
var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
|
|
5062
5062
|
var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
|
|
5063
|
-
var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.
|
|
5063
|
+
var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
|
|
5064
5064
|
);
|
|
5065
5065
|
--radius-end: radial-gradient(
|
|
5066
5066
|
circle at top right,
|
|
5067
5067
|
transparent var(--tab-grad),
|
|
5068
|
-
var(--tab-border-color) calc(var(--tab-grad) + 0.
|
|
5068
|
+
var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
|
|
5069
5069
|
var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
|
|
5070
|
-
var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.
|
|
5070
|
+
var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
|
|
5071
5071
|
);
|
|
5072
5072
|
background-image: var(--radius-start), var(--radius-end)}
|
|
5073
5073
|
.tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted .tab:is(input:checked):first-child:before {
|
|
@@ -20626,28 +20626,28 @@ select.select {
|
|
|
20626
20626
|
top: 0px;
|
|
20627
20627
|
--tw-translate-y: -50%;
|
|
20628
20628
|
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))}
|
|
20629
|
-
.input-xs {
|
|
20629
|
+
.input-xs, input.input-xs {
|
|
20630
20630
|
height: 1.5rem;
|
|
20631
20631
|
padding-left: 0.5rem;
|
|
20632
20632
|
padding-right: 0.5rem;
|
|
20633
20633
|
font-size: 0.75rem;
|
|
20634
20634
|
line-height: 1rem;
|
|
20635
20635
|
line-height: 1.625}
|
|
20636
|
-
.input-md {
|
|
20636
|
+
.input-md, input.input-md {
|
|
20637
20637
|
height: 3rem;
|
|
20638
20638
|
padding-left: 1rem;
|
|
20639
20639
|
padding-right: 1rem;
|
|
20640
20640
|
font-size: 0.875rem;
|
|
20641
20641
|
line-height: 1.25rem;
|
|
20642
20642
|
line-height: 2}
|
|
20643
|
-
.input-lg {
|
|
20643
|
+
.input-lg, input.input-lg {
|
|
20644
20644
|
height: 4rem;
|
|
20645
20645
|
padding-left: 1.5rem;
|
|
20646
20646
|
padding-right: 1.5rem;
|
|
20647
20647
|
font-size: 1.125rem;
|
|
20648
20648
|
line-height: 1.75rem;
|
|
20649
20649
|
line-height: 2}
|
|
20650
|
-
.input-sm {
|
|
20650
|
+
.input-sm, input.input-sm {
|
|
20651
20651
|
height: 2rem;
|
|
20652
20652
|
padding-left: 0.75rem;
|
|
20653
20653
|
padding-right: 0.75rem;
|
|
@@ -43902,21 +43902,21 @@ select.select {
|
|
|
43902
43902
|
.sm\:file-input-lg::file-selector-button {
|
|
43903
43903
|
margin-right: 1.5rem;
|
|
43904
43904
|
font-size: 1.125rem}
|
|
43905
|
-
.sm\:input-md {
|
|
43905
|
+
.sm\:input-md, input.sm\:input-md {
|
|
43906
43906
|
height: 3rem;
|
|
43907
43907
|
padding-left: 1rem;
|
|
43908
43908
|
padding-right: 1rem;
|
|
43909
43909
|
font-size: 0.875rem;
|
|
43910
43910
|
line-height: 1.25rem;
|
|
43911
43911
|
line-height: 2}
|
|
43912
|
-
.sm\:input-lg {
|
|
43912
|
+
.sm\:input-lg, input.sm\:input-lg {
|
|
43913
43913
|
height: 4rem;
|
|
43914
43914
|
padding-left: 1.5rem;
|
|
43915
43915
|
padding-right: 1.5rem;
|
|
43916
43916
|
font-size: 1.125rem;
|
|
43917
43917
|
line-height: 1.75rem;
|
|
43918
43918
|
line-height: 2}
|
|
43919
|
-
.sm\:input-sm {
|
|
43919
|
+
.sm\:input-sm, input.sm\:input-sm {
|
|
43920
43920
|
height: 2rem;
|
|
43921
43921
|
padding-left: 0.75rem;
|
|
43922
43922
|
padding-right: 0.75rem;
|
|
@@ -44424,21 +44424,21 @@ select.select {
|
|
|
44424
44424
|
.md\:file-input-lg::file-selector-button {
|
|
44425
44425
|
margin-right: 1.5rem;
|
|
44426
44426
|
font-size: 1.125rem}
|
|
44427
|
-
.md\:input-md {
|
|
44427
|
+
.md\:input-md, input.md\:input-md {
|
|
44428
44428
|
height: 3rem;
|
|
44429
44429
|
padding-left: 1rem;
|
|
44430
44430
|
padding-right: 1rem;
|
|
44431
44431
|
font-size: 0.875rem;
|
|
44432
44432
|
line-height: 1.25rem;
|
|
44433
44433
|
line-height: 2}
|
|
44434
|
-
.md\:input-lg {
|
|
44434
|
+
.md\:input-lg, input.md\:input-lg {
|
|
44435
44435
|
height: 4rem;
|
|
44436
44436
|
padding-left: 1.5rem;
|
|
44437
44437
|
padding-right: 1.5rem;
|
|
44438
44438
|
font-size: 1.125rem;
|
|
44439
44439
|
line-height: 1.75rem;
|
|
44440
44440
|
line-height: 2}
|
|
44441
|
-
.md\:input-sm {
|
|
44441
|
+
.md\:input-sm, input.md\:input-sm {
|
|
44442
44442
|
height: 2rem;
|
|
44443
44443
|
padding-left: 0.75rem;
|
|
44444
44444
|
padding-right: 0.75rem;
|
|
@@ -44946,21 +44946,21 @@ select.select {
|
|
|
44946
44946
|
.lg\:file-input-lg::file-selector-button {
|
|
44947
44947
|
margin-right: 1.5rem;
|
|
44948
44948
|
font-size: 1.125rem}
|
|
44949
|
-
.lg\:input-md {
|
|
44949
|
+
.lg\:input-md, input.lg\:input-md {
|
|
44950
44950
|
height: 3rem;
|
|
44951
44951
|
padding-left: 1rem;
|
|
44952
44952
|
padding-right: 1rem;
|
|
44953
44953
|
font-size: 0.875rem;
|
|
44954
44954
|
line-height: 1.25rem;
|
|
44955
44955
|
line-height: 2}
|
|
44956
|
-
.lg\:input-lg {
|
|
44956
|
+
.lg\:input-lg, input.lg\:input-lg {
|
|
44957
44957
|
height: 4rem;
|
|
44958
44958
|
padding-left: 1.5rem;
|
|
44959
44959
|
padding-right: 1.5rem;
|
|
44960
44960
|
font-size: 1.125rem;
|
|
44961
44961
|
line-height: 1.75rem;
|
|
44962
44962
|
line-height: 2}
|
|
44963
|
-
.lg\:input-sm {
|
|
44963
|
+
.lg\:input-sm, input.lg\:input-sm {
|
|
44964
44964
|
height: 2rem;
|
|
44965
44965
|
padding-left: 0.75rem;
|
|
44966
44966
|
padding-right: 0.75rem;
|
|
@@ -45468,21 +45468,21 @@ select.select {
|
|
|
45468
45468
|
.xl\:file-input-lg::file-selector-button {
|
|
45469
45469
|
margin-right: 1.5rem;
|
|
45470
45470
|
font-size: 1.125rem}
|
|
45471
|
-
.xl\:input-md {
|
|
45471
|
+
.xl\:input-md, input.xl\:input-md {
|
|
45472
45472
|
height: 3rem;
|
|
45473
45473
|
padding-left: 1rem;
|
|
45474
45474
|
padding-right: 1rem;
|
|
45475
45475
|
font-size: 0.875rem;
|
|
45476
45476
|
line-height: 1.25rem;
|
|
45477
45477
|
line-height: 2}
|
|
45478
|
-
.xl\:input-lg {
|
|
45478
|
+
.xl\:input-lg, input.xl\:input-lg {
|
|
45479
45479
|
height: 4rem;
|
|
45480
45480
|
padding-left: 1.5rem;
|
|
45481
45481
|
padding-right: 1.5rem;
|
|
45482
45482
|
font-size: 1.125rem;
|
|
45483
45483
|
line-height: 1.75rem;
|
|
45484
45484
|
line-height: 2}
|
|
45485
|
-
.xl\:input-sm {
|
|
45485
|
+
.xl\:input-sm, input.xl\:input-sm {
|
|
45486
45486
|
height: 2rem;
|
|
45487
45487
|
padding-left: 0.75rem;
|
|
45488
45488
|
padding-right: 0.75rem;
|
package/dist/styled.css
CHANGED
|
@@ -4615,20 +4615,20 @@ select.select {
|
|
|
4615
4615
|
top left,
|
|
4616
4616
|
top right;
|
|
4617
4617
|
background-repeat: no-repeat;
|
|
4618
|
-
--tab-grad: calc(
|
|
4618
|
+
--tab-grad: calc(69% - var(--tab-border, 1px));
|
|
4619
4619
|
--radius-start: radial-gradient(
|
|
4620
4620
|
circle at top left,
|
|
4621
4621
|
transparent var(--tab-grad),
|
|
4622
|
-
var(--tab-border-color) calc(var(--tab-grad) + 0.
|
|
4622
|
+
var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
|
|
4623
4623
|
var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
|
|
4624
|
-
var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.
|
|
4624
|
+
var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
|
|
4625
4625
|
);
|
|
4626
4626
|
--radius-end: radial-gradient(
|
|
4627
4627
|
circle at top right,
|
|
4628
4628
|
transparent var(--tab-grad),
|
|
4629
|
-
var(--tab-border-color) calc(var(--tab-grad) + 0.
|
|
4629
|
+
var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
|
|
4630
4630
|
var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
|
|
4631
|
-
var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.
|
|
4631
|
+
var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
|
|
4632
4632
|
);
|
|
4633
4633
|
background-image: var(--radius-start), var(--radius-end);
|
|
4634
4634
|
}
|