@equinor/eds-core-react
Version:
The React implementation of the Equinor Design System
57 lines (54 loc) • 1.55 kB
JavaScript
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 };