npm - @hero-design/rn - Versions diffs - 8.68.0-alpha.0 → 8.68.0 - Mend

@hero-design/rn 8.68.0-alpha.0 → 8.68.0

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 (369) hide show

package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap CHANGED Viewed

@@ -242,7 +242,7 @@ exports[`StyledLoadingIndicator has outlined-primary style 1`] = `
     style={
       [
         {
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 8,
           "height": 12,
           "marginHorizontal": 8,
@@ -288,7 +288,7 @@ exports[`StyledLoadingIndicator has outlined-secondary style 1`] = `
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#795e90",
           "borderRadius": 8,
           "height": 12,
           "marginHorizontal": 8,
@@ -380,7 +380,7 @@ exports[`StyledLoadingIndicator has text-primary style 1`] = `
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#795e90",
           "borderRadius": 8,
           "height": 12,
           "marginHorizontal": 8,
@@ -426,7 +426,7 @@ exports[`StyledLoadingIndicator has text-secondary style 1`] = `
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#795e90",
           "borderRadius": 8,
           "height": 12,
           "marginHorizontal": 8,

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

@@ -714,7 +714,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
         style={
           [
             {
-              "backgroundColor": "#7622d7",
+              "backgroundColor": "#401960",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -744,7 +744,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
         style={
           [
             {
-              "backgroundColor": "#7622d7",
+              "backgroundColor": "#401960",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -774,7 +774,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
         style={
           [
             {
-              "backgroundColor": "#7622d7",
+              "backgroundColor": "#401960",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -849,7 +849,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -879,7 +879,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -909,7 +909,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1119,7 +1119,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1149,7 +1149,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1179,7 +1179,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1254,7 +1254,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1284,7 +1284,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1314,7 +1314,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#795e90",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,

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

@@ -36,7 +36,7 @@ exports[`Button allows render custom icon 1`] = `
         {
           "alignItems": "center",
           "alignSelf": "stretch",
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 32,
           "flexDirection": "row",
           "height": 60,
@@ -192,7 +192,7 @@ exports[`Button renders correctly 1`] = `
         {
           "alignItems": "center",
           "alignSelf": "stretch",
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 32,
           "flexDirection": "row",
           "height": 60,
@@ -294,7 +294,7 @@ exports[`Button renders correctly 2`] = `
         {
           "alignItems": "center",
           "alignSelf": "stretch",
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 32,
           "flexDirection": "row",
           "height": 60,
@@ -573,7 +573,7 @@ exports[`Button renders correctly 4`] = `
           "alignItems": "center",
           "alignSelf": "stretch",
           "backgroundColor": "transparent",
-          "borderColor": "#7622d7",
+          "borderColor": "#401960",
           "borderRadius": 32,
           "borderWidth": 2,
           "flexDirection": "row",
@@ -601,7 +601,7 @@ exports[`Button renders correctly 4`] = `
           },
           [
             {
-              "color": "#7622d7",
+              "color": "#401960",
               "flexShrink": 1,
               "textAlign": "center",
             },
@@ -677,7 +677,7 @@ exports[`Button renders correctly 5`] = `
           "alignItems": "center",
           "alignSelf": "stretch",
           "backgroundColor": "transparent",
-          "borderColor": "#7622d7",
+          "borderColor": "#401960",
           "borderRadius": 32,
           "borderWidth": 2,
           "flexDirection": "row",
@@ -721,7 +721,7 @@ exports[`Button renders correctly 5`] = `
           style={
             [
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -751,7 +751,7 @@ exports[`Button renders correctly 5`] = `
           style={
             [
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -781,7 +781,7 @@ exports[`Button renders correctly 5`] = `
           style={
             [
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -985,7 +985,7 @@ exports[`Button renders correctly 7`] = `
           },
           [
             {
-              "color": "#7622d7",
+              "color": "#401960",
               "flexShrink": 1,
               "lineHeight": 22,
               "textAlign": "center",
@@ -1060,7 +1060,7 @@ exports[`Button renders correctly 8`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#F1E9FB",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 4,
           "borderWidth": 0,
           "flexDirection": "row",
@@ -1104,7 +1104,7 @@ exports[`Button renders correctly 8`] = `
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#795e90",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1134,7 +1134,7 @@ exports[`Button renders correctly 8`] = `
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#795e90",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1164,7 +1164,7 @@ exports[`Button renders correctly 8`] = `
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#795e90",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1367,7 +1367,7 @@ exports[`Button renders correctly 10`] = `
           },
           [
             {
-              "color": "#460078",
+              "color": "#795e90",
               "flexShrink": 1,
               "lineHeight": 22,
               "textAlign": "center",
@@ -1442,7 +1442,7 @@ exports[`Button renders correctly 11`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#F1E9FB",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 4,
           "borderWidth": 0,
           "flexDirection": "row",
@@ -1486,7 +1486,7 @@ exports[`Button renders correctly 11`] = `
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#795e90",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1516,7 +1516,7 @@ exports[`Button renders correctly 11`] = `
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#795e90",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1546,7 +1546,7 @@ exports[`Button renders correctly 11`] = `
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#795e90",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1824,7 +1824,7 @@ exports[`Button renders correctly 14`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#F1E9FB",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 4,
           "borderWidth": 0,
           "flexDirection": "row",
@@ -2104,7 +2104,7 @@ exports[`Button renders loading icon 1`] = `
         {
           "alignItems": "center",
           "alignSelf": "stretch",
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 32,
           "flexDirection": "row",
           "height": 60,

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

@@ -100,7 +100,7 @@ exports[`StyledButtonContainer has filled-primary style 1`] = `
         {
           "alignItems": "center",
           "alignSelf": "stretch",
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 32,
           "flexDirection": "row",
           "height": 60,
@@ -169,7 +169,7 @@ exports[`StyledButtonContainer has filled-secondary style 1`] = `
         {
           "alignItems": "center",
           "alignSelf": "stretch",
-          "backgroundColor": "#460078",
+          "backgroundColor": "#795e90",
           "borderRadius": 32,
           "flexDirection": "row",
           "height": 60,
@@ -310,7 +310,7 @@ exports[`StyledButtonContainer has outlined-primary style 1`] = `
           "alignItems": "center",
           "alignSelf": "stretch",
           "backgroundColor": "transparent",
-          "borderColor": "#7622d7",
+          "borderColor": "#401960",
           "borderRadius": 32,
           "borderWidth": 2,
           "flexDirection": "row",
@@ -381,7 +381,7 @@ exports[`StyledButtonContainer has outlined-secondary style 1`] = `
           "alignItems": "center",
           "alignSelf": "stretch",
           "backgroundColor": "transparent",
-          "borderColor": "#460078",
+          "borderColor": "#795e90",
           "borderRadius": 32,
           "borderWidth": 2,
           "flexDirection": "row",
@@ -923,7 +923,7 @@ exports[`StyledButtonIcon has outlined-primary style 1`] = `
         },
         [
           {
-            "color": "#7622d7",
+            "color": "#401960",
             "fontSize": 20,
           },
           undefined,
@@ -974,7 +974,7 @@ exports[`StyledButtonIcon has outlined-secondary style 1`] = `
         },
         [
           {
-            "color": "#460078",
+            "color": "#795e90",
             "fontSize": 20,
           },
           undefined,
@@ -1076,7 +1076,7 @@ exports[`StyledButtonIcon has text-primary style 1`] = `
         },
         [
           {
-            "color": "#7622d7",
+            "color": "#401960",
             "fontSize": 20,
           },
           undefined,
@@ -1127,7 +1127,7 @@ exports[`StyledButtonIcon has text-secondary style 1`] = `
         },
         [
           {
-            "color": "#460078",
+            "color": "#795e90",
             "fontSize": 20,
           },
           undefined,
@@ -1552,7 +1552,7 @@ exports[`StyledButtonText has outlined-primary style 1`] = `
         },
         [
           {
-            "color": "#7622d7",
+            "color": "#401960",
             "flexShrink": 1,
             "textAlign": "center",
           },
@@ -1611,7 +1611,7 @@ exports[`StyledButtonText has outlined-secondary style 1`] = `
         },
         [
           {
-            "color": "#460078",
+            "color": "#795e90",
             "flexShrink": 1,
             "textAlign": "center",
           },
@@ -1729,7 +1729,7 @@ exports[`StyledButtonText has text-primary style 1`] = `
         },
         [
           {
-            "color": "#7622d7",
+            "color": "#401960",
             "flexShrink": 1,
             "textAlign": "center",
           },
@@ -1788,7 +1788,7 @@ exports[`StyledButtonText has text-secondary style 1`] = `
         },
         [
           {
-            "color": "#460078",
+            "color": "#795e90",
             "flexShrink": 1,
             "textAlign": "center",
           },

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

@@ -90,7 +90,7 @@ exports[`CalendarRowItem renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#7622d7",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "bottom": "10%",
               "height": 4,
@@ -218,7 +218,7 @@ exports[`CalendarRowItem renders correctly 2`] = `
         style={
           [
             {
-              "backgroundColor": "#7622d7",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "bottom": "10%",
               "height": 4,
@@ -310,7 +310,7 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
       style={
         {
           "alignItems": "center",
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderColor": "#001f23",
           "borderRadius": 999,
           "borderWidth": 0,
@@ -437,7 +437,7 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
       style={
         {
           "alignItems": "center",
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderColor": "#001f23",
           "borderRadius": 999,
           "borderWidth": 0,
@@ -564,7 +564,7 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
       style={
         {
           "alignItems": "center",
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderColor": "#001f23",
           "borderRadius": 999,
           "borderWidth": 0,

package/src/components/Card/DataCard/__tests__/__snapshots__/StyledDataCard.spec.tsx.snap CHANGED Viewed

@@ -144,7 +144,7 @@ exports[`Indicator renders correctly when intent is primary 1`] = `
     style={
       [
         {
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "height": "100%",
           "width": 16,
         },

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

@@ -207,7 +207,7 @@ exports[`Card renders correctly when intent is primary 1`] = `
     style={
       [
         {
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 12,
           "overflow": "hidden",
         },

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

@@ -241,7 +241,7 @@ exports[`CardCarousel android should render correctly on iOS 1`] = `
         collapsable={false}
         style={
           {
-            "backgroundColor": "#7622d7",
+            "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
             "marginHorizontal": 8,
@@ -260,7 +260,7 @@ exports[`CardCarousel android should render correctly on iOS 1`] = `
         collapsable={false}
         style={
           {
-            "backgroundColor": "#7622d7",
+            "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
             "marginHorizontal": 8,
@@ -536,7 +536,7 @@ exports[`CardCarousel ios should render correctly on iOS 1`] = `
         collapsable={false}
         style={
           {
-            "backgroundColor": "#7622d7",
+            "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
             "marginHorizontal": 8,
@@ -555,7 +555,7 @@ exports[`CardCarousel ios should render correctly on iOS 1`] = `
         collapsable={false}
         style={
           {
-            "backgroundColor": "#7622d7",
+            "backgroundColor": "#401960",
             "borderRadius": 999,
             "height": 8,
             "marginHorizontal": 8,

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

@@ -124,7 +124,7 @@ exports[`StyledPageControl should render correctly 1`] = `
       collapsable={false}
       style={
         {
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 8,
           "marginHorizontal": 8,
@@ -143,7 +143,7 @@ exports[`StyledPageControl should render correctly 1`] = `
       collapsable={false}
       style={
         {
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 8,
           "marginHorizontal": 8,
@@ -162,7 +162,7 @@ exports[`StyledPageControl should render correctly 1`] = `
       collapsable={false}
       style={
         {
-          "backgroundColor": "#7622d7",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 8,
           "marginHorizontal": 8,

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

@@ -12,7 +12,7 @@ exports[`StyledBackDrop renders correct basic style 1`] = `
     style={
       [
         {
-          "backgroundColor": "#F1E9FB",
+          "backgroundColor": "#ece8ef",
           "bottom": 0,
           "left": 0,
           "position": "absolute",
@@ -22,7 +22,7 @@ exports[`StyledBackDrop renders correct basic style 1`] = `
         undefined,
       ]
     }
-    themeSlideBackground="#F1E9FB"
+    themeSlideBackground="#ece8ef"
   />
   <View
     pointerEvents="box-none"