mdc-react
Version:
Material Components for the web implemented in React
31 lines (28 loc) • 1.02 kB
JavaScript
export const numbers = {
DIALOG_ANIMATION_OPEN_TIME_MS: 150,
DIALOG_ANIMATION_CLOSE_TIME_MS: 75,
DEFAULT_ACTIONS_HEIGHT: 52
};
export const cssClasses = {
ROOT: 'mdc-dialog',
HEADER: 'mdc-dialog__header',
TITLE: 'mdc-dialog__title',
CLOSE: 'mdc-dialog__close',
CONTENT: 'mdc-dialog__content',
CONTAINER: 'mdc-dialog__container',
ACTIONS: 'mdc-dialog__actions',
BUTTON: 'mdc-dialog__button',
SURFACE: 'mdc-dialog__surface',
SCRIM: 'mdc-dialog__scrim',
OPEN: 'mdc-dialog--open',
OPENING: 'mdc-dialog--opening',
CLOSING: 'mdc-dialog--closing',
FULLSCREEN: 'mdc-dialog--fullscreen',
SHEET: 'mdc-dialog--sheet',
SCROLLABLE: 'mdc-dialog--scrollable',
STACKED: 'mdc-dialog--stacked',
NO_CONTENT_PADDING: 'mdc-dialog--no-content-padding',
SCROLL_DIVIDER_HEADER: 'mdc-dialog-scroll-divider-header',
SCROLL_DIVIDER_FOOTER: 'mdc-dialog-scroll-divider-footer',
SCROLL_LOCK: 'mdc-dialog-scroll-lock'
};