@thecb/components 3.5.7 → 3.5.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "3.5.7",
+  "version": "3.5.10",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/molecules/collapsible-section/CollapsibleSection.js

@@ -5,7 +5,7 @@ import { themeComponent } from "../../../util/themeUtils";
 import Heading from "../../atoms/heading";
 import { FONT_WEIGHT_SEMIBOLD } from "../../../constants/style_constants";
 import { Box, Cluster, Stack, Motion } from "../../atoms/layouts";
-import { IconChevron } from "../../../deprecated/icons";
+import { ChevronIcon } from "../../atoms/icons";
 import { noop } from "../../../util/general";
 
 const CollapsibleSection = ({
@@ -95,7 +95,7 @@ const CollapsibleSection = ({
               variants={icon}
               style={{ display: "flex", alignItems: "center" }}
             >
-              <IconChevron />
+              <ChevronIcon />
             </Motion>
           </Cluster>
         </Box>

package/src/components/molecules/nav-menu/NavMenu.theme.js

@@ -1,5 +1,12 @@
-const backgroundColor = "#3b414d";
-const shadowColor = "#292A33";
+const backgroundColor = {
+  profile: "#3b414d",
+  cms: "#3b414d"
+};
+
+const shadowColor = {
+  profile: "#292A33",
+  cms: "#292A33"
+};
 
 export const fallbackValues = {
   backgroundColor,

package/src/components/molecules/nav-menu/NavMenuDesktop.js

@@ -36,4 +36,9 @@ const NavMenuDesktop = ({
   );
 };
 
-export default themeComponent(NavMenuDesktop, "NavMenu", fallbackValues);
+export default themeComponent(
+  NavMenuDesktop,
+  "NavMenu",
+  fallbackValues,
+  "profile"
+);

package/src/components/molecules/nav-menu/NavMenuMobile.js

@@ -60,4 +60,9 @@ const NavMenuMobile = ({ menuContent = [], visible = false, themeValues }) => {
   );
 };
 
-export default themeComponent(NavMenuMobile, "NavMenu", fallbackValues);
+export default themeComponent(
+  NavMenuMobile,
+  "NavMenu",
+  fallbackValues,
+  "profile"
+);

package/src/components/molecules/workflow-tile/WorkflowTile.js

@@ -14,7 +14,8 @@ import ButtonWithLink from "../../atoms/button-with-link";
 import { Box, Stack } from "../../atoms/layouts";
 const WorkflowTile = ({
   workflowName = "Test Workflow",
-  workflowDescription,
+  workflowDescription = "Link your benefit plan",
+  workflowActionName = "Search",
   slug
 }) => (
   <Box
@@ -35,7 +36,7 @@ const WorkflowTile = ({
       </Box>
       <Box padding={"0 1rem 1rem 1rem"} minHeight={"4.25rem"}>
         <Paragraph variant="pS" color={STORM_GREY}>
-          {workflowDescription || `Link your benefit plan`}
+          {workflowDescription}
         </Paragraph>
       </Box>
       <Box padding={"1.5rem 1rem"} background={GRECIAN_GREY}>
@@ -45,7 +46,7 @@ const WorkflowTile = ({
           fontWeight={FONT_WEIGHT_SEMIBOLD}
           fontSize={"1.125rem"}
           borderRadius={"0px"}
-          text={"Link Benefits"}
+          text={workflowActionName}
           minWidth={"100%"}
           url={`/service/${slug}`}
           extraStyles={`width: 100%;`}

package/src/deprecated/icons/AlertSuccessIcon.js

@@ -11,7 +11,7 @@ export const AlertSuccessIcon = () => (
     <defs>
       <path
         d="M12,24 C18.627417,24 24,18.627417 24,12 C24,5.372583 18.627417,0 12,0 C5.372583,0 0,5.372583 0,12 C0,18.627417 5.372583,24 12,24 Z M16.9497475,7.46446609 L18.363961,8.87867966 L9.87867966,17.363961 L5.63603897,13.1213203 L7.05025253,11.7071068 L9.87803897,14.5354661 L16.9497475,7.46446609 Z"
-        id="path-1"
+        id="alertSuccess"
       ></path>
     </defs>
     <g
@@ -27,13 +27,13 @@ export const AlertSuccessIcon = () => (
           transform="translate(24.000000, 34.000000)"
         >
           <mask id="mask-2" fill="white">
-            <use xlinkHref="#path-1"></use>
+            <use xlinkHref="#alertSuccess"></use>
           </mask>
           <use
             id="background-2"
             fill="#47B872"
             fillRule="nonzero"
-            xlinkHref="#path-1"
+            xlinkHref="#alertSuccess"
           ></use>
         </g>
       </g>