@hero-design/rn 8.1.0 → 8.2.1

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

@@ -2,10 +2,14 @@
 
 exports[`Checkbox renders correctly when checked is false and there is no description 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -52,10 +56,14 @@ exports[`Checkbox renders correctly when checked is false and there is no descri
 
 exports[`Checkbox renders correctly when checked is true and there is no description 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -123,10 +131,14 @@ exports[`Checkbox renders correctly when checked is true and there is no descrip
 
 exports[`Checkbox renders correctly when disabled is false, withBorder is false 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -199,10 +211,14 @@ exports[`Checkbox renders correctly when disabled is false, withBorder is false
 
 exports[`Checkbox renders correctly when disabled is false, withBorder is true 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -279,10 +295,14 @@ exports[`Checkbox renders correctly when disabled is false, withBorder is true 1
 
 exports[`Checkbox renders correctly when disabled is true, withBorder is false 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": true,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -355,10 +375,14 @@ exports[`Checkbox renders correctly when disabled is true, withBorder is false 1
 
 exports[`Checkbox renders correctly when disabled is true, withBorder is true 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": true,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

package/src/components/Collapse/__tests__/__snapshots__/StyledCollapse.spec.tsx.snap

@@ -21,7 +21,6 @@ exports[`StyledChildWrapper renders correct style 1`] = `
 exports[`StyledWrapper renders correct style 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "margin": 0,

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

@@ -3,7 +3,6 @@
 exports[`Collapse renders correctly 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "height": 0,
@@ -47,7 +46,6 @@ exports[`Collapse renders correctly 1`] = `
 exports[`Collapse should render Sample Text but not visible 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "height": 0,

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

@@ -14,10 +14,14 @@ exports[`rendering renders correctly 1`] = `
   }
 >
   <View
+    accessibilityState={
+      Object {
+        "disabled": false,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -74,10 +78,14 @@ exports[`rendering renders correctly 1`] = `
     20
   </Text>
   <View
+    accessibilityState={
+      Object {
+        "disabled": false,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -124,10 +132,14 @@ exports[`rendering renders correctly when icon buttons are disabled 1`] = `
   }
 >
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -184,10 +196,14 @@ exports[`rendering renders correctly when icon buttons are disabled 1`] = `
     20
   </Text>
   <View
+    accessibilityState={
+      Object {
+        "disabled": true,
+      }
+    }
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap

@@ -2,7 +2,13 @@
 
 exports[`DatePickerAndroid renders correctly 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
+  collapsable={false}
   focusable={true}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -140,6 +146,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
                   "alignSelf": "stretch",
                   "flexGrow": 2,
                   "fontSize": 14,
+                  "lineHeight": 18,
                   "marginHorizontal": 8,
                   "paddingVertical": 0,
                   "textAlignVertical": "center",

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap

@@ -2,7 +2,13 @@
 
 exports[`DatePickerIOS renders correctly 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
+  collapsable={false}
   focusable={true}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -140,6 +146,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
                   "alignSelf": "stretch",
                   "flexGrow": 2,
                   "fontSize": 14,
+                  "lineHeight": 18,
                   "marginHorizontal": 8,
                   "paddingVertical": 0,
                   "textAlignVertical": "center",
@@ -197,6 +204,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
     animationType="none"
     hardwareAccelerated={false}
     identifier={0}
+    onDismiss={[Function]}
     onRequestClose={[Function]}
     onStartShouldSetResponder={[Function]}
     presentationStyle="overFullScreen"
@@ -206,6 +214,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
       }
     }
     transparent={true}
+    visible={true}
   >
     <View
       collapsable={false}
@@ -276,7 +285,6 @@ exports[`DatePickerIOS renders correctly 1`] = `
                 accessible={true}
                 collapsable={false}
                 focusable={true}
-                nativeID="animatedComponent"
                 onBlur={[Function]}
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -301,7 +309,6 @@ exports[`DatePickerIOS renders correctly 1`] = `
               <RCTSafeAreaView
                 collapsable={false}
                 emulateUnlessSupported={true}
-                nativeID="animatedComponent"
                 style={
                   Object {
                     "backgroundColor": "#ffffff",
@@ -390,7 +397,6 @@ exports[`DatePickerIOS renders correctly 1`] = `
                       accessible={true}
                       collapsable={false}
                       focusable={true}
-                      nativeID="animatedComponent"
                       onClick={[Function]}
                       onResponderGrant={[Function]}
                       onResponderMove={[Function]}
@@ -485,10 +491,14 @@ exports[`DatePickerIOS renders correctly 1`] = `
                     }
                   >
                     <View
+                      accessibilityState={
+                        Object {
+                          "disabled": false,
+                        }
+                      }
                       accessible={true}
                       collapsable={false}
                       focusable={true}
-                      nativeID="animatedComponent"
                       onClick={[Function]}
                       onResponderGrant={[Function]}
                       onResponderMove={[Function]}

package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap

@@ -32,7 +32,6 @@ exports[`DragableDrawer renders correctly 1`] = `
   <View
     collapsable={false}
     enableShadow={true}
-    nativeID="animatedComponent"
     onLayout={[Function]}
     style={
       Object {

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

@@ -31,7 +31,6 @@ exports[`Drawer renders correctly in invisible state 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
@@ -57,7 +56,6 @@ exports[`Drawer renders correctly in invisible state 1`] = `
   <View
     collapsable={false}
     enableShadow={false}
-    nativeID="animatedComponent"
     onLayout={[Function]}
     style={
       Object {
@@ -112,7 +110,6 @@ exports[`Drawer renders correctly in visible state 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
@@ -138,7 +135,6 @@ exports[`Drawer renders correctly in visible state 1`] = `
   <View
     collapsable={false}
     enableShadow={false}
-    nativeID="animatedComponent"
     onLayout={[Function]}
     style={
       Object {
@@ -193,7 +189,6 @@ exports[`Drawer renders correctly with no backdrop 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onBlur={[Function]}
     onClick={[Function]}
     onFocus={[Function]}
@@ -219,7 +214,6 @@ exports[`Drawer renders correctly with no backdrop 1`] = `
   <View
     collapsable={false}
     enableShadow={false}
-    nativeID="animatedComponent"
     onLayout={[Function]}
     style={
       Object {

package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap

@@ -20,7 +20,6 @@ exports[`ActionGroup has active false 1`] = `
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     pointerEvents="box-none"
     style={
       Object {
@@ -37,7 +36,6 @@ exports[`ActionGroup has active false 1`] = `
   />
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     pointerEvents="none"
     style={
       Object {
@@ -91,7 +89,6 @@ exports[`ActionGroup has active false 1`] = `
         accessible={true}
         collapsable={false}
         focusable={false}
-        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -171,7 +168,6 @@ exports[`ActionGroup has active false 1`] = `
         accessible={true}
         collapsable={false}
         focusable={false}
-        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -251,7 +247,6 @@ exports[`ActionGroup has active false 1`] = `
         accessible={true}
         collapsable={false}
         focusable={false}
-        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -331,7 +326,6 @@ exports[`ActionGroup has active false 1`] = `
         accessible={true}
         collapsable={false}
         focusable={false}
-        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -411,7 +405,6 @@ exports[`ActionGroup has active false 1`] = `
         accessible={true}
         collapsable={false}
         focusable={false}
-        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -589,7 +582,6 @@ exports[`ActionGroup has active true 1`] = `
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     pointerEvents="auto"
     style={
       Object {
@@ -606,7 +598,6 @@ exports[`ActionGroup has active true 1`] = `
   />
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     pointerEvents="auto"
     style={
       Object {
@@ -660,7 +651,6 @@ exports[`ActionGroup has active true 1`] = `
         accessible={true}
         collapsable={false}
         focusable={false}
-        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -740,7 +730,6 @@ exports[`ActionGroup has active true 1`] = `
         accessible={true}
         collapsable={false}
         focusable={false}
-        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -820,7 +809,6 @@ exports[`ActionGroup has active true 1`] = `
         accessible={true}
         collapsable={false}
         focusable={false}
-        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -900,7 +888,6 @@ exports[`ActionGroup has active true 1`] = `
         accessible={true}
         collapsable={false}
         focusable={false}
-        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -980,7 +967,6 @@ exports[`ActionGroup has active true 1`] = `
         accessible={true}
         collapsable={false}
         focusable={false}
-        nativeID="animatedComponent"
         onClick={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}

package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap

@@ -3,7 +3,6 @@
 exports[`AnimatedFABIcon renders correctly when isActive is false 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "transform": Array [
@@ -42,7 +41,6 @@ exports[`AnimatedFABIcon renders correctly when isActive is false 1`] = `
 exports[`AnimatedFABIcon renders correctly when isActive is true 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "transform": Array [

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

@@ -88,7 +88,6 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [

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

@@ -3,7 +3,6 @@
 exports[`Icon render correctly with spin prop 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Object {
       "transform": Array [

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

@@ -2,10 +2,14 @@
 
 exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -131,10 +135,14 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
 
 exports[`BasicListItem when suffix and prefix are react element renders correctly 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

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

@@ -2,10 +2,14 @@
 
 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]}
@@ -53,10 +57,14 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
         }
       >
         <View
+          accessibilityState={
+            Object {
+              "disabled": true,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={false}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -304,10 +312,14 @@ 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]}
@@ -428,10 +440,14 @@ 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]}
@@ -546,10 +562,14 @@ 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]}
@@ -598,10 +618,14 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
         }
       >
         <View
+          accessibilityState={
+            Object {
+              "disabled": true,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={false}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -748,7 +772,6 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
         >
           <View
             collapsable={false}
-            nativeID="animatedComponent"
             style={
               Object {
                 "backgroundColor": "#ffffff",

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

@@ -5,7 +5,6 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -52,7 +51,6 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -99,7 +97,6 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -146,7 +143,6 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

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

@@ -90,7 +90,6 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -145,7 +144,6 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant fu
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -190,7 +188,6 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -245,7 +242,6 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant ful
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}