Namespace modal mask

RoyEJohnson · RoyEJohnson · commit 29960016a90f · 2026-07-21T14:53:19.000-05:00
diff --git a/src/components/Modal.css b/src/components/Modal.css
@@ -49,7 +49,7 @@
   padding: 3rem;
 }
 
-.mask {
+.modal-mask {
   top: 0;
   left: 0;
   width: 100%;
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
@@ -64,7 +64,7 @@ export const Mask = React.forwardRef<HTMLDivElement, RAC.ModalOverlayProps>(
     <RAC.ModalOverlay
       ref={ref}
       defaultOpen
-      className={classNames('mask', className)}
+      className={classNames('modal-mask', className)}
       {...props}
     />
   )

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ export const Mask = React.forwardRef<HTMLDivElement, RAC.ModalOverlayProps>(`
`64`	`64`	`<RAC.ModalOverlay`
`65`	`65`	`ref={ref}`
`66`	`66`	`defaultOpen`
`67`		`- className={classNames('mask', className)}`
	`67`	`+ className={classNames('modal-mask', className)}`
`68`	`68`	`{...props}`
`69`	`69`	`/>`
`70`	`70`	`)`