@rehagro/ui 1.0.37 → 1.0.38
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/index.d.mts +4 -2
- package/dist/index.d.ts +4 -2
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -0
- package/dist/index.mjs.map +1 -1
- package/dist/native.d.mts +4 -2
- package/dist/native.d.ts +4 -2
- package/dist/native.js +8 -0
- package/dist/native.js.map +1 -1
- package/dist/native.mjs +8 -0
- package/dist/native.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/native.d.mts
CHANGED
|
@@ -36,6 +36,8 @@ type RehagroNativeTheme = {
|
|
|
36
36
|
inputHeightSm?: number;
|
|
37
37
|
inputHeightMd?: number;
|
|
38
38
|
inputHeightLg?: number;
|
|
39
|
+
buttonHeightXxs?: number;
|
|
40
|
+
buttonHeightXs?: number;
|
|
39
41
|
buttonHeightSm?: number;
|
|
40
42
|
buttonHeightMd?: number;
|
|
41
43
|
buttonHeightLg?: number;
|
|
@@ -68,7 +70,7 @@ declare function RehagroNativeProvider({ theme, children }: RehagroNativeProvide
|
|
|
68
70
|
declare function useRehagroTheme(): RehagroNativeTheme;
|
|
69
71
|
|
|
70
72
|
type ButtonVariant = "solid" | "outline" | "ghost";
|
|
71
|
-
type ButtonSize = "sm" | "md" | "lg" | "xl";
|
|
73
|
+
type ButtonSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
72
74
|
type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
73
75
|
type ButtonProps = Omit<PressableProps, "style"> & {
|
|
74
76
|
/** Visual style variant */
|
|
@@ -120,7 +122,7 @@ declare const Button: React__default.ForwardRefExoticComponent<Omit<PressablePro
|
|
|
120
122
|
} & React__default.RefAttributes<View>>;
|
|
121
123
|
|
|
122
124
|
type IconButtonVariant = "solid" | "outline" | "ghost";
|
|
123
|
-
type IconButtonSize = "sm" | "md" | "lg";
|
|
125
|
+
type IconButtonSize = "xxs" | "xs" | "sm" | "md" | "lg";
|
|
124
126
|
type IconButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
125
127
|
type IconButtonColor = ButtonColor;
|
|
126
128
|
type IconButtonProps = Omit<PressableProps, "style"> & {
|
package/dist/native.d.ts
CHANGED
|
@@ -36,6 +36,8 @@ type RehagroNativeTheme = {
|
|
|
36
36
|
inputHeightSm?: number;
|
|
37
37
|
inputHeightMd?: number;
|
|
38
38
|
inputHeightLg?: number;
|
|
39
|
+
buttonHeightXxs?: number;
|
|
40
|
+
buttonHeightXs?: number;
|
|
39
41
|
buttonHeightSm?: number;
|
|
40
42
|
buttonHeightMd?: number;
|
|
41
43
|
buttonHeightLg?: number;
|
|
@@ -68,7 +70,7 @@ declare function RehagroNativeProvider({ theme, children }: RehagroNativeProvide
|
|
|
68
70
|
declare function useRehagroTheme(): RehagroNativeTheme;
|
|
69
71
|
|
|
70
72
|
type ButtonVariant = "solid" | "outline" | "ghost";
|
|
71
|
-
type ButtonSize = "sm" | "md" | "lg" | "xl";
|
|
73
|
+
type ButtonSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
72
74
|
type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
73
75
|
type ButtonProps = Omit<PressableProps, "style"> & {
|
|
74
76
|
/** Visual style variant */
|
|
@@ -120,7 +122,7 @@ declare const Button: React__default.ForwardRefExoticComponent<Omit<PressablePro
|
|
|
120
122
|
} & React__default.RefAttributes<View>>;
|
|
121
123
|
|
|
122
124
|
type IconButtonVariant = "solid" | "outline" | "ghost";
|
|
123
|
-
type IconButtonSize = "sm" | "md" | "lg";
|
|
125
|
+
type IconButtonSize = "xxs" | "xs" | "sm" | "md" | "lg";
|
|
124
126
|
type IconButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
125
127
|
type IconButtonColor = ButtonColor;
|
|
126
128
|
type IconButtonProps = Omit<PressableProps, "style"> & {
|
package/dist/native.js
CHANGED
|
@@ -32,6 +32,8 @@ var DEFAULT_NATIVE_THEME = {
|
|
|
32
32
|
inputHeightSm: 36,
|
|
33
33
|
inputHeightMd: 44,
|
|
34
34
|
inputHeightLg: 52,
|
|
35
|
+
buttonHeightXxs: 16,
|
|
36
|
+
buttonHeightXs: 24,
|
|
35
37
|
buttonHeightSm: 36,
|
|
36
38
|
buttonHeightMd: 44,
|
|
37
39
|
buttonHeightLg: 52,
|
|
@@ -125,12 +127,16 @@ var Button = react.forwardRef(function Button2({
|
|
|
125
127
|
const colorBase = preset ? presetBase[color] : color;
|
|
126
128
|
const colorHover = preset ? presetHover[color] : darkenColor(color);
|
|
127
129
|
const sizeStyleMap = {
|
|
130
|
+
xxs: { paddingHorizontal: 6, height: theme.buttonHeightXxs ?? 16, gap: 4 },
|
|
131
|
+
xs: { paddingHorizontal: 8, height: theme.buttonHeightXs ?? 24, gap: 4 },
|
|
128
132
|
sm: { paddingHorizontal: 12, height: theme.buttonHeightSm ?? 36 },
|
|
129
133
|
md: { paddingHorizontal: 16, height: theme.buttonHeightMd ?? 44 },
|
|
130
134
|
lg: { paddingHorizontal: 20, height: theme.buttonHeightLg ?? 52 },
|
|
131
135
|
xl: { paddingHorizontal: 24, height: theme.buttonHeightXl ?? 60 }
|
|
132
136
|
};
|
|
133
137
|
const fontSizeMap = {
|
|
138
|
+
xxs: 10,
|
|
139
|
+
xs: 12,
|
|
134
140
|
sm: 14,
|
|
135
141
|
md: 14,
|
|
136
142
|
lg: 16,
|
|
@@ -241,6 +247,8 @@ var IconButton = react.forwardRef(function IconButton2({
|
|
|
241
247
|
const theme = useRehagroTheme();
|
|
242
248
|
const isDisabled = disabled || loading;
|
|
243
249
|
const sizePxMap = {
|
|
250
|
+
xxs: 16,
|
|
251
|
+
xs: 24,
|
|
244
252
|
sm: 32,
|
|
245
253
|
md: 40,
|
|
246
254
|
lg: 48
|