@thecb/components 4.1.2 → 4.1.3

package/dist/index.cjs.js

@@ -38237,6 +38237,10 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
       forwardButtonText = _ref$forwardButtonTex === void 0 ? "Next" : _ref$forwardButtonTex,
       forwardButtonAction = _ref.forwardButtonAction,
       forwardButtonLoading = _ref.forwardButtonLoading,
+      _ref$forwardButtonVar = _ref.forwardButtonVariant,
+      forwardButtonVariant = _ref$forwardButtonVar === void 0 ? "primary" : _ref$forwardButtonVar,
+      _ref$backButtonVarian = _ref.backButtonVariant,
+      backButtonVariant = _ref$backButtonVarian === void 0 ? "secondary" : _ref$backButtonVarian,
       backButtonAction = _ref.backButtonAction,
       cancelURL = _ref.cancelURL,
       _ref$cancelText = _ref.cancelText,
@@ -38251,12 +38255,12 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
   var backButton = !!cancelURL && !!cancelText ? /*#__PURE__*/React__default.createElement(ButtonWithLink, {
     text: cancelText,
     url: cancelURL,
-    variant: "secondary",
+    variant: backButtonVariant,
     extraStyles: isMobile && "flex-grow: 1",
     dataQa: cancelText
   }) : backButtonAction && /*#__PURE__*/React__default.createElement(ButtonWithAction, {
     text: "Back",
-    variant: "secondary",
+    variant: backButtonVariant,
     action: backButtonAction,
     extraStyles: isMobile && "flex-grow: 1",
     dataQa: "Back"
@@ -38264,12 +38268,12 @@ var PaymentButtonBar = function PaymentButtonBar(_ref) {
   var forwardButton = !!redirectURL ? /*#__PURE__*/React__default.createElement(ButtonWithLink, {
     url: redirectURL,
     text: redirectText,
-    variant: "primary",
+    variant: forwardButtonVariant,
     extraStyles: isMobile && "flex-grow: 1",
     dataQa: redirectText
   }) : forwardButtonAction && /*#__PURE__*/React__default.createElement(ButtonWithAction, {
     text: forwardButtonText,
-    variant: "primary",
+    variant: forwardButtonVariant,
     action: forwardButtonAction,
     isLoading: forwardButtonLoading,
     extraStyles: isMobile && "flex-grow: 1",

package/package.json

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

package/src/components/molecules/payment-button-bar/PaymentButtonBar.js

@@ -10,6 +10,8 @@ const PaymentButtonBar = ({
   forwardButtonText = "Next",
   forwardButtonAction,
   forwardButtonLoading,
+  forwardButtonVariant = "primary",
+  backButtonVariant = "secondary",
   backButtonAction,
   cancelURL,
   cancelText = "Cancel",
@@ -23,7 +25,7 @@ const PaymentButtonBar = ({
       <ButtonWithLink
         text={cancelText}
         url={cancelURL}
-        variant="secondary"
+        variant={backButtonVariant}
         extraStyles={isMobile && "flex-grow: 1"}
         dataQa={cancelText}
       />
@@ -31,7 +33,7 @@ const PaymentButtonBar = ({
       backButtonAction && (
         <ButtonWithAction
           text="Back"
-          variant="secondary"
+          variant={backButtonVariant}
           action={backButtonAction}
           extraStyles={isMobile && "flex-grow: 1"}
           dataQa="Back"
@@ -43,7 +45,7 @@ const PaymentButtonBar = ({
     <ButtonWithLink
       url={redirectURL}
       text={redirectText}
-      variant="primary"
+      variant={forwardButtonVariant}
       extraStyles={isMobile && "flex-grow: 1"}
       dataQa={redirectText}
     />
@@ -51,7 +53,7 @@ const PaymentButtonBar = ({
     forwardButtonAction && (
       <ButtonWithAction
         text={forwardButtonText}
-        variant="primary"
+        variant={forwardButtonVariant}
         action={forwardButtonAction}
         isLoading={forwardButtonLoading}
         extraStyles={isMobile && "flex-grow: 1"}