@atlaskit/modal-dialog/dist/esm/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 var width = {
  values: ['small', 'medium', 'large', 'x-large'],
  widths: {
    small: 400,
    medium: 600,
    large: 800,
    'x-large': 968
  },
  defaultValue: 'medium'
};
export var gutter = 60;
var gridSize = getGridSize();
export var borderRadius = getBorderRadius();
export var verticalOffset = gridSize * 2;
export var padding = gridSize * 3;
export var titleIconMargin = gridSize;
export var keylineHeight = 2;
export var keylineColor = "var(--ds-border, ".concat(N30, ")");
export var textColor = "var(--ds-text, ".concat(text(), ")");
export var iconColor = {
  danger: "var(--ds-icon-danger, ".concat(R400, ")"),
  warning: "var(--ds-icon-warning, ".concat(Y400, ")")
};