@zohodesk/svg 1.0.0-temp.43 → 1.0.0-temp.45

package/es/emptystate/version3/ReadRecipients.js

@@ -0,0 +1,60 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class ReadRecipients extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "ReadRecipients"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.ReadRecipients_svg__cls-2{fill:var(--zd_emptysvg_plus)}.ReadRecipients_svg__cls-3{fill:var(--zd_emptysvg_cross)}.ReadRecipients_svg__cls-5{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}.ReadRecipients_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);isolation:isolate;}')), /*#__PURE__*/React.createElement("path", {
+      d: "M77.57 69.05s45.64-29.14 68.74-20.37 38.88 82.57-25.31 115.68-93.29-38.91-93.54-51.68c-.28-12.35-.04-41.8 50.11-43.63Z",
+      style: {
+        opacity: 0.1,
+        fill: 'var(--zd_emptysvg_primary_fill)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-2",
+      d: "M12 111.51a.5.5 0 0 1-.47-.52l.4-6.7a.49.49 0 0 1 .52-.47.49.49 0 0 1 .47.52l-.4 6.66a.5.5 0 0 1-.52.51Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-2",
+      d: "m15.7 108.34-7-.38a.48.48 0 0 1-.47-.52.49.49 0 0 1 .53-.47l7 .38a.5.5 0 0 1 0 1Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_small_circle)",
+      d: "M133.59 186.47a3.15 3.15 0 1 1 3.24-3.15 3.2 3.2 0 0 1-3.24 3.15Zm0-5.3a2.15 2.15 0 1 0 2.24 2.15 2.21 2.21 0 0 0-2.24-2.15Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-3",
+      d: "M178.46 146a.5.5 0 0 1-.37-.16l-4.64-5a.48.48 0 0 1 0-.7.5.5 0 0 1 .7 0l4.65 5a.49.49 0 0 1 0 .7.5.5 0 0 1-.34.16Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-3",
+      d: "M173.54 145.75a.52.52 0 0 1-.38-.17.49.49 0 0 1 .05-.7l5.2-4.47a.5.5 0 1 1 .66.75l-5.2 4.47a.52.52 0 0 1-.33.12ZM70.1 31.09a3.31 3.31 0 1 1 3.33-3.31 3.33 3.33 0 0 1-3.33 3.31Zm0-5.62a2.31 2.31 0 1 0 2.33 2.31 2.33 2.33 0 0 0-2.33-2.31Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M150 25.35a4.33 4.33 0 1 1 4.41-4.35 4.36 4.36 0 0 1-4.41 4.35Zm0-7.67a3.34 3.34 0 1 0 3.41 3.32 3.37 3.37 0 0 0-3.41-3.32Z",
+      style: {
+        fill: 'var(--zd_emptysvg_medium_circle)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-5",
+      d: "M179.76 104.89C162.61 93.42 150 92 148.69 110.9c-4.42 64.65-5.18 55.53-12 53.93s-31.5-35.71-33.44-29.7S137.58 162.9 128 164.5s-59.47-9.5-73-11.9 16-25.73 20.72-25.73-17.59 20.91-27.51 24S50.19 98.57 53 87.1s29.89 38.49 33.12 40.41 63-25.73 64.63-32.05S126.9 39.17 115.68 34c-7.34-3.32-63.23 36.24-62.9 44.82 0 .75 12.3 12.11 12.3 12.11l2.48-19.51s68.61 6.65 69.8 9.33-.43 20-.43 20S91.08 125.48 89.24 124c-1.83-1.72-20.49-27.88-20.49-28.84 0 0-15.65-22.63-23.63-21.77s-17.48 7.49-23.31.61"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-6",
+      d: "m67.67 147.78 20.06-13.19s33.12 22.3 25.79 22.94-45.85-9.75-45.85-9.75ZM127.22 97.17l-34.85 17.59S74.36 93.1 73.6 85.81c-1.19-11.9 40.89-2.9 53.84-1.39 3.88.42-.22 12.75-.22 12.75Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-5",
+      d: "M109.85 85.92s-13.92 8.79-18 11c-2.26 1.29-4.2-2.9-5.5-6.86M118.8 87s-13.91 8.79-18 11c-1.08.54-2.05 0-2.92-1.18"
+    }));
+  }
+
+}
+ReadRecipients.propTypes = EmptyStateProps;
+ReadRecipients.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyReadRecipients'
+};
+
+if (false) {
+  ReadRecipients.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/Variable.js

@@ -0,0 +1,59 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class Variable extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "Variable"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.Variable_svg__cls-5{isolation:isolate}.Variable_svg__cls-2{fill:var(--zd_emptysvg_plus)}.Variable_svg__cls-3{fill:var(--zd_emptysvg_medium_circle)}.Variable_svg__cls-4{fill:var(--zd_emptysvg_cross)}.Variable_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill);}.Variable_svg__cls-6{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M73.17 58.19S119.83 27 143.44 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.52-55.3c-.33-13.21 0-44.7 51.17-46.63Z",
+      style: {
+        isolation: 'isolate',
+        fill: 'var(--zd_emptysvg_primary_fill)',
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-2",
+      d: "M7 119.3a.49.49 0 0 1-.47-.52l.41-7.47a.51.51 0 0 1 .53-.47.5.5 0 0 1 .47.53l-.41 7.47a.5.5 0 0 1-.51.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-2",
+      d: "m10.81 115.77-7.34-.42a.49.49 0 0 1-.47-.53.51.51 0 0 1 .53-.47l7.34.42a.49.49 0 0 1 .47.51.49.49 0 0 1-.52.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-3",
+      d: "M164.12 22.8a4.75 4.75 0 1 0 4.68 4.82v-.08a4.73 4.73 0 0 0-4.68-4.74Zm0 8.5a3.76 3.76 0 1 1 3.69-3.83v.07a3.72 3.72 0 0 1-3.69 3.76ZM117.37 175.07a3.45 3.45 0 1 0 3.4 3.5 3.43 3.43 0 0 0-3.4-3.5Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.42 2.42 0 0 1-2.4 2.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-4",
+      d: "M73.88 22a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 .05 0ZM182.8 131.81a.49.49 0 0 0-.69 0l-2.38 2.19-2.12-2.4a.51.51 0 0 0-.71 0 .5.5 0 0 0 0 .61l2.09 2.38-2.38 2.17a.5.5 0 0 0 0 .7.44.44 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.51.51 0 0 0 .71.05.51.51 0 0 0 0-.71l-2.13-2.42 2.38-2.16a.48.48 0 0 0 .1-.68Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-5",
+      d: "M93.2 140.35s7.1 6.8 9 6 39.86-17.67 38.67-19-6.4-4.21-7.73-3.86-40.71 14.89-39.94 16.86Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-6",
+      d: "M106.84 161.45c9.7 4.77 59.48-28.11 57.51-30.08-3.65-3.64-33.61-9.88-37.26-7.85S78.86 138.8 80.9 142.59s25.1 16.47 29.24 16.26 50.35-22.71 47.39-27.41c-1.33-2.17-24.25-7.71-26-7.15s-41.55 15.14-40 16.9 8 7 9.56 6.24 38-17.6 37.48-19.07-11.74-6.87-13.78-6.17S84.2 137 82.44 136.91s-6.18 1.12-8.58-6S63.11 95.2 63.11 95.2s-2.46-4.63 8-6.94 45.77-7.65 47.18-6.66 10.56 25.4 9.29 35.4a3.39 3.39 0 0 1-2.39 2.8l-40.08 13.11s-6.18 2.67-9.84-6.3-7.73-28.47-7.73-28.47-2.32-4.13 4.92-6c5.9-1.47 43.38-10.37 45.28-8.2s8.93 27.55 7.73 29.73"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-5",
+      d: "M85.82 92.53a15.41 15.41 0 0 0-7.53 4.84c-1.61 1.89-2.6 4 0 4.56 5.14 1.12 14.21-1.12 14.21 1.12S75.2 119.52 83.29 123s38.1-3.72 38.24-8.06-6.32-25.24-8.29-26.29c-4.43-2.5-20.18 1.71-27.42 3.88Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-6",
+      d: "M88.28 105.15 84 110.62l6.82 1.89M97 101.3l-1.27 12M101.78 101.58l6.75 2.52-4.53 5.12M156.83 73s1.69-.21 1.12 2 .15 2.73.92 3.08.28-1.54-.42.07c-.92 2.17-.07 4-1.13 5.26-.7.84-1.83-.07-1.83-.07M149.31 73s-1.69-.21-1.13 2-.14 2.73-.91 3.08-.28-1.54.42.07c.91 2.17.07 4 1.12 5.26.71.84 1.83-.07 1.83-.07M86.31 53.13 80.9 65.68M31.33 133.69s-1.41-19.07.35-19.77 23.41-3.16 25.52-.71 1.76 21.18 1.06 22.23-26.26 4.28-26.93-1.75Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-6",
+      d: "M166.11 89.24c-.63.91-20.67 3.5-25.8-.07a2.2 2.2 0 0 1-.36-.91s-1.4-19.07.36-19.77 21-2.88 25-1.06c1.85 3.72 1.5 20.76.8 21.81ZM97 69.26c-.64.91-20.46 3.5-25.46-.07a3.52 3.52 0 0 1-.35-.91s-1.4-18.86.35-19.56 20.75-2.81 24.68-1c1.78 3.66 1.41 20.56.78 21.54ZM49.33 118.61h4.57M46.09 118.68h1.76M39.69 118.75l3.8-.07M35.34 118.82l3.37-.07M52.84 122.26l1.06-.07M46.3 122.33l3.87-.07M42.86 122.33h2M35.34 122.4l5.69-.07M39.84 130l-4.5.07M43.07 130h-1.76M49.47 130h-3.8M53.9 129.9l-3.45.07M36.39 126.47h-1M42.86 126.39l-3.8.07M46.37 126.39h-2M53.9 126.32h-5.7"
+    }));
+  }
+
+}
+Variable.propTypes = EmptyStateProps;
+Variable.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyVariable'
+};
+
+if (false) {
+  Variable.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/{svg → emptystate/version3}/ZiaAnamoly.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class ZiaAnamoly extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "ziaAnamoly"
-    }, this.props), /*#__PURE__*/React.createElement("style", null, ".ZIAAnomaly_svg__st1{opacity:.1;fill:var(--zd_emptysvg_primary_fill);enable-background:new}.ZIAAnomaly_svg__st2{fill:var(--zd_emptysvg_plus)}.ZIAAnomaly_svg__st3{fill:var(--zd_emptysvg_medium_circle)}.ZIAAnomaly_svg__st4{fill:var(--zd_emptysvg_tiny_circle)}"), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("style", null, '.ZIAAnomaly_svg__st1{opacity:.1;fill:var(--zd_emptysvg_primary_fill);enable-background:new}.ZIAAnomaly_svg__st2{fill:var(--zd_emptysvg_plus)}.ZIAAnomaly_svg__st3{fill:var(--zd_emptysvg_medium_circle)}.ZIAAnomaly_svg__st4{fill:var(--zd_emptysvg_tiny_circle)}'), /*#__PURE__*/React.createElement("path", {
       fill: "none",
       d: "M10 22h180v160H10z"
     }), /*#__PURE__*/React.createElement("path", {
@@ -43,25 +44,13 @@ export default class ZiaAnamoly extends React.Component {
   }
 
 }
-ZiaAnamoly.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-ZiaAnamoly.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'ziaAnamoly',
-  palette: 'default'
+ZiaAnamoly.propTypes = EmptyStateProps;
+ZiaAnamoly.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyZiaAnamoly'
 };
 
 if (false) {
   ZiaAnamoly.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/errorstate/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const ErrorStateDefaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'errorstate',
+  palette: 'default',
+  isFluid: false
+};

package/es/errorstate/props/propTypes.js

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+export const ErrorStateProps = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isFluid: PropTypes.bool,
+  isRender: PropTypes.bool,
+  palette: PropTypes.oneOf(['default', 'dark'])
+};

package/es/errorstate/version1/EmptyInconvenience.js

@@ -0,0 +1,34 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/Inconvenience.svg';
+export default class Inconvenience extends React.Component {
+  render() {
+    let {
+      isFluid
+    } = this.props;
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 508.8 313.8",
+      name: "Inconvenience",
+      isFluid: isFluid
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+Inconvenience.propTypes = ErrorStateProps;
+Inconvenience.defaultProps = { ...ErrorStateDefaultProps,
+  dataId: 'inconvenience'
+};
+
+if (false) {
+  Inconvenience.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/errorstate/version1/NoRequestFound.js

@@ -0,0 +1,34 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/NoRequestFound.svg';
+export default class NoRequestFound extends React.Component {
+  render() {
+    let {
+      isFluid
+    } = this.props;
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 476.5 297.6",
+      name: "NoRequestFound",
+      isFluid: isFluid
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+NoRequestFound.propTypes = ErrorStateProps;
+NoRequestFound.defaultProps = { ...ErrorStateDefaultProps,
+  dataId: 'noRequestFound'
+};
+
+if (false) {
+  NoRequestFound.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/errorstate/version1/PageNotFound.js

@@ -0,0 +1,35 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/PageNotFound.svg';
+export default class PageNotFound extends React.Component {
+  render() {
+    let {
+      isFluid
+    } = this.props;
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 508.8 324.8",
+      name: "PageNotFound"
+    }, this.props, {
+      isFluid: isFluid
+    }), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+PageNotFound.propTypes = ErrorStateProps;
+PageNotFound.defaultProps = { ...ErrorStateDefaultProps,
+  dataId: 'pageNotFound'
+};
+
+if (false) {
+  PageNotFound.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/errorstate/version1/UnableToProcessRequest.js

@@ -0,0 +1,35 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/UnableToProcess.svg';
+export default class UnableToProcessRequest extends React.Component {
+  render() {
+    let {
+      isFluid
+    } = this.props;
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 587.1 331.1",
+      name: "UnableToProcessRequest"
+    }, this.props, {
+      isFluid: isFluid
+    }), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+UnableToProcessRequest.propTypes = ErrorStateProps;
+UnableToProcessRequest.defaultProps = { ...ErrorStateDefaultProps,
+  dataId: 'unableToProcessRequest'
+};
+
+if (false) {
+  UnableToProcessRequest.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/errorstate/version1/UnauthorizedLogin.js

@@ -0,0 +1,35 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/UnauthorizedLogin.svg';
+export default class UnauthorizedLogin extends React.Component {
+  render() {
+    let {
+      isFluid
+    } = this.props;
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 519.3 288.6",
+      name: "UnauthorizedLogin"
+    }, this.props, {
+      isFluid: isFluid
+    }), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+UnauthorizedLogin.propTypes = ErrorStateProps;
+UnauthorizedLogin.defaultProps = { ...ErrorStateDefaultProps,
+  dataId: 'unauthorizedLogin'
+};
+
+if (false) {
+  UnauthorizedLogin.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/errorstate/version1/UrlNotFound.js

@@ -0,0 +1,35 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/ReguestUrlNotFound.svg';
+export default class UrlNotFound extends React.Component {
+  render() {
+    let {
+      isFluid
+    } = this.props;
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 614.2 310.2",
+      name: "UrlNotFound"
+    }, this.props, {
+      isFluid: isFluid
+    }), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+UrlNotFound.propTypes = ErrorStateProps;
+UrlNotFound.defaultProps = { ...ErrorStateDefaultProps,
+  dataId: 'urlNotFound'
+};
+
+if (false) {
+  UrlNotFound.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/errorstate/version1/WillBeRightBack.js

@@ -0,0 +1,35 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/WillBack.svg';
+export default class WillBeRightBack extends React.Component {
+  render() {
+    let {
+      isFluid
+    } = this.props;
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 889 490.6",
+      name: "WillBeRightBack"
+    }, this.props, {
+      isFluid: isFluid
+    }), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+WillBeRightBack.propTypes = ErrorStateProps;
+WillBeRightBack.defaultProps = { ...ErrorStateDefaultProps,
+  dataId: 'willBeRightBack'
+};
+
+if (false) {
+  WillBeRightBack.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/{svg → errorstate/version2}/EmptyUnauthorizedLogin.js

@@ -1,8 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class EmptyUnauthorizedLogin extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -23,25 +24,13 @@ export default class EmptyUnauthorizedLogin extends React.Component {
   }
 
 }
-EmptyUnauthorizedLogin.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  palette: PropTypes.oneOf(['default', 'dark']),
-  isFluid: PropTypes.bool
-};
-EmptyUnauthorizedLogin.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyUnauthorizedLogin',
-  palette: 'default',
-  isFluid: false
+EmptyUnauthorizedLogin.propTypes = ErrorStateProps;
+EmptyUnauthorizedLogin.defaultProps = { ...ErrorStateDefaultProps,
+  dataId: 'emptyUnauthorizedLogin'
 };
 
 if (false) {
   EmptyUnauthorizedLogin.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → errorstate/version2}/EmptyWillBeRightBack.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class EmptyWillBeRightBack extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 1326.83 1190.04",
       name: "EmptyWillBeRightBack"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyGlobe_svg__cls-2{fill:var(--zd_emptysvg_secondary_fill);}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyGlobe_svg__cls-2{fill:var(--zd_emptysvg_secondary_fill);}')), /*#__PURE__*/React.createElement("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)"
     }), /*#__PURE__*/React.createElement("path", {
@@ -18,25 +19,13 @@ export default class EmptyWillBeRightBack extends React.Component {
   }
 
 }
-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
+EmptyWillBeRightBack.propTypes = ErrorStateProps;
+EmptyWillBeRightBack.defaultProps = { ...ErrorStateDefaultProps,
+  dataId: 'emptyWillBeRightBack'
 };
 
 if (false) {
   EmptyWillBeRightBack.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → errorstate/version2}/NotImpossible.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class NotImpossible extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 316.9 200",
       name: "NotImpossible"
-    }, this.props), /*#__PURE__*/React.createElement("style", null, ".NotImpossible_svg__st2{fill:none;stroke:var(--zd_emptysvg_tiny_circle);stroke-miterlimit:10}.NotImpossible_svg__st4{fill:none;stroke:var(--zd_emptysvg_cross);stroke-miterlimit:10}.NotImpossible_svg__st3{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}"), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("style", null, '.NotImpossible_svg__st2{fill:none;stroke:var(--zd_emptysvg_tiny_circle);stroke-miterlimit:10}.NotImpossible_svg__st4{fill:none;stroke:var(--zd_emptysvg_cross);stroke-miterlimit:10}.NotImpossible_svg__st3{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}'), /*#__PURE__*/React.createElement("path", {
       d: "M174 53.9s46.9-30.9 70.7-21.6 40 87.4-26.1 122.4-95.9-41.2-96.1-54.7c-.3-13-.1-44.2 51.5-46.1z",
       opacity: 0.05,
       fill: "var(--zd_emptysvg_primary_fill)"
@@ -57,23 +58,13 @@ export default class NotImpossible extends React.Component {
   }
 
 }
-NotImpossible.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-NotImpossible.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyAccounts',
-  palette: 'default'
+NotImpossible.propTypes = ErrorStateProps;
+NotImpossible.defaultProps = { ...ErrorStateDefaultProps,
+  dataId: 'emptyAccounts'
 };
 
 if (false) {
   NotImpossible.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → errorstate/version3}/ErrorInconvenience.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import PropTypes from 'prop-types';
-import SVG from './SVG';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class Inconvenience extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 622.7 500",
       name: "Inconvenience"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".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)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.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)}')), /*#__PURE__*/React.createElement("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"
     }), /*#__PURE__*/React.createElement("circle", {
@@ -93,21 +94,13 @@ export default class Inconvenience extends React.Component {
   }
 
 }
-Inconvenience.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool
-};
-Inconvenience.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+Inconvenience.propTypes = ErrorStateProps;
+Inconvenience.defaultProps = { ...ErrorStateDefaultProps,
   dataId: 'inconvenience'
 };
 
 if (false) {
   Inconvenience.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }