@pagopa/io-app-design-system 5.12.1 → 6.0.0-0

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

@@ -48,6 +48,48 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
   }
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "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,
+        },
+        {},
+      ]
+    }
+    nativeID="12"
     style={
       [
         {
@@ -62,7 +104,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
@@ -82,6 +124,31 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
     }
   >
     <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
+      jestInlineStyle={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+      nativeID="13"
       style={
         [
           {
@@ -100,9 +167,33 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
         accessibilityElementsHidden={true}
         accessible={false}
         allowFontScaling={true}
+        collapsable={false}
         ellipsizeMode="tail"
         importantForAccessibility="no-hide-descendants"
+        jestAnimatedProps={
+          {
+            "value": {},
+          }
+        }
+        jestAnimatedStyle={
+          {
+            "value": {
+              "color": "rgba(11, 62, 227, 1)",
+            },
+          }
+        }
+        jestInlineStyle={
+          [
+            {
+              "textAlign": "auto",
+            },
+            {
+              "color": "#0B3EE3",
+            },
+          ]
+        }
         maxFontSizeMultiplier={1.5}
+        nativeID="14"
         numberOfLines={1}
         style={
           [
@@ -123,7 +214,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
                 "color": "#0B3EE3",
               },
               {
-                "color": undefined,
+                "color": "rgba(11, 62, 227, 1)",
               },
             ],
           ]
@@ -177,6 +268,50 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
   }
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "backgroundColor": "rgba(9, 50, 182, 0)",
+          "borderColor": "rgba(11, 62, 227, 1)",
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "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,
+        },
+        {},
+      ]
+    }
+    nativeID="15"
     style={
       [
         {
@@ -191,13 +326,13 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
         {
-          "backgroundColor": undefined,
-          "borderColor": undefined,
+          "backgroundColor": "rgba(9, 50, 182, 0)",
+          "borderColor": "rgba(11, 62, 227, 1)",
         },
         {
           "paddingHorizontal": 24,
@@ -214,6 +349,31 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
     }
   >
     <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
+      jestInlineStyle={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+      nativeID="16"
       style={
         [
           {
@@ -232,9 +392,33 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
         accessibilityElementsHidden={true}
         accessible={false}
         allowFontScaling={true}
+        collapsable={false}
         ellipsizeMode="tail"
         importantForAccessibility="no-hide-descendants"
+        jestAnimatedProps={
+          {
+            "value": {},
+          }
+        }
+        jestAnimatedStyle={
+          {
+            "value": {
+              "color": "rgba(11, 62, 227, 1)",
+            },
+          }
+        }
+        jestInlineStyle={
+          [
+            {
+              "textAlign": "auto",
+            },
+            {
+              "color": "#0B3EE3",
+            },
+          ]
+        }
         maxFontSizeMultiplier={1.5}
+        nativeID="17"
         numberOfLines={1}
         style={
           [
@@ -255,7 +439,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
                 "color": "#0B3EE3",
               },
               {
-                "color": undefined,
+                "color": "rgba(11, 62, 227, 1)",
               },
             ],
           ]
@@ -309,6 +493,49 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
   }
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "backgroundColor": "rgba(11, 62, 227, 1)",
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "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,
+        },
+        {},
+      ]
+    }
+    nativeID="9"
     style={
       [
         {
@@ -323,12 +550,12 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
         {
-          "backgroundColor": undefined,
+          "backgroundColor": "rgba(11, 62, 227, 1)",
         },
         {
           "paddingHorizontal": 24,
@@ -345,6 +572,31 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
     }
   >
     <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
+      jestInlineStyle={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+      nativeID="10"
       style={
         [
           {
@@ -363,9 +615,33 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
         accessibilityElementsHidden={true}
         accessible={false}
         allowFontScaling={true}
+        collapsable={false}
         ellipsizeMode="tail"
         importantForAccessibility="no-hide-descendants"
+        jestAnimatedProps={
+          {
+            "value": {},
+          }
+        }
+        jestAnimatedStyle={
+          {
+            "value": {
+              "color": "rgba(255, 255, 255, 1)",
+            },
+          }
+        }
+        jestInlineStyle={
+          [
+            {
+              "textAlign": "auto",
+            },
+            {
+              "color": "#FFFFFF",
+            },
+          ]
+        }
         maxFontSizeMultiplier={1.5}
+        nativeID="11"
         numberOfLines={1}
         style={
           [
@@ -386,7 +662,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
                 "color": "#FFFFFF",
               },
               {
-                "color": undefined,
+                "color": "rgba(255, 255, 255, 1)",
               },
             ],
           ]
@@ -435,6 +711,36 @@ exports[`Test Buttons Components - Experimental Enabled IconButton Snapshot 1`]
   onStartShouldSetResponder={[Function]}
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "alignItems": "center",
+          "justifyContent": "center",
+        },
+        {
+          "height": 24,
+          "width": 24,
+        },
+      ]
+    }
+    nativeID="19"
     style={
       [
         {
@@ -448,7 +754,7 @@ exports[`Test Buttons Components - Experimental Enabled IconButton Snapshot 1`]
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
@@ -460,20 +766,29 @@ exports[`Test Buttons Components - Experimental Enabled IconButton Snapshot 1`]
       accessibilityLabel=""
       accessible={false}
       align="xMidYMid"
-      animatedProps={
-        {
-          "color": undefined,
-        }
-      }
       bbHeight={24}
       bbWidth={24}
+      collapsable={false}
       color="#0B3EE3"
       focusable={false}
       height={24}
       importantForAccessibility="no-hide-descendants"
+      jestAnimatedProps={
+        {
+          "value": {
+            "color": "rgba(11, 62, 227, 1)",
+          },
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
       meetOrSlice={0}
       minX={0}
       minY={0}
+      nativeID="20"
       style={
         [
           {
@@ -561,6 +876,38 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonContained Snap
   }
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "backgroundColor": "rgba(11, 62, 227, 0)",
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "alignItems": "center",
+          "justifyContent": "center",
+        },
+        {
+          "borderRadius": 48,
+          "height": 48,
+          "width": 48,
+        },
+      ]
+    }
+    nativeID="21"
     style={
       [
         {
@@ -575,12 +922,12 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonContained Snap
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
         {
-          "backgroundColor": undefined,
+          "backgroundColor": "rgba(11, 62, 227, 0)",
         },
       ]
     }
@@ -590,20 +937,29 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonContained Snap
       accessibilityLabel=""
       accessible={false}
       align="xMidYMid"
-      animatedProps={
-        {
-          "color": undefined,
-        }
-      }
       bbHeight={24}
       bbWidth={24}
+      collapsable={false}
       color="#0B3EE3"
       focusable={false}
       height={24}
       importantForAccessibility="no-hide-descendants"
+      jestAnimatedProps={
+        {
+          "value": {
+            "color": "rgba(11, 62, 227, 1)",
+          },
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
       meetOrSlice={0}
       minX={0}
       minY={0}
+      nativeID="22"
       style={
         [
           {
@@ -691,6 +1047,41 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonSolid Snapshot
   }
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "backgroundColor": "rgba(11, 62, 227, 1)",
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "alignItems": "center",
+          "justifyContent": "center",
+        },
+        {
+          "borderRadius": 56,
+          "height": 56,
+          "width": 56,
+        },
+        {
+          "backgroundColor": "#0B3EE3",
+        },
+      ]
+    }
+    nativeID="18"
     style={
       [
         {
@@ -705,12 +1096,12 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonSolid Snapshot
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
         {
-          "backgroundColor": undefined,
+          "backgroundColor": "rgba(11, 62, 227, 1)",
         },
         {
           "backgroundColor": "#0B3EE3",
@@ -827,6 +1218,48 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
   }
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "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,
+        },
+        {},
+      ]
+    }
+    nativeID="3"
     style={
       [
         {
@@ -841,7 +1274,7 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
@@ -861,6 +1294,31 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
     }
   >
     <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
+      jestInlineStyle={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+      nativeID="4"
       style={
         [
           {
@@ -879,9 +1337,33 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
         accessibilityElementsHidden={true}
         accessible={false}
         allowFontScaling={true}
+        collapsable={false}
         ellipsizeMode="tail"
         importantForAccessibility="no-hide-descendants"
+        jestAnimatedProps={
+          {
+            "value": {},
+          }
+        }
+        jestAnimatedStyle={
+          {
+            "value": {
+              "color": "rgba(11, 62, 227, 1)",
+            },
+          }
+        }
+        jestInlineStyle={
+          [
+            {
+              "textAlign": "auto",
+            },
+            {
+              "color": "#0B3EE3",
+            },
+          ]
+        }
         maxFontSizeMultiplier={1.5}
+        nativeID="5"
         numberOfLines={1}
         style={
           [
@@ -902,7 +1384,7 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
                 "color": "#0B3EE3",
               },
               {
-                "color": undefined,
+                "color": "rgba(11, 62, 227, 1)",
               },
             ],
           ]
@@ -956,6 +1438,50 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
   }
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "backgroundColor": "rgba(9, 50, 182, 0)",
+          "borderColor": "rgba(11, 62, 227, 1)",
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "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,
+        },
+        {},
+      ]
+    }
+    nativeID="6"
     style={
       [
         {
@@ -970,13 +1496,13 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
         {
-          "backgroundColor": undefined,
-          "borderColor": undefined,
+          "backgroundColor": "rgba(9, 50, 182, 0)",
+          "borderColor": "rgba(11, 62, 227, 1)",
         },
         {
           "paddingHorizontal": 24,
@@ -993,6 +1519,31 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
     }
   >
     <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
+      jestInlineStyle={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+      nativeID="7"
       style={
         [
           {
@@ -1011,9 +1562,33 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
         accessibilityElementsHidden={true}
         accessible={false}
         allowFontScaling={true}
+        collapsable={false}
         ellipsizeMode="tail"
         importantForAccessibility="no-hide-descendants"
+        jestAnimatedProps={
+          {
+            "value": {},
+          }
+        }
+        jestAnimatedStyle={
+          {
+            "value": {
+              "color": "rgba(11, 62, 227, 1)",
+            },
+          }
+        }
+        jestInlineStyle={
+          [
+            {
+              "textAlign": "auto",
+            },
+            {
+              "color": "#0B3EE3",
+            },
+          ]
+        }
         maxFontSizeMultiplier={1.5}
+        nativeID="8"
         numberOfLines={1}
         style={
           [
@@ -1034,7 +1609,7 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
                 "color": "#0B3EE3",
               },
               {
-                "color": undefined,
+                "color": "rgba(11, 62, 227, 1)",
               },
             ],
           ]
@@ -1088,6 +1663,49 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
   }
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "backgroundColor": "rgba(11, 62, 227, 1)",
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "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,
+        },
+        {},
+      ]
+    }
+    nativeID="0"
     style={
       [
         {
@@ -1102,12 +1720,12 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
         {
-          "backgroundColor": undefined,
+          "backgroundColor": "rgba(11, 62, 227, 1)",
         },
         {
           "paddingHorizontal": 24,
@@ -1124,6 +1742,31 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
     }
   >
     <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
+      jestInlineStyle={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+      nativeID="1"
       style={
         [
           {
@@ -1142,9 +1785,33 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
         accessibilityElementsHidden={true}
         accessible={false}
         allowFontScaling={true}
+        collapsable={false}
         ellipsizeMode="tail"
         importantForAccessibility="no-hide-descendants"
+        jestAnimatedProps={
+          {
+            "value": {},
+          }
+        }
+        jestAnimatedStyle={
+          {
+            "value": {
+              "color": "rgba(255, 255, 255, 1)",
+            },
+          }
+        }
+        jestInlineStyle={
+          [
+            {
+              "textAlign": "auto",
+            },
+            {
+              "color": "#FFFFFF",
+            },
+          ]
+        }
         maxFontSizeMultiplier={1.5}
+        nativeID="2"
         numberOfLines={1}
         style={
           [
@@ -1165,7 +1832,7 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
                 "color": "#FFFFFF",
               },
               {
-                "color": undefined,
+                "color": "rgba(255, 255, 255, 1)",
               },
             ],
           ]