@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.
@@ -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-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
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-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
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-small": {
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-medium": {
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-large": {
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-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
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-10 -mt-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
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-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
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-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
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: "4"
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-1.5": {}
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-1.5": {}
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-7 text-${config2.icon.disabled.label.float.md.font.size.base} text-transparent`]: {}
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-7 !text-${config2.icon.disabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
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-7 text-${config2.icon.enabled.label.float.md.font.size.base} text-transparent`]: {}
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-7 !text-${config2.icon.enabled.label.float.md.font.size.focus} !text-${config2.label.float.font.color}`]: {}
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-7 text-${config2.icon.disabled.label.float.lg.font.size.base} text-transparent`]: {}
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-7 !text-${config2.icon.disabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
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-7 text-${config2.icon.enabled.label.float.lg.font.size.base} text-transparent`]: {}
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-7 !text-${config2.icon.enabled.label.float.lg.font.size.focus} !text-${config2.label.float.font.color}`]: {}
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-1.5": {}
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-1.5": {}
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-8 text-${config2.icon.disabled.label.float.lg.font.size.base}`]: {}
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-8 text-${config2.icon.enabled.label.float.lg.font.size.base}`]: {}
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
  });