@zohodesk/svg 1.0.0-beta.35

package/es/svg/utils.js

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+export const emptyStatePropTypes = {
+  size: PropTypes.oneOf(['small', 'large']),
+  className: PropTypes.string,
+  alignHorizontal: PropTypes.bool,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool
+};
+export const emptyStateDefaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: ''
+};

package/lib/Provider.js

@@ -0,0 +1,213 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AppContainer = _interopRequireDefault(require("@zohodesk/components/lib/AppContainer/AppContainer"));
+
+var _Layout = require("@zohodesk/components/lib/Layout");
+
+var _Switch = _interopRequireDefault(require("@zohodesk/components/lib/Switch/Switch"));
+
+require("@zohodesk/components/lib/Appearance/default/mode/defaultMode.module.css");
+
+require("@zohodesk/components/lib/Appearance/dark/mode/darkMode.module.css");
+
+require("./svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css");
+
+require("./svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css");
+
+require("./svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css");
+
+require("./svg/Appearance/default/themes/red/redDefaultCTATheme.module.css");
+
+require("./svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css");
+
+require("./svg/Appearance/default/mode/defaultEmptyStates.module.css");
+
+require("./svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css");
+
+require("./svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css");
+
+require("./svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css");
+
+require("./svg/Appearance/dark/themes/red/redDarkCTATheme.module.css");
+
+require("./svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css");
+
+require("./svg/Appearance/dark/mode/darkEmptyStates.module.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var Provider = /*#__PURE__*/function (_React$Component) {
+  _inherits(Provider, _React$Component);
+
+  var _super = _createSuper(Provider);
+
+  function Provider(props) {
+    var _this;
+
+    _classCallCheck(this, Provider);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      appearanceName: 'default',
+      themeName: 'blue'
+    };
+    _this.switchMode = _this.switchMode.bind(_assertThisInitialized(_this));
+    _this.setTheme = _this.setTheme.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(Provider, [{
+    key: "switchMode",
+    value: function switchMode() {
+      var appearanceName = this.state.appearanceName;
+
+      if (appearanceName == 'default') {
+        this.setState({
+          appearanceName: 'dark'
+        });
+      } else {
+        this.setState({
+          appearanceName: 'default'
+        });
+      }
+    }
+  }, {
+    key: "setTheme",
+    value: function setTheme(theme) {
+      this.setState({
+        themeName: theme
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$state = this.state,
+          appearanceName = _this$state.appearanceName,
+          themeName = _this$state.themeName;
+      var themeClass = {
+        width: '20px',
+        height: '20px',
+        borderRadius: '3px',
+        display: 'flex',
+        border: '1px solid #ccc',
+        margin: '0 5px',
+        cursor: 'pointer',
+        backgroundColor: '#0a73eb'
+      };
+      var green = {
+        backgroundColor: '#26a942'
+      };
+      var red = {
+        backgroundColor: '#de3535'
+      };
+      var orange = {
+        backgroundColor: '#e57717'
+      };
+      var yellow = {
+        backgroundColor: '#e8b923'
+      };
+      return /*#__PURE__*/_react["default"].createElement(_AppContainer["default"], {
+        customProps: {
+          ExtraProps: {
+            'data-mode': appearanceName,
+            'data-theme': themeName
+          }
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        scroll: "vertical"
+      }, this.props.children), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          position: 'fixed',
+          bottom: '0',
+          backgroundColor: '#272727',
+          padding: '10px',
+          borderRadius: '15px 15px 0 0',
+          minWidth: '100px',
+          textAlign: 'center',
+          left: '50%',
+          transform: 'translate(-50%)',
+          boxShadow: '0 0 3px #000',
+          fontSize: '12px',
+          zIndex: '3',
+          display: 'flex',
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+        id: "switchMode",
+        text: "Light/Night Mode",
+        labelSize: "small",
+        onChange: this.switchMode,
+        checked: appearanceName == 'dark'
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        title: "Blue Theme",
+        style: themeClass,
+        onClick: function onClick() {
+          return _this2.setTheme('blue');
+        }
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        title: "Green Theme",
+        style: Object.assign({}, themeClass, green),
+        onClick: function onClick() {
+          return _this2.setTheme('green');
+        }
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        title: "Red Theme",
+        style: Object.assign({}, themeClass, red),
+        onClick: function onClick() {
+          return _this2.setTheme('red');
+        }
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        title: "Orange Theme",
+        style: Object.assign({}, themeClass, orange),
+        onClick: function onClick() {
+          return _this2.setTheme('orange');
+        }
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        title: "Yellow Theme",
+        style: Object.assign({}, themeClass, yellow),
+        onClick: function onClick() {
+          return _this2.setTheme('yellow');
+        }
+      }))));
+    }
+  }]);
+
+  return Provider;
+}(_react["default"].Component);
+
+exports["default"] = Provider;

package/lib/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "React", {
+  enumerable: true,
+  get: function get() {
+    return _react["default"];
+  }
+});
+Object.defineProperty(exports, "ReactDOM", {
+  enumerable: true,
+  get: function get() {
+    return _reactDom["default"];
+  }
+});
+Object.defineProperty(exports, "renderToStaticMarkup", {
+  enumerable: true,
+  get: function get() {
+    return _server.renderToStaticMarkup;
+  }
+});
+Object.defineProperty(exports, "_provider", {
+  enumerable: true,
+  get: function get() {
+    return _Provider["default"];
+  }
+});
+Object.defineProperty(exports, "SVG", {
+  enumerable: true,
+  get: function get() {
+    return _SVG["default"];
+  }
+});
+Object.defineProperty(exports, "SVG__emptystate", {
+  enumerable: true,
+  get: function get() {
+    return _SVG__default["default"];
+  }
+});
+Object.defineProperty(exports, "SVG__common", {
+  enumerable: true,
+  get: function get() {
+    return _SVG__common["default"];
+  }
+});
+Object.defineProperty(exports, "SVG__errorstate", {
+  enumerable: true,
+  get: function get() {
+    return _SVG__errorstate["default"];
+  }
+});
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _server = require("react-dom/server");
+
+require("@zohodesk/variables/lib/sizeVariables.module.css");
+
+var _Provider = _interopRequireDefault(require("./Provider"));
+
+var _SVG = _interopRequireDefault(require("./svg/SVG"));
+
+var _SVG__default = _interopRequireDefault(require("./svg/docs/SVG__default.docs"));
+
+var _SVG__common = _interopRequireDefault(require("./svg/docs/SVG__common.docs"));
+
+var _SVG__errorstate = _interopRequireDefault(require("./svg/docs/SVG__errorstate.docs"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/svg/Appearance/dark/mode/darkEmptyStates.module.css

@@ -0,0 +1,37 @@
+[data-mode='dark'] {
+  /* default palette */
+  --zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
+  --zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
+  --zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
+  --zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
+  --zdt_svg_default_plus: #479dff;
+  --zdt_svg_default_cross: #5cc1a5;
+  --zdt_svg_default_medium_circle: #ff6b6b;
+  --zdt_svg_default_tiny_circle: #4ac064;
+  --zdt_svg_default_small_circle: #ff6b6b;
+  --zdt_svg_default_circle_fill: #fff;
+
+  /* dark palette */
+  --zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
+  --zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
+  --zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
+  --zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+  --zdt_svg_dark_plus: #479dff;
+  --zdt_svg_dark_cross: #5cc1a5;
+  --zdt_svg_dark_medium_circle: #ff6b6b;
+  --zdt_svg_dark_tiny_circle: #4ac064;
+  --zdt_svg_dark_small_circle: #ff6b6b;
+  --zdt_svg_dark_circle_fill: #fff;
+
+  /* danger palette */
+  --zdt_svg_danger_primary_fill: #ff6f00;
+  --zdt_svg_danger_primary_stroke: #479dff;
+  --zdt_svg_danger_secondary_fill: #334b68;
+  --zdt_svg_danger_secondary_plainfill: #334b68;
+  --zdt_svg_danger_plus: #479dff;
+  --zdt_svg_danger_cross: #5cc1a5;
+  --zdt_svg_danger_medium_circle: #ff6b6b;
+  --zdt_svg_danger_tiny_circle: #4ac064;
+  --zdt_svg_danger_small_circle: #ff6b6b;
+  --zdt_svg_danger_circle_fill: #fff;
+}

package/lib/svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='dark'][data-theme='blue'] {
+    --zdt_cta_primary_fill: #828994;
+    --zdt_cta_primary_stroke: #479dff;
+    --zdt_cta_secondary_fill: #334b68;
+    --zdt_cta_secondary_plainfill: #334b68;
+    --zdt_cta_primary_dark_fill: #828994;
+    --zdt_cta_primary_dark_stroke: #479dff;
+    --zdt_cta_secondary_dark_fill: #334b68;
+    --zdt_cta_secondary_dark_plainfill: #334b68;
+}

package/lib/svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='dark'][data-theme='green'] {
+    --zdt_cta_primary_fill: #45a159;
+    --zdt_cta_primary_stroke: #0e7c1c;
+    --zdt_cta_secondary_fill: rgba(69, 161, 89, 0.25);
+    --zdt_cta_secondary_plainfill: #45a159;
+    --zdt_cta_primary_dark_fill: #45a159;
+    --zdt_cta_primary_dark_stroke: #0e7526;
+    --zdt_cta_secondary_dark_fill: rgba(69, 161, 89, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #45a159;
+}

package/lib/svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='dark'][data-theme='orange'] {
+    --zdt_cta_primary_fill: #ff801f;
+    --zdt_cta_primary_stroke: #a85100;
+    --zdt_cta_secondary_fill: rgba(255, 128, 31, 0.25);
+    --zdt_cta_secondary_plainfill: #ff801f;
+    --zdt_cta_primary_dark_fill: #ff801f;
+    --zdt_cta_primary_dark_stroke: #a85100;
+    --zdt_cta_secondary_dark_fill: rgba(255, 128, 31, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #ff801f;
+}

package/lib/svg/Appearance/dark/themes/red/redDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='dark'][data-theme='red'] {
+    --zdt_cta_primary_fill: #e94f4f;
+    --zdt_cta_primary_stroke: #a81111;
+    --zdt_cta_secondary_fill: rgba(233, 79, 79, 0.25);
+    --zdt_cta_secondary_plainfill: #e94f4f;
+    --zdt_cta_primary_dark_fill: #e94f4f;
+    --zdt_cta_primary_dark_stroke: #a81111;
+    --zdt_cta_secondary_dark_fill: rgba(233, 79, 79, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #e94f4f;
+}

package/lib/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='dark'][data-theme='yellow'] {
+    --zdt_cta_primary_fill: #d79835;
+    --zdt_cta_primary_stroke: #9b6808;
+    --zdt_cta_secondary_fill: rgba(215, 152, 53, 0.25);
+    --zdt_cta_secondary_plainfill: #d79835;
+    --zdt_cta_primary_dark_fill: #d79835;
+    --zdt_cta_primary_dark_stroke: #9b6808;
+    --zdt_cta_secondary_dark_fill: rgba(215, 152, 53, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #d79835;
+}

package/lib/svg/Appearance/default/mode/defaultEmptyStates.module.css

@@ -0,0 +1,37 @@
+[data-mode='default'] {
+  /* default palette */
+  --zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
+  --zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
+  --zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
+  --zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
+  --zdt_svg_default_plus: #3f70b7;
+  --zdt_svg_default_cross: #5cc1a5;
+  --zdt_svg_default_medium_circle: #e56471;
+  --zdt_svg_default_tiny_circle: #5cc1a5;
+  --zdt_svg_default_small_circle: #010101;
+  --zdt_svg_default_circle_fill: #fff;
+
+  /* dark palette */
+  --zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
+  --zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
+  --zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
+  --zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+  --zdt_svg_dark_plus: #479dff;
+  --zdt_svg_dark_cross: #5cc1a5;
+  --zdt_svg_dark_medium_circle: #e56471;
+  --zdt_svg_dark_tiny_circle: #5cc1a5;
+  --zdt_svg_dark_small_circle: #010101;
+  --zdt_svg_dark_circle_fill: #fff;
+
+  /* danger palette */
+  --zdt_svg_danger_primary_fill: #ff6f00;
+  --zdt_svg_danger_primary_stroke: #010101;
+  --zdt_svg_danger_secondary_fill: rgba(63, 112, 183, 0.25);
+  --zdt_svg_danger_secondary_plainfill: #3f70b7;
+  --zdt_svg_danger_plus: #3f70b7;
+  --zdt_svg_danger_cross: #5cc1a5;
+  --zdt_svg_danger_medium_circle: #e56471;
+  --zdt_svg_danger_tiny_circle: #5cc1a5;
+  --zdt_svg_danger_small_circle: #010101;
+  --zdt_svg_danger_circle_fill: #fff;
+}

package/lib/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='default'][data-theme='blue'] {
+    --zdt_cta_primary_fill: #0a73eb;
+    --zdt_cta_primary_stroke: #221f1f;
+    --zdt_cta_secondary_fill: rgba(10, 115, 235, 0.25);
+    --zdt_cta_secondary_plainfill: #0a73eb;
+    --zdt_cta_primary_dark_fill: #a6add7;
+    --zdt_cta_primary_dark_stroke: #fff;
+    --zdt_cta_secondary_dark_fill: #3f70b7;
+    --zdt_cta_secondary_dark_plainfill: #3f70b7;
+}

package/lib/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='default'][data-theme='green'] {
+    --zdt_cta_primary_fill: #26a942;
+    --zdt_cta_primary_stroke: #010101;
+    --zdt_cta_secondary_fill: rgba(38, 169, 66, 0.25);
+    --zdt_cta_secondary_plainfill: #26a942;
+    --zdt_cta_primary_dark_fill: #26a942;
+    --zdt_cta_primary_dark_stroke: #fff;
+    --zdt_cta_secondary_dark_fill: rgba(38, 169, 66, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #26a942;
+}

package/lib/svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='default'][data-theme='orange'] {
+    --zdt_cta_primary_fill: #e57717;
+    --zdt_cta_primary_stroke: #010101;
+    --zdt_cta_secondary_fill: rgba(229, 119, 23, 0.25);
+    --zdt_cta_secondary_plainfill: #e57717;
+    --zdt_cta_primary_dark_fill: #e57717;
+    --zdt_cta_primary_dark_stroke: #fff;
+    --zdt_cta_secondary_dark_fill: rgba(229, 119, 23, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #e57717;
+}

package/lib/svg/Appearance/default/themes/red/redDefaultCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='default'][data-theme='red'] {
+    --zdt_cta_primary_fill: #de3535;
+    --zdt_cta_primary_stroke: #010101;
+    --zdt_cta_secondary_fill: rgba(222, 53, 53, 0.25);
+    --zdt_cta_secondary_plainfill: #de3535;
+    --zdt_cta_primary_dark_fill: #de3535;
+    --zdt_cta_primary_dark_stroke: #fff;
+    --zdt_cta_secondary_dark_fill: rgba(222, 53, 53, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #de3535;
+}

package/lib/svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='default'][data-theme='yellow'] {
+    --zdt_cta_primary_fill: #e8b923;
+    --zdt_cta_primary_stroke: #010101;
+    --zdt_cta_secondary_fill: rgba(232, 185, 35, 0.25);
+    --zdt_cta_secondary_plainfill: #e8b923;
+    --zdt_cta_primary_dark_fill: #e8b923;
+    --zdt_cta_primary_dark_stroke: #fff;
+    --zdt_cta_secondary_dark_fill: rgba(232, 185, 35, 0.25);
+    --zdt_cta_secondary_dark_plainfill: #e8b923;
+}

package/lib/svg/EmptyAccounts.js

@@ -0,0 +1,151 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _SVG = _interopRequireDefault(require("./SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var EmptyAccounts = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptyAccounts, _React$Component);
+
+  var _super = _createSuper(EmptyAccounts);
+
+  function EmptyAccounts() {
+    _classCallCheck(this, EmptyAccounts);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptyAccounts, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "accounts"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, ".EmptyAccounts_svg__cls-7,.EmptyAccounts_svg__cls-9{fill:var(--zd_emptysvg_secondary_fill)}.EmptyAccounts_svg__cls-3,.EmptyAccounts_svg__cls-4,.EmptyAccounts_svg__cls-5,.EmptyAccounts_svg__cls-6,.EmptyAccounts_svg__cls-8{fill:none}.EmptyAccounts_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyAccounts_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAccounts_svg__cls-4,.EmptyAccounts_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAccounts_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyAccounts_svg__cls-6{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z",
+        opacity: 0.05,
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        cx: 156.04,
+        cy: 31.69,
+        rx: 3.54,
+        ry: 3.51,
+        strokeMiterlimit: 10,
+        stroke: "var(--zd_emptysvg_medium_circle)",
+        fill: "none"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptyAccounts_svg__cls-8",
+        cx: 79.62,
+        cy: 29.6,
+        rx: 2.12,
+        ry: 2.1
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyAccounts_svg__cls-4",
+        d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptyAccounts_svg__cls-6",
+        cx: 165.88,
+        cy: 154.09,
+        rx: 2.45,
+        ry: 2.43
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyAccounts_svg__cls-3",
+        d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+      }), /*#__PURE__*/_react["default"].createElement("g", {
+        opacity: 0.3
+      }, /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptyAccounts_svg__cls-7",
+        cx: 70.01,
+        cy: 92.77,
+        rx: 13.53,
+        ry: 13.42
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyAccounts_svg__cls-7",
+        d: "M128.12 74.12s5.37-7.3 17.62-.47 3.25 28-11.37 26.24c0 0-4.75-.87-6.36-2-.01-.02 4.36-11.67.11-23.77z"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptyAccounts_svg__cls-7",
+        cx: 104.52,
+        cy: 81.92,
+        rx: 18.72,
+        ry: 18.56
+      })), /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptyAccounts_svg__cls-9",
+        cx: 70.01,
+        cy: 92.77,
+        rx: 13.53,
+        ry: 13.42
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyAccounts_svg__cls-9",
+        d: "M128.12 74.12s5.37-7.3 17.62-.47 3.25 28-11.37 26.24c0 0-4.75-.87-6.36-2-.01-.02 4.36-11.67.11-23.77z"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptyAccounts_svg__cls-9",
+        cx: 104.52,
+        cy: 81.92,
+        rx: 18.72,
+        ry: 18.56
+      })), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyAccounts_svg__cls-5",
+        d: "M43.12 137.27s26.19 17.89 43.6 1.66a6.4 6.4 0 002-4c.65-6.42 1-24.27-14.68-29.35a17.28 17.28 0 007.88-8.3c2.6-6.49 1.34-16.24-9-18.38-17.24-3.58-19.41 15-13 22.12l3.78 4.56s-18.89 12.48-16.32 23.95c0 0 13.38 12.34 30.06 7.68 0 0 23 28.3 52.82 2.18a7.2 7.2 0 002.43-5.47c-.07-8.11-1.8-29-17-36.76 0 0-13.62 12.11-26.54-3.49s3-32.37 14.56-31 23 5.12 19.49 30.5c0 0 7.75 12.35 20.9 3.5s5.17-20.73 1.65-23.06-13.1-5.77-17.62.47a35.44 35.44 0 01-7.18 35.44 29.18 29.18 0 00-6 10.41c-.88 2.75-1.33 5.66-.39 7.71 2.27 4.95 26.73 11 40.87-2.31a4.65 4.65 0 001.47-3.5c-.06-4.26-1.32-13.89-10.87-18.18 0 0 11.51 20.26 2.12 32.84"
+      }));
+    }
+  }]);
+
+  return EmptyAccounts;
+}(_react["default"].Component);
+
+exports["default"] = EmptyAccounts;
+EmptyAccounts.propTypes = {
+  alignHorizontal: _propTypes["default"].bool,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  isRender: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['small', 'large']),
+  palette: _propTypes["default"].oneOf(['default', 'dark'])
+};
+EmptyAccounts.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyAccounts',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyAccounts.docs = {
+    componentGroup: 'SVG'
+  };
+}