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

package/src/svg/EmptyNetwork.js

@@ -4,26 +4,29 @@ import SVG from './SVG';
 import image from './images/EmptyNetwork.svg';
 export default class EmptyNetwork extends React.Component {
   render() {
-    let { size, className='', alignHorizontal } = this.props;
     return (
-      <SVG viewBox='0 0 181.9 139.3' name='network' size={size} className={className} alignHorizontal={alignHorizontal}>
+      <SVG viewBox='0 0 181.9 139.3' name='network' {...this.props}>
         <image xlinkHref={image} height='100%' width='100%' />
       </SVG>
     );
   }
 }
 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 (__DOCS__) {
-    EmptyNetwork.docs = {
+  EmptyNetwork.docs = {
     componentGroup: 'SVG'
   };
 }

package/src/svg/EmptyNotification.js

@@ -1,29 +1,84 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import SVG from './SVG';
-import image from './images/EmptyNotification.svg';
+
 export default class EmptyNotification extends React.Component {
   render() {
-    let { size, className='', alignHorizontal } = this.props;
     return (
-      <SVG viewBox='0 0 181.9 139.3' name='notification' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
+      <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 = {
-  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 (__DOCS__) {
-    EmptyNotification.docs = {
+  EmptyNotification.docs = {
     componentGroup: 'SVG'
   };
 }

package/src/svg/EmptyProducts.js

@@ -1,27 +1,86 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import SVG from './SVG';
-import image from './images/EmptyProducts.svg';
+
 export default class EmptyProducts extends React.Component {
   render() {
-    let { size, className='', alignHorizontal } = this.props;
     return (
-      <SVG viewBox='0 0 181.9 139.3' name='products' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
+      <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 = {
-  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'])
 };
 EmptyProducts.defaultProps = {
   size: 'large',
-  alignHorizontal: true
-}
-
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyProducts',
+  palette: 'default'
+};
 if (__DOCS__) {
   EmptyProducts.docs = {
     componentGroup: 'SVG'

package/src/svg/EmptyRecycleBin.js

@@ -4,24 +4,27 @@ import SVG from './SVG';
 import image from './images/EmptyRecycleBin.svg';
 export default class EmptyRecycleBin extends React.Component {
   render() {
-    let { size, className='', alignHorizontal } = this.props;
     return (
-      <SVG viewBox='0 0 181.9 149.5' name='recycleBin' size={size} className={className} alignHorizontal={alignHorizontal}>
+      <SVG viewBox='0 0 181.9 149.5' name='recycleBin' {...this.props}>
         <image xlinkHref={image} height='100%' width='100%' />
       </SVG>
     );
   }
 }
 EmptyRecycleBin.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'])
 };
 EmptyRecycleBin.defaultProps = {
   size: 'large',
-  alignHorizontal: true
-}
-
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyRecycleBin'
+};
 if (__DOCS__) {
   EmptyRecycleBin.docs = {
     componentGroup: 'SVG'

package/src/svg/EmptyReply.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptyReply extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='Reply' {...this.props}>
+        <defs>
+          <style>
+            {
+              '.EmptyReply_svg-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyReply_svg-4{fill:var(--zd_emptysvg_plus)}'
+            }
+          </style>
+        </defs>
+        <path
+          d='M85.42 67.4s41.2-27.13 62.06-19 35.09 76.86-22.89 107.68S40.37 119.89 40.15 108c-.21-11.5 0-38.9 45.27-40.6z'
+          fill='var(--zd_emptysvg_primary_fill)'
+          opacity={0.05}
+        />
+        <path
+          d='M155.12 150.45a2.5 2.5 0 112.52-2.5 2.51 2.51 0 01-2.52 2.5zm0-4.28a1.78 1.78 0 101.8 1.78 1.79 1.79 0 00-1.8-1.78z'
+          fill='var(--zd_emptysvg_small_circle)'
+        />
+        <path
+          d='M146.48 43.73a3.45 3.45 0 113.52-3.45 3.47 3.47 0 01-3.52 3.45zm0-6.17a2.73 2.73 0 102.75 2.72 2.74 2.74 0 00-2.75-2.72z'
+          fill='var(--zd_emptysvg_medium_circle)'
+        />
+        <path
+          className='EmptyReply_svg-3'
+          d='M79.36 40.64a2.21 2.21 0 112.22-2.2 2.2 2.2 0 01-2.22 2.2zm0-3.68a1.48 1.48 0 101.5 1.48 1.49 1.49 0 00-1.5-1.44z'
+        />
+        <path
+          className='EmptyReply_svg-4'
+          d='M29.58 106.9a.36.36 0 01-.34-.38l.31-5.42a.36.36 0 01.72 0l-.31 5.42a.35.35 0 01-.38.38z'
+        />
+        <path
+          className='EmptyReply_svg-4'
+          d='M32.47 104.34L27 104a.36.36 0 110-.72l5.46.3a.37.37 0 01.34.38.35.35 0 01-.33.38z'
+        />
+        <path
+          className='EmptyReply_svg-3'
+          d='M167.3 119.92a.35.35 0 01-.26-.12l-3.65-4a.36.36 0 01.54-.49l3.64 4a.36.36 0 010 .51.35.35 0 01-.27.1z'
+        />
+        <path
+          className='EmptyReply_svg-3'
+          d='M163.44 119.7a.36.36 0 01-.27-.12.37.37 0 010-.51l4.08-3.62a.36.36 0 01.48.54l-4.08 3.62a.36.36 0 01-.21.09z'
+        />
+        <path
+          d='M98.94 143.5c-10.1 0-19.79-.57-26.76-2.19a11.33 11.33 0 01-4.11-1.16l-.12-.08a11.61 11.61 0 01-5.39-3.5c-7.36-10-5.18-40.08-3.9-52.56a6.06 6.06 0 016-5.44l28-.35a.49.49 0 01.51.47.5.5 0 01-.45.52L64.35 82c5.76 4.06 32.42 22.69 38.43 24.14 5.24 1.28 23-12.31 31.62-19.67a.5.5 0 01.65.76c-1 .88-25.47 21.6-32.51 19.88S64 83 62.68 82a.48.48 0 01-.19-.53.49.49 0 01.43-.37l18-1.78-16.3.21a5 5 0 00-5 4.54c-1.27 12.37-3.45 42.19 3.7 51.87a9.64 9.64 0 004 2.8c.43-4.22 15-17.71 25.87-25 6.23-4.15 10.45-5.81 12.55-4.94 5.19 2.16 28 20 37.52 27.53 5.61-3.28 2.88-37.75 1.32-51.08-1.1-1.64-16.13-23.42-36.47-22.06a.51.51 0 01-.51-.33c-.46-1.26-1.87-5.19-2.84-9-3.62 6.59-10.82 15.65-15.71 19.73 5.83 2.89 15.07 10.63 18 17.45.4-7.3 2.25-11.62 5.5-12.86 7.6-2.88 16.08-1 28.39 6.2a.51.51 0 01.17.69.49.49 0 01-.68.17c-15.1-8.86-22.39-8.07-27.52-6.12-3.14 1.19-4.8 5.93-4.94 14.09 0 .92 0 1.23-.5 1.27s-.55-.44-.59-.64c-1.22-7-12.65-16.67-18.71-19.57a6.22 6.22 0 01-3 1.47 1.32 1.32 0 01-1.44-1.3c-.25-1.57.77-1.91 1.22-2a6.12 6.12 0 013 .68 65.61 65.61 0 008.78-9.37 72.66 72.66 0 007.6-11.32c-.66-2.92-.94-5.52-.16-6.42a1.27 1.27 0 011.27-.38c.63.14 1.65.64 1.48 2.49a13.82 13.82 0 01-1.53 4.38 95.82 95.82 0 002.94 9.62c21.38-1.14 36.91 22.39 37.07 22.63a.54.54 0 01.08.21c.57 4.87 5.27 46.55-1.49 52 1.87 1.47 3.08 2.44 3.32 2.64a.5.5 0 01.17.53.51.51 0 01-.42.36c-1.67.28-25.9 3.01-48.12 3.01zM84.78 142c22.38 1.57 54.45-1.63 61-2.33-.63-.51-1.56-1.25-2.72-2.16-5.75 2.06-37.8 4.71-58.28 4.49zm-12.72-1.7c5.83.91 17.83 1 33.41.27 16.53-.81 32-2.41 36.69-3.77-9.73-7.68-31.88-25-36.81-27-1.7-.7-5.92 1.07-11.6 4.86-11.42 7.6-25.44 21-25.44 24.33 0 .08.09.19.24.3a30.06 30.06 0 003.51 1.01zm13.39-66.78a1.32 1.32 0 00-.29 0c-.2 0-.52.09-.39.84.07.47.25.47.41.46a4.19 4.19 0 002-.93 5 5 0 00-1.73-.37zm19.73-26.82a.22.22 0 00-.18.08c-.43.49-.31 2.12.12 4.27a10.17 10.17 0 00.88-2.91c.11-1.24-.45-1.37-.69-1.42z'
+          fill='var(--zd_emptysvg_primary_stroke)'
+        />
+        <path
+          d='M107 51.86a58.65 58.65 0 01-17.11 22.28c10.19 5.19 16.46 11.83 19.35 19.71 0 0-9.18-35.37 34.43-7.79 0 0-8.93-22.43-33.79-23.31z'
+          fill='var(--zd_emptysvg_secondary_fill)'
+        />
+      </SVG>
+    );
+  }
+}
+EmptyReply.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyReply.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptyReply',
+  palette: 'default'
+};
+if (__DOCS__) {
+  EmptyReply.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyReports.js

@@ -1,27 +1,88 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import SVG from './SVG';
-import image from './images/EmptyReports.svg';
+
 export default class EmptyReports extends React.Component {
   render() {
-    let { size, className='', alignHorizontal } = this.props;
     return (
-      <SVG viewBox='0 0 181.9 139.3' name='reports' size={size} className={className} alignHorizontal={alignHorizontal}>
-        <image xlinkHref={image} height='100%' width='100%' />
+      <SVG viewBox='0 0 200 200' name='reports' {...this.props}>
+        <defs>
+          <style>
+            {
+              ".EmptyReports_svg__cls-3,.EmptyReports_svg__cls-4,.EmptyReports_svg__cls-5{fill:none}.EmptyReports_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyReports_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyReports_svg__cls-4{stroke:var(--zd_emptysvg_plus);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="EmptyReports_svg__cls-3"
+          cx={79.62}
+          cy={29.6}
+          rx={2.12}
+          ry={2.1}
+        />
+        <path
+          className="EmptyReports_svg__cls-4"
+          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+        />
+        <ellipse
+          cx={165.88}
+          cy={154.09}
+          rx={2.45}
+          ry={2.43}
+          stroke="var(--zd_emptysvg_small_circle)"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          fill="none"
+        />
+        <path
+          className="EmptyReports_svg__cls-5"
+          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+        />
+        <path
+          fill="var(--zd_emptysvg_secondary_fill)"
+          d="M39.34 154.7l21.72-35.08 10.89 17.16 31.65-46.97 11.16 17.26 33.39-54.95 3.26-.87-1.61 105.25-110.46-1.8z"
+        />
+        <path
+          d="M43.44 41.58s.12 106.18-1.22 113.42-11.66 8.36-9.29 4.06 124 1.38 124 1.38 3.84-3.13-2.7-3.72-114.89-2-114.89-2 29.05-40.6 28.89-55.86-32.05-11 3.72 37.94l31.65-47s15.45-30.64-2.47-29.19 13.63 46.45 13.63 46.45l33.39-54.95L130 54.37s2.47 4.54 21.39-3.12l1.27 15.22s-3.64-4.88 2.37-5.06"
+          stroke="var(--zd_emptysvg_primary_stroke)"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          fill="none"
+        />
       </SVG>
     );
   }
 }
 EmptyReports.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'])
 };
 EmptyReports.defaultProps = {
   size: 'large',
-  alignHorizontal: true
-}
-
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyReports',
+  palette: 'default'
+};
 if (__DOCS__) {
   EmptyReports.docs = {
     componentGroup: 'SVG'

package/src/svg/EmptyRoles.js

@@ -1,27 +1,30 @@
 import React from 'react';
-import PropTypes from 'prop-types'
+import PropTypes from 'prop-types';
 import SVG from './SVG';
 import image from './images/EmptyRoles.svg';
 export default class EmptyRoles extends React.Component {
   render() {
-    let { size, className='', alignHorizontal } = this.props;
     return (
-      <SVG viewBox='0 0 181.9 139.3' name='roles' size={size} className={className} alignHorizontal={alignHorizontal}>
+      <SVG viewBox='0 0 181.9 139.3' name='roles' {...this.props}>
         <image xlinkHref={image} height='100%' width='100%' />
       </SVG>
     );
   }
 }
 EmptyRoles.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'])
 };
 EmptyRoles.defaultProps = {
   size: 'large',
-  alignHorizontal: true
-}
-
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyRoles'
+};
 if (__DOCS__) {
   EmptyRoles.docs = {
     componentGroup: 'SVG'

package/src/svg/EmptySchedule.js

@@ -0,0 +1,131 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptySchedule extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='schedule' {...this.props}>
+        <defs>
+          <style>
+            {
+              ".EmptySchedule_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptySchedule_svg__cls-3,.EmptySchedule_svg__cls-4,.EmptySchedule_svg__cls-5{fill:none}.EmptySchedule_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySchedule_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySchedule_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}"
+            }
+          </style>
+        </defs>
+        <path
+          d="M86 66.22a.61.61 0 00.35-.11c2.8-1.83 43.49-28 64.45-19.75 21.71 8.55 36.53 80.46-23.83 112.73s-87.67-37.92-87.9-50.36c-.22-12.02 0-40.65 46.93-42.51z"
+          opacity={0.05}
+          fill="var(--zd_emptysvg_primary_fill)"
+        />
+        <ellipse
+          cx={152.54}
+          cy={36.46}
+          rx={3.32}
+          ry={3.31}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <circle
+          className="EmptySchedule_svg__cls-3"
+          cx={80.89}
+          cy={34.48}
+          r={1.98}
+        />
+        <path
+          className="EmptySchedule_svg__cls-4"
+          d="M28.08 101.77l-.33 5.83M25 104.52l5.83.33"
+        />
+        <circle
+          cx={161.76}
+          cy={152.05}
+          r={2.3}
+          stroke="var(--zd_emptysvg_small_circle)"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          fill="none"
+        />
+        <path
+          className="EmptySchedule_svg__cls-5"
+          d="M170.88 117.22l3.89 4.35M170.65 121.33l4.35-3.88"
+        />
+        <rect
+          className="EmptySchedule_svg__cls-6"
+          x={71.39}
+          y={97.3}
+          width={9.87}
+          height={9.86}
+          rx={4.93}
+        />
+        <rect
+          className="EmptySchedule_svg__cls-6"
+          x={99.44}
+          y={97.29}
+          width={9.86}
+          height={9.87}
+          rx={4.93}
+          transform="rotate(109.27 104.376 102.215)"
+        />
+        <rect
+          className="EmptySchedule_svg__cls-6"
+          x={90.53}
+          y={124.26}
+          width={9.87}
+          height={9.86}
+          rx={4.93}
+        />
+        <rect
+          className="EmptySchedule_svg__cls-6"
+          x={109.28}
+          y={114.95}
+          width={28.46}
+          height={28.49}
+          rx={14.23}
+          transform="rotate(109.27 123.514 129.181)"
+        />
+        <rect
+          className="EmptySchedule_svg__cls-6"
+          x={126.95}
+          y={97.3}
+          width={9.87}
+          height={9.86}
+          rx={4.93}
+        />
+        <path
+          className="EmptySchedule_svg__cls-6"
+          d="M57.79 91.87s-.4-18.81 4.08-21.14 77 .22 77 .22 6.95-.07 7.8 6.51a35.62 35.62 0 010 10.7H67.44s-9.01-.11-9.65 3.71z"
+        />
+        <path
+          d="M57.15 135.56c1.11-6.06-.21-52.07.2-58.22.21-3.19.67-4.09 2.51-5.58s4.77-.86 9.27-.77h4.41c4.5.09 8.64.09 9.48-.26 1.68-.7 0-9.79-2.38-8.67s-4.21 16.78-.42 16.64S86 71 86 71h34.59c4.5.09 7.21.06 8-.29 1.68-.7 0-9.79-2.38-8.67s-4.21 16.8-.41 16.66 5.74-7.7 5.74-7.7l6.44-.14s12.12-1.17 12 6.59c0 2.19 0 4-.05 5.47 0 0-.93 20.95.06 20.92.79 0 2.33-5.23-1.15-13.62a3.42 3.42 0 00-3.18-2.1H67.43s-8.89-1-8.38 6.89 0 43.75 0 43.75.86 6.5 7.52 6.8 76.51 0 76.51 0 6.45-1 6.92-7.75l.27-13.82v-14.82l-27.14 25.53-5.32-3.9a1.82 1.82 0 01-.27-2.69h0a1.83 1.83 0 012.6-.1l3.4 3.23L134 120.32a13.73 13.73 0 00-13.69-4.23 13.44 13.44 0 00-9.85 16.34 13.62 13.62 0 0016.57 9.68 13.43 13.43 0 009.84-16.34"
+          strokeWidth={0.69}
+          stroke="var(--zd_emptysvg_primary_stroke)"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          fill="none"
+        />
+      </SVG>
+    );
+  }
+}
+EmptySchedule.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptySchedule.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptySchedule',
+  palette: 'default'
+};
+if (__DOCS__) {
+  EmptySchedule.docs = {
+    componentGroup: 'SVG'
+  };
+}