@atlaskit/tokens
Version:
Design tokens are the single source of truth to name and store design decisions.
20 lines • 504 B
JavaScript
import { hexToRGBAValues } from './hex-to-rgba-values';
/**
* Returns a box shadow formatted for CSS from a ShadowToken raw value.
*
* @param rawShadow - ShadowToken raw value
*/
export const getBoxShadow = rawShadow => rawShadow.map(({
radius,
offset,
color,
opacity
}) => {
const {
r,
g,
b
} = hexToRGBAValues(color);
return `${offset.x}px ${offset.y}px ${radius}px rgba(${r}, ${g}, ${b}, ${opacity})`;
}).join(',');
export { hexToRGBAValues } from './hex-to-rgba-values';