sapo-components-ui-rn 1.0.34 → 1.0.35

package/dist/index.esm.js

@@ -5621,6 +5621,7 @@ var TextInputDefault = function (_a) {
                         ? theme.colors.surfacePrimaryDisabled
                         : theme.colors.surfacePrimaryDefault,
                 },
+                contentStyle,
             ] },
             React$3.createElement(View, { paddingLeft: CONSTANTS.SPACE_12 }, left),
             left && React$3.createElement(Spacer, { width: CONSTANTS.SPACE_8 }),
@@ -6802,12 +6803,19 @@ var index = React__default.memo(SelectionField);
 
 var SearchInput = function (_a) {
     var _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, rightIcon = _a.rightIcon, _d = _a.clearButton, clearButton = _d === void 0 ? false : _d, _e = _a.placeholder, placeholder = _e === void 0 ? "Tìm kiếm" : _e, onFocus = _a.onFocus, onBlur = _a.onBlur, onChangeText = _a.onChangeText, style = _a.style, height = _a.height;
+    var theme = useInternalTheme();
+    var colors = theme.colors;
     return (React__default.createElement(TextInput, { left: React__default.createElement(View, { center: true },
             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: onChangeText, style: [
             {
                 height: height || 40,
             },
             style,
+        ], contentStyle: [
+            {
+                backgroundColor: colors.surfaceSecondaryDefault,
+            },
+            style,
         ] }));
 };
 StyleSheet.create(__assign({}, containerStyles));