@trackunit/react-components 0.1.26 → 0.1.27

package/index.js

@@ -1483,10 +1483,10 @@ const Backdrop = tw.div `
  * - Modals interrupt a user's workflow by design.
  * - The modal component provides a foundation for creating dialogs, lightboxes, etc.
  */
-const Modal = React.forwardRef(({ isOpen, children, dataTestId, className, onDismissClick = () => {
+const Modal = React.forwardRef(({ isOpen, children, dataTestId, className, role = "", onDismissClick = () => {
     return;
 }, }, ref) => {
-    return (jsx(ModalBackdrop, Object.assign({ isVisible: isOpen, onClick: onDismissClick }, { children: isOpen && (jsx(StyledDiv, Object.assign({ ref: ref }, { children: jsx(StyledCard, Object.assign({ dataTestId: dataTestId, className: className }, { children: children })) }))) })));
+    return (jsx(ModalBackdrop, Object.assign({ isVisible: isOpen, onClick: onDismissClick }, { children: isOpen && (jsx(StyledDiv, Object.assign({ ref: ref, role: role }, { children: jsx(StyledCard, Object.assign({ dataTestId: dataTestId, className: className }, { children: children })) }))) })));
 });
 const StyledCard = twx(Card) `
   tu-modal__card

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {

package/src/components/Modal/Modal.d.ts

@@ -17,6 +17,10 @@ export interface ModalProps extends CommonProps {
      * Test id to be applied to the modal.
      */
     dataTestId?: string;
+    /**
+     * Aria role to be applied to element
+     */
+    role?: string;
 }
 /**
  * - Modals are used to present critical information or request user input needed to complete a user's workflow.