sapo-components-ui-rn 1.0.50 → 1.0.52

package/dist/components/Button/index.d.ts

@@ -11,7 +11,6 @@ export interface ButtonProps extends TouchableOpacityProps {
     isLoading?: boolean;
     left?: React.ReactNode;
     right?: React.ReactNode;
-    small?: boolean;
     margin?: Number;
     textProps?: IText;
     textColor?: string;
@@ -24,6 +23,7 @@ export interface ButtonProps extends TouchableOpacityProps {
     onPress?: (res?: any) => void;
     full?: boolean;
     theme?: ThemeProp;
+    buttonSize?: "normal" | "small";
 }
-declare const _default: React.MemoExoticComponent<({ style, title, border, borderColor, isLoading, left, right, small, margin, textStyle, textProps, onPress, disabled, backgroundColor, textColor, bold, size, medium, mode, transparent, full, theme: themeOverrides, ...props }: ButtonProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ style, title, border, borderColor, isLoading, left, right, margin, textStyle, textProps, onPress, disabled, backgroundColor, textColor, bold, size, medium, mode, transparent, full, theme: themeOverrides, buttonSize, ...props }: ButtonProps) => React.JSX.Element>;
 export default _default;

package/dist/components/ButtonIcon/index.d.ts

@@ -6,13 +6,13 @@ export interface ButtonIconProps {
     onPress?: (val?: any) => void;
     style?: StyleProp<ViewStyle>;
     children?: React.ReactNode;
-    size?: number;
     hiddenBackground?: boolean;
     props?: object;
     border?: boolean;
     circle?: boolean;
     backgroundColor?: string;
     borderColor?: string;
+    mode?: "normal" | "small";
 }
 declare const _default: React.MemoExoticComponent<React.ComponentType<ButtonIconProps>>;
 export default _default;

package/dist/components/View/index.d.ts

@@ -33,9 +33,15 @@ interface ViewProps {
     wrap?: boolean;
     borderBottomWidth?: number;
     borderBottomColor?: string;
+    borderTopWidth?: number;
+    borderTopColor?: string;
+    borderLeftWidth?: number;
+    borderLeftColor?: string;
+    borderRightWidth?: number;
+    borderRightColor?: string;
     borderRadius?: number;
     borderWidth?: number;
     borderColor?: string;
 }
-declare const _default: React.MemoExoticComponent<({ row, full, justifyCenter, justifyBetween, alignCenter, center, color, backgroundColor, width, height, padding, paddingHorizontal, paddingVertical, marginHorizontal, marginVertical, paddingLeft, paddingRight, paddingTop, alignEnd, wrap, borderBottomWidth, borderBottomColor, borderRadius, borderWidth, borderColor, style, onPress, activeOpacity, children, disabled, paddingBottom, marginTop, marginBottom, marginLeft, marginRight, }: ViewProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ row, full, justifyCenter, justifyBetween, alignCenter, center, color, backgroundColor, width, height, padding, paddingHorizontal, paddingVertical, marginHorizontal, marginVertical, paddingLeft, paddingRight, paddingTop, alignEnd, wrap, borderBottomWidth, borderBottomColor, borderRadius, borderWidth, borderColor, style, onPress, activeOpacity, children, disabled, paddingBottom, marginTop, marginBottom, marginLeft, marginRight, borderTopWidth, borderTopColor, borderLeftWidth, borderLeftColor, borderRightWidth, borderRightColor, }: ViewProps) => React.JSX.Element>;
 export default _default;

package/dist/index.d.ts

@@ -11,7 +11,6 @@ export { default as ProgressBar } from "./components/ProgressBar";
 export { default as Switch } from "./components/Switch/Switch";
 export { default as TextInput } from "./components/TextInput/TextInput";
 export { default as Button } from "./components/Button";
-export { default as ButtonIcon } from "./components/ButtonIcon";
 export { default as FloatingButton } from "./components/FloatingButton";
 export { default as Text } from "./components/Text";
 export { default as Toast } from "./components/Toast";

package/dist/index.esm.js

@@ -560,9 +560,10 @@ var CONSTANTS = {
     DEVICE_WIDTH: Dimensions.get("window").width,
     HEADER_HEIGHT: 50,
     BUTTON_HEIGHT: 48,
-    BUTTON_HEIGHT_SMALL: 40,
+    BUTTON_HEIGHT_SMALL: 36,
     RADIO_BUTTON_HEIGHT: 20,
     BUTTON_ICON: 36,
+    BUTTON_ICON_SMALL: 36,
     SPACE_0: 0,
     SPACE_2: 2,
     SPACE_4: 4,
@@ -1707,7 +1708,7 @@ var ActivityIndicator = function (_a) {
         height: size / 2,
         overflow: "hidden",
     };
-    return (React$3.createElement(View$1, __assign({ style: [styles$i.container, style] }, rest, { accessible: true, accessibilityRole: "progressbar", accessibilityState: { busy: animating } }),
+    return (React$3.createElement(View$1, __assign({ style: [styles$h.container, style] }, rest, { accessible: true, accessibilityRole: "progressbar", accessibilityState: { busy: animating } }),
         React$3.createElement(Animated.View, { style: [{ width: size, height: size, opacity: fade }], collapsable: false }, [0, 1].map(function (index) {
             // Thanks to https://github.com/n4kz/react-native-indicators for the great work
             var inputRange = Array.from(new Array(frames), function (_, frameIndex) { return frameIndex / (frames - 1); });
@@ -1752,7 +1753,7 @@ var ActivityIndicator = function (_a) {
                 borderWidth: size / 10,
                 borderRadius: size / 2,
             };
-            return (React$3.createElement(Animated.View, { key: index, style: [styles$i.layer] },
+            return (React$3.createElement(Animated.View, { key: index, style: [styles$h.layer] },
                 React$3.createElement(Animated.View, { style: layerStyle },
                     React$3.createElement(Animated.View, { style: [containerStyle, offsetStyle], collapsable: false },
                         React$3.createElement(Animated.View, { style: viewportStyle },
@@ -1760,7 +1761,7 @@ var ActivityIndicator = function (_a) {
                                 React$3.createElement(Animated.View, { style: lineStyle })))))));
         }))));
 };
-var styles$i = StyleSheet.create({
+var styles$h = StyleSheet.create({
     container: {
         justifyContent: "center",
         alignItems: "center",
@@ -1868,11 +1869,11 @@ var ProgressBar = function (_a) {
             ? {}
             : { min: 0, max: 100, now: Math.round(progress * 100) }, testID: testID }),
         React$3.createElement(Animated.View, { style: [
-                styles$h.container,
+                styles$g.container,
                 { backgroundColor: trackTintColor, opacity: fade },
                 style,
             ] }, width ? (React$3.createElement(Animated.View, { testID: "".concat(testID, "-fill"), style: [
-                styles$h.progressBar,
+                styles$g.progressBar,
                 {
                     width: width,
                     backgroundColor: tintColor,
@@ -1916,7 +1917,7 @@ var ProgressBar = function (_a) {
                 fillStyle,
             ] })) : null)));
 };
-var styles$h = StyleSheet.create({
+var styles$g = StyleSheet.create({
     container: {
         height: 4,
         overflow: "hidden",
@@ -1928,7 +1929,7 @@ var styles$h = StyleSheet.create({
 });
 
 var ViewCustom = function (_a) {
-    var row = _a.row, full = _a.full, justifyCenter = _a.justifyCenter, justifyBetween = _a.justifyBetween, alignCenter = _a.alignCenter, center = _a.center, color = _a.color, backgroundColor = _a.backgroundColor, width = _a.width, height = _a.height, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, marginHorizontal = _a.marginHorizontal, marginVertical = _a.marginVertical, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, alignEnd = _a.alignEnd, wrap = _a.wrap, borderBottomWidth = _a.borderBottomWidth, borderBottomColor = _a.borderBottomColor, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, borderColor = _a.borderColor, style = _a.style, onPress = _a.onPress, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.8 : _b, children = _a.children, disabled = _a.disabled, paddingBottom = _a.paddingBottom, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight;
+    var row = _a.row, full = _a.full, justifyCenter = _a.justifyCenter, justifyBetween = _a.justifyBetween, alignCenter = _a.alignCenter, center = _a.center, color = _a.color, backgroundColor = _a.backgroundColor, width = _a.width, height = _a.height, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, marginHorizontal = _a.marginHorizontal, marginVertical = _a.marginVertical, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, alignEnd = _a.alignEnd, wrap = _a.wrap, borderBottomWidth = _a.borderBottomWidth, borderBottomColor = _a.borderBottomColor, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, borderColor = _a.borderColor, style = _a.style, onPress = _a.onPress, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.8 : _b, children = _a.children, disabled = _a.disabled, paddingBottom = _a.paddingBottom, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, borderTopWidth = _a.borderTopWidth, borderTopColor = _a.borderTopColor, borderLeftWidth = _a.borderLeftWidth, borderLeftColor = _a.borderLeftColor, borderRightWidth = _a.borderRightWidth, borderRightColor = _a.borderRightColor;
     var getStyle = function () {
         var styleCustom = {};
         if (row) {
@@ -2013,6 +2014,24 @@ var ViewCustom = function (_a) {
         if (borderBottomColor) {
             styleCustom.borderBottomColor = borderBottomColor;
         }
+        if (borderTopWidth) {
+            styleCustom.borderTopWidth = borderTopWidth;
+        }
+        if (borderTopColor) {
+            styleCustom.borderTopColor = borderTopColor;
+        }
+        if (borderLeftWidth) {
+            styleCustom.borderLeftWidth = borderLeftWidth;
+        }
+        if (borderLeftColor) {
+            styleCustom.borderLeftColor = borderLeftColor;
+        }
+        if (borderRightWidth) {
+            styleCustom.borderRightWidth = borderRightWidth;
+        }
+        if (borderRightColor) {
+            styleCustom.borderRightColor = borderRightColor;
+        }
         if (borderRadius) {
             styleCustom.borderRadius = borderRadius;
         }
@@ -2491,7 +2510,7 @@ var TextInputAffix = function (_a) {
     var textColor = getTextColor({ theme: theme, disabled: disabled });
     var content = (React__default.createElement(Text$2, { maxFontSizeMultiplier: maxFontSizeMultiplier, style: [{ color: textColor }, textStyle, labelStyle], onLayout: onTextLayout, testID: "".concat(testID, "-text") }, text));
     return (React__default.createElement(Animated.View, { style: [
-            styles$g.container,
+            styles$f.container,
             style,
             {
                 opacity: (visible === null || visible === void 0 ? void 0 : visible.interpolate({
@@ -2502,7 +2521,7 @@ var TextInputAffix = function (_a) {
         ], onLayout: onLayout, testID: testID }, onPress ? (React__default.createElement(Pressable, { onPress: onPress, accessibilityRole: "button", accessibilityLabel: accessibilityLabel }, content)) : (content)));
 };
 TextInputAffix.displayName = "TextInput.Affix";
-var styles$g = StyleSheet.create({
+var styles$f = StyleSheet.create({
     container: {
         position: "absolute",
         justifyContent: "center",
@@ -2560,13 +2579,13 @@ var AnimatedText = forwardRef(function AnimatedText(_a, ref) {
         }
         return (React$3.createElement(Animated.Text, __assign({ ref: ref }, rest, { style: [
                 font,
-                styles$f.text,
+                styles$e.text,
                 { writingDirection: writingDirection, color: theme.colors.backgroundPrimary },
                 style,
             ] })));
     }
 });
-var styles$f = StyleSheet.create({
+var styles$e = StyleSheet.create({
     text: {
         textAlign: "left",
     },
@@ -2637,7 +2656,7 @@ var InputLabel = function (props) {
     return (
     // Position colored placeholder and gray placeholder on top of each other and crossfade them
     // This gives the effect of animating the color, but allows us to use native driver
-    React__default.createElement(View$1, { pointerEvents: "none", style: [StyleSheet.absoluteFill, styles$e.overflow, styles$e.labelContainer] },
+    React__default.createElement(View$1, { pointerEvents: "none", style: [StyleSheet.absoluteFill, styles$d.overflow, styles$d.labelContainer] },
         React__default.createElement(Animated.View, { pointerEvents: "none", style: [
                 StyleSheet.absoluteFill,
                 Platform.OS !== "web" && { width: width },
@@ -2675,7 +2694,7 @@ var InputLabel = function (props) {
                         },
                     ], numberOfLines: 1, maxFontSizeMultiplier: maxFontSizeMultiplier, testID: "".concat(testID, "-label-inactive") }, label)))));
 };
-var styles$e = StyleSheet.create({
+var styles$d = StyleSheet.create({
     overflow: {
         overflow: "hidden",
     },
@@ -2688,8 +2707,8 @@ var InputLabel$1 = React__default.memo(InputLabel);
 var Outline = function (_a) {
     var label = _a.label; _a.activeColor; _a.backgroundColor; _a.hasActiveOutline; _a.focused; _a.outlineColor; _a.roundness; var style = _a.style;
     return (React$3.createElement(View$1, { testID: "text-input-outline", pointerEvents: "none", style: [
-            styles$d.outline,
-            !label && styles$d.noLabelOutline,
+            styles$c.outline,
+            !label && styles$c.noLabelOutline,
             // eslint-disable-next-line react-native/no-inline-styles
             {
             // backgroundColor,
@@ -2700,7 +2719,7 @@ var Outline = function (_a) {
             style,
         ] }));
 };
-var styles$d = StyleSheet.create({
+var styles$c = StyleSheet.create({
     outline: {
         position: "absolute",
         left: 0,
@@ -2938,7 +2957,7 @@ var TextInputFlat = function (_a) {
         label: label,
         scale: fontScale,
         isAndroid: isAndroid,
-        styles: StyleSheet.flatten(dense ? styles$c.inputFlatDense : styles$c.inputFlat),
+        styles: StyleSheet.flatten(dense ? styles$b.inputFlatDense : styles$b.inputFlat),
     };
     var pad = calculatePadding(paddingSettings);
     adjustPaddingFlat(__assign(__assign({}, paddingSettings), { pad: pad }));
@@ -2964,7 +2983,7 @@ var TextInputFlat = function (_a) {
         onLabelTextLayout: onLabelTextLayout,
         placeholderOpacity: placeholderOpacity,
         labelError: error,
-        placeholderStyle: styles$c.placeholder,
+        placeholderStyle: styles$b.placeholder,
         baseLabelTranslateY: baseLabelTranslateY,
         baseLabelTranslateX: baseLabelTranslateX,
         font: font,
@@ -3027,7 +3046,7 @@ var TextInputFlat = function (_a) {
             left ? React$3.createElement(Spacer, { width: SPACE_8 }) : React$3.createElement(Spacer, { width: SPACE_12 })),
         React$3.createElement(Outline, { style: outlineStyle, label: label, roundness: roundness, hasActiveOutline: hasActiveOutline, focused: parentState.focused, activeColor: activeColor, outlineColor: outlineColor, backgroundColor: backgroundColor }),
         React$3.createElement(View$1, { onLayout: onInputLayout, style: [
-                styles$c.labelContainer,
+                styles$b.labelContainer,
                 {
                     minHeight: minHeight,
                     flex: 1,
@@ -3035,7 +3054,7 @@ var TextInputFlat = function (_a) {
             ] },
             label ? (React$3.createElement(InputLabel$1, __assign({ labeled: parentState.labeled, error: parentState.error, focused: parentState.focused, scaledLabel: scaledLabel, wiggle: Boolean(parentState.value && labelProps.labelError), labelLayoutMeasured: parentState.labelLayout.measured, labelLayoutWidth: parentState.labelLayout.width, labelLayoutHeight: parentState.labelLayout.height }, labelProps))) : null, render === null || render === void 0 ? void 0 :
             render(__assign(__assign({}, rest), { ref: innerRef, onChangeText: handleChangeText, value: inputValue, placeholder: rest.placeholder, editable: !disabled && editable, selectionColor: selectionColor, cursorColor: typeof cursorColor === "undefined" ? activeColor : cursorColor, placeholderTextColor: placeholderTextColorBasedOnState, onFocus: onFocus, onBlur: onBlur, underlineColorAndroid: "transparent", multiline: multiline, style: [
-                    styles$c.input,
+                    styles$b.input,
                     __assign(__assign({ paddingLeft: paddingLeft, paddingRight: paddingRight, paddingTop: parentState.focused || parentState.value ? SPACE_12 : 0 }, font), { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight, color: inputTextColor, textAlignVertical: multiline ? "top" : "center", textAlign: textAlign
                             ? textAlign
                             : I18nManager.getConstants().isRTL
@@ -3043,13 +3062,13 @@ var TextInputFlat = function (_a) {
                                 : "left", marginTop: Platform.OS === "android" ? SPACE_8 : 0 }),
                     contentStyle,
                 ] }))),
-        !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: styles$c.clearButton },
+        !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: styles$b.clearButton },
             React$3.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24 }))) : (React$3.createElement(Spacer, { width: SPACE_12 })),
         React$3.createElement(View$1, { style: { flexDirection: "row" } },
             right && React$3.createElement(Spacer, { width: SPACE_8 }),
             right && React$3.createElement(View$1, { style: { paddingRight: SPACE_12 } }, right))));
 };
-var styles$c = StyleSheet.create({
+var styles$b = StyleSheet.create({
     placeholder: {
         position: "absolute",
         left: 0,
@@ -5691,7 +5710,7 @@ var TextInputDefault = function (_a) {
                             ? rest.placeholder
                             : label
                         : rest.placeholder, editable: !disabled && editable, selectionColor: selectionColor, cursorColor: typeof cursorColor === "undefined" ? activeColor : cursorColor, placeholderTextColor: placeholderTextColorBasedOnState, onFocus: onFocus, onBlur: onBlur, underlineColorAndroid: "transparent", multiline: multiline, style: [
-                        styles$b.input,
+                        styles$a.input,
                         __assign(__assign({}, font), { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight, color: inputTextColor, textAlignVertical: multiline ? "top" : "center", textAlign: textAlign
                                 ? textAlign
                                 : I18nManager.getConstants().isRTL
@@ -5699,12 +5718,12 @@ var TextInputDefault = function (_a) {
                                     : "left", height: height ? height : 44, paddingTop: getPaddingTopValue(), paddingBottom: multiline ? CONSTANTS.SPACE_4 : 0 }),
                         contentStyle,
                     ] }))),
-            !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: multiline ? styles$b.clearButtonMultiline : styles$b.clearButton },
+            !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: multiline ? styles$a.clearButtonMultiline : styles$a.clearButton },
                 React$3.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24 }))) : (React$3.createElement(Spacer, { width: CONSTANTS.SPACE_12 })),
             right && React$3.createElement(Spacer, { width: CONSTANTS.SPACE_8 }),
             right && (React$3.createElement(View, { center: true, paddingRight: CONSTANTS.SPACE_12 }, right)))));
 };
-var styles$b = StyleSheet.create({
+var styles$a = StyleSheet.create({
     input: {
         margin: 0,
         flex: 1,
@@ -5984,7 +6003,7 @@ var ScaleButton = function (_a) {
 var ScaleButton$1 = React__default.memo(ScaleButton);
 
 var Button = function (_a) {
-    var style = _a.style, title = _a.title; _a.border; var borderColor = _a.borderColor, isLoading = _a.isLoading, left = _a.left, right = _a.right, small = _a.small; _a.margin; var textStyle = _a.textStyle, textProps = _a.textProps, onPress = _a.onPress, disabled = _a.disabled, backgroundColor = _a.backgroundColor, textColor = _a.textColor, _b = _a.bold, bold = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 16 : _c, _d = _a.medium, medium = _d === void 0 ? false : _d, _e = _a.mode, mode = _e === void 0 ? "contained" : _e; _a.transparent; var _g = _a.full, full = _g === void 0 ? false : _g; _a.theme; var props = __rest(_a, ["style", "title", "border", "borderColor", "isLoading", "left", "right", "small", "margin", "textStyle", "textProps", "onPress", "disabled", "backgroundColor", "textColor", "bold", "size", "medium", "mode", "transparent", "full", "theme"]);
+    var style = _a.style, title = _a.title; _a.border; var borderColor = _a.borderColor, isLoading = _a.isLoading, left = _a.left, right = _a.right; _a.margin; var textStyle = _a.textStyle, textProps = _a.textProps, onPress = _a.onPress, disabled = _a.disabled, backgroundColor = _a.backgroundColor, textColor = _a.textColor, _b = _a.bold, bold = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 16 : _c, _d = _a.medium, medium = _d === void 0 ? false : _d, _e = _a.mode, mode = _e === void 0 ? "contained" : _e; _a.transparent; var _g = _a.full, full = _g === void 0 ? false : _g; _a.theme; var _h = _a.buttonSize, buttonSize = _h === void 0 ? "normal" : _h, props = __rest(_a, ["style", "title", "border", "borderColor", "isLoading", "left", "right", "margin", "textStyle", "textProps", "onPress", "disabled", "backgroundColor", "textColor", "bold", "size", "medium", "mode", "transparent", "full", "theme", "buttonSize"]);
     var theme = useInternalTheme();
     var colors = theme.colors;
     var disabledTextStyle = {
@@ -5993,7 +6012,7 @@ var Button = function (_a) {
     var renderButtonStyle = function () {
         switch (mode) {
             case "outlined":
-                return [styles$a.border, { borderColor: colors.borderBrandDefault }];
+                return [styles$9.border, { borderColor: colors.borderBrandDefault }];
             case "contained":
                 return [{ backgroundColor: colors.surfaceBrandDefault }];
             case "transparent":
@@ -6016,7 +6035,7 @@ var Button = function (_a) {
     return (React__default.createElement(View, { row: !full },
         React__default.createElement(ScaleButton$1, __assign({ activeOpacity: 0.8, onPress: onPress }, props, { disabled: disabled || false }),
             React__default.createElement(View, { style: [
-                    styles$a.button,
+                    styles$9.button,
                     {
                         borderRadius: CONSTANTS.BORDER_RADIUS_6,
                     },
@@ -6026,9 +6045,9 @@ var Button = function (_a) {
                     borderColor && { borderColor: borderColor },
                     backgroundColor && { backgroundColor: backgroundColor },
                     renderButtonStyle(),
-                    small && styles$a.small,
+                    buttonSize === "small" && styles$9.small,
                     disabled && [
-                        styles$a.disabled,
+                        styles$9.disabled,
                         {
                             borderColor: colors.borderPrimaryDisabled,
                             backgroundColor: colors.surfacePrimaryDisabled,
@@ -6045,7 +6064,7 @@ var Button = function (_a) {
                 !isLoading && right,
                 React__default.createElement(Spacer, { width: right ? CONSTANTS.SPACE_12 : CONSTANTS.SPACE_16 })))));
 };
-var styles$a = StyleSheet.create({
+var styles$9 = StyleSheet.create({
     disabled: { opacity: 0.6 },
     button: {
         height: CONSTANTS.BUTTON_HEIGHT,
@@ -6062,48 +6081,7 @@ var styles$a = StyleSheet.create({
         height: CONSTANTS.BUTTON_HEIGHT_SMALL,
     },
 });
-var index$3 = React__default.memo(Button);
-
-var ButtonIcon = function (_a) {
-    var isLoading = _a.isLoading, disabled = _a.disabled, onPress = _a.onPress, style = _a.style, _b = _a.hiddenBackground, hiddenBackground = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? CONSTANTS.BUTTON_HEIGHT : _c, border = _a.border, children = _a.children, circle = _a.circle, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, props = _a.props;
-    var colors = useInternalTheme().colors;
-    return (React__default.createElement(ScaleButton$1, __assign({ activeOpacity: 0.8, onPress: onPress }, props, { disabled: disabled || false }),
-        React__default.createElement(View, __assign({ style: [
-                styles$9.btn,
-                !hiddenBackground
-                    ? {
-                        backgroundColor: backgroundColor || colors.surfaceBrandDefault,
-                    }
-                    : {
-                        backgroundColor: "transparent",
-                    },
-                {
-                    width: size,
-                    height: size,
-                },
-                border && {
-                    borderWidth: CONSTANTS.BORDER_WIDTH_1,
-                    borderColor: borderColor || colors.borderBrandDefault,
-                    backgroundColor: backgroundColor || colors.surfacePrimaryDefault,
-                },
-                circle && {
-                    borderRadius: size / 2,
-                },
-                disabled && {
-                    borderWidth: 0,
-                    backgroundColor: colors.surfaceBrandDisabled,
-                },
-                style,
-            ] }, props), isLoading ? React__default.createElement(ActivityIndicator$1, { size: "small" }) : children)));
-};
-var styles$9 = StyleSheet.create({
-    btn: {
-        justifyContent: "center",
-        alignItems: "center",
-        borderRadius: CONSTANTS.BORDER_RADIUS_6,
-    },
-});
-var index$2 = memoDeepEqual(ButtonIcon);
+var index$2 = React__default.memo(Button);
 
 var FloatingButton = function (_a) {
     var isLoading = _a.isLoading, disabled = _a.disabled, onPress = _a.onPress, style = _a.style, _b = _a.hiddenBackground, hiddenBackground = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? BUTTON_HEIGHT : _c, children = _a.children, backgroundColor = _a.backgroundColor, props = _a.props, _d = _a.top, top = _d === void 0 ? 0 : _d, _e = _a.right, right = _e === void 0 ? 0 : _e, _f = _a.left, left = _f === void 0 ? 0 : _f, _g = _a.bottom, bottom = _g === void 0 ? 0 : _g;
@@ -6876,7 +6854,7 @@ var SearchInput = function (_a) {
     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, textStyle: textStyle, style: [
             {
-                height: height || 40,
+                height: height || 36,
             },
             style,
         ], contentStyle: [
@@ -6977,5 +6955,5 @@ var ToastProvider = forwardRef$1(function (_a, ref) {
         renderToast()));
 });
 
-export { ActivityIndicator, Avatar, Badge, index$3 as Button, index$2 as ButtonIcon, CONSTANTS, Checkbox, ChipBar, CountingDot, DarkTheme, DefaultTheme, index$1 as FloatingButton, Image$1 as Image, LightTheme, ProgressBar, RadioButton, SearchInput, index as SelectionField, Spacer, Switch, Tag, Text$1 as Text, TextInput, ThemeColors, ThemeProvider, Toast, ToastProvider, View, adaptNavigationTheme, configureFonts, overlay, shadow, showToast, toastRef, useTheme };
+export { ActivityIndicator, Avatar, Badge, index$2 as Button, CONSTANTS, Checkbox, ChipBar, CountingDot, DarkTheme, DefaultTheme, index$1 as FloatingButton, Image$1 as Image, LightTheme, ProgressBar, RadioButton, SearchInput, index as SelectionField, Spacer, Switch, Tag, Text$1 as Text, TextInput, ThemeColors, ThemeProvider, Toast, ToastProvider, View, adaptNavigationTheme, configureFonts, overlay, shadow, showToast, toastRef, useTheme };
 //# sourceMappingURL=index.esm.js.map