fix(modal-dialog-primitive): rename exports

twilio-labs · Feb 19, 2020 · fcdd574 · fcdd574 · vercel · Feb 19, 2020
1 parent d5d90aa
commit fcdd574
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/packages/paste-core/primitives/modal-dialog/src/index.tsx b/packages/paste-core/primitives/modal-dialog/src/index.tsx
@@ -14,6 +14,9 @@
  * - We can control which APIs we expose. For example, we may chose to enable or
  *   disable usage of certain undocumented APIs.
  */
-import {DialogContent as ModalDialogContent, DialogOverlay as ModalDialogOverlay} from '@reach/dialog';
+import {
+  DialogContent as ModalDialogPrimitiveContent,
+  DialogOverlay as ModalDialogPrimitiveOverlay,
+} from '@reach/dialog';
 
-export {ModalDialogContent, ModalDialogOverlay};
+export {ModalDialogPrimitiveContent, ModalDialogPrimitiveOverlay};
diff --git a/packages/paste-core/primitives/modal-dialog/stories/index.stories.tsx b/packages/paste-core/primitives/modal-dialog/stories/index.stories.tsx
@@ -4,9 +4,9 @@ import {withKnobs, boolean} from '@storybook/addon-knobs';
 import styled from '@emotion/styled';
 import {Text} from '@twilio-paste/text';
 import {Button} from '@twilio-paste/button';
-import {ModalDialogOverlay, ModalDialogContent} from '../src';
+import {ModalDialogPrimitiveOverlay, ModalDialogPrimitiveContent} from '../src';
 
-const StyledModalDialogOverlay = styled(ModalDialogOverlay)({
+const StyledModalDialogOverlay = styled(ModalDialogPrimitiveOverlay)({
   position: 'fixed',
   top: 0,
   right: 0,
@@ -18,7 +18,7 @@ const StyledModalDialogOverlay = styled(ModalDialogOverlay)({
   background: 'rgba(0, 0, 0, 0.7)',
 });
 
-const StyledModalDialogContent = styled(ModalDialogContent)({
+const StyledModalDialogContent = styled(ModalDialogPrimitiveContent)({
   width: '100%',
   maxWidth: '560px',
   maxHeight: 'calc(100% - 60px)',