UNPKG

@equinor/eds-core-react

Version:

The React implementation of the Equinor Design System

75 lines (72 loc) 1.15 kB
import { tokens } from '@equinor/eds-tokens'; const { spacings: { comfortable: { medium: spacingMedium } }, typography: { ui: { accordion_header }, paragraph: { body_long } }, colors: { ui: { background__default: { rgba: background }, background__scrim: { rgba: backdrop } } }, shape: { corners: { borderRadius } } } = tokens; const dialog = { width: '252px', background, typography: accordion_header, border: { type: 'border', radius: borderRadius }, spacings: { bottom: spacingMedium }, entities: { children: { spacings: { top: spacingMedium, bottom: spacingMedium, left: spacingMedium, right: spacingMedium } }, title: { minHeight: '24px', typography: accordion_header }, content: { minHeight: '80px', height: '104px', typography: body_long }, actions: { minHeight: '48px' }, scrim: { background: backdrop } }, modes: { compact: {} } }; export { dialog };