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

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

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

@@ -39,7 +39,7 @@ exports[`AnimatedSpinner renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#401960",
+              "backgroundColor": "#7622d7",
               "borderRadius": 999,
               "height": 16,
               "opacity": 0.9,
@@ -57,7 +57,7 @@ exports[`AnimatedSpinner renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#401960",
+              "backgroundColor": "#7622d7",
               "borderRadius": 999,
               "height": 16,
               "marginLeft": 8,
@@ -91,7 +91,7 @@ exports[`AnimatedSpinner renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#401960",
+              "backgroundColor": "#7622d7",
               "borderRadius": 999,
               "height": 16,
               "opacity": 0.45,
@@ -109,7 +109,7 @@ exports[`AnimatedSpinner renders correctly 1`] = `
         style={
           [
             {
-              "backgroundColor": "#401960",
+              "backgroundColor": "#7622d7",
               "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": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 8,
                 "opacity": 0.9,
@@ -69,7 +69,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 8,
                 "marginLeft": 4,
@@ -103,7 +103,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 8,
                 "opacity": 0.45,
@@ -121,7 +121,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 8,
                 "marginLeft": 4,
@@ -212,7 +212,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#ffffff",
+                "backgroundColor": "#FDFBFF",
                 "borderRadius": 999,
                 "height": 8,
                 "opacity": 0.9,
@@ -230,7 +230,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#ffffff",
+                "backgroundColor": "#FDFBFF",
                 "borderRadius": 999,
                 "height": 8,
                 "marginLeft": 4,
@@ -264,7 +264,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#ffffff",
+                "backgroundColor": "#FDFBFF",
                 "borderRadius": 999,
                 "height": 8,
                 "opacity": 0.45,
@@ -282,7 +282,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#ffffff",
+                "backgroundColor": "#FDFBFF",
                 "borderRadius": 999,
                 "height": 8,
                 "marginLeft": 4,
@@ -373,7 +373,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.9,
@@ -391,7 +391,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 16,
                 "marginLeft": 8,
@@ -425,7 +425,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.45,
@@ -443,7 +443,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 999,
                 "height": 16,
                 "marginLeft": 8,
@@ -534,7 +534,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#ffffff",
+                "backgroundColor": "#FDFBFF",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.9,
@@ -552,7 +552,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#ffffff",
+                "backgroundColor": "#FDFBFF",
                 "borderRadius": 999,
                 "height": 16,
                 "marginLeft": 8,
@@ -586,7 +586,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#ffffff",
+                "backgroundColor": "#FDFBFF",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.45,
@@ -604,7 +604,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#ffffff",
+                "backgroundColor": "#FDFBFF",
                 "borderRadius": 999,
                 "height": 16,
                 "marginLeft": 8,
@@ -656,7 +656,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
     style={
       [
         {
-          "backgroundColor": "#ffffff",
+          "backgroundColor": "#FDFBFF",
           "borderRadius": 999,
           "height": 16,
           "opacity": 0.45,
@@ -704,7 +704,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "height": 16,
           "opacity": 0.45,
@@ -752,7 +752,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
     style={
       [
         {
-          "backgroundColor": "#ffffff",
+          "backgroundColor": "#FDFBFF",
           "borderRadius": 999,
           "height": 8,
           "opacity": 0.45,
@@ -800,7 +800,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomLeft, size is
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "height": 8,
           "opacity": 0.45,
@@ -848,7 +848,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
     style={
       [
         {
-          "backgroundColor": "#ffffff",
+          "backgroundColor": "#FDFBFF",
           "borderRadius": 999,
           "height": 16,
           "marginLeft": 8,
@@ -897,7 +897,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "height": 16,
           "marginLeft": 8,
@@ -946,7 +946,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
     style={
       [
         {
-          "backgroundColor": "#ffffff",
+          "backgroundColor": "#FDFBFF",
           "borderRadius": 999,
           "height": 8,
           "marginLeft": 4,
@@ -995,7 +995,7 @@ exports[`StyledSpinnerDot renders correctly when position is bottomRight, size i
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "height": 8,
           "marginLeft": 4,
@@ -1044,7 +1044,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is me
     style={
       [
         {
-          "backgroundColor": "#ffffff",
+          "backgroundColor": "#FDFBFF",
           "borderRadius": 999,
           "height": 16,
           "opacity": 0.9,
@@ -1092,7 +1092,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is me
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "height": 16,
           "opacity": 0.9,
@@ -1140,7 +1140,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is sm
     style={
       [
         {
-          "backgroundColor": "#ffffff",
+          "backgroundColor": "#FDFBFF",
           "borderRadius": 999,
           "height": 8,
           "opacity": 0.9,
@@ -1188,7 +1188,7 @@ exports[`StyledSpinnerDot renders correctly when position is topLeft, size is sm
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "height": 8,
           "opacity": 0.9,
@@ -1236,7 +1236,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is m
     style={
       [
         {
-          "backgroundColor": "#ffffff",
+          "backgroundColor": "#FDFBFF",
           "borderRadius": 999,
           "height": 16,
           "marginLeft": 8,
@@ -1285,7 +1285,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is m
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "height": 16,
           "marginLeft": 8,
@@ -1334,7 +1334,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is s
     style={
       [
         {
-          "backgroundColor": "#ffffff",
+          "backgroundColor": "#FDFBFF",
           "borderRadius": 999,
           "height": 8,
           "marginLeft": 4,
@@ -1383,7 +1383,7 @@ exports[`StyledSpinnerDot renders correctly when position is topRight, size is s
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "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": "#401960",
+                  "backgroundColor": "#7622d7",
                   "borderRadius": 999,
                   "height": 16,
                   "opacity": 0.9,
@@ -78,7 +78,7 @@ exports[`Spinner renders correctly 1`] = `
             style={
               [
                 {
-                  "backgroundColor": "#401960",
+                  "backgroundColor": "#7622d7",
                   "borderRadius": 999,
                   "height": 16,
                   "marginLeft": 8,
@@ -112,7 +112,7 @@ exports[`Spinner renders correctly 1`] = `
             style={
               [
                 {
-                  "backgroundColor": "#401960",
+                  "backgroundColor": "#7622d7",
                   "borderRadius": 999,
                   "height": 16,
                   "opacity": 0.45,
@@ -130,7 +130,7 @@ exports[`Spinner renders correctly 1`] = `
             style={
               [
                 {
-                  "backgroundColor": "#401960",
+                  "backgroundColor": "#7622d7",
                   "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": "#ccd2d3",
+            "backgroundColor": "#B382FD",
             "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": "#401960",
+        "backgroundColor": "#7622d7",
         "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": "#ccd2d3",
+          "backgroundColor": "#B382FD",
           "borderRadius": 999,
           "bottom": 0,
           "left": 0,

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

@@ -54,7 +54,7 @@ exports[`StyledWrapper renders correct style with variant checked 1`] = `
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 999,
           "display": "flex",
           "height": 24,
@@ -102,7 +102,7 @@ exports[`StyledWrapper renders correct style with variant disabled-checked 1`] =
     style={
       [
         {
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 999,
           "display": "flex",
           "height": 24,

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

@@ -275,7 +275,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
                     collapsable={false}
                     style={
                       {
-                        "backgroundColor": "#ccd2d3",
+                        "backgroundColor": "#B382FD",
                         "borderRadius": 16,
                         "flex": 1,
                         "transform": [
@@ -1196,7 +1196,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
                     collapsable={false}
                     style={
                       {
-                        "backgroundColor": "#ccd2d3",
+                        "backgroundColor": "#B382FD",
                         "borderRadius": 16,
                         "flex": 1,
                         "transform": [
@@ -2117,7 +2117,7 @@ exports[`useIsFocused renders correctly 1`] = `
                     collapsable={false}
                     style={
                       {
-                        "backgroundColor": "#ccd2d3",
+                        "backgroundColor": "#B382FD",
                         "borderRadius": 16,
                         "flex": 1,
                         "transform": [

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

@@ -170,7 +170,7 @@ exports[`ScrollableTabsHeader highlighted variant renders correctly 1`] = `
                   collapsable={false}
                   style={
                     {
-                      "backgroundColor": "#ccd2d3",
+                      "backgroundColor": "#B382FD",
                       "borderRadius": 16,
                       "flex": 1,
                       "transform": [
@@ -859,7 +859,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                 collapsable={false}
                 style={
                   {
-                    "backgroundColor": "#401960",
+                    "backgroundColor": "#7622d7",
                     "bottom": -2,
                     "height": 2,
                     "opacity": 1,
@@ -954,7 +954,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                 collapsable={false}
                 style={
                   {
-                    "backgroundColor": "#401960",
+                    "backgroundColor": "#7622d7",
                     "bottom": -2,
                     "height": 2,
                     "opacity": 0,
@@ -1076,7 +1076,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                 collapsable={false}
                 style={
                   {
-                    "backgroundColor": "#401960",
+                    "backgroundColor": "#7622d7",
                     "bottom": -2,
                     "height": 2,
                     "opacity": 0,
@@ -1232,7 +1232,7 @@ exports[`ScrollableTabsHeader underlined variant renders correctly 1`] = `
                 collapsable={false}
                 style={
                   {
-                    "backgroundColor": "#401960",
+                    "backgroundColor": "#7622d7",
                     "bottom": -2,
                     "height": 2,
                     "opacity": 0,

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

@@ -473,7 +473,7 @@ exports[`Tabs renders correctly 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "bottom": -2,
                 "height": 2,
                 "position": "absolute",
@@ -1138,7 +1138,7 @@ exports[`useIsFocused renders correctly 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "bottom": -2,
                 "height": 2,
                 "position": "absolute",
@@ -1803,7 +1803,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "bottom": -2,
                 "height": 2,
                 "position": "absolute",

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

@@ -304,7 +304,7 @@ exports[`Tag renders correctly when intent is primary 1`] = `
     style={
       [
         {
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 4,
           "paddingHorizontal": 8,
           "paddingVertical": 4,
@@ -327,7 +327,7 @@ exports[`Tag renders correctly when intent is primary 1`] = `
           },
           [
             {
-              "color": "#401960",
+              "color": "#7622d7",
               "includeFontPadding": false,
               "textAlign": "center",
               "textAlignVertical": "center",
@@ -377,7 +377,7 @@ exports[`Tag renders correctly when intent is primary 2`] = `
     style={
       [
         {
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 4,
           "paddingHorizontal": 8,
           "paddingVertical": 4,
@@ -400,7 +400,7 @@ exports[`Tag renders correctly when intent is primary 2`] = `
           },
           [
             {
-              "color": "#401960",
+              "color": "#7622d7",
               "includeFontPadding": false,
               "textAlign": "center",
               "textAlignVertical": "center",
@@ -669,7 +669,7 @@ exports[`Tag renders correctly with custom content 1`] = `
     style={
       [
         {
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 4,
           "paddingHorizontal": 8,
           "paddingVertical": 4,

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

@@ -903,7 +903,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
                               },
                               [
                                 {
-                                  "color": "#401960",
+                                  "color": "#7622d7",
                                   "flexShrink": 1,
                                   "lineHeight": 22,
                                   "textAlign": "center",