sapo-components-ui-rn 1.1.70 → 1.1.72

package/dist/components/Switch/Switch.d.ts

@@ -8,10 +8,11 @@ export type Props = {
      * Value of the switch, true means 'on', false means 'off'.
      */
     value?: boolean;
+    size?: "small" | "normal";
     /**
      * Callback called with the new value when it changes.
      */
     onValueChange?: (value: boolean) => void;
 };
-declare const Switch: React.MemoExoticComponent<({ value, disabled, onValueChange }: Props) => React.JSX.Element>;
+declare const Switch: React.MemoExoticComponent<({ value, disabled, onValueChange, size }: Props) => React.JSX.Element>;
 export default Switch;

package/dist/index.esm.js

@@ -1594,7 +1594,7 @@ var ViewCustom = forwardRef$1(function (_a, ref) {
 var View = React__default.memo(ViewCustom);
 
 var Switch = memo(function (_a) {
-    var value = _a.value, disabled = _a.disabled, onValueChange = _a.onValueChange;
+    var value = _a.value, disabled = _a.disabled, onValueChange = _a.onValueChange, _b = _a.size, size = _b === void 0 ? "normal" : _b;
     var theme = useInternalTheme();
     var colors = theme.colors;
     var progress = useSharedValue(value ? 1 : 0);
@@ -1634,26 +1634,42 @@ var Switch = memo(function (_a) {
             }));
         }
     }, [value]);
+    var getSizeSwitch = useCallback(function () {
+        switch (size) {
+            case "small":
+                return {
+                    width: 48,
+                    height: 28,
+                };
+            default:
+                return {
+                    width: 52,
+                    height: 32,
+                };
+        }
+    }, [size]);
+    var getSizeCircle = useCallback(function () {
+        switch (size) {
+            case "small":
+                return {
+                    width: 24,
+                    height: 24,
+                    borderRadius: 12,
+                    backgroundColor: colors.surfacePrimaryDefault,
+                };
+            default:
+                return {
+                    width: 28,
+                    height: 28,
+                    borderRadius: 14,
+                    backgroundColor: colors.surfacePrimaryDefault,
+                };
+        }
+    }, [size, colors]);
     return (React$3.createElement(View, { row: true },
         React$3.createElement(TouchableOpacity, { activeOpacity: 1, onPress: handleSwitch, disabled: disabled, style: disabled ? { opacity: 0.6 } : {} },
-            React$3.createElement(Animated.View, { style: [
-                    styles$j.vSegment,
-                    backgroundColor,
-                    {
-                        width: 52,
-                        height: 32,
-                    },
-                ] },
-                React$3.createElement(Animated.View, { style: [
-                        styles$j.animated,
-                        animatedStyle,
-                        {
-                            width: 28,
-                            height: 28,
-                            borderRadius: 14,
-                            backgroundColor: colors.surfacePrimaryDefault,
-                        },
-                    ] })))));
+            React$3.createElement(Animated.View, { style: [styles$j.vSegment, backgroundColor, getSizeSwitch()] },
+                React$3.createElement(Animated.View, { style: [styles$j.animated, animatedStyle, getSizeCircle()] })))));
 });
 var styles$j = StyleSheet.create({
     vSegment: {
@@ -5799,7 +5815,7 @@ var TextInputNumber = function (_a) {
                         borderRadius: BORDER_RADIUS_6,
                     },
                     {
-                        height: height ? height : 56,
+                        height: height ? height : 48,
                     },
                     [
                         styles$c.border,