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

package/es/svg/EmptyHappiness.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/EmptyHappiness.svg';
-
-var EmptyHappiness = function (_React$Component) {
-  _inherits(EmptyHappiness, _React$Component);
-
-  function EmptyHappiness() {
-    _classCallCheck(this, EmptyHappiness);
-
-    return _possibleConstructorReturn(this, (EmptyHappiness.__proto__ || _Object$getPrototypeOf(EmptyHappiness)).apply(this, arguments));
+export default class EmptyHappiness extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "happiness"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyHappiness_svg__cls-3,.EmptyHappiness_svg__cls-4,.EmptyHappiness_svg__cls-5,.EmptyHappiness_svg__cls-6,.EmptyHappiness_svg__cls-7{fill:none}.EmptyHappiness_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyHappiness_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyHappiness_svg__cls-4,.EmptyHappiness_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyHappiness_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyHappiness_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: "EmptyHappiness_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHappiness_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyHappiness_svg__cls-7",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHappiness_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M68.31 125.71s12.59-12.23 15.08-9.4 5.83 9.18 8.13 8.2 6.44-9.74 8.9-8.32 16.44 9.1 16.44 9.1-11.83 21.44-26.39 23-22.16-22.58-22.16-22.58z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHappiness_svg__cls-5",
+      d: "M111.71 132.7c-6.94 10.22-17.79 17.3-24.44 15.35C72 143.56 70.8 128.61 70.8 128.61s24.85 13.81 47.93-5.23c0 0-2.83-1.42-2.5.51s1.68 1.92 1.68 1.92-9.76-4.79-16.83-9.32a2.6 2.6 0 00-3.6.82c-1.87 3-5.21 8.35-7.53 6.49-3.35-2.68-6.11-9-8.46-8-1.92.76-9.35 7.52-13.18 9.94 0 0 12-12.59 13.66-12.2s4.54.61 4.54-1.4c0-4-3.63-3-5.54-4a4.31 4.31 0 01-1.65-1.46c-2.07-3.26 2.45-6.13 3.71-8.42a30.21 30.21 0 003.06-20.31C82.43 59.06 74.2 53.53 67.94 52.22a11 11 0 00-11.86 5.63c-16.18 29.28 1 106.87 45 102 47-5.26 55.66-70.81 44.53-101.72s-64-11.14-46.38 12 47.3-5.25 18.86-5.25C101 64.89 97 80.78 96.54 93.46"
+    }));
   }
 
-  _createClass(EmptyHappiness, [{
-    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: 'happiness', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyHappiness;
-}(React.Component);
-
-export default EmptyHappiness;
-
+}
 EmptyHappiness.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'])
 };
 EmptyHappiness.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyHappiness',
+  palette: 'default'
 };
 
 if (false) {

package/es/svg/EmptyHistory.js

@@ -1,59 +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/EmptyHistory.svg';
-
-var EmptyHistory = function (_React$Component) {
-  _inherits(EmptyHistory, _React$Component);
-
-  function EmptyHistory() {
-    _classCallCheck(this, EmptyHistory);
-
-    return _possibleConstructorReturn(this, (EmptyHistory.__proto__ || _Object$getPrototypeOf(EmptyHistory)).apply(this, arguments));
+export default class EmptyHistory extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "accounts"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyHistory_svg__cls-3,.EmptyHistory_svg__cls-4,.EmptyHistory_svg__cls-5,.EmptyHistory_svg__cls-6,.EmptyHistory_svg__cls-7{fill:none}.EmptyHistory_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyHistory_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyHistory_svg__cls-4,.EmptyHistory_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyHistory_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyHistory_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: "EmptyHistory_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHistory_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyHistory_svg__cls-7",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHistory_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M53.08 154s8.57-1.57 11.15-22.71c1.83-15 4-30.35 5.15-38.06a6.68 6.68 0 015.87-5.68c16.7-1.91 69.7-7.12 89.62.61l-11 56.17s-6.46 9.67-12.79 9.67z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHistory_svg__cls-5",
+      d: "M175.07 88.31C175.53 69.79 155.31 69 155.31 69s-31-1.61-31.86-3.18c-1.24-2.43-6.79-8.42-10.15-11.93a8.74 8.74 0 00-6.3-2.67c-8.36-.06-28.48-.17-33.49 0-6.37.25-8.27 21-8.27 21s-23.78-4.93-23.56 10.33C41.89 96.8 38 154 48.05 154c15.51 0 10.38-60.21 20.18-65.84 5.6-3.22 93.45-8.5 96.64 0 2.36 6.3-6.37 39.45-11 56.17a13.23 13.23 0 01-12.79 9.67H62s25.42.13 43-23c0 0-11 9.44-5.6 11.72s18.59 2.7 18.49-2c-.1-4.91-5.39-13.63-5.39-13.63s10.08 5.41 10.15 16.27c0 0 .3 3-5 3.48-6.34.63-15.79.55-18.8 0a9.29 9.29 0 01-2.11-.42c-1.79-.76-4.45-2.83-2.33-8.26 4.18-10.74 27.68-22.4 28.1-30.32s-3.17-8.15-6-8.35c-8-.55-17.44-.4-17.44-.4s-6.44.09-5 7.48 10.14 12.89 10.35 11-6.76-4.86-2.74-8.14 16.16-1.26 14.89 2.75c-1 3.19-5.49 5.81-5.49 5.81"
+    }));
   }
 
-  _createClass(EmptyHistory, [{
-    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: 'accounts',
-          size: size,
-          className: className,
-          alignHorizontal: alignHorizontal
-        },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyHistory;
-}(React.Component);
-
-export default EmptyHistory;
-
-
+}
 EmptyHistory.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'])
 };
 EmptyHistory.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyHistory',
+  palette: 'default'
 };
 
 if (false) {

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

package/es/svg/EmptyInconvenience.js

@@ -0,0 +1,42 @@
+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/Inconvenience.svg';
+export default class Inconvenience extends React.Component {
+  render() {
+    let {
+      isFluid
+    } = this.props;
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 508.8 313.8",
+      name: "Inconvenience",
+      isFluid: isFluid
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+Inconvenience.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isFluid: PropTypes.bool,
+  isRender: PropTypes.bool
+};
+Inconvenience.defaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'inconvenience'
+};
+
+if (false) {
+  Inconvenience.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/EmptyInvoice.js

@@ -1,52 +1,73 @@
-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/EmptyInvoice.svg';
-
-var EmptyInvoice = function (_React$Component) {
-  _inherits(EmptyInvoice, _React$Component);
-
-  function EmptyInvoice() {
-    _classCallCheck(this, EmptyInvoice);
-
-    return _possibleConstructorReturn(this, (EmptyInvoice.__proto__ || _Object$getPrototypeOf(EmptyInvoice)).apply(this, arguments));
+export default class EmptyInvoice extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "invoice"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyInvoice_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyInvoice_svg__cls-3,.EmptyInvoice_svg__cls-4,.EmptyInvoice_svg__cls-5,.EmptyInvoice_svg__cls-7,.EmptyInvoice_svg__cls-8{fill:none}.EmptyInvoice_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyInvoice_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyInvoice_svg__cls-4,.EmptyInvoice_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyInvoice_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyInvoice_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",
+      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: "EmptyInvoice_svg__cls-7",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyInvoice_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyInvoice_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyInvoice_svg__cls-3",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptyInvoice_svg__cls-6",
+      cx: 57.41,
+      cy: 113.21,
+      r: 14.89
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyInvoice_svg__cls-6",
+      d: "M48.34 130.44l.37 17.69a.83.83 0 001.37.63l7-6.81 6.75 7c.75.67 1.1-1.59 1.1-2.6v-18.77M75.54 73.14s-4.64-1.26 5.62-3S124.53 69 124.42 72c0 0-43.42 2.82-48.88 1.14zM84 103.87s-2.54-.29-1.3-2.77c.81-1.6 40.16-4.64 41.79-.79 1.05 2.42-40.49 3.56-40.49 3.56z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyInvoice_svg__cls-5",
+      d: "M65 134.94s1.12 12.34 0 14-7.85-7-7.85-7-6.13 8.84-8.67 7.23c0 0-1-14.15-.47-17.87a1.82 1.82 0 011.48-1.53c4.18-.79 17.77-1.64 22.24-12.22C77 105 63.59 94.05 49.83 99.06c-11.42 4.16-14.58 28.31 6.72 28.88s19-19 16.21-24.11C69.08 97 61 94.65 58.27 94.46a1.84 1.84 0 01-1.71-1.76l.93-27.7a19.26 19.26 0 012.18-10 14.82 14.82 0 0112.86-8.07c14-.85 74.65 0 74.65 0s17.71-.38 17.67 23.58a55.92 55.92 0 00-22.83 0s-1.3-20.23 6.68-20.57c0 0-7.62-3.26-8.79 17.3L142 136a21.76 21.76 0 01-1.41 8.57c-1.62 4.15-4.88 8.75-11.26 7.25a12.85 12.85 0 01-9.21-8.87l-1-3.34h-43s-2.63-1.65 46.72-1.24c0 0-2.6 9.27 2.06 13.74 1.85 1.77 11.39 3.09 11.39 3.09H69s-1.7-18.13 1.81-25.2 16-20.9-2.31-37c0 0 .39-18.28.68-25.54.44-11.25 55.12-7.4 58.14-4.37s5.38 7.39 1 8.4-53.87 2.87-54.11.67c-.2-1.78 44-4.51 49.53-1.63 4.45 2.29 3.45 19.6 3.3 25.84a4 4 0 01-.25 1.18 5.28 5.28 0 01-2.47 2.94 6.87 6.87 0 01-2.28.73c-11.11 1.57-33.26 2.45-38 2.65a1.41 1.41 0 01-1.45-1.08c-.15-.6-.31-1.47.15-1.69 3.47-1.6 43.07-6 44.9 2.1 1.4 6.18 1 15.16.28 19.29a2.79 2.79 0 01-2.48 2.3c-6.34.62-23.75 2.68-23.59.42.24-3.43 20.32-3.12 20.32-3.12"
+    }));
   }
 
-  _createClass(EmptyInvoice, [{
-    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: 'invoice', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyInvoice;
-}(React.Component);
-
-export default EmptyInvoice;
-
+}
 EmptyInvoice.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'])
 };
 EmptyInvoice.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyInvoice',
+  palette: 'default'
 };
 
 if (false) {

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

package/es/svg/EmptyNotification.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/EmptyNotification.svg';
-
-var EmptyNotification = function (_React$Component) {
-  _inherits(EmptyNotification, _React$Component);
-
-  function EmptyNotification() {
-    _classCallCheck(this, EmptyNotification);
-
-    return _possibleConstructorReturn(this, (EmptyNotification.__proto__ || _Object$getPrototypeOf(EmptyNotification)).apply(this, arguments));
+export default class EmptyNotification extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "notification"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyNotification_svg__cls-3,.EmptyNotification_svg__cls-4,.EmptyNotification_svg__cls-5,.EmptyNotification_svg__cls-6,.EmptyNotification_svg__cls-7{fill:none}.EmptyNotification_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyNotification_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyNotification_svg__cls-4,.EmptyNotification_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyNotification_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyNotification_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: "EmptyNotification_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyNotification_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyNotification_svg__cls-7",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyNotification_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M56.29 115.94s-9.66.19-3.59 9.34 66.58 34.34 81.41 26.6c0 0 3.54-1.23 2-3S109 119.27 56.29 115.94z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyNotification_svg__cls-5",
+      d: "M138.63 150.66s-34.89-34.54-82.34-34.72a5.33 5.33 0 00-3.59 9.34c5.52 4.73 16.55 11.32 38.38 19.78 55.53 21.52 49.6-1.53 45.93-18.68s-4.78-18.37 1.44-34.29 3.77-32.76-13.38-38.58-30-3.68-40.42 16.84-43.17 31.54-43.17 44.09 29.39 30.28 60.32 37.95c0 0-1 11.49 8.8 13.32s17.46-10.8 11.34-23.66-23.52 1.89-16.17 16.59 30-8.68 28.48-27.36-5.2-25.41 1.84-43.17.07-38.2-20.71-39.18c0 0 3.69-16.83 13.25-16.53 8.28.25 8.24 8.06 6.71 12.93-3.26 10.36-6.14 18.12-28.41 21.57a53.81 53.81 0 01-13.33-.28"
+    }));
   }
 
-  _createClass(EmptyNotification, [{
-    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: 'notification', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyNotification;
-}(React.Component);
-
-export default EmptyNotification;
-
+}
 EmptyNotification.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'])
 };
 EmptyNotification.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyNotification',
+  palette: 'default'
 };
 
 if (false) {