@hero-design/rn 8.38.0 → 8.39.1

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

@@ -3,8 +3,8 @@
 exports[`rendering renders correctly 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignContent": "flex-start",
       },
       undefined,
@@ -13,8 +13,8 @@ exports[`rendering renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flexDirection": "row",
         },
         undefined,
@@ -23,8 +23,8 @@ exports[`rendering renders correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#001f23",
             "borderRadius": 8,
@@ -41,8 +41,8 @@ exports[`rendering renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#001f23",
               "borderColor": "#001f23",
               "borderRadius": 999,
@@ -59,8 +59,8 @@ exports[`rendering renders correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -69,8 +69,8 @@ exports[`rendering renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#001f23",
             "borderRadius": 8,
@@ -87,8 +87,8 @@ exports[`rendering renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#001f23",
               "borderColor": "#001f23",
               "borderRadius": 999,
@@ -105,8 +105,8 @@ exports[`rendering renders correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -115,8 +115,8 @@ exports[`rendering renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#001f23",
             "borderRadius": 8,
@@ -133,8 +133,8 @@ exports[`rendering renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "borderColor": "#001f23",
               "borderRadius": 999,
               "borderWidth": 1,
@@ -150,8 +150,8 @@ exports[`rendering renders correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -160,8 +160,8 @@ exports[`rendering renders correctly 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#001f23",
             "borderRadius": 8,
@@ -178,8 +178,8 @@ exports[`rendering renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "borderColor": "#001f23",
               "borderRadius": 999,
               "borderWidth": 1,
@@ -207,8 +207,8 @@ exports[`rendering renders correctly 1`] = `
     pointerEvents="box-only"
     secureTextEntry={true}
     style={
-      Array [
-        Object {
+      [
+        {
           "height": "100%",
           "left": 0,
           "opacity": 0,
@@ -229,8 +229,8 @@ exports[`rendering renders correctly 1`] = `
 exports[`rendering renders correctly when disabled 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignContent": "flex-start",
       },
       undefined,
@@ -239,8 +239,8 @@ exports[`rendering renders correctly when disabled 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flexDirection": "row",
         },
         undefined,
@@ -249,8 +249,8 @@ exports[`rendering renders correctly when disabled 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#bfc1c5",
             "borderRadius": 8,
@@ -267,8 +267,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#bfc1c5",
               "borderColor": "#bfc1c5",
               "borderRadius": 999,
@@ -285,8 +285,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -295,8 +295,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#bfc1c5",
             "borderRadius": 8,
@@ -313,8 +313,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#bfc1c5",
               "borderColor": "#bfc1c5",
               "borderRadius": 999,
@@ -331,8 +331,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -341,8 +341,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#bfc1c5",
             "borderRadius": 8,
@@ -359,8 +359,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "borderColor": "#bfc1c5",
               "borderRadius": 999,
               "borderWidth": 1,
@@ -376,8 +376,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -386,8 +386,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#bfc1c5",
             "borderRadius": 8,
@@ -404,8 +404,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "borderColor": "#bfc1c5",
               "borderRadius": 999,
               "borderWidth": 1,
@@ -433,8 +433,8 @@ exports[`rendering renders correctly when disabled 1`] = `
     pointerEvents="box-only"
     secureTextEntry={true}
     style={
-      Array [
-        Object {
+      [
+        {
           "height": "100%",
           "left": 0,
           "opacity": 0,
@@ -455,8 +455,8 @@ exports[`rendering renders correctly when disabled 1`] = `
 exports[`rendering renders correctly when length is 6 and secure is false 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignContent": "flex-start",
       },
       undefined,
@@ -465,8 +465,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flexDirection": "row",
         },
         undefined,
@@ -475,8 +475,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#001f23",
             "borderRadius": 8,
@@ -494,16 +494,16 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-SemiBold",
               "fontSize": 28,
               "letterSpacing": 0.24,
               "lineHeight": 36,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
               },
               undefined,
@@ -520,8 +520,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -530,8 +530,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#001f23",
             "borderRadius": 8,
@@ -549,16 +549,16 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-SemiBold",
               "fontSize": 28,
               "letterSpacing": 0.24,
               "lineHeight": 36,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
               },
               undefined,
@@ -575,8 +575,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -585,8 +585,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#001f23",
             "borderRadius": 8,
@@ -604,16 +604,16 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-SemiBold",
               "fontSize": 28,
               "letterSpacing": 0.24,
               "lineHeight": 36,
             },
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
               },
               undefined,
@@ -630,8 +630,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -640,8 +640,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#001f23",
             "borderRadius": 8,
@@ -658,8 +658,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "borderColor": "#001f23",
               "borderRadius": 999,
               "borderWidth": 1,
@@ -675,8 +675,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -685,8 +685,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#001f23",
             "borderRadius": 8,
@@ -703,8 +703,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "borderColor": "#001f23",
               "borderRadius": 999,
               "borderWidth": 1,
@@ -720,8 +720,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -730,8 +730,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#001f23",
             "borderRadius": 8,
@@ -748,8 +748,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "borderColor": "#001f23",
               "borderRadius": 999,
               "borderWidth": 1,
@@ -777,8 +777,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     pointerEvents="box-only"
     secureTextEntry={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "height": "100%",
           "left": 0,
           "opacity": 0,
@@ -799,8 +799,8 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
 exports[`rendering renders correctly when there is error 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignContent": "flex-start",
       },
       undefined,
@@ -809,8 +809,8 @@ exports[`rendering renders correctly when there is error 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "flexDirection": "row",
         },
         undefined,
@@ -819,8 +819,8 @@ exports[`rendering renders correctly when there is error 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#cb300a",
             "borderRadius": 8,
@@ -837,8 +837,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#cb300a",
               "borderColor": "#cb300a",
               "borderRadius": 999,
@@ -855,8 +855,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -865,8 +865,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#cb300a",
             "borderRadius": 8,
@@ -883,8 +883,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#cb300a",
               "borderColor": "#cb300a",
               "borderRadius": 999,
@@ -901,8 +901,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -911,8 +911,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#cb300a",
             "borderRadius": 8,
@@ -929,8 +929,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "borderColor": "#cb300a",
               "borderRadius": 999,
               "borderWidth": 1,
@@ -946,8 +946,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "marginLeft": 16,
           },
           undefined,
@@ -956,8 +956,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     />
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderColor": "#cb300a",
             "borderRadius": 8,
@@ -974,8 +974,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "borderColor": "#cb300a",
               "borderRadius": 999,
               "borderWidth": 1,
@@ -992,8 +992,8 @@ exports[`rendering renders correctly when there is error 1`] = `
   </View>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "alignItems": "center",
           "flexDirection": "row",
           "paddingTop": 4,
@@ -1005,8 +1005,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     <HeroIcon
       name="circle-info"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#cb300a",
             "fontSize": 16,
           },
@@ -1020,16 +1020,16 @@ exports[`rendering renders correctly when there is error 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 12,
             "letterSpacing": 0.48,
             "lineHeight": 16,
           },
-          Array [
-            Object {
+          [
+            {
               "color": "#cb300a",
               "paddingLeft": 4,
             },
@@ -1056,8 +1056,8 @@ exports[`rendering renders correctly when there is error 1`] = `
     pointerEvents="box-only"
     secureTextEntry={true}
     style={
-      Array [
-        Object {
+      [
+        {
           "height": "100%",
           "left": 0,
           "opacity": 0,