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

@hero-design/rn 8.76.1-alpha.0 → 8.76.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 (345) hide show

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": "#460078",
+              "color": "#401960",
               "fontSize": 24,
             },
             undefined,
@@ -136,7 +136,7 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
         style={
           [
             {
-              "color": "#460078",
+              "color": "#401960",
               "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": "#460078",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 32,
                 "opacity": 1,
@@ -226,7 +226,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
             style={
               [
                 {
-                  "color": "#460078",
+                  "color": "#401960",
                   "fontSize": 20,
                 },
                 undefined,
@@ -505,7 +505,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
             style={
               [
                 {
-                  "color": "#460078",
+                  "color": "#401960",
                   "fontSize": 20,
                 },
                 undefined,
@@ -665,7 +665,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
             style={
               [
                 {
-                  "color": "#460078",
+                  "color": "#401960",
                   "fontSize": 20,
                 },
                 undefined,
@@ -805,7 +805,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
             onStartShouldSetResponder={[Function]}
             style={
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 32,
                 "opacity": 1,
@@ -945,7 +945,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
             style={
               [
                 {
-                  "backgroundColor": "#460078",
+                  "backgroundColor": "#401960",
                   "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": "#f1e9fb",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 4,
           "flexDirection": "row",
           "opacity": 1,
@@ -282,7 +282,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#f1e9fb",
+          "backgroundColor": "#ece8ef",
           "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": "#f1e9fb",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 8,
           "elevation": 3,
           "flexDirection": "row",
@@ -518,7 +518,7 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant ful
     style={
       [
         {
-          "backgroundColor": "#f1e9fb",
+          "backgroundColor": "#ece8ef",
           "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": "#460078",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 8,
           "marginHorizontal": 8,
@@ -47,7 +47,7 @@ exports[`RefreshControl renders correctly 1`] = `
       collapsable={false}
       style={
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 8,
           "marginHorizontal": 8,
@@ -66,7 +66,7 @@ exports[`RefreshControl renders correctly 1`] = `
       collapsable={false}
       style={
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#401960",
           "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": "#460078",
+          "backgroundColor": "#401960",
           "borderBottomRightRadius": 999,
           "borderTopRightRadius": 999,
           "flex": 1,
@@ -491,7 +491,7 @@ exports[`Progress.Circle renders correctly 1`] = `
             style={
               [
                 {
-                  "borderColor": "#460078",
+                  "borderColor": "#401960",
                   "borderRadius": 999,
                   "borderWidth": 8,
                   "height": 72,
@@ -585,7 +585,7 @@ exports[`Progress.Circle renders correctly 1`] = `
             style={
               [
                 {
-                  "borderColor": "#460078",
+                  "borderColor": "#401960",
                   "borderRadius": 999,
                   "borderWidth": 8,
                   "height": 72,
@@ -655,7 +655,7 @@ exports[`Progress.Circle renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
               "left": 32,
@@ -691,7 +691,7 @@ exports[`Progress.Circle renders correctly 1`] = `
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#401960",
                 "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": "#f1e9fb",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 8,
           "flexDirection": "row",
           "padding": 16,
         },
         [
           {
-            "backgroundColor": "#f1e9fb",
+            "backgroundColor": "#ece8ef",
           },
           undefined,
         ],
@@ -114,7 +114,7 @@ exports[`rendering renders correctly when checked with inactiveIntent=dark 1`] =
               [
                 {
                   "alignItems": "center",
-                  "borderColor": "#460078",
+                  "borderColor": "#401960",
                   "borderRadius": 999,
                   "borderWidth": 2,
                   "height": 20,
@@ -129,7 +129,7 @@ exports[`rendering renders correctly when checked with inactiveIntent=dark 1`] =
               style={
                 [
                   {
-                    "backgroundColor": "#460078",
+                    "backgroundColor": "#401960",
                     "borderRadius": 999,
                     "height": 10,
                     "width": 10,
@@ -201,14 +201,14 @@ exports[`rendering renders correctly when checked with inactiveIntent=light 1`]
     style={
       [
         {
-          "backgroundColor": "#f1e9fb",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 8,
           "flexDirection": "row",
           "padding": 16,
         },
         [
           {
-            "backgroundColor": "#f1e9fb",
+            "backgroundColor": "#ece8ef",
           },
           undefined,
         ],
@@ -281,7 +281,7 @@ exports[`rendering renders correctly when checked with inactiveIntent=light 1`]
               [
                 {
                   "alignItems": "center",
-                  "borderColor": "#460078",
+                  "borderColor": "#401960",
                   "borderRadius": 999,
                   "borderWidth": 2,
                   "height": 20,
@@ -296,7 +296,7 @@ exports[`rendering renders correctly when checked with inactiveIntent=light 1`]
               style={
                 [
                   {
-                    "backgroundColor": "#460078",
+                    "backgroundColor": "#401960",
                     "borderRadius": 999,
                     "height": 10,
                     "width": 10,
@@ -448,7 +448,7 @@ exports[`rendering renders correctly when not checked with inactiveIntent=dark 1
               [
                 {
                   "alignItems": "center",
-                  "borderColor": "#460078",
+                  "borderColor": "#401960",
                   "borderRadius": 999,
                   "borderWidth": 2,
                   "height": 20,
@@ -600,7 +600,7 @@ exports[`rendering renders correctly when not checked with inactiveIntent=light
               [
                 {
                   "alignItems": "center",
-                  "borderColor": "#460078",
+                  "borderColor": "#401960",
                   "borderRadius": 999,
                   "borderWidth": 2,
                   "height": 20,

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

@@ -115,7 +115,7 @@ exports[`rendering renders correctly with inactiveIntent=dark 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#460078",
+                    "borderColor": "#401960",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -247,7 +247,7 @@ exports[`rendering renders correctly with inactiveIntent=dark 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#460078",
+                    "borderColor": "#401960",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -299,14 +299,14 @@ exports[`rendering renders correctly with inactiveIntent=dark 1`] = `
       style={
         [
           {
-            "backgroundColor": "#f1e9fb",
+            "backgroundColor": "#ece8ef",
             "borderRadius": 8,
             "flexDirection": "row",
             "padding": 16,
           },
           [
             {
-              "backgroundColor": "#f1e9fb",
+              "backgroundColor": "#ece8ef",
             },
             undefined,
           ],
@@ -379,7 +379,7 @@ exports[`rendering renders correctly with inactiveIntent=dark 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#460078",
+                    "borderColor": "#401960",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -394,7 +394,7 @@ exports[`rendering renders correctly with inactiveIntent=dark 1`] = `
                 style={
                   [
                     {
-                      "backgroundColor": "#460078",
+                      "backgroundColor": "#401960",
                       "borderRadius": 999,
                       "height": 10,
                       "width": 10,
@@ -548,7 +548,7 @@ exports[`rendering renders correctly with inactiveIntent=light 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#460078",
+                    "borderColor": "#401960",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -680,7 +680,7 @@ exports[`rendering renders correctly with inactiveIntent=light 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#460078",
+                    "borderColor": "#401960",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -732,14 +732,14 @@ exports[`rendering renders correctly with inactiveIntent=light 1`] = `
       style={
         [
           {
-            "backgroundColor": "#f1e9fb",
+            "backgroundColor": "#ece8ef",
             "borderRadius": 8,
             "flexDirection": "row",
             "padding": 16,
           },
           [
             {
-              "backgroundColor": "#f1e9fb",
+              "backgroundColor": "#ece8ef",
             },
             undefined,
           ],
@@ -812,7 +812,7 @@ exports[`rendering renders correctly with inactiveIntent=light 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#460078",
+                    "borderColor": "#401960",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -827,7 +827,7 @@ exports[`rendering renders correctly with inactiveIntent=light 1`] = `
                 style={
                   [
                     {
-                      "backgroundColor": "#460078",
+                      "backgroundColor": "#401960",
                       "borderRadius": 999,
                       "height": 10,
                       "width": 10,
@@ -1000,7 +1000,7 @@ exports[`rendering renders correctly with subtext 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#460078",
+                    "borderColor": "#401960",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -1151,7 +1151,7 @@ exports[`rendering renders correctly with subtext 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#460078",
+                    "borderColor": "#401960",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,

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

@@ -67,7 +67,7 @@ exports[`Rate renders correctly 1`] = `
           style={
             [
               {
-                "color": "#460078",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -124,7 +124,7 @@ exports[`Rate renders correctly 1`] = `
           style={
             [
               {
-                "color": "#460078",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -186,7 +186,7 @@ exports[`Rate renders correctly 1`] = `
           style={
             [
               {
-                "color": "#460078",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -243,7 +243,7 @@ exports[`Rate renders correctly 1`] = `
           style={
             [
               {
-                "color": "#460078",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -300,7 +300,7 @@ exports[`Rate renders correctly 1`] = `
           style={
             [
               {
-                "color": "#460078",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -402,7 +402,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
           style={
             [
               {
-                "color": "#460078",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -459,7 +459,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
           style={
             [
               {
-                "color": "#460078",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -521,7 +521,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
           style={
             [
               {
-                "color": "#460078",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -578,7 +578,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
           style={
             [
               {
-                "color": "#460078",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -635,7 +635,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
           style={
             [
               {
-                "color": "#460078",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,

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

@@ -62,7 +62,7 @@ exports[`StyledHeading renders correct style with small 1`] = `
       [
         {
           "alignContent": "center",
-          "backgroundColor": "#DDC8F5",
+          "backgroundColor": "#ccd2d3",
           "display": "flex",
           "flexDirection": "row",
           "justifyContent": "space-between",

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

@@ -68,7 +68,7 @@ exports[`SectionHeading allows to customise the icon 1`] = `
         style={
           [
             {
-              "color": "#460078",
+              "color": "#401960",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 14,
               "letterSpacing": 0.48,
@@ -437,7 +437,7 @@ exports[`SectionHeading renders correct style with small 1`] = `
       [
         {
           "alignContent": "center",
-          "backgroundColor": "#DDC8F5",
+          "backgroundColor": "#ccd2d3",
           "display": "flex",
           "flexDirection": "row",
           "justifyContent": "space-between",

package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap CHANGED Viewed

@@ -35,7 +35,7 @@ exports[`Option renders correctly 1`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#f1e9fb",
+          "backgroundColor": "#ece8ef",
           "borderRadius": 4,
           "flexDirection": "row",
           "opacity": 1,
@@ -91,7 +91,7 @@ exports[`Option renders correctly 1`] = `
         style={
           [
             {
-              "color": "#460078",
+              "color": "#401960",
               "fontSize": 20,
             },
             {

package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap CHANGED Viewed

@@ -224,7 +224,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#f1e9fb",
+                  "backgroundColor": "#ece8ef",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -280,7 +280,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                 style={
                   [
                     {
-                      "color": "#460078",
+                      "color": "#401960",
                       "fontSize": 20,
                     },
                     {
@@ -771,7 +771,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#460078",
+                          "backgroundColor": "#401960",
                           "borderRadius": 999,
                           "height": 16,
                           "opacity": 0.9,
@@ -789,7 +789,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#460078",
+                          "backgroundColor": "#401960",
                           "borderRadius": 999,
                           "height": 16,
                           "marginLeft": 8,
@@ -823,7 +823,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#460078",
+                          "backgroundColor": "#401960",
                           "borderRadius": 999,
                           "height": 16,
                           "opacity": 0.45,
@@ -841,7 +841,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#460078",
+                          "backgroundColor": "#401960",
                           "borderRadius": 999,
                           "height": 16,
                           "marginLeft": 8,
@@ -1098,7 +1098,7 @@ exports[`OptionList renders correctly 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#f1e9fb",
+                  "backgroundColor": "#ece8ef",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -1154,7 +1154,7 @@ exports[`OptionList renders correctly 1`] = `
                 style={
                   [
                     {
-                      "color": "#460078",
+                      "color": "#401960",
                       "fontSize": 20,
                     },
                     {
@@ -1819,7 +1819,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#f1e9fb",
+                  "backgroundColor": "#ece8ef",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -1875,7 +1875,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
                 style={
                   [
                     {
-                      "color": "#460078",
+                      "color": "#401960",
                       "fontSize": 20,
                     },
                     {
@@ -2085,7 +2085,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#f1e9fb",
+                  "backgroundColor": "#ece8ef",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -2141,7 +2141,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
                 style={
                   [
                     {
-                      "color": "#460078",
+                      "color": "#401960",
                       "fontSize": 20,
                     },
                     {
@@ -2568,7 +2568,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#f1e9fb",
+                  "backgroundColor": "#ece8ef",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -2624,7 +2624,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
                 style={
                   [
                     {
-                      "color": "#460078",
+                      "color": "#401960",
                       "fontSize": 20,
                     },
                     {