@rehagro/ui 1.0.36 → 1.0.38

package/dist/native.d.mts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default from 'react';
 import { PressableProps, StyleProp, ViewStyle, TextStyle, View, TextInputProps as TextInputProps$1, TextInput as TextInput$1, ViewProps, TextProps as TextProps$1, Text as Text$1 } from 'react-native';
-import { B as ButtonColor, P as PresetColor } from './colors.types-7nLOoy6r.mjs';
+import { B as ButtonColor, P as PresetColor } from './colors.types-Dd3I7svd.mjs';
 
 /** React Native theme — reuses the same token names as the web theme.
  *  Color values are plain CSS hex strings (e.g. "#16a34a").
@@ -36,6 +36,8 @@ type RehagroNativeTheme = {
     inputHeightSm?: number;
     inputHeightMd?: number;
     inputHeightLg?: number;
+    buttonHeightXxs?: number;
+    buttonHeightXs?: number;
     buttonHeightSm?: number;
     buttonHeightMd?: number;
     buttonHeightLg?: number;
@@ -68,7 +70,7 @@ declare function RehagroNativeProvider({ theme, children }: RehagroNativeProvide
 declare function useRehagroTheme(): RehagroNativeTheme;
 
 type ButtonVariant = "solid" | "outline" | "ghost";
-type ButtonSize = "sm" | "md" | "lg" | "xl";
+type ButtonSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
 type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type ButtonProps = Omit<PressableProps, "style"> & {
     /** Visual style variant */
@@ -120,7 +122,7 @@ declare const Button: React__default.ForwardRefExoticComponent<Omit<PressablePro
 } & React__default.RefAttributes<View>>;
 
 type IconButtonVariant = "solid" | "outline" | "ghost";
-type IconButtonSize = "sm" | "md" | "lg";
+type IconButtonSize = "xxs" | "xs" | "sm" | "md" | "lg";
 type IconButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type IconButtonColor = ButtonColor;
 type IconButtonProps = Omit<PressableProps, "style"> & {

package/dist/native.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default from 'react';
 import { PressableProps, StyleProp, ViewStyle, TextStyle, View, TextInputProps as TextInputProps$1, TextInput as TextInput$1, ViewProps, TextProps as TextProps$1, Text as Text$1 } from 'react-native';
-import { B as ButtonColor, P as PresetColor } from './colors.types-7nLOoy6r.js';
+import { B as ButtonColor, P as PresetColor } from './colors.types-Dd3I7svd.js';
 
 /** React Native theme — reuses the same token names as the web theme.
  *  Color values are plain CSS hex strings (e.g. "#16a34a").
@@ -36,6 +36,8 @@ type RehagroNativeTheme = {
     inputHeightSm?: number;
     inputHeightMd?: number;
     inputHeightLg?: number;
+    buttonHeightXxs?: number;
+    buttonHeightXs?: number;
     buttonHeightSm?: number;
     buttonHeightMd?: number;
     buttonHeightLg?: number;
@@ -68,7 +70,7 @@ declare function RehagroNativeProvider({ theme, children }: RehagroNativeProvide
 declare function useRehagroTheme(): RehagroNativeTheme;
 
 type ButtonVariant = "solid" | "outline" | "ghost";
-type ButtonSize = "sm" | "md" | "lg" | "xl";
+type ButtonSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
 type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type ButtonProps = Omit<PressableProps, "style"> & {
     /** Visual style variant */
@@ -120,7 +122,7 @@ declare const Button: React__default.ForwardRefExoticComponent<Omit<PressablePro
 } & React__default.RefAttributes<View>>;
 
 type IconButtonVariant = "solid" | "outline" | "ghost";
-type IconButtonSize = "sm" | "md" | "lg";
+type IconButtonSize = "xxs" | "xs" | "sm" | "md" | "lg";
 type IconButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type IconButtonColor = ButtonColor;
 type IconButtonProps = Omit<PressableProps, "style"> & {

package/dist/native.js

@@ -32,6 +32,8 @@ var DEFAULT_NATIVE_THEME = {
   inputHeightSm: 36,
   inputHeightMd: 44,
   inputHeightLg: 52,
+  buttonHeightXxs: 16,
+  buttonHeightXs: 24,
   buttonHeightSm: 36,
   buttonHeightMd: 44,
   buttonHeightLg: 52,
@@ -110,7 +112,8 @@ var Button = react.forwardRef(function Button2({
     danger: theme.danger ?? "#dc2626",
     warning: theme.warning ?? "#d97706",
     success: theme.success ?? "#16a34a",
-    info: theme.info ?? "#0284c7"
+    info: theme.info ?? "#0284c7",
+    neutral: theme.textMuted ?? "#6b7280"
   };
   const presetHover = {
     primary: theme.primaryHover ?? darkenColor(presetBase.primary),
@@ -118,17 +121,22 @@ var Button = react.forwardRef(function Button2({
     danger: theme.dangerHover ?? darkenColor(presetBase.danger),
     warning: theme.warning ?? darkenColor(presetBase.warning),
     success: theme.success ?? darkenColor(presetBase.success),
-    info: theme.infoHover ?? darkenColor(presetBase.info)
+    info: theme.infoHover ?? darkenColor(presetBase.info),
+    neutral: theme.text ?? darkenColor(presetBase.neutral)
   };
   const colorBase = preset ? presetBase[color] : color;
   const colorHover = preset ? presetHover[color] : darkenColor(color);
   const sizeStyleMap = {
+    xxs: { paddingHorizontal: 6, height: theme.buttonHeightXxs ?? 16, gap: 4 },
+    xs: { paddingHorizontal: 8, height: theme.buttonHeightXs ?? 24, gap: 4 },
     sm: { paddingHorizontal: 12, height: theme.buttonHeightSm ?? 36 },
     md: { paddingHorizontal: 16, height: theme.buttonHeightMd ?? 44 },
     lg: { paddingHorizontal: 20, height: theme.buttonHeightLg ?? 52 },
     xl: { paddingHorizontal: 24, height: theme.buttonHeightXl ?? 60 }
   };
   const fontSizeMap = {
+    xxs: 10,
+    xs: 12,
     sm: 14,
     md: 14,
     lg: 16,
@@ -239,6 +247,8 @@ var IconButton = react.forwardRef(function IconButton2({
   const theme = useRehagroTheme();
   const isDisabled = disabled || loading;
   const sizePxMap = {
+    xxs: 16,
+    xs: 24,
     sm: 32,
     md: 40,
     lg: 48
@@ -259,7 +269,8 @@ var IconButton = react.forwardRef(function IconButton2({
     danger: { main: theme.danger ?? "#dc2626", hover: theme.dangerHover ?? darkenColor2(theme.danger ?? "#dc2626") },
     warning: { main: theme.warning ?? "#d97706", hover: darkenColor2(theme.warning ?? "#d97706") },
     success: { main: theme.success ?? "#16a34a", hover: darkenColor2(theme.success ?? "#16a34a") },
-    info: { main: theme.info ?? "#0284c7", hover: theme.infoHover ?? darkenColor2(theme.info ?? "#0284c7") }
+    info: { main: theme.info ?? "#0284c7", hover: theme.infoHover ?? darkenColor2(theme.info ?? "#0284c7") },
+    neutral: { main: theme.textMuted ?? "#6b7280", hover: theme.text ?? darkenColor2(theme.textMuted ?? "#6b7280") }
   };
   const preset = isPresetColor2(color);
   const main = preset ? presetTokens[color].main : color;
@@ -726,7 +737,8 @@ var Tag = react.forwardRef(function Tag2({
     danger: { main: theme.danger ?? "#dc2626", hover: theme.dangerHover ?? "#b91c1c" },
     warning: { main: theme.warning ?? "#d97706", hover: theme.warning ?? "#d97706" },
     success: { main: theme.success ?? "#16a34a", hover: theme.success ?? "#16a34a" },
-    info: { main: theme.info ?? "#0284c7", hover: theme.infoHover ?? "#0369a1" }
+    info: { main: theme.info ?? "#0284c7", hover: theme.infoHover ?? "#0369a1" },
+    neutral: { main: theme.textMuted ?? "#6b7280", hover: theme.text ?? "#374151" }
   };
   const preset = isPresetColor3(color);
   const mainColor = preset ? presetTokens[color].main : color;