sapo-components-ui-rn 1.1.9 → 1.1.11

package/dist/components/Button/index.d.ts

@@ -14,10 +14,9 @@ export interface ButtonProps extends TouchableOpacityProps {
     margin?: number;
     textProps?: IText;
     textColor?: string;
-    bold?: boolean;
-    size?: number;
+    textBold?: boolean;
+    textSize?: number;
     textStyle?: TextStyle;
-    medium?: boolean;
     mode?: "outlined" | "contained" | "transparent";
     transparent?: boolean;
     onPress?: (res?: any) => void;
@@ -28,5 +27,5 @@ export interface ButtonProps extends TouchableOpacityProps {
     critical?: boolean;
     width?: number;
 }
-declare const _default: React.MemoExoticComponent<({ style, title, border, borderColor, isLoading, left, right, margin, textStyle, textProps, onPress, disabled, backgroundColor, textColor, bold, medium, mode, transparent, full, theme: themeOverrides, buttonSize, size, critical, width, type, ...props }: ButtonProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ style, title, border, borderColor, isLoading, left, right, margin, textStyle, textProps, onPress, disabled, backgroundColor, textColor, textBold, mode, transparent, full, theme: themeOverrides, buttonSize, textSize, critical, width, type, ...props }: ButtonProps) => React.JSX.Element>;
 export default _default;

package/dist/components/Text/index.d.ts

@@ -8,7 +8,8 @@ export interface IText extends TextProps {
     center?: boolean;
     bold?: boolean;
     medium?: boolean;
-    children?: any;
+    semibold?: boolean;
+    children?: React.ReactNode;
     theme?: ThemeProp;
 }
 declare const _default: React.MemoExoticComponent<React.ComponentType<IText>>;

package/dist/index.esm.js

@@ -4776,7 +4776,7 @@ var Text = function (props) {
             fontSize: 14,
             lineHeight: 20,
         };
-        var _a = props.size, size = _a === void 0 ? 14 : _a, lineHeight = props.lineHeight, center = props.center, color = props.color, bold = props.bold, medium = props.medium;
+        var _a = props.size, size = _a === void 0 ? 14 : _a, lineHeight = props.lineHeight, center = props.center, color = props.color, bold = props.bold, medium = props.medium, semibold = props.semibold;
         style.color = theme.colors.textDefault || "black";
         if (size) {
             style.fontSize = size;
@@ -4797,6 +4797,12 @@ var Text = function (props) {
             }
         }
         if (medium) {
+            style.fontFamily = "Inter-Medium";
+            if (Platform.OS === "ios") {
+                style.fontWeight = "500";
+            }
+        }
+        if (semibold) {
             style.fontFamily = "Inter-SemiBold";
             if (Platform.OS === "ios") {
                 style.fontWeight = "600";
@@ -5481,7 +5487,7 @@ var TextInputDefault = function (_a) {
     if (height && typeof height !== "number") {
         console.warn("Currently we support only numbers in height prop");
     }
-    var placeholderTextColorBasedOnState = placeholderTextColor || colors.textSecondary;
+    var placeholderTextColorBasedOnState = placeholderTextColor || colors.textPlaceholder;
     var getBorderColor = function () {
         if (disabled) {
             return theme.colors.surfacePrimaryDisabled;
@@ -6275,7 +6281,7 @@ var TextInput = forwardRef(function (_a, ref) {
 TextInput.Affix = TextInputAffix;
 
 var Button = function (_a) {
-    var style = _a.style, title = _a.title; _a.border; var borderColor = _a.borderColor, isLoading = _a.isLoading, left = _a.left, right = _a.right, margin = _a.margin, textStyle = _a.textStyle, textProps = _a.textProps, onPress = _a.onPress, disabled = _a.disabled, backgroundColor = _a.backgroundColor, textColor = _a.textColor, _b = _a.bold, bold = _b === void 0 ? true : _b, _c = _a.medium, medium = _c === void 0 ? false : _c, _d = _a.mode, mode = _d === void 0 ? "contained" : _d; _a.transparent; var _f = _a.full, full = _f === void 0 ? false : _f; _a.theme; var _g = _a.buttonSize, buttonSize = _g === void 0 ? "normal" : _g, _h = _a.size, size = _h === void 0 ? buttonSize === "small" ? 14 : 16 : _h, _j = _a.critical, critical = _j === void 0 ? false : _j, width = _a.width, _k = _a.type, type = _k === void 0 ? "default" : _k, props = __rest(_a, ["style", "title", "border", "borderColor", "isLoading", "left", "right", "margin", "textStyle", "textProps", "onPress", "disabled", "backgroundColor", "textColor", "bold", "medium", "mode", "transparent", "full", "theme", "buttonSize", "size", "critical", "width", "type"]);
+    var style = _a.style, title = _a.title; _a.border; var borderColor = _a.borderColor, isLoading = _a.isLoading, left = _a.left, right = _a.right, margin = _a.margin, textStyle = _a.textStyle, textProps = _a.textProps, onPress = _a.onPress, disabled = _a.disabled, backgroundColor = _a.backgroundColor, textColor = _a.textColor, _b = _a.textBold, textBold = _b === void 0 ? true : _b, _c = _a.mode, mode = _c === void 0 ? "contained" : _c; _a.transparent; var _e = _a.full, full = _e === void 0 ? false : _e; _a.theme; var _f = _a.buttonSize, buttonSize = _f === void 0 ? "normal" : _f, _g = _a.textSize, textSize = _g === void 0 ? buttonSize === "small" ? 14 : 16 : _g, _h = _a.critical, critical = _h === void 0 ? false : _h, width = _a.width, _j = _a.type, type = _j === void 0 ? "default" : _j, props = __rest(_a, ["style", "title", "border", "borderColor", "isLoading", "left", "right", "margin", "textStyle", "textProps", "onPress", "disabled", "backgroundColor", "textColor", "textBold", "mode", "transparent", "full", "theme", "buttonSize", "textSize", "critical", "width", "type"]);
     var theme = useInternalTheme();
     var colors = theme.colors;
     var disabledTextStyle = {
@@ -6343,7 +6349,11 @@ var Button = function (_a) {
                 ], disabled: isLoading }, isLoading ? (React__default.createElement(ActivityIndicator, { color: (textStyle === null || textStyle === void 0 ? void 0 : textStyle.color) || colors.textBrandDefault })) : (React__default.createElement(View, { row: true },
                 !isLoading && left,
                 left && React__default.createElement(Spacer, { width: CONSTANTS.SPACE_4 }),
-                React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || colors.textBrandDefault, size: size, bold: bold, medium: medium, style: [disabled && disabledTextStyle, textStyle] }, textProps), title),
+                React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || colors.textBrandDefault, size: textSize, bold: textBold, style: [
+                        disabled && disabledTextStyle,
+                        !textBold && styles$b.textMedium,
+                        textStyle,
+                    ] }, textProps), title),
                 right && React__default.createElement(Spacer, { width: CONSTANTS.SPACE_4 }),
                 !isLoading && right)))));
     }
@@ -6378,29 +6388,28 @@ var Button = function (_a) {
                         ? CONSTANTS.SPACE_4
                         : CONSTANTS.SPACE_8 })),
                 React__default.createElement(View, { center: true },
-                    React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || renderTextColor(), size: size, bold: bold, medium: medium, style: [disabled && disabledTextStyle, textStyle] }, textProps), title)),
+                    React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || renderTextColor(), size: textSize, bold: textBold, style: [
+                            disabled && disabledTextStyle,
+                            !textBold && styles$b.textMedium,
+                            textStyle,
+                        ] }, textProps), title)),
                 right && (React__default.createElement(Spacer, { width: buttonSize === "small"
                         ? CONSTANTS.SPACE_4
                         : CONSTANTS.SPACE_8 })),
                 !isLoading && right,
                 React__default.createElement(Spacer, { width: right ? CONSTANTS.SPACE_12 : CONSTANTS.SPACE_16 })))))));
 };
-var styles$b = StyleSheet.create({
-    disabled: { opacity: 0.6 },
-    button: {
+var styles$b = StyleSheet.create(__assign(__assign({}, containerStyles), { disabled: { opacity: 0.6 }, button: {
         height: CONSTANTS.BUTTON_HEIGHT,
         alignItems: "center",
         justifyContent: "center",
         minWidth: CONSTANTS.DEVICE_WIDTH / 4.5,
-    },
-    border: {
+    }, border: {
         borderWidth: CONSTANTS.BORDER_WIDTH_1,
         backgroundColor: "transparent",
-    },
-    small: {
+    }, small: {
         height: CONSTANTS.BUTTON_HEIGHT_SMALL,
-    },
-});
+    } }));
 var index$3 = React__default.memo(Button);
 
 var FloatingButton = function (_a) {
@@ -7247,7 +7256,7 @@ var SearchInput = function (_a) {
         onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
     }, debounceTime);
     return (React__default.createElement(TextInput, { left: React__default.createElement(View, null,
-            React__default.createElement(Icon$1, { name: "IconSearch", type: "Svg", size: 18 })), disabled: disabled, value: value, clearButton: clearButton, mode: "default", label: placeholder, placeholder: placeholder, right: rightIcon, onFocus: onFocus, onBlur: onBlur, allowFontScaling: false, onChangeText: debouncedOnChangeText, style: [
+            React__default.createElement(Icon$1, { name: "IconSearch", type: "Svg", size: 18 })), disabled: disabled, value: value, clearButton: clearButton, mode: "default", label: placeholder, placeholder: placeholder, placeholderTextColor: colors.textPlaceholder, right: rightIcon, onFocus: onFocus, onBlur: onBlur, allowFontScaling: false, onChangeText: debouncedOnChangeText, style: [
             {
                 height: height || 36,
             },