@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
42 lines (37 loc) • 1.21 kB
JavaScript
import { a as _taggedTemplateLiteral } from './anchor-chunk-7b9d8557.js';
import styled, { css } from '@xstyled/styled-components';
import { space } from '@xstyled/system';
function _templateObject() {
var data = _taggedTemplateLiteral(["\n ", ";\n display: inline-block;\n height: ", ";\n width: ", ";\n line-height: 0;\n ", "\n"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
var Scale = {
xs: 8,
sm: 14,
md: 16,
lg: 24,
xl: 32,
xxl: 48
};
var DefaultColor = 'currentColor';
var DefaultScale = 'md';
var StyledIcon = styled('span')(_templateObject(), space, function (_ref) {
var _ref$scale = _ref.scale,
scale = _ref$scale === void 0 ? 'md' : _ref$scale;
return "".concat(Scale[scale] / 16, "rem");
}, function (_ref2) {
var _ref2$scale = _ref2.scale,
scale = _ref2$scale === void 0 ? 'md' : _ref2$scale;
return "".concat(Scale[scale] / 16, "rem");
}, function (_ref3) {
var $color = _ref3.$color;
return css({
color: $color
});
});
StyledIcon.displayName = 'AnchorIcon';
export { Scale as a, StyledIcon as b, DefaultColor as c, DefaultScale as d };
//# sourceMappingURL=anchor-chunk-25c07228.js.map