@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
50 lines (43 loc) • 1.45 kB
JavaScript
;
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var __chunk_1 = require('./anchor-chunk-24f232e7.js');
var styled = require('@xstyled/styled-components');
var styled__default = _interopDefault(styled);
var system = require('@xstyled/system');
function _templateObject() {
var data = __chunk_1._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__default('span')(_templateObject(), system.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 styled.css({
color: $color
});
});
StyledIcon.displayName = 'AnchorIcon';
exports.Scale = Scale;
exports.StyledIcon = StyledIcon;
exports.DefaultColor = DefaultColor;
exports.DefaultScale = DefaultScale;
//# sourceMappingURL=anchor-chunk-31a3b978.js.map