npm - @hero-design/rn - Versions diffs - 8.38.0 → 8.39.1 - Mend

@hero-design/rn 8.38.0 → 8.39.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap CHANGED Viewed

@@ -4,7 +4,7 @@ exports[`Toast Icon render custom icon correctly 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "backgroundColor": "#b5c3fd",
       "borderRadius": 0,
       "elevation": 3,
@@ -12,14 +12,14 @@ exports[`Toast Icon render custom icon correctly 1`] = `
       "minHeight": 48,
       "opacity": 0,
       "shadowColor": "#001f23",
-      "shadowOffset": Object {
+      "shadowOffset": {
         "height": 2,
         "width": 0,
       },
       "shadowOpacity": 0.12,
       "shadowRadius": 4,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "translateY": 20,
         },
       ],
@@ -31,8 +31,8 @@ exports[`Toast Icon render custom icon correctly 1`] = `
   <View
     showDivider={false}
     style={
-      Array [
-        Object {
+      [
+        {
           "borderColor": "#e8e9ea",
           "borderRightWidth": 0,
           "flex": 1,
@@ -45,8 +45,8 @@ exports[`Toast Icon render custom icon correctly 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "paddingLeft": 12,
           },
@@ -58,8 +58,8 @@ exports[`Toast Icon render custom icon correctly 1`] = `
       <HeroIcon
         name="home"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontSize": 20,
             },
@@ -72,8 +72,8 @@ exports[`Toast Icon render custom icon correctly 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingHorizontal": 12,
           },
@@ -84,8 +84,8 @@ exports[`Toast Icon render custom icon correctly 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 14,
@@ -110,7 +110,7 @@ exports[`Toast renders correctly when intent is error 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "backgroundColor": "#f46363",
       "borderRadius": 0,
       "elevation": 3,
@@ -118,14 +118,14 @@ exports[`Toast renders correctly when intent is error 1`] = `
       "minHeight": 48,
       "opacity": 0,
       "shadowColor": "#001f23",
-      "shadowOffset": Object {
+      "shadowOffset": {
         "height": 2,
         "width": 0,
       },
       "shadowOpacity": 0.12,
       "shadowRadius": 4,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "translateY": 20,
         },
       ],
@@ -137,8 +137,8 @@ exports[`Toast renders correctly when intent is error 1`] = `
   <View
     showDivider={true}
     style={
-      Array [
-        Object {
+      [
+        {
           "borderColor": "#e8e9ea",
           "borderRightWidth": 1,
           "flex": 1,
@@ -151,8 +151,8 @@ exports[`Toast renders correctly when intent is error 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "paddingLeft": 12,
           },
@@ -164,8 +164,8 @@ exports[`Toast renders correctly when intent is error 1`] = `
       <HeroIcon
         name="circle-warning"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontSize": 20,
             },
@@ -178,8 +178,8 @@ exports[`Toast renders correctly when intent is error 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingHorizontal": 12,
           },
@@ -190,8 +190,8 @@ exports[`Toast renders correctly when intent is error 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 14,
@@ -221,7 +221,7 @@ exports[`Toast renders correctly when intent is error 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
@@ -232,8 +232,8 @@ exports[`Toast renders correctly when intent is error 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 14,
@@ -257,7 +257,7 @@ exports[`Toast renders correctly when intent is info 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "backgroundColor": "#b5c3fd",
       "borderRadius": 0,
       "elevation": 3,
@@ -265,14 +265,14 @@ exports[`Toast renders correctly when intent is info 1`] = `
       "minHeight": 48,
       "opacity": 0,
       "shadowColor": "#001f23",
-      "shadowOffset": Object {
+      "shadowOffset": {
         "height": 2,
         "width": 0,
       },
       "shadowOpacity": 0.12,
       "shadowRadius": 4,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "translateY": 20,
         },
       ],
@@ -284,8 +284,8 @@ exports[`Toast renders correctly when intent is info 1`] = `
   <View
     showDivider={true}
     style={
-      Array [
-        Object {
+      [
+        {
           "borderColor": "#e8e9ea",
           "borderRightWidth": 1,
           "flex": 1,
@@ -298,8 +298,8 @@ exports[`Toast renders correctly when intent is info 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "paddingLeft": 12,
           },
@@ -311,8 +311,8 @@ exports[`Toast renders correctly when intent is info 1`] = `
       <HeroIcon
         name="circle-info"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontSize": 20,
             },
@@ -325,8 +325,8 @@ exports[`Toast renders correctly when intent is info 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingHorizontal": 12,
           },
@@ -337,8 +337,8 @@ exports[`Toast renders correctly when intent is info 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 14,
@@ -368,7 +368,7 @@ exports[`Toast renders correctly when intent is info 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
@@ -379,8 +379,8 @@ exports[`Toast renders correctly when intent is info 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 14,
@@ -404,7 +404,7 @@ exports[`Toast renders correctly when intent is notification 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "backgroundColor": "#ffffff",
       "borderRadius": 0,
       "elevation": 3,
@@ -412,14 +412,14 @@ exports[`Toast renders correctly when intent is notification 1`] = `
       "minHeight": 48,
       "opacity": 0,
       "shadowColor": "#001f23",
-      "shadowOffset": Object {
+      "shadowOffset": {
         "height": 2,
         "width": 0,
       },
       "shadowOpacity": 0.12,
       "shadowRadius": 4,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "translateY": 20,
         },
       ],
@@ -431,8 +431,8 @@ exports[`Toast renders correctly when intent is notification 1`] = `
   <View
     showDivider={true}
     style={
-      Array [
-        Object {
+      [
+        {
           "borderColor": "#e8e9ea",
           "borderRightWidth": 1,
           "flex": 1,
@@ -445,8 +445,8 @@ exports[`Toast renders correctly when intent is notification 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingHorizontal": 12,
           },
@@ -457,8 +457,8 @@ exports[`Toast renders correctly when intent is notification 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 14,
@@ -488,7 +488,7 @@ exports[`Toast renders correctly when intent is notification 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
@@ -499,8 +499,8 @@ exports[`Toast renders correctly when intent is notification 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 14,
@@ -524,7 +524,7 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "backgroundColor": "#001f23",
       "borderRadius": 0,
       "elevation": 3,
@@ -532,14 +532,14 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
       "minHeight": 48,
       "opacity": 0,
       "shadowColor": "#001f23",
-      "shadowOffset": Object {
+      "shadowOffset": {
         "height": 2,
         "width": 0,
       },
       "shadowOpacity": 0.12,
       "shadowRadius": 4,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "translateY": 20,
         },
       ],
@@ -551,8 +551,8 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
   <View
     showDivider={true}
     style={
-      Array [
-        Object {
+      [
+        {
           "borderColor": "#e8e9ea",
           "borderRightWidth": 1,
           "flex": 1,
@@ -565,8 +565,8 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingHorizontal": 12,
           },
@@ -577,8 +577,8 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#ffffff",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 14,
@@ -608,7 +608,7 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
@@ -619,8 +619,8 @@ exports[`Toast renders correctly when intent is snackbar 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#ffffff",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 14,
@@ -644,7 +644,7 @@ exports[`Toast renders correctly when intent is success 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "backgroundColor": "#5ace7d",
       "borderRadius": 0,
       "elevation": 3,
@@ -652,14 +652,14 @@ exports[`Toast renders correctly when intent is success 1`] = `
       "minHeight": 48,
       "opacity": 0,
       "shadowColor": "#001f23",
-      "shadowOffset": Object {
+      "shadowOffset": {
         "height": 2,
         "width": 0,
       },
       "shadowOpacity": 0.12,
       "shadowRadius": 4,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "translateY": 20,
         },
       ],
@@ -671,8 +671,8 @@ exports[`Toast renders correctly when intent is success 1`] = `
   <View
     showDivider={true}
     style={
-      Array [
-        Object {
+      [
+        {
           "borderColor": "#e8e9ea",
           "borderRightWidth": 1,
           "flex": 1,
@@ -685,8 +685,8 @@ exports[`Toast renders correctly when intent is success 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "paddingLeft": 12,
           },
@@ -698,8 +698,8 @@ exports[`Toast renders correctly when intent is success 1`] = `
       <HeroIcon
         name="circle-ok"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontSize": 20,
             },
@@ -712,8 +712,8 @@ exports[`Toast renders correctly when intent is success 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingHorizontal": 12,
           },
@@ -724,8 +724,8 @@ exports[`Toast renders correctly when intent is success 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 14,
@@ -755,7 +755,7 @@ exports[`Toast renders correctly when intent is success 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
@@ -766,8 +766,8 @@ exports[`Toast renders correctly when intent is success 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 14,
@@ -791,7 +791,7 @@ exports[`Toast renders correctly when intent is warning 1`] = `
 <View
   collapsable={false}
   style={
-    Object {
+    {
       "backgroundColor": "#ffbe71",
       "borderRadius": 0,
       "elevation": 3,
@@ -799,14 +799,14 @@ exports[`Toast renders correctly when intent is warning 1`] = `
       "minHeight": 48,
       "opacity": 0,
       "shadowColor": "#001f23",
-      "shadowOffset": Object {
+      "shadowOffset": {
         "height": 2,
         "width": 0,
       },
       "shadowOpacity": 0.12,
       "shadowRadius": 4,
-      "transform": Array [
-        Object {
+      "transform": [
+        {
           "translateY": 20,
         },
       ],
@@ -818,8 +818,8 @@ exports[`Toast renders correctly when intent is warning 1`] = `
   <View
     showDivider={true}
     style={
-      Array [
-        Object {
+      [
+        {
           "borderColor": "#e8e9ea",
           "borderRightWidth": 1,
           "flex": 1,
@@ -832,8 +832,8 @@ exports[`Toast renders correctly when intent is warning 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "alignItems": "center",
             "paddingLeft": 12,
           },
@@ -845,8 +845,8 @@ exports[`Toast renders correctly when intent is warning 1`] = `
       <HeroIcon
         name="warning"
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontSize": 20,
             },
@@ -859,8 +859,8 @@ exports[`Toast renders correctly when intent is warning 1`] = `
     </View>
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "flex": 1,
             "paddingHorizontal": 12,
           },
@@ -871,8 +871,8 @@ exports[`Toast renders correctly when intent is warning 1`] = `
       <Text
         allowFontScaling={false}
         style={
-          Array [
-            Object {
+          [
+            {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 14,
@@ -902,7 +902,7 @@ exports[`Toast renders correctly when intent is warning 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
@@ -913,8 +913,8 @@ exports[`Toast renders correctly when intent is warning 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 14,

package/src/components/Toast/__tests__/__snapshots__/ToastContainer.spec.tsx.snap CHANGED Viewed

@@ -5,8 +5,8 @@ exports[`ToastContainer renders correctly with displayType: single, position: bo
   pointerEvents="box-none"
   position="bottom"
   style={
-    Array [
-      Object {
+    [
+      {
         "bottom": 0,
         "elevation": 9999,
         "flexDirection": "column-reverse",
@@ -28,8 +28,8 @@ exports[`ToastContainer renders correctly with displayType: single, position: to
   pointerEvents="box-none"
   position="top"
   style={
-    Array [
-      Object {
+    [
+      {
         "bottom": 0,
         "elevation": 9999,
         "flexDirection": "column",
@@ -51,8 +51,8 @@ exports[`ToastContainer renders correctly with displayType: stack, position: bot
   pointerEvents="box-none"
   position="bottom"
   style={
-    Array [
-      Object {
+    [
+      {
         "bottom": 0,
         "elevation": 9999,
         "flexDirection": "column-reverse",
@@ -74,8 +74,8 @@ exports[`ToastContainer renders correctly with displayType: stack, position: top
   pointerEvents="box-none"
   position="top"
   style={
-    Array [
-      Object {
+    [
+      {
         "bottom": 0,
         "elevation": 9999,
         "flexDirection": "column",