UNPKG

@equinor/eds-core-react

Version:

The React implementation of the Equinor Design System

68 lines (65 loc) 1.02 kB
import { tokens } from '@equinor/eds-tokens'; const { typography, colors: colorsToken, interactions: { focused: { width: focusOutlineWidth } } } = tokens; const { heading, paragraph } = typography; const { interactive: { primary__resting: { rgba: primary }, secondary__resting: { rgba: secondary }, danger__resting: { rgba: danger }, warning__resting: { rgba: warning }, success__resting: { rgba: success }, disabled__text: { rgba: disabled }, focus: { rgba: focus } } } = colorsToken; const colors = { primary, secondary, danger, warning, success, disabled }; const quickVariants = { ...heading, ...paragraph }; const link = { states: { focus: { outline: { width: focusOutlineWidth, color: focus, style: 'dashed', type: 'outline', offset: '2px' } } } }; export { colors, link, quickVariants, typography };