@desynova-digital/components 9.0.26 → 9.1.0

package/atoms/icon/icon.js

@@ -1,87 +1,56 @@
-'use strict';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IconsJson = exports.__ICONNAMES__ = undefined;
-
-var _templateObject = _taggedTemplateLiteral(['\n  display: inline-block;\n  line-height: 1;\n  user-select: none;\n  -webkit-user-select: none; /* webkit (safari, chrome) browsers */\n  -moz-user-select: none; /* mozilla browsers */\n  -khtml-user-select: none; /* webkit (konqueror) browsers */\n  -ms-user-select: none; /* IE10+ */\n'], ['\n  display: inline-block;\n  line-height: 1;\n  user-select: none;\n  -webkit-user-select: none; /* webkit (safari, chrome) browsers */\n  -moz-user-select: none; /* mozilla browsers */\n  -khtml-user-select: none; /* webkit (konqueror) browsers */\n  -ms-user-select: none; /* IE10+ */\n']),
-    _templateObject2 = _taggedTemplateLiteral(['\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 1;\n  path {\n    fill: ', ';\n  }\n'], ['\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 1;\n  path {\n    fill: ', ';\n  }\n']);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _styledComponents = require('styled-components');
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _tokens = require('@desynova-digital/tokens');
-
-var _icons = require('./icons.json');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Icon = function Icon(props) {
+exports["default"] = exports.__ICONNAMES__ = exports.IconsJson = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _tokens = require("@desynova-digital/tokens");
+var _icons = require("./icons.json");
+var _templateObject, _templateObject2;
+var _Icon = function Icon(props) {
   // If the icon name isn't found, show a question mark instead.
   var icon = _icons.icons[props.name] || _icons.icons['default'];
-  return _react2.default.createElement(
-    Icon.Element,
-    null,
-    _react2.default.createElement(
-      Image,
-      {
-        width: props.width || icon.width,
-        height: props.height || icon.height,
-        viewBox: '0 0 ' + icon.width + ' ' + icon.height,
-        color: props.color
-      },
-      icon.paths.map(function (path, index) {
-        return _react2.default.createElement('path', {
-          key: index,
-          d: path,
-          transform: icon.transform,
-          fill: props.color,
-          stroke: props.stroke,
-          strokeWidth: icon.strokeWidth,
-          fillRule: icon.fillRule,
-          clipRule: icon.clipRule
-        });
-      })
-    )
-  );
+  return /*#__PURE__*/_react["default"].createElement(_Icon.Element, null, /*#__PURE__*/_react["default"].createElement(Image, {
+    width: props.width || icon.width,
+    height: props.height || icon.height,
+    viewBox: "0 0 ".concat(icon.width, " ").concat(icon.height),
+    color: props.color
+  }, icon.paths.map(function (path, index) {
+    return /*#__PURE__*/_react["default"].createElement("path", {
+      key: index,
+      d: path,
+      transform: icon.transform,
+      fill: props.color,
+      stroke: props.stroke,
+      strokeWidth: icon.strokeWidth,
+      fillRule: icon.fillRule,
+      clipRule: icon.clipRule
+    });
+  })));
 };
-
-Icon.Element = _styledComponents2.default.i(_templateObject);
-var Image = _styledComponents2.default.svg(_templateObject2, function (props) {
+_Icon.Element = _styledComponents["default"].i(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n  line-height: 1;\n  user-select: none;\n  -webkit-user-select: none; /* webkit (safari, chrome) browsers */\n  -moz-user-select: none; /* mozilla browsers */\n  -khtml-user-select: none; /* webkit (konqueror) browsers */\n  -ms-user-select: none; /* IE10+ */\n"])));
+var Image = _styledComponents["default"].svg(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n  vertical-align: middle;\n  line-height: 1;\n  path {\n    fill: ", ";\n  }\n"])), function (props) {
   return props.color;
 });
-
-var __ICONNAMES__ = Object.keys(_icons.icons);
-var IconsJson = _icons.icons;
-
-Icon.propTypes = {
+var __ICONNAMES__ = exports.__ICONNAMES__ = Object.keys(_icons.icons);
+var IconsJson = exports.IconsJson = _icons.icons;
+_Icon.propTypes = {
   /** Icon name */
-  name: _propTypes2.default.oneOf(__ICONNAMES__).isRequired,
+  name: _propTypes["default"].oneOf(__ICONNAMES__).isRequired,
   /** Icon size */
-  width: _propTypes2.default.number,
-  height: _propTypes2.default.number,
+  width: _propTypes["default"].number,
+  height: _propTypes["default"].number,
   /** Icon foreground color */
-  color: _propTypes2.default.string,
-  stroke: _propTypes2.default.string
+  color: _propTypes["default"].string,
+  stroke: _propTypes["default"].string
 };
-
-Icon.defaultProps = {
+_Icon.defaultProps = {
   name: 'default',
-  color: _tokens.colors.common.icon.default
+  color: _tokens.colors.common.icon["default"]
 };
-
-exports.default = Icon;
-exports.__ICONNAMES__ = __ICONNAMES__;
-exports.IconsJson = IconsJson;
+var _default = exports["default"] = _Icon;