@razorpay/blade
Version:
The Design System that powers Razorpay
16 lines (13 loc) • 1.36 kB
JavaScript
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { isReactNative } from '../../utils/platform/isReactNative.js';
import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
import { makeSize } from '../../utils/makeSize/makeSize.js';
import '../BladeProvider/useTheme.js';
import '../../tokens/global/typography.js';
import '../../tokens/global/motion.js';
import { size } from '../../tokens/global/size.js';
var getHandlePartStyles=function getHandlePartStyles(_ref){var theme=_ref.theme;return {margin:'auto',content:"''",width:makeSize(size[56]),height:makeSize(size[4]),backgroundColor:theme.colors.interactive.background.gray.faded,borderRadius:makeSpace(theme.spacing[5])};};var getBottomSheetGrabHandleStyles=function getBottomSheetGrabHandleStyles(_ref2){var theme=_ref2.theme,isHeaderFloating=_ref2.isHeaderFloating;return Object.assign({position:isHeaderFloating?'absolute':'relative',flexShrink:0,paddingTop:makeSpace(theme.spacing[4]),marginBottom:makeSpace(theme.spacing[2]),touchAction:'none',width:'100%',display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',zIndex:100},isReactNative()?undefined:{':after':getHandlePartStyles({theme:theme})});};
export { getBottomSheetGrabHandleStyles, getHandlePartStyles };
//# sourceMappingURL=getBottomSheetGrabHandleStyles.js.map