UNPKG

@retailmenot/anchor

Version:

A React UI Library by RetailMeNot

50 lines (43 loc) 1.45 kB
'use strict'; 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