@pagopa/io-app-design-system 4.2.1 → 4.4.0

package/lib/module/components/listitems/ListItemNav.js

@@ -1,20 +1,16 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useCallback } from "react";
-import { Image, Pressable, StyleSheet, View } from "react-native";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
+import React from "react";
+import { Image, Pressable, View } from "react-native";
+import Animated from "react-native-reanimated";
+import { IOListItemStyles, IOListItemVisualParams, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { useListItemAnimation } from "../../hooks";
+import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { Avatar } from "../avatar";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
 import { HSpacer, VSpacer } from "../spacer";
-import { Caption, H6, BodySmall } from "../typography";
-const styles = StyleSheet.create({
-  paymentLogoSize: {
-    width: IOSelectionListItemVisualParams.iconSize,
-    height: IOSelectionListItemVisualParams.iconSize
-  }
-});
+import { BodySmall, Caption, H6 } from "../typography";
 export const ListItemNav = ({
   value,
   description,
@@ -31,17 +27,18 @@ export const ListItemNav = ({
   loading,
   numberOfLines
 }) => {
-  var _IOScaleValues$basicB;
-  const isPressed = useSharedValue(0);
   const {
-    isExperimental
-  } = useIOExperimentalDesign();
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = useListItemAnimation();
   const theme = useIOTheme();
-  const withMargin = GraphicalAsset => /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginRight: IOListItemVisualParams.iconMargin
-    }
-  }, GraphicalAsset);
+  const {
+    dynamicFontScale,
+    spacingScaleMultiplier,
+    hugeFontEnabled
+  } = useIOFontDynamicScale();
   const listItemNavContent = /*#__PURE__*/React.createElement(React.Fragment, null, topElement && /*#__PURE__*/React.createElement(React.Fragment, null, topElement.badgeProps && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: {
       alignSelf: "flex-start"
@@ -54,6 +51,7 @@ export const ListItemNav = ({
       flexDirection: "row"
     }
   }, /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: "calendar",
     size: 16,
     color: "grey-300"
@@ -70,49 +68,17 @@ export const ListItemNav = ({
     weight: "Regular",
     color: theme["textBody-tertiary"]
   }, description) : description));
-  const mapBackgroundStates = {
-    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
-    pressed: IOColors[theme["listItem-pressed"]]
-  };
-  const navIconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = useAnimatedStyle(() => {
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const animatedBackgroundStyle = useAnimatedStyle(() => {
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
-  const handlePressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
+  const interactiveColor = theme["interactiveElem-default"];
   const handleOnPress = event => {
     if (!loading) {
       onPress(event);
     }
   };
-  const primaryColor = isExperimental ? "blueIO-500" : "blue";
   return /*#__PURE__*/React.createElement(Pressable, {
     onPress: handleOnPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
     accessible: true,
     accessibilityState: {
       busy: loading
@@ -122,28 +88,35 @@ export const ListItemNav = ({
     accessibilityRole: "button",
     testID: testID
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOListItemStyles.listItem, animatedBackgroundStyle]
+    style: [IOListItemStyles.listItem, backgroundAnimatedStyle]
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOListItemStyles.listItemInner, animatedScaleStyle]
-  }, icon && withMargin( /*#__PURE__*/React.createElement(Icon, {
+    style: [IOListItemStyles.listItemInner, {
+      columnGap: IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
+    }, scaleAnimatedStyle]
+  }, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: icon,
     color: iconColor,
     size: IOListItemVisualParams.iconSize
-  })), paymentLogoUri && withMargin( /*#__PURE__*/React.createElement(Image, {
+  }), paymentLogoUri && /*#__PURE__*/React.createElement(Image, {
     accessibilityIgnoresInvertColors: true,
     source: {
       uri: paymentLogoUri
     },
-    style: styles.paymentLogoSize
-  })), avatar && withMargin( /*#__PURE__*/React.createElement(Avatar, _extends({
+    style: {
+      width: IOSelectionListItemVisualParams.iconSize * dynamicFontScale,
+      height: IOSelectionListItemVisualParams.iconSize * dynamicFontScale
+    }
+  }), avatar && /*#__PURE__*/React.createElement(Avatar, _extends({
     size: "small"
-  }, avatar))), /*#__PURE__*/React.createElement(View, {
+  }, avatar)), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
   }, listItemNavContent), loading && /*#__PURE__*/React.createElement(LoadingSpinner, {
-    color: primaryColor
+    color: interactiveColor
   }), !loading && !hideChevron && /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: "chevronRightListItem",
-    color: navIconColor,
+    color: interactiveColor,
     size: IOListItemVisualParams.chevronSize
   }))));
 };

package/lib/module/components/listitems/ListItemNav.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Image","Pressable","StyleSheet","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Avatar","Badge","Icon","LoadingSpinner","HSpacer","VSpacer","Caption","H6","BodySmall","styles","create","paymentLogoSize","width","iconSize","height","ListItemNav","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","numberOfLines","_IOScaleValues$basicB","isPressed","isExperimental","theme","withMargin","GraphicalAsset","createElement","style","marginRight","iconMargin","listItemNavContent","Fragment","badgeProps","alignSelf","size","dateValue","flexDirection","name","color","weight","mapBackgroundStates","default","pressed","navIconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","handleOnPress","event","primaryColor","onPressIn","onPressOut","accessible","accessibilityState","busy","accessibilityRole","listItem","listItemInner","accessibilityIgnoresInvertColors","source","uri","_extends","flex","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Image","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOSelectionListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Avatar","Badge","Icon","LoadingSpinner","HSpacer","VSpacer","BodySmall","Caption","H6","ListItemNav","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","numberOfLines","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","theme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","listItemNavContent","createElement","Fragment","badgeProps","style","alignSelf","size","dateValue","flexDirection","allowFontScaling","name","color","weight","interactiveColor","handleOnPress","event","onTouchEnd","accessible","accessibilityState","busy","accessibilityRole","listItem","listItemInner","columnGap","iconMargin","iconSize","accessibilityIgnoresInvertColors","source","uri","width","height","_extends","flex","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemNavAlert.js

@@ -1,9 +1,11 @@
-import React, { useCallback, useMemo } from "react";
+import React from "react";
 import { Pressable, View } from "react-native";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
+import Animated from "react-native-reanimated";
+import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOExperimentalDesign, useIOTheme } from "../../core";
+import { useListItemAnimation } from "../../hooks";
+import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { Icon } from "../icons";
-import { H6, BodySmall } from "../typography";
+import { BodySmall, H6 } from "../typography";
 export const ListItemNavAlert = ({
   value,
   description,
@@ -13,15 +15,23 @@ export const ListItemNavAlert = ({
   accessibilityHint,
   testID
 }) => {
-  var _IOScaleValues$basicB;
-  const isPressed = useSharedValue(0);
+  const theme = useIOTheme();
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = useListItemAnimation();
+  const {
+    dynamicFontScale,
+    spacingScaleMultiplier
+  } = useIOFontDynamicScale();
   const {
     isExperimental
   } = useIOExperimentalDesign();
-  const componentValueToAccessibility = useMemo(() => typeof value === "string" ? value : "", [value]);
-  const componentDescriptionToAccessibility = useMemo(() => typeof description === "string" ? description : "", [description]);
-  const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${componentValueToAccessibility}; ${componentDescriptionToAccessibility}`, [componentDescriptionToAccessibility, componentValueToAccessibility, accessibilityLabel]);
-  const theme = useIOTheme();
+  const componentValueToAccessibility = typeof value === "string" ? value : "";
+  const componentDescriptionToAccessibility = typeof description === "string" ? description : "";
+  const listItemAccessibilityLabel = accessibilityLabel ?? `${componentValueToAccessibility}; ${componentDescriptionToAccessibility}`;
 
   // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
   const listItemNavAlertContent = /*#__PURE__*/React.createElement(React.Fragment, null, typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
@@ -31,72 +41,37 @@ export const ListItemNavAlert = ({
     color: theme.errorText
   }, description) : description));
   const iconColor = isExperimental ? theme["interactiveElem-default"] : "blue";
-  const mapBackgroundStates = {
-    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
-    pressed: IOColors[theme["listItem-pressed"]]
-  };
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = useAnimatedStyle(() => {
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const animatedBackgroundStyle = useAnimatedStyle(() => {
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
-  const handlePressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
   return /*#__PURE__*/React.createElement(Pressable, {
     onPress: onPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
     accessible: true,
     accessibilityLabel: listItemAccessibilityLabel,
     accessibilityHint: accessibilityHint,
     accessibilityRole: "button",
     testID: testID
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOListItemStyles.listItem, animatedBackgroundStyle],
+    style: [IOListItemStyles.listItem, backgroundAnimatedStyle],
     importantForAccessibility: "no-hide-descendants",
     accessibilityElementsHidden: true
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOListItemStyles.listItemInner, animatedScaleStyle]
-  }, !withoutIcon && /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginRight: IOListItemVisualParams.iconMargin
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
+    style: [IOListItemStyles.listItemInner, {
+      columnGap: IOListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
+    }, scaleAnimatedStyle]
+  }, !withoutIcon && /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: "errorFilled",
     color: theme.errorIcon,
     size: IOListItemVisualParams.iconSize
-  })), /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: IOStyles.flex
-  }, listItemNavAlertContent), /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginLeft: IOListItemVisualParams.iconMargin
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, listItemNavAlertContent), /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: "chevronRightListItem",
     color: iconColor,
     size: IOListItemVisualParams.chevronSize
-  })))));
+  }))));
 };
 export default ListItemNavAlert;
 //# sourceMappingURL=ListItemNavAlert.js.map

package/lib/module/components/listitems/ListItemNavAlert.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Icon","H6","BodySmall","ListItemNavAlert","value","description","withoutIcon","onPress","accessibilityLabel","accessibilityHint","testID","_IOScaleValues$basicB","isPressed","isExperimental","componentValueToAccessibility","componentDescriptionToAccessibility","listItemAccessibilityLabel","theme","listItemNavAlertContent","createElement","Fragment","color","weight","errorText","iconColor","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","marginRight","iconMargin","name","errorIcon","size","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOExperimentalDesign","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Icon","BodySmall","H6","ListItemNavAlert","value","description","withoutIcon","onPress","accessibilityLabel","accessibilityHint","testID","theme","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","dynamicFontScale","spacingScaleMultiplier","isExperimental","componentValueToAccessibility","componentDescriptionToAccessibility","listItemAccessibilityLabel","listItemNavAlertContent","createElement","Fragment","color","weight","errorText","iconColor","onTouchEnd","accessible","accessibilityRole","style","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","columnGap","iconMargin","allowFontScaling","name","errorIcon","size","iconSize","flex","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemRadio.js

@@ -1,15 +1,18 @@
 import * as React from "react";
-import { useCallback, useState } from "react";
+import { useState } from "react";
 import { Image, Pressable, StyleSheet, View } from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import Animated from "react-native-reanimated";
 import Placeholder from "rn-placeholder";
-import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
+import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSelectionTickVisualParams, IOStyles, useIOTheme } from "../../core";
+import { useListItemAnimation } from "../../hooks";
+import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { Icon } from "../icons";
 import { LogoPayment } from "../logos";
 import { AnimatedRadio } from "../radio/AnimatedRadio";
 import { HSpacer, VSpacer } from "../spacer";
-import { H6, BodySmall } from "../typography";
+import { VStack } from "../stack";
+import { BodySmall, H6 } from "../typography";
 const DISABLED_OPACITY = 0.5;
 const styles = StyleSheet.create({
   imageSize: {
@@ -38,44 +41,19 @@ export const ListItemRadio = ({
   loadingProps,
   testID
 }) => {
-  var _IOScaleValues$basicB;
   const [toggleValue, setToggleValue] = useState(selected ?? false);
-  // Animations
-  const isPressed = useSharedValue(0);
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Theme
+  const {
+    dynamicFontScale,
+    spacingScaleMultiplier,
+    hugeFontEnabled
+  } = useIOFontDynamicScale();
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = useListItemAnimation();
   const theme = useIOTheme();
-  const mapBackgroundStates = {
-    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
-    pressed: IOColors[theme["listItem-pressed"]]
-  };
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = useAnimatedStyle(() => {
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const handlePressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
-  const animatedBackgroundStyle = useAnimatedStyle(() => {
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
-    return {
-      backgroundColor
-    };
-  });
   const toggleRadioItem = () => {
     ReactNativeHapticFeedback.trigger("impactLight");
     setToggleValue(!toggleValue);
@@ -86,22 +64,18 @@ export const ListItemRadio = ({
   const disabledStyle = {
     opacity: disabled ? DISABLED_OPACITY : 1
   };
-  const SkeletonDescriptionLines = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
-    size: 8
-  }), /*#__PURE__*/React.createElement(Placeholder.Box, {
+  const SkeletonDescriptionLines = () => /*#__PURE__*/React.createElement(VStack, {
+    space: 8
+  }, /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 8,
     width: "100%",
     height: 8
-  }), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 8
   }), /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 8,
     width: "100%",
     height: 8
-  }), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 8
   }), /*#__PURE__*/React.createElement(Placeholder.Box, {
     animate: "fade",
     radius: 8,
@@ -119,7 +93,9 @@ export const ListItemRadio = ({
     height: IOSelectionListItemVisualParams.iconSize
   }));
   const SkeletonComponent = () => /*#__PURE__*/React.createElement(View, {
-    style: IOSelectionListItemStyles.listItem
+    style: [IOSelectionListItemStyles.listItem, {
+      rowGap: 8
+    }]
   }, /*#__PURE__*/React.createElement(View, {
     style: IOSelectionListItemStyles.listItemInner
   }, /*#__PURE__*/React.createElement(View, {
@@ -137,6 +113,7 @@ export const ListItemRadio = ({
     pointerEvents: "none",
     style: disabledStyle
   }, /*#__PURE__*/React.createElement(AnimatedRadio, {
+    size: IOSelectionTickVisualParams.size * dynamicFontScale,
     checked: toggleValue
   })))), (loadingProps === null || loadingProps === void 0 ? void 0 : loadingProps.skeletonDescription) && /*#__PURE__*/React.createElement(SkeletonDescriptionLines, null));
   return loadingProps !== null && loadingProps !== void 0 && loadingProps.state ? /*#__PURE__*/React.createElement(SkeletonComponent, null) : /*#__PURE__*/React.createElement(Pressable, {
@@ -148,38 +125,45 @@ export const ListItemRadio = ({
     accessibilityLabel: accessibilityLabel,
     accessibilityHint: accessibilityHint,
     onPress: toggleRadioItem,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
-    onTouchEnd: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
     testID: testID,
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOSelectionListItemStyles.listItem, animatedBackgroundStyle, disabledStyle]
+    style: [IOSelectionListItemStyles.listItem, backgroundAnimatedStyle, disabledStyle]
     // This is required to avoid opacity
     // inheritance on Android
     ,
     needsOffscreenAlphaCompositing: true
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedScaleStyle
+    style: scaleAnimatedStyle
   }, /*#__PURE__*/React.createElement(View, {
     style: IOSelectionListItemStyles.listItemInner
   }, /*#__PURE__*/React.createElement(View, {
-    style: [IOStyles.row, {
-      flexShrink: 1
-    }]
-  }, startImage && /*#__PURE__*/React.createElement(View, {
     style: {
-      marginRight: IOSelectionListItemVisualParams.iconMargin
+      flexDirection: "row",
+      flexShrink: 1,
+      columnGap: IOSelectionListItemVisualParams.iconMargin * dynamicFontScale * spacingScaleMultiplier
     }
-  }, startImage.icon && /*#__PURE__*/React.createElement(Icon, {
+  }, (startImage === null || startImage === void 0 ? void 0 : startImage.icon) && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: startImage.icon,
     color: "grey-300",
     size: IOSelectionListItemVisualParams.iconSize
-  }), startImage.uri && /*#__PURE__*/React.createElement(Image, {
+  }), (startImage === null || startImage === void 0 ? void 0 : startImage.uri) && /*#__PURE__*/React.createElement(View, {
+    style: {
+      alignSelf: "center"
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
     accessibilityIgnoresInvertColors: true,
     source: startImage,
     style: styles.imageSize
-  }), startImage.paymentLogo && /*#__PURE__*/React.createElement(LogoPayment, {
+  })), (startImage === null || startImage === void 0 ? void 0 : startImage.paymentLogo) && /*#__PURE__*/React.createElement(View, {
+    style: {
+      alignSelf: "center"
+    }
+  }, /*#__PURE__*/React.createElement(LogoPayment, {
     name: startImage.paymentLogo,
     size: IOSelectionListItemVisualParams.iconSize
   })), /*#__PURE__*/React.createElement(H6, {
@@ -194,6 +178,7 @@ export const ListItemRadio = ({
     accessibilityElementsHidden: true,
     importantForAccessibility: "no-hide-descendants"
   }, /*#__PURE__*/React.createElement(AnimatedRadio, {
+    size: IOSelectionTickVisualParams.size * dynamicFontScale,
     checked: selected ?? toggleValue
   }))), description && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(VSpacer, {
     size: IOSelectionListItemVisualParams.descriptionMargin

package/lib/module/components/listitems/ListItemRadio.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","Image","Pressable","StyleSheet","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","LogoPayment","AnimatedRadio","HSpacer","VSpacer","H6","BodySmall","DISABLED_OPACITY","styles","create","imageSize","width","iconSize","height","resizeMode","ListItemRadio","value","description","startImage","selected","disabled","onValueChange","accessibilityLabel","accessibilityHint","loadingProps","testID","_IOScaleValues$basicB","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleRadioItem","trigger","undefined","disabledStyle","opacity","SkeletonDescriptionLines","createElement","Fragment","size","Box","animate","radius","SkeletonIcon","style","marginRight","iconMargin","SkeletonComponent","listItem","listItemInner","flex","rowSpaceBetween","alignCenter","row","skeletonIcon","pointerEvents","checked","skeletonDescription","state","accessibilityRole","accessibilityState","onPress","onPressIn","onPressOut","onTouchEnd","needsOffscreenAlphaCompositing","flexShrink","icon","name","color","uri","accessibilityIgnoresInvertColors","source","paymentLogo","accessibilityElementsHidden","importantForAccessibility","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useState","Image","Pressable","StyleSheet","View","ReactNativeHapticFeedback","Animated","Placeholder","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSelectionTickVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Icon","LogoPayment","AnimatedRadio","HSpacer","VSpacer","VStack","BodySmall","H6","DISABLED_OPACITY","styles","create","imageSize","width","iconSize","height","resizeMode","ListItemRadio","value","description","startImage","selected","disabled","onValueChange","accessibilityLabel","accessibilityHint","loadingProps","testID","toggleValue","setToggleValue","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","theme","toggleRadioItem","trigger","undefined","disabledStyle","opacity","SkeletonDescriptionLines","createElement","space","Box","animate","radius","SkeletonIcon","style","marginRight","iconMargin","SkeletonComponent","listItem","rowGap","listItemInner","flex","rowSpaceBetween","alignCenter","row","skeletonIcon","size","pointerEvents","checked","skeletonDescription","state","accessibilityRole","accessibilityState","onPress","onTouchEnd","needsOffscreenAlphaCompositing","flexDirection","flexShrink","columnGap","icon","allowFontScaling","name","color","uri","alignSelf","accessibilityIgnoresInvertColors","source","paymentLogo","accessibilityElementsHidden","importantForAccessibility","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}