@rehagro/ui 1.0.36 → 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/{colors.types-7nLOoy6r.d.mts → colors.types-Dd3I7svd.d.mts} +1 -1
- package/dist/{colors.types-7nLOoy6r.d.ts → colors.types-Dd3I7svd.d.ts} +1 -1
- package/dist/index.d.mts +10 -3
- package/dist/index.d.ts +10 -3
- package/dist/index.js +43 -17
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +43 -17
- package/dist/index.mjs.map +1 -1
- package/dist/native.d.mts +5 -3
- package/dist/native.d.ts +5 -3
- package/dist/native.js +16 -4
- package/dist/native.js.map +1 -1
- package/dist/native.mjs +16 -4
- package/dist/native.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/native.mjs
CHANGED
|
@@ -30,6 +30,8 @@ var DEFAULT_NATIVE_THEME = {
|
|
|
30
30
|
inputHeightSm: 36,
|
|
31
31
|
inputHeightMd: 44,
|
|
32
32
|
inputHeightLg: 52,
|
|
33
|
+
buttonHeightXxs: 16,
|
|
34
|
+
buttonHeightXs: 24,
|
|
33
35
|
buttonHeightSm: 36,
|
|
34
36
|
buttonHeightMd: 44,
|
|
35
37
|
buttonHeightLg: 52,
|
|
@@ -108,7 +110,8 @@ var Button = forwardRef(function Button2({
|
|
|
108
110
|
danger: theme.danger ?? "#dc2626",
|
|
109
111
|
warning: theme.warning ?? "#d97706",
|
|
110
112
|
success: theme.success ?? "#16a34a",
|
|
111
|
-
info: theme.info ?? "#0284c7"
|
|
113
|
+
info: theme.info ?? "#0284c7",
|
|
114
|
+
neutral: theme.textMuted ?? "#6b7280"
|
|
112
115
|
};
|
|
113
116
|
const presetHover = {
|
|
114
117
|
primary: theme.primaryHover ?? darkenColor(presetBase.primary),
|
|
@@ -116,17 +119,22 @@ var Button = forwardRef(function Button2({
|
|
|
116
119
|
danger: theme.dangerHover ?? darkenColor(presetBase.danger),
|
|
117
120
|
warning: theme.warning ?? darkenColor(presetBase.warning),
|
|
118
121
|
success: theme.success ?? darkenColor(presetBase.success),
|
|
119
|
-
info: theme.infoHover ?? darkenColor(presetBase.info)
|
|
122
|
+
info: theme.infoHover ?? darkenColor(presetBase.info),
|
|
123
|
+
neutral: theme.text ?? darkenColor(presetBase.neutral)
|
|
120
124
|
};
|
|
121
125
|
const colorBase = preset ? presetBase[color] : color;
|
|
122
126
|
const colorHover = preset ? presetHover[color] : darkenColor(color);
|
|
123
127
|
const sizeStyleMap = {
|
|
128
|
+
xxs: { paddingHorizontal: 6, height: theme.buttonHeightXxs ?? 16, gap: 4 },
|
|
129
|
+
xs: { paddingHorizontal: 8, height: theme.buttonHeightXs ?? 24, gap: 4 },
|
|
124
130
|
sm: { paddingHorizontal: 12, height: theme.buttonHeightSm ?? 36 },
|
|
125
131
|
md: { paddingHorizontal: 16, height: theme.buttonHeightMd ?? 44 },
|
|
126
132
|
lg: { paddingHorizontal: 20, height: theme.buttonHeightLg ?? 52 },
|
|
127
133
|
xl: { paddingHorizontal: 24, height: theme.buttonHeightXl ?? 60 }
|
|
128
134
|
};
|
|
129
135
|
const fontSizeMap = {
|
|
136
|
+
xxs: 10,
|
|
137
|
+
xs: 12,
|
|
130
138
|
sm: 14,
|
|
131
139
|
md: 14,
|
|
132
140
|
lg: 16,
|
|
@@ -237,6 +245,8 @@ var IconButton = forwardRef(function IconButton2({
|
|
|
237
245
|
const theme = useRehagroTheme();
|
|
238
246
|
const isDisabled = disabled || loading;
|
|
239
247
|
const sizePxMap = {
|
|
248
|
+
xxs: 16,
|
|
249
|
+
xs: 24,
|
|
240
250
|
sm: 32,
|
|
241
251
|
md: 40,
|
|
242
252
|
lg: 48
|
|
@@ -257,7 +267,8 @@ var IconButton = forwardRef(function IconButton2({
|
|
|
257
267
|
danger: { main: theme.danger ?? "#dc2626", hover: theme.dangerHover ?? darkenColor2(theme.danger ?? "#dc2626") },
|
|
258
268
|
warning: { main: theme.warning ?? "#d97706", hover: darkenColor2(theme.warning ?? "#d97706") },
|
|
259
269
|
success: { main: theme.success ?? "#16a34a", hover: darkenColor2(theme.success ?? "#16a34a") },
|
|
260
|
-
info: { main: theme.info ?? "#0284c7", hover: theme.infoHover ?? darkenColor2(theme.info ?? "#0284c7") }
|
|
270
|
+
info: { main: theme.info ?? "#0284c7", hover: theme.infoHover ?? darkenColor2(theme.info ?? "#0284c7") },
|
|
271
|
+
neutral: { main: theme.textMuted ?? "#6b7280", hover: theme.text ?? darkenColor2(theme.textMuted ?? "#6b7280") }
|
|
261
272
|
};
|
|
262
273
|
const preset = isPresetColor2(color);
|
|
263
274
|
const main = preset ? presetTokens[color].main : color;
|
|
@@ -724,7 +735,8 @@ var Tag = forwardRef(function Tag2({
|
|
|
724
735
|
danger: { main: theme.danger ?? "#dc2626", hover: theme.dangerHover ?? "#b91c1c" },
|
|
725
736
|
warning: { main: theme.warning ?? "#d97706", hover: theme.warning ?? "#d97706" },
|
|
726
737
|
success: { main: theme.success ?? "#16a34a", hover: theme.success ?? "#16a34a" },
|
|
727
|
-
info: { main: theme.info ?? "#0284c7", hover: theme.infoHover ?? "#0369a1" }
|
|
738
|
+
info: { main: theme.info ?? "#0284c7", hover: theme.infoHover ?? "#0369a1" },
|
|
739
|
+
neutral: { main: theme.textMuted ?? "#6b7280", hover: theme.text ?? "#374151" }
|
|
728
740
|
};
|
|
729
741
|
const preset = isPresetColor3(color);
|
|
730
742
|
const mainColor = preset ? presetTokens[color].main : color;
|