@equinor/eds-core-react
Version:
The React implementation of the Equinor Design System
54 lines (51 loc) • 889 B
JavaScript
import { tokens } from '@equinor/eds-tokens';
const {
colors: {
ui: {
background__default: {
rgba: background
},
background__light: {
rgba: borderColor
}
}
},
spacings: {
comfortable: {
xx_small: spacingXXS,
medium: spacingMedium
}
},
typography: {
paragraph: {
body_short
}
}
} = tokens;
const comfortable = {
background,
spacings: {
left: '14px',
// padding left is 14px, because of border-left 'steals' 2px of the padding
right: spacingMedium,
top: spacingMedium
},
border: {
type: 'bordergroup',
left: {
color: borderColor,
width: spacingXXS,
style: 'solid'
}
},
typography: {
...body_short
}
};
const variants = {
small: '240px',
medium: '320px',
large: '480px',
xlarge: '640px'
};
export { comfortable, variants };