npm - @hero-design/rn - Versions diffs - 7.16.2 → 7.17.1 - Mend

@hero-design/rn 7.16.2 → 7.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (122) hide show

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

@@ -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 CHANGED Viewed

@@ -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/BasicListItem.tsx CHANGED Viewed

@@ -23,7 +23,7 @@ export interface ListItemProps {
   /**
    * The title of the component.
    */
-  title: string;
+  title: string | React.ReactElement;
   /**
    * The subtile title of the component.
    */
@@ -82,9 +82,13 @@ const BasicListItem = ({
           </StyledPrefixContainer>
         )}
         <StyledTitleContainer>
-          <Typography.Text intent="body" fontSize="large">
-            {title}
-          </Typography.Text>
+          {typeof title === 'string' ? (
+            <Typography.Text intent="body" fontSize="large">
+              {title}
+            </Typography.Text>
+          ) : (
+            title
+          )}
           {subtitle && (
             <Typography.Text intent="subdued" fontSize="small">
               {subtitle}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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,
         },