@hero-design/rn 7.24.0 → 7.25.0

package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap

@@ -2,13 +2,10 @@
 
 exports[`ListItem renders correctly ListItem with children 1`] = `
 <View
-  accessibilityState={
-    Object {
-      "disabled": false,
-    }
-  }
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -17,14 +14,12 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "backgroundColor": "#ffffff",
-        "flexDirection": "row",
-        "padding": 16,
-      },
-      undefined,
-    ]
+    Object {
+      "backgroundColor": "#ffffff",
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+    }
   }
 >
   <View
@@ -61,7 +56,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           style={
             Array [
               Object {
-                "borderColor": "#001f23",
+                "borderColor": "#401960",
                 "borderRadius": 999,
                 "borderWidth": 1,
                 "height": 32,
@@ -92,7 +87,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 16,
                     "overflow": "hidden",
                   },
@@ -171,7 +166,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           style={
             Array [
               Object {
-                "color": "#001f23",
+                "color": "#401960",
                 "fontSize": 20,
               },
               undefined,
@@ -297,13 +292,10 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
 
 exports[`ListItem renders correctly ListItem with icon 1`] = `
 <View
-  accessibilityState={
-    Object {
-      "disabled": false,
-    }
-  }
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -312,14 +304,12 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "backgroundColor": "#ffffff",
-        "flexDirection": "row",
-        "padding": 16,
-      },
-      undefined,
-    ]
+    Object {
+      "backgroundColor": "#ffffff",
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+    }
   }
   testID="list-item"
 >
@@ -407,7 +397,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
           style={
             Array [
               Object {
-                "color": "#001f23",
+                "color": "#401960",
                 "fontSize": 20,
               },
               undefined,
@@ -424,13 +414,10 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
 
 exports[`ListItem renders correctly ListItem with leading status 1`] = `
 <View
-  accessibilityState={
-    Object {
-      "disabled": false,
-    }
-  }
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -439,14 +426,12 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "backgroundColor": "#ffffff",
-        "flexDirection": "row",
-        "padding": 16,
-      },
-      undefined,
-    ]
+    Object {
+      "backgroundColor": "#ffffff",
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+    }
   }
 >
   <View
@@ -529,7 +514,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
           style={
             Array [
               Object {
-                "color": "#001f23",
+                "color": "#401960",
                 "fontSize": 20,
               },
               undefined,
@@ -546,13 +531,10 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
 
 exports[`ListItem renders correctly ListItem with prefix suffix is React.Element 1`] = `
 <View
-  accessibilityState={
-    Object {
-      "disabled": false,
-    }
-  }
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -561,14 +543,12 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "backgroundColor": "#ffffff",
-        "flexDirection": "row",
-        "padding": 16,
-      },
-      undefined,
-    ]
+    Object {
+      "backgroundColor": "#ffffff",
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+    }
   }
   testID="list-item"
 >
@@ -606,7 +586,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
           style={
             Array [
               Object {
-                "borderColor": "#001f23",
+                "borderColor": "#401960",
                 "borderRadius": 999,
                 "borderWidth": 1,
                 "height": 32,
@@ -637,7 +617,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
               style={
                 Array [
                   Object {
-                    "color": "#001f23",
+                    "color": "#401960",
                     "fontSize": 16,
                     "overflow": "hidden",
                   },

package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap

@@ -3,7 +3,9 @@
 exports[`StyledListItemContainer renders correctly themeSelected false themeDisabled false 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -12,17 +14,14 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderRadius": 4,
-        "flexDirection": "row",
-        "opacity": 1,
-        "padding": 16,
-      },
-      undefined,
-    ]
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#ffffff",
+      "borderRadius": 4,
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+    }
   }
 >
   <Text
@@ -50,7 +49,9 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
 exports[`StyledListItemContainer renders correctly themeSelected false themeDisabled true 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -59,17 +60,14 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderRadius": 4,
-        "flexDirection": "row",
-        "opacity": 0.38,
-        "padding": 16,
-      },
-      undefined,
-    ]
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#ffffff",
+      "borderRadius": 4,
+      "flexDirection": "row",
+      "opacity": 0.38,
+      "padding": 16,
+    }
   }
 >
   <Text
@@ -97,7 +95,9 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
 exports[`StyledListItemContainer renders correctly themeSelected true themeDisabled false 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -106,17 +106,14 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#d9d1df",
-        "borderRadius": 4,
-        "flexDirection": "row",
-        "opacity": 1,
-        "padding": 16,
-      },
-      undefined,
-    ]
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#ece8ef",
+      "borderRadius": 4,
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+    }
   }
 >
   <Text
@@ -144,7 +141,9 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
 exports[`StyledListItemContainer renders correctly themeSelected true themeDisabled true 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -153,17 +152,14 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#d9d1df",
-        "borderRadius": 4,
-        "flexDirection": "row",
-        "opacity": 0.38,
-        "padding": 16,
-      },
-      undefined,
-    ]
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#ece8ef",
+      "borderRadius": 4,
+      "flexDirection": "row",
+      "opacity": 0.38,
+      "padding": 16,
+    }
   }
 >
   <Text

package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap

@@ -88,7 +88,9 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent warning 1`] = `
 exports[`ListItemContainer renders correctly themeSelected false themeVariant card 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -97,24 +99,22 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderRadius": 8,
-        "elevation": 10,
-        "flexDirection": "row",
-        "padding": 16,
-        "shadowColor": "#ccced1",
-        "shadowOffset": Object {
-          "height": 2,
-          "width": 0,
-        },
-        "shadowOpacity": 1,
-        "shadowRadius": 4,
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#ffffff",
+      "borderRadius": 8,
+      "elevation": 10,
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+      "shadowColor": "#ccced1",
+      "shadowOffset": Object {
+        "height": 2,
+        "width": 0,
       },
-      undefined,
-    ]
+      "shadowOpacity": 1,
+      "shadowRadius": 4,
+    }
   }
 >
   <Text
@@ -142,7 +142,9 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
 exports[`ListItemContainer renders correctly themeSelected false themeVariant full-width 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -151,14 +153,12 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant fu
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "backgroundColor": "#ffffff",
-        "flexDirection": "row",
-        "padding": 16,
-      },
-      undefined,
-    ]
+    Object {
+      "backgroundColor": "#ffffff",
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+    }
   }
 >
   <Text
@@ -186,7 +186,9 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant fu
 exports[`ListItemContainer renders correctly themeSelected true themeVariant card 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -195,24 +197,22 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#d9d1df",
-        "borderRadius": 8,
-        "elevation": 10,
-        "flexDirection": "row",
-        "padding": 16,
-        "shadowColor": "#ccced1",
-        "shadowOffset": Object {
-          "height": 2,
-          "width": 0,
-        },
-        "shadowOpacity": 1,
-        "shadowRadius": 4,
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#ece8ef",
+      "borderRadius": 8,
+      "elevation": 10,
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+      "shadowColor": "#ccced1",
+      "shadowOffset": Object {
+        "height": 2,
+        "width": 0,
       },
-      undefined,
-    ]
+      "shadowOpacity": 1,
+      "shadowRadius": 4,
+    }
   }
 >
   <Text
@@ -240,7 +240,9 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
 exports[`ListItemContainer renders correctly themeSelected true themeVariant full-width 1`] = `
 <View
   accessible={true}
+  collapsable={false}
   focusable={false}
+  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -249,14 +251,12 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant ful
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Array [
-      Object {
-        "backgroundColor": "#d9d1df",
-        "flexDirection": "row",
-        "padding": 16,
-      },
-      undefined,
-    ]
+    Object {
+      "backgroundColor": "#ece8ef",
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+    }
   }
 >
   <Text

package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap

@@ -43,7 +43,7 @@ exports[`PinCell renders correctly when focused is false, state is disabled 1`]
     Array [
       Object {
         "alignItems": "center",
-        "borderColor": "#4d6265",
+        "borderColor": "#bfc1c5",
         "borderRadius": 8,
         "borderWidth": 1,
         "height": 48,
@@ -60,7 +60,7 @@ exports[`PinCell renders correctly when focused is false, state is disabled 1`]
     style={
       Array [
         Object {
-          "color": "#4d6265",
+          "color": "#bfc1c5",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 28,
         },
@@ -80,7 +80,7 @@ exports[`PinCell renders correctly when focused is false, state is error 1`] = `
     Array [
       Object {
         "alignItems": "center",
-        "borderColor": "#f46363",
+        "borderColor": "#de350b",
         "borderRadius": 8,
         "borderWidth": 1,
         "height": 48,
@@ -97,7 +97,7 @@ exports[`PinCell renders correctly when focused is false, state is error 1`] = `
     style={
       Array [
         Object {
-          "color": "#f46363",
+          "color": "#de350b",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 28,
         },
@@ -154,7 +154,7 @@ exports[`PinCell renders correctly when focused is true, state is error 1`] = `
     Array [
       Object {
         "alignItems": "center",
-        "borderColor": "#f46363",
+        "borderColor": "#de350b",
         "borderRadius": 8,
         "borderWidth": 2,
         "height": 48,
@@ -171,7 +171,7 @@ exports[`PinCell renders correctly when focused is true, state is error 1`] = `
     style={
       Array [
         Object {
-          "color": "#f46363",
+          "color": "#de350b",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 28,
         },