sapo-components-ui-rn 1.1.29 → 1.1.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16,5 +16,5 @@ interface SearchInputProps {
16
16
  debounceTime?: number;
17
17
  autoFocus?: boolean;
18
18
  }
19
- declare const SearchInput: ({ value, disabled, rightIcon, clearButton, placeholder, onFocus, onBlur, onChangeText, style, height, debounceTime, autoFocus, }: SearchInputProps) => React.JSX.Element;
19
+ declare const SearchInput: ({ value, disabled, rightIcon, clearButton, placeholder, onFocus, onBlur, onChangeText, style, height, debounceTime, autoFocus, textStyle, }: SearchInputProps) => React.JSX.Element;
20
20
  export default SearchInput;
@@ -1,5 +1,5 @@
1
1
  export declare const MAXIMIZED_LABEL_FONT_SIZE = 15;
2
- export declare const MINIMIZED_LABEL_FONT_SIZE = 13;
2
+ export declare const MINIMIZED_LABEL_FONT_SIZE = 12;
3
3
  export declare const LABEL_WIGGLE_X_OFFSET = 4;
4
4
  export declare const ADORNMENT_SIZE = 24;
5
5
  export declare const MIN_WIDTH = 100;
package/dist/index.esm.js CHANGED
@@ -1898,7 +1898,7 @@ function getTextColor(_a) {
1898
1898
  }
1899
1899
 
1900
1900
  var MAXIMIZED_LABEL_FONT_SIZE = 15;
1901
- var MINIMIZED_LABEL_FONT_SIZE = 13;
1901
+ var MINIMIZED_LABEL_FONT_SIZE = 12;
1902
1902
  var LABEL_WIGGLE_X_OFFSET = 4;
1903
1903
  var ADORNMENT_SIZE = 24;
1904
1904
  var MIN_WIDTH = 100;
@@ -4785,7 +4785,7 @@ var Text = function (props) {
4785
4785
  color: colors.textDefault,
4786
4786
  fontFamily: "Inter-Regular",
4787
4787
  fontSize: 15,
4788
- lineHeight: 20,
4788
+ lineHeight: 24,
4789
4789
  };
4790
4790
  var _a = props.size, size = _a === void 0 ? 15 : _a, lineHeight = props.lineHeight, center = props.center, color = props.color, bold = props.bold, medium = props.medium, semibold = props.semibold;
4791
4791
  style.color = theme.colors.textDefault || "black";
@@ -7157,7 +7157,7 @@ var styles$2 = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
7157
7157
  var index$1 = React__default.memo(SelectionField);
7158
7158
 
7159
7159
  var SearchInput = function (_a) {
7160
- 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, _f = _a.debounceTime, debounceTime = _f === void 0 ? 500 : _f, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g;
7160
+ 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, _f = _a.debounceTime, debounceTime = _f === void 0 ? 500 : _f, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, textStyle = _a.textStyle;
7161
7161
  var theme = useInternalTheme();
7162
7162
  var colors = theme.colors;
7163
7163
  var debouncedOnChangeText = useDebouncedCallback(function (text) {
@@ -7168,12 +7168,14 @@ var SearchInput = function (_a) {
7168
7168
  {
7169
7169
  height: height || 36,
7170
7170
  },
7171
+ textStyle,
7171
7172
  style,
7172
7173
  ], contentStyle: [
7173
7174
  {
7174
7175
  backgroundColor: colors.surfaceSecondaryDefault,
7175
7176
  paddingTop: 0,
7176
7177
  },
7178
+ textStyle,
7177
7179
  style,
7178
7180
  ] }));
7179
7181
  };