@thecb/components 9.1.2-beta.2 → 9.1.3-beta.0

package/package.json

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

package/src/components/atoms/line-item/LineItem.js

@@ -25,7 +25,7 @@ const LineItem = ({
 
   const visibleCustomAttrs = customAttributes
     ?.filter(
-      attr => visibleFields.includes(attr.key) && attr.key !== "description"
+      attr => visibleFields?.includes(attr.key) && attr.key !== "description"
     )
     ?.map(attr => (
       <Paragraph variant="pS" weight="400" key={attr.key} color={STORM_GREY}>

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

@@ -5,7 +5,6 @@ import ButtonWithLink from "../../atoms/button-with-link";
 import ButtonWithAction from "../../atoms/button-with-action";
 import { Box, Cluster } from "../../atoms/layouts";
 import SolidDivider from "../../atoms/solid-divider";
-import { kebabCaseString } from "../../../util/general";
 
 const PaymentButtonBar = ({
   isForwardButtonDisabled = false,
@@ -13,7 +12,6 @@ const PaymentButtonBar = ({
   forwardButtonAction,
   forwardButtonLoading,
   forwardButtonVariant = "primary",
-  forwardButtonAriaRole = "button",
   backButtonVariant = "secondary",
   backButtonAction,
   cancelURL,
@@ -34,8 +32,6 @@ const PaymentButtonBar = ({
         variant={backButtonVariant}
         extraStyles={isMobile && "flex-grow: 1"}
         dataQa={cancelText}
-        aria-labelledby={`${kebabCaseString(cancelText)}-button`}
-        role="link"
       />
     ) : (
       backButtonAction && (
@@ -45,8 +41,6 @@ const PaymentButtonBar = ({
           action={backButtonAction}
           extraStyles={isMobile && "flex-grow: 1"}
           dataQa="Back"
-          aria-labelledby="back-button"
-          role="link"
         />
       )
     );
@@ -59,8 +53,6 @@ const PaymentButtonBar = ({
       extraStyles={isMobile && "flex-grow: 1"}
       dataQa={redirectText}
       disabled={isForwardButtonDisabled}
-      aria-labelledby={`${kebabCaseString(redirectText)}-button`}
-      role={forwardButtonAriaRole}
     />
   ) : (
     forwardButtonAction && (
@@ -72,8 +64,6 @@ const PaymentButtonBar = ({
         extraStyles={isMobile && "flex-grow: 1"}
         dataQa={forwardButtonText}
         disabled={isForwardButtonDisabled}
-        aria-labelledby={`${kebabCaseString(forwardButtonText)}-button`}
-        role={forwardButtonAriaRole}
       />
     )
   );

package/src/util/general.js

@@ -159,7 +159,3 @@ export const titleCaseString = string => {
     )
     .join(" ");
 };
-
-export const kebabCaseString = string => {
-  return string?.replaceAll(" ", "-").toLowerCase();
-};