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

package/es/svg/EmptyAttach.js

@@ -1,52 +1,68 @@
-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/EmptyAttach.svg';
-
-var EmptyAttach = function (_React$Component) {
-  _inherits(EmptyAttach, _React$Component);
-
-  function EmptyAttach() {
-    _classCallCheck(this, EmptyAttach);
-
-    return _possibleConstructorReturn(this, (EmptyAttach.__proto__ || _Object$getPrototypeOf(EmptyAttach)).apply(this, arguments));
+export default class EmptyAttach extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "attach"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyAttach_svg__cls-4,.EmptyAttach_svg__cls-5,.EmptyAttach_svg__cls-6,.EmptyAttach_svg__cls-7,.EmptyAttach_svg__cls-8{fill:none}.EmptyAttach_svg__cls-4,.EmptyAttach_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAttach_svg__cls-7{stroke:var(--zd_emptysvg_cross)}.EmptyAttach_svg__cls-5,.EmptyAttach_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAttach_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyAttach_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: "EmptyAttach_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAttach_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyAttach_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAttach_svg__cls-7",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M120.89 72.28l7.19 52.09s-56.62 7.79-58.16 4.34-7.61-51.27-5.32-51.47z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAttach_svg__cls-6",
+      d: "M146.42 155.3c-17.09.46-60.1-.42-69.48-.77a2.4 2.4 0 01-2.33-2.39v-23.43h-4.69l-5-48.51a2.94 2.94 0 012.67-3.2l53.3-4.7 7.19 52.09s-54 7.52-54.58 5.93-1-65.57 0-66.07c1.62-.87 18.28-.24 22.81 0a1.33 1.33 0 011.26 1.16c.86 7 5.12 45.07 5.08 46.83-.14 5.91-13.49 14.69-17.54-.24-4.44-16.36-6.44-48.46-6.59-50.8-.31-5.16 13.8-16.72 17.87 17.2 3.77 31.37 3.84 34.6-2 35.48-6.86 1-11.37-47.7-11.37-47.7h60.63a3.2 3.2 0 013.21 3.09c.37 12.61 4.83 87 1.65 88.86-2.27 1.36-49.85 0-49.85 0"
+    }));
   }
 
-  _createClass(EmptyAttach, [{
-    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: 'attach', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyAttach;
-}(React.Component);
-
-export default EmptyAttach;
-
+}
 EmptyAttach.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'])
 };
 EmptyAttach.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyAttach',
+  palette: 'default'
 };
 
 if (false) {

package/es/svg/EmptyBlueprint.js

@@ -1,52 +1,83 @@
-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/EmptyBlueprint.svg';
-
-var EmptyBlueprint = function (_React$Component) {
-  _inherits(EmptyBlueprint, _React$Component);
-
-  function EmptyBlueprint() {
-    _classCallCheck(this, EmptyBlueprint);
-
-    return _possibleConstructorReturn(this, (EmptyBlueprint.__proto__ || _Object$getPrototypeOf(EmptyBlueprint)).apply(this, arguments));
+export default class EmptyBlueprint extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "blueprint"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyBlueprint_svg__cls-4{fill:var(--zd_emptysvg_plus)}.EmptyBlueprint_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyBlueprint_svg__cls-7{fill:var(--zd_emptysvg_cross)}.EmptyBlueprint_svg__cls-5{fill:var(--zd_emptysvg_primary_stroke)}.EmptyBlueprint_svg__cls-8{fill:var(--zd_emptysvg_small_circle)}.EmptyBlueprint_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}")), /*#__PURE__*/React.createElement("path", {
+      d: "M86.5 67.37s42.51-27.95 64-19.54 36.24 79.17-23.59 110.92S40 121.44 39.8 109.2c-.22-11.85 0-40.08 46.7-41.83z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M149.5 43a3.51 3.51 0 113.5-3.56 3.53 3.53 0 01-3.5 3.56zm0-6.36a2.85 2.85 0 102.88 2.85 2.87 2.87 0 00-2.88-2.9z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-3",
+      d: "M80.25 39.77a2.23 2.23 0 112.25-2.23 2.24 2.24 0 01-2.25 2.23zm0-3.8a1.58 1.58 0 101.6 1.57 1.58 1.58 0 00-1.6-1.54z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-4",
+      d: "M28.89 108a.32.32 0 01-.31-.34l.32-5.59a.32.32 0 11.64 0l-.31 5.58a.32.32 0 01-.34.35z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-4",
+      d: "M31.87 105.38l-5.63-.31a.33.33 0 110-.65l5.64.31a.33.33 0 01.3.35.32.32 0 01-.31.3z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-8",
+      d: "M171.1 152.88a2.54 2.54 0 112.55-2.53 2.54 2.54 0 01-2.55 2.53zm0-4.42a1.89 1.89 0 101.9 1.89 1.89 1.89 0 00-1.9-1.89z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-7",
+      transform: "rotate(-42.01 169.123 119.012)",
+      d: "M168.78 116.2h.65v5.62h-.65z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-7",
+      transform: "rotate(-41.59 169.115 119.015)",
+      d: "M166.3 118.69h5.62v.65h-5.62z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-5",
+      d: "M121.09 83.39h1.31v1.32a.33.33 0 00.66 0v-1.32h1.32a.32.32 0 00.32-.33.32.32 0 00-.32-.32h-1.32v-1.32a.33.33 0 00-.66 0v1.32h-1.31a.32.32 0 00-.33.32.33.33 0 00.33.33z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-5",
+      d: "M140.77 49.62c-.22-1.15-4.7-1.17-19-.63-5.45.21-10.6.41-13.52.28a1.16 1.16 0 00-.86.35c-1.1 1.12-.9 5-.72 8.42.06 1.12.11 2.17.11 3a.63.63 0 00.23.48c2.13 2 27.55.14 30.44-.07a.32.32 0 00.3-.35.31.31 0 00-.34-.3c-14.23 1.06-29.34 1.44-30 .24 0-.84 0-1.9-.11-3-.15-3-.37-7 .54-7.93a.49.49 0 01.37-.16c2.94.13 8.1-.07 13.56-.28 7.44-.28 17.62-.67 18.32.12.4 1.65.56 10.37-.67 12.24a.52.52 0 01-.28.25c-.9.15-4.45.27-7.88.38-6.54.22-7.6.3-7.89.48s-.27.38-.24 7.19v3a.9.9 0 01-.77.89c-1.42.17-8.49 1.42-8 9.63a5.78 5.78 0 003.12 4l.1.14a6.41 6.41 0 003.91 2.67.73.73 0 01.7.73v5.3c0 2.65.05 5.6.05 7.65a.47.47 0 01-.08.32c-.12.11-.48.09-.83.07h-.55c-1.32 0-3.24 0-5.24-.08-3.88-.08-7.88-.16-8.92 0a1 1 0 00-.63.45 5.16 5.16 0 00-.6 1.6h-.58a1.24 1.24 0 00-1.3 1.2l-.23 4.88-9.9-.16a.33.33 0 00-.33.32 3.83 3.83 0 01-.26 1.32 6.15 6.15 0 00.1-1.15c0-4.7-1.69-6.26-12.23-6.81-10.27-.53-14.69.14-15.42 5.72a5 5 0 001.46 4.39c3.33 3.1 11.23 2 12.83 1.68.58 2 .13 19.2-.2 21.11-.75.09-4.11-.09-6.85-.23a78.15 78.15 0 00-8.59-.23 1.07 1.07 0 00-.71.52c-1.45 2.08-1.47 11.13-1.17 12.67.21 1.14 4.64 1.27 18.76 1.13 5.55-.06 10.8-.11 13.72.1h.09a1.17 1.17 0 00.82-.34c1.11-1.05 1-4.51.93-7.85v-2.82a.73.73 0 00-.25-.53c-2-1.89-21.41-.74-23.61-.61a.33.33 0 00-.31.35.32.32 0 00.35.3c12.55-.78 22.94-.56 23.17.48v2.84c.08 2.91.17 6.52-.73 7.37a.51.51 0 01-.42.16c-2.94-.22-8.2-.17-13.77-.11-7.36.08-17.44.18-18.12-.6-.26-1.42-.22-10.31 1.07-12.18.1-.15.2-.24.29-.25a81.63 81.63 0 018.45.24c7 .37 7.24.31 7.37.07.65-.65.87-20.82.24-22a.41.41 0 00-.44-.25c-.37.07-9.14 1.62-12.48-1.48a4.33 4.33 0 01-1.14-3.88c.6-4.67 3.63-5.73 14.74-5.15s11.61 2.41 11.61 6.16a4.49 4.49 0 01-1 3c-3.29 2.27-9.94 1.72-10 1.72a.31.31 0 00-.35.28.33.33 0 00.28.36c4.83.67 8.23.19 10.09-1.43a6.09 6.09 0 00.44-.44c.17-.13.34-.26.5-.4a4.3 4.3 0 001.48-2.91l9.18.16h.73a.33.33 0 00.33-.31l.24-5.21a.6.6 0 01.65-.56h.44a62.89 62.89 0 00-.52 13.44c.08.43.27 1.41 14.25 1.78 7 .18 15.39.13 19.5-.13.77-.07.9-1.64.75-8.85 0-1.65-.07-3.22 0-4.29a.64.64 0 00-.19-.45c-1.86-1.93-26.48-2.13-32.95-2.15a4.12 4.12 0 01.48-1.23c.11-.16.18-.18.19-.18 1-.16 5.14-.07 8.81 0 2 0 3.93.08 5.25.08h.51a1.73 1.73 0 001.32-.25 1 1 0 00.28-.79v-7.65-5.3a1.37 1.37 0 00-1.36-1.37 5.25 5.25 0 01-2.68-1.48 14.52 14.52 0 003.16.84 5.5 5.5 0 003.67-.67 7.42 7.42 0 003.54-5.79 6 6 0 00-2.58-5.21 6.85 6.85 0 00-6.25-.66 6.33 6.33 0 00-4 4.88 7.71 7.71 0 00.39 4.72 4.48 4.48 0 01-1.81-2.88c-.49-7.41 5.52-8.7 7.39-8.91a1.56 1.56 0 001.33-1.54v-3-6.66c.81-.13 4.48-.26 7.46-.36 3.61-.12 7-.23 8-.39a1.09 1.09 0 00.71-.53c1.39-2.12 1.11-11.28.76-12.74zm-2.1 59.64v4.32c.06 3 .16 7.53-.23 8.19-8.5.53-31.93.21-33-1.12a64.4 64.4 0 01.53-13.32c15.55.03 31.97.72 32.7 1.93zM117.16 82a5.72 5.72 0 013.6-4.4 6.2 6.2 0 015.63.57 5.32 5.32 0 012.32 4.66 6.75 6.75 0 01-3.23 5.26 4.9 4.9 0 01-3.23.59 14 14 0 01-4.25-1.33 6.92 6.92 0 01-.84-5.35z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-6",
+      d: "M138.46 108.57L107 107.13a1.08 1.08 0 00-1.08 1.08l.72 12.2a1.08 1.08 0 001.08 1.08l30.76.72a1.08 1.08 0 001.08-1.08v-11.48a1.09 1.09 0 00-1.1-1.08zM122.74 88.16a5.25 5.25 0 10-5.25-5.25 5.25 5.25 0 005.25 5.25z"
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptyBlueprint_svg__cls-6",
+      cx: 79.42,
+      cy: 112.4,
+      r: 1.49
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptyBlueprint_svg__cls-6",
+      cx: 72.55,
+      cy: 112.4,
+      r: 1.49
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptyBlueprint_svg__cls-6",
+      cx: 85.93,
+      cy: 112.4,
+      r: 1.49
+    }));
   }
 
-  _createClass(EmptyBlueprint, [{
-    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 298 123.5', name: 'blueprint', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyBlueprint;
-}(React.Component);
-
-export default EmptyBlueprint;
-
+}
 EmptyBlueprint.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'])
 };
 EmptyBlueprint.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyBlueprint',
+  palette: 'default'
 };
 
 if (false) {

package/es/svg/EmptyBusinessHoliday.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/EmptyBusinessHoliday.svg';
-
-var EmptyBusinessHoliday = function (_React$Component) {
-  _inherits(EmptyBusinessHoliday, _React$Component);
-
-  function EmptyBusinessHoliday() {
-    _classCallCheck(this, EmptyBusinessHoliday);
-
-    return _possibleConstructorReturn(this, (EmptyBusinessHoliday.__proto__ || _Object$getPrototypeOf(EmptyBusinessHoliday)).apply(this, arguments));
+export default class EmptyBusinessHoliday extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 139.3",
+      name: "businessholiday"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
   }
 
-  _createClass(EmptyBusinessHoliday, [{
-    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: 'businessholiday', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyBusinessHoliday;
-}(React.Component);
-
-export default EmptyBusinessHoliday;
-
+}
 EmptyBusinessHoliday.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'])
 };
 EmptyBusinessHoliday.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyBusinessHoliday'
 };
 
 if (false) {

package/es/svg/EmptyBusinessHour.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/EmptyBusinessHour.svg';
-
-var EmptyBusinessHour = function (_React$Component) {
-  _inherits(EmptyBusinessHour, _React$Component);
-
-  function EmptyBusinessHour() {
-    _classCallCheck(this, EmptyBusinessHour);
-
-    return _possibleConstructorReturn(this, (EmptyBusinessHour.__proto__ || _Object$getPrototypeOf(EmptyBusinessHour)).apply(this, arguments));
+export default class EmptyBusinessHour extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 139.3",
+      name: "businesshour"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
   }
 
-  _createClass(EmptyBusinessHour, [{
-    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: 'businesshour', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyBusinessHour;
-}(React.Component);
-
-export default EmptyBusinessHour;
-
+}
 EmptyBusinessHour.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'])
 };
 EmptyBusinessHour.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyBusinessHour'
 };
 
 if (false) {

package/es/svg/EmptyCallHistory.js

@@ -1,60 +1,70 @@
-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/EmptyCallHistory.svg';
-
-var EmptyCallHistory = function (_React$Component) {
-  _inherits(EmptyCallHistory, _React$Component);
-
-  function EmptyCallHistory() {
-    _classCallCheck(this, EmptyCallHistory);
-
-    return _possibleConstructorReturn(this, (EmptyCallHistory.__proto__ || _Object$getPrototypeOf(EmptyCallHistory)).apply(this, arguments));
+export default class EmptyCallHistory extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "CallHistoryEmpty"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5,.EmptyCallHistory_svg__cls-6,.EmptyCallHistory_svg__cls-7{fill:none}.EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCallHistory_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCallHistory_svg__cls-7{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",
+      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: "EmptyCallHistory_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCallHistory_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyCallHistory_svg__cls-7",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCallHistory_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCallHistory_svg__cls-5",
+      d: "M114 99.9s-6.26-2.21-9.39 0-2.4 8.82 1.63 8.82 5.65-9.35-4.51-8.87-7.26 9.52-5.16 10 6.34-2 4.35-5.8-10.48-2-12.42 5.86 4.78 6.32 5.39 5.64 2.43-5.44-1.21-6.36-8.62 4.54-7.41 12 7.48 3.18 7.78 1.21-1.05-5.44-5.21-4.08-2.65 10.51 1.74 14.06 9.15-.83 7.1-5.07-7-1.13-7 1 .91 9.83 10.66 10.05a4.7 4.7 0 004.84-5c.07-5.14-10-3.32-6.73 2.95s16.33 2 16.18-3.4a3.42 3.42 0 00-1.63-3.18 3.35 3.35 0 00-4.75 3.75c.49 2.42 2.17 4.73 7.28 2.6 5.78-2.4 5.77-7 5-10a4.09 4.09 0 00-5-3 2.49 2.49 0 00-1.94 2.43c-.23 3.86 9.15 7.79 11.26-2.87s-6.46-10-7.86-9.37c-1.23.52-4.38 5.36 1.29 7.78s7.63-8.31 3.63-12.4-8.77-5.29-10.51-2 .53 6.2 4 6 9.08-7.56 3.78-13.54S89.64 91.36 82 97c0 0-34.91 47.38-6 45 7.29-.59 53.1 2.28 59 0 19.69-7.61-11.25-48.08-8.89-60.71.86-4.54 5.14-7.7 6.72-3.75S77.52 89.4 73.18 82.48s6.91-4 6.71 4.55-1 11.25-5.13 11.45-22.41 1.84-23.9.59c-2.52-2.12 3.7-22.63 9.56-26.51 37.94-25.08 82.21-9.78 89.2-3.47C153.93 73 168 93.3 163.93 96.24s-24.5 2.64-26.5 1S134.21 86 134.21 86"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: 104.31,
+      cy: 120.3,
+      r: 18.89,
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }));
   }
 
-  _createClass(EmptyCallHistory, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          isRender = _props.isRender,
-          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: 'CallHistoryEmpty',
-          alignHorizontal: alignHorizontal,
-          isRender: isRender,
-          size: size, className: className },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyCallHistory;
-}(React.Component);
-
-export default EmptyCallHistory;
-
+}
 EmptyCallHistory.propTypes = {
-  isRender: PropTypes.bool,
-  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'])
 };
 EmptyCallHistory.defaultProps = {
-  isRender: true,
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyCallHistory',
+  palette: 'default'
 };
 
 if (false) {

package/es/svg/EmptyCollision.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 EmptyCollision extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "collision"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyCollision_svg__cls-3,.EmptyCollision_svg__cls-4,.EmptyCollision_svg__cls-5,.EmptyCollision_svg__cls-6,.EmptyCollision_svg__cls-7{fill:none}.EmptyCollision_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCollision_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyCollision_svg__cls-4,.EmptyCollision_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCollision_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCollision_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      d: "M83.6 67.23s46.91-30.84 70.66-21.55 40 87.37-26.06 122.41-95.89-41.18-96.15-54.69c-.24-13.07 0-44.23 51.55-46.17z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 153.14,
+      cy: 36.36,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyCollision_svg__cls-3",
+      cx: 76.72,
+      cy: 34.26,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCollision_svg__cls-4",
+      d: "M20.39 105.52l-.35 6.16M17.1 108.43l6.22.34"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyCollision_svg__cls-7",
+      cx: 176.99,
+      cy: 158.75,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCollision_svg__cls-6",
+      d: "M172.71 121.87l4.15 4.61M172.46 126.23l4.64-4.11"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M140.8 87.32l-29.75 23.35s27.08 20.62 29.93 19.54 1.49-14.21 1.49-14.21h25.18s2.13-16.19-.74-19.77l-25.55.93s.82-8.11-.56-9.84z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCollision_svg__cls-5",
+      d: "M143 87.29s.2 5.45.2 10.2-1.82 2.42-1.82 2 25.24-2.28 26.95-2.57.29 19.1.57 20-26.79 0-26.79 0 1.42 10.26-.86 12.54-30.78-18.53-30.78-18.53l31.24-26.1c-2.29-1.71-32.29 24.57-32.29 24.57-15 12.35-30.64 24.91-31.36 23-1.68-4.48-.46-12.82-.46-12.82s-30.07 2.44-30.47.81-4-14.15 0-20.72c1.33-2.21 30.87 0 30.87 0s-1.87-13.3 1.09-13.93c2.75-.59 30.5 14.81 30.34 20-.07 2.35-24.77 21.41-24.77 21.41"
+    }));
+  }
+
+}
+EmptyCollision.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyCollision.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyCollision',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyCollision.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/EmptyColumn.js

@@ -0,0 +1,78 @@
+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 EmptyColumn extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "column"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyColumn_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);isolation:isolate}.EmptyColumn_svg__cls-3,.EmptyColumn_svg__cls-4,.EmptyColumn_svg__cls-5,.EmptyColumn_svg__cls-7,.EmptyColumn_svg__cls-8{fill:none}.EmptyColumn_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyColumn_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyColumn_svg__cls-4,.EmptyColumn_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyColumn_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyColumn_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      d: "M86.51 62.51S133.43 31.67 157.17 41s40 87.35-26.06 122.38S35.22 122.21 35 108.7c-.28-13.11 0-44.26 51.51-46.19z",
+      style: {
+        isolation: "isolate"
+      },
+      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: "EmptyColumn_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyColumn_svg__cls-4",
+      d: "M23.28 100.84l-.35 6.16M20 103.74l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyColumn_svg__cls-8",
+      cx: 165.88,
+      cy: 154.06,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyColumn_svg__cls-7",
+      d: "M175.6 117.19l4.15 4.6M175.35 121.55l4.65-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyColumn_svg__cls-6",
+      d: "M52.32 87.59s-.42-20 4.36-22.43 82.26.24 82.26.24 7.43-.07 8.34 6.9a37.3 37.3 0 010 11.36H62.64s-9.64-.12-10.32 3.93z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyColumn_svg__cls-5",
+      d: "M50.72 133.81V72.18c.22-3.39-.26-3.59 1.28-5.58 1.35-1.76 86-1.29 86-1.29s12.95-1.24 12.83 7c0 2.33 0 4.25-.05 5.81 0 0-1 22.22.06 22.18.85 0 2.48-5.52-1.2-14.39a3.72 3.72 0 00-3.43-2.28H62.6s-9.51-1-9 7.3 0 46.41 0 46.41.92 6.9 8 7.22 76.77 0 76.77 0 6.9-1.07 7.4-8.22l.29-10.65V87.13H130a3 3 0 00-3 3v48.53a3 3 0 01-3 3h-12.87a3 3 0 01-3-3V90.54a3 3 0 00-3-3H93.7a3 3 0 00-3 3v48.76a3 3 0 01-3 3H73.37a3 3 0 01-3-3V90.12a3 3 0 013-3h14.22"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyColumn_svg__cls-6",
+      d: "M70.61 87.11h18.7V140a2.8 2.8 0 01-3 2.54h-12.7a2.8 2.8 0 01-3-2.54V87.11z"
+    }));
+  }
+
+}
+EmptyColumn.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyColumn.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptyColumn',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyColumn.docs = {
+    componentGroup: 'SVG'
+  };
+}