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