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

@hero-design/rn 8.66.0 → 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 (342) hide show

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": "#401960",
+                    "borderColor": "#7622d7",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -247,7 +247,7 @@ exports[`rendering renders correctly with inactiveIntent=dark 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#401960",
+                    "borderColor": "#7622d7",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -299,14 +299,14 @@ exports[`rendering renders correctly with inactiveIntent=dark 1`] = `
       style={
         [
           {
-            "backgroundColor": "#ece8ef",
+            "backgroundColor": "#F1E9FB",
             "borderRadius": 8,
             "flexDirection": "row",
             "padding": 16,
           },
           [
             {
-              "backgroundColor": "#ece8ef",
+              "backgroundColor": "#F1E9FB",
             },
             undefined,
           ],
@@ -379,7 +379,7 @@ exports[`rendering renders correctly with inactiveIntent=dark 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#401960",
+                    "borderColor": "#7622d7",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -394,7 +394,7 @@ exports[`rendering renders correctly with inactiveIntent=dark 1`] = `
                 style={
                   [
                     {
-                      "backgroundColor": "#401960",
+                      "backgroundColor": "#7622d7",
                       "borderRadius": 999,
                       "height": 10,
                       "width": 10,
@@ -548,7 +548,7 @@ exports[`rendering renders correctly with inactiveIntent=light 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#401960",
+                    "borderColor": "#7622d7",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -680,7 +680,7 @@ exports[`rendering renders correctly with inactiveIntent=light 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#401960",
+                    "borderColor": "#7622d7",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -732,14 +732,14 @@ exports[`rendering renders correctly with inactiveIntent=light 1`] = `
       style={
         [
           {
-            "backgroundColor": "#ece8ef",
+            "backgroundColor": "#F1E9FB",
             "borderRadius": 8,
             "flexDirection": "row",
             "padding": 16,
           },
           [
             {
-              "backgroundColor": "#ece8ef",
+              "backgroundColor": "#F1E9FB",
             },
             undefined,
           ],
@@ -812,7 +812,7 @@ exports[`rendering renders correctly with inactiveIntent=light 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#401960",
+                    "borderColor": "#7622d7",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -827,7 +827,7 @@ exports[`rendering renders correctly with inactiveIntent=light 1`] = `
                 style={
                   [
                     {
-                      "backgroundColor": "#401960",
+                      "backgroundColor": "#7622d7",
                       "borderRadius": 999,
                       "height": 10,
                       "width": 10,
@@ -1000,7 +1000,7 @@ exports[`rendering renders correctly with subtext 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#401960",
+                    "borderColor": "#7622d7",
                     "borderRadius": 999,
                     "borderWidth": 2,
                     "height": 20,
@@ -1151,7 +1151,7 @@ exports[`rendering renders correctly with subtext 1`] = `
                 [
                   {
                     "alignItems": "center",
-                    "borderColor": "#401960",
+                    "borderColor": "#7622d7",
                     "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": "#401960",
+                "color": "#7622d7",
                 "fontSize": 24,
               },
               undefined,
@@ -124,7 +124,7 @@ exports[`Rate renders correctly 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#7622d7",
                 "fontSize": 24,
               },
               undefined,
@@ -186,7 +186,7 @@ exports[`Rate renders correctly 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#7622d7",
                 "fontSize": 24,
               },
               undefined,
@@ -243,7 +243,7 @@ exports[`Rate renders correctly 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#7622d7",
                 "fontSize": 24,
               },
               undefined,
@@ -300,7 +300,7 @@ exports[`Rate renders correctly 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#7622d7",
                 "fontSize": 24,
               },
               undefined,
@@ -402,7 +402,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#7622d7",
                 "fontSize": 24,
               },
               undefined,
@@ -459,7 +459,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#7622d7",
                 "fontSize": 24,
               },
               undefined,
@@ -521,7 +521,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#7622d7",
                 "fontSize": 24,
               },
               undefined,
@@ -578,7 +578,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#7622d7",
                 "fontSize": 24,
               },
               undefined,
@@ -635,7 +635,7 @@ exports[`Rate renders correctly it is readonly 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#7622d7",
                 "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": "#ccd2d3",
+          "backgroundColor": "#B382FD",
           "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": "#401960",
+              "color": "#7622d7",
               "fontFamily": "BeVietnamPro-Regular",
               "fontSize": 14,
               "letterSpacing": 0.48,
@@ -437,7 +437,7 @@ exports[`SectionHeading renders correct style with small 1`] = `
       [
         {
           "alignContent": "center",
-          "backgroundColor": "#ccd2d3",
+          "backgroundColor": "#B382FD",
           "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": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 4,
           "flexDirection": "row",
           "opacity": 1,
@@ -91,7 +91,7 @@ exports[`Option renders correctly 1`] = `
         style={
           [
             {
-              "color": "#401960",
+              "color": "#7622d7",
               "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": "#ece8ef",
+                  "backgroundColor": "#F1E9FB",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -280,7 +280,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                 style={
                   [
                     {
-                      "color": "#401960",
+                      "color": "#7622d7",
                       "fontSize": 20,
                     },
                     {
@@ -771,7 +771,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#401960",
+                          "backgroundColor": "#7622d7",
                           "borderRadius": 999,
                           "height": 16,
                           "opacity": 0.9,
@@ -789,7 +789,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#401960",
+                          "backgroundColor": "#7622d7",
                           "borderRadius": 999,
                           "height": 16,
                           "marginLeft": 8,
@@ -823,7 +823,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#401960",
+                          "backgroundColor": "#7622d7",
                           "borderRadius": 999,
                           "height": 16,
                           "opacity": 0.45,
@@ -841,7 +841,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#401960",
+                          "backgroundColor": "#7622d7",
                           "borderRadius": 999,
                           "height": 16,
                           "marginLeft": 8,
@@ -1098,7 +1098,7 @@ exports[`OptionList renders correctly 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#ece8ef",
+                  "backgroundColor": "#F1E9FB",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -1154,7 +1154,7 @@ exports[`OptionList renders correctly 1`] = `
                 style={
                   [
                     {
-                      "color": "#401960",
+                      "color": "#7622d7",
                       "fontSize": 20,
                     },
                     {
@@ -1819,7 +1819,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#ece8ef",
+                  "backgroundColor": "#F1E9FB",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -1875,7 +1875,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
                 style={
                   [
                     {
-                      "color": "#401960",
+                      "color": "#7622d7",
                       "fontSize": 20,
                     },
                     {
@@ -2085,7 +2085,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#ece8ef",
+                  "backgroundColor": "#F1E9FB",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -2141,7 +2141,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
                 style={
                   [
                     {
-                      "color": "#401960",
+                      "color": "#7622d7",
                       "fontSize": 20,
                     },
                     {
@@ -2568,7 +2568,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#ece8ef",
+                  "backgroundColor": "#F1E9FB",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -2624,7 +2624,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
                 style={
                   [
                     {
-                      "color": "#401960",
+                      "color": "#7622d7",
                       "fontSize": 20,
                     },
                     {

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

@@ -1491,7 +1491,7 @@ exports[`rendering allows custom renderer 1`] = `
                       },
                       [
                         {
-                          "color": "#401960",
+                          "color": "#7622d7",
                           "flexShrink": 1,
                           "lineHeight": 22,
                           "textAlign": "center",
@@ -2472,7 +2472,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#ece8ef",
+                          "backgroundColor": "#F1E9FB",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -2528,7 +2528,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         style={
                           [
                             {
-                              "color": "#401960",
+                              "color": "#7622d7",
                               "fontSize": 20,
                             },
                             {
@@ -2636,7 +2636,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#ece8ef",
+                          "backgroundColor": "#F1E9FB",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -2692,7 +2692,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         style={
                           [
                             {
-                              "color": "#401960",
+                              "color": "#7622d7",
                               "fontSize": 20,
                             },
                             {
@@ -3520,7 +3520,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                       },
                       [
                         {
-                          "color": "#401960",
+                          "color": "#7622d7",
                           "flexShrink": 1,
                           "lineHeight": 22,
                           "textAlign": "center",
@@ -4796,7 +4796,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#ece8ef",
+                          "backgroundColor": "#F1E9FB",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -4852,7 +4852,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                         style={
                           [
                             {
-                              "color": "#401960",
+                              "color": "#7622d7",
                               "fontSize": 20,
                             },
                             {
@@ -4950,7 +4950,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#ece8ef",
+                          "backgroundColor": "#F1E9FB",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -5006,7 +5006,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                         style={
                           [
                             {
-                              "color": "#401960",
+                              "color": "#7622d7",
                               "fontSize": 20,
                             },
                             {
@@ -5142,7 +5142,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       },
                       [
                         {
-                          "color": "#401960",
+                          "color": "#7622d7",
                           "flexShrink": 1,
                           "lineHeight": 22,
                           "textAlign": "center",
@@ -5881,7 +5881,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#ece8ef",
+                          "backgroundColor": "#F1E9FB",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -5937,7 +5937,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                         style={
                           [
                             {
-                              "color": "#401960",
+                              "color": "#7622d7",
                               "fontSize": 20,
                             },
                             {
@@ -6437,7 +6437,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                       },
                       [
                         {
-                          "color": "#401960",
+                          "color": "#7622d7",
                           "flexShrink": 1,
                           "lineHeight": 22,
                           "textAlign": "center",

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

@@ -35,7 +35,7 @@ exports[`Option renders correctly 1`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 4,
           "flexDirection": "row",
           "opacity": 1,

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

@@ -229,7 +229,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#ece8ef",
+                  "backgroundColor": "#F1E9FB",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -748,7 +748,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#401960",
+                          "backgroundColor": "#7622d7",
                           "borderRadius": 999,
                           "height": 16,
                           "opacity": 0.9,
@@ -766,7 +766,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#401960",
+                          "backgroundColor": "#7622d7",
                           "borderRadius": 999,
                           "height": 16,
                           "marginLeft": 8,
@@ -800,7 +800,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#401960",
+                          "backgroundColor": "#7622d7",
                           "borderRadius": 999,
                           "height": 16,
                           "opacity": 0.45,
@@ -818,7 +818,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#401960",
+                          "backgroundColor": "#7622d7",
                           "borderRadius": 999,
                           "height": 16,
                           "marginLeft": 8,
@@ -1080,7 +1080,7 @@ exports[`OptionList renders correctly 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#ece8ef",
+                  "backgroundColor": "#F1E9FB",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -1778,7 +1778,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#ece8ef",
+                  "backgroundColor": "#F1E9FB",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -2476,7 +2476,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#ece8ef",
+                  "backgroundColor": "#F1E9FB",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,

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

@@ -2392,7 +2392,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#ece8ef",
+                          "backgroundColor": "#F1E9FB",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -4338,7 +4338,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#ece8ef",
+                          "backgroundColor": "#F1E9FB",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,

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

@@ -10,12 +10,12 @@ exports[`Slider renders correctly by default 1`] = `
 >
   <Slider
     disabled={false}
-    maximumTrackTintColor="#ece8ef"
+    maximumTrackTintColor="#F1E9FB"
     maximumValue={1}
-    minimumTrackTintColor="#401960"
+    minimumTrackTintColor="#7622d7"
     minimumValue={0}
     step={0}
-    thumbTintColor="#401960"
+    thumbTintColor="#7622d7"
     value={0}
   />
   <View
@@ -51,12 +51,12 @@ exports[`Slider renders correctly when disabled 1`] = `
 >
   <Slider
     disabled={true}
-    maximumTrackTintColor="#ece8ef"
+    maximumTrackTintColor="#F1E9FB"
     maximumValue={1}
-    minimumTrackTintColor="#401960"
+    minimumTrackTintColor="#7622d7"
     minimumValue={0}
     step={0}
-    thumbTintColor="#401960"
+    thumbTintColor="#7622d7"
     value={0}
   />
   <View
@@ -92,15 +92,15 @@ exports[`Slider renders correctly with props 1`] = `
 >
   <Slider
     disabled={false}
-    maximumTrackTintColor="#ece8ef"
+    maximumTrackTintColor="#F1E9FB"
     maximumValue={2}
-    minimumTrackTintColor="#401960"
+    minimumTrackTintColor="#7622d7"
     minimumValue={-1}
     onSlidingComplete={[MockFunction]}
     onSlidingStart={[MockFunction]}
     onValueChange={[MockFunction]}
     step={0.25}
-    thumbTintColor="#401960"
+    thumbTintColor="#7622d7"
     value={0.5}
   />
   <View