@hero-design/rn 8.1.0 → 8.2.1

package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap

@@ -3,7 +3,6 @@
 exports[`LoadingIndicator renders correctly when themeVariant is basic-transparent 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Array [
       Object {
@@ -18,7 +17,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is basic-transpare
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -31,7 +29,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is basic-transpare
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -52,7 +49,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is basic-transpare
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -65,7 +61,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is basic-transpare
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -86,7 +81,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is basic-transpare
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -99,7 +93,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is basic-transpare
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -124,7 +117,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is basic-transpare
 exports[`LoadingIndicator renders correctly when themeVariant is filled-danger 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Array [
       Object {
@@ -139,7 +131,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-danger 1
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -152,7 +143,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-danger 1
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -173,7 +163,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-danger 1
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -186,7 +175,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-danger 1
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -207,7 +195,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-danger 1
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -220,7 +207,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-danger 1
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -245,7 +231,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-danger 1
 exports[`LoadingIndicator renders correctly when themeVariant is filled-primary 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Array [
       Object {
@@ -260,7 +245,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-primary
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -273,7 +257,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-primary
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -294,7 +277,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-primary
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -307,7 +289,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-primary
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -328,7 +309,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-primary
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -341,7 +321,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-primary
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -366,7 +345,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-primary
 exports[`LoadingIndicator renders correctly when themeVariant is filled-secondary 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Array [
       Object {
@@ -381,7 +359,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-secondar
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -394,7 +371,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-secondar
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -415,7 +391,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-secondar
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -428,7 +403,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-secondar
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -449,7 +423,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-secondar
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -462,7 +435,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-secondar
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -487,7 +459,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is filled-secondar
 exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Array [
       Object {
@@ -502,7 +473,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -515,7 +485,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -536,7 +505,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -549,7 +517,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -570,7 +537,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -583,7 +549,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -608,7 +573,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-danger
 exports[`LoadingIndicator renders correctly when themeVariant is outlined-primary 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Array [
       Object {
@@ -623,7 +587,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -636,7 +599,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -657,7 +619,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -670,7 +631,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -691,7 +651,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -704,7 +663,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -729,7 +687,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
 exports[`LoadingIndicator renders correctly when themeVariant is outlined-secondary 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Array [
       Object {
@@ -744,7 +701,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -757,7 +713,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -778,7 +733,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -791,7 +745,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -812,7 +765,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -825,7 +777,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -850,7 +801,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
 exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Array [
       Object {
@@ -865,7 +815,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -878,7 +827,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -899,7 +847,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -912,7 +859,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -933,7 +879,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -946,7 +891,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -971,7 +915,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-danger 1`]
 exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Array [
       Object {
@@ -986,7 +929,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -999,7 +941,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -1020,7 +961,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -1033,7 +973,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -1054,7 +993,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -1067,7 +1005,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -1092,7 +1029,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
 exports[`LoadingIndicator renders correctly when themeVariant is text-secondary 1`] = `
 <View
   collapsable={false}
-  nativeID="animatedComponent"
   style={
     Array [
       Object {
@@ -1107,7 +1043,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
 >
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -1120,7 +1055,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -1141,7 +1075,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -1154,7 +1087,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [
@@ -1175,7 +1107,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "transform": Array [
@@ -1188,7 +1119,6 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
   >
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       size={12}
       style={
         Array [

package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap

@@ -5,7 +5,6 @@ exports[`UtilityButton snapshot has intent primary style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={true}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -89,7 +88,6 @@ exports[`UtilityButton snapshot has intent text style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={true}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap

@@ -13,7 +13,6 @@ exports[`IconButton renders correctly 1`] = `
       "top": 4,
     }
   }
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap

@@ -5,7 +5,6 @@ exports[`StyledButtonContainer has filled-danger style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -37,7 +36,6 @@ exports[`StyledButtonContainer has filled-primary style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -69,7 +67,6 @@ exports[`StyledButtonContainer has filled-secondary style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -101,7 +98,6 @@ exports[`StyledButtonContainer has outlined-danger style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -135,7 +131,6 @@ exports[`StyledButtonContainer has outlined-primary style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -169,7 +164,6 @@ exports[`StyledButtonContainer has outlined-secondary style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -203,7 +197,6 @@ exports[`StyledButtonContainer has text-danger style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -233,7 +226,6 @@ exports[`StyledButtonContainer has text-primary style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -263,7 +255,6 @@ exports[`StyledButtonContainer has text-secondary style 1`] = `
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -290,10 +281,14 @@ exports[`StyledButtonContainer has text-secondary style 1`] = `
 
 exports[`StyledButtonContainer renders disabled correctly 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": true,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap

@@ -20,7 +20,6 @@ exports[`CalendarRowItem renders correctly 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -103,7 +102,6 @@ exports[`CalendarRowItem renders correctly 2`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -186,7 +184,6 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -269,7 +266,6 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -352,7 +348,6 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     accessible={true}
     collapsable={false}
     focusable={true}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}

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

@@ -39,7 +39,6 @@ exports[`StyledWrapper renders correctly when disabled is false, withBorder is f
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -61,7 +60,6 @@ exports[`StyledWrapper renders correctly when disabled is false, withBorder is t
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
@@ -87,7 +85,6 @@ exports[`StyledWrapper renders correctly when disabled is true, withBorder is tr
   accessible={true}
   collapsable={false}
   focusable={false}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}