@shuriken-ui/tailwind 3.0.0-next.6 → 3.0.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/plugins/index.cjs +118 -22
- package/dist/plugins/index.mjs +118 -22
- package/package.json +1 -1
package/dist/plugins/index.cjs
CHANGED
@@ -3897,7 +3897,8 @@ const buttonGroup = plugin__default(
|
|
3897
3897
|
({ addComponents }) => addComponents({
|
3898
3898
|
'.nui-button-group, [role="group"]': {
|
3899
3899
|
"@apply flex": {},
|
3900
|
-
|
3900
|
+
// Button
|
3901
|
+
".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
|
3901
3902
|
"@apply !border-e-0": {},
|
3902
3903
|
"&:focus": {
|
3903
3904
|
"@apply !z-10 relative": {}
|
@@ -3912,6 +3913,7 @@ const buttonGroup = plugin__default(
|
|
3912
3913
|
"@apply !border-e !rounded-s-none": {}
|
3913
3914
|
}
|
3914
3915
|
},
|
3916
|
+
// Input
|
3915
3917
|
".nui-input-wrapper:not(:first-child):not(:last-child)": {
|
3916
3918
|
".nui-input": {
|
3917
3919
|
"@apply !border-e-0 !rounded-none": {},
|
@@ -3920,15 +3922,15 @@ const buttonGroup = plugin__default(
|
|
3920
3922
|
}
|
3921
3923
|
}
|
3922
3924
|
},
|
3923
|
-
".nui-input-wrapper:first-child": {
|
3925
|
+
".nui-input-wrapper:first-child:not(:last-child)": {
|
3924
3926
|
".nui-input": {
|
3925
|
-
"@apply !rounded-e-none": {},
|
3927
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
3926
3928
|
"&:focus": {
|
3927
3929
|
"@apply !z-10 relative": {}
|
3928
3930
|
}
|
3929
3931
|
}
|
3930
3932
|
},
|
3931
|
-
".nui-input-wrapper:last-child": {
|
3933
|
+
".nui-input-wrapper:last-child:not(:first-child)": {
|
3932
3934
|
".nui-input": {
|
3933
3935
|
"@apply !border-e !rounded-s-none": {},
|
3934
3936
|
"&:focus": {
|
@@ -3936,6 +3938,57 @@ const buttonGroup = plugin__default(
|
|
3936
3938
|
}
|
3937
3939
|
}
|
3938
3940
|
},
|
3941
|
+
// InputNumber
|
3942
|
+
".nui-input-number-wrapper:not(:first-child):not(:last-child)": {
|
3943
|
+
".nui-input-number": {
|
3944
|
+
"@apply !border-e-0 !rounded-none": {},
|
3945
|
+
"&:focus": {
|
3946
|
+
"@apply !z-10 relative": {}
|
3947
|
+
}
|
3948
|
+
}
|
3949
|
+
},
|
3950
|
+
".nui-input-number-wrapper:first-child:not(:last-child)": {
|
3951
|
+
".nui-input-number": {
|
3952
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
3953
|
+
"&:focus": {
|
3954
|
+
"@apply !z-10 relative": {}
|
3955
|
+
}
|
3956
|
+
}
|
3957
|
+
},
|
3958
|
+
".nui-input-number-wrapper:last-child:not(:first-child)": {
|
3959
|
+
".nui-input-number": {
|
3960
|
+
"@apply !border-e !rounded-s-none": {},
|
3961
|
+
"&:focus": {
|
3962
|
+
"@apply !z-10 relative": {}
|
3963
|
+
}
|
3964
|
+
}
|
3965
|
+
},
|
3966
|
+
// InputFileRegular
|
3967
|
+
".nui-input-file-regular:not(:first-child):not(:last-child)": {
|
3968
|
+
".nui-input-file-inner": {
|
3969
|
+
"@apply !border-e-0 !rounded-none": {},
|
3970
|
+
"&:focus": {
|
3971
|
+
"@apply !z-10 relative": {}
|
3972
|
+
}
|
3973
|
+
}
|
3974
|
+
},
|
3975
|
+
".nui-input-file-regular:first-child:not(:last-child)": {
|
3976
|
+
".nui-input-file-inner": {
|
3977
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
3978
|
+
"&:focus": {
|
3979
|
+
"@apply !z-10 relative": {}
|
3980
|
+
}
|
3981
|
+
}
|
3982
|
+
},
|
3983
|
+
".nui-input-file-regular:last-child:not(:first-child)": {
|
3984
|
+
".nui-input-file-inner": {
|
3985
|
+
"@apply !border-e !rounded-s-none": {},
|
3986
|
+
"&:focus": {
|
3987
|
+
"@apply !z-10 relative": {}
|
3988
|
+
}
|
3989
|
+
}
|
3990
|
+
},
|
3991
|
+
// Select
|
3939
3992
|
".nui-select-wrapper:not(:first-child):not(:last-child)": {
|
3940
3993
|
".nui-select": {
|
3941
3994
|
"@apply !border-e-0 !rounded-none": {},
|
@@ -3944,40 +3997,83 @@ const buttonGroup = plugin__default(
|
|
3944
3997
|
}
|
3945
3998
|
}
|
3946
3999
|
},
|
3947
|
-
".nui-select-wrapper:first-child": {
|
4000
|
+
".nui-select-wrapper:first-child:not(:last-child)": {
|
3948
4001
|
".nui-select": {
|
3949
|
-
"@apply !rounded-e-none": {},
|
4002
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
3950
4003
|
"&:focus": {
|
3951
4004
|
"@apply !z-10 relative": {}
|
3952
4005
|
}
|
3953
4006
|
}
|
3954
4007
|
},
|
3955
|
-
|
3956
|
-
|
4008
|
+
// Autocomplete
|
4009
|
+
".nui-autocomplete:not(:first-child):not(:last-child)": {
|
4010
|
+
".nui-autocomplete-input": {
|
4011
|
+
"@apply !border-e-0 !rounded-none": {},
|
4012
|
+
"&:focus": {
|
4013
|
+
"@apply !z-10 relative": {}
|
4014
|
+
}
|
4015
|
+
}
|
4016
|
+
},
|
4017
|
+
".nui-autocomplete:first-child:not(:last-child)": {
|
4018
|
+
".nui-autocomplete-input": {
|
4019
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
4020
|
+
"&:focus": {
|
4021
|
+
"@apply !z-10 relative": {}
|
4022
|
+
}
|
4023
|
+
}
|
4024
|
+
},
|
4025
|
+
".nui-autocomplete:last-child:not(:first-child)": {
|
4026
|
+
".nui-autocomplete-input": {
|
3957
4027
|
"@apply !border-e !rounded-s-none": {},
|
3958
4028
|
"&:focus": {
|
3959
4029
|
"@apply !z-10 relative": {}
|
3960
4030
|
}
|
3961
4031
|
}
|
3962
4032
|
},
|
4033
|
+
// Dropdown
|
3963
4034
|
".nui-dropdown:not(:first-child):not(:last-child)": {
|
3964
|
-
".nui-
|
4035
|
+
".nui-button": {
|
4036
|
+
"@apply !border-e-0 !rounded-none": {},
|
4037
|
+
"&:focus": {
|
4038
|
+
"@apply !z-10 relative": {}
|
4039
|
+
}
|
4040
|
+
}
|
4041
|
+
},
|
4042
|
+
".nui-dropdown:first-child:not(:last-child)": {
|
4043
|
+
".nui-button": {
|
4044
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
4045
|
+
"&:focus": {
|
4046
|
+
"@apply !z-10 relative": {}
|
4047
|
+
}
|
4048
|
+
}
|
4049
|
+
},
|
4050
|
+
".nui-dropdown:last-child:not(:first-child)": {
|
4051
|
+
".nui-button": {
|
4052
|
+
"@apply !border-e !rounded-s-none": {},
|
4053
|
+
"&:focus": {
|
4054
|
+
"@apply !z-10 relative": {}
|
4055
|
+
}
|
4056
|
+
}
|
4057
|
+
},
|
4058
|
+
// Listbox
|
4059
|
+
".nui-listbox:not(:first-child):not(:last-child)": {
|
4060
|
+
".nui-listbox-button": {
|
3965
4061
|
"@apply !border-e-0 !rounded-none": {},
|
3966
4062
|
"&:focus": {
|
3967
4063
|
"@apply !z-10 relative": {}
|
3968
4064
|
}
|
3969
4065
|
}
|
3970
4066
|
},
|
3971
|
-
".nui-
|
3972
|
-
".nui-
|
3973
|
-
"@apply !rounded-e-none": {},
|
4067
|
+
".nui-listbox:first-child:not(:last-child)": {
|
4068
|
+
".nui-listbox-button": {
|
4069
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
3974
4070
|
"&:focus": {
|
3975
4071
|
"@apply !z-10 relative": {}
|
3976
4072
|
}
|
3977
4073
|
}
|
3978
4074
|
},
|
3979
|
-
".nui-
|
3980
|
-
".nui-
|
4075
|
+
".nui-listbox:last-child:not(:first-child)": {
|
4076
|
+
".nui-listbox-button": {
|
3981
4077
|
"@apply !border-e !rounded-s-none": {},
|
3982
4078
|
"&:focus": {
|
3983
4079
|
"@apply !z-10 relative": {}
|
@@ -4507,8 +4603,8 @@ const defaultConfig$I = {
|
|
4507
4603
|
},
|
4508
4604
|
border: {
|
4509
4605
|
light: {
|
4510
|
-
base: "muted-
|
4511
|
-
hover: "muted-
|
4606
|
+
base: "muted-300",
|
4607
|
+
hover: "muted-200"
|
4512
4608
|
},
|
4513
4609
|
dark: {
|
4514
4610
|
base: "muted-600",
|
@@ -10846,37 +10942,37 @@ const inputNumber = plugin__default(({ addComponents, theme }) => {
|
|
10846
10942
|
//Without icon && Size:sm
|
10847
10943
|
"&:not(.nui-has-icon).nui-input-number-sm": {
|
10848
10944
|
".nui-input-number": {
|
10849
|
-
[`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4
|
10945
|
+
[`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 ps-2 pe-[3.75rem]`]: {}
|
10850
10946
|
}
|
10851
10947
|
},
|
10852
10948
|
//With icon && Size:sm
|
10853
10949
|
"&.nui-has-icon.nui-input-number-sm": {
|
10854
10950
|
".nui-input-number": {
|
10855
|
-
[`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 pe-3
|
10951
|
+
[`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 ps-8 pe-[3.75rem]`]: {}
|
10856
10952
|
}
|
10857
10953
|
},
|
10858
10954
|
//Without icon && Size:md
|
10859
10955
|
"&:not(.nui-has-icon).nui-input-number-md": {
|
10860
10956
|
".nui-input-number": {
|
10861
|
-
[`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5
|
10957
|
+
[`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 ps-3 pe-[4.75rem]`]: {}
|
10862
10958
|
}
|
10863
10959
|
},
|
10864
10960
|
//With icon && Size:md
|
10865
10961
|
"&.nui-has-icon.nui-input-number-md": {
|
10866
10962
|
".nui-input-number": {
|
10867
|
-
[`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 pe-4
|
10963
|
+
[`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 ps-10 pe-[4.75rem]`]: {}
|
10868
10964
|
}
|
10869
10965
|
},
|
10870
10966
|
//Without icon && Size:lg
|
10871
10967
|
"&:not(.nui-has-icon).nui-input-number-lg": {
|
10872
10968
|
".nui-input-number": {
|
10873
|
-
[`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5
|
10969
|
+
[`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 ps-4 pe-24`]: {}
|
10874
10970
|
}
|
10875
10971
|
},
|
10876
10972
|
//With icon && Size:lg
|
10877
10973
|
"&.nui-has-icon.nui-input-number-lg": {
|
10878
10974
|
".nui-input-number": {
|
10879
|
-
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5
|
10975
|
+
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
|
10880
10976
|
}
|
10881
10977
|
},
|
10882
10978
|
//With action && Size:sm
|
package/dist/plugins/index.mjs
CHANGED
@@ -3891,7 +3891,8 @@ const buttonGroup = plugin(
|
|
3891
3891
|
({ addComponents }) => addComponents({
|
3892
3892
|
'.nui-button-group, [role="group"]': {
|
3893
3893
|
"@apply flex": {},
|
3894
|
-
|
3894
|
+
// Button
|
3895
|
+
".nui-button:not(:only-child), .nui-button-action:not(:only-child), .nui-button-icon:not(:only-child)": {
|
3895
3896
|
"@apply !border-e-0": {},
|
3896
3897
|
"&:focus": {
|
3897
3898
|
"@apply !z-10 relative": {}
|
@@ -3906,6 +3907,7 @@ const buttonGroup = plugin(
|
|
3906
3907
|
"@apply !border-e !rounded-s-none": {}
|
3907
3908
|
}
|
3908
3909
|
},
|
3910
|
+
// Input
|
3909
3911
|
".nui-input-wrapper:not(:first-child):not(:last-child)": {
|
3910
3912
|
".nui-input": {
|
3911
3913
|
"@apply !border-e-0 !rounded-none": {},
|
@@ -3914,15 +3916,15 @@ const buttonGroup = plugin(
|
|
3914
3916
|
}
|
3915
3917
|
}
|
3916
3918
|
},
|
3917
|
-
".nui-input-wrapper:first-child": {
|
3919
|
+
".nui-input-wrapper:first-child:not(:last-child)": {
|
3918
3920
|
".nui-input": {
|
3919
|
-
"@apply !rounded-e-none": {},
|
3921
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
3920
3922
|
"&:focus": {
|
3921
3923
|
"@apply !z-10 relative": {}
|
3922
3924
|
}
|
3923
3925
|
}
|
3924
3926
|
},
|
3925
|
-
".nui-input-wrapper:last-child": {
|
3927
|
+
".nui-input-wrapper:last-child:not(:first-child)": {
|
3926
3928
|
".nui-input": {
|
3927
3929
|
"@apply !border-e !rounded-s-none": {},
|
3928
3930
|
"&:focus": {
|
@@ -3930,6 +3932,57 @@ const buttonGroup = plugin(
|
|
3930
3932
|
}
|
3931
3933
|
}
|
3932
3934
|
},
|
3935
|
+
// InputNumber
|
3936
|
+
".nui-input-number-wrapper:not(:first-child):not(:last-child)": {
|
3937
|
+
".nui-input-number": {
|
3938
|
+
"@apply !border-e-0 !rounded-none": {},
|
3939
|
+
"&:focus": {
|
3940
|
+
"@apply !z-10 relative": {}
|
3941
|
+
}
|
3942
|
+
}
|
3943
|
+
},
|
3944
|
+
".nui-input-number-wrapper:first-child:not(:last-child)": {
|
3945
|
+
".nui-input-number": {
|
3946
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
3947
|
+
"&:focus": {
|
3948
|
+
"@apply !z-10 relative": {}
|
3949
|
+
}
|
3950
|
+
}
|
3951
|
+
},
|
3952
|
+
".nui-input-number-wrapper:last-child:not(:first-child)": {
|
3953
|
+
".nui-input-number": {
|
3954
|
+
"@apply !border-e !rounded-s-none": {},
|
3955
|
+
"&:focus": {
|
3956
|
+
"@apply !z-10 relative": {}
|
3957
|
+
}
|
3958
|
+
}
|
3959
|
+
},
|
3960
|
+
// InputFileRegular
|
3961
|
+
".nui-input-file-regular:not(:first-child):not(:last-child)": {
|
3962
|
+
".nui-input-file-inner": {
|
3963
|
+
"@apply !border-e-0 !rounded-none": {},
|
3964
|
+
"&:focus": {
|
3965
|
+
"@apply !z-10 relative": {}
|
3966
|
+
}
|
3967
|
+
}
|
3968
|
+
},
|
3969
|
+
".nui-input-file-regular:first-child:not(:last-child)": {
|
3970
|
+
".nui-input-file-inner": {
|
3971
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
3972
|
+
"&:focus": {
|
3973
|
+
"@apply !z-10 relative": {}
|
3974
|
+
}
|
3975
|
+
}
|
3976
|
+
},
|
3977
|
+
".nui-input-file-regular:last-child:not(:first-child)": {
|
3978
|
+
".nui-input-file-inner": {
|
3979
|
+
"@apply !border-e !rounded-s-none": {},
|
3980
|
+
"&:focus": {
|
3981
|
+
"@apply !z-10 relative": {}
|
3982
|
+
}
|
3983
|
+
}
|
3984
|
+
},
|
3985
|
+
// Select
|
3933
3986
|
".nui-select-wrapper:not(:first-child):not(:last-child)": {
|
3934
3987
|
".nui-select": {
|
3935
3988
|
"@apply !border-e-0 !rounded-none": {},
|
@@ -3938,40 +3991,83 @@ const buttonGroup = plugin(
|
|
3938
3991
|
}
|
3939
3992
|
}
|
3940
3993
|
},
|
3941
|
-
".nui-select-wrapper:first-child": {
|
3994
|
+
".nui-select-wrapper:first-child:not(:last-child)": {
|
3942
3995
|
".nui-select": {
|
3943
|
-
"@apply !rounded-e-none": {},
|
3996
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
3944
3997
|
"&:focus": {
|
3945
3998
|
"@apply !z-10 relative": {}
|
3946
3999
|
}
|
3947
4000
|
}
|
3948
4001
|
},
|
3949
|
-
|
3950
|
-
|
4002
|
+
// Autocomplete
|
4003
|
+
".nui-autocomplete:not(:first-child):not(:last-child)": {
|
4004
|
+
".nui-autocomplete-input": {
|
4005
|
+
"@apply !border-e-0 !rounded-none": {},
|
4006
|
+
"&:focus": {
|
4007
|
+
"@apply !z-10 relative": {}
|
4008
|
+
}
|
4009
|
+
}
|
4010
|
+
},
|
4011
|
+
".nui-autocomplete:first-child:not(:last-child)": {
|
4012
|
+
".nui-autocomplete-input": {
|
4013
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
4014
|
+
"&:focus": {
|
4015
|
+
"@apply !z-10 relative": {}
|
4016
|
+
}
|
4017
|
+
}
|
4018
|
+
},
|
4019
|
+
".nui-autocomplete:last-child:not(:first-child)": {
|
4020
|
+
".nui-autocomplete-input": {
|
3951
4021
|
"@apply !border-e !rounded-s-none": {},
|
3952
4022
|
"&:focus": {
|
3953
4023
|
"@apply !z-10 relative": {}
|
3954
4024
|
}
|
3955
4025
|
}
|
3956
4026
|
},
|
4027
|
+
// Dropdown
|
3957
4028
|
".nui-dropdown:not(:first-child):not(:last-child)": {
|
3958
|
-
".nui-
|
4029
|
+
".nui-button": {
|
4030
|
+
"@apply !border-e-0 !rounded-none": {},
|
4031
|
+
"&:focus": {
|
4032
|
+
"@apply !z-10 relative": {}
|
4033
|
+
}
|
4034
|
+
}
|
4035
|
+
},
|
4036
|
+
".nui-dropdown:first-child:not(:last-child)": {
|
4037
|
+
".nui-button": {
|
4038
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
4039
|
+
"&:focus": {
|
4040
|
+
"@apply !z-10 relative": {}
|
4041
|
+
}
|
4042
|
+
}
|
4043
|
+
},
|
4044
|
+
".nui-dropdown:last-child:not(:first-child)": {
|
4045
|
+
".nui-button": {
|
4046
|
+
"@apply !border-e !rounded-s-none": {},
|
4047
|
+
"&:focus": {
|
4048
|
+
"@apply !z-10 relative": {}
|
4049
|
+
}
|
4050
|
+
}
|
4051
|
+
},
|
4052
|
+
// Listbox
|
4053
|
+
".nui-listbox:not(:first-child):not(:last-child)": {
|
4054
|
+
".nui-listbox-button": {
|
3959
4055
|
"@apply !border-e-0 !rounded-none": {},
|
3960
4056
|
"&:focus": {
|
3961
4057
|
"@apply !z-10 relative": {}
|
3962
4058
|
}
|
3963
4059
|
}
|
3964
4060
|
},
|
3965
|
-
".nui-
|
3966
|
-
".nui-
|
3967
|
-
"@apply !rounded-e-none": {},
|
4061
|
+
".nui-listbox:first-child:not(:last-child)": {
|
4062
|
+
".nui-listbox-button": {
|
4063
|
+
"@apply !border-e-0 !rounded-e-none": {},
|
3968
4064
|
"&:focus": {
|
3969
4065
|
"@apply !z-10 relative": {}
|
3970
4066
|
}
|
3971
4067
|
}
|
3972
4068
|
},
|
3973
|
-
".nui-
|
3974
|
-
".nui-
|
4069
|
+
".nui-listbox:last-child:not(:first-child)": {
|
4070
|
+
".nui-listbox-button": {
|
3975
4071
|
"@apply !border-e !rounded-s-none": {},
|
3976
4072
|
"&:focus": {
|
3977
4073
|
"@apply !z-10 relative": {}
|
@@ -4501,8 +4597,8 @@ const defaultConfig$I = {
|
|
4501
4597
|
},
|
4502
4598
|
border: {
|
4503
4599
|
light: {
|
4504
|
-
base: "muted-
|
4505
|
-
hover: "muted-
|
4600
|
+
base: "muted-300",
|
4601
|
+
hover: "muted-200"
|
4506
4602
|
},
|
4507
4603
|
dark: {
|
4508
4604
|
base: "muted-600",
|
@@ -10840,37 +10936,37 @@ const inputNumber = plugin(({ addComponents, theme }) => {
|
|
10840
10936
|
//Without icon && Size:sm
|
10841
10937
|
"&:not(.nui-has-icon).nui-input-number-sm": {
|
10842
10938
|
".nui-input-number": {
|
10843
|
-
[`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4
|
10939
|
+
[`@apply h-8 py-1 text-${config2.icon.disabled.input.sm.font.size} leading-4 ps-2 pe-[3.75rem]`]: {}
|
10844
10940
|
}
|
10845
10941
|
},
|
10846
10942
|
//With icon && Size:sm
|
10847
10943
|
"&.nui-has-icon.nui-input-number-sm": {
|
10848
10944
|
".nui-input-number": {
|
10849
|
-
[`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 pe-3
|
10945
|
+
[`@apply h-8 py-1 text-${config2.icon.enabled.input.sm.font.size} leading-4 ps-8 pe-[3.75rem]`]: {}
|
10850
10946
|
}
|
10851
10947
|
},
|
10852
10948
|
//Without icon && Size:md
|
10853
10949
|
"&:not(.nui-has-icon).nui-input-number-md": {
|
10854
10950
|
".nui-input-number": {
|
10855
|
-
[`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5
|
10951
|
+
[`@apply h-10 py-2 text-${config2.icon.disabled.input.md.font.size} leading-5 ps-3 pe-[4.75rem]`]: {}
|
10856
10952
|
}
|
10857
10953
|
},
|
10858
10954
|
//With icon && Size:md
|
10859
10955
|
"&.nui-has-icon.nui-input-number-md": {
|
10860
10956
|
".nui-input-number": {
|
10861
|
-
[`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 pe-4
|
10957
|
+
[`@apply h-10 py-2 text-${config2.icon.enabled.input.md.font.size} leading-5 ps-10 pe-[4.75rem]`]: {}
|
10862
10958
|
}
|
10863
10959
|
},
|
10864
10960
|
//Without icon && Size:lg
|
10865
10961
|
"&:not(.nui-has-icon).nui-input-number-lg": {
|
10866
10962
|
".nui-input-number": {
|
10867
|
-
[`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5
|
10963
|
+
[`@apply h-12 py-2 text-${config2.icon.disabled.input.lg.font.size} leading-5 ps-4 pe-24`]: {}
|
10868
10964
|
}
|
10869
10965
|
},
|
10870
10966
|
//With icon && Size:lg
|
10871
10967
|
"&.nui-has-icon.nui-input-number-lg": {
|
10872
10968
|
".nui-input-number": {
|
10873
|
-
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5
|
10969
|
+
[`@apply h-12 py-2 text-${config2.icon.enabled.input.lg.font.size} leading-5 ps-11 pe-24`]: {}
|
10874
10970
|
}
|
10875
10971
|
},
|
10876
10972
|
//With action && Size:sm
|