@shuriken-ui/tailwind 3.0.3 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +645 -30
- package/dist/plugins/index.mjs +645 -30
- 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}`]: {}
|
@@ -4203,6 +4317,10 @@ const defaultConfig$K = {
|
|
4203
4317
|
lg: {
|
4204
4318
|
size: "12",
|
4205
4319
|
padding: "3"
|
4320
|
+
},
|
4321
|
+
xl: {
|
4322
|
+
size: "14",
|
4323
|
+
padding: "4"
|
4206
4324
|
}
|
4207
4325
|
},
|
4208
4326
|
color: {
|
@@ -4455,17 +4573,21 @@ const buttonIcon = plugin(({ addComponents, theme }) => {
|
|
4455
4573
|
//Transition
|
4456
4574
|
[`@apply transition-${config2.transition.property} duration-${config2.transition.duration}`]: {},
|
4457
4575
|
//Size:sm
|
4458
|
-
"&.nui-button-
|
4576
|
+
"&.nui-button-sm": {
|
4459
4577
|
[`@apply h-${config2.size.sm.size} w-${config2.size.sm.size} p-${config2.size.sm.padding}`]: {}
|
4460
4578
|
},
|
4461
4579
|
//Size:md
|
4462
|
-
"&.nui-button-
|
4580
|
+
"&.nui-button-md": {
|
4463
4581
|
[`@apply h-${config2.size.md.size} w-${config2.size.md.size} p-${config2.size.md.padding}`]: {}
|
4464
4582
|
},
|
4465
4583
|
//Size:lg
|
4466
|
-
"&.nui-button-
|
4584
|
+
"&.nui-button-lg": {
|
4467
4585
|
[`@apply h-${config2.size.lg.size} w-${config2.size.lg.size} p-${config2.size.lg.padding}`]: {}
|
4468
4586
|
},
|
4587
|
+
//Size:xl
|
4588
|
+
"&.nui-button-xl": {
|
4589
|
+
[`@apply h-${config2.size.xl.size} w-${config2.size.xl.size} p-${config2.size.xl.padding}`]: {}
|
4590
|
+
},
|
4469
4591
|
//Rounded:sm
|
4470
4592
|
"&.nui-button-rounded-sm": {
|
4471
4593
|
[`@apply ${config2.rounded.sm}`]: {}
|
@@ -8840,6 +8962,11 @@ const defaultConfig$z = {
|
|
8840
8962
|
font: {
|
8841
8963
|
size: "sm"
|
8842
8964
|
}
|
8965
|
+
},
|
8966
|
+
xl: {
|
8967
|
+
font: {
|
8968
|
+
size: "sm"
|
8969
|
+
}
|
8843
8970
|
}
|
8844
8971
|
},
|
8845
8972
|
enabled: {
|
@@ -8866,6 +8993,14 @@ const defaultConfig$z = {
|
|
8866
8993
|
icon: {
|
8867
8994
|
size: "5"
|
8868
8995
|
}
|
8996
|
+
},
|
8997
|
+
xl: {
|
8998
|
+
font: {
|
8999
|
+
size: "sm"
|
9000
|
+
},
|
9001
|
+
icon: {
|
9002
|
+
size: "6"
|
9003
|
+
}
|
8869
9004
|
}
|
8870
9005
|
}
|
8871
9006
|
}
|
@@ -9096,6 +9231,35 @@ const inputFileRegular = plugin(({ addComponents, theme }) => {
|
|
9096
9231
|
"@apply top-[1.2rem]": {}
|
9097
9232
|
}
|
9098
9233
|
},
|
9234
|
+
//Without icon && Size:xl
|
9235
|
+
"&.nui-input-xl:not(.nui-has-icon)": {
|
9236
|
+
[`@apply text-${config2.icon.disabled.xl.font.size} leading-5`]: {},
|
9237
|
+
".nui-input-file-inner": {
|
9238
|
+
"@apply h-14 gap-2": {}
|
9239
|
+
},
|
9240
|
+
".nui-input-file-addon": {
|
9241
|
+
"@apply h-14 px-5": {}
|
9242
|
+
},
|
9243
|
+
".nui-input-file-placeload": {
|
9244
|
+
"@apply top-[1.4rem]": {}
|
9245
|
+
}
|
9246
|
+
},
|
9247
|
+
//With icon && Size:xl
|
9248
|
+
"&.nui-input-xl.nui-has-icon": {
|
9249
|
+
[`@apply text-${config2.icon.enabled.xl.font.size} leading-5`]: {},
|
9250
|
+
".nui-input-file-inner": {
|
9251
|
+
"@apply h-14 pe-4": {}
|
9252
|
+
},
|
9253
|
+
".nui-input-file-addon": {
|
9254
|
+
"@apply h-14 px-5": {}
|
9255
|
+
},
|
9256
|
+
".nui-input-file-icon": {
|
9257
|
+
[`@apply w-${config2.icon.enabled.xl.icon.size} h-${config2.icon.enabled.xl.icon.size}`]: {}
|
9258
|
+
},
|
9259
|
+
".nui-input-file-placeload": {
|
9260
|
+
"@apply top-[1.4rem]": {}
|
9261
|
+
}
|
9262
|
+
},
|
9099
9263
|
//Input:hover
|
9100
9264
|
"&:hover": {
|
9101
9265
|
".nui-input-file-addon": {
|
@@ -9726,7 +9890,8 @@ const defaultConfig$x = {
|
|
9726
9890
|
padding: {
|
9727
9891
|
sm: "8",
|
9728
9892
|
md: "10",
|
9729
|
-
lg: "12"
|
9893
|
+
lg: "12",
|
9894
|
+
xl: "14"
|
9730
9895
|
},
|
9731
9896
|
transition: {
|
9732
9897
|
property: "colors",
|
@@ -9823,6 +9988,24 @@ const defaultConfig$x = {
|
|
9823
9988
|
placeload: {
|
9824
9989
|
size: "12"
|
9825
9990
|
}
|
9991
|
+
},
|
9992
|
+
xl: {
|
9993
|
+
label: {
|
9994
|
+
font: {
|
9995
|
+
size: "sm"
|
9996
|
+
}
|
9997
|
+
},
|
9998
|
+
icon: {
|
9999
|
+
outer: {
|
10000
|
+
size: "14"
|
10001
|
+
},
|
10002
|
+
inner: {
|
10003
|
+
size: "5"
|
10004
|
+
}
|
10005
|
+
},
|
10006
|
+
placeload: {
|
10007
|
+
size: "14"
|
10008
|
+
}
|
9826
10009
|
}
|
9827
10010
|
},
|
9828
10011
|
color: {
|
@@ -9940,6 +10123,11 @@ const defaultConfig$x = {
|
|
9940
10123
|
font: {
|
9941
10124
|
size: "sm"
|
9942
10125
|
}
|
10126
|
+
},
|
10127
|
+
xl: {
|
10128
|
+
font: {
|
10129
|
+
size: "base"
|
10130
|
+
}
|
9943
10131
|
}
|
9944
10132
|
},
|
9945
10133
|
label: {
|
@@ -9966,6 +10154,15 @@ const defaultConfig$x = {
|
|
9966
10154
|
unfocus: "[0.825rem]"
|
9967
10155
|
}
|
9968
10156
|
}
|
10157
|
+
},
|
10158
|
+
xl: {
|
10159
|
+
font: {
|
10160
|
+
size: {
|
10161
|
+
base: "xs",
|
10162
|
+
focus: "xs",
|
10163
|
+
unfocus: "[0.825rem]"
|
10164
|
+
}
|
10165
|
+
}
|
9969
10166
|
}
|
9970
10167
|
}
|
9971
10168
|
}
|
@@ -9983,6 +10180,11 @@ const defaultConfig$x = {
|
|
9983
10180
|
}
|
9984
10181
|
},
|
9985
10182
|
lg: {
|
10183
|
+
font: {
|
10184
|
+
size: "sm"
|
10185
|
+
}
|
10186
|
+
},
|
10187
|
+
xl: {
|
9986
10188
|
font: {
|
9987
10189
|
size: "base"
|
9988
10190
|
}
|
@@ -10012,6 +10214,15 @@ const defaultConfig$x = {
|
|
10012
10214
|
unfocus: "[0.825rem]"
|
10013
10215
|
}
|
10014
10216
|
}
|
10217
|
+
},
|
10218
|
+
xl: {
|
10219
|
+
font: {
|
10220
|
+
size: {
|
10221
|
+
base: "xs",
|
10222
|
+
focus: "xs",
|
10223
|
+
unfocus: "[0.825rem]"
|
10224
|
+
}
|
10225
|
+
}
|
10015
10226
|
}
|
10016
10227
|
}
|
10017
10228
|
}
|
@@ -10182,6 +10393,28 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10182
10393
|
[`@apply h-${config2.size.lg.placeload.size}`]: {}
|
10183
10394
|
}
|
10184
10395
|
},
|
10396
|
+
//Size:xl
|
10397
|
+
"&.nui-input-xl": {
|
10398
|
+
//Input:label
|
10399
|
+
".nui-input-label": {
|
10400
|
+
[`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
|
10401
|
+
},
|
10402
|
+
//Label:float
|
10403
|
+
".nui-label-float": {
|
10404
|
+
"@apply top-[1.1rem]": {}
|
10405
|
+
},
|
10406
|
+
//Input:icon && Input:action
|
10407
|
+
".nui-input-icon, .nui-input-action": {
|
10408
|
+
[`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
|
10409
|
+
".nui-input-icon-inner, .nui-input-action-inner": {
|
10410
|
+
[`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
|
10411
|
+
}
|
10412
|
+
},
|
10413
|
+
//Input:placeload
|
10414
|
+
".nui-input-placeload": {
|
10415
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
10416
|
+
}
|
10417
|
+
},
|
10185
10418
|
//Color:default
|
10186
10419
|
"&.nui-input-default": {
|
10187
10420
|
".nui-input": {
|
@@ -10322,6 +10555,18 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10322
10555
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
|
10323
10556
|
}
|
10324
10557
|
},
|
10558
|
+
//Without icon && Size:xl
|
10559
|
+
"&:not(.nui-has-icon).nui-input-xl": {
|
10560
|
+
".nui-input": {
|
10561
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
|
10562
|
+
}
|
10563
|
+
},
|
10564
|
+
//With icon && Size:xl
|
10565
|
+
"&.nui-has-icon.nui-input-xl": {
|
10566
|
+
".nui-input": {
|
10567
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-[3.25rem]`]: {}
|
10568
|
+
}
|
10569
|
+
},
|
10325
10570
|
//With action && Size:sm
|
10326
10571
|
"&.nui-has-action.nui-input-sm": {
|
10327
10572
|
".nui-input": {
|
@@ -10340,6 +10585,12 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10340
10585
|
[`@apply pe-${config2.input.action.padding.lg}`]: {}
|
10341
10586
|
}
|
10342
10587
|
},
|
10588
|
+
//With action && Size:xl
|
10589
|
+
"&.nui-has-action.nui-input-xl": {
|
10590
|
+
".nui-input": {
|
10591
|
+
[`@apply pe-${config2.input.action.padding.xl}`]: {}
|
10592
|
+
}
|
10593
|
+
},
|
10343
10594
|
//Without icon && Size:sm && Label:float
|
10344
10595
|
"&.nui-input-label-float:not(.nui-has-icon).nui-input-sm": {
|
10345
10596
|
".nui-label-float": {
|
@@ -10391,7 +10642,7 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10391
10642
|
//Without icon && Size:lg && Label:float
|
10392
10643
|
"&.nui-input-label-float:not(.nui-has-icon).nui-input-lg": {
|
10393
10644
|
".nui-label-float": {
|
10394
|
-
[`@apply start-3 -ms-3 -mt-
|
10645
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
10395
10646
|
},
|
10396
10647
|
".nui-input:focus-visible ~ .nui-label-float": {
|
10397
10648
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -10403,7 +10654,7 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10403
10654
|
//With icon && Size:lg && Label:float
|
10404
10655
|
"&.nui-input-label-float.nui-has-icon.nui-input-lg": {
|
10405
10656
|
".nui-label-float": {
|
10406
|
-
[`@apply start-11 -ms-
|
10657
|
+
[`@apply start-11 -ms-9 -mt-10 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
10407
10658
|
},
|
10408
10659
|
".nui-input:focus-visible ~ .nui-label-float": {
|
10409
10660
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -10411,6 +10662,30 @@ const input = plugin(({ addComponents, theme }) => {
|
|
10411
10662
|
".nui-input:placeholder-shown ~ .nui-label-float": {
|
10412
10663
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
10413
10664
|
}
|
10665
|
+
},
|
10666
|
+
//Without icon && Size:xl && Label:float
|
10667
|
+
"&.nui-input-label-float:not(.nui-has-icon).nui-input-xl": {
|
10668
|
+
".nui-label-float": {
|
10669
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
10670
|
+
},
|
10671
|
+
".nui-input:focus-visible ~ .nui-label-float": {
|
10672
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
10673
|
+
},
|
10674
|
+
".nui-input:placeholder-shown ~ .nui-label-float": {
|
10675
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
10676
|
+
}
|
10677
|
+
},
|
10678
|
+
//With icon && Size:xl && Label:float
|
10679
|
+
"&.nui-input-label-float.nui-has-icon.nui-input-xl": {
|
10680
|
+
".nui-label-float": {
|
10681
|
+
[`@apply start-[3.25rem] ms-[-3.25rem] -mt-8 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
10682
|
+
},
|
10683
|
+
".nui-input:focus-visible ~ .nui-label-float": {
|
10684
|
+
[`@apply !ms-[-3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
10685
|
+
},
|
10686
|
+
".nui-input:placeholder-shown ~ .nui-label-float": {
|
10687
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
10688
|
+
}
|
10414
10689
|
}
|
10415
10690
|
}
|
10416
10691
|
});
|
@@ -10592,6 +10867,24 @@ const defaultConfig$w = {
|
|
10592
10867
|
placeload: {
|
10593
10868
|
size: "12"
|
10594
10869
|
}
|
10870
|
+
},
|
10871
|
+
xl: {
|
10872
|
+
label: {
|
10873
|
+
font: {
|
10874
|
+
size: "sm"
|
10875
|
+
}
|
10876
|
+
},
|
10877
|
+
icon: {
|
10878
|
+
outer: {
|
10879
|
+
size: "14"
|
10880
|
+
},
|
10881
|
+
inner: {
|
10882
|
+
size: "5"
|
10883
|
+
}
|
10884
|
+
},
|
10885
|
+
placeload: {
|
10886
|
+
size: "14"
|
10887
|
+
}
|
10595
10888
|
}
|
10596
10889
|
},
|
10597
10890
|
color: {
|
@@ -10709,6 +11002,11 @@ const defaultConfig$w = {
|
|
10709
11002
|
font: {
|
10710
11003
|
size: "sm"
|
10711
11004
|
}
|
11005
|
+
},
|
11006
|
+
xl: {
|
11007
|
+
font: {
|
11008
|
+
size: "base"
|
11009
|
+
}
|
10712
11010
|
}
|
10713
11011
|
},
|
10714
11012
|
label: {
|
@@ -10735,6 +11033,15 @@ const defaultConfig$w = {
|
|
10735
11033
|
unfocus: "[0.825rem]"
|
10736
11034
|
}
|
10737
11035
|
}
|
11036
|
+
},
|
11037
|
+
xl: {
|
11038
|
+
font: {
|
11039
|
+
size: {
|
11040
|
+
base: "xs",
|
11041
|
+
focus: "xs",
|
11042
|
+
unfocus: "[0.825rem]"
|
11043
|
+
}
|
11044
|
+
}
|
10738
11045
|
}
|
10739
11046
|
}
|
10740
11047
|
}
|
@@ -10752,6 +11059,11 @@ const defaultConfig$w = {
|
|
10752
11059
|
}
|
10753
11060
|
},
|
10754
11061
|
lg: {
|
11062
|
+
font: {
|
11063
|
+
size: "sm"
|
11064
|
+
}
|
11065
|
+
},
|
11066
|
+
xl: {
|
10755
11067
|
font: {
|
10756
11068
|
size: "base"
|
10757
11069
|
}
|
@@ -10781,6 +11093,15 @@ const defaultConfig$w = {
|
|
10781
11093
|
unfocus: "[0.825rem]"
|
10782
11094
|
}
|
10783
11095
|
}
|
11096
|
+
},
|
11097
|
+
xl: {
|
11098
|
+
font: {
|
11099
|
+
size: {
|
11100
|
+
base: "xs",
|
11101
|
+
focus: "xs",
|
11102
|
+
unfocus: "[0.825rem]"
|
11103
|
+
}
|
11104
|
+
}
|
10784
11105
|
}
|
10785
11106
|
}
|
10786
11107
|
}
|
@@ -10996,6 +11317,32 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
10996
11317
|
"@apply h-10 w-10": {}
|
10997
11318
|
}
|
10998
11319
|
},
|
11320
|
+
//Size:xl
|
11321
|
+
"&.nui-input-number-xl": {
|
11322
|
+
//Input:label
|
11323
|
+
".nui-input-number-label": {
|
11324
|
+
[`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
|
11325
|
+
},
|
11326
|
+
//Label:float
|
11327
|
+
".nui-label-float": {
|
11328
|
+
"@apply top-[1.1rem]": {}
|
11329
|
+
},
|
11330
|
+
//Input:icon && Input:action
|
11331
|
+
".nui-input-number-icon, .nui-input-number-action": {
|
11332
|
+
[`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
|
11333
|
+
".nui-input-number-icon-inner, .nui-input-number-action-inner": {
|
11334
|
+
[`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
|
11335
|
+
}
|
11336
|
+
},
|
11337
|
+
//Input:placeload
|
11338
|
+
".nui-input-number-placeload": {
|
11339
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
11340
|
+
},
|
11341
|
+
//Input:buttons
|
11342
|
+
".nui-input-number-buttons button": {
|
11343
|
+
"@apply h-12 w-12": {}
|
11344
|
+
}
|
11345
|
+
},
|
10999
11346
|
//Color:default
|
11000
11347
|
"&.nui-input-number-default": {
|
11001
11348
|
".nui-input-number": {
|
@@ -11156,6 +11503,18 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
11156
11503
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
|
11157
11504
|
}
|
11158
11505
|
},
|
11506
|
+
//Without icon && Size:xl
|
11507
|
+
"&:not(.nui-has-icon).nui-input-number-xl": {
|
11508
|
+
".nui-input-number": {
|
11509
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 ps-4 pe-24`]: {}
|
11510
|
+
}
|
11511
|
+
},
|
11512
|
+
//With icon && Size:xl
|
11513
|
+
"&.nui-has-icon.nui-input-number-xl": {
|
11514
|
+
".nui-input-number": {
|
11515
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 ps-[3.25rem] pe-24`]: {}
|
11516
|
+
}
|
11517
|
+
},
|
11159
11518
|
//With action && Size:sm
|
11160
11519
|
"&.nui-has-action.nui-input-number-sm": {
|
11161
11520
|
".nui-input-number": {
|
@@ -11225,7 +11584,7 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
11225
11584
|
//Without icon && Size:lg && Label:float
|
11226
11585
|
"&.nui-input-number-label-float:not(.nui-has-icon).nui-input-number-lg": {
|
11227
11586
|
".nui-label-float": {
|
11228
|
-
[`@apply start-3 -ms-3 -mt-
|
11587
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
11229
11588
|
},
|
11230
11589
|
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11231
11590
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -11237,7 +11596,7 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
11237
11596
|
//With icon && Size:lg && Label:float
|
11238
11597
|
"&.nui-input-number-label-float.nui-has-icon.nui-input-number-lg": {
|
11239
11598
|
".nui-label-float": {
|
11240
|
-
[`@apply start-11 -ms-10 -mt-
|
11599
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
11241
11600
|
},
|
11242
11601
|
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11243
11602
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -11245,6 +11604,30 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
11245
11604
|
".nui-input-number:placeholder-shown ~ .nui-label-float": {
|
11246
11605
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
11247
11606
|
}
|
11607
|
+
},
|
11608
|
+
//Without icon && Size:xl && Label:float
|
11609
|
+
"&.nui-input-number-label-float:not(.nui-has-icon).nui-input-number-xl": {
|
11610
|
+
".nui-label-float": {
|
11611
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
11612
|
+
},
|
11613
|
+
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11614
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
11615
|
+
},
|
11616
|
+
".nui-input-number:placeholder-shown ~ .nui-label-float": {
|
11617
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
11618
|
+
}
|
11619
|
+
},
|
11620
|
+
//With icon && Size:xl && Label:float
|
11621
|
+
"&.nui-input-number-label-float.nui-has-icon.nui-input-number-xl": {
|
11622
|
+
".nui-label-float": {
|
11623
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
11624
|
+
},
|
11625
|
+
".nui-input-number:focus-visible ~ .nui-label-float": {
|
11626
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
11627
|
+
},
|
11628
|
+
".nui-input-number:placeholder-shown ~ .nui-label-float": {
|
11629
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
11630
|
+
}
|
11248
11631
|
}
|
11249
11632
|
}
|
11250
11633
|
});
|
@@ -11918,7 +12301,29 @@ const defaultConfig$q = {
|
|
11918
12301
|
size: "12"
|
11919
12302
|
},
|
11920
12303
|
inner: {
|
11921
|
-
size: "
|
12304
|
+
size: "5"
|
12305
|
+
}
|
12306
|
+
}
|
12307
|
+
},
|
12308
|
+
xl: {
|
12309
|
+
font: {
|
12310
|
+
size: "sm"
|
12311
|
+
},
|
12312
|
+
icon: {
|
12313
|
+
size: {
|
12314
|
+
inner: "5",
|
12315
|
+
outer: "14"
|
12316
|
+
}
|
12317
|
+
},
|
12318
|
+
placeload: {
|
12319
|
+
size: "14"
|
12320
|
+
},
|
12321
|
+
chevron: {
|
12322
|
+
outer: {
|
12323
|
+
size: "14"
|
12324
|
+
},
|
12325
|
+
inner: {
|
12326
|
+
size: "5"
|
11922
12327
|
}
|
11923
12328
|
}
|
11924
12329
|
}
|
@@ -12134,6 +12539,11 @@ const defaultConfig$q = {
|
|
12134
12539
|
font: {
|
12135
12540
|
size: "sm"
|
12136
12541
|
}
|
12542
|
+
},
|
12543
|
+
xl: {
|
12544
|
+
font: {
|
12545
|
+
size: "base"
|
12546
|
+
}
|
12137
12547
|
}
|
12138
12548
|
},
|
12139
12549
|
label: {
|
@@ -12160,6 +12570,15 @@ const defaultConfig$q = {
|
|
12160
12570
|
unfocus: "[0.825rem]"
|
12161
12571
|
}
|
12162
12572
|
}
|
12573
|
+
},
|
12574
|
+
xl: {
|
12575
|
+
font: {
|
12576
|
+
size: {
|
12577
|
+
base: "xs",
|
12578
|
+
focus: "xs",
|
12579
|
+
unfocus: "[0.825rem]"
|
12580
|
+
}
|
12581
|
+
}
|
12163
12582
|
}
|
12164
12583
|
}
|
12165
12584
|
}
|
@@ -12177,6 +12596,11 @@ const defaultConfig$q = {
|
|
12177
12596
|
}
|
12178
12597
|
},
|
12179
12598
|
lg: {
|
12599
|
+
font: {
|
12600
|
+
size: "sm"
|
12601
|
+
}
|
12602
|
+
},
|
12603
|
+
xl: {
|
12180
12604
|
font: {
|
12181
12605
|
size: "base"
|
12182
12606
|
}
|
@@ -12206,6 +12630,15 @@ const defaultConfig$q = {
|
|
12206
12630
|
unfocus: "[0.825rem]"
|
12207
12631
|
}
|
12208
12632
|
}
|
12633
|
+
},
|
12634
|
+
xl: {
|
12635
|
+
font: {
|
12636
|
+
size: {
|
12637
|
+
base: "xs",
|
12638
|
+
focus: "xs",
|
12639
|
+
unfocus: "[0.825rem]"
|
12640
|
+
}
|
12641
|
+
}
|
12209
12642
|
}
|
12210
12643
|
}
|
12211
12644
|
}
|
@@ -12396,7 +12829,7 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12396
12829
|
},
|
12397
12830
|
//Label:float
|
12398
12831
|
".nui-label-float": {
|
12399
|
-
"@apply top-
|
12832
|
+
"@apply top-2.5": {}
|
12400
12833
|
}
|
12401
12834
|
},
|
12402
12835
|
//Listbox:icon
|
@@ -12425,7 +12858,7 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12425
12858
|
},
|
12426
12859
|
//Label:float
|
12427
12860
|
".nui-label-float": {
|
12428
|
-
"@apply top-
|
12861
|
+
"@apply top-3.5": {}
|
12429
12862
|
},
|
12430
12863
|
//Listbox:icon
|
12431
12864
|
".nui-listbox-icon": {
|
@@ -12447,6 +12880,35 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12447
12880
|
}
|
12448
12881
|
}
|
12449
12882
|
},
|
12883
|
+
//Size:xl
|
12884
|
+
"&.nui-listbox-xl": {
|
12885
|
+
".nui-listbox-label": {
|
12886
|
+
[`@apply pb-1 text-${config2.size.xl.font.size}`]: {}
|
12887
|
+
},
|
12888
|
+
//Label:float
|
12889
|
+
".nui-label-float": {
|
12890
|
+
"@apply top-[1.1rem]": {}
|
12891
|
+
},
|
12892
|
+
//Listbox:icon
|
12893
|
+
".nui-listbox-icon": {
|
12894
|
+
[`@apply h-${config2.size.xl.icon.size.outer} w-${config2.size.xl.icon.size.outer}`]: {},
|
12895
|
+
".nui-listbox-icon-inner": {
|
12896
|
+
[`@apply h-${config2.size.xl.icon.size.inner} w-${config2.size.xl.icon.size.inner}`]: {}
|
12897
|
+
}
|
12898
|
+
},
|
12899
|
+
//Listbox:placeload
|
12900
|
+
".nui-listbox-placeload": {
|
12901
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
12902
|
+
},
|
12903
|
+
//Listbox:chevron
|
12904
|
+
".nui-listbox-chevron": {
|
12905
|
+
[`@apply h-${config2.size.xl.chevron.outer.size} w-${config2.size.xl.chevron.outer.size}`]: {},
|
12906
|
+
//Chevron:inner
|
12907
|
+
".nui-listbox-chevron-inner": {
|
12908
|
+
[`@apply h-${config2.size.xl.chevron.inner.size} w-${config2.size.xl.chevron.inner.size}`]: {}
|
12909
|
+
}
|
12910
|
+
}
|
12911
|
+
},
|
12450
12912
|
//Rounded:sm
|
12451
12913
|
"&.nui-listbox-rounded-sm": {
|
12452
12914
|
".nui-listbox-button, .nui-listbox-options, .nui-listbox-option": {
|
@@ -12659,6 +13121,18 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12659
13121
|
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 pe-4 ps-11`]: {}
|
12660
13122
|
}
|
12661
13123
|
},
|
13124
|
+
//Without:icon && Size:xl
|
13125
|
+
"&:not(.nui-has-icon).nui-listbox-xl": {
|
13126
|
+
".nui-listbox-button": {
|
13127
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.input.xl.font.size} leading-5 px-4`]: {}
|
13128
|
+
}
|
13129
|
+
},
|
13130
|
+
//With:icon && Size:xl
|
13131
|
+
"&.nui-has-icon.nui-listbox-xl": {
|
13132
|
+
".nui-listbox-button": {
|
13133
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.input.xl.font.size} leading-5 pe-4 ps-12`]: {}
|
13134
|
+
}
|
13135
|
+
},
|
12662
13136
|
//Without:icon && Size:sm && Label:float
|
12663
13137
|
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-sm": {
|
12664
13138
|
".nui-label-float": {
|
@@ -12686,10 +13160,10 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12686
13160
|
//Without:icon && Size:md && Label:float
|
12687
13161
|
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-md": {
|
12688
13162
|
".nui-label-float": {
|
12689
|
-
[`@apply start-3 -ms-3 -mt-
|
13163
|
+
[`@apply start-3 -ms-3 -mt-8 text-${config2.icon.disabled.label.float.md.font.size.base} text-transparent`]: {}
|
12690
13164
|
},
|
12691
13165
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12692
|
-
[`@apply !-ms-3 !-mt-
|
13166
|
+
[`@apply !-ms-3 !-mt-8 !text-${config2.icon.disabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12693
13167
|
},
|
12694
13168
|
".nui-listbox-button ~ .nui-label-float": {
|
12695
13169
|
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.md.font.size.base}`]: {}
|
@@ -12698,10 +13172,10 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12698
13172
|
//With:icon && Size:md && Label:float
|
12699
13173
|
"&.nui-listbox-label-float.nui-has-icon.nui-listbox-md": {
|
12700
13174
|
".nui-label-float": {
|
12701
|
-
[`@apply start-10 -ms-10 -mt-
|
13175
|
+
[`@apply start-10 -ms-10 -mt-8 text-${config2.icon.enabled.label.float.md.font.size.base} text-transparent`]: {}
|
12702
13176
|
},
|
12703
13177
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12704
|
-
[`@apply !-ms-10 !-mt-
|
13178
|
+
[`@apply !-ms-10 !-mt-8 !text-${config2.icon.enabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12705
13179
|
},
|
12706
13180
|
".nui-listbox-button ~ .nui-label-float": {
|
12707
13181
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.md.font.size.unfocus}`]: {}
|
@@ -12710,10 +13184,10 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12710
13184
|
//Without:icon && Size:lg && Label:float
|
12711
13185
|
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-lg": {
|
12712
13186
|
".nui-label-float": {
|
12713
|
-
[`@apply start-3 -ms-3 -mt-
|
13187
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base} text-transparent`]: {}
|
12714
13188
|
},
|
12715
13189
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12716
|
-
[`@apply !-ms-3 !-mt-
|
13190
|
+
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12717
13191
|
},
|
12718
13192
|
".nui-listbox-button ~ .nui-label-float": {
|
12719
13193
|
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.lg.font.size.unfocus}`]: {}
|
@@ -12722,14 +13196,38 @@ const listbox = plugin(({ addComponents, theme }) => {
|
|
12722
13196
|
//With:icon && Size:lg && Label:float
|
12723
13197
|
"&.nui-listbox-label-float.nui-has-icon.nui-listbox-lg": {
|
12724
13198
|
".nui-label-float": {
|
12725
|
-
[`@apply start-11 -ms-10 -mt-
|
13199
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base} text-transparent`]: {}
|
12726
13200
|
},
|
12727
13201
|
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
12728
|
-
[`@apply !-ms-10 !-mt-
|
13202
|
+
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
12729
13203
|
},
|
12730
13204
|
".nui-listbox-button ~ .nui-label-float": {
|
12731
13205
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
12732
13206
|
}
|
13207
|
+
},
|
13208
|
+
//Without:icon && Size:xl && Label:float
|
13209
|
+
"&.nui-listbox-label-float:not(.nui-has-icon).nui-listbox-xl": {
|
13210
|
+
".nui-label-float": {
|
13211
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base} text-transparent`]: {}
|
13212
|
+
},
|
13213
|
+
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
13214
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
13215
|
+
},
|
13216
|
+
".nui-listbox-button ~ .nui-label-float": {
|
13217
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
13218
|
+
}
|
13219
|
+
},
|
13220
|
+
//With:icon && Size:xl && Label:float
|
13221
|
+
"&.nui-listbox-label-float.nui-has-icon.nui-listbox-xl": {
|
13222
|
+
".nui-label-float": {
|
13223
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base} text-transparent`]: {}
|
13224
|
+
},
|
13225
|
+
".nui-listbox-button:focus-visible ~ .nui-label-float, .nui-listbox-button:focus ~ .nui-label-float, .nui-label-float-active": {
|
13226
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus} !text-${config2.label.float.font.color}`]: {}
|
13227
|
+
},
|
13228
|
+
".nui-listbox-button ~ .nui-label-float": {
|
13229
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
13230
|
+
}
|
12733
13231
|
}
|
12734
13232
|
}
|
12735
13233
|
});
|
@@ -14136,7 +14634,7 @@ const defaultConfig$k = {
|
|
14136
14634
|
}
|
14137
14635
|
},
|
14138
14636
|
link: {
|
14139
|
-
padding: "
|
14637
|
+
padding: "4",
|
14140
14638
|
size: "10",
|
14141
14639
|
font: {
|
14142
14640
|
family: "sans",
|
@@ -14296,7 +14794,7 @@ const pagination = plugin(({ addComponents, theme }) => {
|
|
14296
14794
|
//Buttons:button
|
14297
14795
|
".nui-pagination-button": {
|
14298
14796
|
//Base
|
14299
|
-
"@apply flex h-10 w-full items-center justify-center md:w-10": {},
|
14797
|
+
"@apply nui-focus flex h-10 w-full items-center justify-center md:w-10": {},
|
14300
14798
|
//Font
|
14301
14799
|
[`@apply font-${config2.buttons.button.font.family} text-${config2.buttons.button.font.size}`]: {},
|
14302
14800
|
//Color
|
@@ -14320,9 +14818,9 @@ const pagination = plugin(({ addComponents, theme }) => {
|
|
14320
14818
|
//Pagination:link
|
14321
14819
|
".nui-pagination-link": {
|
14322
14820
|
//Base
|
14323
|
-
"@apply flex items-center justify-center mb-
|
14821
|
+
"@apply nui-focus flex items-center justify-center mb-0 inline-flex flex-wrap gap-2 md:gap-1": {},
|
14324
14822
|
//Size
|
14325
|
-
[`@apply h-${config2.link.size}
|
14823
|
+
[`@apply h-${config2.link.size} px-${config2.link.padding}`]: {},
|
14326
14824
|
//Font
|
14327
14825
|
[`@apply font-${config2.link.font.family} text-${config2.link.font.size}`]: {},
|
14328
14826
|
//Background
|
@@ -14385,7 +14883,7 @@ const pagination = plugin(({ addComponents, theme }) => {
|
|
14385
14883
|
//Pagination:ellipsis
|
14386
14884
|
".nui-pagination-ellipsis": {
|
14387
14885
|
//Base
|
14388
|
-
[`@apply flex h-${config2.ellipsis.size} w-${config2.ellipsis.size} items-center justify-center`]: {},
|
14886
|
+
[`@apply select-none flex h-${config2.ellipsis.size} w-${config2.ellipsis.size} items-center justify-center`]: {},
|
14389
14887
|
//Font
|
14390
14888
|
[`@apply font-${config2.ellipsis.font.family} text-${config2.ellipsis.font.size}`]: {},
|
14391
14889
|
//Color
|
@@ -15310,6 +15808,33 @@ const defaultConfig$c = {
|
|
15310
15808
|
placeload: {
|
15311
15809
|
size: "12"
|
15312
15810
|
}
|
15811
|
+
},
|
15812
|
+
xl: {
|
15813
|
+
padding: "14",
|
15814
|
+
chevron: {
|
15815
|
+
outer: {
|
15816
|
+
size: "14"
|
15817
|
+
},
|
15818
|
+
inner: {
|
15819
|
+
size: "5"
|
15820
|
+
}
|
15821
|
+
},
|
15822
|
+
label: {
|
15823
|
+
font: {
|
15824
|
+
size: "sm"
|
15825
|
+
}
|
15826
|
+
},
|
15827
|
+
icon: {
|
15828
|
+
outer: {
|
15829
|
+
size: "14"
|
15830
|
+
},
|
15831
|
+
inner: {
|
15832
|
+
size: "5"
|
15833
|
+
}
|
15834
|
+
},
|
15835
|
+
placeload: {
|
15836
|
+
size: "14"
|
15837
|
+
}
|
15313
15838
|
}
|
15314
15839
|
},
|
15315
15840
|
color: {
|
@@ -15450,6 +15975,11 @@ const defaultConfig$c = {
|
|
15450
15975
|
font: {
|
15451
15976
|
size: "sm"
|
15452
15977
|
}
|
15978
|
+
},
|
15979
|
+
xl: {
|
15980
|
+
font: {
|
15981
|
+
size: "base"
|
15982
|
+
}
|
15453
15983
|
}
|
15454
15984
|
},
|
15455
15985
|
label: {
|
@@ -15476,6 +16006,15 @@ const defaultConfig$c = {
|
|
15476
16006
|
unfocus: "[0.825rem]"
|
15477
16007
|
}
|
15478
16008
|
}
|
16009
|
+
},
|
16010
|
+
xl: {
|
16011
|
+
font: {
|
16012
|
+
size: {
|
16013
|
+
base: "xs",
|
16014
|
+
focus: "xs",
|
16015
|
+
unfocus: "[0.825rem]"
|
16016
|
+
}
|
16017
|
+
}
|
15479
16018
|
}
|
15480
16019
|
}
|
15481
16020
|
}
|
@@ -15493,6 +16032,11 @@ const defaultConfig$c = {
|
|
15493
16032
|
}
|
15494
16033
|
},
|
15495
16034
|
lg: {
|
16035
|
+
font: {
|
16036
|
+
size: "sm"
|
16037
|
+
}
|
16038
|
+
},
|
16039
|
+
xl: {
|
15496
16040
|
font: {
|
15497
16041
|
size: "base"
|
15498
16042
|
}
|
@@ -15522,6 +16066,15 @@ const defaultConfig$c = {
|
|
15522
16066
|
unfocus: "[0.825rem]"
|
15523
16067
|
}
|
15524
16068
|
}
|
16069
|
+
},
|
16070
|
+
xl: {
|
16071
|
+
font: {
|
16072
|
+
size: {
|
16073
|
+
base: "xs",
|
16074
|
+
focus: "xs",
|
16075
|
+
unfocus: "[0.825rem]"
|
16076
|
+
}
|
16077
|
+
}
|
15525
16078
|
}
|
15526
16079
|
}
|
15527
16080
|
}
|
@@ -15673,7 +16226,7 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15673
16226
|
},
|
15674
16227
|
//Label:float
|
15675
16228
|
".nui-label-float": {
|
15676
|
-
"@apply top-
|
16229
|
+
"@apply top-2.5": {}
|
15677
16230
|
},
|
15678
16231
|
//Select:icon
|
15679
16232
|
".nui-select-icon, .nui-select-chevron": {
|
@@ -15699,7 +16252,7 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15699
16252
|
},
|
15700
16253
|
//Label:float
|
15701
16254
|
".nui-label-float": {
|
15702
|
-
"@apply top-
|
16255
|
+
"@apply top-3.5": {}
|
15703
16256
|
},
|
15704
16257
|
//Select:icon
|
15705
16258
|
".nui-select-icon, .nui-select-chevron": {
|
@@ -15713,6 +16266,32 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15713
16266
|
[`@apply h-${config2.size.lg.placeload.size}`]: {}
|
15714
16267
|
}
|
15715
16268
|
},
|
16269
|
+
//Size:xl
|
16270
|
+
"&.nui-select-xl": {
|
16271
|
+
//Select
|
16272
|
+
".nui-select": {
|
16273
|
+
[`@apply pe-${config2.size.xl.padding}`]: {}
|
16274
|
+
},
|
16275
|
+
//Select:label
|
16276
|
+
".nui-select-label": {
|
16277
|
+
[`@apply pb-1 text-${config2.size.xl.label.font.size}`]: {}
|
16278
|
+
},
|
16279
|
+
//Label:float
|
16280
|
+
".nui-label-float": {
|
16281
|
+
"@apply top-[1.1rem]": {}
|
16282
|
+
},
|
16283
|
+
//Select:icon
|
16284
|
+
".nui-select-icon, .nui-select-chevron": {
|
16285
|
+
[`@apply h-${config2.size.xl.icon.outer.size} w-${config2.size.xl.icon.outer.size}`]: {},
|
16286
|
+
".nui-select-icon-inner, .nui-select-chevron-inner": {
|
16287
|
+
[`@apply h-${config2.size.xl.icon.inner.size} w-${config2.size.xl.icon.inner.size}`]: {}
|
16288
|
+
}
|
16289
|
+
},
|
16290
|
+
//Select:placeload
|
16291
|
+
".nui-select-placeload": {
|
16292
|
+
[`@apply h-${config2.size.xl.placeload.size}`]: {}
|
16293
|
+
}
|
16294
|
+
},
|
15716
16295
|
//Color:default
|
15717
16296
|
"&.nui-select-default": {
|
15718
16297
|
".nui-select": {
|
@@ -15844,6 +16423,18 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15844
16423
|
[`@apply h-12 py-2 text-${config2.icon.enabled.select.lg.font.size} leading-5 pe-9 ps-11`]: {}
|
15845
16424
|
}
|
15846
16425
|
},
|
16426
|
+
//Without:icon && Size:xl
|
16427
|
+
"&:not(.nui-has-icon).nui-select-xl": {
|
16428
|
+
".nui-select": {
|
16429
|
+
[`@apply h-14 py-2 text-${config2.icon.disabled.select.xl.font.size} leading-5 ps-4 pe-9`]: {}
|
16430
|
+
}
|
16431
|
+
},
|
16432
|
+
//With:icon && Size:xl
|
16433
|
+
"&.nui-has-icon.nui-select-xl": {
|
16434
|
+
".nui-select": {
|
16435
|
+
[`@apply h-14 py-2 text-${config2.icon.enabled.select.xl.font.size} leading-5 pe-9 ps-12`]: {}
|
16436
|
+
}
|
16437
|
+
},
|
15847
16438
|
//Without:icon && Size:sm && Label:float
|
15848
16439
|
"&.nui-select-label-float:not(.nui-has-icon).nui-select-sm": {
|
15849
16440
|
".nui-label-float": {
|
@@ -15895,7 +16486,7 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15895
16486
|
//Without:icon && Size:lg && Label:float
|
15896
16487
|
"&.nui-select-label-float:not(.nui-has-icon).nui-select-lg": {
|
15897
16488
|
".nui-label-float": {
|
15898
|
-
[`@apply start-3 -ms-3 -mt-
|
16489
|
+
[`@apply start-3 -ms-3 -mt-9 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
|
15899
16490
|
},
|
15900
16491
|
".nui-select:focus-visible ~ .nui-label-float": {
|
15901
16492
|
[`@apply !-ms-3 !-mt-9 !text-${config2.icon.disabled.label.float.lg.font.size.focus}`]: {}
|
@@ -15907,7 +16498,7 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15907
16498
|
//With:icon && Size:lg && Label:float
|
15908
16499
|
"&.nui-select-label-float.nui-has-icon.nui-select-lg": {
|
15909
16500
|
".nui-label-float": {
|
15910
|
-
[`@apply start-11 -ms-10 -mt-
|
16501
|
+
[`@apply start-11 -ms-10 -mt-9 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
|
15911
16502
|
},
|
15912
16503
|
".nui-select:focus-visible ~ .nui-label-float": {
|
15913
16504
|
[`@apply !-ms-10 !-mt-9 !text-${config2.icon.enabled.label.float.lg.font.size.focus}`]: {}
|
@@ -15915,6 +16506,30 @@ const select = plugin(({ addComponents, theme }) => {
|
|
15915
16506
|
".nui-select ~ .nui-label-float": {
|
15916
16507
|
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.lg.font.size.unfocus}`]: {}
|
15917
16508
|
}
|
16509
|
+
},
|
16510
|
+
//Without:icon && Size:xl && Label:float
|
16511
|
+
"&.nui-select-label-float:not(.nui-has-icon).nui-select-xl": {
|
16512
|
+
".nui-label-float": {
|
16513
|
+
[`@apply start-3 -ms-3 -mt-10 text-${config2.icon.disabled.label.float.xl.font.size.base}`]: {}
|
16514
|
+
},
|
16515
|
+
".nui-select:focus-visible ~ .nui-label-float": {
|
16516
|
+
[`@apply !-ms-3 !-mt-10 !text-${config2.icon.disabled.label.float.xl.font.size.focus}`]: {}
|
16517
|
+
},
|
16518
|
+
".nui-select ~ .nui-label-float": {
|
16519
|
+
[`@apply ms-0 mt-0 text-${config2.icon.disabled.label.float.xl.font.size.unfocus}`]: {}
|
16520
|
+
}
|
16521
|
+
},
|
16522
|
+
//With:icon && Size:xl && Label:float
|
16523
|
+
"&.nui-select-label-float.nui-has-icon.nui-select-xl": {
|
16524
|
+
".nui-label-float": {
|
16525
|
+
[`@apply start-[3.25rem] -ms-[3.25rem] -mt-10 text-${config2.icon.enabled.label.float.xl.font.size.base}`]: {}
|
16526
|
+
},
|
16527
|
+
".nui-select:focus-visible ~ .nui-label-float": {
|
16528
|
+
[`@apply !-ms-[3.25rem] !-mt-10 !text-${config2.icon.enabled.label.float.xl.font.size.focus}`]: {}
|
16529
|
+
},
|
16530
|
+
".nui-select ~ .nui-label-float": {
|
16531
|
+
[`@apply ms-0 mt-0 text-${config2.icon.enabled.label.float.xl.font.size.unfocus}`]: {}
|
16532
|
+
}
|
15918
16533
|
}
|
15919
16534
|
}
|
15920
16535
|
});
|