sapo-components-ui-rn 1.0.75 → 1.0.77

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

@@ -3,6 +3,7 @@ import { TextProps } from "react-native";
 import { ThemeProp } from "../../types";
 export interface IText extends TextProps {
     size?: number;
+    lineHeight?: number;
     color?: string;
     center?: boolean;
     bold?: boolean;

package/dist/index.esm.js

@@ -4911,18 +4911,24 @@ var memoWithRef = function (component) {
 var Text = function (props) {
     var children = props.children, onPress = props.onPress; props.theme; var rest = __rest(props, ["children", "onPress", "theme"]);
     var theme = useInternalTheme();
+    var colors = theme.colors;
     delete rest.style;
     var _getStyle = function () {
         var style = {
             fontWeight: "normal",
-            color: colors.ink.INK100,
+            color: colors.textDefault,
             fontFamily: "Inter-Regular",
+            fontSize: 14,
+            lineHeight: 20,
         };
-        var _a = props.size, size = _a === void 0 ? 14 : _a, 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;
         style.color = theme.colors.textDefault || "black";
         if (size) {
             style.fontSize = size;
         }
+        if (lineHeight) {
+            style.lineHeight = lineHeight;
+        }
         if (color) {
             style.color = color;
         }
@@ -6124,10 +6130,10 @@ var TextInputNumber = function (_a) {
         React__default.createElement(Modal, { visible: isShowModalKeyboard, transparent: true, animationType: "fade", onRequestClose: onCloseModalKeyboard },
             React__default.createElement(TouchableOpacity, { style: styles$b.modalOverlay, activeOpacity: 1, onPress: onCloseModalKeyboard },
                 React__default.createElement(View, { onPress: function () { }, activeOpacity: 1, backgroundColor: colors.surfacePrimaryDefault, style: styles$b.modalContent },
-                    React__default.createElement(Text$1, { style: styles$b.modalTitle }, label),
+                    React__default.createElement(Text$1, { style: [styles$b.modalTitle, styles$b.text18] }, label),
                     React__default.createElement(View, { width: "100%" },
                         React__default.createElement(View, { paddingHorizontal: SPACE_40 },
-                            React__default.createElement(Text$1, { numberOfLines: 1, style: styles$b.valueText }, formatNumberInput$1(inputValue, formatDecimal) || "0")),
+                            React__default.createElement(Text$1, { numberOfLines: 1, style: [styles$b.text30, styles$b.valueText] }, formatNumberInput$1(inputValue, formatDecimal) || "0")),
                         React__default.createElement(TouchableOpacity, { onPress: handleClear, style: styles$b.clearButton },
                             React__default.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24, color: colors.textSecondary }))),
                     React__default.createElement(View, { style: styles$b.keyboardGrid }, [
@@ -6144,6 +6150,7 @@ var TextInputNumber = function (_a) {
                         ], onPress: function () { return handleKeyPress(key); }, disabled: (key === "000" && type === "float") ||
                             (key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(Icon$1, { name: "IconDelNumber", type: "Svg", size: 24 })) : (React__default.createElement(Text$1, { style: [
                             styles$b.keyText,
+                            styles$b.text22,
                             key === "000" &&
                                 type === "float" &&
                                 styles$b.disabledKeyText,
@@ -6153,13 +6160,14 @@ var TextInputNumber = function (_a) {
                         ] }, key)))); }))); })),
                     React__default.createElement(View, { style: styles$b.actionRow },
                         React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: styles$b.actionButton, onPress: onCloseModalKeyboard },
-                            React__default.createElement(Text$1, { style: styles$b.actionText }, "\u0110\u00F3ng")),
+                            React__default.createElement(Text$1, { style: [styles$b.actionText, styles$b.text16] }, "\u0110\u00F3ng")),
                         React__default.createElement(Spacer, { style: {
                                 height: "100%",
                             }, width: 1, backgroundColor: colors.borderPrimaryDefault }),
                         React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: [styles$b.actionButton, !canSave && { opacity: 0.5 }], onPress: handleSave, disabled: !canSave },
                             React__default.createElement(Text$1, { style: [
                                     styles$b.actionText,
+                                    styles$b.text16,
                                     { color: colors.textBrandDefault },
                                     !canSave && { color: colors.textSecondary },
                                 ] }, "L\u01B0u"))))))));
@@ -6185,12 +6193,10 @@ var styles$b = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
         paddingBottom: 20,
         alignItems: "center",
     }, modalTitle: {
-        fontSize: 18,
         textAlign: "center",
         marginTop: 16,
         marginBottom: 8,
     }, valueText: {
-        fontSize: 30,
         textAlign: "center",
     }, clearButton: {
         padding: 8,
@@ -6212,7 +6218,6 @@ var styles$b = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
         justifyContent: "center",
         height: 48,
     }, keyText: {
-        fontSize: 22,
         fontWeight: "500",
     }, actionRow: {
         flexDirection: "row",
@@ -6225,7 +6230,6 @@ var styles$b = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
         alignItems: "center",
         paddingVertical: 12,
     }, actionText: {
-        fontSize: 16,
         fontWeight: "600",
     }, disabledKey: {
         opacity: 0.5,
@@ -7413,10 +7417,10 @@ var NumberKeyboard = function (_a) {
     return (React__default.createElement(Modal, { visible: visible, transparent: true, animationType: "fade", onRequestClose: handleClose },
         React__default.createElement(TouchableOpacity, { style: styles.modalOverlay, activeOpacity: 1, onPress: handleClose },
             React__default.createElement(View, { onPress: function () { }, activeOpacity: 1, backgroundColor: colors.surfacePrimaryDefault, style: styles.modalContent },
-                React__default.createElement(Text$1, { style: styles.modalTitle }, label),
+                React__default.createElement(Text$1, { style: [styles.text18, styles.modalTitle] }, label),
                 React__default.createElement(View, { width: "100%" },
                     React__default.createElement(View, { paddingHorizontal: SPACE_40 },
-                        React__default.createElement(Text$1, { numberOfLines: 1, style: styles.valueText }, formatNumberInput(inputValue, formatDecimal) || "0")),
+                        React__default.createElement(Text$1, { numberOfLines: 1, style: [styles.text30, styles.valueText] }, formatNumberInput(inputValue, formatDecimal) || "0")),
                     React__default.createElement(TouchableOpacity, { onPress: handleClear, style: styles.clearButton },
                         React__default.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24, color: colors.textSecondary }))),
                 React__default.createElement(View, { style: styles.keyboardGrid }, [
@@ -7433,6 +7437,7 @@ var NumberKeyboard = function (_a) {
                     ], onPress: function () { return handleKeyPress(key); }, disabled: (key === "000" && type === "float") ||
                         (key === "." && inputValue.includes(".")) }, key === "del" ? (React__default.createElement(Icon$1, { name: "IconDelNumber", type: "Svg", size: 24 })) : (React__default.createElement(Text$1, { style: [
                         styles.keyText,
+                        styles.text22,
                         key === "000" &&
                             type === "float" &&
                             styles.disabledKeyText,
@@ -7442,10 +7447,14 @@ var NumberKeyboard = function (_a) {
                     ] }, key)))); }))); })),
                 React__default.createElement(View, { style: styles.actionRow },
                     React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: styles.actionButton, onPress: handleClose },
-                        React__default.createElement(Text$1, { style: styles.actionText }, "\u0110\u00F3ng")),
+                        React__default.createElement(Text$1, { style: [styles.actionText, styles.text16] }, "\u0110\u00F3ng")),
                     React__default.createElement(Spacer, { style: { height: "100%" }, width: 1, backgroundColor: colors.borderPrimaryDefault }),
                     React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, style: styles.actionButton, onPress: handleSave },
-                        React__default.createElement(Text$1, { style: [styles.actionText, { color: colors.textBrandDefault }] }, "L\u01B0u")))))));
+                        React__default.createElement(Text$1, { style: [
+                                styles.actionText,
+                                styles.text16,
+                                { color: colors.textBrandDefault },
+                            ] }, "L\u01B0u")))))));
 };
 var styles = StyleSheet.create(__assign(__assign({}, containerStyles), { modalOverlay: {
         flex: 1,
@@ -7458,12 +7467,10 @@ var styles = StyleSheet.create(__assign(__assign({}, containerStyles), { modalOv
         paddingBottom: 20,
         alignItems: "center",
     }, modalTitle: {
-        fontSize: 18,
         textAlign: "center",
         marginTop: 16,
         marginBottom: 8,
     }, valueText: {
-        fontSize: 30,
         textAlign: "center",
     }, clearButton: {
         padding: 8,
@@ -7485,7 +7492,6 @@ var styles = StyleSheet.create(__assign(__assign({}, containerStyles), { modalOv
         justifyContent: "center",
         height: 48,
     }, keyText: {
-        fontSize: 22,
         fontWeight: "500",
     }, actionRow: {
         flexDirection: "row",
@@ -7498,7 +7504,6 @@ var styles = StyleSheet.create(__assign(__assign({}, containerStyles), { modalOv
         alignItems: "center",
         paddingVertical: 12,
     }, actionText: {
-        fontSize: 16,
         fontWeight: "600",
     }, disabledKey: {
         opacity: 0.5,