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

package/src/svg/EmptyWebhook.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/EmptyWebhook.svg';
 export default class EmptyWebhook extends React.Component {
   render() {
-    let { size, className='', alignHorizontal } = this.props;
     return (
-      <SVG viewBox='0 0 181.9 139.3' name='emptyWebhook' size={size} className={className} alignHorizontal={alignHorizontal}>
+      <SVG viewBox='0 0 181.9 139.3' name='emptyWebhook' {...this.props}>
         <image xlinkHref={image} height='100%' width='100%' />
       </SVG>
     );
   }
 }
 EmptyWebhook.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'])
 };
 EmptyWebhook.defaultProps = {
   size: 'large',
-  alignHorizontal: true
-}
-
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyWebhook'
+};
 if (__DOCS__) {
   EmptyWebhook.docs = {
     componentGroup: 'SVG'

package/src/svg/EmptyWillBeRightBack.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class EmptyWillBeRightBack extends React.Component {
+  render() {
+    return (
+      <SVG viewBox='0 0 1326.83 1190.04' name='EmptyWillBeRightBack' {...this.props}>
+        <defs>
+          <style>{".EmptyGlobe_svg__cls-2{fill:var(--zd_emptysvg_secondary_fill);}"}</style>
+        </defs>
+        <path
+          d="M485.09 849.29a233.48 233.48 0 01-67.78-9.72c-44-13.41-99.43-46.65-113.63-128.82-15.48-89.5 18.66-147.8 50-181 34-35.89 72.12-50.83 72.51-51a1.2 1.2 0 01.86 2.25c-.38.14-38.1 14.93-71.69 50.46-30.95 32.74-64.63 90.34-49.33 178.81 14 81 68.61 113.71 112 126.93 73.86 22.52 159.34 2.66 189.86-29.25.61-.47 42.08-32.66 58.06-108.73l-.64-.16a28.65 28.65 0 01-20.13-17.92 1.27 1.27 0 010-.48c1.28-12.26-1.48-21.49-8.2-27.45-8.66-7.67-23.92-9.71-41.87-5.6a62.45 62.45 0 01-8 1.29c1.15 12.95-10.55 35.65-31.94 44.65-6.1 2.58-12.69 2.28-18.82.71-1.15 17.48-9.2 34.7-13 40.84a22.76 22.76 0 00-2.13 4.72 51.29 51.29 0 0115.31-6.72 10.65 10.65 0 019.75 2.59 10.5 10.5 0 013.19 9.4c-1.46 8.81-8.54 21.6-17.44 26.91-5.43 3.23-8.88 1.55-10.82-.42-4.51-4.59-5.47-16.16-3.84-26a42.79 42.79 0 00-12.74 17.51c-11.45 29.7-31 34.59-31.83 34.78-5.71.91-10.47-.07-14.22-2.91-9.59-7.26-11.71-25.68-14-45.18-3.12-27-6.35-55-28.21-60.49-16.08-4-26.91-11.15-32.19-21.1a31.47 31.47 0 01-2.18-23.78c5.32-21.4 22.81-35.74 41.3-45.17a116.06 116.06 0 01-15.21-5c-3.19-1.46-5-3.46-5.34-6-.87-6.28 7.92-13.75 15-19.75 1.8-1.54 3.5-3 4.74-4.17 2.38-2.28 3.36-3.73 3.27-4.84-.13-1.81-3.22-4-8.34-7.6-1.47-1-3.11-2.19-4.92-3.51-3.95-2.87-5.75-6.6-5.08-10.51.79-4.57 5-9 10.09-10.46 3.65-1.09 7-.35 9.16 2 2.54 2.76 8.63 5.07 17.6 6.67a20.08 20.08 0 0019.08-7 35.46 35.46 0 01-8.24-9.77c-5.66-9.38-6.9-18-3.69-25.72 6.83-16.35 31.15-22.4 32.18-22.65 39.44-3.07 81.31 14 118.1 48 42.56 39.47 72.3 95.85 72.3 137.2a293.52 293.52 0 01-5.21 41.26c17.57 2.82 50.11-6.58 107.91-62.13a1.05 1.05 0 01.27-.2c.17-.09 17.62-10 29.82-61.81 7-29.64 43.47-27.69 82.12-25.62 33.81 1.81 68.77 3.68 91.08-13.17 19.15-14.47 41.85-31.82 62.33-47.55a116.91 116.91 0 00-31-9.37 1.2 1.2 0 01-.26-2.32l89.55-33.22a1.21 1.21 0 011.48.54 1.22 1.22 0 01-.32 1.54c-.42.32-24.91 19.3-54.88 42.32 8 4.23 15.7 9.94 21.23 17.61l45.69-68.87-109.67 41.36-4.63 31.66a1.2 1.2 0 01-1.23 1 1.21 1.21 0 01-1.16-1.11l-2.59-33.38-7.41 2.62c2.85 4.3 11 18.2 7.37 32.36-2.42 9.55-9.69 17.17-21.6 22.67-21.25 9.81-53.51-4-84.7-17.34-28-12-56.93-24.37-76-18.47-20.64 6.4-31.39 18.49-36.77 27.49a50.47 50.47 0 00-6.84 18.22 1.2 1.2 0 11-2.39-.26c0-.35 4.26-35 45.26-47.67 19.95-6.16 48 5.84 77.68 18.55 30.71 13.14 62.47 26.74 82.75 17.38 11.21-5.18 18-12.27 20.27-21.07 4-15.55-7.76-31.51-7.88-31.67a1.2 1.2 0 01-.19-1.07 1.21 1.21 0 01.75-.78l9.51-3.37-.08-.94c-3.66-1.91-25.74-12.33-60.77-6.24l-.76.13a1.2 1.2 0 11-.42-2.37l.67-.12 176.23-31.13a1.17 1.17 0 011.37.87 1.21 1.21 0 01-.76 1.45l-113 40 1.81 23.29 3.17-21.7a1.21 1.21 0 01.77-1l113.82-42.91a1.21 1.21 0 011.43 1.8l-48.73 73.45a1.19 1.19 0 01-1 .54 1.19 1.19 0 01-1-.54c-5.5-8.3-13.85-14.36-22.43-18.74-20.73 15.93-43.83 33.6-63.29 48.3-23 17.37-58.42 15.48-92.66 13.65-39.24-2.1-73.14-3.91-79.65 23.76-12 51.09-28.91 62.16-30.88 63.3-33.09 31.79-78.49 67.82-110 62.66-16.19 77-58.32 109.68-58.82 110.06-21.61 22.7-70.93 39.46-124.27 39.46zM426.8 600.17c-25.68 12.82-38.8 30.1-42.48 44.94a29.57 29.57 0 001.93 22.09c4.95 9.31 15.25 16 30.62 19.85 23.48 5.91 26.95 36 30 62.56 2.19 19 4.26 36.89 13 43.53 3.26 2.47 7.28 3.29 12.3 2.47.11 0 19.09-4.86 30.05-33.29A46 46 0 01518 742a28.74 28.74 0 013.18-8.14c3.76-6 11.77-23.13 12.76-40.23a66.78 66.78 0 01-16-7.74c-14.17-9.19-25.41-22.72-25.59-30.81a7.41 7.41 0 013.79-6.93c5.14-2.56 14.16 1.22 26.8 11.21 10.5 8.31 13.74 20.31 13.41 32.42 6.7 1.78 12.81 1.68 17.78-.42 21.77-9.16 31.41-31.18 30.46-42.25-15.09.8-28.08-4.09-32.82-10.4-1.92-2.56-2.27-5.24-1-7.55 1-1.85 3.44-3.91 9.14-3.32 9.77 1 23.92 9.52 26.5 18 .07.24.14.49.2.74a60 60 0 007.89-1.26c18.71-4.29 34.75-2 44 6.15 7.28 6.45 10.32 16.29 9 29.24a26.78 26.78 0 0018.4 16.09l.48.12a292.81 292.81 0 005.16-40.87c0-40.66-29.41-96.31-71.52-135.27-36.28-33.58-77.51-50.42-116.08-47.42-.06 0-24 6-30.34 21.21-2.89 6.95-1.7 14.87 3.53 23.54a33.53 33.53 0 007.58 9.07c.21-.33.4-.66.59-1 15.7-28.46 29.91-28.56 33.9-27.9 3.58.59 6.2 2.64 6.67 5.24.88 4.81-10.25 23.27-23.94 28.45a18.15 18.15 0 01-16.65-1.46 22.44 22.44 0 01-21.47 8c-9.64-1.72-16-4.21-19-7.41-2.08-2.26-5.1-1.8-6.71-1.32-4.16 1.22-7.76 4.9-8.4 8.56-.51 3 .91 5.81 4.12 8.15 1.81 1.31 3.44 2.46 4.9 3.49 6.08 4.29 9.14 6.45 9.36 9.4.17 2.25-1.48 4.32-4 6.75-1.29 1.23-3 2.71-4.85 4.26-6.23 5.3-14.77 12.61-14.08 17.61.23 1.64 1.52 3 4 4.09a127.91 127.91 0 0017.52 5.56 187.91 187.91 0 0144.16-14.14c29.43-5.54 55-3.66 60.71 4.46 1.18 1.67 2.13 4.47-.07 8.28-12.6 21.6-72.34 12.29-104.67 3.92zm93.31 143.29c-2.18 9.52-1.7 22 2.7 26.5 2 2 4.54 2 7.87 0 8-4.8 14.92-16.92 16.3-25.23a8 8 0 00-2.46-7.25 8.31 8.31 0 00-7.57-2 50 50 0 00-16.84 7.98zm-20.36-93.63a5.55 5.55 0 00-2.52.52c-2.41 1.19-2.47 4.14-2.46 4.72.16 7.25 11.14 20.19 24.49 28.84a63.11 63.11 0 0014.74 7.23c.17-11.24-2.94-22.23-12.57-29.84-11.71-9.3-18.19-11.47-21.68-11.47zM558 630.18c-2 0-4.17.47-5.12 2.19-.82 1.47-.55 3.13.81 4.94 3.81 5.07 15.7 10.12 30.48 9.45a1.72 1.72 0 00-.07-.21c-2.28-7.49-15.57-15.34-24.44-16.27a14.81 14.81 0 00-1.66-.1zm-127.77-31.67c32.15 8 87.7 16.14 99.1-3.52 1.28-2.2 1.34-4.06.19-5.68-5.06-7.16-30.67-8.68-58.29-3.48a173.77 173.77 0 00-41 12.68zm36.49-69.93a15.65 15.65 0 0014.39 1.15c12.78-4.83 23.07-22.25 22.44-25.77-.23-1.25-1.8-2.82-4.7-3.29-7.4-1.19-19.53 5.16-31.4 26.68-.23.42-.45.83-.73 1.23zm549.37-52.68a116 116 0 0128.43 9.3c21.47-16.49 40.24-31 49.55-38.2zm-58.25-15.17c23.91.55 37.45 8.33 38.19 8.76a1.21 1.21 0 01.58.94l.08.95 98.68-35z"
+          fill="var(--zd_emptysvg_primary_stroke)"
+        />
+        <path
+          className="EmptyGlobe_svg__cls-2"
+          d="M426.84 598.89s-60.36 22.2-42.84 66.32 56.7 4.06 61.9 86.31 50.55 25.08 50.55 25.08 17-31.79 20.78-32.45 18.66-40 17.94-51.39 30.61 6 42.75-19.69 4.27-37.27-17.09-43.85-87.46-25.99-133.99-30.33zM932.52 464s33.16-8.78 62.89 6.55l114.05-37.82zM1011.41 476.35s38.52 5.39 56.74 29.82l48.73-73.46z"
+        />
+      </SVG>
+    );
+  }
+}
+EmptyWillBeRightBack.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  palette: PropTypes.oneOf(['default', 'dark']),
+  isFluid: PropTypes.bool
+};
+EmptyWillBeRightBack.defaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyWillBeRightBack',
+  palette: 'default',
+  isFluid: false
+};
+if (__DOCS__) {
+  EmptyWillBeRightBack.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/ErrorInconvenience.js

@@ -0,0 +1,128 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class Inconvenience extends React.Component {
+  render() {
+    return (
+      <SVG
+        viewBox='0 0 622.7 500'
+        name='Inconvenience'
+        {...this.props}
+      >
+        <defs>
+          <style>
+            {
+              ".ErrorInconvenience_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.ErrorInconvenience_svg__cls-10,.ErrorInconvenience_svg__cls-3,.ErrorInconvenience_svg__cls-8{fill:none}.ErrorInconvenience_svg__cls-3{stroke:var(--zd_emptysvg_primary_stroke)}.ErrorInconvenience_svg__cls-10,.ErrorInconvenience_svg__cls-3,.ErrorInconvenience_svg__cls-8{stroke-linecap:round;stroke-linejoin:round}.ErrorInconvenience_svg__cls-3{stroke-width:1.5px}.ErrorInconvenience_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorInconvenience_svg__cls-8{stroke:var(--zd_emptysvg_plus)}"
+            }
+          </style>
+        </defs>
+        <path
+          className="ErrorInconvenience_svg__cls-1"
+          d="M128.67 172.1s33.78-54.78 54.78-11 32.87 82.17 94 33.78 86.77-55.65 109.55-25.52S431.32 456 208.1 403.07c0 0-176.66-66.64-79.43-230.97z"
+        />
+        <circle
+          className="ErrorInconvenience_svg__cls-1"
+          cx={85.66}
+          cy={380.12}
+          r={25.39}
+        />
+        <circle
+          className="ErrorInconvenience_svg__cls-1"
+          cx={68.97}
+          cy={136.56}
+          r={25.39}
+        />
+        <circle
+          className="ErrorInconvenience_svg__cls-1"
+          cx={286.44}
+          cy={89.2}
+          r={12.74}
+        />
+        <circle
+          className="ErrorInconvenience_svg__cls-1"
+          cx={134.93}
+          cy={425.42}
+          r={12.74}
+        />
+        <circle
+          className="ErrorInconvenience_svg__cls-1"
+          cx={369.22}
+          cy={413.4}
+          r={12.74}
+        />
+        <path
+          d="M234 353.75c5.27-.18 28.47.34 38.93-5.64 11.84-6.77 130.3-4.51 130.3 2.82s-45.69 7.33-2.82 22 120.14-18.05 162.44-2.82 10.15 44.56-6.2 46.25-40.65-27.64-59.84-30.46-77.81 5.1-69.94 13.54 50.2 5.08 57 10.15-26.51 5.08-48.5 6.21-111.73-19.18-95.37-5.64S442.1 426 446 438.92s-103.57-8.39-107-9.87 6.35-4 4.87-7.41-22.66-5.61-24.82 5.15-76 2.43-80.19-1.78 7.19-6.56 7.49-11.7c.67-11.69 49.37-3 49.14-8.42s-47.51-10.53-54.76-11.47-15-9.83-8-14.27S249.7 369.32 245 366c-3.51-2.46-17-2.15-23.36-4 .02 0-6.38-7.61 12.36-8.25z"
+          opacity={0.2}
+          fill="var(--zd_emptysvg_primary_fill)"
+        />
+        <path
+          className="ErrorInconvenience_svg__cls-3"
+          d="M99.15 319.43l26.19-65.78S95 228.1 92.76 229.06c-2 .87-25.29 62.29-29.4 73.17a2.07 2.07 0 00.91 2.51l35.59 20.34a2.05 2.05 0 002.84-.82c5.91-11.29 35.92-69.73 25.83-73.48-11.18-4.16-38.32-29.7-31-29.7s64.51 39 64.51 39l58.25-34.67c3.35-1 5.34 3.11 5.34 3.11 5.44 4.67 2.41 27.54.14 33.43-1.16 3-4 3.2-6.56 2.67a.87.87 0 00-.74 1.51l6.21 5.17a.94.94 0 001.43-.28c11-20.65 9.11-41.29 8-48.57-.27-1.69-1.61-5.59-3.27-5.16-15.69 4-74.69 38.31-71.25 39.41 3.74 1.2 69.73-36.78 68.4-40.45s-64.4-41.55-61.07-44.55 65.62 47.35 66 44-60.61-50.36-62.28-51-75.9 30.59-79.28 36.86c-1.2 2.21 72.66 57 73.82 54.72s-68.47-55.71-72.73-55.71-48 105.62-49.91 109.87 54.31 44.71 67.32 46.82c7.08 1.14 49.05-99.65 46-101.75-3.26-2.28-57.75 98.67-40.63 103.6 23.78 6.84 59.08-15 61.49-20.36 1-2.26-.58-5.61-2.77-8.72-2.73-3.89-4.37-11-3.79-15.73 5.52-44.6 48.77-48.24 42.05-52.94-7.14-5-15.34 0-15.34 0-24.25 11.5-32.56 37.89-35.35 52.65a16.16 16.16 0 006.38 16.11l38.92 28.23a8.22 8.22 0 008.58.64c41.66-21.38 48.05-58 44-67.1a13.34 13.34 0 00-4-5.28c-5.33-4.26-18.3-9.28-39.64 14.69-19.1 21.46-19.33 38.55-17.3 47.67a8.14 8.14 0 0010.54 5.9c22.73-7.73 42.95-47 41.35-55-1.78-8.92-15.34-8.56-31.74 9.27-7 7.59-11.87 17.14-12.69 23.95a26.74 26.74 0 007.08 21.04c1.86 2.05 5.55 3 5.35 5.12-.46 5.15 22 3.52 26.68 6.79s-5.15 8.66-12.17 13.11.7 13.33 8 14.27 54.52 6.08 54.76 11.47-48.47-3.27-49.14 8.42c-.3 5.14-11.71 7.49-7.49 11.7s78 12.54 80.19 1.78 23.34-8.54 24.82-5.15-8.26 5.93-4.87 7.41S450 451.9 446 438.92s-89.68-15.23-106-28.76 73.33 6.77 95.33 5.64 55.27-1.13 48.5-6.21-49.07-1.69-57-10.15 50.76-16.36 69.94-13.54 43.43 32.15 59.79 30.46 48.51-31 6.2-46.25-119.58 17.49-162.44 2.82 2.82-14.67 2.82-22-118.46-9.59-130.3-2.82c-10.46 6-33.66 5.77-38.93 5.64a3.57 3.57 0 00-2.56.92c-.93.87-1.35 2.24 2.42 3.61 6.29 2.28 32.44 4.44 50.1-1.32s83.84-15.19 86.49 3.14c1.67 11.52 14.72 24 35.26 23.65a12.08 12.08 0 0111.15 6.82c1.7 3.65.89 7.43-9.15 7.93-6.91.35-15.7.19-24.77-.28"
+        />
+        <path
+          className="ErrorInconvenience_svg__cls-3"
+          d="M220.6 276.4s-6.91-6.4-8.6-6.4-8.8 2.45-10 5.38 9.05 12 10.76 10.52-13-10.12-14.68-7.87-5.38 4.44-5.38 6.65 7.34 9.78 10.27 9-11.25-8.8-12.47-7.33-5.63 7.09-5.63 9.05 9.54 9.29 12 8.07-14.19-7.09-15.17-4.89a57.09 57.09 0 00-2.44 9.78c0 .73 8.07 5.38 10.52 4.4s-8.56-3.18-10.52-1-2.45 8.32-1.22 10.28 8.31 4.64 8.31 4.64"
+        />
+        <ellipse
+          cx={242.54}
+          cy={119.05}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse cx={207.81} cy={420.01} rx={3.54} ry={3.51} fill="var(--zd_emptysvg_medium_circle)" />
+        <ellipse
+          cx={40.66}
+          cy={271.19}
+          rx={3.31}
+          ry={3.28}
+          stroke="var(--zd_emptysvg_tiny_circle)"
+          strokeMiterlimit={10}
+          fill="none"
+        />
+        <ellipse cx={427.47} cy={275.31} rx={3.31} ry={3.28} fill="var(--zd_emptysvg_tiny_circle)" />
+        <path
+          className="ErrorInconvenience_svg__cls-8"
+          d="M104.87 159.76l-.35 6.18M101.58 162.68l6.23.35"
+        />
+        <ellipse
+          cx={425.64}
+          cy={317.18}
+          rx={2.46}
+          ry={2.44}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          stroke="var(--zd_emptysvg_small_circle)"
+          fill="none"
+        />
+        <path
+          className="ErrorInconvenience_svg__cls-10"
+          d="M384.7 115.32l4.16 4.61M384.46 119.69l4.65-4.13"
+        />
+      </SVG>
+    );
+  }
+}
+
+Inconvenience.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool
+};
+
+Inconvenience.defaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'inconvenience'
+};
+
+if (__DOCS__) {
+  Inconvenience.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/ErrorOopsSomethingMiss.js

@@ -0,0 +1,128 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class OopsSomethingMiss extends React.Component {
+  render() {
+    return (
+      <SVG
+        viewBox='0 0 695.38 500'
+        name='OopsSomethingMiss'
+        {...this.props}
+      >
+        <defs>
+          <style>
+            {
+              ".ErrorOopsSomethingMiss_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.ErrorOopsSomethingMiss_svg__cls-10,.ErrorOopsSomethingMiss_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorOopsSomethingMiss_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorOopsSomethingMiss_svg__cls-8{stroke:var(--zd_emptysvg_plus)}"
+            }
+          </style>
+        </defs>
+        <path
+          className="ErrorOopsSomethingMiss_svg__cls-1"
+          d="M280.06 165.76s33.78-54.78 54.77-11 32.87 82.17 94 33.78S515.6 132.89 538.42 163s44.28 286.69-178.94 233.74c0 0-176.65-66.65-79.42-230.98z"
+        />
+        <circle
+          className="ErrorOopsSomethingMiss_svg__cls-1"
+          cx={237.04}
+          cy={373.78}
+          r={25.39}
+        />
+        <circle
+          className="ErrorOopsSomethingMiss_svg__cls-1"
+          cx={220.36}
+          cy={130.23}
+          r={25.39}
+        />
+        <circle
+          className="ErrorOopsSomethingMiss_svg__cls-1"
+          cx={437.82}
+          cy={82.86}
+          r={12.74}
+        />
+        <circle
+          className="ErrorOopsSomethingMiss_svg__cls-1"
+          cx={286.31}
+          cy={419.08}
+          r={12.74}
+        />
+        <circle
+          className="ErrorOopsSomethingMiss_svg__cls-1"
+          cx={520.6}
+          cy={407.06}
+          r={12.74}
+        />
+        <path
+          d="M83.93 402.4c15.42-1.84 27.8-6.31 29.7-15.65 5.51-27.12 61.58-45 222 20.22 0 0 96.06-48.26 96.06-50.09s-55.16-9.2-84.57 36.76c0 0-124.09-38.5-146.61-38.33 0 0 78.59-66.92 96.52-64.16s-62 4.14-111.23 43.2c0 0 104.33 28.47 147.53 48.26 0 0 52.4-46 98.36-35.39 0 0 5-.29 2.44-5.36s-54.62-42.57-131-50.8c0 0 .35-42.82 29.81-78.11 0 0-13.36 24.32 7.54 24.67l8.22-1s-6.51 12.67 4.45 16.79l-1 4.8s8.92-4.8 10.29 1l11.3-1.37s-3.42 5.13-1.71 7.53 13 6.51 13 6.51.68 12.34 3.77 13 6.85-3.77 10.28-1.37 11.64-4.8 13.36-1-.69 10.62 5.14 12 5.13 6.52 4.79 13 3.43 13 8.92 13 9.24 8.91 9.24 8.91 23-38 89.28-44.9c0 0-57.48-40-133.49-64.67 0 0-37.23 3.29-85.85 64 0 0 119.21 25.19 132.88 61.25 0 0 .08 9.46-5.61 11.67 0 0 18.36-3.68 17.63-13s-15-9.66 1.61-23.53 74.15-16.57 77.75-21.1 0-7.23 0-7.23l12.66 11.76-88.92 31.65s-1.21 8.13 7.22 5.72 10.56-27.13 15.08-52.75 15.67-71.74 64.5-81c8.35-1.43 21.64-.84 35.52 0"
+          strokeWidth={1.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          stroke="var(--zd_emptysvg_primary_stroke)"
+          fill="none"
+        />
+        <path
+          d="M303.15 291.07S305.8 246.26 333 213c0 0-17.72 26.28 8.37 32.39 0 0 5 9.36 7.36 9.19l2 7.24s6.28-3.87 8.21-1.77 5.8 1.7 9.85.64c0 0-6.43 6.76 13.35 13.83 0 0 1.29 15.33 7.57 14.31s6.57-3.85 10.95-1.76 7.08-2.57 8.69-1.29.64 10.14 5.95 11.1 4.83 8.21 5 18 11.42 6.57 14 9.85 2.57 10.45 2.57 10.45l-2.59 6.76c.6-2.94-61.95-46.94-131.13-50.87z"
+          opacity={0.2}
+          fill="var(--zd_emptysvg_primary_fill)"
+        />
+        <ellipse
+          cx={395}
+          cy={127.76}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse cx={400.27} cy={428.72} rx={3.54} ry={3.51} fill="var(--zd_emptysvg_medium_circle)" />
+        <ellipse
+          cx={205.84}
+          cy={278.75}
+          rx={3.31}
+          ry={3.28}
+          stroke="var(--zd_emptysvg_tiny_circle)"
+          strokeMiterlimit={10}
+          fill="none"
+        />
+        <ellipse cx={579.94} cy={284.02} rx={3.31} ry={3.28} fill="var(--zd_emptysvg_tiny_circle)" />
+        <path
+          className="ErrorOopsSomethingMiss_svg__cls-8"
+          d="M257.33 168.47l-.35 6.18M254.04 171.39l6.23.35"
+        />
+        <ellipse
+          cx={538.1}
+          cy={385.89}
+          rx={2.46}
+          ry={2.44}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          stroke="var(--zd_emptysvg_small_circle)"
+          fill="none"
+        />
+        <path
+          className="ErrorOopsSomethingMiss_svg__cls-10"
+          d="M537.16 124.03l4.16 4.61M536.92 128.4l4.65-4.13"
+        />
+      </SVG>
+    );
+  }
+}
+
+OopsSomethingMiss.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool
+};
+
+OopsSomethingMiss.defaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'oopssomethingmiss'
+};
+
+if (__DOCS__) {
+  OopsSomethingMiss.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/ErrorUnableToProcessRequest.js

@@ -0,0 +1,128 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class UnableToProcessRequest extends React.Component {
+  render() {
+    return (
+      <SVG
+        viewBox='0 0 500 500'
+        name='UnableToProcessRequest'
+        {...this.props}
+      >
+        <defs>
+          <style>
+            {
+              ".ErrorUnableToProcessRequest_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.ErrorUnableToProcessRequest_svg__cls-10,.ErrorUnableToProcessRequest_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUnableToProcessRequest_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUnableToProcessRequest_svg__cls-8{stroke:var(--zd_emptysvg_plus))}"
+            }
+          </style>
+        </defs>
+        <path
+          className="ErrorUnableToProcessRequest_svg__cls-1"
+          d="M147.82 163s33.78-54.77 54.77-11 32.87 82.16 94 33.78 86.73-55.69 109.55-25.57S450.46 446.92 227.24 394c0 0-176.65-66.68-79.42-231z"
+        />
+        <circle
+          className="ErrorUnableToProcessRequest_svg__cls-1"
+          cx={104.8}
+          cy={371.02}
+          r={25.39}
+        />
+        <circle
+          className="ErrorUnableToProcessRequest_svg__cls-1"
+          cx={88.11}
+          cy={127.46}
+          r={25.39}
+        />
+        <circle
+          className="ErrorUnableToProcessRequest_svg__cls-1"
+          cx={305.58}
+          cy={80.1}
+          r={12.74}
+        />
+        <circle
+          className="ErrorUnableToProcessRequest_svg__cls-1"
+          cx={154.07}
+          cy={416.31}
+          r={12.74}
+        />
+        <circle
+          className="ErrorUnableToProcessRequest_svg__cls-1"
+          cx={388.36}
+          cy={404.29}
+          r={12.74}
+        />
+        <path
+          d="M297 255.54s-110.07 41.88-93 62.4 36.49 23.37 19.38 54.15-.57 37.63 12 37.63 47.47-5.82 54.89-21.78 6.73-132.4 6.73-132.4z"
+          opacity={0.2}
+          fill="var(--zd_emptysvg_primary_fill)"
+        />
+        <path
+          d="M233.85 228.91s51.63 1.49 50.52 13.36-88.71 13.37-105-3 101.33-17.25 120.26.84-86.11 31.46-126.2 4.36c0 0-2-2.64 0-3.93s1.83 88.22-.87 95.27-21.28 21.77-35.69 15.05-14.41-28.18-14.73-39.71-1-38.74 24-40.34 27.54 21.45 30.43 35.54 0-63.08-8-63.08-52.52 12.17-57 34.26-5.76 71.73 10.89 83.58 46.75 7.68 50.59 13.76.92 13.91 4.35 17.91 53.12 47.29 111.71 4.71a15.46 15.46 0 006.35-12l.72-19.46a3.07 3.07 0 00-3.81-3.1c-14.64 3.6-66.91 14.15-109.25-6.77 0 0-2.29-10.87 5.71-9.15 7 1.49 65.43 15.1 92.94 7.7a20.09 20.09 0 0114.66 2c1.55.82 3.41.54 5.46-2.26 5.88-8 78.5-143.52 75.07-160.68s-23.44-41.74-37.74-40.6-72.62 17.16-72.62 17.16-48-13.16-52.61-6.87 29.75 66 48.61 60.62c15-4.27-31.45-58.33-40-59.47s16 43.46 34.88 53.18 14.87-21.73 20-25.73 53.75-24 62.9-21.16 21.73 20.58 18.87 33.16-56 83.49-59.47 85.2.4-40.64 1.41-39.47-1.51 50.18-1.14 52-64 22.67-111.87-3.72c0 0-3.23-4.67.34-4.67s56.51 25.24 108.34 2.9"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          stroke="var(--zd_emptysvg_primary_stroke)"
+          strokeWidth={1.5}
+          fill="none"
+        />
+        <ellipse
+          cx={262.76}
+          cy={118.03}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse cx={268.03} cy={418.99} rx={3.54} ry={3.51} fill="var(--zd_emptysvg_medium_circle)" />
+        <ellipse
+          cx={73.6}
+          cy={269.02}
+          rx={3.31}
+          ry={3.28}
+          stroke="var(--zd_emptysvg_tiny_circle)"
+          strokeMiterlimit={10}
+          fill="none"
+        />
+        <ellipse cx={447.7} cy={274.29} rx={3.31} ry={3.28} fill="var(--zd_emptysvg_tiny_circle)" />
+        <path
+          className="ErrorUnableToProcessRequest_svg__cls-8"
+          d="M125.09 158.74l-.35 6.18M121.8 161.66l6.23.35"
+        />
+        <ellipse
+          cx={405.86}
+          cy={376.16}
+          rx={2.46}
+          ry={2.44}
+          stroke="var(--zd_emptysvg_small_circle)"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          fill="none"
+        />
+        <path
+          className="ErrorUnableToProcessRequest_svg__cls-10"
+          d="M404.92 114.3l4.16 4.61M404.68 118.67l4.65-4.13"
+        />
+      </SVG>
+    );
+  }
+}
+
+UnableToProcessRequest.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool
+};
+
+UnableToProcessRequest.defaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'unabletoprocessrequest'
+};
+
+if (__DOCS__) {
+  UnableToProcessRequest.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/src/svg/ErrorUnauthorizedLogin.js

@@ -0,0 +1,127 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import SVG from './SVG';
+
+export default class UnauthorizedLogin extends React.Component {
+  render() {
+    return (
+      <SVG
+        viewBox='0 -40 500 500'
+        name='UnauthorizedLogin'
+        {...this.props}
+      >
+        <defs>
+          <style>
+            {
+              ".ErrorUnauthorizedLogin_svg__cls-1,.ErrorUnauthorizedLogin_svg__cls-2{fill:var(--zd_emptysvg_primary_fill)}.ErrorUnauthorizedLogin_svg__cls-1{opacity:.05}.ErrorUnauthorizedLogin_svg__cls-2{opacity:.2}.ErrorUnauthorizedLogin_svg__cls-10,.ErrorUnauthorizedLogin_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUnauthorizedLogin_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUnauthorizedLogin_svg__cls-8{stroke:var(--zd_emptysvg_plus)}"
+            }
+          </style>
+        </defs>
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          d="M135.58 156.52s33.78-54.78 54.78-11 32.86 82.17 94 33.78 86.73-55.69 109.55-25.56S438.22 440.44 215 387.49c0 0-176.65-66.64-79.42-230.97z"
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={92.57}
+          cy={364.54}
+          r={25.39}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={75.88}
+          cy={120.98}
+          r={25.39}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={293.35}
+          cy={73.62}
+          r={12.74}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={141.83}
+          cy={409.84}
+          r={12.74}
+        />
+        <circle
+          className="ErrorUnauthorizedLogin_svg__cls-1"
+          cx={376.13}
+          cy={397.82}
+          r={12.74}
+        />
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-2"
+          d="M220.15 211.69s-4.35-10 3-21.2c0 0 20.88 28.8 57.64 2.26 0 0 8.15 1.69 4 22.05 0 0 15.34-15.48 6.28-32.53 0 0 2.56-7.53-3.29-16.29s-13.24-19-28-20.74c0 0 4.07-2.48 3-4.5s-2.26-4.94-8.37-6.24-10.64 6.11-7.13 10.68c0 0-18.13.71-29.39 22.64A33.72 33.72 0 00215 176c-2 8.74-5.24 29 5.15 35.69zM201.67 235.61s-5.82 38.09 46 37.56 58.71-31.74 58.71-36.5-59.77-3.7-63.48 13.25-29.62-12.17-33.85-14.81a6 6 0 00-7.38.5z"
+        />
+        <path
+          d="M196.6 377.4c-2 0-57.79 11-52.29 0s53.69-15.82 52.29-13.76-44.72 11.69-45.41-3.45 12.39-89.42 25.46-112.13c0 0-8.25 0-10.31 4.14s-10 25.67-6.2 28.88S198 328.56 269.52 320.3v-35.78H240s-2 46.79 1.37 48.84 32.33.7 32.33.7v-15.92s64.09-11 76.61-35.53c0 0-3.06 1-2 8.15s10.72 45.16 9.71 71c0 0-30.14 12.52-33.21 11.5s32.51-14.19 35.65-9 7.31 10.66 5 12.12-49.15 6.35-50.46-1.38-1.67-14.84-6.26-18.19-30.85-21.19-30.85-21.19l-4.08-52.84s50.6-11.2 62.13-29.39c0 0-12.65-50.23-10-47.63s2.61 42.45 5.58 42.05 24.93 4.82 25.67 12.22c0 0 6.7-3 7.07-4.07s-12.65 8.14-13 12.65 13-3 14.86-1.5 5.2 8.57 0 9.68-10.76-1.49-11.51 1.12 10 11.9 14.26 11.9 17-.37 18.83-9.67-8.94-5.22-8.94-5.22 8.24 1.5 9.17-3.72-4.69-19.72-8.77-21.95-5.9.52-5.9.52 5.7-1.81 5.82-2.42-27-41-54.66-55.46c0 0-23.17-12.76-30.55-11.63s10.73 22.6-9.05 34.46c0 0 4.52-18.07-4-22 0 0-29.95 27.13-57.64-2.26 0 0-7.91 10.74-2.83 19.78 0 0 19.35 33.15 61.57 5.32 0 0 10.64-7.48 11.39-17.32s-4.49-12.69-1.12-20.43c0 0-5.78-28.52-30.93-32.36s-9.22-11.29-6.83-11 8.81 3.06 8.49 7.67-9.84 3.84-15.65 3-31.93 10.85-33.7 38.38 6.58 28.18 6.58 28.18S212 201.39 215 181.4c0 0-26.33 7.13-30.67 13.24s-6.11 32.53-5.78 35.43 5.78-28.92 1.08-34.35c0 0-39.41 27.5-48.45 50.26 0 0 14.82 12.74 17 12.34s-15.91-12-18.8-9.09-10.85 19.53-10.48 23.87 5.42 14.82 9.4 15.54 13.38 2.53 14.82 1.8 11.57-11.92 10.13-12.65-7.24.73-10.85-3.25 1.81-9.4 4-8 5.09 6.87 6.11 6.87 5.09-.36 5.43-2.9-5.09-10.51-5.09-10.51 11.53-13.12 25.46-14.57c0 0 3.54 27.28 57.33 39.35l3 47.81s-19.4 13.66-27.8 17.41-13.8 16.82-14.26 23.13c0 0-1.1-17.6 15.08-25.41s24.73-15.81 24.73-15.81l-1.39-25.5s-44.1-11.35-59.52-32.13l1.39-4.49s56.68 61.87 162.11-.35c0 0 .11-10.36-1.49-13.24s11.34 23.19 11.5 24.37"
+          strokeWidth={1.5}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          stroke="var(--zd_emptysvg_primary_stroke)"
+          fill="none"
+        />
+        <ellipse
+          cx={319.44}
+          cy={65.07}
+          rx={3.54}
+          ry={3.51}
+          strokeMiterlimit={10}
+          stroke="var(--zd_emptysvg_medium_circle)"
+          fill="none"
+        />
+        <ellipse cx={254.71} cy={426.04} rx={3.54} ry={3.51} fill="var(--zd_emptysvg_medium_circle)" />
+        <ellipse
+          cx={60.28}
+          cy={276.06}
+          rx={3.31}
+          ry={3.28}
+          stroke="var(--zd_emptysvg_tiny_circle)"
+          strokeMiterlimit={10}
+          fill="none"
+        />
+        <ellipse cx={434.38} cy={281.34} rx={3.31} ry={3.28} fill="var(--zd_emptysvg_tiny_circle)" />
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-8"
+          d="M111.78 165.79l-.35 6.17M108.49 168.7l6.23.35"
+        />
+        <ellipse
+          cx={392.54}
+          cy={383.2}
+          rx={2.46}
+          ry={2.44}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          stroke="var(--zd_emptysvg_small_circle)"
+          fill="none"
+        />
+        <path
+          className="ErrorUnauthorizedLogin_svg__cls-10"
+          d="M391.61 121.34l4.15 4.62M391.36 125.71l4.65-4.12"
+        />
+      </SVG>
+    );
+  }
+}
+
+UnauthorizedLogin.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool
+};
+
+UnauthorizedLogin.defaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'unauthorizedlogin'
+};
+
+if (__DOCS__) {
+  UnauthorizedLogin.docs = {
+    componentGroup: 'SVG'
+  };
+}