@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.mjs
CHANGED
@@ -681,6 +681,23 @@ const defaultConfig$R = {
|
|
681
681
|
clear: {
|
682
682
|
size: "12"
|
683
683
|
}
|
684
|
+
},
|
685
|
+
xl: {
|
686
|
+
font: {
|
687
|
+
size: "sm"
|
688
|
+
},
|
689
|
+
icon: {
|
690
|
+
size: {
|
691
|
+
inner: "5",
|
692
|
+
outer: "14"
|
693
|
+
}
|
694
|
+
},
|
695
|
+
placeload: {
|
696
|
+
size: "14"
|
697
|
+
},
|
698
|
+
clear: {
|
699
|
+
size: "14"
|
700
|
+
}
|
684
701
|
}
|
685
702
|
},
|
686
703
|
color: {
|
@@ -870,6 +887,11 @@ const defaultConfig$R = {
|
|
870
887
|
font: {
|
871
888
|
size: "sm"
|
872
889
|
}
|
890
|
+
},
|
891
|
+
xl: {
|
892
|
+
font: {
|
893
|
+
size: "base"
|
894
|
+
}
|
873
895
|
}
|
874
896
|
},
|
875
897
|
label: {
|
@@ -896,6 +918,15 @@ const defaultConfig$R = {
|
|
896
918
|
unfocus: "[0.825rem]"
|
897
919
|
}
|
898
920
|
}
|
921
|
+
},
|
922
|
+
xl: {
|
923
|
+
font: {
|
924
|
+
size: {
|
925
|
+
base: "xs",
|
926
|
+
focus: "xs",
|
927
|
+
unfocus: "[0.825rem]"
|
928
|
+
}
|
929
|
+
}
|
899
930
|
}
|
900
931
|
}
|
901
932
|
}
|
@@ -913,6 +944,11 @@ const defaultConfig$R = {
|
|
913
944
|
}
|
914
945
|
},
|
915
946
|
lg: {
|
947
|
+
font: {
|
948
|
+
size: "sm"
|
949
|
+
}
|
950
|
+
},
|
951
|
+
xl: {
|
916
952
|
font: {
|
917
953
|
size: "base"
|
918
954
|
}
|
@@ -942,6 +978,15 @@ const defaultConfig$R = {
|
|
942
978
|
unfocus: "[0.825rem]"
|
943
979
|
}
|
944
980
|
}
|
981
|
+
},
|
982
|
+
xl: {
|
983
|
+
font: {
|
984
|
+
size: {
|
985
|
+
base: "xs",
|
986
|
+
focus: "xs",
|
987
|
+
unfocus: "[0.825rem]"
|
988
|
+
}
|
989
|
+
}
|
945
990
|
}
|
946
991
|
}
|
947
992
|
}
|
@@ -1200,6 +1245,27 @@ const autocomplete = plugin(({ addComponents, theme }) => {
|
|
1200
1245
|
[`@apply h-${config2.size.lg.clear.size} w-${config2.size.lg.clear.size}`]: {}
|
1201
1246
|
}
|
1202
1247
|
},
|
1248
|
+
//Size:xl
|
1249
|
+
"&.nui-autocomplete-xl": {
|
1250
|
+
".nui-autocomplete-label": {
|
1251
|
+
[`@apply pb-1 text-${config2.size.xl.font.size}`]: {}
|
1252
|
+
},
|
1253
|
+
".nui-label-float": {
|
1254
|
+
"@apply top-[1.1rem]": {}
|
1255
|
+
},
|
1256
|
+
".nui-autocomplete-icon": {
|
1257
|
+
[`@apply h-${config2.size.xl.icon.size.outer} w-${config2.size.xl.icon.size.outer}`]: {},
|
1258
|
+
".nui-autocomplete-icon-inner": {
|
1259
|
+
[`@apply h-${config2.size.xl.icon.size.inner} w-${config2.size.xl.icon.size.inner}`]: {}
|
1260
|
+
}
|
1261
|
+
},
|
1262
|
+
".nui-autocomplete-placeload": {
|
1263
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
1264
|
+
},
|
1265
|
+
".nui-autocomplete-clear": {
|
1266
|
+
[`@apply h-${config2.size.xl.clear.size} w-${config2.size.xl.clear.size}`]: {}
|
1267
|
+
}
|
1268
|
+
},
|
1203
1269
|
//Color:default
|
1204
1270
|
"&.nui-autocomplete-default": {
|
1205
1271
|
".nui-autocomplete-input": {
|
@@ -1380,6 +1446,18 @@ const autocomplete = plugin(({ addComponents, theme }) => {
|
|
1380
1446
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
|
1381
1447
|
}
|
1382
1448
|
},
|
1449
|
+
//Size:xl without icon
|
1450
|
+
"&:not(.nui-has-icon).nui-autocomplete-xl": {
|
1451
|
+
".nui-autocomplete-input": {
|
1452
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
|
1453
|
+
}
|
1454
|
+
},
|
1455
|
+
//Size:xl with icon
|
1456
|
+
"&.nui-has-icon.nui-autocomplete-xl": {
|
1457
|
+
".nui-autocomplete-input": {
|
1458
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-12`]: {}
|
1459
|
+
}
|
1460
|
+
},
|
1383
1461
|
//Size:sm without icon and label float
|
1384
1462
|
"&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-sm": {
|
1385
1463
|
".nui-label-float": {
|
@@ -1431,7 +1509,7 @@ const autocomplete = plugin(({ addComponents, theme }) => {
|
|
1431
1509
|
//Size:lg without icon and label float
|
1432
1510
|
"&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-lg": {
|
1433
1511
|
".nui-label-float": {
|
1434
|
-
[`@apply start-3 -ms-3 -mt-
|
1512
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
1435
1513
|
},
|
1436
1514
|
".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
|
1437
1515
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -1443,7 +1521,7 @@ const autocomplete = plugin(({ addComponents, theme }) => {
|
|
1443
1521
|
//Size:lg with icon and label float
|
1444
1522
|
"&.nui-autocomplete-label-float.nui-has-icon.nui-autocomplete-lg": {
|
1445
1523
|
".nui-label-float": {
|
1446
|
-
[`@apply start-11 -ms-10 -mt-
|
1524
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
1447
1525
|
},
|
1448
1526
|
".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
|
1449
1527
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -1451,6 +1529,30 @@ const autocomplete = plugin(({ addComponents, theme }) => {
|
|
1451
1529
|
".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
|
1452
1530
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
1453
1531
|
}
|
1532
|
+
},
|
1533
|
+
//Size:xl without icon and label float
|
1534
|
+
"&.nui-autocomplete-label-float:not(.nui-has-icon).nui-autocomplete-xl": {
|
1535
|
+
".nui-label-float": {
|
1536
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
1537
|
+
},
|
1538
|
+
".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
|
1539
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
1540
|
+
},
|
1541
|
+
".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
|
1542
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
1543
|
+
}
|
1544
|
+
},
|
1545
|
+
//Size:xl with icon and label float
|
1546
|
+
"&.nui-autocomplete-label-float.nui-has-icon.nui-autocomplete-xl": {
|
1547
|
+
".nui-label-float": {
|
1548
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
1549
|
+
},
|
1550
|
+
".nui-autocomplete-input:focus-visible ~ .nui-label-float": {
|
1551
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
1552
|
+
},
|
1553
|
+
".nui-autocomplete-input:placeholder-shown ~ .nui-label-float": {
|
1554
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
1555
|
+
}
|
1454
1556
|
}
|
1455
1557
|
}
|
1456
1558
|
});
|
@@ -3551,6 +3653,10 @@ const defaultConfig$M = {
|
|
3551
3653
|
lg: {
|
3552
3654
|
outer: "12",
|
3553
3655
|
inner: "5"
|
3656
|
+
},
|
3657
|
+
xl: {
|
3658
|
+
outer: "14",
|
3659
|
+
inner: "6"
|
3554
3660
|
}
|
3555
3661
|
},
|
3556
3662
|
rounded: {
|
@@ -3848,6 +3954,14 @@ const buttonClose = plugin(({ addComponents, theme }) => {
|
|
3848
3954
|
[`@apply h-${config2.size.lg.inner} w-${config2.size.lg.inner} fill-current`]: {}
|
3849
3955
|
}
|
3850
3956
|
},
|
3957
|
+
//Size:xl
|
3958
|
+
"&.nui-button-xl": {
|
3959
|
+
[`@apply h-${config2.size.xl.outer} w-${config2.size.xl.outer}`]: {},
|
3960
|
+
//Icon
|
3961
|
+
".nui-button-icon": {
|
3962
|
+
[`@apply h-${config2.size.xl.inner} w-${config2.size.xl.inner} fill-current`]: {}
|
3963
|
+
}
|
3964
|
+
},
|
3851
3965
|
//Rounded:sm
|
3852
3966
|
"&.nui-button-rounded-sm": {
|
3853
3967
|
[`@apply ${config2.rounded.sm}`]: {}
|
@@ -4098,6 +4212,14 @@ const buttonGroup = plugin(
|
|
4098
4212
|
}
|
4099
4213
|
}
|
4100
4214
|
},
|
4215
|
+
".nui-select-wrapper:last-child:not(:first-child)": {
|
4216
|
+
".nui-select": {
|
4217
|
+
"@apply !border-e !rounded-s-none": {},
|
4218
|
+
"&:focus": {
|
4219
|
+
"@apply !z-10 relative": {}
|
4220
|
+
}
|
4221
|
+
}
|
4222
|
+
},
|
4101
4223
|
// Autocomplete
|
4102
4224
|
".nui-autocomplete:not(:first-child):not(:last-child)": {
|
4103
4225
|
".nui-autocomplete-input": {
|
@@ -4203,6 +4325,10 @@ const defaultConfig$K = {
|
|
4203
4325
|
lg: {
|
4204
4326
|
size: "12",
|
4205
4327
|
padding: "3"
|
4328
|
+
},
|
4329
|
+
xl: {
|
4330
|
+
size: "14",
|
4331
|
+
padding: "4"
|
4206
4332
|
}
|
4207
4333
|
},
|
4208
4334
|
color: {
|
@@ -4455,17 +4581,21 @@ const buttonIcon = plugin(({ addComponents, theme }) => {
|
|
4455
4581
|
//Transition
|
4456
4582
|
[`@apply transition-${config2.transition.property} duration-${config2.transition.duration}`]: {},
|
4457
4583
|
//Size:sm
|
4458
|
-
"&.nui-button-
|
4584
|
+
"&.nui-button-sm": {
|
4459
4585
|
[`@apply h-${config2.size.sm.size} w-${config2.size.sm.size} p-${config2.size.sm.padding}`]: {}
|
4460
4586
|
},
|
4461
4587
|
//Size:md
|
4462
|
-
"&.nui-button-
|
4588
|
+
"&.nui-button-md": {
|
4463
4589
|
[`@apply h-${config2.size.md.size} w-${config2.size.md.size} p-${config2.size.md.padding}`]: {}
|
4464
4590
|
},
|
4465
4591
|
//Size:lg
|
4466
|
-
"&.nui-button-
|
4592
|
+
"&.nui-button-lg": {
|
4467
4593
|
[`@apply h-${config2.size.lg.size} w-${config2.size.lg.size} p-${config2.size.lg.padding}`]: {}
|
4468
4594
|
},
|
4595
|
+
//Size:xl
|
4596
|
+
"&.nui-button-xl": {
|
4597
|
+
[`@apply h-${config2.size.xl.size} w-${config2.size.xl.size} p-${config2.size.xl.padding}`]: {}
|
4598
|
+
},
|
4469
4599
|
//Rounded:sm
|
4470
4600
|
"&.nui-button-rounded-sm": {
|
4471
4601
|
[`@apply ${config2.rounded.sm}`]: {}
|
@@ -8840,6 +8970,11 @@ const defaultConfig$z = {
|
|
8840
8970
|
font: {
|
8841
8971
|
size: "sm"
|
8842
8972
|
}
|
8973
|
+
},
|
8974
|
+
xl: {
|
8975
|
+
font: {
|
8976
|
+
size: "sm"
|
8977
|
+
}
|
8843
8978
|
}
|
8844
8979
|
},
|
8845
8980
|
enabled: {
|
@@ -8866,6 +9001,14 @@ const defaultConfig$z = {
|
|
8866
9001
|
icon: {
|
8867
9002
|
size: "5"
|
8868
9003
|
}
|
9004
|
+
},
|
9005
|
+
xl: {
|
9006
|
+
font: {
|
9007
|
+
size: "sm"
|
9008
|
+
},
|
9009
|
+
icon: {
|
9010
|
+
size: "6"
|
9011
|
+
}
|
8869
9012
|
}
|
8870
9013
|
}
|
8871
9014
|
}
|
@@ -9096,6 +9239,35 @@ const inputFileRegular = plugin(({ addComponents, theme }) => {
|
|
9096
9239
|
"@apply top-[1.2rem]": {}
|
9097
9240
|
}
|
9098
9241
|
},
|
9242
|
+
//Without icon && Size:xl
|
9243
|
+
"&.nui-input-xl:not(.nui-has-icon)": {
|
9244
|
+
[`@apply text-${config2.icon.disabled.xl.font.size} leading-5`]: {},
|
9245
|
+
".nui-input-file-inner": {
|
9246
|
+
"@apply h-14 gap-2": {}
|
9247
|
+
},
|
9248
|
+
".nui-input-file-addon": {
|
9249
|
+
"@apply h-14 px-5": {}
|
9250
|
+
},
|
9251
|
+
".nui-input-file-placeload": {
|
9252
|
+
"@apply top-[1.4rem]": {}
|
9253
|
+
}
|
9254
|
+
},
|
9255
|
+
//With icon && Size:xl
|
9256
|
+
"&.nui-input-xl.nui-has-icon": {
|
9257
|
+
[`@apply text-${config2.icon.enabled.xl.font.size} leading-5`]: {},
|
9258
|
+
".nui-input-file-inner": {
|
9259
|
+
"@apply h-14 pe-4": {}
|
9260
|
+
},
|
9261
|
+
".nui-input-file-addon": {
|
9262
|
+
"@apply h-14 px-5": {}
|
9263
|
+
},
|
9264
|
+
".nui-input-file-icon": {
|
9265
|
+
[`@apply w-${config2.icon.enabled.xl.icon.size} h-${config2.icon.enabled.xl.icon.size}`]: {}
|
9266
|
+
},
|
9267
|
+
".nui-input-file-placeload": {
|
9268
|
+
"@apply top-[1.4rem]": {}
|
9269
|
+
}
|
9270
|
+
},
|
9099
9271
|
//Input:hover
|
9100
9272
|
"&:hover": {
|
9101
9273
|
".nui-input-file-addon": {
|
@@ -9726,7 +9898,8 @@ const defaultConfig$x = {
|
|
9726
9898
|
padding: {
|
9727
9899
|
sm: "8",
|
9728
9900
|
md: "10",
|
9729
|
-
lg: "12"
|
9901
|
+
lg: "12",
|
9902
|
+
xl: "14"
|
9730
9903
|
},
|
9731
9904
|
transition: {
|
9732
9905
|
property: "colors",
|
@@ -9823,6 +9996,24 @@ const defaultConfig$x = {
|
|
9823
9996
|
placeload: {
|
9824
9997
|
size: "12"
|
9825
9998
|
}
|
9999
|
+
},
|
10000
|
+
xl: {
|
10001
|
+
label: {
|
10002
|
+
font: {
|
10003
|
+
size: "sm"
|
10004
|
+
}
|
10005
|
+
},
|
10006
|
+
icon: {
|
10007
|
+
outer: {
|
10008
|
+
size: "14"
|
10009
|
+
},
|
10010
|
+
inner: {
|
10011
|
+
size: "5"
|
10012
|
+
}
|
10013
|
+
},
|
10014
|
+
placeload: {
|
10015
|
+
size: "14"
|
10016
|
+
}
|
9826
10017
|
}
|
9827
10018
|
},
|
9828
10019
|
color: {
|
@@ -9940,6 +10131,11 @@ const defaultConfig$x = {
|
|
9940
10131
|
font: {
|
9941
10132
|
size: "sm"
|
9942
10133
|
}
|
10134
|
+
},
|
10135
|
+
xl: {
|
10136
|
+
font: {
|
10137
|
+
size: "base"
|
10138
|
+
}
|
9943
10139
|
}
|
9944
10140
|
},
|
9945
10141
|
label: {
|
@@ -9966,6 +10162,15 @@ const defaultConfig$x = {
|
|
9966
10162
|
unfocus: "[0.825rem]"
|
9967
10163
|
}
|
9968
10164
|
}
|
10165
|
+
},
|
10166
|
+
xl: {
|
10167
|
+
font: {
|
10168
|
+
size: {
|
10169
|
+
base: "xs",
|
10170
|
+
focus: "xs",
|
10171
|
+
unfocus: "[0.825rem]"
|
10172
|
+
}
|
10173
|
+
}
|
9969
10174
|
}
|
9970
10175
|
}
|
9971
10176
|
}
|
@@ -9983,6 +10188,11 @@ const defaultConfig$x = {
|
|
9983
10188
|
}
|
9984
10189
|
},
|
9985
10190
|
lg: {
|
10191
|
+
font: {
|
10192
|
+
size: "sm"
|
10193
|
+
}
|
10194
|
+
},
|
10195
|
+
xl: {
|
9986
10196
|
font: {
|
9987
10197
|
size: "base"
|
9988
10198
|
}
|
@@ -10012,6 +10222,15 @@ const defaultConfig$x = {
|
|
10012
10222
|
unfocus: "[0.825rem]"
|
10013
10223
|
}
|
10014
10224
|
}
|
10225
|
+
},
|
10226
|
+
xl: {
|
10227
|
+
font: {
|
10228
|
+
size: {
|
10229
|
+
base: "xs",
|
10230
|
+
focus: "xs",
|
10231
|
+
unfocus: "[0.825rem]"
|
10232
|
+
}
|
10233
|
+
}
|
10015
10234
|
}
|
10016
10235
|
}
|
10017
10236
|
}
|
@@ -10182,6 +10401,28 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10182
10401
|
[`@apply h-${config2.size.lg.placeload.size}`]: {}
|
10183
10402
|
}
|
10184
10403
|
},
|
10404
|
+
//Size:xl
|
10405
|
+
"&.nui-input-xl": {
|
10406
|
+
//Input:label
|
10407
|
+
".nui-input-label": {
|
10408
|
+
[`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
|
10409
|
+
},
|
10410
|
+
//Label:float
|
10411
|
+
".nui-label-float": {
|
10412
|
+
"@apply top-[1.1rem]": {}
|
10413
|
+
},
|
10414
|
+
//Input:icon && Input:action
|
10415
|
+
".nui-input-icon, .nui-input-action": {
|
10416
|
+
[`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
|
10417
|
+
".nui-input-icon-inner, .nui-input-action-inner": {
|
10418
|
+
[`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
|
10419
|
+
}
|
10420
|
+
},
|
10421
|
+
//Input:placeload
|
10422
|
+
".nui-input-placeload": {
|
10423
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
10424
|
+
}
|
10425
|
+
},
|
10185
10426
|
//Color:default
|
10186
10427
|
"&.nui-input-default": {
|
10187
10428
|
".nui-input": {
|
@@ -10322,6 +10563,18 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10322
10563
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
|
10323
10564
|
}
|
10324
10565
|
},
|
10566
|
+
//Without icon && Size:xl
|
10567
|
+
"&:not(.nui-has-icon).nui-input-xl": {
|
10568
|
+
".nui-input": {
|
10569
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
|
10570
|
+
}
|
10571
|
+
},
|
10572
|
+
//With icon && Size:xl
|
10573
|
+
"&.nui-has-icon.nui-input-xl": {
|
10574
|
+
".nui-input": {
|
10575
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-[3.25rem]`]: {}
|
10576
|
+
}
|
10577
|
+
},
|
10325
10578
|
//With action && Size:sm
|
10326
10579
|
"&.nui-has-action.nui-input-sm": {
|
10327
10580
|
".nui-input": {
|
@@ -10340,6 +10593,12 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10340
10593
|
[`@apply pe-${config2.input.action.padding.lg}`]: {}
|
10341
10594
|
}
|
10342
10595
|
},
|
10596
|
+
//With action && Size:xl
|
10597
|
+
"&.nui-has-action.nui-input-xl": {
|
10598
|
+
".nui-input": {
|
10599
|
+
[`@apply pe-${config2.input.action.padding.xl}`]: {}
|
10600
|
+
}
|
10601
|
+
},
|
10343
10602
|
//Without icon && Size:sm && Label:float
|
10344
10603
|
"&.nui-input-label-float:not(.nui-has-icon).nui-input-sm": {
|
10345
10604
|
".nui-label-float": {
|
@@ -10391,7 +10650,7 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10391
10650
|
//Without icon && Size:lg && Label:float
|
10392
10651
|
"&.nui-input-label-float:not(.nui-has-icon).nui-input-lg": {
|
10393
10652
|
".nui-label-float": {
|
10394
|
-
[`@apply start-3 -ms-3 -mt-
|
10653
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
10395
10654
|
},
|
10396
10655
|
".nui-input:focus-visible ~ .nui-label-float": {
|
10397
10656
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -10403,7 +10662,7 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10403
10662
|
//With icon && Size:lg && Label:float
|
10404
10663
|
"&.nui-input-label-float.nui-has-icon.nui-input-lg": {
|
10405
10664
|
".nui-label-float": {
|
10406
|
-
[`@apply start-11 -ms-
|
10665
|
+
[`@apply start-11 -ms-9 -mt-10 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
10407
10666
|
},
|
10408
10667
|
".nui-input:focus-visible ~ .nui-label-float": {
|
10409
10668
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -10411,6 +10670,30 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10411
10670
|
".nui-input:placeholder-shown ~ .nui-label-float": {
|
10412
10671
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
10413
10672
|
}
|
10673
|
+
},
|
10674
|
+
//Without icon && Size:xl && Label:float
|
10675
|
+
"&.nui-input-label-float:not(.nui-has-icon).nui-input-xl": {
|
10676
|
+
".nui-label-float": {
|
10677
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
10678
|
+
},
|
10679
|
+
".nui-input:focus-visible ~ .nui-label-float": {
|
10680
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
10681
|
+
},
|
10682
|
+
".nui-input:placeholder-shown ~ .nui-label-float": {
|
10683
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
10684
|
+
}
|
10685
|
+
},
|
10686
|
+
//With icon && Size:xl && Label:float
|
10687
|
+
"&.nui-input-label-float.nui-has-icon.nui-input-xl": {
|
10688
|
+
".nui-label-float": {
|
10689
|
+
[`@apply start-[3.25rem] ms-[-3.25rem] -mt-8 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
10690
|
+
},
|
10691
|
+
".nui-input:focus-visible ~ .nui-label-float": {
|
10692
|
+
[`@apply !ms-[-3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
10693
|
+
},
|
10694
|
+
".nui-input:placeholder-shown ~ .nui-label-float": {
|
10695
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
10696
|
+
}
|
10414
10697
|
}
|
10415
10698
|
}
|
10416
10699
|
});
|
@@ -10592,6 +10875,24 @@ const defaultConfig$w = {
|
|
10592
10875
|
placeload: {
|
10593
10876
|
size: "12"
|
10594
10877
|
}
|
10878
|
+
},
|
10879
|
+
xl: {
|
10880
|
+
label: {
|
10881
|
+
font: {
|
10882
|
+
size: "sm"
|
10883
|
+
}
|
10884
|
+
},
|
10885
|
+
icon: {
|
10886
|
+
outer: {
|
10887
|
+
size: "14"
|
10888
|
+
},
|
10889
|
+
inner: {
|
10890
|
+
size: "5"
|
10891
|
+
}
|
10892
|
+
},
|
10893
|
+
placeload: {
|
10894
|
+
size: "14"
|
10895
|
+
}
|
10595
10896
|
}
|
10596
10897
|
},
|
10597
10898
|
color: {
|
@@ -10709,6 +11010,11 @@ const defaultConfig$w = {
|
|
10709
11010
|
font: {
|
10710
11011
|
size: "sm"
|
10711
11012
|
}
|
11013
|
+
},
|
11014
|
+
xl: {
|
11015
|
+
font: {
|
11016
|
+
size: "base"
|
11017
|
+
}
|
10712
11018
|
}
|
10713
11019
|
},
|
10714
11020
|
label: {
|
@@ -10735,6 +11041,15 @@ const defaultConfig$w = {
|
|
10735
11041
|
unfocus: "[0.825rem]"
|
10736
11042
|
}
|
10737
11043
|
}
|
11044
|
+
},
|
11045
|
+
xl: {
|
11046
|
+
font: {
|
11047
|
+
size: {
|
11048
|
+
base: "xs",
|
11049
|
+
focus: "xs",
|
11050
|
+
unfocus: "[0.825rem]"
|
11051
|
+
}
|
11052
|
+
}
|
10738
11053
|
}
|
10739
11054
|
}
|
10740
11055
|
}
|
@@ -10752,6 +11067,11 @@ const defaultConfig$w = {
|
|
10752
11067
|
}
|
10753
11068
|
},
|
10754
11069
|
lg: {
|
11070
|
+
font: {
|
11071
|
+
size: "sm"
|
11072
|
+
}
|
11073
|
+
},
|
11074
|
+
xl: {
|
10755
11075
|
font: {
|
10756
11076
|
size: "base"
|
10757
11077
|
}
|
@@ -10781,6 +11101,15 @@ const defaultConfig$w = {
|
|
10781
11101
|
unfocus: "[0.825rem]"
|
10782
11102
|
}
|
10783
11103
|
}
|
11104
|
+
},
|
11105
|
+
xl: {
|
11106
|
+
font: {
|
11107
|
+
size: {
|
11108
|
+
base: "xs",
|
11109
|
+
focus: "xs",
|
11110
|
+
unfocus: "[0.825rem]"
|
11111
|
+
}
|
11112
|
+
}
|
10784
11113
|
}
|
10785
11114
|
}
|
10786
11115
|
}
|
@@ -10996,6 +11325,32 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
10996
11325
|
"@apply h-10 w-10": {}
|
10997
11326
|
}
|
10998
11327
|
},
|
11328
|
+
//Size:xl
|
11329
|
+
"&.nui-input-number-xl": {
|
11330
|
+
//Input:label
|
11331
|
+
".nui-input-number-label": {
|
11332
|
+
[`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
|
11333
|
+
},
|
11334
|
+
//Label:float
|
11335
|
+
".nui-label-float": {
|
11336
|
+
"@apply top-[1.1rem]": {}
|
11337
|
+
},
|
11338
|
+
//Input:icon && Input:action
|
11339
|
+
".nui-input-number-icon, .nui-input-number-action": {
|
11340
|
+
[`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
|
11341
|
+
".nui-input-number-icon-inner, .nui-input-number-action-inner": {
|
11342
|
+
[`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
|
11343
|
+
}
|
11344
|
+
},
|
11345
|
+
//Input:placeload
|
11346
|
+
".nui-input-number-placeload": {
|
11347
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
11348
|
+
},
|
11349
|
+
//Input:buttons
|
11350
|
+
".nui-input-number-buttons button": {
|
11351
|
+
"@apply h-12 w-12": {}
|
11352
|
+
}
|
11353
|
+
},
|
10999
11354
|
//Color:default
|
11000
11355
|
"&.nui-input-number-default": {
|
11001
11356
|
".nui-input-number": {
|
@@ -11156,6 +11511,18 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
11156
11511
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
|
11157
11512
|
}
|
11158
11513
|
},
|
11514
|
+
//Without icon && Size:xl
|
11515
|
+
"&:not(.nui-has-icon).nui-input-number-xl": {
|
11516
|
+
".nui-input-number": {
|
11517
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 ps-4 pe-24`]: {}
|
11518
|
+
}
|
11519
|
+
},
|
11520
|
+
//With icon && Size:xl
|
11521
|
+
"&.nui-has-icon.nui-input-number-xl": {
|
11522
|
+
".nui-input-number": {
|
11523
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 ps-[3.25rem] pe-24`]: {}
|
11524
|
+
}
|
11525
|
+
},
|
11159
11526
|
//With action && Size:sm
|
11160
11527
|
"&.nui-has-action.nui-input-number-sm": {
|
11161
11528
|
".nui-input-number": {
|
@@ -11225,7 +11592,7 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
11225
11592
|
//Without icon && Size:lg && Label:float
|
11226
11593
|
"&.nui-input-number-label-float:not(.nui-has-icon).nui-input-number-lg": {
|
11227
11594
|
".nui-label-float": {
|
11228
|
-
[`@apply start-3 -ms-3 -mt-
|
11595
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
11229
11596
|
},
|
11230
11597
|
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11231
11598
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -11237,7 +11604,7 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
11237
11604
|
//With icon && Size:lg && Label:float
|
11238
11605
|
"&.nui-input-number-label-float.nui-has-icon.nui-input-number-lg": {
|
11239
11606
|
".nui-label-float": {
|
11240
|
-
[`@apply start-11 -ms-10 -mt-
|
11607
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
11241
11608
|
},
|
11242
11609
|
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11243
11610
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -11245,6 +11612,30 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
11245
11612
|
".nui-input-number:placeholder-shown ~ .nui-label-float": {
|
11246
11613
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
11247
11614
|
}
|
11615
|
+
},
|
11616
|
+
//Without icon && Size:xl && Label:float
|
11617
|
+
"&.nui-input-number-label-float:not(.nui-has-icon).nui-input-number-xl": {
|
11618
|
+
".nui-label-float": {
|
11619
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
11620
|
+
},
|
11621
|
+
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11622
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
11623
|
+
},
|
11624
|
+
".nui-input-number:placeholder-shown ~ .nui-label-float": {
|
11625
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
11626
|
+
}
|
11627
|
+
},
|
11628
|
+
//With icon && Size:xl && Label:float
|
11629
|
+
"&.nui-input-number-label-float.nui-has-icon.nui-input-number-xl": {
|
11630
|
+
".nui-label-float": {
|
11631
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
11632
|
+
},
|
11633
|
+
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11634
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
11635
|
+
},
|
11636
|
+
".nui-input-number:placeholder-shown ~ .nui-label-float": {
|
11637
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
11638
|
+
}
|
11248
11639
|
}
|
11249
11640
|
}
|
11250
11641
|
});
|
@@ -11918,7 +12309,29 @@ const defaultConfig$q = {
|
|
11918
12309
|
size: "12"
|
11919
12310
|
},
|
11920
12311
|
inner: {
|
11921
|
-
size: "
|
12312
|
+
size: "5"
|
12313
|
+
}
|
12314
|
+
}
|
12315
|
+
},
|
12316
|
+
xl: {
|
12317
|
+
font: {
|
12318
|
+
size: "sm"
|
12319
|
+
},
|
12320
|
+
icon: {
|
12321
|
+
size: {
|
12322
|
+
inner: "5",
|
12323
|
+
outer: "14"
|
12324
|
+
}
|
12325
|
+
},
|
12326
|
+
placeload: {
|
12327
|
+
size: "14"
|
12328
|
+
},
|
12329
|
+
chevron: {
|
12330
|
+
outer: {
|
12331
|
+
size: "14"
|
12332
|
+
},
|
12333
|
+
inner: {
|
12334
|
+
size: "5"
|
11922
12335
|
}
|
11923
12336
|
}
|
11924
12337
|
}
|
@@ -12134,6 +12547,11 @@ const defaultConfig$q = {
|
|
12134
12547
|
font: {
|
12135
12548
|
size: "sm"
|
12136
12549
|
}
|
12550
|
+
},
|
12551
|
+
xl: {
|
12552
|
+
font: {
|
12553
|
+
size: "base"
|
12554
|
+
}
|
12137
12555
|
}
|
12138
12556
|
},
|
12139
12557
|
label: {
|
@@ -12160,6 +12578,15 @@ const defaultConfig$q = {
|
|
12160
12578
|
unfocus: "[0.825rem]"
|
12161
12579
|
}
|
12162
12580
|
}
|
12581
|
+
},
|
12582
|
+
xl: {
|
12583
|
+
font: {
|
12584
|
+
size: {
|
12585
|
+
base: "xs",
|
12586
|
+
focus: "xs",
|
12587
|
+
unfocus: "[0.825rem]"
|
12588
|
+
}
|
12589
|
+
}
|
12163
12590
|
}
|
12164
12591
|
}
|
12165
12592
|
}
|
@@ -12177,6 +12604,11 @@ const defaultConfig$q = {
|
|
12177
12604
|
}
|
12178
12605
|
},
|
12179
12606
|
lg: {
|
12607
|
+
font: {
|
12608
|
+
size: "sm"
|
12609
|
+
}
|
12610
|
+
},
|
12611
|
+
xl: {
|
12180
12612
|
font: {
|
12181
12613
|
size: "base"
|
12182
12614
|
}
|
@@ -12206,6 +12638,15 @@ const defaultConfig$q = {
|
|
12206
12638
|
unfocus: "[0.825rem]"
|
12207
12639
|
}
|
12208
12640
|
}
|
12641
|
+
},
|
12642
|
+
xl: {
|
12643
|
+
font: {
|
12644
|
+
size: {
|
12645
|
+
base: "xs",
|
12646
|
+
focus: "xs",
|
12647
|
+
unfocus: "[0.825rem]"
|
12648
|
+
}
|
12649
|
+
}
|
12209
12650
|
}
|
12210
12651
|
}
|
12211
12652
|
}
|
@@ -12396,7 +12837,7 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12396
12837
|
},
|
12397
12838
|
//Label:float
|
12398
12839
|
".nui-label-float": {
|
12399
|
-
"@apply top-
|
12840
|
+
"@apply top-2.5": {}
|
12400
12841
|
}
|
12401
12842
|
},
|
12402
12843
|
//Listbox:icon
|
@@ -12425,7 +12866,7 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12425
12866
|
},
|
12426
12867
|
//Label:float
|
12427
12868
|
".nui-label-float": {
|
12428
|
-
"@apply top-
|
12869
|
+
"@apply top-3.5": {}
|
12429
12870
|
},
|
12430
12871
|
//Listbox:icon
|
12431
12872
|
".nui-listbox-icon": {
|
@@ -12447,6 +12888,35 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12447
12888
|
}
|
12448
12889
|
}
|
12449
12890
|
},
|
12891
|
+
//Size:xl
|
12892
|
+
"&.nui-listbox-xl": {
|
12893
|
+
".nui-listbox-label": {
|
12894
|
+
[`@apply pb-1 text-${config2.size.xl.font.size}`]: {}
|
12895
|
+
},
|
12896
|
+
//Label:float
|
12897
|
+
".nui-label-float": {
|
12898
|
+
"@apply top-[1.1rem]": {}
|
12899
|
+
},
|
12900
|
+
//Listbox:icon
|
12901
|
+
".nui-listbox-icon": {
|
12902
|
+
[`@apply h-${config2.size.xl.icon.size.outer} w-${config2.size.xl.icon.size.outer}`]: {},
|
12903
|
+
".nui-listbox-icon-inner": {
|
12904
|
+
[`@apply h-${config2.size.xl.icon.size.inner} w-${config2.size.xl.icon.size.inner}`]: {}
|
12905
|
+
}
|
12906
|
+
},
|
12907
|
+
//Listbox:placeload
|
12908
|
+
".nui-listbox-placeload": {
|
12909
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
12910
|
+
},
|
12911
|
+
//Listbox:chevron
|
12912
|
+
".nui-listbox-chevron": {
|
12913
|
+
[`@apply h-${config2.size.xl.chevron.outer.size} w-${config2.size.xl.chevron.outer.size}`]: {},
|
12914
|
+
//Chevron:inner
|
12915
|
+
".nui-listbox-chevron-inner": {
|
12916
|
+
[`@apply h-${config2.size.xl.chevron.inner.size} w-${config2.size.xl.chevron.inner.size}`]: {}
|
12917
|
+
}
|
12918
|
+
}
|
12919
|
+
},
|
12450
12920
|
//Rounded:sm
|
12451
12921
|
"&.nui-listbox-rounded-sm": {
|
12452
12922
|
".nui-listbox-button, .nui-listbox-options, .nui-listbox-option": {
|
@@ -12659,6 +13129,18 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12659
13129
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
|
12660
13130
|
}
|
12661
13131
|
},
|
13132
|
+
//Without:icon && Size:xl
|
13133
|
+
"&:not(.nui-has-icon).nui-listbox-xl": {
|
13134
|
+
".nui-listbox-button": {
|
13135
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
|
13136
|
+
}
|
13137
|
+
},
|
13138
|
+
//With:icon && Size:xl
|
13139
|
+
"&.nui-has-icon.nui-listbox-xl": {
|
13140
|
+
".nui-listbox-button": {
|
13141
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-12`]: {}
|
13142
|
+
}
|
13143
|
+
},
|
12662
13144
|
//Without:icon && Size:sm && Label:float
|
12663
13145
|
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-sm": {
|
12664
13146
|
".nui-label-float": {
|
@@ -12686,10 +13168,10 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12686
13168
|
//Without:icon && Size:md && Label:float
|
12687
13169
|
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-md": {
|
12688
13170
|
".nui-label-float": {
|
12689
|
-
[`@apply start-3 -ms-3 -mt-
|
13171
|
+
[`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.md.font.size.base} text-transparent`]: {}
|
12690
13172
|
},
|
12691
13173
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12692
|
-
[`@apply !-ms-3 !-mt-
|
13174
|
+
[`@apply !-ms-3 !-mt-8 !text-${config2.icon.disabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12693
13175
|
},
|
12694
13176
|
".nui-listbox-button ~ .nui-label-float": {
|
12695
13177
|
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.md.font.size.base}`]: {}
|
@@ -12698,10 +13180,10 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12698
13180
|
//With:icon && Size:md && Label:float
|
12699
13181
|
"&.nui-listbox-label-float.nui-has-icon.nui-listbox-md": {
|
12700
13182
|
".nui-label-float": {
|
12701
|
-
[`@apply start-10 -ms-10 -mt-
|
13183
|
+
[`@apply start-10 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.md.font.size.base} text-transparent`]: {}
|
12702
13184
|
},
|
12703
13185
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12704
|
-
[`@apply !-ms-10 !-mt-
|
13186
|
+
[`@apply !-ms-10 !-mt-8 !text-${config2.icon.enabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12705
13187
|
},
|
12706
13188
|
".nui-listbox-button ~ .nui-label-float": {
|
12707
13189
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.md.font.size.unfocus}`]: {}
|
@@ -12710,10 +13192,10 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12710
13192
|
//Without:icon && Size:lg && Label:float
|
12711
13193
|
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-lg": {
|
12712
13194
|
".nui-label-float": {
|
12713
|
-
[`@apply start-3 -ms-3 -mt-
|
13195
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base} text-transparent`]: {}
|
12714
13196
|
},
|
12715
13197
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12716
|
-
[`@apply !-ms-3 !-mt-
|
13198
|
+
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12717
13199
|
},
|
12718
13200
|
".nui-listbox-button ~ .nui-label-float": {
|
12719
13201
|
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.lg.font.size.unfocus}`]: {}
|
@@ -12722,14 +13204,38 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12722
13204
|
//With:icon && Size:lg && Label:float
|
12723
13205
|
"&.nui-listbox-label-float.nui-has-icon.nui-listbox-lg": {
|
12724
13206
|
".nui-label-float": {
|
12725
|
-
[`@apply start-11 -ms-10 -mt-
|
13207
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base} text-transparent`]: {}
|
12726
13208
|
},
|
12727
13209
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12728
|
-
[`@apply !-ms-10 !-mt-
|
13210
|
+
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12729
13211
|
},
|
12730
13212
|
".nui-listbox-button ~ .nui-label-float": {
|
12731
13213
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
12732
13214
|
}
|
13215
|
+
},
|
13216
|
+
//Without:icon && Size:xl && Label:float
|
13217
|
+
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-xl": {
|
13218
|
+
".nui-label-float": {
|
13219
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base} text-transparent`]: {}
|
13220
|
+
},
|
13221
|
+
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
13222
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
13223
|
+
},
|
13224
|
+
".nui-listbox-button ~ .nui-label-float": {
|
13225
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
13226
|
+
}
|
13227
|
+
},
|
13228
|
+
//With:icon && Size:xl && Label:float
|
13229
|
+
"&.nui-listbox-label-float.nui-has-icon.nui-listbox-xl": {
|
13230
|
+
".nui-label-float": {
|
13231
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base} text-transparent`]: {}
|
13232
|
+
},
|
13233
|
+
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
13234
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
13235
|
+
},
|
13236
|
+
".nui-listbox-button ~ .nui-label-float": {
|
13237
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
13238
|
+
}
|
12733
13239
|
}
|
12734
13240
|
}
|
12735
13241
|
});
|
@@ -15310,6 +15816,33 @@ const defaultConfig$c = {
|
|
15310
15816
|
placeload: {
|
15311
15817
|
size: "12"
|
15312
15818
|
}
|
15819
|
+
},
|
15820
|
+
xl: {
|
15821
|
+
padding: "14",
|
15822
|
+
chevron: {
|
15823
|
+
outer: {
|
15824
|
+
size: "14"
|
15825
|
+
},
|
15826
|
+
inner: {
|
15827
|
+
size: "5"
|
15828
|
+
}
|
15829
|
+
},
|
15830
|
+
label: {
|
15831
|
+
font: {
|
15832
|
+
size: "sm"
|
15833
|
+
}
|
15834
|
+
},
|
15835
|
+
icon: {
|
15836
|
+
outer: {
|
15837
|
+
size: "14"
|
15838
|
+
},
|
15839
|
+
inner: {
|
15840
|
+
size: "5"
|
15841
|
+
}
|
15842
|
+
},
|
15843
|
+
placeload: {
|
15844
|
+
size: "14"
|
15845
|
+
}
|
15313
15846
|
}
|
15314
15847
|
},
|
15315
15848
|
color: {
|
@@ -15450,6 +15983,11 @@ const defaultConfig$c = {
|
|
15450
15983
|
font: {
|
15451
15984
|
size: "sm"
|
15452
15985
|
}
|
15986
|
+
},
|
15987
|
+
xl: {
|
15988
|
+
font: {
|
15989
|
+
size: "base"
|
15990
|
+
}
|
15453
15991
|
}
|
15454
15992
|
},
|
15455
15993
|
label: {
|
@@ -15476,6 +16014,15 @@ const defaultConfig$c = {
|
|
15476
16014
|
unfocus: "[0.825rem]"
|
15477
16015
|
}
|
15478
16016
|
}
|
16017
|
+
},
|
16018
|
+
xl: {
|
16019
|
+
font: {
|
16020
|
+
size: {
|
16021
|
+
base: "xs",
|
16022
|
+
focus: "xs",
|
16023
|
+
unfocus: "[0.825rem]"
|
16024
|
+
}
|
16025
|
+
}
|
15479
16026
|
}
|
15480
16027
|
}
|
15481
16028
|
}
|
@@ -15493,6 +16040,11 @@ const defaultConfig$c = {
|
|
15493
16040
|
}
|
15494
16041
|
},
|
15495
16042
|
lg: {
|
16043
|
+
font: {
|
16044
|
+
size: "sm"
|
16045
|
+
}
|
16046
|
+
},
|
16047
|
+
xl: {
|
15496
16048
|
font: {
|
15497
16049
|
size: "base"
|
15498
16050
|
}
|
@@ -15522,6 +16074,15 @@ const defaultConfig$c = {
|
|
15522
16074
|
unfocus: "[0.825rem]"
|
15523
16075
|
}
|
15524
16076
|
}
|
16077
|
+
},
|
16078
|
+
xl: {
|
16079
|
+
font: {
|
16080
|
+
size: {
|
16081
|
+
base: "xs",
|
16082
|
+
focus: "xs",
|
16083
|
+
unfocus: "[0.825rem]"
|
16084
|
+
}
|
16085
|
+
}
|
15525
16086
|
}
|
15526
16087
|
}
|
15527
16088
|
}
|
@@ -15673,7 +16234,7 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15673
16234
|
},
|
15674
16235
|
//Label:float
|
15675
16236
|
".nui-label-float": {
|
15676
|
-
"@apply top-
|
16237
|
+
"@apply top-2.5": {}
|
15677
16238
|
},
|
15678
16239
|
//Select:icon
|
15679
16240
|
".nui-select-icon, .nui-select-chevron": {
|
@@ -15699,7 +16260,7 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15699
16260
|
},
|
15700
16261
|
//Label:float
|
15701
16262
|
".nui-label-float": {
|
15702
|
-
"@apply top-
|
16263
|
+
"@apply top-3.5": {}
|
15703
16264
|
},
|
15704
16265
|
//Select:icon
|
15705
16266
|
".nui-select-icon, .nui-select-chevron": {
|
@@ -15713,6 +16274,32 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15713
16274
|
[`@apply h-${config2.size.lg.placeload.size}`]: {}
|
15714
16275
|
}
|
15715
16276
|
},
|
16277
|
+
//Size:xl
|
16278
|
+
"&.nui-select-xl": {
|
16279
|
+
//Select
|
16280
|
+
".nui-select": {
|
16281
|
+
[`@apply pe-${config2.size.xl.padding}`]: {}
|
16282
|
+
},
|
16283
|
+
//Select:label
|
16284
|
+
".nui-select-label": {
|
16285
|
+
[`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
|
16286
|
+
},
|
16287
|
+
//Label:float
|
16288
|
+
".nui-label-float": {
|
16289
|
+
"@apply top-[1.1rem]": {}
|
16290
|
+
},
|
16291
|
+
//Select:icon
|
16292
|
+
".nui-select-icon, .nui-select-chevron": {
|
16293
|
+
[`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
|
16294
|
+
".nui-select-icon-inner, .nui-select-chevron-inner": {
|
16295
|
+
[`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
|
16296
|
+
}
|
16297
|
+
},
|
16298
|
+
//Select:placeload
|
16299
|
+
".nui-select-placeload": {
|
16300
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
16301
|
+
}
|
16302
|
+
},
|
15716
16303
|
//Color:default
|
15717
16304
|
"&.nui-select-default": {
|
15718
16305
|
".nui-select": {
|
@@ -15844,6 +16431,18 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15844
16431
|
[`@apply h-12 py-2 text-${config2.icon.enabled.select.lg.font.size} leading-5 pe-9 ps-11`]: {}
|
15845
16432
|
}
|
15846
16433
|
},
|
16434
|
+
//Without:icon && Size:xl
|
16435
|
+
"&:not(.nui-has-icon).nui-select-xl": {
|
16436
|
+
".nui-select": {
|
16437
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.select.xl.font.size} leading-5 ps-4 pe-9`]: {}
|
16438
|
+
}
|
16439
|
+
},
|
16440
|
+
//With:icon && Size:xl
|
16441
|
+
"&.nui-has-icon.nui-select-xl": {
|
16442
|
+
".nui-select": {
|
16443
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.select.xl.font.size} leading-5 pe-9 ps-12`]: {}
|
16444
|
+
}
|
16445
|
+
},
|
15847
16446
|
//Without:icon && Size:sm && Label:float
|
15848
16447
|
"&.nui-select-label-float:not(.nui-has-icon).nui-select-sm": {
|
15849
16448
|
".nui-label-float": {
|
@@ -15895,7 +16494,7 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15895
16494
|
//Without:icon && Size:lg && Label:float
|
15896
16495
|
"&.nui-select-label-float:not(.nui-has-icon).nui-select-lg": {
|
15897
16496
|
".nui-label-float": {
|
15898
|
-
[`@apply start-3 -ms-3 -mt-
|
16497
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
15899
16498
|
},
|
15900
16499
|
".nui-select:focus-visible ~ .nui-label-float": {
|
15901
16500
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -15907,7 +16506,7 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15907
16506
|
//With:icon && Size:lg && Label:float
|
15908
16507
|
"&.nui-select-label-float.nui-has-icon.nui-select-lg": {
|
15909
16508
|
".nui-label-float": {
|
15910
|
-
[`@apply start-11 -ms-10 -mt-
|
16509
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
15911
16510
|
},
|
15912
16511
|
".nui-select:focus-visible ~ .nui-label-float": {
|
15913
16512
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -15915,6 +16514,30 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15915
16514
|
".nui-select ~ .nui-label-float": {
|
15916
16515
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
15917
16516
|
}
|
16517
|
+
},
|
16518
|
+
//Without:icon && Size:xl && Label:float
|
16519
|
+
"&.nui-select-label-float:not(.nui-has-icon).nui-select-xl": {
|
16520
|
+
".nui-label-float": {
|
16521
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
16522
|
+
},
|
16523
|
+
".nui-select:focus-visible ~ .nui-label-float": {
|
16524
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
16525
|
+
},
|
16526
|
+
".nui-select ~ .nui-label-float": {
|
16527
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
16528
|
+
}
|
16529
|
+
},
|
16530
|
+
//With:icon && Size:xl && Label:float
|
16531
|
+
"&.nui-select-label-float.nui-has-icon.nui-select-xl": {
|
16532
|
+
".nui-label-float": {
|
16533
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
16534
|
+
},
|
16535
|
+
".nui-select:focus-visible ~ .nui-label-float": {
|
16536
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
16537
|
+
},
|
16538
|
+
".nui-select ~ .nui-label-float": {
|
16539
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
16540
|
+
}
|
15918
16541
|
}
|
15919
16542
|
}
|
15920
16543
|
});
|