@zohodesk/svg 1.0.0-beta.4 → 1.0.0-beta.40

package/README.md

@@ -1,6 +1,147 @@
 # DOT SVG
 
-This Bundle Container Zohodesk EmptyState Images.
+This Bundle Contains EmptyState Images.
+
+# 1.0.0-beta.39 , # 1.0.0-beta.40
+
+- Appearance css moved to assets
+# 1.0.0-beta.38
+
+- bg,shadow,text,border based variables removed and renamed.
+
+# 1.0.0-beta.37
+
+- Loader =>  Converted to Pure Component 
+
+# 1.0.0-beta.36
+
+- Night mode SVG CTA primary stroke color value changed
+
+# 1.0.0-beta.35
+
+- EmptyError added
+
+# 1.0.0-beta.34
+
+- Import, ErrorInconvenience, ErrorOopsSomethingMiss, ErrorUnableToProcessRequest, ErrorUnauthorizedLogin, ErrorUrlNotFound, ErrorWillBeRightBack Svg added
+- Docs Ui Fix
+- Theme Files Import Separated
+- Theme color values updated
+- EmptyInconvenience => Svg Image Changed as Old Svg
+- Inconvenience removed
+- EmptyPageNotFound, EmptyUnableToProcess, EmptyUrlFound, InvalidUrl moved to deprecated
+
+# 1.0.0-beta.33
+
+- Palette Based Folder Structure  Changed.
+- data-theme changed to data-mode
+- data-palette changed to data-theme
+# 1.0.0-beta.32
+
+- Palette Based Color System Implemented
+# 1.0.0-beta.31
+
+- EmptyDeparment Added
+- Predictor, ZiaAnamoly, Extractor added
+# 1.0.0-beta.30
+
+- EmptySkills Image Updated
+# 1.0.0-beta.29
+
+- EmptyWillBeRightBack,EmptyUnauthorizedLogin,EmptyUrlNotFound,EmptyInconvenience,EmptyPageNotFound,EmptyUnableToProcess  added
+# 1.0.0-beta.28
+
+- EmptyAgentQueue added
+# 1.0.0-beta.27
+
+- EmptySla,EmptyContract,EmptyReply Added
+# 1.0.0-beta.26
+
+- Loader => Layout issue Fixed
+# 1.0.0-beta.25
+
+- TemplateIcon SVG fix
+# 1.0.0-beta.24
+
+- Loader Svg converted to js
+# 1.0.0-beta.23
+
+- EmptyState.module.css file name changed as EmptyStateVariables.module.css to avoid dup file name
+
+# 1.0.0-beta.22
+
+- Theme changes added in EmptyBlueprint,EmptyTemplate
+- EmptyCloud,EmptyCloudDanger,EmptyEdition Deleted
+- danger palatte added in EmptyFrame
+
+# 1.0.0-beta.21
+
+- Dark Mode Variable Introduced
+
+# 1.0.0-beta.19
+
+- Cli Update
+
+# 1.0.0-beta.18
+
+- EmptyCollision, EmptyCrmNotes, EmptyCrmPotential, EmptyTimeline
+
+# 1.0.0-beta.17
+
+- EmptyApproval Added
+- EmptyHistory Updated
+
+# 1.0.0-beta.16
+
+- EmptySchedule , EmptyColumn added
+
+# 1.0.0-beta.15
+
+- DefaultProps Fix
+
+# 1.0.0-beta.14
+
+- EmptyFrame Added
+
+# 1.0.0-beta.13
+
+- svgLoader Removed
+
+# 1.0.0-beta.12
+
+- Loads both dark mode image and ordinary image in the component.
+
+# 1.0.0-beta.11
+
+- SvgLoader function - replaced dynamic variable with static path. This is check version.
+
+# 1.0.0-beta.10
+
+- SvgLoader function fix - previous fix not worked - removing promises and using synchronous loading.
+
+# 1.0.0-beta.9
+
+- SvgLoader Function fix - replacing "import" with "require"
+
+# 1.0.0-beta.8
+
+- emptyDashboard issue fix
+
+# 1.0.0-beta.7
+
+-EmptyCrm,EmptyFollower,EmptyFeed, EmptyCustomDomain and Night Mode Svgs Added, Dynamic Loader Added
+
+# 1.0.0-beta.6
+
+- wasted
+
+# 1.0.0-beta.5
+
+- dataId Added, EmtyDanger SVG updated
+
+# 1.0.0-beta.5
+
+- SVG Loader Middle Fix
 
 # 1.0.0-beta.4
 

package/lib/Provider.js

@@ -0,0 +1,213 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _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/assets/Appearance/default/mode/defaultMode.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css");
+
+require("../assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css");
+
+require("../assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css");
+
+require("../assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css");
+
+require("../assets/Appearance/default/themes/red/redDefaultCTATheme.module.css");
+
+require("../assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css");
+
+require("../assets/Appearance/default/mode/defaultEmptyStates.module.css");
+
+require("../assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css");
+
+require("../assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css");
+
+require("../assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css");
+
+require("../assets/Appearance/dark/themes/red/redDarkCTATheme.module.css");
+
+require("../assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css");
+
+require("../assets/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); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); 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

@@ -1,52 +1,73 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _react = require('react');
-
-Object.defineProperty(exports, 'React', {
+Object.defineProperty(exports, "React", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_react).default;
+    return _react["default"];
   }
 });
-
-var _reactDom = require('react-dom');
-
-Object.defineProperty(exports, 'ReactDOM', {
+Object.defineProperty(exports, "ReactDOM", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_reactDom).default;
+    return _reactDom["default"];
   }
 });
-
-var _server = require('react-dom/server');
-
-Object.defineProperty(exports, 'renderToStaticMarkup', {
+Object.defineProperty(exports, "SVG", {
   enumerable: true,
   get: function get() {
-    return _server.renderToStaticMarkup;
+    return _SVG["default"];
   }
 });
-
-var _SVG = require('./svg/SVG');
-
-Object.defineProperty(exports, 'SVG', {
+Object.defineProperty(exports, "SVG__common", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_SVG).default;
+    return _SVG__common["default"];
   }
 });
-
-var _SVG__default = require('./svg/docs/SVG__default.docs');
-
-Object.defineProperty(exports, 'SVG__default', {
+Object.defineProperty(exports, "SVG__emptystate", {
+  enumerable: true,
+  get: function get() {
+    return _SVG__default["default"];
+  }
+});
+Object.defineProperty(exports, "SVG__errorstate", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_SVG__default).default;
+    return _SVG__errorstate["default"];
   }
 });
+Object.defineProperty(exports, "_provider", {
+  enumerable: true,
+  get: function get() {
+    return _Provider["default"];
+  }
+});
+Object.defineProperty(exports, "renderToStaticMarkup", {
+  enumerable: true,
+  get: function get() {
+    return _server.renderToStaticMarkup;
+  }
+});
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _server = require("react-dom/server");
+
+require("@zohodesk/variables/assets/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 }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/svg/EmptyAccounts.js

@@ -1,75 +1,147 @@
-'use strict';
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
 
-var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = require('react');
+var _SVG = _interopRequireDefault(require("./SVG"));
 
-var _react2 = _interopRequireDefault(_react);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _propTypes = require('prop-types');
+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); }
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _SVG = require('./SVG');
+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); } }
 
-var _SVG2 = _interopRequireDefault(_SVG);
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-var _EmptyAccounts = require('./images/EmptyAccounts.svg');
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-var _EmptyAccounts2 = _interopRequireDefault(_EmptyAccounts);
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+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; } }
 
-var EmptyAccounts = function (_React$Component) {
+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 _possibleConstructorReturn(this, (EmptyAccounts.__proto__ || Object.getPrototypeOf(EmptyAccounts)).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(EmptyAccounts, [{
-    key: 'render',
+    key: "render",
     value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal;
-
-      return _react2.default.createElement(
-        _SVG2.default,
-        { viewBox: '0 0 181.9 139.3', name: 'accounts', size: size, className: className, alignHorizontal: alignHorizontal },
-        _react2.default.createElement('image', { xlinkHref: _EmptyAccounts2.default, height: '100%', width: '100%' })
-      );
+      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;
-}(_react2.default.Component);
-
-exports.default = EmptyAccounts;
-
+}(_react["default"].Component);
 
+exports["default"] = EmptyAccounts;
 EmptyAccounts.propTypes = {
-  size: _propTypes2.default.oneOf('small', 'large'),
-  className: _propTypes2.default.string,
-  alignHorizontal: _propTypes2.default.bool
+  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
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyAccounts',
+  palette: 'default'
 };
 
 if (false) {