@thecb/components 6.2.2 → 6.2.5

package/package.json

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

package/src/components/atoms/link/ExternalLink.js

@@ -16,6 +16,7 @@ const ExternalLink = ({
   variant = "primary",
   tabIndex = "0",
   dataQa,
+  ariaLabel,
   children
 }) => {
   const themeContext = useContext(ThemeContext);
@@ -41,6 +42,7 @@ const ExternalLink = ({
       extrastyles={extraStyles}
       rel={newTab ? "noopener" : ""}
       data-qa={dataQa}
+      aria-label={ariaLabel}
     >
       {safeChildren(children, <span />)}
     </StyledExternalLink>

package/src/components/molecules/modal/Modal.js

@@ -22,6 +22,7 @@ const getApplicationNode = () => document.getElementById("root");
 
 const Modal = ({
   hideModal,
+  onExit = hideModal,
   continueAction,
   isContinueActionDisabled = false,
   cancelAction,
@@ -30,6 +31,7 @@ const Modal = ({
   modalBodyText,
   cancelButtonText = "Cancel",
   continueButtonText = "Continue",
+  closeButtonText = "Close",
   modalHeaderBg = WHITE,
   modalBodyBg = ATHENS_GREY,
   useDangerButton = false,
@@ -49,7 +51,7 @@ const Modal = ({
     <Fragment>
       {modalOpen && (
         <AriaModal
-          onExit={hideModal}
+          onExit={onExit}
           getApplicationNode={getApplicationNode}
           titleText={modalHeaderText}
           underlayStyle={{
@@ -169,10 +171,10 @@ const Modal = ({
                             <ButtonWithAction
                               action={hideModal}
                               variant="primary"
-                              text="Close"
-                              dataQa="Close"
+                              text={closeButtonText}
+                              dataQa={closeButtonText}
                               extraStyles={buttonExtraStyles}
-                              className="modal-cancel-button"
+                              className="modal-close-button"
                             />
                           </Box>
                         )}

package/src/components/molecules/radio-section/RadioSection.js

@@ -143,7 +143,9 @@ const RadioSection = ({
           .filter(section => !section.hidden)
           .map(section => (
             <Motion
-              tabIndex={section.hideRadioButton ? "-1" : "0"}
+              tabIndex={
+                section.hideRadioButton || section.disabled ? "-1" : "0"
+              }
               onKeyDown={e => handleKeyDown(section.id, e)}
               onFocus={() => setFocused(section.id)}
               onBlur={() => setFocused(null)}