@hero-design/rn 8.66.0 → 8.67.0-alpha.0

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

@@ -51,7 +51,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#460078",
                 "borderRadius": 999,
                 "height": 8,
                 "opacity": 0.9,
@@ -69,7 +69,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#460078",
                 "borderRadius": 999,
                 "height": 8,
                 "marginLeft": 4,
@@ -103,7 +103,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#460078",
                 "borderRadius": 999,
                 "height": 8,
                 "opacity": 0.45,
@@ -121,7 +121,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#460078",
                 "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": "#460078",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.9,
@@ -391,7 +391,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#460078",
                 "borderRadius": 999,
                 "height": 16,
                 "marginLeft": 8,
@@ -425,7 +425,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#460078",
                 "borderRadius": 999,
                 "height": 16,
                 "opacity": 0.45,
@@ -443,7 +443,7 @@ exports[`StyledSpinnerContainer renders correctly when intent is $themeIntent, a
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#460078",
                 "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": "#460078",
           "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": "#460078",
           "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": "#460078",
           "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": "#460078",
           "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": "#460078",
           "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": "#460078",
           "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": "#460078",
           "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": "#460078",
           "borderRadius": 999,
           "height": 8,
           "marginLeft": 4,

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

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

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

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

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

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

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

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

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

@@ -54,7 +54,7 @@ exports[`StyledWrapper renders correct style with variant checked 1`] = `
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#460078",
           "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

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

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

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

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

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

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

@@ -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": "#460078",
               "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": "#460078",
               "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

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

package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap

@@ -66,7 +66,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#ece8ef",
+              "backgroundColor": "#f1e9fb",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -81,7 +81,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontSize": 24,
               },
               undefined,
@@ -97,7 +97,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,
@@ -163,7 +163,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#ece8ef",
+              "backgroundColor": "#f1e9fb",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -178,7 +178,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontSize": 24,
               },
               undefined,
@@ -194,7 +194,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,
@@ -306,7 +306,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#ece8ef",
+              "backgroundColor": "#f1e9fb",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -321,7 +321,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontSize": 24,
               },
               undefined,
@@ -337,7 +337,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,
@@ -403,7 +403,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#ece8ef",
+              "backgroundColor": "#f1e9fb",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -418,7 +418,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontSize": 24,
               },
               undefined,
@@ -434,7 +434,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,
@@ -546,7 +546,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#ece8ef",
+              "backgroundColor": "#f1e9fb",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -561,7 +561,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontSize": 24,
               },
               undefined,
@@ -577,7 +577,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,
@@ -643,7 +643,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#ece8ef",
+              "backgroundColor": "#f1e9fb",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -658,7 +658,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontSize": 24,
               },
               undefined,
@@ -674,7 +674,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           style={
             [
               {
-                "color": "#401960",
+                "color": "#460078",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,