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

package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap

@@ -794,7 +794,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
           {
             "alignItems": "center",
             "alignSelf": "flex-end",
-            "backgroundColor": "#401960",
+            "backgroundColor": "#7622d7",
             "borderRadius": 999,
             "bottom": undefined,
             "elevation": 3,
@@ -855,7 +855,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
                   },
                   [
                     {
-                      "color": "#ffffff",
+                      "color": "#FDFBFF",
                       "lineHeight": 24,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -882,7 +882,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
                 },
                 [
                   {
-                    "color": "#ffffff",
+                    "color": "#FDFBFF",
                     "marginHorizontal": 8,
                     "textAlign": "center",
                     "textAlignVertical": "center",
@@ -1697,7 +1697,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders FAB corr
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "bottom": undefined,
         "elevation": 3,
@@ -1755,7 +1755,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders FAB corr
               },
               [
                 {
-                  "color": "#ffffff",
+                  "color": "#FDFBFF",
                   "lineHeight": 24,
                   "textAlign": "center",
                   "textAlignVertical": "center",
@@ -1782,7 +1782,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders FAB corr
             },
             [
               {
-                "color": "#ffffff",
+                "color": "#FDFBFF",
                 "marginHorizontal": 8,
                 "textAlign": "center",
                 "textAlignVertical": "center",
@@ -1956,7 +1956,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
           {
             "alignItems": "center",
             "alignSelf": "flex-end",
-            "backgroundColor": "#401960",
+            "backgroundColor": "#7622d7",
             "borderRadius": 999,
             "bottom": undefined,
             "elevation": 3,
@@ -2017,7 +2017,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
                   },
                   [
                     {
-                      "color": "#ffffff",
+                      "color": "#FDFBFF",
                       "lineHeight": 24,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -2044,7 +2044,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
                 },
                 [
                   {
-                    "color": "#ffffff",
+                    "color": "#FDFBFF",
                     "marginHorizontal": 8,
                     "textAlign": "center",
                     "textAlignVertical": "center",
@@ -2199,7 +2199,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders FAB co
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "bottom": undefined,
         "elevation": 3,
@@ -2257,7 +2257,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders FAB co
               },
               [
                 {
-                  "color": "#ffffff",
+                  "color": "#FDFBFF",
                   "lineHeight": 24,
                   "textAlign": "center",
                   "textAlignVertical": "center",
@@ -2284,7 +2284,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders FAB co
             },
             [
               {
-                "color": "#ffffff",
+                "color": "#FDFBFF",
                 "marginHorizontal": 8,
                 "textAlign": "center",
                 "textAlignVertical": "center",
@@ -2765,7 +2765,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
           {
             "alignItems": "center",
             "alignSelf": "flex-end",
-            "backgroundColor": "#401960",
+            "backgroundColor": "#7622d7",
             "borderRadius": 999,
             "bottom": undefined,
             "elevation": 3,
@@ -2826,7 +2826,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
                   },
                   [
                     {
-                      "color": "#ffffff",
+                      "color": "#FDFBFF",
                       "lineHeight": 24,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -2853,7 +2853,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
                 },
                 [
                   {
-                    "color": "#ffffff",
+                    "color": "#FDFBFF",
                     "marginHorizontal": 8,
                     "textAlign": "center",
                     "textAlignVertical": "center",
@@ -3315,7 +3315,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders FAB c
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "bottom": undefined,
         "elevation": 3,
@@ -3373,7 +3373,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders FAB c
               },
               [
                 {
-                  "color": "#ffffff",
+                  "color": "#FDFBFF",
                   "lineHeight": 24,
                   "textAlign": "center",
                   "textAlignVertical": "center",
@@ -3400,7 +3400,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders FAB c
             },
             [
               {
-                "color": "#ffffff",
+                "color": "#FDFBFF",
                 "marginHorizontal": 8,
                 "textAlign": "center",
                 "textAlignVertical": "center",

package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/StyledAvatarStack.spec.tsx.snap

@@ -38,7 +38,7 @@ exports[`StyledAvatar renders correctly with $variant 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "height": 40,
         "left": 56,
@@ -160,7 +160,7 @@ exports[`StyledAvatar renders correctly with $variant 2`] = `
     onStartShouldSetResponder={[Function]}
     style={
       {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "height": 40,
         "left": undefined,

package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap

@@ -86,7 +86,7 @@ exports[`StyledPressable renders correct style 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "height": 32,
         "opacity": 1,

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

@@ -38,7 +38,7 @@ exports[`Avatar fallbacks to title when there image failed to load 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "height": 32,
         "opacity": 1,
@@ -177,7 +177,7 @@ exports[`Avatar prioritizes source over title 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "height": 32,
         "opacity": 1,
@@ -270,7 +270,7 @@ exports[`Avatar shows title when there is no source 1`] = `
     onStartShouldSetResponder={[Function]}
     style={
       {
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "height": 32,
         "opacity": 1,

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

@@ -175,7 +175,7 @@ exports[`Badge has info style when intent is primary 1`] = `
     style={
       {
         "alignItems": "center",
-        "backgroundColor": "#401960",
+        "backgroundColor": "#7622d7",
         "borderRadius": 999,
         "height": 20,
         "justifyContent": "center",

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

@@ -72,7 +72,7 @@ exports[`BottomNavigation renders correctly 1`] = `
               "paddingBottom": 0,
               "paddingLeft": 0,
               "paddingRight": 0,
-              "shadowColor": "#401960",
+              "shadowColor": "#7622d7",
               "shadowOffset": {
                 "height": 3,
                 "width": 0,
@@ -139,7 +139,7 @@ exports[`BottomNavigation renders correctly 1`] = `
               style={
                 [
                   {
-                    "color": "#401960",
+                    "color": "#7622d7",
                     "fontSize": 24,
                   },
                   undefined,
@@ -155,7 +155,7 @@ exports[`BottomNavigation renders correctly 1`] = `
               style={
                 [
                   {
-                    "color": "#401960",
+                    "color": "#7622d7",
                     "fontFamily": "BeVietnamPro-SemiBold",
                     "fontSize": 12,
                     "letterSpacing": 0.24,

package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap

@@ -242,7 +242,7 @@ exports[`StyledLoadingIndicator has outlined-primary style 1`] = `
     style={
       [
         {
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 8,
           "height": 12,
           "marginHorizontal": 8,
@@ -288,7 +288,7 @@ exports[`StyledLoadingIndicator has outlined-secondary style 1`] = `
     style={
       [
         {
-          "backgroundColor": "#795e90",
+          "backgroundColor": "#460078",
           "borderRadius": 8,
           "height": 12,
           "marginHorizontal": 8,
@@ -380,7 +380,7 @@ exports[`StyledLoadingIndicator has text-primary style 1`] = `
     style={
       [
         {
-          "backgroundColor": "#795e90",
+          "backgroundColor": "#460078",
           "borderRadius": 8,
           "height": 12,
           "marginHorizontal": 8,
@@ -426,7 +426,7 @@ exports[`StyledLoadingIndicator has text-secondary style 1`] = `
     style={
       [
         {
-          "backgroundColor": "#795e90",
+          "backgroundColor": "#460078",
           "borderRadius": 8,
           "height": 12,
           "marginHorizontal": 8,

package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap

@@ -714,7 +714,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
         style={
           [
             {
-              "backgroundColor": "#401960",
+              "backgroundColor": "#7622d7",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -744,7 +744,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
         style={
           [
             {
-              "backgroundColor": "#401960",
+              "backgroundColor": "#7622d7",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -774,7 +774,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-primar
         style={
           [
             {
-              "backgroundColor": "#401960",
+              "backgroundColor": "#7622d7",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -849,7 +849,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
         style={
           [
             {
-              "backgroundColor": "#795e90",
+              "backgroundColor": "#460078",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -879,7 +879,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
         style={
           [
             {
-              "backgroundColor": "#795e90",
+              "backgroundColor": "#460078",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -909,7 +909,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is outlined-second
         style={
           [
             {
-              "backgroundColor": "#795e90",
+              "backgroundColor": "#460078",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1119,7 +1119,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
         style={
           [
             {
-              "backgroundColor": "#795e90",
+              "backgroundColor": "#460078",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1149,7 +1149,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
         style={
           [
             {
-              "backgroundColor": "#795e90",
+              "backgroundColor": "#460078",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1179,7 +1179,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-primary 1`
         style={
           [
             {
-              "backgroundColor": "#795e90",
+              "backgroundColor": "#460078",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1254,7 +1254,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
         style={
           [
             {
-              "backgroundColor": "#795e90",
+              "backgroundColor": "#460078",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1284,7 +1284,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
         style={
           [
             {
-              "backgroundColor": "#795e90",
+              "backgroundColor": "#460078",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,
@@ -1314,7 +1314,7 @@ exports[`LoadingIndicator renders correctly when themeVariant is text-secondary
         style={
           [
             {
-              "backgroundColor": "#795e90",
+              "backgroundColor": "#460078",
               "borderRadius": 8,
               "height": 12,
               "marginHorizontal": 8,

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

@@ -36,7 +36,7 @@ exports[`Button allows render custom icon 1`] = `
         {
           "alignItems": "center",
           "alignSelf": "stretch",
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 32,
           "flexDirection": "row",
           "height": 60,
@@ -192,7 +192,7 @@ exports[`Button renders correctly 1`] = `
         {
           "alignItems": "center",
           "alignSelf": "stretch",
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 32,
           "flexDirection": "row",
           "height": 60,
@@ -294,7 +294,7 @@ exports[`Button renders correctly 2`] = `
         {
           "alignItems": "center",
           "alignSelf": "stretch",
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 32,
           "flexDirection": "row",
           "height": 60,
@@ -573,7 +573,7 @@ exports[`Button renders correctly 4`] = `
           "alignItems": "center",
           "alignSelf": "stretch",
           "backgroundColor": "transparent",
-          "borderColor": "#401960",
+          "borderColor": "#7622d7",
           "borderRadius": 32,
           "borderWidth": 2,
           "flexDirection": "row",
@@ -601,7 +601,7 @@ exports[`Button renders correctly 4`] = `
           },
           [
             {
-              "color": "#401960",
+              "color": "#7622d7",
               "flexShrink": 1,
               "textAlign": "center",
             },
@@ -677,7 +677,7 @@ exports[`Button renders correctly 5`] = `
           "alignItems": "center",
           "alignSelf": "stretch",
           "backgroundColor": "transparent",
-          "borderColor": "#401960",
+          "borderColor": "#7622d7",
           "borderRadius": 32,
           "borderWidth": 2,
           "flexDirection": "row",
@@ -721,7 +721,7 @@ exports[`Button renders correctly 5`] = `
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -751,7 +751,7 @@ exports[`Button renders correctly 5`] = `
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -781,7 +781,7 @@ exports[`Button renders correctly 5`] = `
           style={
             [
               {
-                "backgroundColor": "#401960",
+                "backgroundColor": "#7622d7",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -985,7 +985,7 @@ exports[`Button renders correctly 7`] = `
           },
           [
             {
-              "color": "#401960",
+              "color": "#7622d7",
               "flexShrink": 1,
               "lineHeight": 22,
               "textAlign": "center",
@@ -1060,7 +1060,7 @@ exports[`Button renders correctly 8`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 4,
           "borderWidth": 0,
           "flexDirection": "row",
@@ -1104,7 +1104,7 @@ exports[`Button renders correctly 8`] = `
           style={
             [
               {
-                "backgroundColor": "#795e90",
+                "backgroundColor": "#460078",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1134,7 +1134,7 @@ exports[`Button renders correctly 8`] = `
           style={
             [
               {
-                "backgroundColor": "#795e90",
+                "backgroundColor": "#460078",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1164,7 +1164,7 @@ exports[`Button renders correctly 8`] = `
           style={
             [
               {
-                "backgroundColor": "#795e90",
+                "backgroundColor": "#460078",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1367,7 +1367,7 @@ exports[`Button renders correctly 10`] = `
           },
           [
             {
-              "color": "#795e90",
+              "color": "#460078",
               "flexShrink": 1,
               "lineHeight": 22,
               "textAlign": "center",
@@ -1442,7 +1442,7 @@ exports[`Button renders correctly 11`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 4,
           "borderWidth": 0,
           "flexDirection": "row",
@@ -1486,7 +1486,7 @@ exports[`Button renders correctly 11`] = `
           style={
             [
               {
-                "backgroundColor": "#795e90",
+                "backgroundColor": "#460078",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1516,7 +1516,7 @@ exports[`Button renders correctly 11`] = `
           style={
             [
               {
-                "backgroundColor": "#795e90",
+                "backgroundColor": "#460078",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1546,7 +1546,7 @@ exports[`Button renders correctly 11`] = `
           style={
             [
               {
-                "backgroundColor": "#795e90",
+                "backgroundColor": "#460078",
                 "borderRadius": 8,
                 "height": 12,
                 "marginHorizontal": 8,
@@ -1824,7 +1824,7 @@ exports[`Button renders correctly 14`] = `
       [
         {
           "alignItems": "center",
-          "backgroundColor": "#ece8ef",
+          "backgroundColor": "#F1E9FB",
           "borderRadius": 4,
           "borderWidth": 0,
           "flexDirection": "row",
@@ -2104,7 +2104,7 @@ exports[`Button renders loading icon 1`] = `
         {
           "alignItems": "center",
           "alignSelf": "stretch",
-          "backgroundColor": "#401960",
+          "backgroundColor": "#7622d7",
           "borderRadius": 32,
           "flexDirection": "row",
           "height": 60,