UNPKG

@retailmenot/anchor

Version:

A React UI Library by RetailMeNot

42 lines (37 loc) 1.21 kB
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