@atlaskit/modal-dialog/dist/es2019/internal/constants.js

A modal dialog displays content that requires user interaction, in a layer above the page.

import { N30, R400, text, Y400 } from '@atlaskit/theme/colors';
import { borderRadius as getBorderRadius, gridSize as getGridSize } from '@atlaskit/theme/constants';
export const width = {
  values: ['small', 'medium', 'large', 'x-large'],
  widths: {
    small: 400,
    medium: 600,
    large: 800,
    'x-large': 968
  },
  defaultValue: 'medium'
};
export const gutter = 60;
const gridSize = getGridSize();
export const borderRadius = getBorderRadius();
export const verticalOffset = gridSize * 2;
export const padding = gridSize * 3;
export const titleIconMargin = gridSize;
export const keylineHeight = 2;
export const keylineColor = `var(--ds-border, ${N30})`;
export const textColor = `var(--ds-text, ${text()})`;
export const iconColor = {
  danger: `var(--ds-icon-danger, ${R400})`,
  warning: `var(--ds-icon-warning, ${Y400})`
};