@razorpay/blade
Version:
The Design System that powers Razorpay
19 lines (16 loc) • 1.84 kB
JavaScript
import '../../../tokens/global/typography.js';
import '../../../tokens/global/motion.js';
import { size } from '../../../tokens/global/size.js';
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { isReactNative } from '../../../utils/platform/isReactNative.js';
import { castWebType } from '../../../utils/platform/castUtils.js';
import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
import { makeSize } from '../../../utils/makeSize/makeSize.js';
import '../../BladeProvider/useTheme.js';
import { getFocusRingStyles } from '../../../utils/getFocusRingStyles/getFocusRingStyles.native.js';
var getIndicatorButtonStyles=function getIndicatorButtonStyles(_ref){var theme=_ref.theme,isActive=_ref.isActive,variant=_ref.variant;var backgroundColor={gray:theme.colors.interactive.icon.gray.muted,white:theme.colors.interactive.icon.staticWhite.normal,blue:theme.colors.interactive.icon.primary.subtle};var easing=castWebType(theme.motion.easing.standard);var duration=castWebType(makeMotionTime(theme.motion.duration.gentle));return Object.assign({border:'none',cursor:'pointer',padding:makeSpace(theme.spacing[0]),borderRadius:theme.border.radius.max,backgroundColor:isActive?backgroundColor[variant]:theme.colors.overlay.background.moderate,width:isActive?makeSize(size[18]):makeSize(size[6]),height:makeSize(size[6])},isReactNative()&&{width:undefined},!isReactNative()&&{transitionProperty:'width',transitionDuration:duration,transitionTimingFunction:easing,'&:before':{content:`""`,padding:makeSize(size[10]),paddingTop:makeSize(size[20])},'&:focus-visible':Object.assign({},getFocusRingStyles())});};
export { getIndicatorButtonStyles };
//# sourceMappingURL=getIndicatorButtonStyles.js.map