@pagopa/io-app-design-system 5.3.8 → 5.4.0

package/lib/commonjs/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap

@@ -0,0 +1,391 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
+<View
+  accessibilityLabel="accessibilityLabel"
+  accessibilityRole="button"
+  accessibilityState={
+    {
+      "busy": false,
+      "checked": undefined,
+      "disabled": false,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
+  accessible={true}
+  collapsable={false}
+  focusable={true}
+  hitSlop={
+    {
+      "bottom": 14,
+      "left": 24,
+      "right": 24,
+      "top": 14,
+    }
+  }
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+  style={
+    {
+      "alignSelf": "flex-start",
+    }
+  }
+>
+  <View
+    style={
+      [
+        {
+          "alignItems": "center",
+          "borderCurve": "continuous",
+          "elevation": 0,
+          "flexDirection": "row",
+          "justifyContent": "center",
+          "overflow": "hidden",
+          "textAlignVertical": "center",
+        },
+        {
+          "paddingHorizontal": 0,
+        },
+        {
+          "backgroundColor": "transparent",
+          "borderColor": "#0B3EE3",
+          "borderRadius": 8,
+          "borderWidth": 0,
+          "height": undefined,
+        },
+        {},
+        {
+          "transform": [
+            {
+              "scale": undefined,
+            },
+          ],
+        },
+        {},
+      ]
+    }
+  >
+    <View
+      style={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+    >
+      <Text
+        accessibilityElementsHidden={true}
+        accessible={false}
+        allowFontScaling={true}
+        ellipsizeMode="tail"
+        importantForAccessibility="no-hide-descendants"
+        maxFontSizeMultiplier={1.5}
+        numberOfLines={1}
+        style={
+          [
+            {},
+            {
+              "color": "#0E0F13",
+              "fontFamily": "Titillio",
+              "fontSize": 16,
+              "fontStyle": "normal",
+              "fontWeight": "600",
+              "lineHeight": 20,
+            },
+            [
+              {
+                "textAlign": "auto",
+              },
+              {
+                "color": undefined,
+              },
+            ],
+          ]
+        }
+      >
+        label
+      </Text>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`Test Buttons Components IOButton Snapshot · Outline variant 1`] = `
+<View
+  accessibilityLabel="accessibilityLabel"
+  accessibilityRole="button"
+  accessibilityState={
+    {
+      "busy": false,
+      "checked": undefined,
+      "disabled": false,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
+  accessible={true}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+  style={
+    {
+      "alignSelf": "auto",
+      "flexShrink": 1,
+    }
+  }
+>
+  <View
+    style={
+      [
+        {
+          "alignItems": "center",
+          "borderCurve": "continuous",
+          "elevation": 0,
+          "flexDirection": "row",
+          "justifyContent": "center",
+          "overflow": "hidden",
+          "textAlignVertical": "center",
+        },
+        {
+          "paddingHorizontal": 24,
+        },
+        {
+          "backgroundColor": "rgba(9,50,182,0)",
+          "borderColor": "#0B3EE3",
+          "borderRadius": 8,
+          "borderWidth": 2,
+          "height": 48,
+        },
+        {},
+        {
+          "transform": [
+            {
+              "scale": undefined,
+            },
+          ],
+        },
+        {
+          "backgroundColor": undefined,
+          "borderColor": undefined,
+        },
+      ]
+    }
+  >
+    <View
+      style={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+    >
+      <Text
+        accessibilityElementsHidden={true}
+        accessible={false}
+        allowFontScaling={true}
+        ellipsizeMode="tail"
+        importantForAccessibility="no-hide-descendants"
+        maxFontSizeMultiplier={1.5}
+        numberOfLines={1}
+        style={
+          [
+            {},
+            {
+              "color": "#0E0F13",
+              "fontFamily": "Titillio",
+              "fontSize": 16,
+              "fontStyle": "normal",
+              "fontWeight": "600",
+              "lineHeight": undefined,
+            },
+            [
+              {
+                "textAlign": "auto",
+              },
+              {
+                "color": undefined,
+              },
+            ],
+          ]
+        }
+      >
+        label
+      </Text>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
+<View
+  accessibilityLabel="accessibilityLabel"
+  accessibilityRole="button"
+  accessibilityState={
+    {
+      "busy": false,
+      "checked": undefined,
+      "disabled": false,
+      "expanded": undefined,
+      "selected": undefined,
+    }
+  }
+  accessibilityValue={
+    {
+      "max": undefined,
+      "min": undefined,
+      "now": undefined,
+      "text": undefined,
+    }
+  }
+  accessible={true}
+  collapsable={false}
+  focusable={true}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+  style={
+    {
+      "alignSelf": "auto",
+      "flexShrink": 1,
+    }
+  }
+>
+  <View
+    style={
+      [
+        {
+          "alignItems": "center",
+          "borderCurve": "continuous",
+          "elevation": 0,
+          "flexDirection": "row",
+          "justifyContent": "center",
+          "overflow": "hidden",
+          "textAlignVertical": "center",
+        },
+        {
+          "paddingHorizontal": 24,
+        },
+        {
+          "backgroundColor": "#0B3EE3",
+          "borderColor": "#FFFFFF",
+          "borderRadius": 8,
+          "borderWidth": 0,
+          "height": 48,
+        },
+        {},
+        {
+          "transform": [
+            {
+              "scale": undefined,
+            },
+          ],
+        },
+        {
+          "backgroundColor": undefined,
+        },
+      ]
+    }
+  >
+    <View
+      style={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+    >
+      <Text
+        accessibilityElementsHidden={true}
+        accessible={false}
+        allowFontScaling={true}
+        ellipsizeMode="tail"
+        importantForAccessibility="no-hide-descendants"
+        maxFontSizeMultiplier={1.5}
+        numberOfLines={1}
+        style={
+          [
+            {},
+            {
+              "color": "#0E0F13",
+              "fontFamily": "Titillio",
+              "fontSize": 16,
+              "fontStyle": "normal",
+              "fontWeight": "600",
+              "lineHeight": undefined,
+            },
+            [
+              {
+                "textAlign": "auto",
+              },
+              {
+                "color": undefined,
+              },
+            ],
+          ]
+        }
+      >
+        label
+      </Text>
+    </View>
+  </View>
+</View>
+`;

package/lib/commonjs/components/buttons/IOButton/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _IOButton = require("./IOButton");
+Object.keys(_IOButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IOButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _IOButton[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/buttons/IOButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_IOButton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/buttons/IOButton/index.tsx"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/buttons/IOButton/styles.js

@@ -0,0 +1,166 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useButtonColorMap = exports.useButtonAnimatedStyles = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _core = require("../../../core");
+const useButtonColorMap = variant => {
+  const theme = (0, _core.useIOTheme)();
+  const mapColorStatesVariantSolid = {
+    // Primary
+    primary: {
+      background: {
+        default: _core.IOColors[theme["interactiveElem-default"]],
+        pressed: _core.IOColors[theme["interactiveElem-pressed"]],
+        disabled: _core.IOColors[theme["interactiveElem-disabled"]]
+      },
+      foreground: {
+        default: _core.IOColors[theme["buttonText-default"]],
+        pressed: _core.IOColors[theme["buttonText-default"]],
+        disabled: _core.IOColors[theme["buttonText-disabled"]]
+      }
+    },
+    // Danger
+    danger: {
+      background: {
+        default: _core.IOColors["error-600"],
+        pressed: _core.IOColors["error-500"],
+        disabled: _core.IOColors[theme["interactiveElem-disabled"]]
+      },
+      foreground: {
+        default: _core.IOColors[theme["buttonText-danger"]],
+        pressed: _core.IOColors[theme["buttonText-danger"]],
+        disabled: _core.IOColors[theme["buttonText-disabled"]]
+      }
+    },
+    // Contrast
+    contrast: {
+      background: {
+        default: _core.IOColors.white,
+        pressed: _core.IOColors["blueIO-50"],
+        disabled: _core.IOColors["blueIO-50"]
+      },
+      foreground: {
+        default: _core.IOColors["blueIO-500"],
+        pressed: _core.IOColors["blueIO-500"],
+        disabled: _core.IOColors["blueIO-500"]
+      }
+    }
+  };
+  const mapColorStatesVariantOutline = {
+    // Primary
+    primary: {
+      background: {
+        default: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-pressed"]], 0),
+        pressed: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-pressed"]], 0.1),
+        disabled: "transparent"
+      },
+      foreground: {
+        default: _core.IOColors[theme["interactiveElem-default"]],
+        pressed: _core.IOColors[theme["interactiveElem-pressed"]],
+        disabled: _core.IOColors[theme["interactiveOutline-disabled"]]
+      }
+    },
+    // Danger
+    danger: {
+      background: {
+        default: (0, _core.hexToRgba)(_core.IOColors["error-600"], 0),
+        pressed: (0, _core.hexToRgba)(_core.IOColors["error-600"], 0.1),
+        disabled: "transparent"
+      },
+      foreground: {
+        default: _core.IOColors[theme.errorText],
+        pressed: _core.IOColors[theme.errorText],
+        disabled: _core.IOColors[theme["buttonText-disabled"]]
+      }
+    },
+    // Contrast
+    contrast: {
+      background: {
+        default: (0, _core.hexToRgba)(_core.IOColors["blueIO-600"], 0),
+        pressed: (0, _core.hexToRgba)(_core.IOColors["blueIO-600"], 0.5),
+        disabled: "transparent"
+      },
+      foreground: {
+        default: _core.IOColors.white,
+        pressed: _core.IOColors.white,
+        disabled: _core.IOColors["blueIO-200"]
+      }
+    }
+  };
+  const transparentLinkBackground = {
+    default: "transparent",
+    pressed: "transparent",
+    disabled: "transparent"
+  };
+  const mapColorStatesVariantLink = {
+    // Primary
+    primary: {
+      foreground: {
+        default: _core.IOColors[theme["interactiveElem-default"]],
+        pressed: _core.IOColors[theme["interactiveElem-pressed"]],
+        disabled: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-default"]], 0.85)
+      },
+      background: transparentLinkBackground
+    },
+    // Danger
+    danger: {
+      foreground: {
+        default: _core.IOColors[theme.errorText],
+        pressed: _core.IOColors[theme.errorText],
+        disabled: (0, _core.hexToRgba)(_core.IOColors[theme.errorText], 0.85)
+      },
+      background: transparentLinkBackground
+    },
+    // Contrast
+    contrast: {
+      foreground: {
+        default: _core.IOColors.white,
+        pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
+        disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.5)
+      },
+      background: transparentLinkBackground
+    }
+  };
+  const colorMap = {
+    solid: mapColorStatesVariantSolid,
+    outline: mapColorStatesVariantOutline,
+    link: mapColorStatesVariantLink
+  };
+  return colorMap[variant];
+};
+exports.useButtonColorMap = useButtonColorMap;
+const useButtonAnimatedStyles = (variant, color, progress) => {
+  const mapColorStates = useButtonColorMap(variant);
+
+  // Interpolate animation values from `isPressed` values
+  const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // `link` variant doesn't need this animated style
+    if (variant === "link") {
+      return {};
+    }
+    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
+    const borderColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed]);
+    return variant === "outline" ? {
+      backgroundColor,
+      borderColor
+    } : {
+      backgroundColor
+    };
+  });
+  const pressedColorLabelAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed])
+  }));
+  const iconColorAnimatedStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
+    color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color]?.foreground?.default, mapColorStates[color]?.foreground?.pressed])
+  }));
+  return {
+    buttonAnimatedStyle: pressedAnimationStyle,
+    labelAnimatedStyle: pressedColorLabelAnimationStyle,
+    iconColorAnimatedStyle
+  };
+};
+exports.useButtonAnimatedStyles = useButtonAnimatedStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/buttons/IOButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_core","useButtonColorMap","variant","theme","useIOTheme","mapColorStatesVariantSolid","primary","background","default","IOColors","pressed","disabled","foreground","danger","contrast","white","mapColorStatesVariantOutline","hexToRgba","errorText","transparentLinkBackground","mapColorStatesVariantLink","colorMap","solid","outline","link","exports","useButtonAnimatedStyles","color","progress","mapColorStates","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","borderColor","pressedColorLabelAnimationStyle","iconColorAnimatedStyle","useAnimatedProps","buttonAnimatedStyle","labelAnimatedStyle"],"sourceRoot":"../../../../../src","sources":["components/buttons/IOButton/styles.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -14,7 +14,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
 const IconButton = ({
   color = "primary",
   persistentColorMode = false,
@@ -93,7 +92,7 @@ const IconButton = ({
     testID: testID,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       style: [_core.IOIconButtonStyles.buttonSizeSmall, _core.IOStyles.alignCenter, _core.IOStyles.centerJustified, !disabled && !reducedMotion && scaleAnimatedStyle],
-      children: !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedIconClassComponent, {
+      children: !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AnimatedIconWithColorTransition, {
         allowFontScaling: true,
         name: icon,
         size: iconSize,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_core","_hooks","_icons","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButton","color","persistentColorMode","icon","iconSize","disabled","onPress","accessibilityLabel","accessibilityHint","testID","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","IOColors","pressed","neutral","IOThemeLight","contrast","white","hexToRgba","animatedColor","useAnimatedProps","iconColor","interpolateColor","value","jsx","Pressable","accessible","accessibilityRole","accessibilityState","hitSlop","children","View","style","IOIconButtonStyles","buttonSizeSmall","IOStyles","alignCenter","centerJustified","allowFontScaling","name","size","animatedProps","AnimatedIcon","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_core","_hooks","_icons","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","IconButton","color","persistentColorMode","icon","iconSize","disabled","onPress","accessibilityLabel","accessibilityHint","testID","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","IOColors","pressed","neutral","IOThemeLight","contrast","white","hexToRgba","animatedColor","useAnimatedProps","iconColor","interpolateColor","value","jsx","Pressable","accessible","accessibilityRole","accessibilityState","hitSlop","children","View","style","IOIconButtonStyles","buttonSizeSmall","IOStyles","alignCenter","centerJustified","AnimatedIconWithColorTransition","allowFontScaling","name","size","animatedProps","AnimatedIcon","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -54,7 +54,6 @@ const mapColorStates = {
     }
   }
 };
-const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
 const IconButtonContained = ({
   icon,
   color = "primary",
@@ -97,7 +96,7 @@ const IconButtonContained = ({
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       style: [_core.IOIconButtonStyles.button, _core.IOIconButtonStyles.buttonSizeDefault, !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && backgroundColorAnimationStyle],
-      children: !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedIconClassComponent, {
+      children: !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AnimatedIconWithColorTransition, {
         name: icon,
         animatedProps: iconColorAnimationStyle,
         color: mapColorStates[color]?.icon?.default