UNPKG

@equinor/eds-core-react

Version:

The React implementation of the Equinor Design System

57 lines (54 loc) 1.55 kB
import { tokens } from '@equinor/eds-tokens'; import { primary as primary$1, secondary as secondary$1, danger as danger$1 } from './contained.js'; import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.1/node_modules/ramda/es/mergeDeepRight.js'; const { clickbounds: { default__base: clicboundHeight, compact__standard: compactClickboundHeight }, shape } = tokens; const contained_icon = { height: shape.icon_button.minHeight, width: shape.icon_button.minWidth, border: { width: '0px', radius: '50%' }, spacings: { left: '0', right: '0' }, clickbound: { width: clicboundHeight, offset: { top: `${(parseInt(clicboundHeight) - parseInt(shape.icon_button.minWidth)) / 2}px`, left: `${(parseInt(clicboundHeight) - parseInt(shape.icon_button.minWidth)) / 2}px` } }, states: { hover: { border: { width: '0px', radius: '50%' } } }, modes: { compact: { height: shape._modes.compact.icon_button.minHeight, width: shape._modes.compact.icon_button.minWidth, clickbound: { width: compactClickboundHeight, offset: { top: '0', left: `${(parseInt(compactClickboundHeight) - parseInt(shape._modes.compact.icon_button.minWidth)) / 2}px` } } } } }; const primary = mergeDeepRight(primary$1, contained_icon); const secondary = mergeDeepRight(secondary$1, contained_icon); const danger = mergeDeepRight(danger$1, contained_icon); export { danger, primary, secondary };