@razorpay/blade
Version:
The Design System that powers Razorpay
16 lines (13 loc) • 1.24 kB
JavaScript
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { isReactNative } from '../../utils/platform/isReactNative.js';
import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
import { getPopupBoxShadowString } from '../../utils/makePopupBoxShadow/makePopupBoxShadow.js';
import '../../tokens/global/typography.js';
import '../../tokens/global/motion.js';
import '../BladeProvider/useTheme.js';
var getPopoverContentWrapperStyles=function getPopoverContentWrapperStyles(_ref){var theme=_ref.theme,styles=_ref.styles,isMobile=_ref.isMobile,colorScheme=_ref.colorScheme;return Object.assign({border:'none',width:'100%',maxWidth:makeSpace(isMobile?288:328),position:isReactNative()?'absolute':'relative',boxShadow:isReactNative()?undefined:getPopupBoxShadowString(theme,colorScheme),boxSizing:'border-box',backgroundColor:theme.colors.popup.background.gray.moderate,borderRadius:makeBorderSize(theme.border.radius.large),backdropFilter:isReactNative()?undefined:`blur(${theme.backdropBlur.high}px)`},styles);};
export { getPopoverContentWrapperStyles };
//# sourceMappingURL=getPopoverContentWrapperStyles.js.map