@thecb/components 8.4.0-beta.0 → 8.4.0-beta.1

package/dist/index.esm.js

@@ -42844,7 +42844,7 @@ var LinkCard = function LinkCard(_ref) {
       _ref$workflowDescript = _ref.workflowDescription,
       workflowDescription = _ref$workflowDescript === void 0 ? "Link your benefit plan" : _ref$workflowDescript,
       _ref$workflowActionNa = _ref.workflowActionName,
-      workflowActionName = _ref$workflowActionNa === void 0 ? "Find" : _ref$workflowActionNa,
+      workflowActionName = _ref$workflowActionNa === void 0 ? "Link an account" : _ref$workflowActionNa,
       themeValues = _ref.themeValues,
       slug = _ref.slug;
   var navigate = useNavigate();
@@ -42874,10 +42874,10 @@ var LinkCard = function LinkCard(_ref) {
     variant: "h6",
     weight: FONT_WEIGHT_SEMIBOLD,
     color: themeValues.color,
-    margin: "0 0 0.5rem 0",
+    margin: 0,
     extraStyles: "display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; overflow: hidden; text-overflow: ellipsis; font-family: Public Sans; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%;"
   }, workflowName)), /*#__PURE__*/React.createElement(Box, {
-    padding: "0 1rem 1rem",
+    padding: "0 1rem 0",
     minHeight: "4.25rem"
   }, /*#__PURE__*/React.createElement(Paragraph$1, {
     variant: "pS",
@@ -42886,7 +42886,7 @@ var LinkCard = function LinkCard(_ref) {
   }, workflowDescription)), /*#__PURE__*/React.createElement(Box, {
     background: "transparent",
     borderWidthOverride: "0 0 0 0",
-    padding: "1.5rem 0 1.5rem 1rem"
+    padding: "0 1rem 1rem 1rem"
   }, /*#__PURE__*/React.createElement(Stack, {
     direction: "row",
     justify: "space-between"
@@ -42900,16 +42900,21 @@ var LinkCard = function LinkCard(_ref) {
   })), /*#__PURE__*/React.createElement(Stack, {
     direction: "row",
     childGap: "6px"
-  }, /*#__PURE__*/React.createElement(Text$1, {
+  }, workflowActionName === "Link an account" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text$1, {
     variant: "pS",
     color: themeValues.color,
     extraStyles: "text-align: right; color: transparent;",
     className: "show-on-hover"
-  }, workflowActionName), workflowActionName === "Find" && /*#__PURE__*/React.createElement(PlusCircleIcon, {
+  }, "Find"), /*#__PURE__*/React.createElement(PlusCircleIcon, {
     color: themeValues.color
-  }), workflowActionName === "Pay" && /*#__PURE__*/React.createElement(ArrowRightIcon, {
+  })), workflowActionName === "Pay now" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text$1, {
+    variant: "pS",
+    color: themeValues.color,
+    extraStyles: "text-align: right; color: transparent;",
+    className: "show-on-hover"
+  }, "Pay"), /*#__PURE__*/React.createElement(ArrowRightIcon, {
     color: themeValues.color
-  }))))));
+  })))))));
 };
 
 var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$I, "default");