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

package/lib/module/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/module/components/buttons/IOButton/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./IOButton";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/buttons/IOButton/index.tsx"],"mappings":";;AAAA,cAAc,YAAY","ignoreList":[]}

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

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

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

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

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

@@ -5,9 +5,8 @@ import { Pressable } from "react-native";
 import Animated, { interpolateColor, useAnimatedProps, useReducedMotion } from "react-native-reanimated";
 import { IOColors, IOIconButtonStyles, IOStyles, IOThemeLight, hexToRgba, useIOTheme } from "../../core";
 import { useScaleAnimation } from "../../hooks";
-import { AnimatedIcon, IconClassComponent } from "../icons";
+import { AnimatedIcon, AnimatedIconWithColorTransition } from "../icons";
 import { jsx as _jsx } from "react/jsx-runtime";
-const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
 export const IconButton = ({
   color = "primary",
   persistentColorMode = false,
@@ -86,7 +85,7 @@ export const IconButton = ({
     testID: testID,
     children: /*#__PURE__*/_jsx(Animated.View, {
       style: [IOIconButtonStyles.buttonSizeSmall, IOStyles.alignCenter, IOStyles.centerJustified, !disabled && !reducedMotion && scaleAnimatedStyle],
-      children: !disabled ? /*#__PURE__*/_jsx(AnimatedIconClassComponent, {
+      children: !disabled ? /*#__PURE__*/_jsx(AnimatedIconWithColorTransition, {
         allowFontScaling: true,
         name: icon,
         size: iconSize,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedProps","useReducedMotion","IOColors","IOIconButtonStyles","IOStyles","IOThemeLight","hexToRgba","useIOTheme","useScaleAnimation","AnimatedIcon","IconClassComponent","jsx","_jsx","AnimatedIconClassComponent","createAnimatedComponent","IconButton","color","persistentColorMode","icon","iconSize","disabled","onPress","accessibilityLabel","accessibilityHint","testID","theme","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","primary","default","pressed","neutral","contrast","white","animatedColor","iconColor","value","accessible","accessibilityRole","accessibilityState","hitSlop","children","View","style","buttonSizeSmall","alignCenter","centerJustified","allowFontScaling","name","size","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedProps","useReducedMotion","IOColors","IOIconButtonStyles","IOStyles","IOThemeLight","hexToRgba","useIOTheme","useScaleAnimation","AnimatedIcon","AnimatedIconWithColorTransition","jsx","_jsx","IconButton","color","persistentColorMode","icon","iconSize","disabled","onPress","accessibilityLabel","accessibilityHint","testID","theme","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","primary","default","pressed","neutral","contrast","white","animatedColor","iconColor","value","accessible","accessibilityRole","accessibilityState","hitSlop","children","View","style","buttonSizeSmall","alignCenter","centerJustified","allowFontScaling","name","size","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,7 +3,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 { AnimatedIcon, AnimatedIconWithColorTransition } from "../../components/icons";
 import { IOColors, IOIconButtonStyles, hexToRgba } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -48,7 +48,6 @@ const mapColorStates = {
     }
   }
 };
-const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
 export const IconButtonContained = ({
   icon,
   color = "primary",
@@ -91,7 +90,7 @@ export const IconButtonContained = ({
     },
     children: /*#__PURE__*/_jsx(Animated.View, {
       style: [IOIconButtonStyles.button, IOIconButtonStyles.buttonSizeDefault, !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && backgroundColorAnimationStyle],
-      children: !disabled ? /*#__PURE__*/_jsx(AnimatedIconClassComponent, {
+      children: !disabled ? /*#__PURE__*/_jsx(AnimatedIconWithColorTransition, {
         name: icon,
         animatedProps: iconColorAnimationStyle,
         color: mapColorStates[color]?.icon?.default

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","AnimatedIcon","IconClassComponent","IOColors","IOIconButtonStyles","hexToRgba","useScaleAnimation","jsx","_jsx","mapColorStates","primary","background","default","pressed","disabled","icon","neutral","white","black","contrast","AnimatedIconClassComponent","createAnimatedComponent","IconButtonContained","color","onPress","accessibilityLabel","accessibilityHint","testID","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","backgroundColorAnimationStyle","backgroundColor","value","iconColorAnimationStyle","accessibilityRole","accessibilityState","accessible","style","alignSelf","children","View","button","buttonSizeDefault","name","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonContained.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","AnimatedIcon","AnimatedIconWithColorTransition","IOColors","IOIconButtonStyles","hexToRgba","useScaleAnimation","jsx","_jsx","mapColorStates","primary","background","default","pressed","disabled","icon","neutral","white","black","contrast","IconButtonContained","color","onPress","accessibilityLabel","accessibilityHint","testID","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","backgroundColorAnimationStyle","backgroundColor","value","iconColorAnimationStyle","accessibilityRole","accessibilityState","accessible","style","alignSelf","children","View","button","buttonSizeDefault","name","animatedProps"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonContained.tsx"],"mappings":"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","ignoreList":[]}