sapo-components-ui-rn 1.1.9 → 1.1.10
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.
- package/dist/.DS_Store +0 -0
- package/dist/components/Text/index.d.ts +2 -1
- package/dist/index.esm.js +10 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +10 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/index.tsx +0 -1
- package/src/components/SearchInput/index.tsx +1 -0
- package/src/components/Text/index.tsx +18 -2
- package/src/components/TextInput/TextInputDefault.tsx +1 -1
package/dist/.DS_Store
ADDED
|
Binary file
|
|
@@ -8,7 +8,8 @@ export interface IText extends TextProps {
|
|
|
8
8
|
center?: boolean;
|
|
9
9
|
bold?: boolean;
|
|
10
10
|
medium?: boolean;
|
|
11
|
-
|
|
11
|
+
semibold?: boolean;
|
|
12
|
+
children?: React.ReactNode;
|
|
12
13
|
theme?: ThemeProp;
|
|
13
14
|
}
|
|
14
15
|
declare const _default: React.MemoExoticComponent<React.ComponentType<IText>>;
|
package/dist/index.esm.js
CHANGED
|
@@ -4776,7 +4776,7 @@ var Text = function (props) {
|
|
|
4776
4776
|
fontSize: 14,
|
|
4777
4777
|
lineHeight: 20,
|
|
4778
4778
|
};
|
|
4779
|
-
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;
|
|
4779
|
+
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, semibold = props.semibold;
|
|
4780
4780
|
style.color = theme.colors.textDefault || "black";
|
|
4781
4781
|
if (size) {
|
|
4782
4782
|
style.fontSize = size;
|
|
@@ -4797,6 +4797,12 @@ var Text = function (props) {
|
|
|
4797
4797
|
}
|
|
4798
4798
|
}
|
|
4799
4799
|
if (medium) {
|
|
4800
|
+
style.fontFamily = "Inter-Medium";
|
|
4801
|
+
if (Platform.OS === "ios") {
|
|
4802
|
+
style.fontWeight = "500";
|
|
4803
|
+
}
|
|
4804
|
+
}
|
|
4805
|
+
if (semibold) {
|
|
4800
4806
|
style.fontFamily = "Inter-SemiBold";
|
|
4801
4807
|
if (Platform.OS === "ios") {
|
|
4802
4808
|
style.fontWeight = "600";
|
|
@@ -5481,7 +5487,7 @@ var TextInputDefault = function (_a) {
|
|
|
5481
5487
|
if (height && typeof height !== "number") {
|
|
5482
5488
|
console.warn("Currently we support only numbers in height prop");
|
|
5483
5489
|
}
|
|
5484
|
-
var placeholderTextColorBasedOnState = placeholderTextColor || colors.
|
|
5490
|
+
var placeholderTextColorBasedOnState = placeholderTextColor || colors.textPlaceholder;
|
|
5485
5491
|
var getBorderColor = function () {
|
|
5486
5492
|
if (disabled) {
|
|
5487
5493
|
return theme.colors.surfacePrimaryDisabled;
|
|
@@ -6378,7 +6384,7 @@ var Button = function (_a) {
|
|
|
6378
6384
|
? CONSTANTS.SPACE_4
|
|
6379
6385
|
: CONSTANTS.SPACE_8 })),
|
|
6380
6386
|
React__default.createElement(View, { center: true },
|
|
6381
|
-
React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || renderTextColor(), size: size,
|
|
6387
|
+
React__default.createElement(Text$1, __assign({ numberOfLines: 1, color: textColor || renderTextColor(), size: size, medium: medium, style: [disabled && disabledTextStyle, textStyle] }, textProps), title)),
|
|
6382
6388
|
right && (React__default.createElement(Spacer, { width: buttonSize === "small"
|
|
6383
6389
|
? CONSTANTS.SPACE_4
|
|
6384
6390
|
: CONSTANTS.SPACE_8 })),
|
|
@@ -7247,7 +7253,7 @@ var SearchInput = function (_a) {
|
|
|
7247
7253
|
onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
|
|
7248
7254
|
}, debounceTime);
|
|
7249
7255
|
return (React__default.createElement(TextInput, { left: React__default.createElement(View, null,
|
|
7250
|
-
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: debouncedOnChangeText, style: [
|
|
7256
|
+
React__default.createElement(Icon$1, { name: "IconSearch", type: "Svg", size: 18 })), disabled: disabled, value: value, clearButton: clearButton, mode: "default", label: placeholder, placeholder: placeholder, placeholderTextColor: colors.textPlaceholder, right: rightIcon, onFocus: onFocus, onBlur: onBlur, allowFontScaling: false, onChangeText: debouncedOnChangeText, style: [
|
|
7251
7257
|
{
|
|
7252
7258
|
height: height || 36,
|
|
7253
7259
|
},
|