@zohodesk/svg 1.0.0-beta.35

package/src/svg/EmptyFrame.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptyFrame extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='emptyFrame' {...this.props}>
+        <defs>
+          <style>
+            {
+              ".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}"
+            }
+          </style>
+        </defs>
+        <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"
+        />
+        <ellipse
+          cx={157.08}
+          cy={33.53}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse
+          className="EmptyFrame_svg__cls-5"
+          cx={80.66}
+          cy={31.43}
+          rx={2.12}
+          ry={2.1}
+        />
+        <path
+          className="EmptyFrame_svg__cls-4"
+          d="M24.32 102.69l-.35 6.17M21.04 105.6l6.22.35"
+        />
+        <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"
+        />
+        <path
+          className="EmptyFrame_svg__cls-3"
+          d="M176.64 119.05l4.15 4.6M176.4 123.4l4.64-4.11"
+        />
+        <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"
+        />
+      </SVG>
+    );
+  }
+}
+EmptyFrame.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark', 'danger'])
+};
+EmptyFrame.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyFrame',
+  palette: 'default'
+};
+
+if (__DOCS__) {
+  EmptyFrame.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyFromAddress.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+import image from './images/EmptyFromAddress.svg';
+export default class EmptyFromAddress extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 181.9 139.3' name='fromAddress' {...this.props}>
+        <image xlinkHref={image} height='100%' width='100%' />
+      </SVG>
+    );
+  }
+}
+EmptyFromAddress.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large'])
+};
+EmptyFromAddress.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyFromAddress'
+};
+if (__DOCS__) {
+  EmptyFromAddress.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyHappiness.js

@@ -0,0 +1,85 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptyHappiness extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='happiness' {...this.props}>
+        <defs>
+          <style>
+            {
+              ".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}"
+            }
+          </style>
+        </defs>
+        <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)"
+        />
+        <ellipse
+          cx={156.04}
+          cy={31.69}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse
+          className="EmptyHappiness_svg__cls-3"
+          cx={79.62}
+          cy={29.6}
+          rx={2.12}
+          ry={2.1}
+        />
+        <path
+          className="EmptyHappiness_svg__cls-4"
+          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+        />
+        <ellipse
+          className="EmptyHappiness_svg__cls-7"
+          cx={165.88}
+          cy={154.09}
+          rx={2.45}
+          ry={2.43}
+        />
+        <path
+          className="EmptyHappiness_svg__cls-6"
+          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+        />
+        <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)"
+        />
+        <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"
+        />
+      </SVG>
+    );
+  }
+}
+EmptyHappiness.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyHappiness.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyHappiness',
+  palette: 'default'
+};
+
+if (__DOCS__) {
+  EmptyHappiness.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyHistory.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptyHistory extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='accounts' {...this.props}>
+        <defs>
+          <style>
+            {
+              ".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}"
+            }
+          </style>
+        </defs>
+        <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)"
+        />
+        <ellipse
+          cx={156.04}
+          cy={31.69}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse
+          className="EmptyHistory_svg__cls-3"
+          cx={79.62}
+          cy={29.6}
+          rx={2.12}
+          ry={2.1}
+        />
+        <path
+          className="EmptyHistory_svg__cls-4"
+          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+        />
+        <ellipse
+          className="EmptyHistory_svg__cls-7"
+          cx={165.88}
+          cy={154.09}
+          rx={2.45}
+          ry={2.43}
+        />
+        <path
+          className="EmptyHistory_svg__cls-6"
+          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+        />
+        <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)"
+        />
+        <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"
+        />
+      </SVG>
+    );
+  }
+}
+EmptyHistory.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyHistory.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyHistory',
+  palette: 'default'
+};
+if (__DOCS__) {
+  EmptyHistory.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyImportHistory.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+import image from './images/EmptyImportHistory.svg';
+export default class EmptyImportHistory extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 181.9 139.3' name='importHistory' {...this.props}>
+        <image xlinkHref={image} height='100%' width='100%' />
+      </SVG>
+    );
+  }
+}
+EmptyImportHistory.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large'])
+};
+EmptyImportHistory.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyImportHistory'
+};
+if (__DOCS__) {
+  EmptyImportHistory.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyInconvenience.js

@@ -0,0 +1,37 @@
+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 (
+      <SVG
+        viewBox='0 0 508.8 313.8'
+        name='Inconvenience'
+        isFluid={isFluid}
+        {...this.props}
+      >
+        <image xlinkHref={image} height='100%' width='100%' />
+      </SVG>
+    );
+  }
+}
+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 (__DOCS__) {
+  Inconvenience.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyInvoice.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptyInvoice extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='invoice' {...this.props}>
+        <defs>
+          <style>
+            {
+              ".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}"
+            }
+          </style>
+        </defs>
+        <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)"
+        />
+        <ellipse
+          cx={156.04}
+          cy={31.69}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse
+          className="EmptyInvoice_svg__cls-7"
+          cx={79.62}
+          cy={29.6}
+          rx={2.12}
+          ry={2.1}
+        />
+        <path
+          className="EmptyInvoice_svg__cls-4"
+          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+        />
+        <ellipse
+          className="EmptyInvoice_svg__cls-8"
+          cx={165.88}
+          cy={154.09}
+          rx={2.45}
+          ry={2.43}
+        />
+        <path
+          className="EmptyInvoice_svg__cls-3"
+          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+        />
+        <circle
+          className="EmptyInvoice_svg__cls-6"
+          cx={57.41}
+          cy={113.21}
+          r={14.89}
+        />
+        <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"
+        />
+        <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"
+        />
+      </SVG>
+    );
+  }
+}
+EmptyInvoice.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyInvoice.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyInvoice',
+  palette: 'default'
+};
+if (__DOCS__) {
+  EmptyInvoice.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyNetwork.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+import image from './images/EmptyNetwork.svg';
+export default class EmptyNetwork extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 181.9 139.3' name='network' {...this.props}>
+        <image xlinkHref={image} height='100%' width='100%' />
+      </SVG>
+    );
+  }
+}
+EmptyNetwork.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large'])
+};
+EmptyNetwork.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyNetwork'
+};
+if (__DOCS__) {
+  EmptyNetwork.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyNotification.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptyNotification extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='notification' {...this.props}>
+        <defs>
+          <style>
+            {
+              ".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}"
+            }
+          </style>
+        </defs>
+        <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)"
+        />
+        <ellipse
+          cx={156.04}
+          cy={31.69}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse
+          className="EmptyNotification_svg__cls-3"
+          cx={79.62}
+          cy={29.6}
+          rx={2.12}
+          ry={2.1}
+        />
+        <path
+          className="EmptyNotification_svg__cls-4"
+          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+        />
+        <ellipse
+          className="EmptyNotification_svg__cls-7"
+          cx={165.88}
+          cy={154.09}
+          rx={2.45}
+          ry={2.43}
+        />
+        <path
+          className="EmptyNotification_svg__cls-6"
+          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+        />
+        <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)"
+        />
+        <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"
+        />
+      </SVG>
+    );
+  }
+}
+EmptyNotification.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyNotification.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyNotification',
+  palette: 'default'
+};
+if (__DOCS__) {
+  EmptyNotification.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyProducts.js

@@ -0,0 +1,88 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptyProducts extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='products' {...this.props}>
+        <defs>
+          <style>
+            {
+              ".EmptyProducts_svg__cls-4,.EmptyProducts_svg__cls-5,.EmptyProducts_svg__cls-6,.EmptyProducts_svg__cls-7,.EmptyProducts_svg__cls-8{fill:none}.EmptyProducts_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyProducts_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyProducts_svg__cls-5,.EmptyProducts_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyProducts_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyProducts_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
+            }
+          </style>
+        </defs>
+        <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}
+        />
+        <ellipse
+          cx={156.04}
+          cy={31.69}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse
+          className="EmptyProducts_svg__cls-7"
+          cx={79.62}
+          cy={29.6}
+          rx={2.12}
+          ry={2.1}
+        />
+        <path
+          className="EmptyProducts_svg__cls-5"
+          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+        />
+        <ellipse
+          className="EmptyProducts_svg__cls-8"
+          cx={165.88}
+          cy={154.09}
+          rx={2.45}
+          ry={2.43}
+        />
+        <path
+          className="EmptyProducts_svg__cls-4"
+          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+        />
+        <path
+          d="M139 112.51h-.09a.82.82 0 01-.72-.9c.7-6.15-2.71-8.59-2.75-8.62a.81.81 0 01-.2-1.13.83.83 0 011.15-.2c.17.12 4.25 3 3.43 10.13a.81.81 0 01-.82.72zm-.39 1.3a.7.7 0 000 1.4.7.7 0 100-1.4z"
+          fill="var(--zd_emptysvg_circle_fill)"
+        />
+        <path
+          d="M151.36 145.35a8.55 8.55 0 11-8.55-8.48 8.52 8.52 0 018.55 8.48zm-49.92-8.48a8.48 8.48 0 108.55 8.48 8.52 8.52 0 00-8.55-8.48zm4.7-20.61c8.67 17.33 35.37 12.3 37.08 7s4.27-26.62-8-29.12-13.61 11.35-13.61 11.35c-20.97-5.19-15.47 10.77-15.47 10.77z"
+          fill="var(--zd_emptysvg_secondary_fill)"
+        />
+        <path
+          className="EmptyProducts_svg__cls-6"
+          d="M155.17 120.64c-19.34 18-53.73 7.78-52.45-9.57.66-8.94 11.28-8.12 15.6-6.21 1.68.74 1 .91 1.52-.86l.72-2.69a9.73 9.73 0 015.59-6.55c.31-.13.62-.24.93-.34 6.22-1.93 12.61 2.2 14.22 8.47 4.6 17.87-8.44 37.74-8.44 37.74a8.44 8.44 0 00-1.35 4.6 8.61 8.61 0 108.61-8.54h-36.47c-9.28-.92-11.83 4.17-11.83 4.17a8.56 8.56 0 00-1.26 5.87 8.62 8.62 0 108.53-9.82l-2.67-.53a7.22 7.22 0 01-4.9-5l-13.62-49a7.21 7.21 0 017-9.11h75.56a7.21 7.21 0 017 9.14l-13 46.1a7.24 7.24 0 01-7 5.25H91a7.23 7.23 0 01-6.93-5.08L63.19 61.32a7.25 7.25 0 00-6.94-5.08H43.44A42.7 42.7 0 0035 57c-1.84.38-4.1.51-5-.78-1.72-2.33 5.92-2.72 8 3.39"
+        />
+      </SVG>
+    );
+  }
+}
+EmptyProducts.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyProducts.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyProducts',
+  palette: 'default'
+};
+if (__DOCS__) {
+  EmptyProducts.docs = {
+    componentGroup: 'SVG'
+  };
+}