@hero-design/rn 7.17.0 → 7.18.0

package/src/components/FAB/ActionGroup/index.tsx

@@ -124,7 +124,7 @@ const ActionGroup = ({
           transform: [{ translateX: interpolatedTranlateXAnimation }],
         }}
       >
-        {headerTitle && (
+        {!!headerTitle && (
           <StyledHeaderText testID="header-text">
             {headerTitle}
           </StyledHeaderText>

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

@@ -19,7 +19,7 @@ exports[`AnimatedFABIcon renders correctly when isActive is false 1`] = `
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontSize": 24,
         },
         Array [
@@ -58,7 +58,7 @@ exports[`AnimatedFABIcon renders correctly when isActive is true 1`] = `
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontSize": 24,
         },
         Array [

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

@@ -16,7 +16,7 @@ exports[`StyledFABContainer renders correctly 1`] = `
       Object {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#292a2b",
+        "backgroundColor": "#001f23",
         "borderRadius": 999,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -32,7 +32,7 @@ exports[`StyledFABContainer renders correctly 1`] = `
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.42,
@@ -56,7 +56,7 @@ exports[`StyledFABIcon renders correctly 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       Array [

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

@@ -16,7 +16,7 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
       Object {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#292a2b",
+        "backgroundColor": "#001f23",
         "borderRadius": 999,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -25,7 +25,7 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
         "paddingVertical": 16,
       },
       Object {
-        "backgroundColor": "#292a2b",
+        "backgroundColor": "#001f23",
       },
     ]
   }
@@ -35,7 +35,7 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontSize": 24,
         },
         Array [
@@ -72,7 +72,7 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
       Object {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#292a2b",
+        "backgroundColor": "#001f23",
         "borderRadius": 999,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -81,7 +81,7 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
         "paddingVertical": 16,
       },
       Object {
-        "backgroundColor": "#292a2b",
+        "backgroundColor": "#001f23",
       },
     ]
   }
@@ -104,7 +104,7 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
       style={
         Array [
           Object {
-            "color": "#292a2b",
+            "color": "#001f23",
             "fontSize": 24,
           },
           Array [
@@ -142,7 +142,7 @@ exports[`FAB when title has value renders correctly 1`] = `
       Object {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#292a2b",
+        "backgroundColor": "#001f23",
         "borderRadius": 999,
         "flexDirection": "row",
         "justifyContent": "center",
@@ -151,7 +151,7 @@ exports[`FAB when title has value renders correctly 1`] = `
         "paddingVertical": 16,
       },
       Object {
-        "backgroundColor": "#292a2b",
+        "backgroundColor": "#001f23",
       },
     ]
   }
@@ -161,7 +161,7 @@ exports[`FAB when title has value renders correctly 1`] = `
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontSize": 16,
         },
         Array [

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

@@ -19,7 +19,7 @@ exports[`Icon render correctly with spin prop 1`] = `
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontSize": 24,
         },
         undefined,
@@ -37,7 +37,7 @@ exports[`Icon renders correctly 1`] = `
   style={
     Array [
       Object {
-        "color": "#292a2b",
+        "color": "#001f23",
         "fontSize": 24,
       },
       undefined,
@@ -71,7 +71,7 @@ exports[`Icon renders correctly with intent 1`] = `
   style={
     Array [
       Object {
-        "color": "#7622d7",
+        "color": "#8505a2",
         "fontSize": 24,
       },
       undefined,

package/src/components/List/ListItem.tsx

@@ -119,7 +119,7 @@ const ListItem = ({
               >
                 {title}
               </Typography.Text>
-              {subtitle && (
+              {!!subtitle && (
                 <Typography.Text intent="subdued" fontSize="small">
                   {subtitle}
                 </Typography.Text>

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

@@ -44,7 +44,7 @@ exports[`BasicListItem renders correctly 1`] = `
       style={
         Array [
           Object {
-            "color": "#292a2b",
+            "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 16,
             "letterSpacing": 0.48,
@@ -63,7 +63,7 @@ exports[`BasicListItem renders correctly 1`] = `
       style={
         Array [
           Object {
-            "color": "#8b8d92",
+            "color": "#808f91",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 12,
             "letterSpacing": 0.36,
@@ -94,7 +94,7 @@ exports[`BasicListItem renders correctly 1`] = `
       style={
         Array [
           Object {
-            "color": "#292a2b",
+            "color": "#001f23",
             "fontSize": 20,
           },
           undefined,

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

@@ -61,7 +61,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           style={
             Array [
               Object {
-                "borderColor": "#7622d7",
+                "borderColor": "#8505a2",
                 "borderRadius": 999,
                 "borderWidth": 1,
                 "height": 32,
@@ -92,7 +92,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
               style={
                 Array [
                   Object {
-                    "color": "#7622d7",
+                    "color": "#8505a2",
                     "fontSize": 16,
                     "overflow": "hidden",
                   },
@@ -121,7 +121,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           style={
             Array [
               Object {
-                "color": "#292a2b",
+                "color": "#001f23",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
@@ -140,7 +140,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           style={
             Array [
               Object {
-                "color": "#8b8d92",
+                "color": "#808f91",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 12,
                 "letterSpacing": 0.36,
@@ -171,7 +171,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           style={
             Array [
               Object {
-                "color": "#7622d7",
+                "color": "#8505a2",
                 "fontSize": 20,
               },
               undefined,
@@ -207,7 +207,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           style={
             Array [
               Object {
-                "color": "#292a2b",
+                "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 14,
                 "letterSpacing": 0.42,
@@ -226,7 +226,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           style={
             Array [
               Object {
-                "color": "#292a2b",
+                "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 14,
                 "letterSpacing": 0.42,
@@ -255,7 +255,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           style={
             Array [
               Object {
-                "color": "#292a2b",
+                "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 14,
                 "letterSpacing": 0.42,
@@ -274,7 +274,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
           style={
             Array [
               Object {
-                "color": "#292a2b",
+                "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 14,
                 "letterSpacing": 0.42,
@@ -357,7 +357,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
           style={
             Array [
               Object {
-                "color": "#292a2b",
+                "color": "#001f23",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
@@ -376,7 +376,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
           style={
             Array [
               Object {
-                "color": "#8b8d92",
+                "color": "#808f91",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 12,
                 "letterSpacing": 0.36,
@@ -407,7 +407,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
           style={
             Array [
               Object {
-                "color": "#7622d7",
+                "color": "#8505a2",
                 "fontSize": 20,
               },
               undefined,
@@ -453,7 +453,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
     style={
       Array [
         Object {
-          "backgroundColor": "#ccced1",
+          "backgroundColor": "#bfc1c5",
           "borderRadius": 999,
           "marginRight": 8,
           "width": 8,
@@ -498,7 +498,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
           style={
             Array [
               Object {
-                "color": "#292a2b",
+                "color": "#001f23",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
@@ -529,7 +529,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
           style={
             Array [
               Object {
-                "color": "#7622d7",
+                "color": "#8505a2",
                 "fontSize": 20,
               },
               undefined,
@@ -606,7 +606,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
           style={
             Array [
               Object {
-                "borderColor": "#7622d7",
+                "borderColor": "#8505a2",
                 "borderRadius": 999,
                 "borderWidth": 1,
                 "height": 32,
@@ -637,7 +637,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
               style={
                 Array [
                   Object {
-                    "color": "#7622d7",
+                    "color": "#8505a2",
                     "fontSize": 16,
                     "overflow": "hidden",
                   },
@@ -666,7 +666,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
           style={
             Array [
               Object {
-                "color": "#292a2b",
+                "color": "#001f23",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.48,
@@ -685,7 +685,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
           style={
             Array [
               Object {
-                "color": "#8b8d92",
+                "color": "#808f91",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 12,
                 "letterSpacing": 0.36,
@@ -729,7 +729,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
           style={
             Array [
               Object {
-                "backgroundColor": "#7622d7",
+                "backgroundColor": "#8505a2",
                 "borderRadius": 999,
                 "height": 28.799999999999997,
                 "paddingHorizontal": 4,

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

@@ -28,7 +28,7 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.42,
@@ -74,7 +74,7 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.42,
@@ -107,7 +107,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
     Array [
       Object {
         "alignItems": "center",
-        "backgroundColor": "#f1e9fb",
+        "backgroundColor": "#f3e6f6",
         "flexDirection": "row",
         "opacity": 1,
         "padding": 16,
@@ -120,7 +120,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.42,
@@ -153,7 +153,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
     Array [
       Object {
         "alignItems": "center",
-        "backgroundColor": "#f1e9fb",
+        "backgroundColor": "#f3e6f6",
         "flexDirection": "row",
         "opacity": 0.38,
         "padding": 16,
@@ -166,7 +166,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.42,

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

@@ -5,7 +5,7 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent archived 1`] =
   style={
     Array [
       Object {
-        "backgroundColor": "#ccced1",
+        "backgroundColor": "#bfc1c5",
         "borderRadius": 999,
         "marginRight": 8,
         "width": 8,
@@ -22,7 +22,7 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent danger 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#de350b",
+        "backgroundColor": "#e3602a",
         "borderRadius": 999,
         "marginRight": 8,
         "width": 8,
@@ -39,7 +39,7 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent info 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#d1d9fe",
+        "backgroundColor": "#b5c3fd",
         "borderRadius": 999,
         "marginRight": 8,
         "width": 8,
@@ -56,7 +56,7 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent success 1`] = `
   style={
     Array [
       Object {
-        "backgroundColor": "#017d6d",
+        "backgroundColor": "#5ace7d",
         "borderRadius": 999,
         "marginRight": 8,
         "width": 8,
@@ -104,7 +104,7 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
         "borderRadius": 8,
         "flexDirection": "row",
         "padding": 16,
-        "shadowColor": "#dadbde",
+        "shadowColor": "#ccced1",
         "shadowOffset": Object {
           "height": 2,
           "width": 0,
@@ -120,7 +120,7 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.42,
@@ -164,7 +164,7 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant fu
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.42,
@@ -197,11 +197,11 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
     Array [
       Object {
         "alignItems": "center",
-        "backgroundColor": "#f1e9fb",
+        "backgroundColor": "#f3e6f6",
         "borderRadius": 8,
         "flexDirection": "row",
         "padding": 16,
-        "shadowColor": "#dadbde",
+        "shadowColor": "#ccced1",
         "shadowOffset": Object {
           "height": 2,
           "width": 0,
@@ -217,7 +217,7 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.42,
@@ -249,7 +249,7 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant ful
   style={
     Array [
       Object {
-        "backgroundColor": "#f1e9fb",
+        "backgroundColor": "#f3e6f6",
         "flexDirection": "row",
         "padding": 16,
       },
@@ -261,7 +261,7 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant ful
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.42,

package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap

@@ -6,7 +6,7 @@ exports[`PinCell renders correctly when focused is false, state is default 1`] =
     Array [
       Object {
         "alignItems": "center",
-        "borderColor": "#292a2b",
+        "borderColor": "#001f23",
         "borderRadius": 8,
         "borderWidth": 1,
         "height": 48,
@@ -23,7 +23,7 @@ exports[`PinCell renders correctly when focused is false, state is default 1`] =
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 28,
         },
@@ -117,7 +117,7 @@ exports[`PinCell renders correctly when focused is true, state is default 1`] =
     Array [
       Object {
         "alignItems": "center",
-        "borderColor": "#292a2b",
+        "borderColor": "#001f23",
         "borderRadius": 8,
         "borderWidth": 2,
         "height": 48,
@@ -134,7 +134,7 @@ exports[`PinCell renders correctly when focused is true, state is default 1`] =
     style={
       Array [
         Object {
-          "color": "#292a2b",
+          "color": "#001f23",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 28,
         },