@pagopa/io-app-design-system 5.12.3 → 6.0.0-1

package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap

@@ -33,6 +33,39 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
   onStartShouldSetResponder={[Function]}
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "alignContent": "center",
+          "alignItems": "flex-start",
+          "borderCurve": "continuous",
+          "borderRadius": 8,
+          "flexDirection": "row",
+          "padding": 16,
+        },
+        {
+          "backgroundColor": "#F4F5F8",
+        },
+      ]
+    }
+    nativeID="1"
     style={
       [
         {
@@ -49,7 +82,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
@@ -327,6 +360,39 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
   onStartShouldSetResponder={[Function]}
 >
   <View
+    collapsable={false}
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
+      {
+        "value": {
+          "transform": [
+            {
+              "scale": 1,
+            },
+          ],
+        },
+      }
+    }
+    jestInlineStyle={
+      [
+        {
+          "alignContent": "center",
+          "alignItems": "flex-start",
+          "borderCurve": "continuous",
+          "borderRadius": 8,
+          "flexDirection": "row",
+          "padding": 16,
+        },
+        {
+          "backgroundColor": "#F4F5F8",
+        },
+      ]
+    }
+    nativeID="0"
     style={
       [
         {
@@ -343,7 +409,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },

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

@@ -48,6 +48,48 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 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={
       [
         {
@@ -62,7 +104,7 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
@@ -82,6 +124,31 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
     }
   >
     <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
+      jestInlineStyle={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+      nativeID="4"
       style={
         [
           {
@@ -100,9 +167,33 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 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={
           [
@@ -123,7 +214,7 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
                 "color": "#0B3EE3",
               },
               {
-                "color": undefined,
+                "color": "rgba(11, 62, 227, 1)",
               },
             ],
           ]
@@ -177,6 +268,50 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 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={
       [
         {
@@ -191,13 +326,13 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 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 IOButton Snapshot · Outline variant 1`] = `
     }
   >
     <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
+      jestInlineStyle={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+      nativeID="7"
       style={
         [
           {
@@ -232,9 +392,33 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 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={
           [
@@ -255,7 +439,7 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 1`] = `
                 "color": "#0B3EE3",
               },
               {
-                "color": undefined,
+                "color": "rgba(11, 62, 227, 1)",
               },
             ],
           ]
@@ -309,6 +493,49 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 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={
       [
         {
@@ -323,12 +550,12 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
         {
           "transform": [
             {
-              "scale": undefined,
+              "scale": 1,
             },
           ],
         },
         {
-          "backgroundColor": undefined,
+          "backgroundColor": "rgba(11, 62, 227, 1)",
         },
         {
           "paddingHorizontal": 24,
@@ -345,6 +572,31 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
     }
   >
     <View
+      collapsable={false}
+      jestAnimatedProps={
+        {
+          "value": {},
+        }
+      }
+      jestAnimatedStyle={
+        {
+          "value": {},
+        }
+      }
+      jestInlineStyle={
+        [
+          {
+            "alignItems": "center",
+            "flexDirection": "row",
+            "justifyContent": "center",
+          },
+          {
+            "columnGap": 8,
+          },
+          false,
+        ]
+      }
+      nativeID="1"
       style={
         [
           {
@@ -363,9 +615,33 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 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={
           [
@@ -386,7 +662,7 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
                 "color": "#FFFFFF",
               },
               {
-                "color": undefined,
+                "color": "rgba(255, 255, 255, 1)",
               },
             ],
           ]