@pagopa/io-app-design-system 4.4.4 → 5.0.0-1

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;

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","AnimatedIcon","IconClassComponent","IOButtonStyles","IOColors","IOIconButtonStyles","hexToRgba","useIOExperimentalDesign","useScaleAnimation","mapColorStates","primary","background","default","pressed","disabled","icon","neutral","white","greyUltraLight","bluegrey","black","grey","contrast","mapLegacyColorStates","blue","AnimatedIconClassComponent","createAnimatedComponent","IconButtonContained","color","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","useMemo","backgroundColorAnimationStyle","backgroundColor","value","iconColorAnimationStyle","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","buttonSizeDefault","name","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonContained.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","AnimatedIcon","IconClassComponent","IOButtonStyles","IOColors","IOIconButtonStyles","hexToRgba","useScaleAnimation","mapColorStates","primary","background","default","pressed","disabled","icon","neutral","white","greyUltraLight","bluegrey","black","grey","contrast","AnimatedIconClassComponent","createAnimatedComponent","IconButtonContained","color","onPress","accessibilityLabel","accessibilityHint","testID","_mapColorStates$color","_mapColorStates$color2","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","backgroundColorAnimationStyle","backgroundColor","value","iconColorAnimationStyle","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","buttonSizeDefault","name","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonContained.tsx"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Pressable } from "react-native";
 import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
-import { IOButtonStyles, IOIconButtonStyles, useIOExperimentalDesign } from "../../core";
+import { IOButtonStyles, IOIconButtonStyles } from "../../core";
 import { IOColors, hexToRgba } from "../../core/IOColors";
 import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon } from "../icons";
@@ -30,33 +30,6 @@ const mapColorStates = {
     }
   }
 };
-
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const mapLegacyColorStates = {
-  // Primary button
-  primary: {
-    background: {
-      default: IOColors.blue,
-      pressed: IOColors["blue-600"],
-      disabled: IOColors["grey-100"]
-    },
-    icon: {
-      default: IOColors.white,
-      disabled: IOColors["grey-450"]
-    }
-  },
-  contrast: {
-    background: {
-      default: IOColors.white,
-      pressed: IOColors["blue-50"],
-      disabled: hexToRgba(IOColors.white, 0.25)
-    },
-    icon: {
-      default: IOColors.blue,
-      disabled: IOColors.blue
-    }
-  }
-};
 export const IconButtonSolid = ({
   icon,
   color = "primary",
@@ -66,10 +39,7 @@ export const IconButtonSolid = ({
   accessibilityHint,
   testID
 }) => {
-  var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4;
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
+  var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4;
   const {
     progress,
     onPressIn,
@@ -77,9 +47,8 @@ export const IconButtonSolid = ({
     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])
   }));
   return /*#__PURE__*/React.createElement(Pressable, {
     accessibilityLabel: accessibilityLabel,
@@ -97,14 +66,14 @@ export const IconButtonSolid = ({
     style: IOButtonStyles.dimensionsDefault
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [IOIconButtonStyles.button, IOIconButtonStyles.buttonSizeLarge, !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && backgroundColorAnimationStyle, disabled ? {
-      backgroundColor: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.background) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.disabled
+      backgroundColor: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.background) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.disabled
     } : {
-      backgroundColor: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.background) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.default
+      backgroundColor: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.background) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.default
     }]
   }, /*#__PURE__*/React.createElement(AnimatedIcon, {
     allowFontScaling: true,
     name: icon,
-    color: !disabled ? (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.icon) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.default : (_colorMap$color4 = colorMap[color]) === null || _colorMap$color4 === void 0 || (_colorMap$color4 = _colorMap$color4.icon) === null || _colorMap$color4 === void 0 ? void 0 : _colorMap$color4.disabled
+    color: !disabled ? (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.icon) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.default : (_mapColorStates$color4 = mapColorStates[color]) === null || _mapColorStates$color4 === void 0 || (_mapColorStates$color4 = _mapColorStates$color4.icon) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.disabled
   })));
 };
 export default IconButtonSolid;

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOIconButtonStyles","useIOExperimentalDesign","IOColors","hexToRgba","useScaleAnimation","AnimatedIcon","mapColorStates","primary","background","default","pressed","disabled","icon","white","contrast","mapLegacyColorStates","blue","IconButtonSolid","color","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","useMemo","backgroundColorAnimationStyle","backgroundColor","value","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","buttonSizeLarge","allowFontScaling","name"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOIconButtonStyles","IOColors","hexToRgba","useScaleAnimation","AnimatedIcon","mapColorStates","primary","background","default","pressed","disabled","icon","white","contrast","IconButtonSolid","color","onPress","accessibilityLabel","accessibilityHint","testID","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","backgroundColorAnimationStyle","backgroundColor","value","createElement","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","buttonSizeLarge","allowFontScaling","name"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}

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

@@ -164,13 +164,13 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
           "paddingHorizontal": 24,
           "textAlignVertical": "center",
         },
-        false,
         {
-          "borderWidth": 2,
+          "height": 48,
         },
         {
-          "height": 48,
+          "borderWidth": 2,
         },
+        false,
         {
           "columnGap": 8,
         },
@@ -282,12 +282,12 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
           "textAlignVertical": "center",
         },
         {
-          "overflow": "hidden",
+          "height": 48,
         },
-        false,
         {
-          "height": 48,
+          "overflow": "hidden",
         },
+        false,
         {
           "backgroundColor": "#0B3EE3",
         },
@@ -833,7 +833,7 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
           {},
           {
             "color": "#0E0F13",
-            "fontFamily": "Titillium Sans Pro",
+            "fontFamily": "Titillio",
             "fontSize": 16,
             "fontStyle": "normal",
             "fontWeight": "600",
@@ -900,27 +900,28 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
       [
         {
           "alignItems": "center",
-          "borderRadius": 4,
+          "borderCurve": "continuous",
+          "borderRadius": 8,
           "elevation": 0,
           "flexDirection": "row",
           "justifyContent": "center",
-          "paddingHorizontal": 16,
+          "paddingHorizontal": 24,
           "textAlignVertical": "center",
         },
-        false,
         {
-          "borderWidth": 1,
+          "height": 48,
         },
         {
-          "height": 40,
+          "borderWidth": 2,
         },
+        false,
         {
           "columnGap": 8,
         },
         false,
         {
-          "backgroundColor": "rgba(0,115,230,0)",
-          "borderColor": "#0073E6",
+          "backgroundColor": "rgba(231,236,252,0)",
+          "borderColor": "#0B3EE3",
         },
         {
           "transform": [
@@ -949,7 +950,7 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
           {},
           {
             "color": "#0E0F13",
-            "fontFamily": "Titillium Sans Pro",
+            "fontFamily": "Titillio",
             "fontSize": 16,
             "fontStyle": "normal",
             "fontWeight": "600",
@@ -1016,22 +1017,23 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
       [
         {
           "alignItems": "center",
-          "borderRadius": 4,
+          "borderCurve": "continuous",
+          "borderRadius": 8,
           "elevation": 0,
           "flexDirection": "row",
           "justifyContent": "center",
-          "paddingHorizontal": 16,
+          "paddingHorizontal": 24,
           "textAlignVertical": "center",
         },
         {
-          "overflow": "hidden",
+          "height": 48,
         },
-        false,
         {
-          "height": 40,
+          "overflow": "hidden",
         },
+        false,
         {
-          "backgroundColor": "#0073E6",
+          "backgroundColor": "#0B3EE3",
         },
         {
           "transform": [
@@ -1074,7 +1076,7 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
             {},
             {
               "color": "#FFFFFF",
-              "fontFamily": "Titillium Sans Pro",
+              "fontFamily": "Titillio",
               "fontSize": 16,
               "fontStyle": "normal",
               "fontWeight": "600",
@@ -1176,7 +1178,7 @@ exports[`Test Buttons Components IconButton Snapshot 1`] = `
             "borderWidth": 0,
           },
           {
-            "color": "#0073E6",
+            "color": "#0B3EE3",
           },
           {
             "flex": 0,
@@ -1185,7 +1187,7 @@ exports[`Test Buttons Components IconButton Snapshot 1`] = `
           },
         ]
       }
-      tintColor="#0073E6"
+      tintColor="#0B3EE3"
       vbHeight={24}
       vbWidth={24}
       width={24}
@@ -1310,7 +1312,7 @@ exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
             "borderWidth": 0,
           },
           {
-            "color": "#0073E6",
+            "color": "#0B3EE3",
           },
           {
             "flex": 0,
@@ -1319,7 +1321,7 @@ exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
           },
         ]
       }
-      tintColor="#0073E6"
+      tintColor="#0B3EE3"
       vbHeight={24}
       vbWidth={24}
       width={24}
@@ -1417,7 +1419,7 @@ exports[`Test Buttons Components IconButtonSolid Snapshot 1`] = `
           "backgroundColor": undefined,
         },
         {
-          "backgroundColor": "#0073E6",
+          "backgroundColor": "#0B3EE3",
         },
       ]
     }

package/lib/module/components/checkbox/AnimatedCheckbox.js

@@ -1,11 +1,10 @@
 import React, { useEffect } from "react";
 import { Pressable, StyleSheet, View } from "react-native";
 import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
-import { useIOFontDynamicScale } from "../../utils/accessibility";
-import { useIOExperimentalDesign } from "../../core";
 import { IOSpringValues } from "../../core/IOAnimations";
 import { IOColors } from "../../core/IOColors";
-import { IOSelectionTickLegacyVisualParams, IOSelectionTickVisualParams } from "../../core/IOStyles";
+import { IOSelectionTickVisualParams } from "../../core/IOStyles";
+import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { AnimatedTick } from "../common/AnimatedTick";
 const checkBoxRadius = 5;
 const styles = StyleSheet.create({
@@ -38,17 +37,8 @@ export const AnimatedCheckbox = ({
     dynamicFontScale
   } = useIOFontDynamicScale();
   const isChecked = checked ?? false;
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
-  const borderColorOffState = IOColors[IOSelectionTickVisualParams.borderColorOffState];
-  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-  const legacyBorderColorOffState = IOColors[IOSelectionTickLegacyVisualParams.borderColorOffState];
-  const borderColorProp = isExperimental ? borderColorOffState : legacyBorderColorOffState;
-  const backgroundColorOnState = IOColors[IOSelectionTickVisualParams.bgColorOnState];
-  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-  const legacyBackgroundColorOnState = IOColors[IOSelectionTickLegacyVisualParams.bgColorOnState];
-  const backgroundColorProp = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
+  const borderColor = IOColors[IOSelectionTickVisualParams.borderColorOffState];
+  const backgroundColor = IOColors[IOSelectionTickVisualParams.bgColorOnState];
   const squareAnimationProgress = useSharedValue(checked ? 1 : 0);
   const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
   const checkboxSizeStyle = {
@@ -87,11 +77,11 @@ export const AnimatedCheckbox = ({
     testID: "AnimatedCheckboxInput"
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.checkboxBorder, checkboxSizeStyle, {
-      borderColor: borderColorProp
+      borderColor
     }]
   }), /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.checkBoxSquare, checkboxSizeStyle, {
-      backgroundColor: backgroundColorProp
+      backgroundColor
     }, animatedCheckboxSquare]
   }), isChecked && /*#__PURE__*/React.createElement(View, {
     style: {

package/lib/module/components/checkbox/AnimatedCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","Pressable","StyleSheet","View","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","useIOFontDynamicScale","useIOExperimentalDesign","IOSpringValues","IOColors","IOSelectionTickLegacyVisualParams","IOSelectionTickVisualParams","AnimatedTick","checkBoxRadius","styles","create","checkboxBorder","borderWidth","borderCurve","position","left","top","checkBoxSquare","AnimatedCheckbox","size","checked","onPress","disabled","dynamicFontScale","isChecked","isExperimental","borderColorOffState","legacyBorderColorOffState","borderColorProp","backgroundColorOnState","bgColorOnState","legacyBackgroundColorOnState","backgroundColorProp","squareAnimationProgress","tickAnimationProgress","checkboxSizeStyle","width","height","borderRadius","checkboxWrapperSizeStyle","value","selection","duration","easing","elastic","animatedCheckboxSquare","scale","opacity","transform","createElement","accessible","style","testID","borderColor","backgroundColor","zIndex","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedCheckbox.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","Pressable","StyleSheet","View","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","IOSpringValues","IOColors","IOSelectionTickVisualParams","useIOFontDynamicScale","AnimatedTick","checkBoxRadius","styles","create","checkboxBorder","borderWidth","borderCurve","position","left","top","checkBoxSquare","AnimatedCheckbox","size","checked","onPress","disabled","dynamicFontScale","isChecked","borderColor","borderColorOffState","backgroundColor","bgColorOnState","squareAnimationProgress","tickAnimationProgress","checkboxSizeStyle","width","height","borderRadius","checkboxWrapperSizeStyle","value","selection","duration","easing","elastic","animatedCheckboxSquare","scale","opacity","transform","createElement","accessible","style","testID","zIndex","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedCheckbox.tsx"],"mappings":"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"}

package/lib/module/components/checkbox/AnimatedMessageCheckbox.js

@@ -1,10 +1,9 @@
 import React, { useEffect } from "react";
 import { Pressable, StyleSheet } from "react-native";
 import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
-import { useIOExperimentalDesign } from "../../core";
 import { IOSpringValues } from "../../core/IOAnimations";
 import { IOColors } from "../../core/IOColors";
-import { IOSelectionTickLegacyVisualParams, IOSelectionTickVisualParams, IOVisualCostants } from "../../core/IOStyles";
+import { IOSelectionTickVisualParams, IOVisualCostants } from "../../core/IOStyles";
 import { AnimatedTick } from "../common/AnimatedTick";
 const internalSpacing = 4;
 const styles = StyleSheet.create({
@@ -33,15 +32,9 @@ export const AnimatedMessageCheckbox = ({
   onPress
 }) => {
   const isChecked = !!checked;
-  const {
-    isExperimental
-  } = useIOExperimentalDesign();
   const shapeAnimationProgress = useSharedValue(checked ? 1 : 0);
   const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
-  const backgroundColorOnState = IOColors[IOSelectionTickVisualParams.bgColorOnState];
-  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-  const legacyBackgroundColorOnState = IOColors[IOSelectionTickLegacyVisualParams.bgColorOnState];
-  const backgroundColorProp = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
+  const backgroundColor = IOColors[IOSelectionTickVisualParams.bgColorOnState];
   useEffect(() => {
     // eslint-disable-next-line functional/immutable-data
     shapeAnimationProgress.value = withSpring(checked ? 1 : 0, IOSpringValues.selection);
@@ -71,7 +64,7 @@ export const AnimatedMessageCheckbox = ({
     style: styles.checkBoxWrapper
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.checkBoxShape, {
-      backgroundColor: backgroundColorProp
+      backgroundColor
     }, animatedCheckboxShape]
   }), isChecked && /*#__PURE__*/React.createElement(AnimatedTick, {
     progress: tickAnimationProgress,