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

package/lib/svg/EmptyError.js

@@ -0,0 +1,144 @@
+"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 _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); 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"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { 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 EmptyError = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptyError, _React$Component);
+
+  var _super = _createSuper(EmptyError);
+
+  function EmptyError() {
+    _classCallCheck(this, EmptyError);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptyError, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 500 500",
+        name: "EmptyError"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].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["default"].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["default"].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["default"].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["default"].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["default"].createElement("line", {
+        "class": "EmptyFrame_svg__cls-3",
+        x1: "162.2",
+        y1: "412.4",
+        x2: "172.3",
+        y2: "423.6"
+      }), /*#__PURE__*/_react["default"].createElement("line", {
+        "class": "EmptyFrame_svg__cls-3",
+        x1: "161.6",
+        y1: "423",
+        x2: "172.9",
+        y2: "413"
+      }), /*#__PURE__*/_react["default"].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["default"].createElement("ellipse", {
+        "class": "EmptyFrame_svg__cls-5",
+        cx: "210.8",
+        cy: "74.9",
+        rx: "5.1",
+        ry: "5.1"
+      }), /*#__PURE__*/_react["default"].createElement("line", {
+        "class": "EmptyFrame_svg__cls-4",
+        x1: "70.4",
+        y1: "274.5",
+        x2: "69.6",
+        y2: "289.6"
+      }), /*#__PURE__*/_react["default"].createElement("line", {
+        "class": "EmptyFrame_svg__cls-4",
+        x1: "62.4",
+        y1: "281.6",
+        x2: "77.5",
+        y2: "282.5"
+      }));
+    }
+  }]);
+
+  return EmptyError;
+}(_react["default"].Component);
+
+exports["default"] = EmptyError;
+EmptyError.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(['dark', 'danger'])
+};
+EmptyError.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptyError',
+  palette: 'danger'
+};
+
+if (false) {
+  EmptyError.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/lib/svg/EmptyFeed.js

@@ -0,0 +1,125 @@
+"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 _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); 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"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { 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 EmptyFeed = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptyFeed, _React$Component);
+
+  var _super = _createSuper(EmptyFeed);
+
+  function EmptyFeed() {
+    _classCallCheck(this, EmptyFeed);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptyFeed, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "Feed"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].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["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",
+        fill: "var(--zd_emptysvg_primary_fill)",
+        opacity: 0.05
+      }), /*#__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: "EmptyFeed_svg__cls-4",
+        cx: 79.62,
+        cy: 29.6,
+        rx: 2.12,
+        ry: 2.1
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyFeed_svg__cls-5",
+        d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptyFeed_svg__cls-8",
+        cx: 165.88,
+        cy: 154.09,
+        rx: 2.45,
+        ry: 2.43
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyFeed_svg__cls-7",
+        d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        cx: 111.07,
+        cy: 152.77,
+        rx: 11.07,
+        ry: 10.89,
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      }), /*#__PURE__*/_react["default"].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"
+      }));
+    }
+  }]);
+
+  return EmptyFeed;
+}(_react["default"].Component);
+
+exports["default"] = EmptyFeed;
+EmptyFeed.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'])
+};
+EmptyFeed.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptyFeed',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyFeed.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/lib/svg/EmptyFollowers.js

@@ -0,0 +1,123 @@
+"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 _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); 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"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { 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 EmptyFollowers = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptyFollowers, _React$Component);
+
+  var _super = _createSuper(EmptyFollowers);
+
+  function EmptyFollowers() {
+    _classCallCheck(this, EmptyFollowers);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptyFollowers, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 500 500",
+        name: "Followers"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].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["default"].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["default"].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["default"].createElement("ellipse", {
+        className: "EmptyFollowers_svg__cls-3",
+        cx: 195.59,
+        cy: 74.06,
+        rx: 5.02,
+        ry: 5.06
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyFollowers_svg__cls-4",
+        d: "M61.8 246.07l-.83 14.88M54 253.09l14.77.84"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptyFollowers_svg__cls-8",
+        cx: 400.47,
+        cy: 374.57,
+        rx: 5.83,
+        ry: 5.88
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyFollowers_svg__cls-7",
+        d: "M423.56 285.54l9.85 11.12M422.97 296.06l11.03-9.93"
+      }), /*#__PURE__*/_react["default"].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["default"].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"
+      }));
+    }
+  }]);
+
+  return EmptyFollowers;
+}(_react["default"].Component);
+
+exports["default"] = EmptyFollowers;
+EmptyFollowers.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'])
+};
+EmptyFollowers.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptyFollowers',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyFollowers.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/lib/svg/EmptyFrame.js

@@ -0,0 +1,121 @@
+"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 _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); 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"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { 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 EmptyFrame = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptyFrame, _React$Component);
+
+  var _super = _createSuper(EmptyFrame);
+
+  function EmptyFrame() {
+    _classCallCheck(this, EmptyFrame);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptyFrame, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "emptyFrame"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].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["default"].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["default"].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["default"].createElement("ellipse", {
+        className: "EmptyFrame_svg__cls-5",
+        cx: 80.66,
+        cy: 31.43,
+        rx: 2.12,
+        ry: 2.1
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyFrame_svg__cls-4",
+        d: "M24.32 102.69l-.35 6.17M21.04 105.6l6.22.35"
+      }), /*#__PURE__*/_react["default"].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["default"].createElement("path", {
+        className: "EmptyFrame_svg__cls-3",
+        d: "M176.64 119.05l4.15 4.6M176.4 123.4l4.64-4.11"
+      }), /*#__PURE__*/_react["default"].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"
+      }));
+    }
+  }]);
+
+  return EmptyFrame;
+}(_react["default"].Component);
+
+exports["default"] = EmptyFrame;
+EmptyFrame.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', 'danger'])
+};
+EmptyFrame.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyFrame',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyFrame.docs = {
+    componentGroup: 'SVG'
+  };
+}