@hero-design/rn 8.68.0-alpha.1 → 8.68.0

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

@@ -15,7 +15,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
       style={
         [
           {
-            "backgroundColor": "#F1E9FB",
+            "backgroundColor": "#ece8ef",
             "bottom": 0,
             "left": 0,
             "position": "absolute",
@@ -25,7 +25,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
           undefined,
         ]
       }
-      themeSlideBackground="#F1E9FB"
+      themeSlideBackground="#ece8ef"
     />
     <View
       style={
@@ -55,13 +55,13 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
         data={
           [
             {
-              "background": "#F1E9FB",
+              "background": "#ece8ef",
               "body": "Access your Work, Money and Benefits in the palm of your hand.",
               "heading": "Welcome to the new Employment Hero app",
               "image": 1,
             },
             {
-              "background": "#B382FD",
+              "background": "#ccd2d3",
               "body": "Our app now has a new bright clean modern look and feel with the same great features.",
               "content": <Image
                 source={
@@ -74,7 +74,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               "image": "https://picsum.photos/800/1200",
             },
             {
-              "background": "#B382FD",
+              "background": "#ccd2d3",
               "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.",
               "heading": "Easier to get around",
               "image": {
@@ -85,7 +85,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               },
             },
             {
-              "background": "#B382FD",
+              "background": "#ccd2d3",
               "heading": "Test slide 4",
               "image": {
                 "height": 100,
@@ -94,7 +94,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               },
             },
             {
-              "background": "#B382FD",
+              "background": "#ccd2d3",
               "heading": "Test slide 5",
             },
           ]
@@ -701,7 +701,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
               {
                 "alignItems": "center",
                 "alignSelf": "stretch",
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 32,
                 "flexDirection": "row",
                 "height": 60,
@@ -769,7 +769,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 8,
                 "marginHorizontal": 8,
@@ -788,7 +788,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 8,
                 "marginHorizontal": 8,
@@ -807,7 +807,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 8,
                 "marginHorizontal": 8,
@@ -826,7 +826,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 8,
                 "marginHorizontal": 8,
@@ -845,7 +845,7 @@ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
             collapsable={false}
             style={
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 8,
                 "marginHorizontal": 8,
@@ -897,7 +897,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
       style={
         [
           {
-            "backgroundColor": "#F1E9FB",
+            "backgroundColor": "#ece8ef",
             "bottom": 0,
             "left": 0,
             "position": "absolute",
@@ -907,7 +907,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           undefined,
         ]
       }
-      themeSlideBackground="#F1E9FB"
+      themeSlideBackground="#ece8ef"
     />
     <View
       style={
@@ -946,7 +946,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           collapsable={false}
           style={
             {
-              "backgroundColor": "#7622d7",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
               "marginHorizontal": 8,
@@ -965,7 +965,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           collapsable={false}
           style={
             {
-              "backgroundColor": "#7622d7",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
               "marginHorizontal": 8,
@@ -984,7 +984,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           collapsable={false}
           style={
             {
-              "backgroundColor": "#7622d7",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
               "marginHorizontal": 8,
@@ -1003,7 +1003,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           collapsable={false}
           style={
             {
-              "backgroundColor": "#7622d7",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
               "marginHorizontal": 8,
@@ -1022,7 +1022,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
           collapsable={false}
           style={
             {
-              "backgroundColor": "#7622d7",
+              "backgroundColor": "#401960",
               "borderRadius": 999,
               "height": 8,
               "marginHorizontal": 8,
@@ -1050,13 +1050,13 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
         data={
           [
             {
-              "background": "#F1E9FB",
+              "background": "#ece8ef",
               "body": "Access your Work, Money and Benefits in the palm of your hand.",
               "heading": "Welcome to the new Employment Hero app",
               "image": 1,
             },
             {
-              "background": "#B382FD",
+              "background": "#ccd2d3",
               "body": "Our app now has a new bright clean modern look and feel with the same great features.",
               "content": <Image
                 source={
@@ -1069,7 +1069,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               "image": "https://picsum.photos/800/1200",
             },
             {
-              "background": "#B382FD",
+              "background": "#ccd2d3",
               "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.",
               "heading": "Easier to get around",
               "image": {
@@ -1080,7 +1080,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               },
             },
             {
-              "background": "#B382FD",
+              "background": "#ccd2d3",
               "heading": "Test slide 4",
               "image": {
                 "height": 100,
@@ -1089,7 +1089,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               },
             },
             {
-              "background": "#B382FD",
+              "background": "#ccd2d3",
               "heading": "Test slide 5",
             },
           ]
@@ -1696,7 +1696,7 @@ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
               {
                 "alignItems": "center",
                 "alignSelf": "stretch",
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 32,
                 "flexDirection": "row",
                 "height": 60,
@@ -1780,7 +1780,7 @@ exports[`Carousel should render correctly when image is undefined 1`] = `
       style={
         [
           {
-            "backgroundColor": "#B382FD",
+            "backgroundColor": "#ccd2d3",
             "bottom": 0,
             "left": 0,
             "position": "absolute",
@@ -1790,7 +1790,7 @@ exports[`Carousel should render correctly when image is undefined 1`] = `
           undefined,
         ]
       }
-      themeSlideBackground="#B382FD"
+      themeSlideBackground="#ccd2d3"
     />
     <View
       style={
@@ -1820,7 +1820,7 @@ exports[`Carousel should render correctly when image is undefined 1`] = `
         data={
           [
             {
-              "background": "#B382FD",
+              "background": "#ccd2d3",
               "heading": "Test slide 5",
             },
           ]
@@ -1972,7 +1972,7 @@ exports[`Carousel should render correctly when image is undefined 1`] = `
               {
                 "alignItems": "center",
                 "alignSelf": "stretch",
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 32,
                 "flexDirection": "row",
                 "height": 60,

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

@@ -655,7 +655,7 @@ exports[`Chip renders correctly with custom icon 2`] = `
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#F1E9FB",
+        "backgroundColor": "#ece8ef",
         "borderColor": "transparent",
         "borderRadius": 999,
         "borderWidth": 1,
@@ -1143,7 +1143,7 @@ exports[`Chip renders correctly with variant filled and selected true 1`] = `
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#F1E9FB",
+        "backgroundColor": "#ece8ef",
         "borderColor": "transparent",
         "borderRadius": 999,
         "borderWidth": 1,

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap

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

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

@@ -344,7 +344,7 @@ exports[`Error renders full screen error page correctly 1`] = `
       style={
         [
           {
-            "backgroundColor": "#B382FD",
+            "backgroundColor": "#ccd2d3",
             "display": "flex",
             "flex": 1,
             "flexDirection": "column",

package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap

@@ -52,7 +52,7 @@ exports[`ActionGroup has active false 1`] = `
           {
             "alignItems": "center",
             "alignSelf": "flex-end",
-            "backgroundColor": "#7622d7",
+            "backgroundColor": "#401960",
             "borderRadius": 999,
             "bottom": undefined,
             "elevation": 3,
@@ -113,7 +113,7 @@ exports[`ActionGroup has active false 1`] = `
                   },
                   [
                     {
-                      "color": "#FDFBFF",
+                      "color": "#ffffff",
                       "lineHeight": 24,
                       "textAlign": "center",
                       "textAlignVertical": "center",
@@ -140,7 +140,7 @@ exports[`ActionGroup has active false 1`] = `
                 },
                 [
                   {
-                    "color": "#FDFBFF",
+                    "color": "#ffffff",
                     "marginHorizontal": 8,
                     "textAlign": "center",
                     "textAlignVertical": "center",
@@ -234,7 +234,7 @@ exports[`ActionGroup has active true 1`] = `
           {
             "alignItems": "center",
             "alignSelf": "flex-end",
-            "backgroundColor": "#380060",
+            "backgroundColor": "#33144d",
             "borderRadius": 999,
             "bottom": undefined,
             "elevation": 3,
@@ -307,7 +307,7 @@ exports[`ActionGroup has active true 1`] = `
                     },
                     [
                       {
-                        "color": "#FDFBFF",
+                        "color": "#ffffff",
                         "lineHeight": 24,
                         "textAlign": "center",
                         "textAlignVertical": "center",
@@ -459,7 +459,7 @@ exports[`ActionGroup has active true 1`] = `
                     {
                       "alignItems": "center",
                       "alignSelf": "flex-end",
-                      "backgroundColor": "#460078",
+                      "backgroundColor": "#795e90",
                       "borderRadius": 999,
                       "flexDirection": "row",
                       "margin": 8,
@@ -498,7 +498,7 @@ exports[`ActionGroup has active true 1`] = `
                         },
                         [
                           {
-                            "color": "#FDFBFF",
+                            "color": "#ffffff",
                           },
                           undefined,
                         ],
@@ -521,7 +521,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#FDFBFF",
+                          "color": "#ffffff",
                         },
                         undefined,
                       ],
@@ -570,7 +570,7 @@ exports[`ActionGroup has active true 1`] = `
                     {
                       "alignItems": "center",
                       "alignSelf": "flex-end",
-                      "backgroundColor": "#460078",
+                      "backgroundColor": "#795e90",
                       "borderRadius": 999,
                       "flexDirection": "row",
                       "margin": 8,
@@ -609,7 +609,7 @@ exports[`ActionGroup has active true 1`] = `
                         },
                         [
                           {
-                            "color": "#FDFBFF",
+                            "color": "#ffffff",
                           },
                           undefined,
                         ],
@@ -632,7 +632,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#FDFBFF",
+                          "color": "#ffffff",
                         },
                         undefined,
                       ],
@@ -681,7 +681,7 @@ exports[`ActionGroup has active true 1`] = `
                     {
                       "alignItems": "center",
                       "alignSelf": "flex-end",
-                      "backgroundColor": "#460078",
+                      "backgroundColor": "#795e90",
                       "borderRadius": 999,
                       "flexDirection": "row",
                       "margin": 8,
@@ -720,7 +720,7 @@ exports[`ActionGroup has active true 1`] = `
                         },
                         [
                           {
-                            "color": "#FDFBFF",
+                            "color": "#ffffff",
                           },
                           undefined,
                         ],
@@ -743,7 +743,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#FDFBFF",
+                          "color": "#ffffff",
                         },
                         undefined,
                       ],
@@ -792,7 +792,7 @@ exports[`ActionGroup has active true 1`] = `
                     {
                       "alignItems": "center",
                       "alignSelf": "flex-end",
-                      "backgroundColor": "#460078",
+                      "backgroundColor": "#795e90",
                       "borderRadius": 999,
                       "flexDirection": "row",
                       "margin": 8,
@@ -831,7 +831,7 @@ exports[`ActionGroup has active true 1`] = `
                         },
                         [
                           {
-                            "color": "#FDFBFF",
+                            "color": "#ffffff",
                           },
                           undefined,
                         ],
@@ -854,7 +854,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#FDFBFF",
+                          "color": "#ffffff",
                         },
                         undefined,
                       ],
@@ -903,7 +903,7 @@ exports[`ActionGroup has active true 1`] = `
                     {
                       "alignItems": "center",
                       "alignSelf": "flex-end",
-                      "backgroundColor": "#460078",
+                      "backgroundColor": "#795e90",
                       "borderRadius": 999,
                       "flexDirection": "row",
                       "margin": 8,
@@ -942,7 +942,7 @@ exports[`ActionGroup has active true 1`] = `
                         },
                         [
                           {
-                            "color": "#FDFBFF",
+                            "color": "#ffffff",
                           },
                           undefined,
                         ],
@@ -965,7 +965,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#FDFBFF",
+                          "color": "#ffffff",
                         },
                         undefined,
                       ],
@@ -1004,7 +1004,7 @@ exports[`ActionGroup has active true 1`] = `
             {
               "alignItems": "center",
               "alignSelf": "flex-end",
-              "backgroundColor": "#380060",
+              "backgroundColor": "#33144d",
               "borderRadius": 999,
               "bottom": undefined,
               "elevation": 3,
@@ -1078,7 +1078,7 @@ exports[`ActionGroup has active true 1`] = `
                       },
                       [
                         {
-                          "color": "#FDFBFF",
+                          "color": "#ffffff",
                           "lineHeight": 24,
                           "textAlign": "center",
                           "textAlignVertical": "center",

package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap

@@ -30,7 +30,7 @@ exports[`AnimatedFABIcon renders correctly when isActive is false 1`] = `
           },
           [
             {
-              "color": "#FDFBFF",
+              "color": "#ffffff",
               "lineHeight": 24,
               "textAlign": "center",
               "textAlignVertical": "center",
@@ -96,7 +96,7 @@ exports[`AnimatedFABIcon renders correctly when isActive is true 1`] = `
           },
           [
             {
-              "color": "#FDFBFF",
+              "color": "#ffffff",
               "lineHeight": 24,
               "textAlign": "center",
               "textAlignVertical": "center",

package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap

@@ -30,7 +30,7 @@ exports[`StyledFAB renders correctly 1`] = `
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#7622d7",
+        "backgroundColor": "#401960",
         "borderRadius": 999,
         "elevation": 3,
         "flexDirection": "row",
@@ -121,7 +121,7 @@ exports[`StyledFAB renders correctly 2`] = `
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#380060",
+        "backgroundColor": "#33144d",
         "borderRadius": 999,
         "elevation": 3,
         "flexDirection": "row",
@@ -200,7 +200,7 @@ exports[`StyledFABIcon renders correctly 1`] = `
         },
         [
           {
-            "color": "#FDFBFF",
+            "color": "#ffffff",
             "lineHeight": 24,
             "textAlign": "center",
             "textAlignVertical": "center",

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

@@ -73,7 +73,7 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
             },
             [
               {
-                "color": "#FDFBFF",
+                "color": "#ffffff",
                 "lineHeight": 24,
                 "textAlign": "center",
                 "textAlignVertical": "center",
@@ -212,7 +212,7 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
                 },
                 [
                   {
-                    "color": "#FDFBFF",
+                    "color": "#ffffff",
                     "lineHeight": 24,
                     "textAlign": "center",
                     "textAlignVertical": "center",
@@ -341,7 +341,7 @@ exports[`FAB when title has value renders correctly 1`] = `
               },
               [
                 {
-                  "color": "#FDFBFF",
+                  "color": "#ffffff",
                   "lineHeight": 24,
                   "textAlign": "center",
                   "textAlignVertical": "center",
@@ -368,7 +368,7 @@ exports[`FAB when title has value renders correctly 1`] = `
             },
             [
               {
-                "color": "#FDFBFF",
+                "color": "#ffffff",
                 "marginHorizontal": 8,
                 "textAlign": "center",
                 "textAlignVertical": "center",

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

@@ -20,7 +20,7 @@ exports[`HeroDesignProvider renders children correctly 1`] = `
       style={
         [
           {
-            "color": "#7622d7",
+            "color": "#401960",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 42,
             "letterSpacing": 0,

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

@@ -161,7 +161,7 @@ exports[`Icon renders correctly with intent 1`] = `
     style={
       [
         {
-          "color": "#7622d7",
+          "color": "#401960",
           "fontSize": 24,
         },
         undefined,

package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap

@@ -61,7 +61,7 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
         style={
           [
             {
-              "color": "#7622d7",
+              "color": "#401960",
               "fontSize": 24,
             },
             undefined,
@@ -136,7 +136,7 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
         style={
           [
             {
-              "color": "#7622d7",
+              "color": "#401960",
               "fontSize": 20,
             },
             undefined,

package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap

@@ -103,7 +103,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
             onStartShouldSetResponder={[Function]}
             style={
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 32,
                 "opacity": 1,
@@ -226,7 +226,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
             style={
               [
                 {
-                  "color": "#7622d7",
+                  "color": "#401960",
                   "fontSize": 20,
                 },
                 undefined,
@@ -505,7 +505,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
             style={
               [
                 {
-                  "color": "#7622d7",
+                  "color": "#401960",
                   "fontSize": 20,
                 },
                 undefined,
@@ -665,7 +665,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
             style={
               [
                 {
-                  "color": "#7622d7",
+                  "color": "#401960",
                   "fontSize": 20,
                 },
                 undefined,
@@ -805,7 +805,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
             onStartShouldSetResponder={[Function]}
             style={
               {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#401960",
                 "borderRadius": 999,
                 "height": 32,
                 "opacity": 1,
@@ -945,7 +945,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
             style={
               [
                 {
-                  "backgroundColor": "#7622d7",
+                  "backgroundColor": "#401960",
                   "borderRadius": 999,
                   "display": "flex",
                   "height": 24,