@thecb/components 8.4.0-beta.4 → 8.4.0-beta.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "8.4.0-beta.4",
+  "version": "8.4.0-beta.6",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/molecules/link-card/LinkCard.js

@@ -1,23 +1,17 @@
 import React from "react";
-import { useNavigate } from "react-router-dom";
 import Heading from "../../atoms/heading";
 import Paragraph from "../../atoms/paragraph";
-// import { Text } from "../../atoms/text";
-// import { ROYAL_BLUE_VIVID } from "../../../constants/colors";
 import { FONT_WEIGHT_SEMIBOLD } from "../../../constants/style_constants";
 import { Box, Stack } from "../../atoms/layouts";
 import { themeComponent } from "../../../util/themeUtils";
 import { fallbackValues } from "./LinkCard.theme";
 import { LINK_WATER, MOON_RAKER } from "../../../constants/colors";
-// import PlusCircleIcon from "../../atoms/icons/PlusCircleIcon";
-// import ArrowRightIcon from "../../atoms/icons/ArrowRightIcon";
 
 const LinkCard = ({
   variant = "default",
   title = "Test Workflow",
   subtitle = "Link your benefit plan",
   themeValues,
-  path,
   showLeft,
   leftContent,
   showRight,
@@ -38,7 +32,7 @@ const LinkCard = ({
 
   return (
     <Box
-      background={`${LINK_WATER}`}
+      background={LINK_WATER}
       border={`1px solid ${MOON_RAKER};`}
       borderRadius="8px"
       dataQa={`link-card-${title}`}
@@ -46,7 +40,7 @@ const LinkCard = ({
       maxWidth="288px"
       minWidth="240px"
       minHeight="141px"
-      padding="16px 24px"
+      padding="24px"
       extraStyles={`
         display: flex;
         flex-direction: column;
@@ -61,7 +55,7 @@ const LinkCard = ({
       onClick={onClick}
     >
       <Stack childGap={0} bottomItem={3} fullHeight>
-        <Box padding={"1rem 0 0 0"}>
+        <Box padding={0}>
           <Heading
             variant="h6"
             weight={FONT_WEIGHT_SEMIBOLD}
@@ -94,11 +88,7 @@ const LinkCard = ({
             {subtitle}
           </Paragraph>
         </Box>
-        <Box
-          background="transparent"
-          borderWidthOverride="0 0 0 0"
-          padding="0 1rem 1rem 1rem"
-        >
+        <Box background="transparent" borderWidthOverride="0 0 0 0" padding="0">
           <Stack direction="row" justify="space-between">
             <Stack direction="row" childGap="6px">
               {showLeft && leftContent}

package/src/components/molecules/link-card/index.d.ts

@@ -5,7 +5,6 @@ export interface LinkCardProps {
   variant?: string; // "default" is only one
   title?: string; // title
   subtitle?: string; // beneath title
-  slug: string; // path segment of button on click (/service/${slug})
   themeValues?: any;
   showLeft?: boolean;
   leftContent?: JSX.Element;

package/src/constants/colors.js

@@ -6,7 +6,7 @@ to the one generated by name-that-color.
 */
 const BLACK = "#000000";
 const TRANSPARENT = "transparent";
-const LINK_WATER = "#EBEFFB";
+const LINK_WATER = "#FEFEFE";
 const WHITE = "#FFFFFF";
 const SOLITUDE_WHITE = "#EBEDF1";
 const SEASHELL_WHITE = "#F1F1F1";