@shuriken-ui/tailwind 3.0.0-next.5 → 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 +123 -27
- package/dist/plugins/index.mjs +123 -27
- 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
|
|
@@ -19827,7 +19923,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
|
|
|
19827
19923
|
zIndex: "1000",
|
|
19828
19924
|
[`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
|
|
19829
19925
|
[`@apply text-${config2.font.color.light} dark:text-${config2.font.color.light}`]: {},
|
|
19830
|
-
[`@apply bg-${config2.background.light} dark
|
|
19926
|
+
[`@apply !bg-${config2.background.light} dark:!bg-${config2.background.dark}`]: {}
|
|
19831
19927
|
},
|
|
19832
19928
|
[`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
|
|
19833
19929
|
display: "block"
|
|
@@ -19840,7 +19936,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
|
|
|
19840
19936
|
bottom: "calc(100% + 8px)",
|
|
19841
19937
|
borderBottomWidth: "0",
|
|
19842
19938
|
borderTopColor: "currentColor",
|
|
19843
|
-
[`@apply text-${config2.background.light} dark
|
|
19939
|
+
[`@apply !text-${config2.background.light} dark:!text-${config2.background.light}`]: {}
|
|
19844
19940
|
},
|
|
19845
19941
|
[`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
|
|
19846
19942
|
bottom: "calc(100% + 13px)"
|
|
@@ -19855,7 +19951,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
|
|
|
19855
19951
|
top: "100%",
|
|
19856
19952
|
borderTopWidth: "0",
|
|
19857
19953
|
borderBottomColor: "currentColor",
|
|
19858
|
-
[`@apply text-${config2.background.light} dark
|
|
19954
|
+
[`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
|
|
19859
19955
|
},
|
|
19860
19956
|
[`[${tooltip}][${position}^='down']::after`]: {
|
|
19861
19957
|
top: "calc(100% + 5px)"
|
|
@@ -19872,7 +19968,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
|
|
|
19872
19968
|
borderLeftColor: "currentColor",
|
|
19873
19969
|
insetInlineStart: "calc(0em - 5px)",
|
|
19874
19970
|
transform: "translate(-0.5em, -50%)",
|
|
19875
|
-
[`@apply text-${config2.background.light} dark
|
|
19971
|
+
[`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
|
|
19876
19972
|
},
|
|
19877
19973
|
[`[${tooltip}][${position}^='start']::after, [${tooltip}][${position}^='left']::after`]: {
|
|
19878
19974
|
top: "50%",
|
|
@@ -19886,7 +19982,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
|
|
|
19886
19982
|
borderRightColor: "currentColor",
|
|
19887
19983
|
insetInlineEnd: "calc(0em - 5px)",
|
|
19888
19984
|
transform: "translate(0.5em, -50%)",
|
|
19889
|
-
[`@apply text-${config2.background.light} dark
|
|
19985
|
+
[`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
|
|
19890
19986
|
},
|
|
19891
19987
|
[`[${tooltip}][${position}^='end']::after, [${tooltip}][${position}^='right']::after`]: {
|
|
19892
19988
|
top: "50%",
|
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
|
|
@@ -19821,7 +19917,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
|
|
|
19821
19917
|
zIndex: "1000",
|
|
19822
19918
|
[`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
|
|
19823
19919
|
[`@apply text-${config2.font.color.light} dark:text-${config2.font.color.light}`]: {},
|
|
19824
|
-
[`@apply bg-${config2.background.light} dark
|
|
19920
|
+
[`@apply !bg-${config2.background.light} dark:!bg-${config2.background.dark}`]: {}
|
|
19825
19921
|
},
|
|
19826
19922
|
[`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
|
|
19827
19923
|
display: "block"
|
|
@@ -19834,7 +19930,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
|
|
|
19834
19930
|
bottom: "calc(100% + 8px)",
|
|
19835
19931
|
borderBottomWidth: "0",
|
|
19836
19932
|
borderTopColor: "currentColor",
|
|
19837
|
-
[`@apply text-${config2.background.light} dark
|
|
19933
|
+
[`@apply !text-${config2.background.light} dark:!text-${config2.background.light}`]: {}
|
|
19838
19934
|
},
|
|
19839
19935
|
[`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
|
|
19840
19936
|
bottom: "calc(100% + 13px)"
|
|
@@ -19849,7 +19945,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
|
|
|
19849
19945
|
top: "100%",
|
|
19850
19946
|
borderTopWidth: "0",
|
|
19851
19947
|
borderBottomColor: "currentColor",
|
|
19852
|
-
[`@apply text-${config2.background.light} dark
|
|
19948
|
+
[`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
|
|
19853
19949
|
},
|
|
19854
19950
|
[`[${tooltip}][${position}^='down']::after`]: {
|
|
19855
19951
|
top: "calc(100% + 5px)"
|
|
@@ -19866,7 +19962,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
|
|
|
19866
19962
|
borderLeftColor: "currentColor",
|
|
19867
19963
|
insetInlineStart: "calc(0em - 5px)",
|
|
19868
19964
|
transform: "translate(-0.5em, -50%)",
|
|
19869
|
-
[`@apply text-${config2.background.light} dark
|
|
19965
|
+
[`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
|
|
19870
19966
|
},
|
|
19871
19967
|
[`[${tooltip}][${position}^='start']::after, [${tooltip}][${position}^='left']::after`]: {
|
|
19872
19968
|
top: "50%",
|
|
@@ -19880,7 +19976,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
|
|
|
19880
19976
|
borderRightColor: "currentColor",
|
|
19881
19977
|
insetInlineEnd: "calc(0em - 5px)",
|
|
19882
19978
|
transform: "translate(0.5em, -50%)",
|
|
19883
|
-
[`@apply text-${config2.background.light} dark
|
|
19979
|
+
[`@apply !text-${config2.background.light} dark:!text-${config2.background.dark}`]: {}
|
|
19884
19980
|
},
|
|
19885
19981
|
[`[${tooltip}][${position}^='end']::after, [${tooltip}][${position}^='right']::after`]: {
|
|
19886
19982
|
top: "50%",
|