@hero-design/rn 7.16.2 → 7.17.1

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

@@ -83,7 +83,7 @@ exports[`StyledButtonContainer has filled-primary style 1`] = `
       Object {
         "alignItems": "center",
         "alignSelf": "stretch",
-        "backgroundColor": "#7622d7",
+        "backgroundColor": "#8505a2",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -182,7 +182,7 @@ exports[`StyledButtonContainer has outlined-primary style 1`] = `
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
-        "borderColor": "#7622d7",
+        "borderColor": "#8505a2",
         "borderRadius": 32,
         "borderWidth": 2,
         "flexDirection": "row",
@@ -284,7 +284,7 @@ exports[`StyledButtonContainer has pressed with the correct variant filled-dange
       Object {
         "alignItems": "center",
         "alignSelf": "stretch",
-        "backgroundColor": "#f2ae9d",
+        "backgroundColor": "#f46363",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -316,7 +316,7 @@ exports[`StyledButtonContainer has pressed with the correct variant filled-prima
       Object {
         "alignItems": "center",
         "alignSelf": "stretch",
-        "backgroundColor": "#c8a7ef",
+        "backgroundColor": "#c282d1",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -348,7 +348,7 @@ exports[`StyledButtonContainer has pressed with the correct variant filled-secon
       Object {
         "alignItems": "center",
         "alignSelf": "stretch",
-        "backgroundColor": "#d1d9fe",
+        "backgroundColor": "#b5c3fd",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -381,7 +381,7 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-dan
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
-        "borderColor": "#f2ae9d",
+        "borderColor": "#f46363",
         "borderRadius": 32,
         "borderWidth": 2,
         "flexDirection": "row",
@@ -415,7 +415,7 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-pri
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
-        "borderColor": "#c8a7ef",
+        "borderColor": "#c282d1",
         "borderRadius": 32,
         "borderWidth": 2,
         "flexDirection": "row",
@@ -449,7 +449,7 @@ exports[`StyledButtonContainer has pressed with the correct variant outlined-sec
         "alignItems": "center",
         "alignSelf": "stretch",
         "backgroundColor": "transparent",
-        "borderColor": "#d1d9fe",
+        "borderColor": "#b5c3fd",
         "borderRadius": 32,
         "borderWidth": 2,
         "flexDirection": "row",
@@ -667,7 +667,7 @@ exports[`StyledButtonContainer renders disabled correctly 1`] = `
       Object {
         "alignItems": "center",
         "alignSelf": "stretch",
-        "backgroundColor": "#ccced1",
+        "backgroundColor": "#bfc1c5",
         "borderRadius": 32,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -689,7 +689,7 @@ exports[`StyledButtonIcon has basic-transparent style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -712,7 +712,7 @@ exports[`StyledButtonIcon has filled-danger style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -735,7 +735,7 @@ exports[`StyledButtonIcon has filled-primary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -758,7 +758,7 @@ exports[`StyledButtonIcon has filled-secondary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -781,7 +781,7 @@ exports[`StyledButtonIcon has outlined-danger style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -805,12 +805,12 @@ exports[`StyledButtonIcon has outlined-primary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
         Object {
-          "color": "#7622d7",
+          "color": "#8505a2",
           "fontSize": 18,
           "lineHeight": 24,
         },
@@ -829,7 +829,7 @@ exports[`StyledButtonIcon has outlined-secondary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -853,7 +853,7 @@ exports[`StyledButtonIcon has pressed with the correct variant basic-transparent
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -876,7 +876,7 @@ exports[`StyledButtonIcon has pressed with the correct variant filled-danger sty
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -899,7 +899,7 @@ exports[`StyledButtonIcon has pressed with the correct variant filled-primary st
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -922,7 +922,7 @@ exports[`StyledButtonIcon has pressed with the correct variant filled-secondary
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -945,12 +945,12 @@ exports[`StyledButtonIcon has pressed with the correct variant outlined-danger s
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
         Object {
-          "color": "#f2ae9d",
+          "color": "#f46363",
           "fontSize": 18,
           "lineHeight": 24,
         },
@@ -969,12 +969,12 @@ exports[`StyledButtonIcon has pressed with the correct variant outlined-primary
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
         Object {
-          "color": "#c8a7ef",
+          "color": "#c282d1",
           "fontSize": 18,
           "lineHeight": 24,
         },
@@ -993,12 +993,12 @@ exports[`StyledButtonIcon has pressed with the correct variant outlined-secondar
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
         Object {
-          "color": "#d1d9fe",
+          "color": "#b5c3fd",
           "fontSize": 18,
           "lineHeight": 24,
         },
@@ -1017,12 +1017,12 @@ exports[`StyledButtonIcon has pressed with the correct variant text-danger style
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
         Object {
-          "color": "#f2ae9d",
+          "color": "#f46363",
           "fontSize": 16,
           "lineHeight": 24,
         },
@@ -1041,12 +1041,12 @@ exports[`StyledButtonIcon has pressed with the correct variant text-primary styl
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
         Object {
-          "color": "#c8a7ef",
+          "color": "#c282d1",
           "fontSize": 16,
           "lineHeight": 24,
         },
@@ -1065,12 +1065,12 @@ exports[`StyledButtonIcon has pressed with the correct variant text-secondary st
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
         Object {
-          "color": "#d1d9fe",
+          "color": "#b5c3fd",
           "fontSize": 16,
           "lineHeight": 24,
         },
@@ -1089,7 +1089,7 @@ exports[`StyledButtonIcon has text-danger style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -1113,12 +1113,12 @@ exports[`StyledButtonIcon has text-primary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
         Object {
-          "color": "#7622d7",
+          "color": "#8505a2",
           "fontSize": 16,
           "lineHeight": 24,
         },
@@ -1137,7 +1137,7 @@ exports[`StyledButtonIcon has text-secondary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -1161,7 +1161,7 @@ exports[`StyledButtonIcon renders disabled correctly 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [
@@ -1211,7 +1211,7 @@ exports[`StyledButtonText has basic-transparent style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1244,7 +1244,7 @@ exports[`StyledButtonText has filled-danger style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1277,7 +1277,7 @@ exports[`StyledButtonText has filled-primary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1310,7 +1310,7 @@ exports[`StyledButtonText has filled-secondary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1343,7 +1343,7 @@ exports[`StyledButtonText has outlined-danger style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1376,7 +1376,7 @@ exports[`StyledButtonText has outlined-primary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1384,7 +1384,7 @@ exports[`StyledButtonText has outlined-primary style 1`] = `
       },
       Array [
         Object {
-          "color": "#7622d7",
+          "color": "#8505a2",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
@@ -1409,7 +1409,7 @@ exports[`StyledButtonText has outlined-secondary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1443,7 +1443,7 @@ exports[`StyledButtonText has pressed with the correct variant basic-transparent
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1477,7 +1477,7 @@ exports[`StyledButtonText has pressed with the correct variant filled-danger sty
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1511,7 +1511,7 @@ exports[`StyledButtonText has pressed with the correct variant filled-primary st
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1545,7 +1545,7 @@ exports[`StyledButtonText has pressed with the correct variant filled-secondary
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1579,7 +1579,7 @@ exports[`StyledButtonText has pressed with the correct variant outlined-danger s
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1587,7 +1587,7 @@ exports[`StyledButtonText has pressed with the correct variant outlined-danger s
       },
       Array [
         Object {
-          "color": "#f2ae9d",
+          "color": "#f46363",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
@@ -1613,7 +1613,7 @@ exports[`StyledButtonText has pressed with the correct variant outlined-primary
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1621,7 +1621,7 @@ exports[`StyledButtonText has pressed with the correct variant outlined-primary
       },
       Array [
         Object {
-          "color": "#c8a7ef",
+          "color": "#c282d1",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
@@ -1647,7 +1647,7 @@ exports[`StyledButtonText has pressed with the correct variant outlined-secondar
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1655,7 +1655,7 @@ exports[`StyledButtonText has pressed with the correct variant outlined-secondar
       },
       Array [
         Object {
-          "color": "#d1d9fe",
+          "color": "#b5c3fd",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 18,
@@ -1681,7 +1681,7 @@ exports[`StyledButtonText has pressed with the correct variant text-danger style
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1689,7 +1689,7 @@ exports[`StyledButtonText has pressed with the correct variant text-danger style
       },
       Array [
         Object {
-          "color": "#f2ae9d",
+          "color": "#f46363",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
@@ -1715,7 +1715,7 @@ exports[`StyledButtonText has pressed with the correct variant text-primary styl
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1723,7 +1723,7 @@ exports[`StyledButtonText has pressed with the correct variant text-primary styl
       },
       Array [
         Object {
-          "color": "#c8a7ef",
+          "color": "#c282d1",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
@@ -1749,7 +1749,7 @@ exports[`StyledButtonText has pressed with the correct variant text-secondary st
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1757,7 +1757,7 @@ exports[`StyledButtonText has pressed with the correct variant text-secondary st
       },
       Array [
         Object {
-          "color": "#d1d9fe",
+          "color": "#b5c3fd",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
@@ -1782,7 +1782,7 @@ exports[`StyledButtonText has text-danger style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1815,7 +1815,7 @@ exports[`StyledButtonText has text-primary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1823,7 +1823,7 @@ exports[`StyledButtonText has text-primary style 1`] = `
       },
       Array [
         Object {
-          "color": "#7622d7",
+          "color": "#8505a2",
           "flexShrink": 1,
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 16,
@@ -1848,7 +1848,7 @@ exports[`StyledButtonText has text-secondary style 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -1882,7 +1882,7 @@ exports[`StyledButtonText renders disabled correctly 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,

package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap

@@ -32,7 +32,7 @@ exports[`CalendarRowItem renders correctly 1`] = `
       Object {
         "alignItems": "center",
         "backgroundColor": undefined,
-        "borderColor": "#292a2b",
+        "borderColor": "#001f23",
         "borderRadius": 999,
         "borderWidth": 0,
         "height": 44,
@@ -46,7 +46,7 @@ exports[`CalendarRowItem renders correctly 1`] = `
       style={
         Array [
           Object {
-            "color": "#292a2b",
+            "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,
             "letterSpacing": 0.42,
@@ -65,7 +65,7 @@ exports[`CalendarRowItem renders correctly 1`] = `
       style={
         Array [
           Object {
-            "backgroundColor": "#7622d7",
+            "backgroundColor": "#8505a2",
             "borderRadius": 999,
             "bottom": "10%",
             "height": 4,
@@ -114,7 +114,7 @@ exports[`CalendarRowItem renders correctly 2`] = `
       Object {
         "alignItems": "center",
         "backgroundColor": undefined,
-        "borderColor": "#292a2b",
+        "borderColor": "#001f23",
         "borderRadius": 999,
         "borderWidth": 0,
         "height": 44,
@@ -128,7 +128,7 @@ exports[`CalendarRowItem renders correctly 2`] = `
       style={
         Array [
           Object {
-            "color": "#8b8d92",
+            "color": "#808f91",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 14,
             "letterSpacing": 0.42,
@@ -147,7 +147,7 @@ exports[`CalendarRowItem renders correctly 2`] = `
       style={
         Array [
           Object {
-            "backgroundColor": "#7622d7",
+            "backgroundColor": "#8505a2",
             "borderRadius": 999,
             "bottom": "10%",
             "height": 4,
@@ -195,8 +195,8 @@ exports[`CalendarRowItem renders correctly when is current date 1`] = `
     style={
       Object {
         "alignItems": "center",
-        "backgroundColor": "#7622d7",
-        "borderColor": "#292a2b",
+        "backgroundColor": "#8505a2",
+        "borderColor": "#001f23",
         "borderRadius": 999,
         "borderWidth": 0,
         "height": 44,
@@ -277,8 +277,8 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     style={
       Object {
         "alignItems": "center",
-        "backgroundColor": "#7622d7",
-        "borderColor": "#292a2b",
+        "backgroundColor": "#8505a2",
+        "borderColor": "#001f23",
         "borderRadius": 999,
         "borderWidth": 0,
         "height": 44,
@@ -359,8 +359,8 @@ exports[`CalendarRowItem renders correctly when selected, and is current date eq
     style={
       Object {
         "alignItems": "center",
-        "backgroundColor": "#7622d7",
-        "borderColor": "#292a2b",
+        "backgroundColor": "#8505a2",
+        "borderColor": "#001f23",
         "borderRadius": 999,
         "borderWidth": 0,
         "height": 44,

package/src/components/Card/__tests__/__snapshots__/StyledCard.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`LeftDataCard renders correctly 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#a26fb0",
+        "backgroundColor": "#8505a2",
         "height": "100%",
         "width": 16,
       },

package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap

@@ -15,7 +15,7 @@ exports[`StyledWrapper renders correct style 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Object {
-      "borderColor": "#7622d7",
+      "borderColor": "#8505a2",
       "borderRadius": 4,
       "borderWidth": 2,
       "display": "flex",

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

@@ -15,7 +15,7 @@ exports[`Checkbox renders correctly 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Object {
-      "borderColor": "#7622d7",
+      "borderColor": "#8505a2",
       "borderRadius": 4,
       "borderWidth": 2,
       "display": "flex",
@@ -46,7 +46,7 @@ exports[`Checkbox trigger press function correctly 1`] = `
   onStartShouldSetResponder={[Function]}
   style={
     Object {
-      "borderColor": "#7622d7",
+      "borderColor": "#8505a2",
       "borderRadius": 4,
       "borderWidth": 2,
       "display": "flex",