Give the dialog element the ds-base class so it looks like it's suppo…

…sed to independent of the main site content (#246)
CMSgov · Feb 28, 2018 · b714a44 · b714a44
1 parent b8d7db6
commit b714a44
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/packages/core/src/components/Dialog/Dialog.jsx b/packages/core/src/components/Dialog/Dialog.jsx
@@ -23,6 +23,7 @@ export const Dialog = function(props) {
 
   const dialogClassNames = classNames(
     'ds-c-dialog',
+    'ds-base',
     className,
     size && `ds-c-dialog--${size}`
   );

diff --git a/packages/core/src/components/Dialog/__snapshots__/Dialog.test.jsx.snap b/packages/core/src/components/Dialog/__snapshots__/Dialog.test.jsx.snap
@@ -8,7 +8,7 @@ Object {
     "closeText": "No thank you. I don't like saving money",
   },
   "wrapper": <Displaced
-    dialogClass="ds-c-dialog"
+    dialogClass="ds-c-dialog ds-base"
     escapeExits={true}
     includeDefaultStyles={false}
     mounted={true}
@@ -60,7 +60,7 @@ exports[`Dialog renders react-aria-modal 1`] = `
   underlayClickExits={false}
 >
   <Displaced
-    dialogClass="ds-c-dialog"
+    dialogClass="ds-c-dialog ds-base"
     escapeExits={true}
     getApplicationNode={
       [MockFunction] {
@@ -77,7 +77,7 @@ exports[`Dialog renders react-aria-modal 1`] = `
     underlayClickExits={false}
   >
     <Modal
-      dialogClass="ds-c-dialog"
+      dialogClass="ds-c-dialog ds-base"
       dialogId="react-aria-modal-dialog"
       escapeExits={true}
       focusTrapPaused={false}
@@ -116,7 +116,7 @@ exports[`Dialog renders react-aria-modal 1`] = `
           >
             <div
               aria-labelledby="dialog-title"
-              className="ds-c-dialog"
+              className="ds-c-dialog ds-base"
               id="react-aria-modal-dialog"
               key="b"
               role="dialog"
@@ -180,7 +180,7 @@ Object {
     "size": "full",
   },
   "wrapper": <Displaced
-    dialogClass="ds-c-dialog test-dialog ds-c-dialog--full"
+    dialogClass="ds-c-dialog ds-base test-dialog ds-c-dialog--full"
     escapeExits={true}
     includeDefaultStyles={false}
     mounted={true}