sapo-components-ui-rn 1.0.37 → 1.0.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sapo-components-ui-rn",
-  "version": "1.0.37",
+  "version": "1.0.39",
   "description": "React Native UI Components Library",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/components/SearchInput/index.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { StyleProp, ViewStyle, StyleSheet, TextStyle } from "react-native";
 import View from "../View";
-import containerStyles from "../../theme/container-styles";
 import Icon from "../Icon";
 import TextInput from "../TextInput/TextInput";
 import { useInternalTheme } from "../../core/theming";
@@ -32,6 +31,7 @@ const SearchInput = ({
   onChangeText,
   style,
   height,
+  textStyle,
 }: SearchInputProps) => {
   const theme = useInternalTheme();
   const { colors } = theme;
@@ -53,6 +53,7 @@ const SearchInput = ({
       onBlur={onBlur}
       allowFontScaling={false}
       onChangeText={onChangeText}
+      textStyle={textStyle}
       style={[
         {
           height: height || 40,
@@ -69,8 +70,4 @@ const SearchInput = ({
   );
 };
 
-const styles = StyleSheet.create({
-  ...containerStyles,
-});
-
 export default SearchInput;

package/src/components/Tag/index.tsx

@@ -6,6 +6,7 @@ import Text from "../Text";
 import { useInternalTheme } from "../../core/theming";
 import containerStyles from "../../theme/container-styles";
 import SvgIcon from "../IconSvg";
+import Icon from "../Icon";
 
 interface TagProps {
   style?: StyleProp<ViewStyle>;
@@ -60,7 +61,7 @@ const Tag = ({
         paddingHorizontal={CONSTANTS.SPACE_12}
         paddingVertical={CONSTANTS.SPACE_8}
         borderRadius={borderRadius}
-        alignCenter
+        center
         style={[
           disabled && {
             backgroundColor: colors.surfaceSecondaryDefault,
@@ -98,7 +99,12 @@ const Tag = ({
           <View />
         ) : (
           <View paddingLeft={CONSTANTS.SPACE_4}>
-            <SvgIcon name="IconClose" />
+            <Icon
+              name={"IconClose"}
+              type="Svg"
+              size={20}
+              color={colors.iconBrandDefault}
+            />
           </View>
         )}
       </View>

package/src/components/TextInput/TextInput.tsx

@@ -166,6 +166,7 @@ export type Props = React.ComponentPropsWithRef<typeof NativeTextInput> & {
   underlineStyle?: StyleProp<ViewStyle>;
   minHeight?: number;
   clearButton?: boolean;
+  textStyle?: StyleProp<TextStyle>;
 };
 
 interface CompoundedComponent
@@ -221,6 +222,7 @@ const TextInput = forwardRef<TextInputHandles, Props>(
       theme: themeOverrides,
       placeholderTextColor,
       clearButton,
+      textStyle,
       ...rest
     }: Props,
     ref
@@ -510,7 +512,7 @@ const TextInput = forwardRef<TextInputHandles, Props>(
           onLeftAffixLayoutChange={onLeftAffixLayoutChange}
           onRightAffixLayoutChange={onRightAffixLayoutChange}
           maxFontSizeMultiplier={maxFontSizeMultiplier}
-          contentStyle={contentStyle}
+          contentStyle={[contentStyle, textStyle]}
           scaledLabel={scaledLabel}
         />
       );