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

@hero-design/rn 8.65.1 → 8.68.0-alpha.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 (347) hide show

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

@@ -52,7 +52,7 @@ exports[`ActionGroup has active false 1`] = `
           {
             "alignItems": "center",
             "alignSelf": "flex-end",
-            "backgroundColor": "#401960",
+            "backgroundColor": "#7622d7",
             "borderRadius": 999,
             "bottom": undefined,
             "elevation": 3,
@@ -113,7 +113,7 @@ exports[`ActionGroup has active false 1`] = `
                   },
                   [
                     {
-                      "color": "#ffffff",
+                      "color": "#FDFBFF",
                       "lineHeight": 24,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -140,7 +140,7 @@ exports[`ActionGroup has active false 1`] = `
                 },
                 [
                   {
-                    "color": "#ffffff",
+                    "color": "#FDFBFF",
                     "marginHorizontal": 8,
                     "textAlign": "center",
                     "textAlignVertical": "center",
@@ -234,7 +234,7 @@ exports[`ActionGroup has active true 1`] = `
           {
             "alignItems": "center",
             "alignSelf": "flex-end",
-            "backgroundColor": "#33144d",
+            "backgroundColor": "#380060",
             "borderRadius": 999,
             "bottom": undefined,
             "elevation": 3,
@@ -307,7 +307,7 @@ exports[`ActionGroup has active true 1`] = `
                     },
                     [
                       {
-                        "color": "#ffffff",
+                        "color": "#FDFBFF",
                         "lineHeight": 24,
                         "textAlign": "center",
                         "textAlignVertical": "center",
@@ -459,7 +459,7 @@ exports[`ActionGroup has active true 1`] = `
                     {
                       "alignItems": "center",
                       "alignSelf": "flex-end",
-                      "backgroundColor": "#795e90",
+                      "backgroundColor": "#460078",
                       "borderRadius": 999,
                       "flexDirection": "row",
                       "margin": 8,
@@ -498,7 +498,7 @@ exports[`ActionGroup has active true 1`] = `
                         },
                         [
                           {
-                            "color": "#ffffff",
+                            "color": "#FDFBFF",
                           },
                           undefined,
                         ],
@@ -521,7 +521,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#ffffff",
+                          "color": "#FDFBFF",
                         },
                         undefined,
                       ],
@@ -570,7 +570,7 @@ exports[`ActionGroup has active true 1`] = `
                     {
                       "alignItems": "center",
                       "alignSelf": "flex-end",
-                      "backgroundColor": "#795e90",
+                      "backgroundColor": "#460078",
                       "borderRadius": 999,
                       "flexDirection": "row",
                       "margin": 8,
@@ -609,7 +609,7 @@ exports[`ActionGroup has active true 1`] = `
                         },
                         [
                           {
-                            "color": "#ffffff",
+                            "color": "#FDFBFF",
                           },
                           undefined,
                         ],
@@ -632,7 +632,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#ffffff",
+                          "color": "#FDFBFF",
                         },
                         undefined,
                       ],
@@ -681,7 +681,7 @@ exports[`ActionGroup has active true 1`] = `
                     {
                       "alignItems": "center",
                       "alignSelf": "flex-end",
-                      "backgroundColor": "#795e90",
+                      "backgroundColor": "#460078",
                       "borderRadius": 999,
                       "flexDirection": "row",
                       "margin": 8,
@@ -720,7 +720,7 @@ exports[`ActionGroup has active true 1`] = `
                         },
                         [
                           {
-                            "color": "#ffffff",
+                            "color": "#FDFBFF",
                           },
                           undefined,
                         ],
@@ -743,7 +743,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#ffffff",
+                          "color": "#FDFBFF",
                         },
                         undefined,
                       ],
@@ -792,7 +792,7 @@ exports[`ActionGroup has active true 1`] = `
                     {
                       "alignItems": "center",
                       "alignSelf": "flex-end",
-                      "backgroundColor": "#795e90",
+                      "backgroundColor": "#460078",
                       "borderRadius": 999,
                       "flexDirection": "row",
                       "margin": 8,
@@ -831,7 +831,7 @@ exports[`ActionGroup has active true 1`] = `
                         },
                         [
                           {
-                            "color": "#ffffff",
+                            "color": "#FDFBFF",
                           },
                           undefined,
                         ],
@@ -854,7 +854,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#ffffff",
+                          "color": "#FDFBFF",
                         },
                         undefined,
                       ],
@@ -903,7 +903,7 @@ exports[`ActionGroup has active true 1`] = `
                     {
                       "alignItems": "center",
                       "alignSelf": "flex-end",
-                      "backgroundColor": "#795e90",
+                      "backgroundColor": "#460078",
                       "borderRadius": 999,
                       "flexDirection": "row",
                       "margin": 8,
@@ -942,7 +942,7 @@ exports[`ActionGroup has active true 1`] = `
                         },
                         [
                           {
-                            "color": "#ffffff",
+                            "color": "#FDFBFF",
                           },
                           undefined,
                         ],
@@ -965,7 +965,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#ffffff",
+                          "color": "#FDFBFF",
                         },
                         undefined,
                       ],
@@ -1004,7 +1004,7 @@ exports[`ActionGroup has active true 1`] = `
             {
               "alignItems": "center",
               "alignSelf": "flex-end",
-              "backgroundColor": "#33144d",
+              "backgroundColor": "#380060",
               "borderRadius": 999,
               "bottom": undefined,
               "elevation": 3,
@@ -1078,7 +1078,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#ffffff",
+                          "color": "#FDFBFF",
                           "lineHeight": 24,
                           "textAlign": "center",
                           "textAlignVertical": "center",

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

@@ -30,7 +30,7 @@ exports[`AnimatedFABIcon renders correctly when isActive is false 1`] = `
           },
           [
             {
-              "color": "#ffffff",
+              "color": "#FDFBFF",
               "lineHeight": 24,
               "textAlign": "center",
               "textAlignVertical": "center",
@@ -96,7 +96,7 @@ exports[`AnimatedFABIcon renders correctly when isActive is true 1`] = `
           },
           [
             {
-              "color": "#ffffff",
+              "color": "#FDFBFF",
               "lineHeight": 24,
               "textAlign": "center",
               "textAlignVertical": "center",

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

@@ -30,7 +30,7 @@ exports[`StyledFAB renders correctly 1`] = `
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "elevation": 3,
         "flexDirection": "row",
@@ -121,7 +121,7 @@ exports[`StyledFAB renders correctly 2`] = `
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#33144d",
+        "backgroundColor": "#380060",
         "borderRadius": 999,
         "elevation": 3,
         "flexDirection": "row",
@@ -200,7 +200,7 @@ exports[`StyledFABIcon renders correctly 1`] = `
         },
         [
           {
-            "color": "#ffffff",
+            "color": "#FDFBFF",
             "lineHeight": 24,
             "textAlign": "center",
             "textAlignVertical": "center",

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

@@ -73,7 +73,7 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
             },
             [
               {
-                "color": "#ffffff",
+                "color": "#FDFBFF",
                 "lineHeight": 24,
                 "textAlign": "center",
                 "textAlignVertical": "center",
@@ -212,7 +212,7 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
                 },
                 [
                   {
-                    "color": "#ffffff",
+                    "color": "#FDFBFF",
                     "lineHeight": 24,
                     "textAlign": "center",
                     "textAlignVertical": "center",
@@ -341,7 +341,7 @@ exports[`FAB when title has value renders correctly 1`] = `
               },
               [
                 {
-                  "color": "#ffffff",
+                  "color": "#FDFBFF",
                   "lineHeight": 24,
                   "textAlign": "center",
                   "textAlignVertical": "center",
@@ -368,7 +368,7 @@ exports[`FAB when title has value renders correctly 1`] = `
             },
             [
               {
-                "color": "#ffffff",
+                "color": "#FDFBFF",
                 "marginHorizontal": 8,
                 "textAlign": "center",
                 "textAlignVertical": "center",

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

@@ -20,7 +20,7 @@ exports[`HeroDesignProvider renders children correctly 1`] = `
       style={
         [
           {
-            "color": "#401960",
+            "color": "#7622d7",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 42,
             "letterSpacing": 0,

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

@@ -161,7 +161,7 @@ exports[`Icon renders correctly with intent 1`] = `
     style={
       [
         {
-          "color": "#401960",
+          "color": "#7622d7",
           "fontSize": 24,
         },
         undefined,

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

@@ -61,7 +61,7 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
         style={
           [
             {
-              "color": "#401960",
+              "color": "#7622d7",
               "fontSize": 24,
             },
             undefined,
@@ -136,7 +136,7 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
         style={
           [
             {
-              "color": "#401960",
+              "color": "#7622d7",
               "fontSize": 20,
             },
             undefined,

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

@@ -103,7 +103,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
             onStartShouldSetResponder={[Function]}
             style={
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 32,
                 "opacity": 1,
@@ -226,7 +226,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
             style={
               [
                 {
-                  "color": "#401960",
+                  "color": "#7622d7",
                   "fontSize": 20,
                 },
                 undefined,
@@ -505,7 +505,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
             style={
               [
                 {
-                  "color": "#401960",
+                  "color": "#7622d7",
                   "fontSize": 20,
                 },
                 undefined,
@@ -665,7 +665,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
             style={
               [
                 {
-                  "color": "#401960",
+                  "color": "#7622d7",
                   "fontSize": 20,
                 },
                 undefined,
@@ -805,7 +805,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
             onStartShouldSetResponder={[Function]}
             style={
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 32,
                 "opacity": 1,
@@ -945,7 +945,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
             style={
               [
                 {
-                  "backgroundColor": "#401960",
+                  "backgroundColor": "#7622d7",
                   "borderRadius": 999,
                   "display": "flex",
                   "height": 24,

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

@@ -198,7 +198,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 4,
           "flexDirection": "row",
           "opacity": 1,
@@ -282,7 +282,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 4,
           "flexDirection": "row",
           "opacity": 0.38,

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

@@ -428,7 +428,7 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 8,
           "elevation": 3,
           "flexDirection": "row",
@@ -518,7 +518,7 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant ful
     style={
       [
         {
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 8,
           "flexDirection": "row",
           "padding": 16,

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

@@ -28,7 +28,7 @@ exports[`RefreshControl renders correctly 1`] = `
       collapsable={false}
       style={
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "height": 8,
           "marginHorizontal": 8,
@@ -47,7 +47,7 @@ exports[`RefreshControl renders correctly 1`] = `
       collapsable={false}
       style={
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "height": 8,
           "marginHorizontal": 8,
@@ -66,7 +66,7 @@ exports[`RefreshControl renders correctly 1`] = `
       collapsable={false}
       style={
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "height": 8,
           "marginHorizontal": 8,

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

@@ -30,7 +30,7 @@ exports[`Progress.Bar renders correctly 1`] = `
       style={
         {
           "alignSelf": "stretch",
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderBottomRightRadius": 999,
           "borderTopRightRadius": 999,
           "flex": 1,
@@ -491,7 +491,7 @@ exports[`Progress.Circle renders correctly 1`] = `
             style={
               [
                 {
-                  "borderColor": "#401960",
+                  "borderColor": "#7622d7",
                   "borderRadius": 999,
                   "borderWidth": 8,
                   "height": 72,
@@ -585,7 +585,7 @@ exports[`Progress.Circle renders correctly 1`] = `
             style={
               [
                 {
-                  "borderColor": "#401960",
+                  "borderColor": "#7622d7",
                   "borderRadius": 999,
                   "borderWidth": 8,
                   "height": 72,
@@ -655,7 +655,7 @@ exports[`Progress.Circle renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#401960",
+              "backgroundColor": "#7622d7",
               "borderRadius": 999,
               "height": 8,
               "left": 32,
@@ -691,7 +691,7 @@ exports[`Progress.Circle renders correctly 1`] = `
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 8,
                 "left": 32,

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

@@ -34,14 +34,14 @@ exports[`rendering renders correctly when checked with inactiveIntent=dark 1`] =
     style={
       [
         {
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 8,
           "flexDirection": "row",
           "padding": 16,
         },
         [
           {
-            "backgroundColor": "#ece8ef",
+            "backgroundColor": "#F1E9FB",
           },
           undefined,
         ],
@@ -114,7 +114,7 @@ exports[`rendering renders correctly when checked with inactiveIntent=dark 1`] =
               [
                 {
                   "alignItems": "center",
-                  "borderColor": "#401960",
+                  "borderColor": "#7622d7",
                   "borderRadius": 999,
                   "borderWidth": 2,
                   "height": 20,
@@ -129,7 +129,7 @@ exports[`rendering renders correctly when checked with inactiveIntent=dark 1`] =
               style={
                 [
                   {
-                    "backgroundColor": "#401960",
+                    "backgroundColor": "#7622d7",
                     "borderRadius": 999,
                     "height": 10,
                     "width": 10,
@@ -201,14 +201,14 @@ exports[`rendering renders correctly when checked with inactiveIntent=light 1`]
     style={
       [
         {
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 8,
           "flexDirection": "row",
           "padding": 16,
         },
         [
           {
-            "backgroundColor": "#ece8ef",
+            "backgroundColor": "#F1E9FB",
           },
           undefined,
         ],
@@ -281,7 +281,7 @@ exports[`rendering renders correctly when checked with inactiveIntent=light 1`]
               [
                 {
                   "alignItems": "center",
-                  "borderColor": "#401960",
+                  "borderColor": "#7622d7",
                   "borderRadius": 999,
                   "borderWidth": 2,
                   "height": 20,
@@ -296,7 +296,7 @@ exports[`rendering renders correctly when checked with inactiveIntent=light 1`]
               style={
                 [
                   {
-                    "backgroundColor": "#401960",
+                    "backgroundColor": "#7622d7",
                     "borderRadius": 999,
                     "height": 10,
                     "width": 10,
@@ -448,7 +448,7 @@ exports[`rendering renders correctly when not checked with inactiveIntent=dark 1
               [
                 {
                   "alignItems": "center",
-                  "borderColor": "#401960",
+                  "borderColor": "#7622d7",
                   "borderRadius": 999,
                   "borderWidth": 2,
                   "height": 20,
@@ -600,7 +600,7 @@ exports[`rendering renders correctly when not checked with inactiveIntent=light
               [
                 {
                   "alignItems": "center",
-                  "borderColor": "#401960",
+                  "borderColor": "#7622d7",
                   "borderRadius": 999,
                   "borderWidth": 2,
                   "height": 20,