@razorpay/blade
Version:
The Design System that powers Razorpay
33 lines (29 loc) • 1.27 kB
JavaScript
/* eslint-disable @typescript-eslint/explicit-function-return-type */
var getPopupShadows = function getPopupShadows(theme, colorScheme) {
var boxShadow = {
light: {
elevation: "".concat(theme.elevation.midRaised),
border: "inset 0px 0px 0px 1px ".concat(theme.colors.popup.border.gray.subtle),
top: "inset 0px 0px 0px 0px ".concat(theme.colors.popup.border.gray.moderate)
},
dark: {
elevation: "".concat(theme.elevation.midRaised),
border: "inset 0px 0px 0px 1px ".concat(theme.colors.popup.border.gray.subtle),
top: "inset 0px 1px 0px 0px ".concat(theme.colors.popup.border.gray.moderate)
}
};
return boxShadow[colorScheme];
};
/**
* Returns a single CSS box-shadow string combining border, elevation, and top inner shadow.
* Use when applying the full surface shadow to an element.
*/
var getPopupBoxShadowString = function getPopupBoxShadowString(theme, colorScheme) {
var _getPopupShadows = getPopupShadows(theme, colorScheme),
border = _getPopupShadows.border,
elevation = _getPopupShadows.elevation,
top = _getPopupShadows.top;
return "".concat(border, ", ").concat(elevation, ", ").concat(top);
};
export { getPopupBoxShadowString };
//# sourceMappingURL=makePopupBoxShadow.js.map