sapo-components-ui-rn 1.0.60 → 1.0.62

package/dist/index.esm.js

@@ -2349,7 +2349,7 @@ var getActiveColor = function (_a) {
     var isFlat = mode === "flat";
     var modeColor = isFlat ? activeUnderlineColor : activeOutlineColor;
     if (error) {
-        return theme.colors.surfaceErrorDefault;
+        return theme.colors.textErrorDefault;
     }
     if (modeColor) {
         return modeColor;
@@ -2418,7 +2418,7 @@ var getFlatInputColors = function (_a) {
         underlineColorCustom: getFlatUnderlineColor(__assign(__assign({}, baseFlatColorProps), { underlineColor: underlineColor })),
         placeholderColor: getPlaceholderColor(baseFlatColorProps),
         selectionColor: getSelectionColor({ activeColor: activeColor, customSelectionColor: customSelectionColor }),
-        errorColor: theme.colors.surfaceErrorDefault,
+        errorColor: theme.colors.textErrorDefault,
         backgroundColor: getFlatBackgroundColor(baseFlatColorProps),
     };
 };
@@ -2432,7 +2432,7 @@ var getOutlinedInputColors = function (_a) {
         outlineColor: getOutlinedOutlineInputColor(__assign(__assign({}, baseOutlinedColorProps), { customOutlineColor: customOutlineColor })),
         placeholderColor: getPlaceholderColor(baseOutlinedColorProps),
         selectionColor: getSelectionColor({ activeColor: activeColor, customSelectionColor: customSelectionColor }),
-        errorColor: theme.colors.surfaceErrorDefault,
+        errorColor: theme.colors.textErrorDefault,
     };
 };
 var getConstants = function () {
@@ -6105,8 +6105,8 @@ var TextInputNumber = function (_a) {
                     React__default.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24 }))),
                 right && (React__default.createElement(View, { paddingLeft: SPACE_8, height: "100%" }, right)),
                 React__default.createElement(Spacer, { width: SPACE_12 }))),
-        textError.length > 0 && (React__default.createElement(View, { paddingHorizontal: SPACE_12, paddingVertical: SPACE_4 },
-            React__default.createElement(Text$1, { style: styles$a.text12, color: colors.textErrorDefault }, textError))),
+        textError.length > 0 && (React__default.createElement(View, { style: styles$a.vError },
+            React__default.createElement(Text$1, { size: 12, numberOfLines: 1, color: theme.colors.textErrorDefault }, textError))),
         React__default.createElement(Modal, { visible: isShowModalKeyboard, transparent: true, animationType: "fade", onRequestClose: onCloseModalKeyboard },
             React__default.createElement(TouchableOpacity, { style: styles$a.modalOverlay, activeOpacity: 1, onPress: onCloseModalKeyboard },
                 React__default.createElement(View, { onPress: function () { }, activeOpacity: 1, backgroundColor: colors.surfacePrimaryDefault, style: styles$a.modalContent },
@@ -6209,6 +6209,9 @@ var styles$a = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
         opacity: 0.5,
     }, disabledKeyText: {
         opacity: 0.5,
+    }, vError: {
+        paddingTop: SPACE_4,
+        paddingHorizontal: SPACE_12,
     } }));
 var TextInputNumber$1 = React__default.memo(TextInputNumber);
 
@@ -6427,7 +6430,7 @@ var TextInput = forwardRef(function (_a, ref) {
     var _s = rest.maxFontSizeMultiplier, maxFontSizeMultiplier = _s === void 0 ? 1.5 : _s;
     var scaledLabel = !!(value || focused);
     if (mode === "default") {
-        return (React__default.createElement(TextInputDefault, __assign({ dense: dense, disabled: disabled, error: errorProp, multiline: multiline, editable: editable, render: render }, rest, { theme: theme, value: value, placeholderTextColor: placeholderTextColor, clearButton: clearButton, parentState: {
+        return (React__default.createElement(TextInputDefault, __assign({ dense: dense, disabled: disabled, error: errorProp, textError: textError, multiline: multiline, editable: editable, render: render }, rest, { theme: theme, value: value, placeholderTextColor: placeholderTextColor, clearButton: clearButton, parentState: {
                 labeled: labeled,
                 error: error,
                 focused: focused,
@@ -6445,7 +6448,7 @@ var TextInput = forwardRef(function (_a, ref) {
     if (mode === "number") {
         return (React__default.createElement(TextInputNumber$1, { textError: textError, disabled: disabled, prefix: prefix, value: value, label: rest.label, clearButton: clearButton, onChangeText: handleChangeText, maxValue: maxValue, formatDecimal: rest.formatDecimal, type: type }));
     }
-    return (React__default.createElement(TextInputFlat, __assign({ dense: dense, disabled: disabled, error: errorProp, editable: editable, clearButton: clearButton, render: render }, rest, { theme: theme, value: value, parentState: {
+    return (React__default.createElement(TextInputFlat, __assign({ dense: dense, disabled: disabled, error: errorProp, textError: textError, editable: editable, clearButton: clearButton, render: render }, rest, { theme: theme, value: value, parentState: {
             labeled: labeled,
             error: error,
             focused: focused,