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

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

@@ -1,40 +1,22 @@
 import React, { forwardRef, useMemo } from "react";
 import { Pressable } from "react-native";
 import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
-import { IOButtonStyles, IOColors, hexToRgba, useIOExperimentalDesign } from "../../core";
+import { IOButtonStyles, IOColors, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon, IconClassComponent } from "../icons";
 import { IOText, buttonTextFontSize, buttonTextLineHeight } from "../typography";
-const mapColorStates = {
-  // Primary button
-  primary: {
-    label: {
-      default: IOColors["blueIO-500"],
-      pressed: IOColors["blueIO-600"],
-      disabled: IOColors["grey-700"]
-    }
-  },
-  contrast: {
-    label: {
-      default: IOColors.white,
-      pressed: hexToRgba(IOColors.white, 0.85),
-      disabled: hexToRgba(IOColors.white, 0.5)
-    }
-  }
-};
-
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const mapLegacyColorStates = {
   // Primary button
   primary: {
-    label: {
+    foreground: {
       default: IOColors["blue-500"],
       pressed: IOColors["blue-600"],
       disabled: IOColors["grey-700"]
     }
   },
   contrast: {
-    label: {
+    foreground: {
       default: IOColors.white,
       pressed: hexToRgba(IOColors.white, 0.85),
       disabled: hexToRgba(IOColors.white, 0.5)
@@ -57,6 +39,7 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
   testID
 }, ref) => {
   var _colorMap$color, _colorMap$color2, _colorMap$color3;
+  const theme = useIOTheme();
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -67,10 +50,27 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
     scaleAnimatedStyle
   } = useScaleAnimation();
   const reducedMotion = useReducedMotion();
-  const colorMap = useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
+  const mapColorStates = useMemo(() => ({
+    // Primary button
+    primary: {
+      foreground: {
+        default: IOColors[theme["interactiveElem-default"]],
+        pressed: IOColors[theme["interactiveElem-pressed"]],
+        disabled: hexToRgba(IOColors[theme["interactiveElem-default"]], 0.75)
+      }
+    },
+    contrast: {
+      foreground: {
+        default: IOColors.white,
+        pressed: hexToRgba(IOColors.white, 0.85),
+        disabled: hexToRgba(IOColors.white, 0.5)
+      }
+    }
+  }), [theme]);
+  const colorMap = useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental, mapColorStates]);
   const AnimatedIOText = Animated.createAnimatedComponent(IOText);
   const pressedColorAnimationStyle = useAnimatedStyle(() => ({
-    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);
 
@@ -116,12 +116,12 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
     allowFontScaling: true,
     name: icon,
     animatedProps: pressedColorAnimationStyle,
-    color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.label) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default,
+    color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.foreground) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default,
     size: iconSize
   }) : /*#__PURE__*/React.createElement(AnimatedIcon, {
     allowFontScaling: true,
     name: icon,
-    color: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.label) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.disabled,
+    color: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.foreground) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.disabled,
     size: iconSize
   })), /*#__PURE__*/React.createElement(AnimatedIOText, {
     accessible: false,
@@ -132,7 +132,7 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
     size: buttonTextFontSize,
     lineHeight: buttonTextLineHeight,
     style: [disabled ? {
-      color: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.label) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.disabled
+      color: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.foreground) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.disabled
     } : {
       ...pressedColorAnimationStyle
     }, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIOExperimentalDesign","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","buttonTextLineHeight","mapColorStates","primary","label","default","pressed","disabled","contrast","white","mapLegacyColorStates","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","numberOfLines","textAlign","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","AnimatedIOText","createAnimatedComponent","pressedColorAnimationStyle","value","AnimatedIconClassComponent","iconSize","iconMargin","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","lineHeight","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIOExperimentalDesign","useIOTheme","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","buttonTextLineHeight","mapLegacyColorStates","primary","foreground","default","pressed","disabled","contrast","white","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","color","label","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","numberOfLines","textAlign","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","theme","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","colorMap","AnimatedIOText","createAnimatedComponent","pressedColorAnimationStyle","value","AnimatedIconClassComponent","iconSize","iconMargin","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","lineHeight","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}

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]