@thecb/components 5.6.1 → 5.6.4

package/dist/index.esm.js

@@ -6567,10 +6567,10 @@ function (_ref2) {
   var minHeight = _ref6.minHeight;
   return minHeight ? "margin-top: 0; margin-bottom: 0;" : "";
 }, function (_ref7) {
-  var sidebarOnRight = _ref7.sidebarOnRight,
+  var $sidebarOnRight = _ref7.$sidebarOnRight,
       contentMinWidth = _ref7.contentMinWidth,
       childGap = _ref7.childGap;
-  return sidebarOnRight ? "> :first-child {\n      flex-basis: 0;\n      flex-grow: 999;\n      min-width: calc(".concat(contentMinWidth, " - ").concat(childGap, ");\n    }\n    ") : "> :last-child {\n      flex-basis: 0;\n      flex-grow: 999;\n      min-width: calc(".concat(contentMinWidth, " - ").concat(childGap, ");\n    }");
+  return $sidebarOnRight ? "> :first-child {\n      flex-basis: 0;\n      flex-grow: 999;\n      min-width: calc(".concat(contentMinWidth, " - ").concat(childGap, ");\n    }\n    ") : "> :last-child {\n      flex-basis: 0;\n      flex-grow: 999;\n      min-width: calc(".concat(contentMinWidth, " - ").concat(childGap, ");\n    }");
 }, function (_ref8) {
   var fullHeight = _ref8.fullHeight;
   return fullHeight ? "min-height: 100%;" : "";
@@ -6610,7 +6610,7 @@ var Sidebar = function Sidebar(_ref) {
   }, rest), /*#__PURE__*/React.createElement(SidebarInnerWrapper, {
     childGap: childGap,
     width: width,
-    sidebarOnRight: sidebarOnRight,
+    $sidebarOnRight: sidebarOnRight,
     contentMinWidth: contentMinWidth,
     fullHeight: fullHeight,
     minHeight: minHeight
@@ -18872,7 +18872,8 @@ var Card = function Card(_ref2) {
   }, heading), /*#__PURE__*/React.createElement(Text$1, {
     variant: "pS"
   }, text)))), /*#__PURE__*/React.createElement(Box, {
-    padding: "0.5rem 1rem 1rem"
+    padding: "0.5rem 1rem 1rem",
+    extraStyles: "display: flex; justify-content: center;"
   }, /*#__PURE__*/React.createElement(ButtonWithAction, {
     variant: "smallPrimary",
     text: buttonText,
@@ -40147,7 +40148,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     role: "form",
     "aria-label": "ACH Payment"
   }, /*#__PURE__*/React.createElement(FormInputColumn, null, /*#__PURE__*/React.createElement(FormInput$1, {
-    labelTextWhenNoError: "Name on bank account",
+    labelTextWhenNoError: "Name on checking account",
     errorMessages: nameErrors,
     field: fields.name,
     fieldActions: actions.fields.name,
@@ -40239,7 +40240,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     hidden: hideDefaultPayment
   }), showWalletCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: "bank checkbox",
-    title: "Save bank account to wallet",
+    title: "Save checking account to wallet",
     checked: walletCheckboxMarked,
     onChange: saveToWallet
   })));
@@ -41419,7 +41420,8 @@ var WorkflowTile = function WorkflowTile(_ref) {
     text: workflowActionName,
     minWidth: "100%",
     url: "/service/".concat(slug),
-    extraStyles: "width: 100%;"
+    extraStyles: "width: 100%;",
+    linkExtraStyles: "justify-content: center;"
   }))));
 };