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/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -1491,7 +1491,7 @@ exports[`rendering allows custom renderer 1`] = `
                       },
                       [
                         {
-                          "color": "#460078",
+                          "color": "#401960",
                           "flexShrink": 1,
                           "lineHeight": 22,
                           "textAlign": "center",
@@ -2472,7 +2472,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#f1e9fb",
+                          "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -2528,7 +2528,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         style={
                           [
                             {
-                              "color": "#460078",
+                              "color": "#401960",
                               "fontSize": 20,
                             },
                             {
@@ -2636,7 +2636,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#f1e9fb",
+                          "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -2692,7 +2692,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                         style={
                           [
                             {
-                              "color": "#460078",
+                              "color": "#401960",
                               "fontSize": 20,
                             },
                             {
@@ -3520,7 +3520,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                       },
                       [
                         {
-                          "color": "#460078",
+                          "color": "#401960",
                           "flexShrink": 1,
                           "lineHeight": 22,
                           "textAlign": "center",
@@ -4796,7 +4796,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#f1e9fb",
+                          "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -4852,7 +4852,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                         style={
                           [
                             {
-                              "color": "#460078",
+                              "color": "#401960",
                               "fontSize": 20,
                             },
                             {
@@ -4950,7 +4950,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#f1e9fb",
+                          "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -5006,7 +5006,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                         style={
                           [
                             {
-                              "color": "#460078",
+                              "color": "#401960",
                               "fontSize": 20,
                             },
                             {
@@ -5142,7 +5142,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       },
                       [
                         {
-                          "color": "#460078",
+                          "color": "#401960",
                           "flexShrink": 1,
                           "lineHeight": 22,
                           "textAlign": "center",
@@ -5881,7 +5881,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#f1e9fb",
+                          "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -5937,7 +5937,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                         style={
                           [
                             {
-                              "color": "#460078",
+                              "color": "#401960",
                               "fontSize": 20,
                             },
                             {
@@ -6437,7 +6437,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                       },
                       [
                         {
-                          "color": "#460078",
+                          "color": "#401960",
                           "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": "#f1e9fb",
+          "backgroundColor": "#ece8ef",
           "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": "#f1e9fb",
+                  "backgroundColor": "#ece8ef",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -748,7 +748,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#460078",
+                          "backgroundColor": "#401960",
                           "borderRadius": 999,
                           "height": 16,
                           "opacity": 0.9,
@@ -766,7 +766,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#460078",
+                          "backgroundColor": "#401960",
                           "borderRadius": 999,
                           "height": 16,
                           "marginLeft": 8,
@@ -800,7 +800,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#460078",
+                          "backgroundColor": "#401960",
                           "borderRadius": 999,
                           "height": 16,
                           "opacity": 0.45,
@@ -818,7 +818,7 @@ exports[`OptionList render isLoading correctly 1`] = `
                     style={
                       [
                         {
-                          "backgroundColor": "#460078",
+                          "backgroundColor": "#401960",
                           "borderRadius": 999,
                           "height": 16,
                           "marginLeft": 8,
@@ -1080,7 +1080,7 @@ exports[`OptionList renders correctly 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#f1e9fb",
+                  "backgroundColor": "#ece8ef",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -1778,7 +1778,7 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#f1e9fb",
+                  "backgroundColor": "#ece8ef",
                   "borderRadius": 4,
                   "flexDirection": "row",
                   "opacity": 1,
@@ -2476,7 +2476,7 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
               [
                 {
                   "alignItems": "center",
-                  "backgroundColor": "#f1e9fb",
+                  "backgroundColor": "#ece8ef",
                   "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": "#f1e9fb",
+                          "backgroundColor": "#ece8ef",
                           "borderRadius": 4,
                           "flexDirection": "row",
                           "opacity": 1,
@@ -4338,7 +4338,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       [
                         {
                           "alignItems": "center",
-                          "backgroundColor": "#f1e9fb",
+                          "backgroundColor": "#ece8ef",
                           "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="#f1e9fb"
+    maximumTrackTintColor="#ece8ef"
     maximumValue={1}
-    minimumTrackTintColor="#460078"
+    minimumTrackTintColor="#401960"
     minimumValue={0}
     step={0}
-    thumbTintColor="#460078"
+    thumbTintColor="#401960"
     value={0}
   />
   <View
@@ -51,12 +51,12 @@ exports[`Slider renders correctly when disabled 1`] = `
 >
   <Slider
     disabled={true}
-    maximumTrackTintColor="#f1e9fb"
+    maximumTrackTintColor="#ece8ef"
     maximumValue={1}
-    minimumTrackTintColor="#460078"
+    minimumTrackTintColor="#401960"
     minimumValue={0}
     step={0}
-    thumbTintColor="#460078"
+    thumbTintColor="#401960"
     value={0}
   />
   <View
@@ -92,15 +92,15 @@ exports[`Slider renders correctly with props 1`] = `
 >
   <Slider
     disabled={false}
-    maximumTrackTintColor="#f1e9fb"
+    maximumTrackTintColor="#ece8ef"
     maximumValue={2}
-    minimumTrackTintColor="#460078"
+    minimumTrackTintColor="#401960"
     minimumValue={-1}
     onSlidingComplete={[MockFunction]}
     onSlidingStart={[MockFunction]}
     onValueChange={[MockFunction]}
     step={0.25}
-    thumbTintColor="#460078"
+    thumbTintColor="#401960"
     value={0.5}
   />
   <View

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

@@ -39,7 +39,7 @@ exports[`AnimatedSpinner renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 16,
               "opacity": 0.9,
@@ -57,7 +57,7 @@ exports[`AnimatedSpinner renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 16,
               "marginLeft": 8,
@@ -91,7 +91,7 @@ exports[`AnimatedSpinner renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 16,
               "opacity": 0.45,
@@ -109,7 +109,7 @@ exports[`AnimatedSpinner renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#460078",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 16,
               "marginLeft": 8,

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

@@ -51,7 +51,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 8,
                 "opacity": 0.9,
@@ -69,7 +69,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 8,
                 "marginLeft": 4,
@@ -103,7 +103,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 8,
                 "opacity": 0.45,
@@ -121,7 +121,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 8,
                 "marginLeft": 4,
@@ -212,7 +212,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#FDFBFF",
+                "backgroundColor": "#ffffff",
                 "borderRadius": 999,
                 "height": 8,
                 "opacity": 0.9,
@@ -230,7 +230,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#FDFBFF",
+                "backgroundColor": "#ffffff",
                 "borderRadius": 999,
                 "height": 8,
                 "marginLeft": 4,
@@ -264,7 +264,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#FDFBFF",
+                "backgroundColor": "#ffffff",
                 "borderRadius": 999,
                 "height": 8,
                 "opacity": 0.45,
@@ -282,7 +282,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#FDFBFF",
+                "backgroundColor": "#ffffff",
                 "borderRadius": 999,
                 "height": 8,
                 "marginLeft": 4,
@@ -373,7 +373,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.9,
@@ -391,7 +391,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 16,
                 "marginLeft": 8,
@@ -425,7 +425,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.45,
@@ -443,7 +443,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#460078",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 16,
                 "marginLeft": 8,
@@ -534,7 +534,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#FDFBFF",
+                "backgroundColor": "#ffffff",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.9,
@@ -552,7 +552,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#FDFBFF",
+                "backgroundColor": "#ffffff",
                 "borderRadius": 999,
                 "height": 16,
                 "marginLeft": 8,
@@ -586,7 +586,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#FDFBFF",
+                "backgroundColor": "#ffffff",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.45,
@@ -604,7 +604,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#FDFBFF",
+                "backgroundColor": "#ffffff",
                 "borderRadius": 999,
                 "height": 16,
                 "marginLeft": 8,
@@ -656,7 +656,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
     style={
       [
         {
-          "backgroundColor": "#FDFBFF",
+          "backgroundColor": "#ffffff",
           "borderRadius": 999,
           "height": 16,
           "opacity": 0.45,
@@ -704,7 +704,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 16,
           "opacity": 0.45,
@@ -752,7 +752,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
     style={
       [
         {
-          "backgroundColor": "#FDFBFF",
+          "backgroundColor": "#ffffff",
           "borderRadius": 999,
           "height": 8,
           "opacity": 0.45,
@@ -800,7 +800,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 8,
           "opacity": 0.45,
@@ -848,7 +848,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
     style={
       [
         {
-          "backgroundColor": "#FDFBFF",
+          "backgroundColor": "#ffffff",
           "borderRadius": 999,
           "height": 16,
           "marginLeft": 8,
@@ -897,7 +897,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 16,
           "marginLeft": 8,
@@ -946,7 +946,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
     style={
       [
         {
-          "backgroundColor": "#FDFBFF",
+          "backgroundColor": "#ffffff",
           "borderRadius": 999,
           "height": 8,
           "marginLeft": 4,
@@ -995,7 +995,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 8,
           "marginLeft": 4,
@@ -1044,7 +1044,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is me
     style={
       [
         {
-          "backgroundColor": "#FDFBFF",
+          "backgroundColor": "#ffffff",
           "borderRadius": 999,
           "height": 16,
           "opacity": 0.9,
@@ -1092,7 +1092,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is me
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 16,
           "opacity": 0.9,
@@ -1140,7 +1140,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is sm
     style={
       [
         {
-          "backgroundColor": "#FDFBFF",
+          "backgroundColor": "#ffffff",
           "borderRadius": 999,
           "height": 8,
           "opacity": 0.9,
@@ -1188,7 +1188,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is sm
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 8,
           "opacity": 0.9,
@@ -1236,7 +1236,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is m
     style={
       [
         {
-          "backgroundColor": "#FDFBFF",
+          "backgroundColor": "#ffffff",
           "borderRadius": 999,
           "height": 16,
           "marginLeft": 8,
@@ -1285,7 +1285,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is m
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 16,
           "marginLeft": 8,
@@ -1334,7 +1334,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is s
     style={
       [
         {
-          "backgroundColor": "#FDFBFF",
+          "backgroundColor": "#ffffff",
           "borderRadius": 999,
           "height": 8,
           "marginLeft": 4,
@@ -1383,7 +1383,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is s
     style={
       [
         {
-          "backgroundColor": "#460078",
+          "backgroundColor": "#401960",
           "borderRadius": 999,
           "height": 8,
           "marginLeft": 4,

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

@@ -60,7 +60,7 @@ exports[`Spinner renders correctly 1`] = `
             style={
               [
                 {
-                  "backgroundColor": "#460078",
+                  "backgroundColor": "#401960",
                   "borderRadius": 999,
                   "height": 16,
                   "opacity": 0.9,
@@ -78,7 +78,7 @@ exports[`Spinner renders correctly 1`] = `
             style={
               [
                 {
-                  "backgroundColor": "#460078",
+                  "backgroundColor": "#401960",
                   "borderRadius": 999,
                   "height": 16,
                   "marginLeft": 8,
@@ -112,7 +112,7 @@ exports[`Spinner renders correctly 1`] = `
             style={
               [
                 {
-                  "backgroundColor": "#460078",
+                  "backgroundColor": "#401960",
                   "borderRadius": 999,
                   "height": 16,
                   "opacity": 0.45,
@@ -130,7 +130,7 @@ exports[`Spinner renders correctly 1`] = `
             style={
               [
                 {
-                  "backgroundColor": "#460078",
+                  "backgroundColor": "#401960",
                   "borderRadius": 999,
                   "height": 16,
                   "marginLeft": 8,

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

@@ -44,7 +44,7 @@ exports[`Success renders full screen success page correctly 1`] = `
       style={
         [
           {
-            "backgroundColor": "#DDC8F5",
+            "backgroundColor": "#ccd2d3",
             "display": "flex",
             "flex": 1,
             "flexDirection": "column",

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

@@ -126,7 +126,7 @@ exports[`rendering renders correctly when intent is primary 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       {
-        "backgroundColor": "#460078",
+        "backgroundColor": "#401960",
         "flex": 1,
         "opacity": 1,
       }

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

@@ -148,7 +148,7 @@ exports[`SelectorSwitch renders correctly 1`] = `
       collapsable={false}
       style={
         {
-          "backgroundColor": "#DDC8F5",
+          "backgroundColor": "#ccd2d3",
           "borderRadius": 999,
           "bottom": 0,
           "left": 0,