@razorpay/blade
Version:
The Design System that powers Razorpay
33 lines (30 loc) • 1.15 kB
JavaScript
import { chipBorderRadiusTokens } from './chipTokens.js';
import getIn from '../../utils/lodashButBetter/get.js';
import '../../utils/makeBorderSize/index.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