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

package/es/svg/EmptyDashboard.js

@@ -1,54 +1,76 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
+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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import SVG from './SVG';
-import image from './images/EmptyDashboard.svg';
-
-var EmptyDashboard = function (_React$Component) {
-  _inherits(EmptyDashboard, _React$Component);
-
-  function EmptyDashboard() {
-    _classCallCheck(this, EmptyDashboard);
-
-    return _possibleConstructorReturn(this, (EmptyDashboard.__proto__ || _Object$getPrototypeOf(EmptyDashboard)).apply(this, arguments));
+export default class EmptyDashboard extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "dashboard"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyDashboard_svg__cls-3,.EmptyDashboard_svg__cls-4,.EmptyDashboard_svg__cls-5{fill:none}.EmptyDashboard_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyDashboard_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyDashboard_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.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.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.createElement("ellipse", {
+      className: "EmptyDashboard_svg__cls-5",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDashboard_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43,
+      stroke: "var(--zd_emptysvg_small_circle)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDashboard_svg__cls-3",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M67.14 106.83s13.93-23.57 17.23-19 8.87 4.81 16-13.18v32.18z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M71.27 107l29.07-.19V74.65c-7.1 18-12.68 17.74-16 13.18s-17.23 19-17.23 19h-3a2.76 2.76 0 01-2.76-2.63c-.43-9.12-1.55-38.91 1.84-40 4-1.34 43.31-1.34 44.66 1s1.53 43 0 43.72-15-1-15.35 0 .49 39-1.15 40.47c-1 .93-31.29 1.41-32.22 0-.53-.82-.22-30.38 1.24-31.46 2.63-2 92.29-4 92.23-.26 0 1.93 1.08 45 .12 46.1-.82 1-36.74 1-46.73 1a2.58 2.58 0 01-2.58-2.56c-.11-8.24-.39-34.81-.46-40.92a1.23 1.23 0 011.26-1.25c2.55 0 8.52-.31 15.26.06 0 0-1.43-43.62-1.08-44.33 1-2.06 33-.38 34.33.39s1.54 29.34 0 30.55c-1.1.87-23.5.29-29.74.12a1.7 1.7 0 01-1.65-1.66l-.77-26.94",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }));
   }
 
-  _createClass(EmptyDashboard, [{
-    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 React.createElement(
-        SVG,
-        { viewBox: '0 0 181.9 139.3', name: 'dashboard', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyDashboard;
-}(React.Component);
-
-export default EmptyDashboard;
-
-
+}
 EmptyDashboard.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
+  alignHorizontal: PropTypes.bool,
   className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
 };
 EmptyDashboard.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyDashboard',
+  palette: 'default'
 };
+
 if (false) {
   EmptyDashboard.docs = {
     componentGroup: 'SVG'

package/es/svg/EmptyDepartment.js

@@ -0,0 +1,72 @@
+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); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+export default class EmptyDepartment extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "department"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyDepartment_svg__cls-4{fill:var(--zd_emptysvg_primary_fill)}.EmptyDepartment_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyDepartment_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyDepartment_svg__cls-5{fill:var(--zd_emptysvg_medium_circle)}")), /*#__PURE__*/React.createElement("path", {
+      d: "M85.65 63.06s46.91-30.84 70.66-21.55 40 87.37-26.07 122.41-95.89-41.18-96.14-54.69c-.24-13.07 0-44.23 51.55-46.17z",
+      opacity: 0.05,
+      className: "EmptyDepartment_svg__cls-4"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M155.17 36.25a4 4 0 114-4 4 4 0 01-4 4zm0-7a3 3 0 103 3 3 3 0 00-3-3.02z",
+      className: "EmptyDepartment_svg__cls-5"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDepartment_svg__cls-3",
+      d: "M78.75 32.74a2.6 2.6 0 112.62-2.59 2.6 2.6 0 01-2.62 2.59zm0-4.19a1.6 1.6 0 101.62 1.6 1.6 1.6 0 00-1.62-1.6z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_plus)",
+      d: "M22.07 108.07a.5.5 0 01-.47-.53l.35-6.16a.49.49 0 01.53-.47.5.5 0 01.47.52l-.35 6.17a.51.51 0 01-.53.47z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_plus)",
+      d: "M25.35 105.16l-6.22-.35a.5.5 0 01.06-1l6.22.35a.5.5 0 010 1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDepartment_svg__cls-5",
+      d: "M165 157.57a2.93 2.93 0 112.95-2.93 2.95 2.95 0 01-2.95 2.93zm0-4.86a1.93 1.93 0 101.95 1.93 1.94 1.94 0 00-1.95-1.93z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDepartment_svg__cls-3",
+      transform: "rotate(-42.02 176.822 120.063)",
+      d: "M176.31 116.96h1v6.2h-1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDepartment_svg__cls-3",
+      transform: "rotate(-41.56 176.809 120.062)",
+      d: "M173.71 119.56h6.2v1h-6.2z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_primary_stroke)",
+      d: "M124.9 96.51a.51.51 0 00.13-.37c-.85-11.83-1.23-24.68-.42-26 1.46-.43 6.63-.52 8.53-.52a.51.51 0 00.5-.5 24 24 0 011.73-7.88c2.2-5.3 6-8.38 11.35-9.14a21.68 21.68 0 0118.55 6.25 15.15 15.15 0 014.3 13.53 19.59 19.59 0 01-11.46 13.74 17.84 17.84 0 01-16.72-.94 15.28 15.28 0 01-7.2-12.56.5.5 0 10-1 .06 16.31 16.31 0 007.67 13.35 18.81 18.81 0 0017.64 1 20.56 20.56 0 0012-14.46 16.31 16.31 0 00-4.5-14.38 22.7 22.7 0 00-19.41-6.55c-12.23 1.75-13.74 14.8-13.92 17.51-1.63 0-6.91.09-8.44.59-1.69.57-1.07 14.57-.23 26.44l-7.92.16a.49.49 0 00-.48.44 45.47 45.47 0 01-3.22 12.64c6.14-17.46-.88-29.52-8-38.27-6.93-8.48-21.61-12.48-34.89-9.51C56.92 64 48 72.34 45.1 84.16 41 100.41 45 113.85 56.62 123c.16.14.3.24.4.32a.64.64 0 00.12.21.59.59 0 00.9-.18.51.51 0 00-.18-.6c-.44-2.1-.29-17.64-.19-28 .08-7.78.15-14.49 0-15.94A.85.85 0 0158 78c1.67-1.65 8.84-1.44 12.18-1.17a6.64 6.64 0 00.24 4.47c1 2.27 3.27 4 6.79 5.12 3.76 1.21 6.9.93 9.32-.84a9 9 0 003.61-6.44c.61-.9 8.28.13 10.8.47 1.31.18 2.3.31 2.84.34 1 2.28 1 25.08.74 39.3-.83 1.29-9.37 13.61-30.24 11.81-26-2.25-30.8-27.48-30.84-27.73a.5.5 0 10-1 .17c0 .27 4.95 26.24 31.74 28.56 1.44.12 2.83.18 4.16.18 19.43 0 27-12.45 27.09-12.58a.45.45 0 00.07-.25c.16-9 .54-38.63-1.06-40.25A.65.65 0 00104 79c-.4 0-1.56-.16-2.91-.34-5.62-.76-10.37-1.3-11.58-.25a1 1 0 00-.35.75 8.11 8.11 0 01-3.21 5.65c-2.15 1.57-5 1.8-8.43.7-3.22-1-5.3-2.57-6.16-4.55a5.66 5.66 0 010-4.32.53.53 0 000-.46.5.5 0 00-.39-.25c-1.14-.11-11.19-1-13.62 1.4a1.88 1.88 0 00-.58 1.53c.13 1.4.06 8.09 0 15.84-.16 16.74-.15 24.18.1 27.15C43 110.64 43.34 95.33 46.07 84.4 48.92 73 57.52 64.84 69.68 62.12c12.94-2.9 27.19 1 33.89 9.16 7.79 9.53 15.42 23.09 5.22 43.48a.48.48 0 00.15.62.5.5 0 00.64 0c.21-.21 5.24-5.08 7-18.52l8-.16a.52.52 0 00.32-.19z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_primary_stroke)",
+      d: "M169.59 117.92a19.31 19.31 0 00-22.27-10.69c-12.22 2.89-13.58 15.15-13.73 18.44a11.94 11.94 0 00-1.51.31.52.52 0 00-.36.57 16.87 16.87 0 00.41 1.78 43.94 43.94 0 01-7.79-2.21l.19-27.76a.5.5 0 00-.5-.5.5.5 0 00-.5.5l-.19 28.1a.5.5 0 00.32.47 42.33 42.33 0 008.83 2.46c2.35 6.22 8.83 12.1 15.72 13.85a17.51 17.51 0 004.31.55c5.29 0 10.15-2.58 14-7.53 4.7-6.11 5.74-12.26 3.07-18.34zm-36.8 8.91c.26-.06.55-.11.84-.15a.49.49 0 00.46.29.52.52 0 00.47-.37 1.84 1.84 0 011.3.29c.19.2.09.59 0 .89a.84.84 0 01-.49.47 4.82 4.82 0 01-2.13.21 13.5 13.5 0 01-.45-1.63zm32.91 8.82c-5.88 7.6-12.62 7.79-17.25 6.62a23.24 23.24 0 01-14.86-12.8 5 5 0 002.16-.31 1.8 1.8 0 001-1 1.75 1.75 0 00-.18-1.92 2.6 2.6 0 00-2-.62c.15-3.24 1.52-14.68 13-17.39a18.34 18.34 0 0121.13 10.12c2.49 5.65 1.49 11.5-3 17.3z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDepartment_svg__cls-6",
+      d: "M150.11 76.26c-4.09-2.45-4.55 2-6.8 2.2-3.42.29-7.57-.45-7.92-5.67-.62-9 7.36-19.63 21.46-14.52s7.57 22.9-.82 22.9c-3.14 0-4.76-4.17-5.92-4.91zM152.85 131.68c-4.09-2.45-4.54 2-6.8 2.19-3.42.3-7.56-.44-7.92-5.67-.61-9 7.36-19.62 21.47-14.51s7.56 22.9-.82 22.9c-3.15 0-4.78-4.21-5.93-4.91zM59.89 125.62s-1.69-46.78-.22-46.36 7-1.05 8.22.63 4 12.43 13.28 10.54 10.53-9.27 10.53-9.27l9.91.63 1.26 37.5s-15.38 18.13-42.98 6.33z"
+    }));
+  }
+
+}
+EmptyDepartment.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyDepartment.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyDepartment',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyDepartment.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/EmptyError.js

@@ -0,0 +1,94 @@
+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); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+export default class EmptyError extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "EmptyError"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyError_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.EmptyError_svg__cls-3,.EmptyError_svg__cls-4,.EmptyError_svg__cls-5{fill:none}.EmptyError_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyError_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyError_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyError_svg_fill{fill: #DE3535;opacity: 0.3}.EmptyError_svg_line{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}")), /*#__PURE__*/React.createElement("path", {
+      class: "EmptyError_svg__cls-1",
+      d: "M217.5,155.3c0,0,113.7-75.3,171.3-52.6s96.9,213.4-63.2,298.9S93.2,301,92.6,268  C92,236.1,92.6,160,217.5,155.3z"
+    }), /*#__PURE__*/React.createElement("path", {
+      class: "EmptyError_svg_line",
+      d: "M133.8,379.6c0,0-13.4-217.8,0-222.6c11.4-4.1,189-1.2,240.6-0.3c7.8,0.1,14,6.5,14,14.2V201l-235.8,2.3  l105.1-3.3c5.3-0.3,9.8-0.2,12.8,4.2c15.4,23.3,61.8,95.7,47.1,100.6c-17.5,5.8-114.1,8.3-116.2-2.6c-3.2-17.3,57-96.4,63.5-97.6  s122.2,3.2,123.6,6.6s10.3,168.7,2,173.6s-251,5.9-252.4-1.5s0-218.3,0-218.3"
+    }), /*#__PURE__*/React.createElement("path", {
+      class: "EmptyError_svg_fill",
+      d: "M330.7,289.8c-1.9-5.8-33.8-78.7-47.9-85.8s-65.2,83.6-69.2,93.4s17.9,10.6,17.9,10.6s82.7,0.6,91.9-1.8  S332.6,295.6,330.7,289.8z M274.7,249.9c0-1.4,1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5v23c0,1.4-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5V249.9z   M275.4,290.6c0,0-5.8-6.4,1-7c0,0,4.7,0.1,5,2.8S277.2,292.3,275.4,290.6L275.4,290.6z"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      class: "st1",
+      cx: "419.9",
+      cy: "378.9",
+      rx: "6",
+      ry: "5.9",
+      stroke: "var(--zd_emptysvg_small_circle)",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("line", {
+      class: "EmptyFrame_svg__cls-3",
+      x1: "162.2",
+      y1: "412.4",
+      x2: "172.3",
+      y2: "423.6"
+    }), /*#__PURE__*/React.createElement("line", {
+      class: "EmptyFrame_svg__cls-3",
+      x1: "161.6",
+      y1: "423",
+      x2: "172.9",
+      y2: "413"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      class: "st4",
+      cx: "396",
+      cy: "80",
+      rx: "8.6",
+      ry: "8.6",
+      "stroke-miterlimit": "10",
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      class: "EmptyFrame_svg__cls-5",
+      cx: "210.8",
+      cy: "74.9",
+      rx: "5.1",
+      ry: "5.1"
+    }), /*#__PURE__*/React.createElement("line", {
+      class: "EmptyFrame_svg__cls-4",
+      x1: "70.4",
+      y1: "274.5",
+      x2: "69.6",
+      y2: "289.6"
+    }), /*#__PURE__*/React.createElement("line", {
+      class: "EmptyFrame_svg__cls-4",
+      x1: "62.4",
+      y1: "281.6",
+      x2: "77.5",
+      y2: "282.5"
+    }));
+  }
+
+}
+EmptyError.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['dark', 'danger'])
+};
+EmptyError.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptyError',
+  palette: 'danger'
+};
+
+if (false) {
+  EmptyError.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/EmptyFeed.js

@@ -0,0 +1,75 @@
+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); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+export default class EmptyFeed extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "Feed"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyFeed_svg__cls-4,.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6,.EmptyFeed_svg__cls-7,.EmptyFeed_svg__cls-8{fill:none}.EmptyFeed_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFeed_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyFeed_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.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",
+      fill: "var(--zd_emptysvg_primary_fill)",
+      opacity: 0.05
+    }), /*#__PURE__*/React.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.createElement("ellipse", {
+      className: "EmptyFeed_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFeed_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyFeed_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFeed_svg__cls-7",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 111.07,
+      cy: 152.77,
+      rx: 11.07,
+      ry: 10.89,
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFeed_svg__cls-6",
+      d: "M44.32 94.5S67.74 113.31 64 114.9s-8.34-6.88-2.42-13 41.73-42.38 101.77 0l-12.95 17.24s-37.42-38.94-77.81 0l13.87 13.65s24.87-22.36 50.69 0a.08.08 0 010 .1l-14.78 14.54a.07.07 0 01-.09 0c-.69-.62-9-7.86-17.26-4.08a10.22 10.22 0 00-5.19 12.34c1 2.94 3.13 6.49 9.1 7.36 6.36.93 9.62-1.65 11-5 2.73-6.6-2.43-13.64-9.67-13.83-3.18-.09-6.47 1.11-8.32 5.51"
+    }));
+  }
+
+}
+EmptyFeed.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyFeed.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptyFeed',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyFeed.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/EmptyFollowers.js

@@ -0,0 +1,73 @@
+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); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+export default class EmptyFollowers extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "Followers"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyFollowers_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyFollowers_svg__cls-3,.EmptyFollowers_svg__cls-4,.EmptyFollowers_svg__cls-5,EmptyFollowers_svg__cls-7,.EmptyFollowers_svg__cls-8{fill:none;stroke-width:3px}.EmptyFollowers_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFollowers_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFollowers_svg__cls-4,.EmptyFollowers_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyFollowers_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyFollowers_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      d: "M212 153.52s111.42-74.45 167.82-52S474.7 312.38 317.89 397 90.15 297.57 89.55 265c-.55-31.6 0-106.8 122.45-111.48z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 377.09,
+      cy: 79.12,
+      rx: 8.4,
+      ry: 8.47,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none",
+      strokeWidth: 3
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyFollowers_svg__cls-3",
+      cx: 195.59,
+      cy: 74.06,
+      rx: 5.02,
+      ry: 5.06
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFollowers_svg__cls-4",
+      d: "M61.8 246.07l-.83 14.88M54 253.09l14.77.84"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyFollowers_svg__cls-8",
+      cx: 400.47,
+      cy: 374.57,
+      rx: 5.83,
+      ry: 5.88
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFollowers_svg__cls-7",
+      d: "M423.56 285.54l9.85 11.12M422.97 296.06l11.03-9.93"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFollowers_svg__cls-6",
+      d: "M238.69 313.62s-52.62-34-55-77.81 55.63-25.75 55.34 4.51c0 0 15.63-43 42.15-28.73s-6.58 81.25-42.49 102.03zM331.4 156v-26.12h20.24l1.92 24.87 23.21.54s3.13.05 3.49 3-1.07 16.42-1.07 16.42l-21.34 1.45-.11 23.3s-24.44 3.27-24.41 1c.07-5.59-1.33-23.88-1.33-23.88l-22.58-2.07.26-19.4 21.72 1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFollowers_svg__cls-5",
+      d: "M222.1 334.39h-22.56a7.26 7.26 0 00-6.18 3.49s-21.76 33.85-23.06 37.43c-1.38 3.76 1.34 6.44 3.23 2.81S173 337 173 337a7.25 7.25 0 00-7.61-7.28c-8.5.45-21.43.88-24.13-.48-4.1-2.06-8.2-158.91 0-166.13 7.53-6.7 190.14-7.11 190.14-7.11v-26.12s18-1.62 20.24 0 1 24.22 1.92 24.87c.78.52 16.84.55 23.21.54a3.56 3.56 0 013.49 3c1 5.47.73 15.64-1.07 16.42s-10.3-.1-18.21-.14a3.89 3.89 0 00-3.87 4.2c.51 6.67 1.33 19 .63 20.69-1 2.26-23.45 4.53-24.41 1S332 176.51 332 176.51s-22.87.3-22.58-2.07-.92-19.4.26-19.4c14.21.67 26.28 8.56 26.36 22.9.2 35.09.29 96.72-.5 125.46A24.51 24.51 0 01322 324.73c-8.16 4-19.36 8.13-31 8-2.61 0-5.49-.09-8.67-.43-42.7-4.57-101.88-54.67-101.88-96.5s52.82-20.3 55.33 4.51c0 0 14.76-43.5 42.16-28.73C323 235.91 234 324.35 234 324.35"
+    }));
+  }
+
+}
+EmptyFollowers.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyFollowers.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptyFollowers',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyFollowers.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/EmptyFrame.js

@@ -0,0 +1,71 @@
+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); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+export default class EmptyFrame extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "emptyFrame"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyFrame_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.EmptyFrame_svg__cls-3,.EmptyFrame_svg__cls-4,.EmptyFrame_svg__cls-5{fill:none}.EmptyFrame_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFrame_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFrame_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFrame_svg__cls-1",
+      d: "M87.55 64.35s46.92-30.84 70.66-21.56 40 87.37-26.06 122.42S36.26 124 36 110.51c-.24-13.06 0-44.22 51.55-46.16z"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 157.08,
+      cy: 33.53,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyFrame_svg__cls-5",
+      cx: 80.66,
+      cy: 31.43,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFrame_svg__cls-4",
+      d: "M24.32 102.69l-.35 6.17M21.04 105.6l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 166.92,
+      cy: 155.93,
+      rx: 2.45,
+      ry: 2.43,
+      stroke: "var(--zd_emptysvg_small_circle)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFrame_svg__cls-3",
+      d: "M176.64 119.05l4.15 4.6M176.4 123.4l4.64-4.11"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFrame_svg__cls-1",
+      d: "M59.89 123.66S22 99.3 21.1 78.87s51.06-57.72 98.23-20.71 1 83.7-8.82 88.28c-9.51 4.43-32.43 14.39-50.62-22.78z"
+    }));
+  }
+
+}
+EmptyFrame.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark', 'danger'])
+};
+EmptyFrame.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyFrame',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyFrame.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/EmptyFromAddress.js

@@ -1,52 +1,35 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
+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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import SVG from './SVG';
 import image from './images/EmptyFromAddress.svg';
-
-var EmptyFromAddress = function (_React$Component) {
-  _inherits(EmptyFromAddress, _React$Component);
-
-  function EmptyFromAddress() {
-    _classCallCheck(this, EmptyFromAddress);
-
-    return _possibleConstructorReturn(this, (EmptyFromAddress.__proto__ || _Object$getPrototypeOf(EmptyFromAddress)).apply(this, arguments));
+export default class EmptyFromAddress extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 139.3",
+      name: "fromAddress"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
   }
 
-  _createClass(EmptyFromAddress, [{
-    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 React.createElement(
-        SVG,
-        { viewBox: '0 0 181.9 139.3', name: 'fromAddress', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyFromAddress;
-}(React.Component);
-
-export default EmptyFromAddress;
-
+}
 EmptyFromAddress.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
+  alignHorizontal: PropTypes.bool,
   className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large'])
 };
 EmptyFromAddress.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyFromAddress'
 };
 
 if (false) {