sapo-components-ui-rn 1.1.10 → 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/index.esm.js

@@ -6281,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 = {
@@ -6349,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)))));
     }
@@ -6384,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, 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) {