UNPKG

@equinor/eds-core-react

Version:

The React implementation of the Equinor Design System

97 lines (94 loc) 1.5 kB
import { tokens } from '@equinor/eds-tokens'; /* eslint-disable camelcase */ const { typography: { paragraph: { body_long: messageTypography } }, spacings: { comfortable: { medium } }, colors: { infographic: { primary__moss_green_13: { rgba: infoBackground }, primary__energy_red_13: { rgba: warningBackground }, primary__moss_green_100: { rgba: infoColor }, primary__energy_red_100: { rgba: warningColor } }, ui: { background__default: { rgba: backgroundColor } } }, shape: { circle: { minHeight, minWidth, borderRadius } } } = tokens; const enabled = { typography: { ...messageTypography }, background: backgroundColor, spacings: { left: medium, right: medium, top: medium, bottom: medium }, entities: { icon: { height: minHeight, width: minWidth, border: { type: 'border', radius: borderRadius } } }, modes: { compact: {} } }; const info = { entities: { icon: { background: infoBackground, typography: { color: infoColor } } }, modes: { compact: {} } }; const warning = { entities: { icon: { background: warningBackground, typography: { color: warningColor } } }, modes: { compact: {} } }; export { enabled, info, warning };