@razorpay/blade
Version:
The Design System that powers Razorpay
12 lines (9 loc) • 1 kB
JavaScript
import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
import { makeSize } from '../../utils/makeSize/makeSize.js';
import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
import '../../tokens/global/typography.js';
import '../../tokens/global/motion.js';
import { size } from '../../tokens/global/size.js';
var MAX_WIDTH=size[584];var getCommonStyles=function getCommonStyles(props){var theme=props.theme,emphasis=props.emphasis,color=props.color,isFullWidth=props.isFullWidth,isDesktop=props.isDesktop;return {background:theme.colors.feedback.background[color][emphasis],padding:makeSpace(theme.spacing[4]),borderRadius:makeBorderSize(isFullWidth?theme.border.radius.none:theme.border.radius.medium),display:'flex',flexDirection:'row',maxWidth:isFullWidth?'auto':makeSize(MAX_WIDTH),width:isFullWidth?'100%':undefined,alignItems:isFullWidth&&isDesktop?'center':'flex-start',boxSizing:'border-box'};};
export { getCommonStyles };
//# sourceMappingURL=styles.js.map