@pagopa/io-app-design-system 4.4.1 → 5.0.0-0

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

@@ -1,7 +1,7 @@
 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 { IOButtonStyles, IOColors, hexToRgba, useIONewTypeface } from "../../core/";
 import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon, IconClassComponent } from "../icons";
 import { IOText, buttonTextFontSize } from "../typography";
@@ -62,71 +62,6 @@ const mapColorStates = {
   }
 };
 
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const mapLegacyColorStates = {
-  // Primary button
-  primary: {
-    border: {
-      default: IOColors.blue,
-      pressed: IOColors.blue,
-      disabled: IOColors.bluegreyLight
-    },
-    background: {
-      default: hexToRgba(IOColors.blue, 0),
-      pressed: hexToRgba(IOColors.blue, 0.15),
-      disabled: "transparent"
-    },
-    label: {
-      default: IOColors.blue,
-      pressed: IOColors.blue,
-      disabled: IOColors.grey
-    }
-  },
-  // Contrast button
-  contrast: {
-    border: {
-      default: IOColors.white,
-      pressed: IOColors.white,
-      disabled: hexToRgba(IOColors.white, 0.5)
-    },
-    background: {
-      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.red,
-      pressed: IOColors.red,
-      disabled: IOColors.bluegreyLight
-    },
-    background: {
-      default: hexToRgba(IOColors.red, 0),
-      pressed: hexToRgba(IOColors.red, 0.15),
-      disabled: "transparent"
-    },
-    label: {
-      default: IOColors.red,
-      pressed: IOColors.red,
-      disabled: IOColors.grey
-    }
-  }
-};
-
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const IOButtonLegacyStylesLocal = StyleSheet.create({
-  buttonWithBorder: {
-    borderWidth: 1
-  }
-});
-
 // Icon size
 const iconSize = 20;
 const DISABLED_OPACITY = 0.5;
@@ -148,10 +83,10 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
   accessibilityHint,
   testID
 }, ref) => {
-  var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4, _colorMap$color5, _colorMap$color6, _colorMap$color7;
+  var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4, _mapColorStates$color5, _mapColorStates$color6, _mapColorStates$color7;
   const {
-    isExperimental
-  } = useIOExperimentalDesign();
+    newTypefaceEnabled
+  } = useIONewTypeface();
   const {
     progress,
     onPressIn,
@@ -160,27 +95,24 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
   } = useScaleAnimation();
   const reducedMotion = useReducedMotion();
   const AnimatedIOText = Animated.createAnimatedComponent(IOText);
-  const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
-  const buttonStyles = React.useMemo(() => isExperimental ? IOButtonStyles : IOButtonLegacyStyles, [isExperimental]);
-  const buttonStylesLocal = React.useMemo(() => isExperimental ? IOButtonStylesLocal : IOButtonLegacyStylesLocal, [isExperimental]);
 
   // 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].background.default, colorMap[color].background.pressed]);
-    const borderColor = interpolateColor(progress.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed]);
+    const backgroundColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
+    const borderColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].border.default, mapColorStates[color].border.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], [mapColorStates[color].border.default, mapColorStates[color].border.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], [mapColorStates[color].label.default, mapColorStates[color].label.pressed])
   }));
   const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
   return /*#__PURE__*/React.createElement(Pressable, {
@@ -199,19 +131,19 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
     disabled: disabled,
     style: !fullWidth ? IOButtonStyles.dimensionsDefault : {}
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [buttonStyles.button, isExperimental && fullWidth && {
+    style: [IOButtonStyles.button, IOButtonStyles.buttonSizeDefault, IOButtonStylesLocal.buttonWithBorder, fullWidth && {
       paddingHorizontal: 16
-    }, buttonStylesLocal.buttonWithBorder, buttonStyles.buttonSizeDefault, {
+    }, {
       columnGap: ICON_MARGIN
     }, iconPosition === "end" && {
       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,
+      backgroundColor: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.background) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.disabled,
+      borderColor: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.border) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$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
+      backgroundColor: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.background) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.default,
+      borderColor: (_mapColorStates$color4 = mapColorStates[color]) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.border.default
     },
     /* Prevent Reanimated from overriding background colors
             if button is disabled */
@@ -220,15 +152,15 @@ 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: (_mapColorStates$color5 = mapColorStates[color]) === null || _mapColorStates$color5 === void 0 || (_mapColorStates$color5 = _mapColorStates$color5.label) === null || _mapColorStates$color5 === void 0 ? void 0 : _mapColorStates$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: (_mapColorStates$color6 = mapColorStates[color]) === null || _mapColorStates$color6 === void 0 || (_mapColorStates$color6 = _mapColorStates$color6.label) === null || _mapColorStates$color6 === void 0 ? void 0 : _mapColorStates$color6.disabled,
     size: iconSize
   })), /*#__PURE__*/React.createElement(AnimatedIOText, {
-    font: isExperimental ? "Titillio" : "TitilliumSansPro",
+    font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
     weight: "Semibold",
     size: buttonTextFontSize,
     accessible: false,
@@ -236,8 +168,8 @@ export const ButtonOutline = /*#__PURE__*/forwardRef(({
     importantForAccessibility: "no-hide-descendants",
     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
+    style: [IOButtonStyles.label, disabled ? {
+      color: (_mapColorStates$color7 = mapColorStates[color]) === null || _mapColorStates$color7 === void 0 || (_mapColorStates$color7 = _mapColorStates$color7.label) === null || _mapColorStates$color7 === void 0 ? void 0 : _mapColorStates$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","red","bluegreyLight","grey","mapLegacyColorStates","blue","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","IOButtonStyles","IOColors","hexToRgba","useIONewTypeface","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","mapColorStates","primary","border","default","pressed","disabled","background","label","contrast","white","danger","red","bluegreyLight","grey","iconSize","DISABLED_OPACITY","ICON_MARGIN","IOButtonStylesLocal","create","buttonWithBorder","borderWidth","ButtonOutline","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","_mapColorStates$color5","_mapColorStates$color6","_mapColorStates$color7","newTypefaceEnabled","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","AnimatedIOText","createAnimatedComponent","pressedAnimationStyle","backgroundColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","AnimatedIconClassComponent","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","buttonSizeDefault","paddingHorizontal","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

@@ -2,19 +2,11 @@ import React, { useCallback } from "react";
 import { Pressable, StyleSheet } 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 { IOButtonStyles, IOColors, enterTransitionInnerContent, enterTransitionInnerContentSmall, exitTransitionInnerContent } 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 = "bluegreyLight";
-const legacyStyles = StyleSheet.create({
-  backgroundDisabled: {
-    backgroundColor: IOColors[colorPrimaryLegacyButtonDisabled]
-  }
-});
 const colorPrimaryButtonDisabled = "grey-200";
 const ICON_MARGIN = 8;
 const DISABLED_OPACITY = 0.5;
@@ -56,37 +48,6 @@ 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.forwardRef(({
   color = "primary",
   label,
@@ -100,10 +61,7 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
   accessibilityHint,
   testID
 }, ref) => {
-  var _colorMap$color, _colorMap$color2, _colorMap$color3;
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
+  var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3;
   const {
     progress,
     onPressIn,
@@ -111,13 +69,11 @@ 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]);
 
   // 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], [mapColorStates[color].default, mapColorStates[color].pressed]);
     return {
       backgroundColor
     };
@@ -133,7 +89,7 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
   }, [loading, onPress]);
 
   // 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 ? (_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;
   return /*#__PURE__*/React.createElement(Pressable, {
     testID: testID,
     ref: ref,
@@ -153,24 +109,24 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     disabled: disabled,
     style: !fullWidth ? IOButtonStyles.dimensionsDefault : {}
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [buttonStyles.button, {
+    style: [IOButtonStyles.button, IOButtonStyles.buttonSizeDefault, {
       overflow: "hidden"
-    }, isExperimental && fullWidth && {
+    }, 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
+    }, 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 && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
   }, loading && /*#__PURE__*/React.createElement(Animated.View, {
-    style: buttonStyles.buttonInner,
+    style: IOButtonStyles.buttonInner,
     entering: enterTransitionInnerContentSmall,
     exiting: exitTransitionInnerContent
   }, /*#__PURE__*/React.createElement(LoadingSpinner, {
     color: foregroundColor
   })), !loading && /*#__PURE__*/React.createElement(Animated.View, {
-    style: [buttonStyles.buttonInner, {
+    style: [IOButtonStyles.buttonInner, {
       columnGap: ICON_MARGIN
     },
     /* If 'iconPosition' is set to 'end', we use 

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","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","blue","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","pressedAnimationStyle","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","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","useCallback","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useScaleAnimation","Icon","LoadingSpinner","ButtonText","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","create","backgroundDisabled","backgroundColor","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","ButtonSolid","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","pressedAnimationStyle","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","buttonSizeDefault","overflow","paddingHorizontal","buttonInner","entering","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,36 +1,9 @@
-import React, { useMemo } from "react";
+import React 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 } 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
-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: {
@@ -68,7 +41,7 @@ export const IconButton = ({
   accessibilityHint,
   testID
 }) => {
-  var _colorMap$color, _colorMap$color2;
+  var _mapColorStates$color, _mapColorStates$color2;
   const {
     progress,
     onPressIn,
@@ -76,14 +49,10 @@ export const IconButton = ({
     scaleAnimatedStyle
   } = useScaleAnimation("exaggerated");
   const reducedMotion = useReducedMotion();
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
-  const colorMap = useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
 
   // Animate the <Icon> color prop
   const animatedColor = useAnimatedProps(() => {
-    const iconColor = interpolateColor(progress.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed]);
+    const iconColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].icon.default, mapColorStates[color].icon.pressed]);
     return {
       color: iconColor
     };
@@ -118,12 +87,12 @@ export const IconButton = ({
     name: icon,
     size: iconSize,
     animatedProps: animatedColor,
-    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
+    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
   }) : /*#__PURE__*/React.createElement(AnimatedIcon, {
     allowFontScaling: true,
     name: icon,
     size: iconSize,
-    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
+    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
   })));
 };
 export default IconButton;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Pressable","Animated","interpolateColor","useAnimatedProps","useReducedMotion","IOColors","IOIconButtonStyles","IOStyles","hexToRgba","useIOExperimentalDesign","useScaleAnimation","AnimatedIcon","IconClassComponent","mapLegacyColorStates","primary","icon","default","blue","pressed","disabled","neutral","black","bluegreyDark","grey","contrast","white","mapColorStates","AnimatedIconClassComponent","createAnimatedComponent","IconButton","color","iconSize","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isExperimental","colorMap","animatedColor","iconColor","value","createElement","accessible","accessibilityRole","accessibilityState","hitSlop","View","style","buttonSizeSmall","alignCenter","centerJustified","allowFontScaling","name","size","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedProps","useReducedMotion","IOColors","IOIconButtonStyles","IOStyles","hexToRgba","useScaleAnimation","AnimatedIcon","IconClassComponent","mapColorStates","primary","icon","default","pressed","disabled","neutral","black","grey","contrast","white","AnimatedIconClassComponent","createAnimatedComponent","IconButton","color","iconSize","onPress","accessibilityLabel","accessibilityHint","testID","_mapColorStates$color","_mapColorStates$color2","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","animatedColor","iconColor","value","createElement","accessible","accessibilityRole","accessibilityState","hitSlop","View","style","buttonSizeSmall","alignCenter","centerJustified","allowFontScaling","name","size","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Pressable } from "react-native";
 import Animated, { interpolateColor, useAnimatedProps, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
 import { AnimatedIcon, IconClassComponent } from "../../components/icons";
-import { IOButtonStyles, IOColors, IOIconButtonStyles, hexToRgba, useIOExperimentalDesign } from "../../core";
+import { IOButtonStyles, IOColors, IOIconButtonStyles, hexToRgba } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 const mapColorStates = {
   // Primary button
@@ -45,47 +45,6 @@ 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 = ({
   icon,
@@ -96,10 +55,7 @@ export const IconButtonContained = ({
   accessibilityHint,
   testID
 }) => {
-  var _colorMap$color, _colorMap$color2;
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
+  var _mapColorStates$color, _mapColorStates$color2;
   const {
     progress,
     onPressIn,
@@ -107,14 +63,13 @@ export const IconButtonContained = ({
     scaleAnimatedStyle
   } = useScaleAnimation("exaggerated");
   const reducedMotion = useReducedMotion();
-  const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
   const backgroundColorAnimationStyle = useAnimatedStyle(() => ({
-    backgroundColor: interpolateColor(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed])
+    backgroundColor: interpolateColor(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed])
   }));
 
   // Animate the <Icon> color prop
   const iconColorAnimationStyle = useAnimatedProps(() => ({
-    color: interpolateColor(progress.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed])
+    color: interpolateColor(progress.value, [0, 1], [mapColorStates[color].icon.default, mapColorStates[color].icon.pressed])
   }));
   return /*#__PURE__*/React.createElement(Pressable, {
     accessibilityLabel: accessibilityLabel,
@@ -135,10 +90,10 @@ export const IconButtonContained = ({
   }, !disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
     name: icon,
     animatedProps: iconColorAnimationStyle,
-    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
+    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
   }) : /*#__PURE__*/React.createElement(AnimatedIcon, {
     name: icon,
-    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
+    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
   })));
 };
 export default IconButtonContained;