@hero-design/rn 8.38.0 → 8.39.1

package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap

@@ -3,8 +3,8 @@
 exports[`Progress.Bar renders correctly 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignSelf": "stretch",
         "backgroundColor": "#e8e9ea",
         "borderRadius": 999,
@@ -21,14 +21,14 @@ exports[`Progress.Bar renders correctly 1`] = `
     collapsable={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "alignSelf": "stretch",
         "backgroundColor": "#401960",
         "borderBottomRightRadius": 999,
         "borderTopRightRadius": 999,
         "flex": 1,
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "translateX": -0,
           },
         ],
@@ -42,8 +42,8 @@ exports[`Progress.Bar renders correctly 1`] = `
 exports[`Progress.Bar renders correctly with intent 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "alignSelf": "stretch",
         "backgroundColor": "#e8e9ea",
         "borderRadius": 999,
@@ -60,14 +60,14 @@ exports[`Progress.Bar renders correctly with intent 1`] = `
     collapsable={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "alignSelf": "stretch",
         "backgroundColor": "#5ace7d",
         "borderBottomRightRadius": 999,
         "borderTopRightRadius": 999,
         "flex": 1,
-        "transform": Array [
-          Object {
+        "transform": [
+          {
             "translateX": -0,
           },
         ],
@@ -84,8 +84,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "borderRadius": 999,
           "flexDirection": "row",
         },
@@ -96,8 +96,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
     <View>
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "height": 72,
               "overflow": "hidden",
               "width": 36,
@@ -108,8 +108,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "borderColor": "#5ace7d",
                 "borderRadius": 999,
                 "borderWidth": 8,
@@ -125,20 +125,20 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "bottom": 0,
             "left": 0,
             "position": "absolute",
             "right": 0,
             "top": 0,
-            "transform": Array [
-              Object {
+            "transform": [
+              {
                 "translateX": 18,
               },
-              Object {
+              {
                 "rotate": "0deg",
               },
-              Object {
+              {
                 "translateX": -18,
               },
             ],
@@ -147,8 +147,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "height": 72,
                 "overflow": "hidden",
                 "width": 36,
@@ -159,8 +159,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "borderColor": "#e8e9ea",
                   "borderRadius": 999,
                   "borderWidth": 8,
@@ -177,10 +177,10 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
     </View>
     <View
       style={
-        Object {
+        {
           "marginLeft": -0.1,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "rotate": "180deg",
             },
           ],
@@ -190,8 +190,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "height": 72,
               "overflow": "hidden",
               "width": 36,
@@ -202,8 +202,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "borderColor": "#5ace7d",
                 "borderRadius": 999,
                 "borderWidth": 8,
@@ -219,21 +219,21 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "bottom": 0,
             "left": 0,
             "opacity": 1,
             "position": "absolute",
             "right": 0,
             "top": 0,
-            "transform": Array [
-              Object {
+            "transform": [
+              {
                 "translateX": 18,
               },
-              Object {
+              {
                 "rotate": "0deg",
               },
-              Object {
+              {
                 "translateX": -18,
               },
             ],
@@ -242,8 +242,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "height": 72,
                 "overflow": "hidden",
                 "width": 36,
@@ -254,8 +254,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "borderColor": "#e8e9ea",
                   "borderRadius": 999,
                   "borderWidth": 8,
@@ -272,8 +272,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#5ace7d",
             "borderRadius": 999,
             "height": 8,
@@ -291,14 +291,14 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "bottom": 0,
           "left": 0,
           "position": "absolute",
           "right": 0,
           "top": 0,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "rotate": "0deg",
             },
           ],
@@ -308,8 +308,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#5ace7d",
               "borderRadius": 999,
               "height": 8,
@@ -327,8 +327,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderRadius": 999,
             "height": 56,
@@ -346,8 +346,8 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 16,
@@ -374,8 +374,8 @@ exports[`Progress.Circle renders correctly 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "borderRadius": 999,
           "flexDirection": "row",
         },
@@ -386,8 +386,8 @@ exports[`Progress.Circle renders correctly 1`] = `
     <View>
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "height": 72,
               "overflow": "hidden",
               "width": 36,
@@ -398,8 +398,8 @@ exports[`Progress.Circle renders correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "borderColor": "#401960",
                 "borderRadius": 999,
                 "borderWidth": 8,
@@ -415,20 +415,20 @@ exports[`Progress.Circle renders correctly 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "bottom": 0,
             "left": 0,
             "position": "absolute",
             "right": 0,
             "top": 0,
-            "transform": Array [
-              Object {
+            "transform": [
+              {
                 "translateX": 18,
               },
-              Object {
+              {
                 "rotate": "0deg",
               },
-              Object {
+              {
                 "translateX": -18,
               },
             ],
@@ -437,8 +437,8 @@ exports[`Progress.Circle renders correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "height": 72,
                 "overflow": "hidden",
                 "width": 36,
@@ -449,8 +449,8 @@ exports[`Progress.Circle renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "borderColor": "#e8e9ea",
                   "borderRadius": 999,
                   "borderWidth": 8,
@@ -467,10 +467,10 @@ exports[`Progress.Circle renders correctly 1`] = `
     </View>
     <View
       style={
-        Object {
+        {
           "marginLeft": -0.1,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "rotate": "180deg",
             },
           ],
@@ -480,8 +480,8 @@ exports[`Progress.Circle renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "height": 72,
               "overflow": "hidden",
               "width": 36,
@@ -492,8 +492,8 @@ exports[`Progress.Circle renders correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "borderColor": "#401960",
                 "borderRadius": 999,
                 "borderWidth": 8,
@@ -509,21 +509,21 @@ exports[`Progress.Circle renders correctly 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "bottom": 0,
             "left": 0,
             "opacity": 1,
             "position": "absolute",
             "right": 0,
             "top": 0,
-            "transform": Array [
-              Object {
+            "transform": [
+              {
                 "translateX": 18,
               },
-              Object {
+              {
                 "rotate": "0deg",
               },
-              Object {
+              {
                 "translateX": -18,
               },
             ],
@@ -532,8 +532,8 @@ exports[`Progress.Circle renders correctly 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "height": 72,
                 "overflow": "hidden",
                 "width": 36,
@@ -544,8 +544,8 @@ exports[`Progress.Circle renders correctly 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "borderColor": "#e8e9ea",
                   "borderRadius": 999,
                   "borderWidth": 8,
@@ -562,8 +562,8 @@ exports[`Progress.Circle renders correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
@@ -581,14 +581,14 @@ exports[`Progress.Circle renders correctly 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "bottom": 0,
           "left": 0,
           "position": "absolute",
           "right": 0,
           "top": 0,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "rotate": "0deg",
             },
           ],
@@ -598,8 +598,8 @@ exports[`Progress.Circle renders correctly 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
@@ -617,8 +617,8 @@ exports[`Progress.Circle renders correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderRadius": 999,
             "height": 56,
@@ -636,8 +636,8 @@ exports[`Progress.Circle renders correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 16,
@@ -664,8 +664,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
 >
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "borderRadius": 999,
           "flexDirection": "row",
         },
@@ -676,8 +676,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
     <View>
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "height": 72,
               "overflow": "hidden",
               "width": 36,
@@ -688,8 +688,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "borderColor": "#5ace7d",
                 "borderRadius": 999,
                 "borderWidth": 8,
@@ -705,20 +705,20 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "bottom": 0,
             "left": 0,
             "position": "absolute",
             "right": 0,
             "top": 0,
-            "transform": Array [
-              Object {
+            "transform": [
+              {
                 "translateX": 18,
               },
-              Object {
+              {
                 "rotate": "0deg",
               },
-              Object {
+              {
                 "translateX": -18,
               },
             ],
@@ -727,8 +727,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "height": 72,
                 "overflow": "hidden",
                 "width": 36,
@@ -739,8 +739,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "borderColor": "#e8e9ea",
                   "borderRadius": 999,
                   "borderWidth": 8,
@@ -757,10 +757,10 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
     </View>
     <View
       style={
-        Object {
+        {
           "marginLeft": -0.1,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "rotate": "180deg",
             },
           ],
@@ -770,8 +770,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "height": 72,
               "overflow": "hidden",
               "width": 36,
@@ -782,8 +782,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "borderColor": "#5ace7d",
                 "borderRadius": 999,
                 "borderWidth": 8,
@@ -799,21 +799,21 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
       <View
         collapsable={false}
         style={
-          Object {
+          {
             "bottom": 0,
             "left": 0,
             "opacity": 1,
             "position": "absolute",
             "right": 0,
             "top": 0,
-            "transform": Array [
-              Object {
+            "transform": [
+              {
                 "translateX": 18,
               },
-              Object {
+              {
                 "rotate": "0deg",
               },
-              Object {
+              {
                 "translateX": -18,
               },
             ],
@@ -822,8 +822,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
       >
         <View
           style={
-            Array [
-              Object {
+            [
+              {
                 "height": 72,
                 "overflow": "hidden",
                 "width": 36,
@@ -834,8 +834,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
         >
           <View
             style={
-              Array [
-                Object {
+              [
+                {
                   "borderColor": "#e8e9ea",
                   "borderRadius": 999,
                   "borderWidth": 8,
@@ -852,8 +852,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#5ace7d",
             "borderRadius": 999,
             "height": 8,
@@ -871,14 +871,14 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
     <View
       collapsable={false}
       style={
-        Object {
+        {
           "bottom": 0,
           "left": 0,
           "position": "absolute",
           "right": 0,
           "top": 0,
-          "transform": Array [
-            Object {
+          "transform": [
+            {
               "rotate": "0deg",
             },
           ],
@@ -888,8 +888,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
     >
       <View
         style={
-          Array [
-            Object {
+          [
+            {
               "backgroundColor": "#5ace7d",
               "borderRadius": 999,
               "height": 8,
@@ -907,8 +907,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "borderRadius": 999,
             "height": 56,
@@ -926,8 +926,8 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 16,