@razorpay/blade
Version:
The Design System that powers Razorpay
9 lines (6 loc) • 958 B
JavaScript
import { chipBorderRadiusTokens } from './chipTokens.js';
import getIn from '../../utils/lodashButBetter/get.js';
import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
var getAnimatedChipStyles=function getAnimatedChipStyles(_ref){var theme=_ref.theme,isDesktop=_ref.isDesktop,borderColor=_ref.borderColor,_ref$size=_ref.size,size=_ref$size===void 0?'small':_ref$size;var borderRadius=chipBorderRadiusTokens[size];var outerRadius=makeBorderSize(theme.border.radius[borderRadius]);var outerBorderWidth=getIn(theme,'border.width.thin');return {backgroundColor:'transparent',borderRadius:outerRadius,borderColor:getIn(theme.colors,borderColor),borderWidth:outerBorderWidth,display:'flex',flexWrap:'nowrap',flexDirection:'row',alignItems:'center',justifyContent:'center',textAlign:'left',textOverflow:'ellipsis',maxWidth:isDesktop?'420px':'280px'};};
export { getAnimatedChipStyles };
//# sourceMappingURL=getAnimatedChipStyles.js.map