@pagopa/io-app-design-system 4.5.1 → 4.5.2

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

@@ -1,90 +1,28 @@
 import React, { forwardRef } from "react";
 import { Pressable, StyleSheet } from "react-native";
 import Animated, { interpolateColor, useAnimatedProps, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
-import { IOButtonLegacyStyles, IOButtonStyles, IOColors, hexToRgba, useIOExperimentalDesign } from "../../core/";
+import { IOButtonLegacyStyles, IOButtonStyles, IOColors, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core/";
 import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon, IconClassComponent } from "../icons";
 import { IOText, buttonTextFontSize } from "../typography";
-const mapColorStates = {
-  // Primary button
-  primary: {
-    border: {
-      default: IOColors["blueIO-500"],
-      pressed: IOColors["blueIO-600"],
-      disabled: IOColors["grey-200"]
-    },
-    background: {
-      default: hexToRgba(IOColors["blueIO-50"], 0),
-      pressed: hexToRgba(IOColors["blueIO-50"], 1),
-      disabled: "transparent"
-    },
-    label: {
-      default: IOColors["blueIO-500"],
-      pressed: IOColors["blueIO-600"],
-      disabled: IOColors["grey-700"]
-    }
-  },
-  // Contrast button
-  contrast: {
-    border: {
-      default: IOColors.white,
-      pressed: IOColors.white,
-      disabled: IOColors["blueIO-200"]
-    },
-    background: {
-      default: hexToRgba(IOColors["blueIO-600"], 0),
-      pressed: IOColors["blueIO-600"],
-      disabled: "transparent"
-    },
-    label: {
-      default: IOColors.white,
-      pressed: IOColors.white,
-      disabled: IOColors["blueIO-200"]
-    }
-  },
-  // Danger button
-  danger: {
-    border: {
-      default: IOColors["error-600"],
-      pressed: IOColors["error-600"],
-      disabled: IOColors["grey-200"]
-    },
-    background: {
-      default: hexToRgba(IOColors["error-600"], 0),
-      pressed: hexToRgba(IOColors["error-600"], 0.15),
-      disabled: "transparent"
-    },
-    label: {
-      default: IOColors["error-600"],
-      pressed: IOColors["error-600"],
-      disabled: IOColors["grey-450"]
-    }
-  }
-};
-
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const mapLegacyColorStates = {
   // Primary button
   primary: {
-    border: {
+    foreground: {
       default: IOColors["blue-500"],
       pressed: IOColors["blue-500"],
-      disabled: IOColors["grey-200"]
+      disabled: IOColors["grey-450"]
     },
     background: {
       default: hexToRgba(IOColors["blue-500"], 0),
       pressed: hexToRgba(IOColors["blue-500"], 0.15),
       disabled: "transparent"
-    },
-    label: {
-      default: IOColors["blue-500"],
-      pressed: IOColors["blue-500"],
-      disabled: IOColors["grey-450"]
     }
   },
   // Contrast button
   contrast: {
-    border: {
+    foreground: {
       default: IOColors.white,
       pressed: IOColors.white,
       disabled: hexToRgba(IOColors.white, 0.5)
@@ -93,29 +31,6 @@ const mapLegacyColorStates = {
       default: hexToRgba(IOColors.white, 0),
       pressed: hexToRgba(IOColors.white, 0.2),
       disabled: "transparent"
-    },
-    label: {
-      default: IOColors.white,
-      pressed: IOColors.white,
-      disabled: hexToRgba(IOColors.white, 0.5)
-    }
-  },
-  // Danger button
-  danger: {
-    border: {
-      default: IOColors["error-600"],
-      pressed: IOColors["error-600"],
-      disabled: IOColors["grey-200"]
-    },
-    background: {
-      default: hexToRgba(IOColors["error-600"], 0),
-      pressed: hexToRgba(IOColors["error-600"], 0.15),
-      disabled: "transparent"
-    },
-    label: {
-      default: IOColors["error-600"],
-      pressed: IOColors["error-600"],
-      disabled: IOColors["grey-450"]
     }
   }
 };
@@ -149,6 +64,7 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
   testID
 }, ref) => {
   var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4, _colorMap$color5, _colorMap$color6, _colorMap$color7;
+  const theme = useIOTheme();
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -160,7 +76,35 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
   } = useScaleAnimation();
   const reducedMotion = useReducedMotion();
   const AnimatedIOText = Animated.createAnimatedComponent(IOText);
-  const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
+  const mapColorStates = React.useMemo(() => ({
+    // Primary button
+    primary: {
+      foreground: {
+        default: IOColors[theme["interactiveElem-default"]],
+        pressed: IOColors[theme["interactiveElem-pressed"]],
+        disabled: IOColors[theme["interactiveOutline-disabled"]]
+      },
+      background: {
+        default: hexToRgba(IOColors[theme["interactiveElem-pressed"]], 0),
+        pressed: hexToRgba(IOColors[theme["interactiveElem-pressed"]], 0.1),
+        disabled: "transparent"
+      }
+    },
+    // Contrast button
+    contrast: {
+      foreground: {
+        default: IOColors.white,
+        pressed: IOColors.white,
+        disabled: IOColors["blueIO-200"]
+      },
+      background: {
+        default: hexToRgba(IOColors["blueIO-600"], 0),
+        pressed: hexToRgba(IOColors["blueIO-600"], 0.5),
+        disabled: "transparent"
+      }
+    }
+  }), [theme]);
+  const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental, mapColorStates]);
   const buttonStyles = React.useMemo(() => isExperimental ? IOButtonStyles : IOButtonLegacyStyles, [isExperimental]);
   const buttonStylesLocal = React.useMemo(() => isExperimental ? IOButtonStylesLocal : IOButtonLegacyStylesLocal, [isExperimental]);
 
@@ -168,19 +112,19 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
   const pressedAnimationStyle = useAnimatedStyle(() => {
     // Link color states to the pressed states
     const backgroundColor = interpolateColor(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
-    const borderColor = interpolateColor(progress.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed]);
+    const borderColor = interpolateColor(progress.value, [0, 1], [colorMap[color].foreground.default, colorMap[color].foreground.pressed]);
     return {
       borderColor,
       backgroundColor
     };
   });
   const pressedColorLabelAnimationStyle = useAnimatedStyle(() => ({
-    color: interpolateColor(progress.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed])
+    color: interpolateColor(progress.value, [0, 1], [colorMap[color].foreground.default, colorMap[color].foreground.pressed])
   }));
 
   // Animate the <Icon> color prop
   const pressedColorIconAnimationStyle = useAnimatedProps(() => ({
-    color: interpolateColor(progress.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed])
+    color: interpolateColor(progress.value, [0, 1], [colorMap[color].foreground.default, colorMap[color].foreground.pressed])
   }));
   const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
   return /*#__PURE__*/React.createElement(Pressable, {
@@ -207,11 +151,11 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
       flexDirection: "row-reverse"
     }, 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,
-      borderColor: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.border) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.disabled,
+      borderColor: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.foreground) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.disabled,
       opacity: DISABLED_OPACITY
     } : {
       backgroundColor: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.background) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.default,
-      borderColor: (_colorMap$color4 = colorMap[color]) === null || _colorMap$color4 === void 0 ? void 0 : _colorMap$color4.border.default
+      borderColor: (_colorMap$color4 = colorMap[color]) === null || _colorMap$color4 === void 0 ? void 0 : _colorMap$color4.foreground.default
     },
     /* Prevent Reanimated from overriding background colors
             if button is disabled */
@@ -220,12 +164,12 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
     allowFontScaling: true,
     name: icon,
     animatedProps: pressedColorIconAnimationStyle,
-    color: (_colorMap$color5 = colorMap[color]) === null || _colorMap$color5 === void 0 || (_colorMap$color5 = _colorMap$color5.label) === null || _colorMap$color5 === void 0 ? void 0 : _colorMap$color5.default,
+    color: (_colorMap$color5 = colorMap[color]) === null || _colorMap$color5 === void 0 || (_colorMap$color5 = _colorMap$color5.foreground) === null || _colorMap$color5 === void 0 ? void 0 : _colorMap$color5.default,
     size: iconSize
   }) : /*#__PURE__*/React.createElement(AnimatedIcon, {
     allowFontScaling: true,
     name: icon,
-    color: (_colorMap$color6 = colorMap[color]) === null || _colorMap$color6 === void 0 || (_colorMap$color6 = _colorMap$color6.label) === null || _colorMap$color6 === void 0 ? void 0 : _colorMap$color6.disabled,
+    color: (_colorMap$color6 = colorMap[color]) === null || _colorMap$color6 === void 0 || (_colorMap$color6 = _colorMap$color6.foreground) === null || _colorMap$color6 === void 0 ? void 0 : _colorMap$color6.disabled,
     size: iconSize
   })), /*#__PURE__*/React.createElement(AnimatedIOText, {
     font: isExperimental ? "Titillio" : "TitilliumSansPro",
@@ -237,7 +181,7 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: [buttonStyles.label, disabled ? {
-      color: (_colorMap$color7 = colorMap[color]) === null || _colorMap$color7 === void 0 || (_colorMap$color7 = _colorMap$color7.label) === null || _colorMap$color7 === void 0 ? void 0 : _colorMap$color7.disabled
+      color: (_colorMap$color7 = colorMap[color]) === null || _colorMap$color7 === void 0 || (_colorMap$color7 = _colorMap$color7.foreground) === null || _colorMap$color7 === void 0 ? void 0 : _colorMap$color7.disabled
     } : {
       ...pressedColorLabelAnimationStyle
     }]

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Pressable","StyleSheet","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","IOButtonLegacyStyles","IOButtonStyles","IOColors","hexToRgba","useIOExperimentalDesign","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","mapColorStates","primary","border","default","pressed","disabled","background","label","contrast","white","danger","mapLegacyColorStates","IOButtonLegacyStylesLocal","create","buttonWithBorder","borderWidth","iconSize","DISABLED_OPACITY","ICON_MARGIN","IOButtonStylesLocal","ButtonOutline","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","_colorMap$color5","_colorMap$color6","_colorMap$color7","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","AnimatedIOText","createAnimatedComponent","colorMap","useMemo","buttonStyles","buttonStylesLocal","pressedAnimationStyle","backgroundColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","AnimatedIconClassComponent","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","paddingHorizontal","buttonSizeDefault","columnGap","flexDirection","opacity","allowFontScaling","name","animatedProps","size","font","weight","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","Pressable","StyleSheet","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","IOButtonLegacyStyles","IOButtonStyles","IOColors","hexToRgba","useIOExperimentalDesign","useIOTheme","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","mapLegacyColorStates","primary","foreground","default","pressed","disabled","background","contrast","white","IOButtonLegacyStylesLocal","create","buttonWithBorder","borderWidth","iconSize","DISABLED_OPACITY","ICON_MARGIN","IOButtonStylesLocal","ButtonOutline","color","label","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","_colorMap$color5","_colorMap$color6","_colorMap$color7","theme","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","AnimatedIOText","createAnimatedComponent","mapColorStates","useMemo","colorMap","buttonStyles","buttonStylesLocal","pressedAnimationStyle","backgroundColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","AnimatedIconClassComponent","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","paddingHorizontal","buttonSizeDefault","columnGap","flexDirection","opacity","allowFontScaling","name","animatedProps","size","font","weight","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}

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

@@ -1,93 +1,57 @@
-import React, { useCallback, useEffect, useRef } from "react";
-import { Pressable, StyleSheet } from "react-native";
+import React, { forwardRef, useCallback, useEffect, useMemo, useRef } from "react";
+import { Pressable } from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
 import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
-import { IOButtonLegacyStyles, IOButtonStyles, IOColors, enterTransitionInnerContent, enterTransitionInnerContentSmall, exitTransitionInnerContent, useIOExperimentalDesign } from "../../core";
+import { IOButtonLegacyStyles, IOButtonStyles, IOColors, enterTransitionInnerContent, enterTransitionInnerContentSmall, exitTransitionInnerContent, useIOExperimentalDesign, useIOTheme } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
 import { ButtonText } from "../typography/ButtonText";
-// Disabled state
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const colorPrimaryLegacyButtonDisabled = "grey-200";
-const legacyStyles = StyleSheet.create({
-  backgroundDisabled: {
-    backgroundColor: IOColors[colorPrimaryLegacyButtonDisabled]
-  }
-});
-const colorPrimaryButtonDisabled = "grey-200";
 const ICON_MARGIN = 8;
 const DISABLED_OPACITY = 0.5;
 
 // Icon size
 const iconSize = 20;
-const styles = StyleSheet.create({
-  backgroundDisabled: {
-    backgroundColor: IOColors[colorPrimaryButtonDisabled],
-    opacity: DISABLED_OPACITY
-  }
-});
-const mapColorStates = {
-  // Primary button
-  primary: {
-    default: IOColors["blueIO-500"],
-    pressed: IOColors["blueIO-600"],
-    label: {
-      default: "white",
-      disabled: "grey-700"
-    }
-  },
-  // Danger button
-  danger: {
-    default: IOColors["error-600"],
-    pressed: IOColors["error-500"],
-    label: {
-      default: "white",
-      disabled: "grey-700"
-    }
-  },
-  // Contrast button
-  contrast: {
-    default: IOColors.white,
-    pressed: IOColors["blueIO-50"],
-    label: {
-      default: "blueIO-500",
-      disabled: "grey-700"
-    }
-  }
-};
-
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const mapLegacyColorStates = {
   // Primary button
   primary: {
-    default: IOColors["blue-500"],
-    pressed: IOColors["blue-600"],
-    label: {
+    background: {
+      default: IOColors["blue-500"],
+      pressed: IOColors["blue-600"],
+      disabled: IOColors["grey-200"]
+    },
+    foreground: {
       default: "white",
       disabled: "white"
     }
   },
   // Danger button
   danger: {
-    default: IOColors["error-600"],
-    pressed: IOColors["error-500"],
-    label: {
+    background: {
+      default: IOColors["error-600"],
+      pressed: IOColors["error-500"],
+      disabled: IOColors["grey-200"]
+    },
+    foreground: {
       default: "white",
       disabled: "white"
     }
   },
   // Contrast button
   contrast: {
-    default: IOColors.white,
-    pressed: IOColors["blue-50"],
-    label: {
+    background: {
+      default: IOColors.white,
+      pressed: IOColors["blue-50"],
+      disabled: IOColors["grey-200"]
+    },
+    foreground: {
       default: "blue-500",
       disabled: "white"
     }
   }
 };
-export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
+export const ButtonSolid = /*#__PURE__*/forwardRef(({
   color = "primary",
   label,
   fullWidth = false,
@@ -100,7 +64,8 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
   accessibilityHint,
   testID
 }, ref) => {
-  var _colorMap$color, _colorMap$color2, _colorMap$color3;
+  var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4;
+  const theme = useIOTheme();
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -111,8 +76,46 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     scaleAnimatedStyle
   } = useScaleAnimation();
   const reducedMotion = useReducedMotion();
-  const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
-  const buttonStyles = React.useMemo(() => isExperimental ? IOButtonStyles : IOButtonLegacyStyles, [isExperimental]);
+  const mapColorStates = useMemo(() => ({
+    // Primary button
+    primary: {
+      background: {
+        default: IOColors[theme["interactiveElem-default"]],
+        pressed: IOColors[theme["interactiveElem-pressed"]],
+        disabled: IOColors[theme["interactiveElem-disabled"]]
+      },
+      foreground: {
+        default: theme["buttonText-default"],
+        disabled: theme["buttonText-disabled"]
+      }
+    },
+    // Danger button
+    danger: {
+      background: {
+        default: IOColors["error-600"],
+        pressed: IOColors["error-500"],
+        disabled: IOColors[theme["interactiveElem-disabled"]]
+      },
+      foreground: {
+        default: theme["buttonText-default"],
+        disabled: theme["buttonText-disabled"]
+      }
+    },
+    // Contrast button
+    contrast: {
+      background: {
+        default: IOColors.white,
+        pressed: IOColors["blueIO-50"],
+        disabled: IOColors["blueIO-50"]
+      },
+      foreground: {
+        default: "blueIO-500",
+        disabled: "blueIO-500"
+      }
+    }
+  }), [theme]);
+  const colorMap = useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental, mapColorStates]);
+  const buttonStyles = useMemo(() => isExperimental ? IOButtonStyles : IOButtonLegacyStyles, [isExperimental]);
 
   /* Prevent the component from triggering the `isEntering' transition
      on the on the first render. Solution from this discussion:
@@ -127,7 +130,7 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
   // Interpolate animation values from `isPressed` values
   const pressedAnimationStyle = useAnimatedStyle(() => {
     // Link color states to the pressed states
-    const backgroundColor = interpolateColor(progress.value, [0, 1], [colorMap[color].default, colorMap[color].pressed]);
+    const backgroundColor = interpolateColor(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
     return {
       backgroundColor
     };
@@ -142,8 +145,11 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     onPress(event);
   }, [loading, onPress]);
 
+  // Background
+  const backgroundColor = disabled ? (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.background) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.disabled : (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.background) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.default;
+
   // Label & Icons colors
-  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;
+  const foregroundColor = disabled ? (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.foreground) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.disabled : (_colorMap$color4 = colorMap[color]) === null || _colorMap$color4 === void 0 || (_colorMap$color4 = _colorMap$color4.foreground) === null || _colorMap$color4 === void 0 ? void 0 : _colorMap$color4.default;
   return /*#__PURE__*/React.createElement(Pressable, {
     testID: testID,
     ref: ref,
@@ -164,12 +170,13 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     style: !fullWidth ? IOButtonStyles.dimensionsDefault : {}
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [buttonStyles.button, {
+      backgroundColor,
       overflow: "hidden"
     }, isExperimental && fullWidth && {
       paddingHorizontal: 16
-    }, buttonStyles.buttonSizeDefault, disabled ? isExperimental ? styles.backgroundDisabled : legacyStyles.backgroundDisabled : {
-      backgroundColor: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.default
-    },
+    }, buttonStyles.buttonSizeDefault, disabled ? {
+      opacity: DISABLED_OPACITY
+    } : {},
     /* Prevent Reanimated from overriding background colors
       if button is disabled */
     !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonLegacyStyles","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","useScaleAnimation","Icon","LoadingSpinner","ButtonText","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","ButtonSolid","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","useMemo","buttonStyles","isMounted","current","pressedAnimationStyle","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","Pressable","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonLegacyStyles","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","useIOTheme","useScaleAnimation","Icon","LoadingSpinner","ButtonText","ICON_MARGIN","DISABLED_OPACITY","iconSize","mapLegacyColorStates","primary","background","default","pressed","disabled","foreground","danger","contrast","white","ButtonSolid","color","label","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","theme","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","colorMap","buttonStyles","isMounted","current","pressedAnimationStyle","backgroundColor","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","opacity","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
 import { Pressable } from "react-native";
 import Animated, { interpolateColor, useAnimatedProps, useReducedMotion } from "react-native-reanimated";
-import { IOColors, IOIconButtonStyles, IOStyles, hexToRgba, useIOExperimentalDesign } from "../../core";
+import { IOColors, IOIconButtonStyles, IOStyles, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon, IconClassComponent } from "../icons";
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
@@ -31,32 +31,6 @@ const mapLegacyColorStates = {
     }
   }
 };
-const mapColorStates = {
-  // Primary button
-  primary: {
-    icon: {
-      default: IOColors["blueIO-500"],
-      pressed: IOColors["blueIO-600"],
-      disabled: hexToRgba(IOColors["blueIO-500"], 0.25)
-    }
-  },
-  // Neutral button
-  neutral: {
-    icon: {
-      default: IOColors.black,
-      pressed: IOColors["grey-850"],
-      disabled: IOColors["grey-450"]
-    }
-  },
-  // Contrast button
-  contrast: {
-    icon: {
-      default: IOColors.white,
-      pressed: hexToRgba(IOColors.white, 0.85),
-      disabled: hexToRgba(IOColors.white, 0.25)
-    }
-  }
-};
 const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
 export const IconButton = ({
   color = "primary",
@@ -69,6 +43,7 @@ export const IconButton = ({
   testID
 }) => {
   var _colorMap$color, _colorMap$color2;
+  const theme = useIOTheme();
   const {
     progress,
     onPressIn,
@@ -79,7 +54,33 @@ export const IconButton = ({
   const {
     isExperimental
   } = useIOExperimentalDesign();
-  const colorMap = useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
+  const mapColorStates = useMemo(() => ({
+    // Primary button
+    primary: {
+      icon: {
+        default: IOColors[theme["interactiveElem-default"]],
+        pressed: IOColors[theme["interactiveElem-pressed"]],
+        disabled: IOColors[theme["interactiveElem-disabled"]]
+      }
+    },
+    // Neutral button
+    neutral: {
+      icon: {
+        default: IOColors[theme["neutralButton-default"]],
+        pressed: IOColors[theme["neutralButton-pressed"]],
+        disabled: IOColors[theme["neutralButton-disabled"]]
+      }
+    },
+    // Contrast button
+    contrast: {
+      icon: {
+        default: IOColors.white,
+        pressed: hexToRgba(IOColors.white, 0.85),
+        disabled: hexToRgba(IOColors.white, 0.25)
+      }
+    }
+  }), [theme]);
+  const colorMap = useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental, mapColorStates]);
 
   // Animate the <Icon> color prop
   const animatedColor = useAnimatedProps(() => {