@pagopa/io-app-design-system 1.6.1 → 1.7.0

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

@@ -1,12 +1,18 @@
 import React, { useCallback } from "react";
 import { Pressable, StyleSheet } from "react-native";
 import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOScaleValues, IOSpringValues } from "../../core/IOAnimations";
-import { IOColors } from "../../core/IOColors";
-import { IOButtonStyles } from "../../core/IOStyles";
 import { Icon } from "../icons";
 import { HSpacer } from "../spacer/Spacer";
 import { BaseTypography } from "../typography/BaseTypography";
+import { IOButtonLegacyStyles, IOButtonStyles, IOColors, IOScaleValues, IOSpringValues, useIOExperimentalDesign } from "../../core";
+// Disabled state
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const colorPrimaryLegacyButtonDisabled = "bluegreyLight";
+const legacyStyles = StyleSheet.create({
+  backgroundDisabled: {
+    backgroundColor: IOColors[colorPrimaryLegacyButtonDisabled]
+  }
+});
 const colorPrimaryButtonDisabled = "grey-200";
 const DISABLED_OPACITY = 0.5;
 const styles = StyleSheet.create({
@@ -44,8 +50,39 @@ const mapColorStates = {
     }
   }
 };
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const mapLegacyColorStates = {
+  // Primary button
+  primary: {
+    default: IOColors.blue,
+    pressed: IOColors["blue-600"],
+    label: {
+      default: "white",
+      disabled: "white"
+    }
+  },
+  // Danger button
+  danger: {
+    default: IOColors["error-600"],
+    pressed: IOColors["error-500"],
+    label: {
+      default: "white",
+      disabled: "white"
+    }
+  },
+  // Contrast button
+  contrast: {
+    default: IOColors.white,
+    pressed: IOColors["blue-50"],
+    label: {
+      default: "blue",
+      disabled: "white"
+    }
+  }
+};
 export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
-  var _IOScaleValues$basicB, _mapColorStates$color, _mapColorStates$color2;
+  var _IOScaleValues$basicB, _colorMap$color, _colorMap$color2, _colorMap$color3;
   let {
     color = "primary",
     label,
@@ -60,9 +97,16 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
     testID
   } = _ref;
   const isPressed = useSharedValue(0);
-
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   // 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 colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
+  const buttonStyles = React.useMemo(() => isExperimental ? IOButtonStyles : IOButtonLegacyStyles, [isExperimental]);
+
+  // Icon size
+  const iconSize = React.useMemo(() => small ? 16 : 20, [small]);
 
   // Using a spring-based animation for our interpolations
   const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
@@ -70,7 +114,7 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
   // Interpolate animation values from `isPressed` values
   const pressedAnimationStyle = useAnimatedStyle(() => {
     // Link color states to the pressed states
-    const bgColor = interpolateColor(progressPressed.value, [0, 1], [mapColorStates[color].default, mapColorStates[color].pressed]);
+    const bgColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].default, colorMap[color].pressed]);
 
     // Scale down button slightly when pressed
     const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
@@ -91,52 +135,45 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
   }, [isPressed]);
 
   // Label & Icons colors
-  const foregroundColor = disabled ? (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.label) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.disabled : (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.label) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.default;
-
-  // Icon size
-  const iconSize = small ? 16 : 20;
-  const Button = () => {
-    var _mapColorStates$color3;
-    return /*#__PURE__*/React.createElement(Pressable, {
-      accessibilityLabel: accessibilityLabel,
-      accessibilityHint: accessibilityHint,
-      accessibilityRole: "button",
-      testID: testID,
-      onPress: onPress,
-      onPressIn: onPressIn,
-      onPressOut: onPressOut,
-      accessible: true,
-      disabled: disabled,
-      style: !fullWidth ? IOButtonStyles.dimensionsDefault : {}
-    }, /*#__PURE__*/React.createElement(Animated.View, {
-      style: [IOButtonStyles.button, iconPosition === "end" && {
-        flexDirection: "row-reverse"
-      }, small ? IOButtonStyles.buttonSizeSmall : IOButtonStyles.buttonSizeDefault, disabled ? styles.backgroundDisabled : {
-        backgroundColor: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.default
-      },
-      /* Prevent Reanimated from overriding background colors
-              if button is disabled */
-      !disabled && pressedAnimationStyle]
-    }, icon && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      name: icon,
-      size: iconSize,
-      color: foregroundColor
-    }), /*#__PURE__*/React.createElement(HSpacer, {
-      size: 8
-    })), /*#__PURE__*/React.createElement(BaseTypography, {
-      font: "ReadexPro",
-      weight: "Regular",
-      color: foregroundColor,
-      style: [IOButtonStyles.label, small ? IOButtonStyles.labelSizeSmall : IOButtonStyles.labelSizeDefault],
-      numberOfLines: 1,
-      ellipsizeMode: "tail"
-      /* A11y-related props:
-          DON'T UNCOMMENT THEM */
-      /* allowFontScaling
-          maxFontSizeMultiplier={1.3} */
-    }, label)));
-  };
-  return /*#__PURE__*/React.createElement(Button, null);
+  const foregroundColor = disabled ? (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.label) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.disabled : (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.label) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.default;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: "button",
+    testID: testID,
+    onPress: onPress,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    accessible: true,
+    disabled: disabled,
+    style: !fullWidth ? IOButtonStyles.dimensionsDefault : {}
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [buttonStyles.button, iconPosition === "end" && {
+      flexDirection: "row-reverse"
+    }, small ? buttonStyles.buttonSizeSmall : buttonStyles.buttonSizeDefault, disabled ? isExperimental ? styles.backgroundDisabled : legacyStyles.backgroundDisabled : {
+      backgroundColor: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.default
+    },
+    /* Prevent Reanimated from overriding background colors
+            if button is disabled */
+    !disabled && pressedAnimationStyle]
+  }, icon && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: iconSize,
+    color: foregroundColor
+  }), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 8
+  })), /*#__PURE__*/React.createElement(BaseTypography, {
+    font: isExperimental ? "ReadexPro" : undefined,
+    weight: isExperimental ? "Regular" : "Bold",
+    color: foregroundColor,
+    style: [buttonStyles.label, small ? buttonStyles.labelSizeSmall : buttonStyles.labelSizeDefault],
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+    /* A11y-related props:
+        DON'T UNCOMMENT THEM */
+    /* allowFontScaling
+        maxFontSizeMultiplier={1.3} */
+  }, label)));
 });
 export default ButtonSolid;
 //# sourceMappingURL=ButtonSolid.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOScaleValues","IOSpringValues","IOColors","IOButtonStyles","Icon","HSpacer","BaseTypography","colorPrimaryButtonDisabled","DISABLED_OPACITY","styles","create","backgroundDisabled","backgroundColor","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","ButtonSolid","memo","_ref","_IOScaleValues$basicB","_mapColorStates$color","_mapColorStates$color2","color","small","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","transform","onPressIn","onPressOut","foregroundColor","iconSize","Button","_mapColorStates$color3","createElement","accessibilityRole","accessible","style","dimensionsDefault","View","flexDirection","buttonSizeSmall","buttonSizeDefault","Fragment","name","size","font","weight","labelSizeSmall","labelSizeDefault","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Icon","HSpacer","BaseTypography","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","useIOExperimentalDesign","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","small","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","animationScaleValue","basicButton","pressedState","colorMap","useMemo","buttonStyles","iconSize","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","transform","onPressIn","onPressOut","foregroundColor","createElement","accessibilityRole","accessible","style","dimensionsDefault","View","flexDirection","buttonSizeSmall","buttonSizeDefault","Fragment","name","size","font","undefined","weight","labelSizeSmall","labelSizeDefault","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}

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

@@ -1,8 +1,35 @@
-import React, { useCallback } from "react";
+import React, { useCallback, useMemo } from "react";
 import { Pressable } from "react-native";
 import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedProps, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOColors, IOIconButtonStyles, IOScaleValues, IOSpringValues, hexToRgba } from "../../core";
+import { IOColors, IOIconButtonStyles, IOScaleValues, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
 import { AnimatedIcon, IconClassComponent } from "../icons";
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const mapLegacyColorStates = {
+  // Primary button
+  primary: {
+    icon: {
+      default: IOColors.blue,
+      pressed: IOColors["blue-600"],
+      disabled: hexToRgba(IOColors.blue, 0.25)
+    }
+  },
+  // Neutral button
+  neutral: {
+    icon: {
+      default: IOColors.black,
+      pressed: IOColors.bluegreyDark,
+      disabled: IOColors.grey
+    }
+  },
+  // Contrast button
+  contrast: {
+    icon: {
+      default: IOColors.white,
+      pressed: hexToRgba(IOColors.white, 0.85),
+      disabled: hexToRgba(IOColors.white, 0.25)
+    }
+  }
+};
 const mapColorStates = {
   // Primary button
   primary: {
@@ -31,7 +58,7 @@ const mapColorStates = {
 };
 const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
 export const IconButton = _ref => {
-  var _IOScaleValues$exagge, _mapColorStates$color, _mapColorStates$color2;
+  var _IOScaleValues$exagge, _colorMap$color, _colorMap$color2;
   let {
     color = "primary",
     icon,
@@ -42,6 +69,10 @@ export const IconButton = _ref => {
     testID
   } = _ref;
   const isPressed = useSharedValue(0);
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  const colorMap = useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
 
   // 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;
@@ -63,7 +94,7 @@ export const IconButton = _ref => {
 
   // Animate the <Icon> color prop
   const animatedColor = useAnimatedProps(() => {
-    const iconColor = interpolateColor(progressPressed.value, [0, 1], [mapColorStates[color].icon.default, mapColorStates[color].icon.pressed]);
+    const iconColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed]);
     return {
       color: iconColor
     };
@@ -101,10 +132,10 @@ export const IconButton = _ref => {
   }, !disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
     name: icon,
     animatedProps: animatedColor,
-    color: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.icon) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.default
+    color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.icon) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default
   }) : /*#__PURE__*/React.createElement(AnimatedIcon, {
     name: icon,
-    color: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.icon) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.disabled
+    color: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.icon) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.disabled
   })));
 };
 export default IconButton;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedProps","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOIconButtonStyles","IOScaleValues","IOSpringValues","hexToRgba","AnimatedIcon","IconClassComponent","mapColorStates","primary","icon","default","pressed","disabled","neutral","black","grey","contrast","white","AnimatedIconClassComponent","createAnimatedComponent","IconButton","_ref","_IOScaleValues$exagge","_mapColorStates$color","_mapColorStates$color2","color","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","animationScaleValue","exaggeratedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","animatedColor","iconColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","hitSlop","View","style","buttonSizeSmall","name","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedProps","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOIconButtonStyles","IOScaleValues","IOSpringValues","hexToRgba","useIOExperimentalDesign","AnimatedIcon","IconClassComponent","mapLegacyColorStates","primary","icon","default","blue","pressed","disabled","neutral","black","bluegreyDark","grey","contrast","white","mapColorStates","AnimatedIconClassComponent","createAnimatedComponent","IconButton","_ref","_IOScaleValues$exagge","_colorMap$color","_colorMap$color2","color","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","colorMap","animationScaleValue","exaggeratedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","animatedColor","iconColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","hitSlop","View","style","buttonSizeSmall","name","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import { useCallback } from "react";
 import { Pressable } from "react-native";
 import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedProps, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
 import { AnimatedIcon, IconClassComponent } from "../../components/icons";
-import { IOButtonStyles, IOColors, IOIconButtonStyles, IOScaleValues, IOSpringValues, hexToRgba } from "../../core";
+import { IOButtonStyles, IOColors, IOIconButtonStyles, IOScaleValues, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
 const mapColorStates = {
   // Primary button
   primary: {
@@ -45,9 +45,50 @@ const mapColorStates = {
     }
   }
 };
+const mapLegacyColorStates = {
+  // Primary button
+  primary: {
+    background: {
+      default: hexToRgba(IOColors.blue, 0),
+      pressed: hexToRgba(IOColors.blue, 0.15),
+      disabled: "transparent"
+    },
+    icon: {
+      default: IOColors.blue,
+      pressed: IOColors.blue,
+      disabled: hexToRgba(IOColors.blue, 0.25)
+    }
+  },
+  // Neutral button
+  neutral: {
+    background: {
+      default: IOColors.white,
+      pressed: IOColors.greyUltraLight,
+      disabled: "transparent"
+    },
+    icon: {
+      default: IOColors.bluegrey,
+      pressed: IOColors.black,
+      disabled: IOColors.grey
+    }
+  },
+  // Contrast button
+  contrast: {
+    background: {
+      default: hexToRgba(IOColors.white, 0),
+      pressed: hexToRgba(IOColors.white, 0.2),
+      disabled: "transparent"
+    },
+    icon: {
+      default: IOColors.white,
+      pressed: IOColors.white,
+      disabled: hexToRgba(IOColors.white, 0.25)
+    }
+  }
+};
 const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
 export const IconButtonContained = _ref => {
-  var _IOScaleValues$exagge, _mapColorStates$color, _mapColorStates$color2;
+  var _IOScaleValues$exagge, _colorMap$color, _colorMap$color2;
   let {
     icon,
     color = "primary",
@@ -58,6 +99,10 @@ export const IconButtonContained = _ref => {
     testID
   } = _ref;
   const isPressed = useSharedValue(0);
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
 
   // 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;
@@ -69,7 +114,7 @@ export const IconButtonContained = _ref => {
 
   const pressedAnimationStyle = useAnimatedStyle(() => {
     // Link color states to the pressed states
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
+    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);
@@ -83,7 +128,7 @@ export const IconButtonContained = _ref => {
 
   // Animate the <Icon> color prop
   const animatedColor = useAnimatedProps(() => {
-    const iconColor = interpolateColor(progressPressed.value, [0, 1], [mapColorStates[color].icon.default, mapColorStates[color].icon.pressed]);
+    const iconColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed]);
     return {
       color: iconColor
     };
@@ -112,10 +157,10 @@ export const IconButtonContained = _ref => {
   }, !disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
     name: icon,
     animatedProps: animatedColor,
-    color: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.icon) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.default
+    color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.icon) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default
   }) : /*#__PURE__*/React.createElement(AnimatedIcon, {
     name: icon,
-    color: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.icon) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.disabled
+    color: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.icon) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.disabled
   })));
 };
 export default IconButtonContained;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedProps","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","AnimatedIcon","IconClassComponent","IOButtonStyles","IOColors","IOIconButtonStyles","IOScaleValues","IOSpringValues","hexToRgba","mapColorStates","primary","background","default","pressed","disabled","icon","neutral","white","greyUltraLight","bluegrey","black","grey","contrast","AnimatedIconClassComponent","createAnimatedComponent","IconButtonContained","_ref","_IOScaleValues$exagge","_mapColorStates$color","_mapColorStates$color2","color","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","animationScaleValue","exaggeratedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","backgroundColor","scale","CLAMP","transform","animatedColor","iconColor","handlePressIn","handlePressOut","createElement","accessibilityRole","onPressIn","onPressOut","accessible","style","dimensionsDefault","View","buttonSizeDefault","name","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonContained.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedProps","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","AnimatedIcon","IconClassComponent","IOButtonStyles","IOColors","IOIconButtonStyles","IOScaleValues","IOSpringValues","hexToRgba","useIOExperimentalDesign","mapColorStates","primary","background","default","pressed","disabled","icon","neutral","white","greyUltraLight","bluegrey","black","grey","contrast","mapLegacyColorStates","blue","AnimatedIconClassComponent","createAnimatedComponent","IconButtonContained","_ref","_IOScaleValues$exagge","_colorMap$color","_colorMap$color2","color","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","colorMap","useMemo","animationScaleValue","exaggeratedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","backgroundColor","scale","CLAMP","transform","animatedColor","iconColor","handlePressIn","handlePressOut","createElement","accessibilityRole","onPressIn","onPressOut","accessible","style","dimensionsDefault","View","buttonSizeDefault","name","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonContained.tsx"],"mappings":"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"}