Skip to content
Permalink
Browse files

fix(modal-dialog-primitive): rename exports

  • Loading branch information
TheSisb committed Feb 19, 2020
1 parent d5d90aa commit fcdd574a868b398abab9b1cfe0606772ae43123b
@@ -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};
@@ -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)',

1 comment on commit fcdd574

@now

This comment has been minimized.

Please sign in to comment.
You can’t perform that action at this time.