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

package/lib/module/components/buttons/IconButtonSolid.js

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { useCallback } from "react";
 import { Pressable } from "react-native";
-import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOButtonStyles, IOIconButtonStyles, IOScaleValues, IOSpringValues, useIOExperimentalDesign } from "../../core";
+import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
+import { IOButtonStyles, IOIconButtonStyles, useIOExperimentalDesign } from "../../core";
 import { IOColors, hexToRgba } from "../../core/IOColors";
+import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon } from "../icons";
 const mapColorStates = {
   // Primary button
@@ -66,38 +66,21 @@ export const IconButtonSolid = ({
   accessibilityHint,
   testID
 }) => {
-  var _IOScaleValues$exagge, _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4;
-  const isPressed = useSharedValue(0);
+  var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4;
   const {
     isExperimental
   } = useIOExperimentalDesign();
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$exagge = IOScaleValues.exaggeratedButton) === null || _IOScaleValues$exagge === void 0 ? void 0 : _IOScaleValues$exagge.pressedState;
-
-  // Using a spring-based animation for our interpolations
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
+  const {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = useScaleAnimation("exaggerated");
+  const reducedMotion = useReducedMotion();
   const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
-  // Interpolate animation values from `isPressed` values
-  const pressedAnimationStyle = useAnimatedStyle(() => {
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
-
-    // Scale down button slightly when pressed
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      backgroundColor,
-      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 backgroundColorAnimationStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed])
+  }));
   return /*#__PURE__*/React.createElement(Pressable, {
     accessibilityLabel: accessibilityLabel,
     accessibilityHint: accessibilityHint,
@@ -107,13 +90,13 @@ export const IconButtonSolid = ({
     },
     testID: testID,
     onPress: onPress,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
     accessible: true,
     disabled: disabled,
     style: IOButtonStyles.dimensionsDefault
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOIconButtonStyles.button, IOIconButtonStyles.buttonSizeLarge, !disabled && pressedAnimationStyle, disabled ? {
+    style: [IOIconButtonStyles.button, IOIconButtonStyles.buttonSizeLarge, !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && backgroundColorAnimationStyle, disabled ? {
       backgroundColor: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.background) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.disabled
     } : {
       backgroundColor: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.background) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.default

package/lib/module/components/buttons/IconButtonSolid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonStyles","IOIconButtonStyles","IOScaleValues","IOSpringValues","useIOExperimentalDesign","IOColors","hexToRgba","AnimatedIcon","mapColorStates","primary","background","default","pressed","disabled","icon","white","contrast","mapLegacyColorStates","blue","IconButtonSolid","color","onPress","accessibilityLabel","accessibilityHint","testID","_IOScaleValues$exagge","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","isPressed","isExperimental","animationScaleValue","exaggeratedButton","pressedState","progressPressed","value","button","colorMap","useMemo","pressedAnimationStyle","backgroundColor","scale","CLAMP","transform","handlePressIn","handlePressOut","createElement","accessibilityRole","accessibilityState","onPressIn","onPressOut","accessible","style","dimensionsDefault","View","buttonSizeLarge","name"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOIconButtonStyles","useIOExperimentalDesign","IOColors","hexToRgba","useScaleAnimation","AnimatedIcon","mapColorStates","primary","background","default","pressed","disabled","icon","white","contrast","mapLegacyColorStates","blue","IconButtonSolid","color","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","useMemo","backgroundColorAnimationStyle","backgroundColor","value","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","buttonSizeLarge","name"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}

package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap

@@ -59,6 +59,9 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
           "textAlignVertical": "center",
         },
         false,
+        {
+          "columnGap": 8,
+        },
         {},
         {
           "transform": [
@@ -166,14 +169,16 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
           "borderColor": "#0B3EE3",
         },
         {
-          "backgroundColor": undefined,
-          "borderColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+          "borderColor": undefined,
+        },
       ]
     }
   >
@@ -276,17 +281,20 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
           "backgroundColor": "#0B3EE3",
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
       ]
     }
   >
     <View
+      entering={[Function]}
       style={
         [
           {
@@ -510,13 +518,15 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonContained Snap
           "width": 48,
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
       ]
     }
   >
@@ -642,13 +652,15 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonSolid Snapshot
           "width": 56,
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
         {
           "backgroundColor": "#0B3EE3",
         },
@@ -778,6 +790,9 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
           "textAlignVertical": "center",
         },
         false,
+        {
+          "columnGap": 8,
+        },
         {},
         {
           "transform": [
@@ -884,14 +899,16 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
           "borderColor": "#0073E6",
         },
         {
-          "backgroundColor": undefined,
-          "borderColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+          "borderColor": undefined,
+        },
       ]
     }
   >
@@ -993,17 +1010,20 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
           "backgroundColor": "#0073E6",
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
       ]
     }
   >
     <View
+      entering={[Function]}
       style={
         [
           {
@@ -1227,13 +1247,15 @@ exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
           "width": 48,
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
       ]
     }
   >
@@ -1359,13 +1381,15 @@ exports[`Test Buttons Components IconButtonSolid Snapshot 1`] = `
           "width": 56,
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
         {
           "backgroundColor": "#0073E6",
         },

package/lib/module/components/layout/index.js

@@ -1,6 +1,5 @@
 export * from "./FooterActions";
 export * from "./FooterActionsInline";
-export * from "./FooterWithButtons";
 export * from "./ForceScrollDownView";
 export * from "./GradientBottomActions";
 export * from "./GradientScrollView";

package/lib/module/components/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,SAAS"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,SAAS"}

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

@@ -1,7 +1,8 @@
-import React, { useCallback, useMemo } from "react";
+import React, { useMemo } 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, hexToRgba, useIOTheme } from "../../core";
+import Animated from "react-native-reanimated";
+import { IOColors, IOListItemStyles, IOListItemVisualParams, useIOTheme } from "../../core";
+import { useListItemAnimation } from "../../hooks";
 import { AnimatedIcon } from "../icons";
 import { ButtonText } from "../typography/ButtonText";
 export const ListItemAction = ({
@@ -13,62 +14,34 @@ export const ListItemAction = ({
   accessibilityHint,
   testID
 }) => {
-  var _IOScaleValues$basicB;
-  const isPressed = useSharedValue(0);
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = useListItemAnimation();
   const theme = useIOTheme();
   const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
-  const mapBackgroundStates = {
-    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
-    pressed: IOColors[theme["listItem-pressed"]]
-  };
   const mapForegroundColor = {
     primary: theme["interactiveElem-default"],
     danger: theme.errorText
   };
-
-  // 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,
-    onTouchEnd: 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]
+    style: [IOListItemStyles.listItemInner, scaleAnimatedStyle]
   }, icon && /*#__PURE__*/React.createElement(View, {
     style: {
       marginRight: IOListItemVisualParams.iconMargin

package/lib/module/components/listitems/ListItemAction.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","hexToRgba","useIOTheme","AnimatedIcon","ButtonText","ListItemAction","variant","label","onPress","icon","accessibilityLabel","accessibilityHint","testID","_IOScaleValues$basicB","isPressed","theme","listItemAccessibilityLabel","mapBackgroundStates","default","pressed","mapForegroundColor","primary","danger","errorText","animationScaleValue","basicButton","pressedState","progressPressed","value","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","style","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flexGrow","flexShrink"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAction.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","Pressable","View","Animated","IOColors","IOListItemStyles","IOListItemVisualParams","useIOTheme","useListItemAnimation","AnimatedIcon","ButtonText","ListItemAction","variant","label","onPress","icon","accessibilityLabel","accessibilityHint","testID","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","theme","listItemAccessibilityLabel","mapForegroundColor","primary","danger","errorText","createElement","onTouchEnd","accessible","accessibilityRole","style","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flexGrow","flexShrink"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAction.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAoBC,OAAO,QAAQ,OAAO;AACtD,SAAgCC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AACrE,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SACEC,QAAQ,EACRC,gBAAgB,EAChBC,sBAAsB,EACtBC,UAAU,QACL,YAAY;AACnB,SAASC,oBAAoB,QAAQ,aAAa;AAElD,SAASC,YAAY,QAAiB,UAAU;AAChD,SAASC,UAAU,QAAQ,0BAA0B;AAarD,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,OAAO;EACPC,KAAK;EACLC,OAAO;EACPC,IAAI;EACJC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACc,CAAC,KAAK;EACpB,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,kBAAkB;IAAEC;EAAwB,CAAC,GAC1Ed,oBAAoB,CAAC,CAAC;EAExB,MAAMe,KAAK,GAAGhB,UAAU,CAAC,CAAC;EAE1B,MAAMiB,0BAA0B,GAAGxB,OAAO,CACxC,MAAOgB,kBAAkB,GAAGA,kBAAkB,GAAI,GAAEH,KAAM,EAAE,EAC5D,CAACA,KAAK,EAAEG,kBAAkB,CAC5B,CAAC;EAED,MAAMS,kBAGL,GAAG;IACFC,OAAO,EAAEH,KAAK,CAAC,yBAAyB,CAAC;IACzCI,MAAM,EAAEJ,KAAK,CAACK;EAChB,CAAC;EAED,oBACE7B,KAAA,CAAA8B,aAAA,CAAC5B,SAAS;IACRa,OAAO,EAAEA,OAAQ;IACjBK,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBU,UAAU,EAAEV,UAAW;IACvBW,UAAU,EAAE,IAAK;IACjBf,kBAAkB,EAAEQ,0BAA2B;IAC/CP,iBAAiB,EAAEA,iBAAkB;IACrCe,iBAAiB,EAAC,QAAQ;IAC1Bd,MAAM,EAAEA;EAAO,gBAEfnB,KAAA,CAAA8B,aAAA,CAAC1B,QAAQ,CAACD,IAAI;IACZ+B,KAAK,EAAE,CAAC5B,gBAAgB,CAAC6B,QAAQ,EAAEZ,uBAAuB,CAAE;IAC5Da,yBAAyB,EAAC,qBAAqB;IAC/CC,2BAA2B;EAAA,gBAE3BrC,KAAA,CAAA8B,aAAA,CAAC1B,QAAQ,CAACD,IAAI;IACZ+B,KAAK,EAAE,CAAC5B,gBAAgB,CAACgC,aAAa,EAAEhB,kBAAkB;EAAE,GAE3DN,IAAI,iBACHhB,KAAA,CAAA8B,aAAA,CAAC3B,IAAI;IAAC+B,KAAK,EAAE;MAAEK,WAAW,EAAEhC,sBAAsB,CAACiC;IAAW;EAAE,gBAC9DxC,KAAA,CAAA8B,aAAA,CAACpB,YAAY;IACX+B,IAAI,EAAEzB,IAAK;IACX0B,KAAK,EAAErC,QAAQ,CAACqB,kBAAkB,CAACb,OAAO,CAAC,CAAE;IAC7C8B,IAAI,EAAEpC,sBAAsB,CAACqC;EAAS,CACvC,CACG,CACP,eACD5C,KAAA,CAAA8B,aAAA,CAAC3B,IAAI;IAAC+B,KAAK,EAAE;MAAEW,QAAQ,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAE;EAAE,gBAC1C9C,KAAA,CAAA8B,aAAA,CAACnB,UAAU;IAAC+B,KAAK,EAAEhB,kBAAkB,CAACb,OAAO;EAAE,GAAEC,KAAkB,CAC/D,CACO,CACF,CACN,CAAC;AAEhB,CAAC;AAED,eAAeF,cAAc"}

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

@@ -1,9 +1,10 @@
 import * as React from "react";
-import { useCallback, useState } from "react";
+import { useState } from "react";
 import { Pressable, 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 { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
+import Animated from "react-native-reanimated";
+import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { useListItemAnimation } from "../../hooks";
 import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
 import { Icon } from "../icons";
 import { HSpacer, VSpacer } from "../spacer";
@@ -26,14 +27,13 @@ export const ListItemCheckbox = ({
   disabled,
   onValueChange
 }) => {
-  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));
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  } = useListItemAnimation();
 
   // Theme
   const theme = useIOTheme();
@@ -41,34 +41,6 @@ export const ListItemCheckbox = ({
   // Accessibility
   // Comma = Small pause when announcing content
   const fallbackAccessibilityLabel = description ? `${value}, ${description}` : value;
-  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 toggleCheckbox = () => {
     ReactNativeHapticFeedback.trigger("impactLight");
     setToggleValue(!toggleValue);
@@ -78,9 +50,9 @@ export const ListItemCheckbox = ({
   };
   return /*#__PURE__*/React.createElement(Pressable, {
     onPress: toggleCheckbox,
-    onPressIn: handlePressIn,
-    onPressOut: handlePressOut,
-    onTouchEnd: handlePressOut,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
     testID: "ListItemCheckbox",
     accessible: true,
     accessibilityLabel: accessibilityLabel || fallbackAccessibilityLabel,
@@ -92,7 +64,7 @@ export const ListItemCheckbox = ({
     },
     disabled: disabled
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [IOSelectionListItemStyles.listItem, animatedBackgroundStyle, {
+    style: [IOSelectionListItemStyles.listItem, backgroundAnimatedStyle, {
       opacity: disabled ? DISABLED_OPACITY : 1
     }]
     // This is required to avoid opacity
@@ -100,7 +72,7 @@ export const ListItemCheckbox = ({
     ,
     needsOffscreenAlphaCompositing: true
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedScaleStyle
+    style: scaleAnimatedStyle
   }, /*#__PURE__*/React.createElement(View, {
     style: IOSelectionListItemStyles.listItemInner
   }, /*#__PURE__*/React.createElement(View, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","AnimatedCheckbox","Icon","HSpacer","VSpacer","H6","BodySmall","DISABLED_OPACITY","ListItemCheckbox","value","description","icon","selected","accessibilityLabel","accessibilityHint","disabled","onValueChange","_IOScaleValues$basicB","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","fallbackAccessibilityLabel","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleCheckbox","trigger","undefined","createElement","onPress","onPressIn","onPressOut","onTouchEnd","testID","accessible","accessibilityRole","accessibilityState","checked","style","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","row","flexShrink","marginRight","iconMargin","name","color","size","iconSize","pointerEvents","accessibilityElementsHidden","importantForAccessibility","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemCheckbox.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useState","Pressable","View","ReactNativeHapticFeedback","Animated","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","AnimatedCheckbox","Icon","HSpacer","VSpacer","H6","BodySmall","DISABLED_OPACITY","ListItemCheckbox","value","description","icon","selected","accessibilityLabel","accessibilityHint","disabled","onValueChange","toggleValue","setToggleValue","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","theme","fallbackAccessibilityLabel","toggleCheckbox","trigger","undefined","createElement","onPress","onTouchEnd","testID","accessible","accessibilityRole","accessibilityState","checked","style","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","row","flexShrink","marginRight","iconMargin","name","color","size","iconSize","pointerEvents","accessibilityElementsHidden","importantForAccessibility","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemCheckbox.tsx"],"mappings":"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"}

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

@@ -25,7 +25,7 @@ export const ListItemHeader = ({
     role: "heading",
     color: theme["textBody-tertiary"]
   }, label)), [label, theme, endElement]);
-  const listItemInfoAction = useCallback(() => {
+  const listItemAction = useCallback(() => {
     if (endElement) {
       const {
         type,
@@ -72,7 +72,7 @@ export const ListItemHeader = ({
     style: {
       marginLeft: IOListItemVisualParams.actionMargin
     }
-  }, listItemInfoAction())));
+  }, listItemAction())));
 };
 export default ListItemHeader;
 //# sourceMappingURL=ListItemHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Badge","ButtonLink","IconButton","Icon","H6","iconMargin","ListItemHeader","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","role","color","listItemInfoAction","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","listItemInner","marginRight","name","size","iconSize","flex","marginLeft","actionMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Badge","ButtonLink","IconButton","Icon","H6","iconMargin","ListItemHeader","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","role","color","listItemAction","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","listItemInner","marginRight","name","size","iconSize","flex","marginLeft","actionMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":"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"}