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

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

@@ -417,6 +417,7 @@ exports[`Test Buttons Components - Experimental Enabled IconButton Snapshot 1`]
       align="xMidYMid"
       bbHeight={24}
       bbWidth={24}
+      color="#0B3EE3"
       focusable={false}
       height={24}
       importantForAccessibility="no-hide-descendants"
@@ -429,9 +430,6 @@ exports[`Test Buttons Components - Experimental Enabled IconButton Snapshot 1`]
             "backgroundColor": "transparent",
             "borderWidth": 0,
           },
-          {
-            "color": "#0B3EE3",
-          },
           {
             "flex": 0,
             "height": 24,
@@ -444,7 +442,6 @@ exports[`Test Buttons Components - Experimental Enabled IconButton Snapshot 1`]
       width={24}
     >
       <RNSVGGroup
-        color="#0B3EE3"
         fill={
           {
             "payload": 4278190080,
@@ -546,6 +543,7 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonContained Snap
       align="xMidYMid"
       bbHeight={24}
       bbWidth={24}
+      color="#0B3EE3"
       focusable={false}
       height={24}
       importantForAccessibility="no-hide-descendants"
@@ -558,9 +556,6 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonContained Snap
             "backgroundColor": "transparent",
             "borderWidth": 0,
           },
-          {
-            "color": "#0B3EE3",
-          },
           {
             "flex": 0,
             "height": 24,
@@ -573,7 +568,6 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonContained Snap
       width={24}
     >
       <RNSVGGroup
-        color="#0B3EE3"
         fill={
           {
             "payload": 4278190080,
@@ -678,6 +672,7 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonSolid Snapshot
       align="xMidYMid"
       bbHeight={24}
       bbWidth={24}
+      color="#FFFFFF"
       focusable={false}
       height={24}
       importantForAccessibility="no-hide-descendants"
@@ -690,9 +685,6 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonSolid Snapshot
             "backgroundColor": "transparent",
             "borderWidth": 0,
           },
-          {
-            "color": "#FFFFFF",
-          },
           {
             "flex": 0,
             "height": 24,
@@ -705,7 +697,6 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonSolid Snapshot
       width={24}
     >
       <RNSVGGroup
-        color="#FFFFFF"
         fill={
           {
             "payload": 4278190080,
@@ -1086,386 +1077,3 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
   </View>
 </View>
 `;
-
-exports[`Test Buttons Components IconButton Snapshot 1`] = `
-<View
-  accessibilityLabel="accessibilityLabel"
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "checked": undefined,
-      "disabled": false,
-      "expanded": undefined,
-      "selected": undefined,
-    }
-  }
-  accessibilityValue={
-    {
-      "max": undefined,
-      "min": undefined,
-      "now": undefined,
-      "text": undefined,
-    }
-  }
-  accessible={true}
-  collapsable={false}
-  focusable={true}
-  hitSlop={8}
-  onBlur={[Function]}
-  onClick={[Function]}
-  onFocus={[Function]}
-  onResponderGrant={[Function]}
-  onResponderMove={[Function]}
-  onResponderRelease={[Function]}
-  onResponderTerminate={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
->
-  <View
-    style={
-      [
-        {
-          "height": 24,
-          "width": 24,
-        },
-        {
-          "alignItems": "center",
-        },
-        {
-          "justifyContent": "center",
-        },
-        {
-          "transform": [
-            {
-              "scale": undefined,
-            },
-          ],
-        },
-      ]
-    }
-  >
-    <RNSVGSvgView
-      accessibilityElementsHidden={true}
-      accessibilityLabel=""
-      accessible={false}
-      align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
-      focusable={false}
-      height={24}
-      importantForAccessibility="no-hide-descendants"
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "color": "#0B3EE3",
-          },
-          {
-            "flex": 0,
-            "height": 24,
-            "width": 24,
-          },
-        ]
-      }
-      vbHeight={24}
-      vbWidth={24}
-      width={24}
-    >
-      <RNSVGGroup
-        color="#0B3EE3"
-        fill={
-          {
-            "payload": 4278190080,
-            "type": 0,
-          }
-        }
-      >
-        <RNSVGPath
-          clipRule={0}
-          d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
-          fill={
-            {
-              "type": 2,
-            }
-          }
-          fillRule={0}
-          propList={
-            [
-              "fill",
-              "fillRule",
-            ]
-          }
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-  </View>
-</View>
-`;
-
-exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
-<View
-  accessibilityLabel="accessibilityLabel"
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "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": "flex-start",
-    }
-  }
->
-  <View
-    style={
-      [
-        {
-          "alignItems": "center",
-          "elevation": 0,
-          "justifyContent": "center",
-        },
-        {
-          "borderRadius": 48,
-          "height": 48,
-          "width": 48,
-        },
-        {
-          "transform": [
-            {
-              "scale": undefined,
-            },
-          ],
-        },
-        {
-          "backgroundColor": undefined,
-        },
-      ]
-    }
-  >
-    <RNSVGSvgView
-      accessibilityElementsHidden={true}
-      accessibilityLabel=""
-      accessible={false}
-      align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
-      focusable={false}
-      height={24}
-      importantForAccessibility="no-hide-descendants"
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "color": "#0B3EE3",
-          },
-          {
-            "flex": 0,
-            "height": 24,
-            "width": 24,
-          },
-        ]
-      }
-      vbHeight={24}
-      vbWidth={24}
-      width={24}
-    >
-      <RNSVGGroup
-        color="#0B3EE3"
-        fill={
-          {
-            "payload": 4278190080,
-            "type": 0,
-          }
-        }
-      >
-        <RNSVGPath
-          clipRule={0}
-          d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
-          fill={
-            {
-              "type": 2,
-            }
-          }
-          fillRule={0}
-          propList={
-            [
-              "fill",
-              "fillRule",
-            ]
-          }
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-  </View>
-</View>
-`;
-
-exports[`Test Buttons Components IconButtonSolid Snapshot 1`] = `
-<View
-  accessibilityLabel="accessibilityLabel"
-  accessibilityRole="button"
-  accessibilityState={
-    {
-      "busy": undefined,
-      "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": "flex-start",
-    }
-  }
->
-  <View
-    style={
-      [
-        {
-          "alignItems": "center",
-          "elevation": 0,
-          "justifyContent": "center",
-        },
-        {
-          "borderRadius": 56,
-          "height": 56,
-          "width": 56,
-        },
-        {
-          "transform": [
-            {
-              "scale": undefined,
-            },
-          ],
-        },
-        {
-          "backgroundColor": undefined,
-        },
-        {
-          "backgroundColor": "#0B3EE3",
-        },
-      ]
-    }
-  >
-    <RNSVGSvgView
-      accessibilityElementsHidden={true}
-      accessibilityLabel=""
-      accessible={false}
-      align="xMidYMid"
-      bbHeight={24}
-      bbWidth={24}
-      focusable={false}
-      height={24}
-      importantForAccessibility="no-hide-descendants"
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "color": "#FFFFFF",
-          },
-          {
-            "flex": 0,
-            "height": 24,
-            "width": 24,
-          },
-        ]
-      }
-      vbHeight={24}
-      vbWidth={24}
-      width={24}
-    >
-      <RNSVGGroup
-        color="#FFFFFF"
-        fill={
-          {
-            "payload": 4278190080,
-            "type": 0,
-          }
-        }
-      >
-        <RNSVGPath
-          clipRule={0}
-          d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
-          fill={
-            {
-              "type": 2,
-            }
-          }
-          fillRule={0}
-          propList={
-            [
-              "fill",
-              "fillRule",
-            ]
-          }
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-  </View>
-</View>
-`;

package/lib/module/components/buttons/__test__/button.test.js

@@ -38,30 +38,6 @@ describe("Test Buttons Components", () => {
     })).toJSON();
     expect(buttonOutline).toMatchSnapshot();
   });
-  it("IconButtonSolid Snapshot", () => {
-    const iconButtonSolid = TestRenderer.create(/*#__PURE__*/_jsx(IconButtonSolid, {
-      onPress: onButtonPress,
-      icon: "spid",
-      accessibilityLabel: "accessibilityLabel"
-    })).toJSON();
-    expect(iconButtonSolid).toMatchSnapshot();
-  });
-  it("IconButton Snapshot", () => {
-    const iconButton = TestRenderer.create(/*#__PURE__*/_jsx(IconButton, {
-      onPress: onButtonPress,
-      icon: "spid",
-      accessibilityLabel: "accessibilityLabel"
-    })).toJSON();
-    expect(iconButton).toMatchSnapshot();
-  });
-  it("IconButtonContained Snapshot", () => {
-    const iconButtonContained = TestRenderer.create(/*#__PURE__*/_jsx(IconButtonContained, {
-      onPress: onButtonPress,
-      icon: "spid",
-      accessibilityLabel: "accessibilityLabel"
-    })).toJSON();
-    expect(iconButtonContained).toMatchSnapshot();
-  });
 });
 describe("Test Buttons Components - Experimental Enabled", () => {
   it("ButtonSolid Snapshot", () => {

package/lib/module/components/buttons/__test__/button.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Alert","TestRenderer","TestRendererWithExperimentalEnabledContextProvider","ButtonLink","ButtonOutline","ButtonSolid","IconButton","IconButtonContained","IconButtonSolid","jsx","_jsx","onButtonPress","alert","describe","it","buttonSolid","create","label","accessibilityLabel","onPress","toJSON","expect","toMatchSnapshot","buttonLink","buttonOutline","iconButtonSolid","icon","iconButton","iconButtonContained"],"sourceRoot":"../../../../../src","sources":["components/buttons/__test__/button.test.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Alert","TestRenderer","TestRendererWithExperimentalEnabledContextProvider","ButtonLink","ButtonOutline","ButtonSolid","IconButton","IconButtonContained","IconButtonSolid","jsx","_jsx","onButtonPress","alert","describe","it","buttonSolid","create","label","accessibilityLabel","onPress","toJSON","expect","toMatchSnapshot","buttonLink","buttonOutline","iconButtonSolid","icon","iconButton","iconButtonContained"],"sourceRoot":"../../../../../src","sources":["components/buttons/__test__/button.test.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 "use strict";
 
+export * from "./IOButton";
 export * from "./ButtonLink";
 export * from "./ButtonOutline";
 export * from "./ButtonSolid";

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/buttons/index.tsx"],"mappings":";;AAAA,cAAc,cAAc;AAC5B,cAAc,iBAAiB;AAC/B,cAAc,eAAe;AAC7B,cAAc,uBAAuB;AACrC,cAAc,mBAAmB;AACjC,cAAc,cAAc","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/buttons/index.tsx"],"mappings":";;AAAA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,cAAc,iBAAiB;AAC/B,cAAc,eAAe;AAC7B,cAAc,uBAAuB;AACrC,cAAc,mBAAmB;AACjC,cAAc,cAAc","ignoreList":[]}

package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap

@@ -97,6 +97,7 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (controlled) 1`] = `
             align="xMidYMid"
             bbHeight={24}
             bbWidth={24}
+            color="#0B3EE3"
             focusable={false}
             height={24}
             importantForAccessibility="no-hide-descendants"
@@ -109,9 +110,6 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (controlled) 1`] = `
                   "backgroundColor": "transparent",
                   "borderWidth": 0,
                 },
-                {
-                  "color": "#0B3EE3",
-                },
                 {
                   "flex": 0,
                   "height": 24,
@@ -124,7 +122,6 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (controlled) 1`] = `
             width={24}
           >
             <RNSVGGroup
-              color="#0B3EE3"
               fill={
                 {
                   "payload": 4278190080,
@@ -627,6 +624,7 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (uncontrolled) 1`] = `
             align="xMidYMid"
             bbHeight={24}
             bbWidth={24}
+            color="#0B3EE3"
             focusable={false}
             height={24}
             importantForAccessibility="no-hide-descendants"
@@ -639,9 +637,6 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (uncontrolled) 1`] = `
                   "backgroundColor": "transparent",
                   "borderWidth": 0,
                 },
-                {
-                  "color": "#0B3EE3",
-                },
                 {
                   "flex": 0,
                   "height": 24,
@@ -654,7 +649,6 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (uncontrolled) 1`] = `
             width={24}
           >
             <RNSVGGroup
-              color="#0B3EE3"
               fill={
                 {
                   "payload": 4278190080,
@@ -1088,6 +1082,7 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (unselectable items) 1`] = `
             align="xMidYMid"
             bbHeight={24}
             bbWidth={24}
+            color="#0B3EE3"
             focusable={false}
             height={24}
             importantForAccessibility="no-hide-descendants"
@@ -1100,9 +1095,6 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (unselectable items) 1`] = `
                   "backgroundColor": "transparent",
                   "borderWidth": 0,
                 },
-                {
-                  "color": "#0B3EE3",
-                },
                 {
                   "flex": 0,
                   "height": 24,
@@ -1115,7 +1107,6 @@ exports[`ClaimsSelector ClaimsSelector Snapshot (unselectable items) 1`] = `
             width={24}
           >
             <RNSVGGroup
-              color="#0B3EE3"
               fill={
                 {
                   "payload": 4278190080,

package/lib/module/components/icons/Icon.js

@@ -1,6 +1,7 @@
 "use strict";
 
 import React from "react";
+import Animated from "react-native-reanimated";
 import { IOColors } from "../../core/IOColors";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 
@@ -435,9 +436,7 @@ export const Icon = ({
   const iconSize = allowFontScaling && typeof size === "number" ? size * dynamicFontScale : size;
   return /*#__PURE__*/_jsx(IconElement, {
     ...props,
-    style: {
-      color: IOColors[color]
-    },
+    color: IOColors[color],
     size: iconSize,
     accessible: isAccessible,
     accessibilityElementsHidden: !isAccessible,
@@ -466,9 +465,7 @@ export const AnimatedIcon = ({
   const iconSize = allowFontScaling && typeof size === "number" ? size * dynamicFontScale : size;
   return /*#__PURE__*/_jsx(IconElement, {
     ...props,
-    style: {
-      color
-    },
+    color: color,
     size: iconSize,
     accessible: accessible,
     accessibilityElementsHidden: true,
@@ -480,7 +477,7 @@ export const AnimatedIcon = ({
 /* Make <Icon> component animatable. Reanimated supports class components only,
 so we need to convert <Icon> into a class component first.
 https://github.com/software-mansion/react-native-reanimated/discussions/1527  */
-export class IconClassComponent extends React.Component {
+class AnimatedIconClassComponent extends React.Component {
   constructor(props) {
     super(props);
   }
@@ -491,6 +488,12 @@ export class IconClassComponent extends React.Component {
   }
 }
 
+/*
+A name that explicitly indicates the purpose of the component.
+It must be used in combination with `useAnimatedProps` hook.
+*/
+export const AnimatedIconWithColorTransition = Animated.createAnimatedComponent(AnimatedIconClassComponent);
+
 /*
 ░░░ VARIOUS SETS ░░░
 */