@shuriken-ui/tailwind 3.0.4 → 3.1.1
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/index.d.cts +2 -2
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/plugins/index.cjs +648 -25
- package/dist/plugins/index.mjs +648 -25
- package/dist/preset.d.cts +1 -1
- package/dist/preset.d.mts +1 -1
- package/dist/preset.d.ts +1 -1
- package/dist/shared/{tailwind.e5cd79f7.d.cts → tailwind.6e316a50.d.cts} +1320 -0
- package/dist/shared/{tailwind.e5cd79f7.d.mts → tailwind.6e316a50.d.mts} +1320 -0
- package/dist/shared/{tailwind.e5cd79f7.d.ts → tailwind.6e316a50.d.ts} +1320 -0
- package/package.json +1 -1
package/dist/plugins/index.cjs
CHANGED
@@ -687,6 +687,23 @@ const defaultConfig$R = {
|
|
687
687
|
clear: {
|
688
688
|
size: "12"
|
689
689
|
}
|
690
|
+
},
|
691
|
+
xl: {
|
692
|
+
font: {
|
693
|
+
size: "sm"
|
694
|
+
},
|
695
|
+
icon: {
|
696
|
+
size: {
|
697
|
+
inner: "5",
|
698
|
+
outer: "14"
|
699
|
+
}
|
700
|
+
},
|
701
|
+
placeload: {
|
702
|
+
size: "14"
|
703
|
+
},
|
704
|
+
clear: {
|
705
|
+
size: "14"
|
706
|
+
}
|
690
707
|
}
|
691
708
|
},
|
692
709
|
color: {
|
@@ -876,6 +893,11 @@ const defaultConfig$R = {
|
|
876
893
|
font: {
|
877
894
|
size: "sm"
|
878
895
|
}
|
896
|
+
},
|
897
|
+
xl: {
|
898
|
+
font: {
|
899
|
+
size: "base"
|
900
|
+
}
|
879
901
|
}
|
880
902
|
},
|
881
903
|
label: {
|
@@ -902,6 +924,15 @@ const defaultConfig$R = {
|
|
902
924
|
unfocus: "[0.825rem]"
|
903
925
|
}
|
904
926
|
}
|
927
|
+
},
|
928
|
+
xl: {
|
929
|
+
font: {
|
930
|
+
size: {
|
931
|
+
base: "xs",
|
932
|
+
focus: "xs",
|
933
|
+
unfocus: "[0.825rem]"
|
934
|
+
}
|
935
|
+
}
|
905
936
|
}
|
906
937
|
}
|
907
938
|
}
|
@@ -919,6 +950,11 @@ const defaultConfig$R = {
|
|
919
950
|
}
|
920
951
|
},
|
921
952
|
lg: {
|
953
|
+
font: {
|
954
|
+
size: "sm"
|
955
|
+
}
|
956
|
+
},
|
957
|
+
xl: {
|
922
958
|
font: {
|
923
959
|
size: "base"
|
924
960
|
}
|
@@ -948,6 +984,15 @@ const defaultConfig$R = {
|
|
948
984
|
unfocus: "[0.825rem]"
|
949
985
|
}
|
950
986
|
}
|
987
|
+
},
|
988
|
+
xl: {
|
989
|
+
font: {
|
990
|
+
size: {
|
991
|
+
base: "xs",
|
992
|
+
focus: "xs",
|
993
|
+
unfocus: "[0.825rem]"
|
994
|
+
}
|
995
|
+
}
|
951
996
|
}
|
952
997
|
}
|
953
998
|
}
|
@@ -1206,6 +1251,27 @@ const autocomplete = plugin__default(({ addComponents, theme }) => {
|
|
1206
1251
|
[`@apply h-${config2.size.lg.clear.size} w-${config2.size.lg.clear.size}`]: {}
|
1207
1252
|
}
|
1208
1253
|
},
|
1254
|
+
//Size:xl
|
1255
|
+
"&.nui-autocomplete-xl": {
|
1256
|
+
".nui-autocomplete-label": {
|
1257
|
+
[`@apply pb-1 text-${config2.size.xl.font.size}`]: {}
|
1258
|
+
},
|
1259
|
+
".nui-label-float": {
|
1260
|
+
"@apply top-[1.1rem]": {}
|
1261
|
+
},
|
1262
|
+
".nui-autocomplete-icon": {
|
1263
|
+
[`@apply h-${config2.size.xl.icon.size.outer} w-${config2.size.xl.icon.size.outer}`]: {},
|
1264
|
+
".nui-autocomplete-icon-inner": {
|
1265
|
+
[`@apply h-${config2.size.xl.icon.size.inner} w-${config2.size.xl.icon.size.inner}`]: {}
|
1266
|
+
}
|
1267
|
+
},
|
1268
|
+
".nui-autocomplete-placeload": {
|
1269
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
1270
|
+
},
|
1271
|
+
".nui-autocomplete-clear": {
|
1272
|
+
[`@apply h-${config2.size.xl.clear.size} w-${config2.size.xl.clear.size}`]: {}
|
1273
|
+
}
|
1274
|
+
},
|
1209
1275
|
//Color:default
|
1210
1276
|
"&.nui-autocomplete-default": {
|
1211
1277
|
".nui-autocomplete-input": {
|
@@ -1386,6 +1452,18 @@ const autocomplete = plugin__default(({ addComponents, theme }) => {
|
|
1386
1452
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
|
1387
1453
|
}
|
1388
1454
|
},
|
1455
|
+
//Size:xl without icon
|
1456
|
+
"&:not(.nui-has-icon).nui-autocomplete-xl": {
|
1457
|
+
".nui-autocomplete-input": {
|
1458
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
|
1459
|
+
}
|
1460
|
+
},
|
1461
|
+
//Size:xl with icon
|
1462
|
+
"&.nui-has-icon.nui-autocomplete-xl": {
|
1463
|
+
".nui-autocomplete-input": {
|
1464
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-12`]: {}
|
1465
|
+
}
|
1466
|
+
},
|
1389
1467
|
//Size:sm without icon and label float
|
1390
1468
|
"&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-sm": {
|
1391
1469
|
".nui-label-float": {
|
@@ -1437,7 +1515,7 @@ const autocomplete = plugin__default(({ addComponents, theme }) => {
|
|
1437
1515
|
//Size:lg without icon and label float
|
1438
1516
|
"&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-lg": {
|
1439
1517
|
".nui-label-float": {
|
1440
|
-
[`@apply start-3 -ms-3 -mt-
|
1518
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
1441
1519
|
},
|
1442
1520
|
".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
|
1443
1521
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -1449,7 +1527,7 @@ const autocomplete = plugin__default(({ addComponents, theme }) => {
|
|
1449
1527
|
//Size:lg with icon and label float
|
1450
1528
|
"&.nui-autocomplete-label-float.nui-has-icon.nui-autocomplete-lg": {
|
1451
1529
|
".nui-label-float": {
|
1452
|
-
[`@apply start-11 -ms-10 -mt-
|
1530
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
1453
1531
|
},
|
1454
1532
|
".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
|
1455
1533
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -1457,6 +1535,30 @@ const autocomplete = plugin__default(({ addComponents, theme }) => {
|
|
1457
1535
|
".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
|
1458
1536
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
1459
1537
|
}
|
1538
|
+
},
|
1539
|
+
//Size:xl without icon and label float
|
1540
|
+
"&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-xl": {
|
1541
|
+
".nui-label-float": {
|
1542
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
1543
|
+
},
|
1544
|
+
".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
|
1545
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
1546
|
+
},
|
1547
|
+
".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
|
1548
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
1549
|
+
}
|
1550
|
+
},
|
1551
|
+
//Size:xl with icon and label float
|
1552
|
+
"&.nui-autocomplete-label-float.nui-has-icon.nui-autocomplete-xl": {
|
1553
|
+
".nui-label-float": {
|
1554
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
1555
|
+
},
|
1556
|
+
".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
|
1557
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
1558
|
+
},
|
1559
|
+
".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
|
1560
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
1561
|
+
}
|
1460
1562
|
}
|
1461
1563
|
}
|
1462
1564
|
});
|
@@ -3557,6 +3659,10 @@ const defaultConfig$M = {
|
|
3557
3659
|
lg: {
|
3558
3660
|
outer: "12",
|
3559
3661
|
inner: "5"
|
3662
|
+
},
|
3663
|
+
xl: {
|
3664
|
+
outer: "14",
|
3665
|
+
inner: "6"
|
3560
3666
|
}
|
3561
3667
|
},
|
3562
3668
|
rounded: {
|
@@ -3854,6 +3960,14 @@ const buttonClose = plugin__default(({ addComponents, theme }) => {
|
|
3854
3960
|
[`@apply h-${config2.size.lg.inner} w-${config2.size.lg.inner} fill-current`]: {}
|
3855
3961
|
}
|
3856
3962
|
},
|
3963
|
+
//Size:xl
|
3964
|
+
"&.nui-button-xl": {
|
3965
|
+
[`@apply h-${config2.size.xl.outer} w-${config2.size.xl.outer}`]: {},
|
3966
|
+
//Icon
|
3967
|
+
".nui-button-icon": {
|
3968
|
+
[`@apply h-${config2.size.xl.inner} w-${config2.size.xl.inner} fill-current`]: {}
|
3969
|
+
}
|
3970
|
+
},
|
3857
3971
|
//Rounded:sm
|
3858
3972
|
"&.nui-button-rounded-sm": {
|
3859
3973
|
[`@apply ${config2.rounded.sm}`]: {}
|
@@ -4104,6 +4218,14 @@ const buttonGroup = plugin__default(
|
|
4104
4218
|
}
|
4105
4219
|
}
|
4106
4220
|
},
|
4221
|
+
".nui-select-wrapper:last-child:not(:first-child)": {
|
4222
|
+
".nui-select": {
|
4223
|
+
"@apply !border-e !rounded-s-none": {},
|
4224
|
+
"&:focus": {
|
4225
|
+
"@apply !z-10 relative": {}
|
4226
|
+
}
|
4227
|
+
}
|
4228
|
+
},
|
4107
4229
|
// Autocomplete
|
4108
4230
|
".nui-autocomplete:not(:first-child):not(:last-child)": {
|
4109
4231
|
".nui-autocomplete-input": {
|
@@ -4209,6 +4331,10 @@ const defaultConfig$K = {
|
|
4209
4331
|
lg: {
|
4210
4332
|
size: "12",
|
4211
4333
|
padding: "3"
|
4334
|
+
},
|
4335
|
+
xl: {
|
4336
|
+
size: "14",
|
4337
|
+
padding: "4"
|
4212
4338
|
}
|
4213
4339
|
},
|
4214
4340
|
color: {
|
@@ -4461,17 +4587,21 @@ const buttonIcon = plugin__default(({ addComponents, theme }) => {
|
|
4461
4587
|
//Transition
|
4462
4588
|
[`@apply transition-${config2.transition.property} duration-${config2.transition.duration}`]: {},
|
4463
4589
|
//Size:sm
|
4464
|
-
"&.nui-button-
|
4590
|
+
"&.nui-button-sm": {
|
4465
4591
|
[`@apply h-${config2.size.sm.size} w-${config2.size.sm.size} p-${config2.size.sm.padding}`]: {}
|
4466
4592
|
},
|
4467
4593
|
//Size:md
|
4468
|
-
"&.nui-button-
|
4594
|
+
"&.nui-button-md": {
|
4469
4595
|
[`@apply h-${config2.size.md.size} w-${config2.size.md.size} p-${config2.size.md.padding}`]: {}
|
4470
4596
|
},
|
4471
4597
|
//Size:lg
|
4472
|
-
"&.nui-button-
|
4598
|
+
"&.nui-button-lg": {
|
4473
4599
|
[`@apply h-${config2.size.lg.size} w-${config2.size.lg.size} p-${config2.size.lg.padding}`]: {}
|
4474
4600
|
},
|
4601
|
+
//Size:xl
|
4602
|
+
"&.nui-button-xl": {
|
4603
|
+
[`@apply h-${config2.size.xl.size} w-${config2.size.xl.size} p-${config2.size.xl.padding}`]: {}
|
4604
|
+
},
|
4475
4605
|
//Rounded:sm
|
4476
4606
|
"&.nui-button-rounded-sm": {
|
4477
4607
|
[`@apply ${config2.rounded.sm}`]: {}
|
@@ -8846,6 +8976,11 @@ const defaultConfig$z = {
|
|
8846
8976
|
font: {
|
8847
8977
|
size: "sm"
|
8848
8978
|
}
|
8979
|
+
},
|
8980
|
+
xl: {
|
8981
|
+
font: {
|
8982
|
+
size: "sm"
|
8983
|
+
}
|
8849
8984
|
}
|
8850
8985
|
},
|
8851
8986
|
enabled: {
|
@@ -8872,6 +9007,14 @@ const defaultConfig$z = {
|
|
8872
9007
|
icon: {
|
8873
9008
|
size: "5"
|
8874
9009
|
}
|
9010
|
+
},
|
9011
|
+
xl: {
|
9012
|
+
font: {
|
9013
|
+
size: "sm"
|
9014
|
+
},
|
9015
|
+
icon: {
|
9016
|
+
size: "6"
|
9017
|
+
}
|
8875
9018
|
}
|
8876
9019
|
}
|
8877
9020
|
}
|
@@ -9102,6 +9245,35 @@ const inputFileRegular = plugin__default(({ addComponents, theme }) => {
|
|
9102
9245
|
"@apply top-[1.2rem]": {}
|
9103
9246
|
}
|
9104
9247
|
},
|
9248
|
+
//Without icon && Size:xl
|
9249
|
+
"&.nui-input-xl:not(.nui-has-icon)": {
|
9250
|
+
[`@apply text-${config2.icon.disabled.xl.font.size} leading-5`]: {},
|
9251
|
+
".nui-input-file-inner": {
|
9252
|
+
"@apply h-14 gap-2": {}
|
9253
|
+
},
|
9254
|
+
".nui-input-file-addon": {
|
9255
|
+
"@apply h-14 px-5": {}
|
9256
|
+
},
|
9257
|
+
".nui-input-file-placeload": {
|
9258
|
+
"@apply top-[1.4rem]": {}
|
9259
|
+
}
|
9260
|
+
},
|
9261
|
+
//With icon && Size:xl
|
9262
|
+
"&.nui-input-xl.nui-has-icon": {
|
9263
|
+
[`@apply text-${config2.icon.enabled.xl.font.size} leading-5`]: {},
|
9264
|
+
".nui-input-file-inner": {
|
9265
|
+
"@apply h-14 pe-4": {}
|
9266
|
+
},
|
9267
|
+
".nui-input-file-addon": {
|
9268
|
+
"@apply h-14 px-5": {}
|
9269
|
+
},
|
9270
|
+
".nui-input-file-icon": {
|
9271
|
+
[`@apply w-${config2.icon.enabled.xl.icon.size} h-${config2.icon.enabled.xl.icon.size}`]: {}
|
9272
|
+
},
|
9273
|
+
".nui-input-file-placeload": {
|
9274
|
+
"@apply top-[1.4rem]": {}
|
9275
|
+
}
|
9276
|
+
},
|
9105
9277
|
//Input:hover
|
9106
9278
|
"&:hover": {
|
9107
9279
|
".nui-input-file-addon": {
|
@@ -9732,7 +9904,8 @@ const defaultConfig$x = {
|
|
9732
9904
|
padding: {
|
9733
9905
|
sm: "8",
|
9734
9906
|
md: "10",
|
9735
|
-
lg: "12"
|
9907
|
+
lg: "12",
|
9908
|
+
xl: "14"
|
9736
9909
|
},
|
9737
9910
|
transition: {
|
9738
9911
|
property: "colors",
|
@@ -9829,6 +10002,24 @@ const defaultConfig$x = {
|
|
9829
10002
|
placeload: {
|
9830
10003
|
size: "12"
|
9831
10004
|
}
|
10005
|
+
},
|
10006
|
+
xl: {
|
10007
|
+
label: {
|
10008
|
+
font: {
|
10009
|
+
size: "sm"
|
10010
|
+
}
|
10011
|
+
},
|
10012
|
+
icon: {
|
10013
|
+
outer: {
|
10014
|
+
size: "14"
|
10015
|
+
},
|
10016
|
+
inner: {
|
10017
|
+
size: "5"
|
10018
|
+
}
|
10019
|
+
},
|
10020
|
+
placeload: {
|
10021
|
+
size: "14"
|
10022
|
+
}
|
9832
10023
|
}
|
9833
10024
|
},
|
9834
10025
|
color: {
|
@@ -9946,6 +10137,11 @@ const defaultConfig$x = {
|
|
9946
10137
|
font: {
|
9947
10138
|
size: "sm"
|
9948
10139
|
}
|
10140
|
+
},
|
10141
|
+
xl: {
|
10142
|
+
font: {
|
10143
|
+
size: "base"
|
10144
|
+
}
|
9949
10145
|
}
|
9950
10146
|
},
|
9951
10147
|
label: {
|
@@ -9972,6 +10168,15 @@ const defaultConfig$x = {
|
|
9972
10168
|
unfocus: "[0.825rem]"
|
9973
10169
|
}
|
9974
10170
|
}
|
10171
|
+
},
|
10172
|
+
xl: {
|
10173
|
+
font: {
|
10174
|
+
size: {
|
10175
|
+
base: "xs",
|
10176
|
+
focus: "xs",
|
10177
|
+
unfocus: "[0.825rem]"
|
10178
|
+
}
|
10179
|
+
}
|
9975
10180
|
}
|
9976
10181
|
}
|
9977
10182
|
}
|
@@ -9989,6 +10194,11 @@ const defaultConfig$x = {
|
|
9989
10194
|
}
|
9990
10195
|
},
|
9991
10196
|
lg: {
|
10197
|
+
font: {
|
10198
|
+
size: "sm"
|
10199
|
+
}
|
10200
|
+
},
|
10201
|
+
xl: {
|
9992
10202
|
font: {
|
9993
10203
|
size: "base"
|
9994
10204
|
}
|
@@ -10018,6 +10228,15 @@ const defaultConfig$x = {
|
|
10018
10228
|
unfocus: "[0.825rem]"
|
10019
10229
|
}
|
10020
10230
|
}
|
10231
|
+
},
|
10232
|
+
xl: {
|
10233
|
+
font: {
|
10234
|
+
size: {
|
10235
|
+
base: "xs",
|
10236
|
+
focus: "xs",
|
10237
|
+
unfocus: "[0.825rem]"
|
10238
|
+
}
|
10239
|
+
}
|
10021
10240
|
}
|
10022
10241
|
}
|
10023
10242
|
}
|
@@ -10188,6 +10407,28 @@ const input = plugin__default(({ addComponents, theme }) => {
|
|
10188
10407
|
[`@apply h-${config2.size.lg.placeload.size}`]: {}
|
10189
10408
|
}
|
10190
10409
|
},
|
10410
|
+
//Size:xl
|
10411
|
+
"&.nui-input-xl": {
|
10412
|
+
//Input:label
|
10413
|
+
".nui-input-label": {
|
10414
|
+
[`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
|
10415
|
+
},
|
10416
|
+
//Label:float
|
10417
|
+
".nui-label-float": {
|
10418
|
+
"@apply top-[1.1rem]": {}
|
10419
|
+
},
|
10420
|
+
//Input:icon && Input:action
|
10421
|
+
".nui-input-icon, .nui-input-action": {
|
10422
|
+
[`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
|
10423
|
+
".nui-input-icon-inner, .nui-input-action-inner": {
|
10424
|
+
[`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
|
10425
|
+
}
|
10426
|
+
},
|
10427
|
+
//Input:placeload
|
10428
|
+
".nui-input-placeload": {
|
10429
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
10430
|
+
}
|
10431
|
+
},
|
10191
10432
|
//Color:default
|
10192
10433
|
"&.nui-input-default": {
|
10193
10434
|
".nui-input": {
|
@@ -10328,6 +10569,18 @@ const input = plugin__default(({ addComponents, theme }) => {
|
|
10328
10569
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
|
10329
10570
|
}
|
10330
10571
|
},
|
10572
|
+
//Without icon && Size:xl
|
10573
|
+
"&:not(.nui-has-icon).nui-input-xl": {
|
10574
|
+
".nui-input": {
|
10575
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
|
10576
|
+
}
|
10577
|
+
},
|
10578
|
+
//With icon && Size:xl
|
10579
|
+
"&.nui-has-icon.nui-input-xl": {
|
10580
|
+
".nui-input": {
|
10581
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-[3.25rem]`]: {}
|
10582
|
+
}
|
10583
|
+
},
|
10331
10584
|
//With action && Size:sm
|
10332
10585
|
"&.nui-has-action.nui-input-sm": {
|
10333
10586
|
".nui-input": {
|
@@ -10346,6 +10599,12 @@ const input = plugin__default(({ addComponents, theme }) => {
|
|
10346
10599
|
[`@apply pe-${config2.input.action.padding.lg}`]: {}
|
10347
10600
|
}
|
10348
10601
|
},
|
10602
|
+
//With action && Size:xl
|
10603
|
+
"&.nui-has-action.nui-input-xl": {
|
10604
|
+
".nui-input": {
|
10605
|
+
[`@apply pe-${config2.input.action.padding.xl}`]: {}
|
10606
|
+
}
|
10607
|
+
},
|
10349
10608
|
//Without icon && Size:sm && Label:float
|
10350
10609
|
"&.nui-input-label-float:not(.nui-has-icon).nui-input-sm": {
|
10351
10610
|
".nui-label-float": {
|
@@ -10397,7 +10656,7 @@ const input = plugin__default(({ addComponents, theme }) => {
|
|
10397
10656
|
//Without icon && Size:lg && Label:float
|
10398
10657
|
"&.nui-input-label-float:not(.nui-has-icon).nui-input-lg": {
|
10399
10658
|
".nui-label-float": {
|
10400
|
-
[`@apply start-3 -ms-3 -mt-
|
10659
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
10401
10660
|
},
|
10402
10661
|
".nui-input:focus-visible ~ .nui-label-float": {
|
10403
10662
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -10409,7 +10668,7 @@ const input = plugin__default(({ addComponents, theme }) => {
|
|
10409
10668
|
//With icon && Size:lg && Label:float
|
10410
10669
|
"&.nui-input-label-float.nui-has-icon.nui-input-lg": {
|
10411
10670
|
".nui-label-float": {
|
10412
|
-
[`@apply start-11 -ms-
|
10671
|
+
[`@apply start-11 -ms-9 -mt-10 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
10413
10672
|
},
|
10414
10673
|
".nui-input:focus-visible ~ .nui-label-float": {
|
10415
10674
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -10417,6 +10676,30 @@ const input = plugin__default(({ addComponents, theme }) => {
|
|
10417
10676
|
".nui-input:placeholder-shown ~ .nui-label-float": {
|
10418
10677
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
10419
10678
|
}
|
10679
|
+
},
|
10680
|
+
//Without icon && Size:xl && Label:float
|
10681
|
+
"&.nui-input-label-float:not(.nui-has-icon).nui-input-xl": {
|
10682
|
+
".nui-label-float": {
|
10683
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
10684
|
+
},
|
10685
|
+
".nui-input:focus-visible ~ .nui-label-float": {
|
10686
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
10687
|
+
},
|
10688
|
+
".nui-input:placeholder-shown ~ .nui-label-float": {
|
10689
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
10690
|
+
}
|
10691
|
+
},
|
10692
|
+
//With icon && Size:xl && Label:float
|
10693
|
+
"&.nui-input-label-float.nui-has-icon.nui-input-xl": {
|
10694
|
+
".nui-label-float": {
|
10695
|
+
[`@apply start-[3.25rem] ms-[-3.25rem] -mt-8 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
10696
|
+
},
|
10697
|
+
".nui-input:focus-visible ~ .nui-label-float": {
|
10698
|
+
[`@apply !ms-[-3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
10699
|
+
},
|
10700
|
+
".nui-input:placeholder-shown ~ .nui-label-float": {
|
10701
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
10702
|
+
}
|
10420
10703
|
}
|
10421
10704
|
}
|
10422
10705
|
});
|
@@ -10598,6 +10881,24 @@ const defaultConfig$w = {
|
|
10598
10881
|
placeload: {
|
10599
10882
|
size: "12"
|
10600
10883
|
}
|
10884
|
+
},
|
10885
|
+
xl: {
|
10886
|
+
label: {
|
10887
|
+
font: {
|
10888
|
+
size: "sm"
|
10889
|
+
}
|
10890
|
+
},
|
10891
|
+
icon: {
|
10892
|
+
outer: {
|
10893
|
+
size: "14"
|
10894
|
+
},
|
10895
|
+
inner: {
|
10896
|
+
size: "5"
|
10897
|
+
}
|
10898
|
+
},
|
10899
|
+
placeload: {
|
10900
|
+
size: "14"
|
10901
|
+
}
|
10601
10902
|
}
|
10602
10903
|
},
|
10603
10904
|
color: {
|
@@ -10715,6 +11016,11 @@ const defaultConfig$w = {
|
|
10715
11016
|
font: {
|
10716
11017
|
size: "sm"
|
10717
11018
|
}
|
11019
|
+
},
|
11020
|
+
xl: {
|
11021
|
+
font: {
|
11022
|
+
size: "base"
|
11023
|
+
}
|
10718
11024
|
}
|
10719
11025
|
},
|
10720
11026
|
label: {
|
@@ -10741,6 +11047,15 @@ const defaultConfig$w = {
|
|
10741
11047
|
unfocus: "[0.825rem]"
|
10742
11048
|
}
|
10743
11049
|
}
|
11050
|
+
},
|
11051
|
+
xl: {
|
11052
|
+
font: {
|
11053
|
+
size: {
|
11054
|
+
base: "xs",
|
11055
|
+
focus: "xs",
|
11056
|
+
unfocus: "[0.825rem]"
|
11057
|
+
}
|
11058
|
+
}
|
10744
11059
|
}
|
10745
11060
|
}
|
10746
11061
|
}
|
@@ -10758,6 +11073,11 @@ const defaultConfig$w = {
|
|
10758
11073
|
}
|
10759
11074
|
},
|
10760
11075
|
lg: {
|
11076
|
+
font: {
|
11077
|
+
size: "sm"
|
11078
|
+
}
|
11079
|
+
},
|
11080
|
+
xl: {
|
10761
11081
|
font: {
|
10762
11082
|
size: "base"
|
10763
11083
|
}
|
@@ -10787,6 +11107,15 @@ const defaultConfig$w = {
|
|
10787
11107
|
unfocus: "[0.825rem]"
|
10788
11108
|
}
|
10789
11109
|
}
|
11110
|
+
},
|
11111
|
+
xl: {
|
11112
|
+
font: {
|
11113
|
+
size: {
|
11114
|
+
base: "xs",
|
11115
|
+
focus: "xs",
|
11116
|
+
unfocus: "[0.825rem]"
|
11117
|
+
}
|
11118
|
+
}
|
10790
11119
|
}
|
10791
11120
|
}
|
10792
11121
|
}
|
@@ -11002,6 +11331,32 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
|
|
11002
11331
|
"@apply h-10 w-10": {}
|
11003
11332
|
}
|
11004
11333
|
},
|
11334
|
+
//Size:xl
|
11335
|
+
"&.nui-input-number-xl": {
|
11336
|
+
//Input:label
|
11337
|
+
".nui-input-number-label": {
|
11338
|
+
[`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
|
11339
|
+
},
|
11340
|
+
//Label:float
|
11341
|
+
".nui-label-float": {
|
11342
|
+
"@apply top-[1.1rem]": {}
|
11343
|
+
},
|
11344
|
+
//Input:icon && Input:action
|
11345
|
+
".nui-input-number-icon, .nui-input-number-action": {
|
11346
|
+
[`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
|
11347
|
+
".nui-input-number-icon-inner, .nui-input-number-action-inner": {
|
11348
|
+
[`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
|
11349
|
+
}
|
11350
|
+
},
|
11351
|
+
//Input:placeload
|
11352
|
+
".nui-input-number-placeload": {
|
11353
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
11354
|
+
},
|
11355
|
+
//Input:buttons
|
11356
|
+
".nui-input-number-buttons button": {
|
11357
|
+
"@apply h-12 w-12": {}
|
11358
|
+
}
|
11359
|
+
},
|
11005
11360
|
//Color:default
|
11006
11361
|
"&.nui-input-number-default": {
|
11007
11362
|
".nui-input-number": {
|
@@ -11162,6 +11517,18 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
|
|
11162
11517
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
|
11163
11518
|
}
|
11164
11519
|
},
|
11520
|
+
//Without icon && Size:xl
|
11521
|
+
"&:not(.nui-has-icon).nui-input-number-xl": {
|
11522
|
+
".nui-input-number": {
|
11523
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 ps-4 pe-24`]: {}
|
11524
|
+
}
|
11525
|
+
},
|
11526
|
+
//With icon && Size:xl
|
11527
|
+
"&.nui-has-icon.nui-input-number-xl": {
|
11528
|
+
".nui-input-number": {
|
11529
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 ps-[3.25rem] pe-24`]: {}
|
11530
|
+
}
|
11531
|
+
},
|
11165
11532
|
//With action && Size:sm
|
11166
11533
|
"&.nui-has-action.nui-input-number-sm": {
|
11167
11534
|
".nui-input-number": {
|
@@ -11231,7 +11598,7 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
|
|
11231
11598
|
//Without icon && Size:lg && Label:float
|
11232
11599
|
"&.nui-input-number-label-float:not(.nui-has-icon).nui-input-number-lg": {
|
11233
11600
|
".nui-label-float": {
|
11234
|
-
[`@apply start-3 -ms-3 -mt-
|
11601
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
11235
11602
|
},
|
11236
11603
|
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11237
11604
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -11243,7 +11610,7 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
|
|
11243
11610
|
//With icon && Size:lg && Label:float
|
11244
11611
|
"&.nui-input-number-label-float.nui-has-icon.nui-input-number-lg": {
|
11245
11612
|
".nui-label-float": {
|
11246
|
-
[`@apply start-11 -ms-10 -mt-
|
11613
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
11247
11614
|
},
|
11248
11615
|
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11249
11616
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -11251,6 +11618,30 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
|
|
11251
11618
|
".nui-input-number:placeholder-shown ~ .nui-label-float": {
|
11252
11619
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
11253
11620
|
}
|
11621
|
+
},
|
11622
|
+
//Without icon && Size:xl && Label:float
|
11623
|
+
"&.nui-input-number-label-float:not(.nui-has-icon).nui-input-number-xl": {
|
11624
|
+
".nui-label-float": {
|
11625
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
11626
|
+
},
|
11627
|
+
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11628
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
11629
|
+
},
|
11630
|
+
".nui-input-number:placeholder-shown ~ .nui-label-float": {
|
11631
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
11632
|
+
}
|
11633
|
+
},
|
11634
|
+
//With icon && Size:xl && Label:float
|
11635
|
+
"&.nui-input-number-label-float.nui-has-icon.nui-input-number-xl": {
|
11636
|
+
".nui-label-float": {
|
11637
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
11638
|
+
},
|
11639
|
+
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11640
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
11641
|
+
},
|
11642
|
+
".nui-input-number:placeholder-shown ~ .nui-label-float": {
|
11643
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
11644
|
+
}
|
11254
11645
|
}
|
11255
11646
|
}
|
11256
11647
|
});
|
@@ -11924,7 +12315,29 @@ const defaultConfig$q = {
|
|
11924
12315
|
size: "12"
|
11925
12316
|
},
|
11926
12317
|
inner: {
|
11927
|
-
size: "
|
12318
|
+
size: "5"
|
12319
|
+
}
|
12320
|
+
}
|
12321
|
+
},
|
12322
|
+
xl: {
|
12323
|
+
font: {
|
12324
|
+
size: "sm"
|
12325
|
+
},
|
12326
|
+
icon: {
|
12327
|
+
size: {
|
12328
|
+
inner: "5",
|
12329
|
+
outer: "14"
|
12330
|
+
}
|
12331
|
+
},
|
12332
|
+
placeload: {
|
12333
|
+
size: "14"
|
12334
|
+
},
|
12335
|
+
chevron: {
|
12336
|
+
outer: {
|
12337
|
+
size: "14"
|
12338
|
+
},
|
12339
|
+
inner: {
|
12340
|
+
size: "5"
|
11928
12341
|
}
|
11929
12342
|
}
|
11930
12343
|
}
|
@@ -12140,6 +12553,11 @@ const defaultConfig$q = {
|
|
12140
12553
|
font: {
|
12141
12554
|
size: "sm"
|
12142
12555
|
}
|
12556
|
+
},
|
12557
|
+
xl: {
|
12558
|
+
font: {
|
12559
|
+
size: "base"
|
12560
|
+
}
|
12143
12561
|
}
|
12144
12562
|
},
|
12145
12563
|
label: {
|
@@ -12166,6 +12584,15 @@ const defaultConfig$q = {
|
|
12166
12584
|
unfocus: "[0.825rem]"
|
12167
12585
|
}
|
12168
12586
|
}
|
12587
|
+
},
|
12588
|
+
xl: {
|
12589
|
+
font: {
|
12590
|
+
size: {
|
12591
|
+
base: "xs",
|
12592
|
+
focus: "xs",
|
12593
|
+
unfocus: "[0.825rem]"
|
12594
|
+
}
|
12595
|
+
}
|
12169
12596
|
}
|
12170
12597
|
}
|
12171
12598
|
}
|
@@ -12183,6 +12610,11 @@ const defaultConfig$q = {
|
|
12183
12610
|
}
|
12184
12611
|
},
|
12185
12612
|
lg: {
|
12613
|
+
font: {
|
12614
|
+
size: "sm"
|
12615
|
+
}
|
12616
|
+
},
|
12617
|
+
xl: {
|
12186
12618
|
font: {
|
12187
12619
|
size: "base"
|
12188
12620
|
}
|
@@ -12212,6 +12644,15 @@ const defaultConfig$q = {
|
|
12212
12644
|
unfocus: "[0.825rem]"
|
12213
12645
|
}
|
12214
12646
|
}
|
12647
|
+
},
|
12648
|
+
xl: {
|
12649
|
+
font: {
|
12650
|
+
size: {
|
12651
|
+
base: "xs",
|
12652
|
+
focus: "xs",
|
12653
|
+
unfocus: "[0.825rem]"
|
12654
|
+
}
|
12655
|
+
}
|
12215
12656
|
}
|
12216
12657
|
}
|
12217
12658
|
}
|
@@ -12402,7 +12843,7 @@ const listbox = plugin__default(({ addComponents, theme }) => {
|
|
12402
12843
|
},
|
12403
12844
|
//Label:float
|
12404
12845
|
".nui-label-float": {
|
12405
|
-
"@apply top-
|
12846
|
+
"@apply top-2.5": {}
|
12406
12847
|
}
|
12407
12848
|
},
|
12408
12849
|
//Listbox:icon
|
@@ -12431,7 +12872,7 @@ const listbox = plugin__default(({ addComponents, theme }) => {
|
|
12431
12872
|
},
|
12432
12873
|
//Label:float
|
12433
12874
|
".nui-label-float": {
|
12434
|
-
"@apply top-
|
12875
|
+
"@apply top-3.5": {}
|
12435
12876
|
},
|
12436
12877
|
//Listbox:icon
|
12437
12878
|
".nui-listbox-icon": {
|
@@ -12453,6 +12894,35 @@ const listbox = plugin__default(({ addComponents, theme }) => {
|
|
12453
12894
|
}
|
12454
12895
|
}
|
12455
12896
|
},
|
12897
|
+
//Size:xl
|
12898
|
+
"&.nui-listbox-xl": {
|
12899
|
+
".nui-listbox-label": {
|
12900
|
+
[`@apply pb-1 text-${config2.size.xl.font.size}`]: {}
|
12901
|
+
},
|
12902
|
+
//Label:float
|
12903
|
+
".nui-label-float": {
|
12904
|
+
"@apply top-[1.1rem]": {}
|
12905
|
+
},
|
12906
|
+
//Listbox:icon
|
12907
|
+
".nui-listbox-icon": {
|
12908
|
+
[`@apply h-${config2.size.xl.icon.size.outer} w-${config2.size.xl.icon.size.outer}`]: {},
|
12909
|
+
".nui-listbox-icon-inner": {
|
12910
|
+
[`@apply h-${config2.size.xl.icon.size.inner} w-${config2.size.xl.icon.size.inner}`]: {}
|
12911
|
+
}
|
12912
|
+
},
|
12913
|
+
//Listbox:placeload
|
12914
|
+
".nui-listbox-placeload": {
|
12915
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
12916
|
+
},
|
12917
|
+
//Listbox:chevron
|
12918
|
+
".nui-listbox-chevron": {
|
12919
|
+
[`@apply h-${config2.size.xl.chevron.outer.size} w-${config2.size.xl.chevron.outer.size}`]: {},
|
12920
|
+
//Chevron:inner
|
12921
|
+
".nui-listbox-chevron-inner": {
|
12922
|
+
[`@apply h-${config2.size.xl.chevron.inner.size} w-${config2.size.xl.chevron.inner.size}`]: {}
|
12923
|
+
}
|
12924
|
+
}
|
12925
|
+
},
|
12456
12926
|
//Rounded:sm
|
12457
12927
|
"&.nui-listbox-rounded-sm": {
|
12458
12928
|
".nui-listbox-button, .nui-listbox-options, .nui-listbox-option": {
|
@@ -12665,6 +13135,18 @@ const listbox = plugin__default(({ addComponents, theme }) => {
|
|
12665
13135
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
|
12666
13136
|
}
|
12667
13137
|
},
|
13138
|
+
//Without:icon && Size:xl
|
13139
|
+
"&:not(.nui-has-icon).nui-listbox-xl": {
|
13140
|
+
".nui-listbox-button": {
|
13141
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
|
13142
|
+
}
|
13143
|
+
},
|
13144
|
+
//With:icon && Size:xl
|
13145
|
+
"&.nui-has-icon.nui-listbox-xl": {
|
13146
|
+
".nui-listbox-button": {
|
13147
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-12`]: {}
|
13148
|
+
}
|
13149
|
+
},
|
12668
13150
|
//Without:icon && Size:sm && Label:float
|
12669
13151
|
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-sm": {
|
12670
13152
|
".nui-label-float": {
|
@@ -12692,10 +13174,10 @@ const listbox = plugin__default(({ addComponents, theme }) => {
|
|
12692
13174
|
//Without:icon && Size:md && Label:float
|
12693
13175
|
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-md": {
|
12694
13176
|
".nui-label-float": {
|
12695
|
-
[`@apply start-3 -ms-3 -mt-
|
13177
|
+
[`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.md.font.size.base} text-transparent`]: {}
|
12696
13178
|
},
|
12697
13179
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12698
|
-
[`@apply !-ms-3 !-mt-
|
13180
|
+
[`@apply !-ms-3 !-mt-8 !text-${config2.icon.disabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12699
13181
|
},
|
12700
13182
|
".nui-listbox-button ~ .nui-label-float": {
|
12701
13183
|
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.md.font.size.base}`]: {}
|
@@ -12704,10 +13186,10 @@ const listbox = plugin__default(({ addComponents, theme }) => {
|
|
12704
13186
|
//With:icon && Size:md && Label:float
|
12705
13187
|
"&.nui-listbox-label-float.nui-has-icon.nui-listbox-md": {
|
12706
13188
|
".nui-label-float": {
|
12707
|
-
[`@apply start-10 -ms-10 -mt-
|
13189
|
+
[`@apply start-10 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.md.font.size.base} text-transparent`]: {}
|
12708
13190
|
},
|
12709
13191
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12710
|
-
[`@apply !-ms-10 !-mt-
|
13192
|
+
[`@apply !-ms-10 !-mt-8 !text-${config2.icon.enabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12711
13193
|
},
|
12712
13194
|
".nui-listbox-button ~ .nui-label-float": {
|
12713
13195
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.md.font.size.unfocus}`]: {}
|
@@ -12716,10 +13198,10 @@ const listbox = plugin__default(({ addComponents, theme }) => {
|
|
12716
13198
|
//Without:icon && Size:lg && Label:float
|
12717
13199
|
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-lg": {
|
12718
13200
|
".nui-label-float": {
|
12719
|
-
[`@apply start-3 -ms-3 -mt-
|
13201
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base} text-transparent`]: {}
|
12720
13202
|
},
|
12721
13203
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12722
|
-
[`@apply !-ms-3 !-mt-
|
13204
|
+
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12723
13205
|
},
|
12724
13206
|
".nui-listbox-button ~ .nui-label-float": {
|
12725
13207
|
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.lg.font.size.unfocus}`]: {}
|
@@ -12728,14 +13210,38 @@ const listbox = plugin__default(({ addComponents, theme }) => {
|
|
12728
13210
|
//With:icon && Size:lg && Label:float
|
12729
13211
|
"&.nui-listbox-label-float.nui-has-icon.nui-listbox-lg": {
|
12730
13212
|
".nui-label-float": {
|
12731
|
-
[`@apply start-11 -ms-10 -mt-
|
13213
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base} text-transparent`]: {}
|
12732
13214
|
},
|
12733
13215
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12734
|
-
[`@apply !-ms-10 !-mt-
|
13216
|
+
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12735
13217
|
},
|
12736
13218
|
".nui-listbox-button ~ .nui-label-float": {
|
12737
13219
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
12738
13220
|
}
|
13221
|
+
},
|
13222
|
+
//Without:icon && Size:xl && Label:float
|
13223
|
+
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-xl": {
|
13224
|
+
".nui-label-float": {
|
13225
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base} text-transparent`]: {}
|
13226
|
+
},
|
13227
|
+
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
13228
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
13229
|
+
},
|
13230
|
+
".nui-listbox-button ~ .nui-label-float": {
|
13231
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
13232
|
+
}
|
13233
|
+
},
|
13234
|
+
//With:icon && Size:xl && Label:float
|
13235
|
+
"&.nui-listbox-label-float.nui-has-icon.nui-listbox-xl": {
|
13236
|
+
".nui-label-float": {
|
13237
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base} text-transparent`]: {}
|
13238
|
+
},
|
13239
|
+
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
13240
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
13241
|
+
},
|
13242
|
+
".nui-listbox-button ~ .nui-label-float": {
|
13243
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
13244
|
+
}
|
12739
13245
|
}
|
12740
13246
|
}
|
12741
13247
|
});
|
@@ -15316,6 +15822,33 @@ const defaultConfig$c = {
|
|
15316
15822
|
placeload: {
|
15317
15823
|
size: "12"
|
15318
15824
|
}
|
15825
|
+
},
|
15826
|
+
xl: {
|
15827
|
+
padding: "14",
|
15828
|
+
chevron: {
|
15829
|
+
outer: {
|
15830
|
+
size: "14"
|
15831
|
+
},
|
15832
|
+
inner: {
|
15833
|
+
size: "5"
|
15834
|
+
}
|
15835
|
+
},
|
15836
|
+
label: {
|
15837
|
+
font: {
|
15838
|
+
size: "sm"
|
15839
|
+
}
|
15840
|
+
},
|
15841
|
+
icon: {
|
15842
|
+
outer: {
|
15843
|
+
size: "14"
|
15844
|
+
},
|
15845
|
+
inner: {
|
15846
|
+
size: "5"
|
15847
|
+
}
|
15848
|
+
},
|
15849
|
+
placeload: {
|
15850
|
+
size: "14"
|
15851
|
+
}
|
15319
15852
|
}
|
15320
15853
|
},
|
15321
15854
|
color: {
|
@@ -15456,6 +15989,11 @@ const defaultConfig$c = {
|
|
15456
15989
|
font: {
|
15457
15990
|
size: "sm"
|
15458
15991
|
}
|
15992
|
+
},
|
15993
|
+
xl: {
|
15994
|
+
font: {
|
15995
|
+
size: "base"
|
15996
|
+
}
|
15459
15997
|
}
|
15460
15998
|
},
|
15461
15999
|
label: {
|
@@ -15482,6 +16020,15 @@ const defaultConfig$c = {
|
|
15482
16020
|
unfocus: "[0.825rem]"
|
15483
16021
|
}
|
15484
16022
|
}
|
16023
|
+
},
|
16024
|
+
xl: {
|
16025
|
+
font: {
|
16026
|
+
size: {
|
16027
|
+
base: "xs",
|
16028
|
+
focus: "xs",
|
16029
|
+
unfocus: "[0.825rem]"
|
16030
|
+
}
|
16031
|
+
}
|
15485
16032
|
}
|
15486
16033
|
}
|
15487
16034
|
}
|
@@ -15499,6 +16046,11 @@ const defaultConfig$c = {
|
|
15499
16046
|
}
|
15500
16047
|
},
|
15501
16048
|
lg: {
|
16049
|
+
font: {
|
16050
|
+
size: "sm"
|
16051
|
+
}
|
16052
|
+
},
|
16053
|
+
xl: {
|
15502
16054
|
font: {
|
15503
16055
|
size: "base"
|
15504
16056
|
}
|
@@ -15528,6 +16080,15 @@ const defaultConfig$c = {
|
|
15528
16080
|
unfocus: "[0.825rem]"
|
15529
16081
|
}
|
15530
16082
|
}
|
16083
|
+
},
|
16084
|
+
xl: {
|
16085
|
+
font: {
|
16086
|
+
size: {
|
16087
|
+
base: "xs",
|
16088
|
+
focus: "xs",
|
16089
|
+
unfocus: "[0.825rem]"
|
16090
|
+
}
|
16091
|
+
}
|
15531
16092
|
}
|
15532
16093
|
}
|
15533
16094
|
}
|
@@ -15679,7 +16240,7 @@ const select = plugin__default(({ addComponents, theme }) => {
|
|
15679
16240
|
},
|
15680
16241
|
//Label:float
|
15681
16242
|
".nui-label-float": {
|
15682
|
-
"@apply top-
|
16243
|
+
"@apply top-2.5": {}
|
15683
16244
|
},
|
15684
16245
|
//Select:icon
|
15685
16246
|
".nui-select-icon, .nui-select-chevron": {
|
@@ -15705,7 +16266,7 @@ const select = plugin__default(({ addComponents, theme }) => {
|
|
15705
16266
|
},
|
15706
16267
|
//Label:float
|
15707
16268
|
".nui-label-float": {
|
15708
|
-
"@apply top-
|
16269
|
+
"@apply top-3.5": {}
|
15709
16270
|
},
|
15710
16271
|
//Select:icon
|
15711
16272
|
".nui-select-icon, .nui-select-chevron": {
|
@@ -15719,6 +16280,32 @@ const select = plugin__default(({ addComponents, theme }) => {
|
|
15719
16280
|
[`@apply h-${config2.size.lg.placeload.size}`]: {}
|
15720
16281
|
}
|
15721
16282
|
},
|
16283
|
+
//Size:xl
|
16284
|
+
"&.nui-select-xl": {
|
16285
|
+
//Select
|
16286
|
+
".nui-select": {
|
16287
|
+
[`@apply pe-${config2.size.xl.padding}`]: {}
|
16288
|
+
},
|
16289
|
+
//Select:label
|
16290
|
+
".nui-select-label": {
|
16291
|
+
[`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
|
16292
|
+
},
|
16293
|
+
//Label:float
|
16294
|
+
".nui-label-float": {
|
16295
|
+
"@apply top-[1.1rem]": {}
|
16296
|
+
},
|
16297
|
+
//Select:icon
|
16298
|
+
".nui-select-icon, .nui-select-chevron": {
|
16299
|
+
[`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
|
16300
|
+
".nui-select-icon-inner, .nui-select-chevron-inner": {
|
16301
|
+
[`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
|
16302
|
+
}
|
16303
|
+
},
|
16304
|
+
//Select:placeload
|
16305
|
+
".nui-select-placeload": {
|
16306
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
16307
|
+
}
|
16308
|
+
},
|
15722
16309
|
//Color:default
|
15723
16310
|
"&.nui-select-default": {
|
15724
16311
|
".nui-select": {
|
@@ -15850,6 +16437,18 @@ const select = plugin__default(({ addComponents, theme }) => {
|
|
15850
16437
|
[`@apply h-12 py-2 text-${config2.icon.enabled.select.lg.font.size} leading-5 pe-9 ps-11`]: {}
|
15851
16438
|
}
|
15852
16439
|
},
|
16440
|
+
//Without:icon && Size:xl
|
16441
|
+
"&:not(.nui-has-icon).nui-select-xl": {
|
16442
|
+
".nui-select": {
|
16443
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.select.xl.font.size} leading-5 ps-4 pe-9`]: {}
|
16444
|
+
}
|
16445
|
+
},
|
16446
|
+
//With:icon && Size:xl
|
16447
|
+
"&.nui-has-icon.nui-select-xl": {
|
16448
|
+
".nui-select": {
|
16449
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.select.xl.font.size} leading-5 pe-9 ps-12`]: {}
|
16450
|
+
}
|
16451
|
+
},
|
15853
16452
|
//Without:icon && Size:sm && Label:float
|
15854
16453
|
"&.nui-select-label-float:not(.nui-has-icon).nui-select-sm": {
|
15855
16454
|
".nui-label-float": {
|
@@ -15901,7 +16500,7 @@ const select = plugin__default(({ addComponents, theme }) => {
|
|
15901
16500
|
//Without:icon && Size:lg && Label:float
|
15902
16501
|
"&.nui-select-label-float:not(.nui-has-icon).nui-select-lg": {
|
15903
16502
|
".nui-label-float": {
|
15904
|
-
[`@apply start-3 -ms-3 -mt-
|
16503
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
15905
16504
|
},
|
15906
16505
|
".nui-select:focus-visible ~ .nui-label-float": {
|
15907
16506
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -15913,7 +16512,7 @@ const select = plugin__default(({ addComponents, theme }) => {
|
|
15913
16512
|
//With:icon && Size:lg && Label:float
|
15914
16513
|
"&.nui-select-label-float.nui-has-icon.nui-select-lg": {
|
15915
16514
|
".nui-label-float": {
|
15916
|
-
[`@apply start-11 -ms-10 -mt-
|
16515
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
15917
16516
|
},
|
15918
16517
|
".nui-select:focus-visible ~ .nui-label-float": {
|
15919
16518
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -15921,6 +16520,30 @@ const select = plugin__default(({ addComponents, theme }) => {
|
|
15921
16520
|
".nui-select ~ .nui-label-float": {
|
15922
16521
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
15923
16522
|
}
|
16523
|
+
},
|
16524
|
+
//Without:icon && Size:xl && Label:float
|
16525
|
+
"&.nui-select-label-float:not(.nui-has-icon).nui-select-xl": {
|
16526
|
+
".nui-label-float": {
|
16527
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
16528
|
+
},
|
16529
|
+
".nui-select:focus-visible ~ .nui-label-float": {
|
16530
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
16531
|
+
},
|
16532
|
+
".nui-select ~ .nui-label-float": {
|
16533
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
16534
|
+
}
|
16535
|
+
},
|
16536
|
+
//With:icon && Size:xl && Label:float
|
16537
|
+
"&.nui-select-label-float.nui-has-icon.nui-select-xl": {
|
16538
|
+
".nui-label-float": {
|
16539
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
16540
|
+
},
|
16541
|
+
".nui-select:focus-visible ~ .nui-label-float": {
|
16542
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
16543
|
+
},
|
16544
|
+
".nui-select ~ .nui-label-float": {
|
16545
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
16546
|
+
}
|
15924
16547
|
}
|
15925
16548
|
}
|
15926
16549
|
});
|