@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.
@@ -3897,7 +3897,8 @@ const buttonGroup = plugin__default(
3897
3897
  ({ addComponents }) => addComponents({
3898
3898
  '.nui-button-group, [role="group"]': {
3899
3899
  "@apply flex": {},
3900
- ".nui-button, .nui-button-action, .nui-button-icon": {
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
- ".nui-select-wrapper:last-child": {
3956
- ".nui-select": {
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-nui-button": {
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-dropdown:first-child": {
3972
- ".nui-nui-button": {
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-dropdown:last-child": {
3980
- ".nui-nui-button": {
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-200",
4511
- hover: "muted-300"
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 px-2`]: {}
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 ps-8`]: {}
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 px-3`]: {}
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 ps-10`]: {}
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 px-4`]: {}
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 pe-4 ps-11`]: {}
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:bg-${config2.background.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:text-${config2.background.light}`]: {}
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:text-${config2.background.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:text-${config2.background.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:text-${config2.background.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%",
@@ -3891,7 +3891,8 @@ const buttonGroup = plugin(
3891
3891
  ({ addComponents }) => addComponents({
3892
3892
  '.nui-button-group, [role="group"]': {
3893
3893
  "@apply flex": {},
3894
- ".nui-button, .nui-button-action, .nui-button-icon": {
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
- ".nui-select-wrapper:last-child": {
3950
- ".nui-select": {
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-nui-button": {
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-dropdown:first-child": {
3966
- ".nui-nui-button": {
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-dropdown:last-child": {
3974
- ".nui-nui-button": {
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-200",
4505
- hover: "muted-300"
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 px-2`]: {}
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 ps-8`]: {}
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 px-3`]: {}
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 ps-10`]: {}
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 px-4`]: {}
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 pe-4 ps-11`]: {}
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:bg-${config2.background.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:text-${config2.background.light}`]: {}
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:text-${config2.background.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:text-${config2.background.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:text-${config2.background.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%",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuriken-ui/tailwind",
3
- "version": "3.0.0-next.5",
3
+ "version": "3.0.0",
4
4
  "license": "MIT",
5
5
  "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
6
6
  "repository": "shuriken-ui/tailwind",