@hero-design/rn 8.1.0 → 8.2.0

package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/index.spec.tsx.snap

@@ -17,10 +17,14 @@ exports[`AvatarStack renders correctly by default 1`] = `
   themeSize="small"
 >
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -74,10 +78,14 @@ exports[`AvatarStack renders correctly by default 1`] = `
     </View>
   </View>
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -131,10 +139,14 @@ exports[`AvatarStack renders correctly by default 1`] = `
     </View>
   </View>
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -188,10 +200,14 @@ exports[`AvatarStack renders correctly by default 1`] = `
     </View>
   </View>
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -245,10 +261,14 @@ exports[`AvatarStack renders correctly by default 1`] = `
     </View>
   </View>
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -321,10 +341,14 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
   themeSize="medium"
 >
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -378,10 +402,14 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
     </View>
   </View>
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -435,10 +463,14 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
     </View>
   </View>
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -492,10 +524,14 @@ exports[`AvatarStack renders correctly with custom props 1`] = `
     </View>
   </View>
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}

package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap

@@ -25,7 +25,6 @@ exports[`StyledPressable renders correct style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap

@@ -2,7 +2,13 @@
 
 exports[`Avatar fallbacks to title when there image failed to load 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": true,
+    }
+  }
   accessible={true}
+  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -79,10 +85,14 @@ exports[`Avatar fallbacks to title when there image failed to load 1`] = `
 
 exports[`Avatar prioritizes source over title 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": true,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -128,10 +138,14 @@ exports[`Avatar prioritizes source over title 1`] = `
 
 exports[`Avatar shows title when there is no source 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": true,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap

@@ -3,7 +3,6 @@
 exports[`Badge has danger style when intent is danger 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "alignItems": "center",
@@ -47,7 +46,6 @@ exports[`Badge has danger style when intent is danger 1`] = `
 exports[`Badge has info style when intent is info 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "alignItems": "center",
@@ -91,7 +89,6 @@ exports[`Badge has info style when intent is info 1`] = `
 exports[`Badge has info style when intent is primary 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "alignItems": "center",
@@ -135,7 +132,6 @@ exports[`Badge has info style when intent is primary 1`] = `
 exports[`Badge has success style when intent is success 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "alignItems": "center",
@@ -179,7 +175,6 @@ exports[`Badge has success style when intent is success 1`] = `
 exports[`Badge has warning style when intent is warning 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "alignItems": "center",
@@ -223,7 +218,6 @@ exports[`Badge has warning style when intent is warning 1`] = `
 exports[`Badge renders correctly with custom props 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "alignItems": "center",

package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap

@@ -19,7 +19,6 @@ exports[`Status Badge renders correctly 1`] = `
   />
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "backgroundColor": "#de350b",
@@ -66,7 +65,6 @@ exports[`Status Badge renders correctly with intent 1`] = `
   </Text>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "backgroundColor": "#017d6d",

package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap

@@ -6,280 +6,7 @@ exports[`BottomSheet renders correctly with close state 1`] = `
   onRequestClose={[MockFunction]}
   transparent={true}
   visible={false}
->
-  <View
-    pointerEvents="box-none"
-    style={
-      Array [
-        Object {
-          "bottom": 0,
-          "flexDirection": "column-reverse",
-          "left": 0,
-          "position": "absolute",
-          "right": 0,
-          "top": 0,
-        },
-        undefined,
-      ]
-    }
-  >
-    <View
-      onLayout={[Function]}
-      style={
-        Array [
-          Array [
-            Object {
-              "flex": 1,
-              "flexDirection": "column-reverse",
-            },
-            undefined,
-          ],
-          Object {
-            "paddingBottom": 0,
-          },
-        ]
-      }
-    >
-      <View
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        nativeID="animatedComponent"
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          Object {
-            "backgroundColor": "#000000",
-            "bottom": 0,
-            "left": 0,
-            "opacity": 0.48,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-          }
-        }
-      />
-      <RCTSafeAreaView
-        collapsable={false}
-        emulateUnlessSupported={true}
-        nativeID="animatedComponent"
-        style={
-          Object {
-            "backgroundColor": "#ffffff",
-            "borderTopLeftRadius": 16,
-            "borderTopRightRadius": 16,
-            "elevation": 10,
-            "maxHeight": "94%",
-            "shadowColor": "#001f23",
-            "shadowOffset": Object {
-              "height": 3,
-              "width": 0,
-            },
-            "shadowOpacity": 0.4,
-            "shadowRadius": 16,
-            "transform": Array [
-              Object {
-                "scaleY": 1,
-              },
-              Object {
-                "translateY": 0,
-              },
-            ],
-            "width": "100%",
-          }
-        }
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "flexDirection": "row",
-                "paddingHorizontal": 16,
-                "paddingVertical": 8,
-              },
-              undefined,
-            ]
-          }
-        >
-          <View
-            style={
-              Array [
-                Object {
-                  "flex": 1,
-                  "justifyContent": "center",
-                },
-                undefined,
-              ]
-            }
-          >
-            <Text
-              style={
-                Array [
-                  Object {
-                    "color": "#001f23",
-                    "fontFamily": "BeVietnamPro-SemiBold",
-                    "fontSize": 16,
-                    "letterSpacing": 0.48,
-                    "lineHeight": 24,
-                  },
-                  undefined,
-                ]
-              }
-              themeFontSize="large"
-              themeFontWeight="semi-bold"
-              themeIntent="body"
-              themeTypeface="neutral"
-            >
-              Title
-            </Text>
-          </View>
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "height": 48,
-                  "justifyContent": "center",
-                  "marginLeft": 12,
-                  "width": 48,
-                },
-                undefined,
-              ]
-            }
-          >
-            <View
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              nativeID="animatedComponent"
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "opacity": 1,
-                }
-              }
-              testID="bottom-sheet-close-icon"
-            >
-              <HeroIcon
-                name="cancel"
-                style={
-                  Array [
-                    Object {
-                      "color": "#001f23",
-                      "fontSize": 16,
-                    },
-                    undefined,
-                  ]
-                }
-                themeIntent="text"
-                themeSize="xsmall"
-              />
-            </View>
-          </View>
-        </View>
-        <View
-          style={
-            Array [
-              Object {
-                "borderBottomColor": "#e8e9ea",
-                "borderBottomWidth": 1,
-                "maxWidth": "100%",
-              },
-              undefined,
-            ]
-          }
-        />
-        <Text>
-          Content
-        </Text>
-        <View>
-          <View
-            style={
-              Array [
-                Object {
-                  "borderBottomColor": "#e8e9ea",
-                  "borderBottomWidth": 1,
-                  "maxWidth": "100%",
-                },
-                undefined,
-              ]
-            }
-          />
-          <View
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "flexDirection": "row",
-                  "justifyContent": "flex-end",
-                  "paddingHorizontal": 12,
-                  "paddingVertical": 2,
-                },
-                undefined,
-              ]
-            }
-          >
-            <View
-              accessibilityRole="button"
-              accessible={true}
-              collapsable={false}
-              focusable={false}
-              nativeID="animatedComponent"
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              style={
-                Object {
-                  "opacity": 1,
-                }
-              }
-            >
-              <View
-                style={
-                  Array [
-                    Object {},
-                  ]
-                }
-              >
-                <Text
-                  style={
-                    Array [
-                      Object {
-                        "color": "#007AFF",
-                        "fontSize": 18,
-                        "margin": 8,
-                        "textAlign": "center",
-                      },
-                    ]
-                  }
-                >
-                  Footer CTA
-                </Text>
-              </View>
-            </View>
-          </View>
-        </View>
-      </RCTSafeAreaView>
-    </View>
-  </View>
-</Modal>
+/>
 `;
 
 exports[`BottomSheet renders correctly with open state 1`] = `
@@ -326,7 +53,6 @@ exports[`BottomSheet renders correctly with open state 1`] = `
         accessible={true}
         collapsable={false}
         focusable={true}
-        nativeID="animatedComponent"
         onBlur={[Function]}
         onClick={[Function]}
         onFocus={[Function]}
@@ -351,7 +77,6 @@ exports[`BottomSheet renders correctly with open state 1`] = `
       <RCTSafeAreaView
         collapsable={false}
         emulateUnlessSupported={true}
-        nativeID="animatedComponent"
         style={
           Object {
             "backgroundColor": "#ffffff",
@@ -440,7 +165,6 @@ exports[`BottomSheet renders correctly with open state 1`] = `
               accessible={true}
               collapsable={false}
               focusable={true}
-              nativeID="animatedComponent"
               onClick={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}
@@ -519,7 +243,6 @@ exports[`BottomSheet renders correctly with open state 1`] = `
               accessible={true}
               collapsable={false}
               focusable={false}
-              nativeID="animatedComponent"
               onClick={[Function]}
               onResponderGrant={[Function]}
               onResponderMove={[Function]}