@zohodesk/svg 1.0.0-beta.35

package/src/svg/EmptyRecycleBin.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+import image from './images/EmptyRecycleBin.svg';
+export default class EmptyRecycleBin extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 181.9 149.5' name='recycleBin' {...this.props}>
+        <image xlinkHref={image} height='100%' width='100%' />
+      </SVG>
+    );
+  }
+}
+EmptyRecycleBin.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large'])
+};
+EmptyRecycleBin.defaultProps = {
+  size: 'large',
+  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

@@ -0,0 +1,90 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptyReports extends React.Component {
+  render() {
+    return (
+      <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 = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptyReports.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyReports',
+  palette: 'default'
+};
+if (__DOCS__) {
+  EmptyReports.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptyRoles.js

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

package/src/svg/EmptySearch.js

@@ -0,0 +1,95 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptySearch extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='search' {...this.props}>
+        <defs>
+          <style>
+            {
+              ".EmptySearch_svg__cls-4,.EmptySearch_svg__cls-5,.EmptySearch_svg__cls-6,.EmptySearch_svg__cls-7,.EmptySearch_svg__cls-8{fill:none}.EmptySearch_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySearch_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySearch_svg__cls-5,.EmptySearch_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySearch_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptySearch_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="EmptySearch_svg__cls-4"
+          cx={79.62}
+          cy={29.6}
+          rx={2.12}
+          ry={2.1}
+        />
+        <path
+          className="EmptySearch_svg__cls-5"
+          d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+        />
+        <ellipse
+          className="EmptySearch_svg__cls-8"
+          cx={165.88}
+          cy={154.09}
+          rx={2.45}
+          ry={2.43}
+        />
+        <path
+          className="EmptySearch_svg__cls-7"
+          d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+        />
+        <path
+          d="M101.35 87.13s4.94 2.24 6.06 9.58"
+          stroke="var(--zd_emptysvg_circle_fill)"
+          strokeWidth={2}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          fill="none"
+        />
+        <ellipse
+          cx={95.28}
+          cy={96.71}
+          rx={21.41}
+          ry={21.23}
+          fill="var(--zd_emptysvg_secondary_fill)"
+        />
+        <path
+          className="EmptySearch_svg__cls-6"
+          d="M33.71 102.31H56.2a7.33 7.33 0 007.28-6.64c.75-7.62 4.37-20 19-27.59 22.32-11.51 51.78 10.62 43.75 37.18l-3.57 7.67 27.38 27.15s4.11 6.77 0 10.62-8 1.77-12.21-1.18S112 124.14 112 124.14s-26.19 12.4-42.26-8.26c0 0-1-1.53-2.09-3.42-2.2-3.73 1.4-8.42 5.52-7a3.11 3.11 0 011.5 1c2.19 2.85 9.2 15.31 25.23 12.24s19.48-19.7 15.81-32.18-25.88-16.08-34.38-8-9.65 18.57-5.6 22 7-.57 8.31-5.93 4.41-8.81 8.38-8.81 7.84-2.11 5.72-5.75-12.51-.82-16 2.68c-5.32 5.28-9.27 17.71-1 26.19s19.7 5.22 22.6 3.69 6.4-7.8 7.92-8.62"
+        />
+      </SVG>
+    );
+  }
+}
+EmptySearch.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptySearch.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptySearch',
+  palette: 'default'
+};
+if (__DOCS__) {
+  EmptySearch.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptySkills.js

@@ -0,0 +1,116 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptySkills extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='search' {...this.props}>
+        <style>
+          {
+            ".EmptySkills_svg__st2,.EmptySkills_svg__st4{fill:none;stroke:var(--zd_emptysvg_tiny_circle);stroke-miterlimit:10}.EmptySkills_svg__st4{stroke:var(--zd_emptysvg_cross)}.EmptySkills_svg__st3{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySkills_svg__st7{opacity:.25}.EmptySkills_svg__st9{fill:none;stroke:var(--zd_emptysvg_primary_fill);stroke-width:.5;stroke-miterlimit:10}"
+          }
+        </style>
+        <path
+          d="M86.5 62.5s46.9-30.9 70.7-21.5 40 87.4-26.1 122.4-95.9-41.2-96.1-54.7c-.3-13.1 0-44.3 51.5-46.2z"
+          opacity={0.05}
+          fill="var(--zd_emptysvg_primary_fill)"
+        />
+        <circle
+          cx={156}
+          cy={31.7}
+          fill="none"
+          stroke="var(--zd_emptysvg_medium_circle)"
+          strokeMiterlimit={10}
+          r={3.5}
+        />
+        <circle className="EmptySkills_svg__st2" cx={79.6} cy={29.6} r={2.1} />
+        <path
+          className="EmptySkills_svg__st3"
+          d="M23.3 100.9l-.4 6.1M20 103.8l6.2.3"
+        />
+        <circle
+          cx={165.9}
+          cy={154.1}
+          fill="none"
+          stroke="var(--zd_emptysvg_medium_circle)"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          r={2.4}
+        />
+        <path
+          className="EmptySkills_svg__st4"
+          d="M175.6 117.2l4.2 4.6M175.4 121.6l4.6-4.2"
+        />
+        <path
+          d="M25.9 124.2s28.6-2.9 35.8-25.2 29.5-22.8 35.6-24.2l.7-.2c6.6-2.4 11.3-8.9 11.3-16.3 0-9.5-7.7-17.2-17.2-17.2S75 48.8 75 58.3c0 8.2 5.7 15 13.4 16.7h0c2.1.7 4.5 1.6 7.3 1.9 2.2.2 4.5.3 6.8.2 5.3-.2 18.5 2.2 23.3 13.8 6.3 15.4 16.9 30.2 36.4 30.2 0 0-44.3 6.3-51.1-23 0 0 3.2 1.1 0 15.1S92.4 142 66.5 128s-30.6 18.7-5 22.3 58.3-18.4 72.7-22 24.1 5 24.1 12.2c0 20.2-79.2 33.1-83.2-42.5"
+          fill="none"
+          stroke="var(--zd_emptysvg_primary_stroke)"
+          strokeMiterlimit={10}
+        />
+        <circle cx={97.2} cy={58.1} r={17.1} fill="var(--zd_emptysvg_secondary_fill)" />
+        <g className="EmptySkills_svg__st7">
+          <defs>
+            <circle
+              id="EmptySkills_svg__SVGID_1_"
+              cx={147.6}
+              cy={58.7}
+              r={12.7}
+            />
+          </defs>
+          <clipPath id="EmptySkills_svg__SVGID_2_">
+            <use xlinkHref="#EmptySkills_svg__SVGID_1_" overflow="visible" />
+          </clipPath>
+          <g clipPath="url(#EmptySkills_svg__SVGID_2_)">
+            <path
+              className="EmptySkills_svg__st9"
+              d="M162.5 47.7l-4.1 26M160.9 47.5l-4.1 26M159.3 47.2l-4.1 26M157.7 47l-4.1 26M156.1 46.7l-4.2 26M154.5 46.5l-4.1 25.9M152.9 46.2l-4.2 26M151.3 45.9l-4.2 26M149.7 45.7l-4.2 26M148.1 45.4l-4.2 26M146.5 45.2l-4.2 26M144.9 44.9l-4.2 26M143.2 44.7l-4.1 26M141.6 44.4l-4.1 26M140 44.2l-4.1 26M138.4 43.9l-4.1 26M136.8 43.6l-4.1 26"
+            />
+          </g>
+          <circle
+            className="EmptySkills_svg__st9"
+            cx={147.6}
+            cy={58.7}
+            r={12.7}
+          />
+        </g>
+        <g className="EmptySkills_svg__st7">
+          <defs>
+            <circle id="EmptySkills_svg__SVGID_3_" cx={34.3} cy={61.8} r={12.7} />
+          </defs>
+          <clipPath id="EmptySkills_svg__SVGID_4_">
+            <use xlinkHref="#EmptySkills_svg__SVGID_3_" overflow="visible" />
+          </clipPath>
+          <g clipPath="url(#EmptySkills_svg__SVGID_4_)">
+            <path
+              className="EmptySkills_svg__st9"
+              d="M47.7 50.6l-4.2 26M44.5 50.1l-4.2 26M41.2 49.6l-4.1 26M38 49l-4.1 26.1M34.8 48.5l-4.1 26M31.6 48l-4.1 26M28.4 47.5l-4.2 26M25.2 47L21 73"
+            />
+          </g>
+          <circle className="EmptySkills_svg__st9" cx={34.3} cy={61.8} r={12.7} />
+        </g>
+      </SVG>
+    );
+  }
+}
+EmptySkills.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptySkills.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptySkills',
+  palette: 'default'
+};
+if (__DOCS__) {
+  EmptySkills.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/EmptySla.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptySla extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 200 200' name='Sla' {...this.props}>
+        <defs>
+          <style>
+            {
+              '.EmptySla_svg-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptySla_svg-4{fill:var(--zd_emptysvg_plus)}'
+            }
+          </style>
+        </defs>
+        <path
+          d='M88.4 67.4s41.2-27.13 62.06-19 35.09 76.86-22.89 107.68S43.36 119.89 43.13 108c-.21-11.5 0-38.9 45.27-40.6z'
+          fill='var(--zd_emptysvg_primary_fill)'
+          opacity={0.05}
+        />
+        <path
+          d='M158.11 150.45a2.5 2.5 0 112.51-2.5 2.51 2.51 0 01-2.51 2.5zm0-4.28a1.78 1.78 0 101.79 1.83 1.79 1.79 0 00-1.79-1.83z'
+          fill='var(--zd_emptysvg_small_circle)'
+        />
+        <path
+          d='M149.46 43.73a3.45 3.45 0 113.47-3.45 3.47 3.47 0 01-3.47 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='EmptySla_svg-3'
+          d='M82.35 40.64a2.21 2.21 0 112.21-2.2 2.2 2.2 0 01-2.21 2.2zm0-3.68a1.48 1.48 0 101.49 1.48A1.49 1.49 0 0082.35 37z'
+        />
+        <path
+          className='EmptySla_svg-4'
+          d='M32.57 106.9a.35.35 0 01-.33-.38l.3-5.42a.36.36 0 01.72 0l-.31 5.42a.35.35 0 01-.38.38z'
+        />
+        <path
+          className='EmptySla_svg-4'
+          d='M35.45 104.34L30 104a.36.36 0 010-.72l5.46.3a.37.37 0 01.34.38.35.35 0 01-.35.38z'
+        />
+        <path
+          className='EmptySla_svg-3'
+          d='M170.29 119.92a.36.36 0 01-.27-.12l-3.65-4a.36.36 0 01.54-.49l3.64 4a.35.35 0 010 .51.34.34 0 01-.26.1z'
+        />
+        <path
+          className='EmptySla_svg-3'
+          d='M166.42 119.7a.36.36 0 01-.23-.63l4.07-3.62a.36.36 0 01.48.54l-4.08 3.62a.34.34 0 01-.24.09z'
+        />
+        <path
+          d='M101.93 94.22s-8.08 10.21-7.18 10.78 10.83 13 11.47 12.27 34-25.4 34-25.4-.49-3-2.92-1.62C129 95 109.68 109.18 109 108.23c-.9-1.23-7.07-14.01-7.07-14.01z'
+          fill='var(--zd_emptysvg_secondary_fill)'
+        />
+        <path
+          d='M105.4 156.63h-.15c-1.5-.29-10.69-7.45-18.34-14-5-4.23-16.69-14.49-18.07-18.39-2.21-6.26-1.62-50.79-1.59-52.68a.74.74 0 01.33-.59c.56-.42 2.67-.73 5.76-1 0-1.24.06-2.13.06-2.55a1 1 0 01.34-.75c3.71-3.64 54.81-3 60.63-2.91a.52.52 0 01.52.53.53.53 0 01-.53.52c-.14 0-14.77-.22-29.44 0-27 .47-30.16 2.09-30.46 2.6 0 .43 0 1.28-.06 2.45 7.24-.47 18.92-.54 29.14-.49 16.31.07 34 .52 35.75.91.54.12.84.18.8 9.33 0 4.31-.13 8.66-.13 8.71a.5.5 0 01-.23.42l-30.44 19.83a.53.53 0 01-.44.07.55.55 0 01-.33-.3c-.05-.1-4.6-10.57-6.39-12.79a.35.35 0 00-.34-.17c-1.59.1-4.94 5.63-6 7.44-.24.41-.44.73-.58.94 0 .38.76 2.64 11.19 14.34l.1.11c2.53-.89 21.19-15.53 32.65-24.78a.53.53 0 01.55-.07.53.53 0 01.3.47c0 .95.3 23.3-.51 27.34-.46 2.3-8.31 10.3-15.41 16.75-3.5 3.18-15.2 13.58-18.61 13.58-5.31 0-28.89-25.58-32-31.47-1.6-3-1.06-23.91-.25-46 0-1.13.08-2.15.11-3a19.34 19.34 0 00-5 .7c0 2.93-.55 46.23 1.54 52.14.89 2.54 7.53 9.24 17.74 17.93 9.53 8.11 17 13.56 17.88 13.75 1.32 0 10.34-6.53 20.23-15.66 10.83-10 17.09-17.93 17.19-21.78l.42-16.48a.52.52 0 01.52-.51.53.53 0 01.51.54l-.42 16.48c-.17 6.81-16.75 22.52-27.85 31.43-3.32 2.69-9.01 7.06-10.69 7.06zM74.35 71c0 .92-.07 2-.11 3.15-.47 12.66-1.56 42.29.12 45.49 1.57 3 8.06 10.65 15.11 17.85 7.77 7.93 14 13.06 16 13.06s9.15-5.35 17.91-13.31c9.4-8.55 14.79-14.72 15.08-16.18.69-3.44.55-21.43.51-26-2.28 1.83-8.84 7.09-15.41 12.2-16.74 13-17.2 12.51-17.68 12l-.26-.3c-12.41-13.92-11.67-15-11.31-15.56.12-.18.33-.52.59-1 2.46-4.06 5-7.83 6.87-7.95a1.42 1.42 0 011.22.56c1.64 2.05 5.29 10.21 6.28 12.47l29.69-19.35c.18-7.27.19-15.28-.1-16.75-2.57-.33-18.67-.77-35.38-.85-14.41-.08-23.7.13-29.13.47zm32.26 47.49zm-11.45-14.66z'
+          fill='var(--zd_emptysvg_primary_stroke)'
+        />
+      </SVG>
+    );
+  }
+}
+EmptySla.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+EmptySla.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptySla',
+  palette: 'default'
+};
+if (__DOCS__) {
+  EmptySla.docs = {
+    componentGroup: 'SVG'
+  };
+}