@zohodesk/svg 1.0.0-temp.44 → 1.0.0-temp.46

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'
   };
 }

package/es/{svg → errorstate/version3}/ErrorOopsSomethingMiss.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 OopsSomethingMiss extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 695.38 500",
       name: "OopsSomethingMiss"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".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)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.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)}')), /*#__PURE__*/React.createElement("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"
     }), /*#__PURE__*/React.createElement("circle", {
@@ -94,21 +95,13 @@ export default class OopsSomethingMiss extends React.Component {
   }
 
 }
-OopsSomethingMiss.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool
-};
-OopsSomethingMiss.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+OopsSomethingMiss.propTypes = ErrorStateProps;
+OopsSomethingMiss.defaultProps = { ...ErrorStateDefaultProps,
   dataId: 'oopssomethingmiss'
 };
 
 if (false) {
   OopsSomethingMiss.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → errorstate/version3}/ErrorUnableToProcessRequest.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 UnableToProcessRequest extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 500 500",
       name: "UnableToProcessRequest"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".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))}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.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))}')), /*#__PURE__*/React.createElement("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"
     }), /*#__PURE__*/React.createElement("circle", {
@@ -94,21 +95,13 @@ export default class UnableToProcessRequest extends React.Component {
   }
 
 }
-UnableToProcessRequest.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool
-};
-UnableToProcessRequest.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+UnableToProcessRequest.propTypes = ErrorStateProps;
+UnableToProcessRequest.defaultProps = { ...ErrorStateDefaultProps,
   dataId: 'unabletoprocessrequest'
 };
 
 if (false) {
   UnableToProcessRequest.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → errorstate/version3}/ErrorUnauthorizedLogin.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 UnauthorizedLogin extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 -30 500 500",
       name: "UnauthorizedLogin"
-    }, this.props), /*#__PURE__*/React.createElement("style", null, ".bouncer_svg__st0{opacity:5.000000e-02;fill:var(--zd_emptysvg_primary_fill);enable-background:new}.bouncer_svg__st5,.bouncer_svg__st7{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.bouncer_svg__st7{stroke:var(--zd_emptysvg_cross)}.bouncer_svg__st9{opacity:.2;fill:var(--zd_emptysvg_primary_fill);enable-background:new}"), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("style", null, '.bouncer_svg__st0{opacity:5.000000e-02;fill:var(--zd_emptysvg_primary_fill);enable-background:new}.bouncer_svg__st5,.bouncer_svg__st7{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.bouncer_svg__st7{stroke:var(--zd_emptysvg_cross)}.bouncer_svg__st9{opacity:.2;fill:var(--zd_emptysvg_primary_fill);enable-background:new}'), /*#__PURE__*/React.createElement("path", {
       className: "bouncer_svg__st0",
       d: "M135.6 156.5s33.8-54.8 54.8-11 32.9 82.2 94 33.8 86.7-55.7 109.5-25.6S438.2 440.4 215 387.5c0 0-176.7-66.6-79.4-231z"
     }), /*#__PURE__*/React.createElement("circle", {
@@ -40,8 +41,8 @@ export default class UnauthorizedLogin extends React.Component {
       cx: 319.4,
       cy: 65.1,
       style: {
-        fill: "none",
-        stroke: "var(--zd_emptysvg_medium_circle)",
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_medium_circle)',
         strokeMiterlimit: 10
       },
       r: 3.5
@@ -49,15 +50,15 @@ export default class UnauthorizedLogin extends React.Component {
       cx: 254.7,
       cy: 426,
       style: {
-        fill: "var(--zd_emptysvg_medium_circle)"
+        fill: 'var(--zd_emptysvg_medium_circle)'
       },
       r: 3.5
     }), /*#__PURE__*/React.createElement("circle", {
       cx: 60.3,
       cy: 276.1,
       style: {
-        fill: "none",
-        stroke: "var(--zd_emptysvg_tiny_circle)",
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_tiny_circle)',
         strokeMiterlimit: 10
       },
       r: 3.3
@@ -65,7 +66,7 @@ export default class UnauthorizedLogin extends React.Component {
       cx: 434.4,
       cy: 281.3,
       style: {
-        fill: "var(--zd_emptysvg_tiny_circle)"
+        fill: 'var(--zd_emptysvg_tiny_circle)'
       },
       r: 3.3
     }), /*#__PURE__*/React.createElement("path", {
@@ -77,10 +78,10 @@ export default class UnauthorizedLogin extends React.Component {
       rx: 2.5,
       ry: 2.4,
       style: {
-        fill: "none",
-        stroke: "var(--zd_emptysvg_small_circle)",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_small_circle)',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
       }
     }), /*#__PURE__*/React.createElement("path", {
       className: "bouncer_svg__st7",
@@ -88,11 +89,11 @@ export default class UnauthorizedLogin extends React.Component {
     }), /*#__PURE__*/React.createElement("path", {
       d: "M304.9 307.9s-49.7 71.4-153 62.2c0 0-31.2-42.1-19.8-66.2 11.4-24.1 54.4-21.1 55-19.4.6 1.7-30 11.6-26.8 21.1 0 0 1.3 2.6 1.6 2.5.4-.1 8.6-13.4 21.7-18 0 0-25 18.3-22.8 23s7.6 3.1 7.6 3.1 5.8-19.2 21.2-21.8c0 0-16.7 10.1-16.2 16.3 0 0 2.4 6.2 5.6 5.9 3.2-.4 7.9-13.3 15.7-19.1 0 0-10.8 12.2-8.5 16.3 2.3 4 12.2-4 14.6-9 0 0 11.8-.8 15-2.9 3.2-2.1-22.1-13.5-27.3-14.2-5.2-.7 24.1 5.9 30.5 13.5l17.9 2.3s45.9-16.4 64.6-13.3c18.7 3.1 19.6 13.6 19.6 13.6 3.8-1 7.8-.8 11.6.4s7 3.6 9.5 6.7c0 0-15.6-10.3-36.4-1.2 0 0-19.5 31.4-58.4 48 0 0 31.8 18.7 76.1 9.2 0 0-37.1 1.3-49-7.8 0 0 56.4 7.5 79.5 4.6 0 0 39.1-22.7 21.3-61.9 0 0-18.8-17.4-53.6-11l-2.4 6s4.5-18.6 14.2-28.3c-4.2 1.7-7.7 4.8-9.9 8.7 0 0-3.6-28.1 6.9-37.9 0 0 47.4 0 45.8 41.9 0 0-1 11.7-14-1s12.3 10.7 12.7 16.2c.4 5.5 10.2-48.5-47.4-60.9s-71.5 23.5-69.9 30.1c1.6 6.6-7.6-22.2-55-29.8l14.9-13.6s37.5 17.4 75.7 0l23.6 8.2s-12.1-6.7-23.2-10c0 0-6.5-9.4-6.7-34.2 0-2.8-.1-5.6-.4-8.4-.4-4.8-.9-12.1.4-13.1 1.9-1.5 5.2 9.5 2.6 13.4-2.6 3.9-1.3-17.5-5-21.1-3.7-3.7-23.8-5.3-24.4-3.2-.6 2.1-.4 11.4 10.4 10.3 10.8-1.1 13.4-2.5 12.5-11.3-.9-8.8-2-23.8-28.1-23.4-26.1.4-26.8 18.8-27.2 26.1.4-.1.8-.1 1.2.1.4.2.7.4.9.8.9 1.3 1.1 6.7 7.6 7.3 6.5.7 14.9.9 16-7.6 0 0 3.4-2.1 5.7-1.3 2.4.7-6.2-.6-6.2-.6s-7.4-5.9-19.3-1.9c-1.8.9-3.4 2.2-4.7 3.8s-2.2 3.4-2.7 5.4l.5 3.2s1-4.3 3.2-5.8l-3-2.9c-1.1 3-1.5 6.2-1.2 9.3 0 0 1.7 16-.8 15.1-2.5-.9-5-8.1-1.9-15 0 0 3.5 9.8 1.6 11.1-1.9 1.2-1.3-10.8-.1-12.1 1.2-1.3 8.1 30-5.1 54 0 0-29.3 16.4-27.2 16.4 2.1 0-66.5 11.2-59.5 58.6 0 0 12.6-22.9 40.9-28.5 0 0-15.2-.7-32.9 11.7 0 0 4.5-23.9 54.8-41.1l24.5-15.8s8.7-17.6 8-27.2c0 0 6.2 15.8 27.6 14.3s12.6-31.3 12.6-31.3-12-8.3-24.6.9c0 0-6.6 24.2 11.3 24.5 17.8.3 12.8-22.4 11.9-24-.9-1.7-16-4.7-20.2.1 0 0-3.5 15.1 3.6 13.3 0 0 4.4.8 4.3-7l4.5-.2s-1.8 6.6 3.1 7.6c4.8 1-2.1 16.3.8 16 3-.3 22.6.5 22.6-25.5",
       style: {
-        fill: "none",
-        stroke: "var(--zd_emptysvg_primary_stroke)",
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_primary_stroke)',
         strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
       }
     }), /*#__PURE__*/React.createElement("path", {
       className: "bouncer_svg__st9",
@@ -101,21 +102,13 @@ export default class UnauthorizedLogin extends React.Component {
   }
 
 }
-UnauthorizedLogin.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool
-};
-UnauthorizedLogin.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+UnauthorizedLogin.propTypes = ErrorStateProps;
+UnauthorizedLogin.defaultProps = { ...ErrorStateDefaultProps,
   dataId: 'unauthorizedlogin'
 };
 
 if (false) {
   UnauthorizedLogin.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → errorstate/version3}/ErrorUrlNotFound.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 UrlNotFound extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 500 500",
       name: "UrlNotFound"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".ErrorUrlNotFound_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.ErrorUrlNotFound_svg__cls-10,.ErrorUrlNotFound_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUrlNotFound_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUrlNotFound_svg__cls-8{stroke:var(--zd_emptysvg_cross)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.ErrorUrlNotFound_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.ErrorUrlNotFound_svg__cls-10,.ErrorUrlNotFound_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUrlNotFound_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUrlNotFound_svg__cls-8{stroke:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", {
       className: "ErrorUrlNotFound_svg__cls-1",
       d: "M148.89 174.69s33.77-54.78 54.77-11 32.87 82.17 94 33.78 86.77-55.65 109.59-25.47 44.28 286.67-178.94 233.72c0-.05-176.65-66.72-79.42-231.03z"
     }), /*#__PURE__*/React.createElement("circle", {
@@ -94,21 +95,13 @@ export default class UrlNotFound extends React.Component {
   }
 
 }
-UrlNotFound.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool
-};
-UrlNotFound.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+UrlNotFound.propTypes = ErrorStateProps;
+UrlNotFound.defaultProps = { ...ErrorStateDefaultProps,
   dataId: 'urlnotfound'
 };
 
 if (false) {
   UrlNotFound.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → errorstate/version3}/ErrorWillBeRightBack.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 WillBeRightBack extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 695.38 500",
       name: "WillBeRightBack"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".ErrorWillBeRightBack_svg__cls-1,.ErrorWillBeRightBack_svg__cls-2{fill:var(--zd_emptysvg_primary_fill)}.ErrorWillBeRightBack_svg__cls-1{opacity:.05}.ErrorWillBeRightBack_svg__cls-2{opacity:.2}.ErrorWillBeRightBack_svg__cls-10,.ErrorWillBeRightBack_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorWillBeRightBack_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorWillBeRightBack_svg__cls-8{stroke:var(--zd_emptysvg_plus)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.ErrorWillBeRightBack_svg__cls-1,.ErrorWillBeRightBack_svg__cls-2{fill:var(--zd_emptysvg_primary_fill)}.ErrorWillBeRightBack_svg__cls-1{opacity:.05}.ErrorWillBeRightBack_svg__cls-2{opacity:.2}.ErrorWillBeRightBack_svg__cls-10,.ErrorWillBeRightBack_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorWillBeRightBack_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorWillBeRightBack_svg__cls-8{stroke:var(--zd_emptysvg_plus)}')), /*#__PURE__*/React.createElement("path", {
       className: "ErrorWillBeRightBack_svg__cls-1",
       d: "M138.24 163.53S172 108.75 193 152.58s32.87 82.16 94 33.77 86.73-55.69 109.55-25.56 44.28 286.67-178.94 233.72c.05 0-176.61-66.65-79.37-230.98z"
     }), /*#__PURE__*/React.createElement("circle", {
@@ -93,21 +94,13 @@ export default class WillBeRightBack extends React.Component {
   }
 
 }
-WillBeRightBack.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool
-};
-WillBeRightBack.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+WillBeRightBack.propTypes = ErrorStateProps;
+WillBeRightBack.defaultProps = { ...ErrorStateDefaultProps,
   dataId: 'willberightback'
 };
 
 if (false) {
   WillBeRightBack.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/index.js

@@ -3,7 +3,10 @@ export { default as ReactDOM } from 'react-dom';
 export { renderToStaticMarkup } from 'react-dom/server';
 import '@zohodesk/variables/assets/sizeVariables.module.css';
 export { default as _provider } from './Provider';
-export { default as SVG } from './svg/SVG';
-export { default as SVG__emptystate } from './svg/docs/SVG__default.docs';
-export { default as SVG__common } from './svg/docs/SVG__common.docs';
-export { default as SVG__errorstate } from './svg/docs/SVG__errorstate.docs';
+export { default as Emptystate__version1 } from './docs/Emptystate__version1.docs';
+export { default as Emptystate__version2 } from './docs/Emptystate__version2.docs';
+export { default as Emptystate__version3 } from './docs/Emptystate__version3.docs';
+export { default as Errorstate__version1 } from './docs/Errorstate__version1.docs';
+export { default as Errorstate__version2 } from './docs/Errorstate__version2.docs';
+export { default as Errorstate__version3 } from './docs/Errorstate__version3.docs';
+export { default as Svg__common } from './docs/SVG__common.docs';

package/es/svg/SVG.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+import { SvgProps } from './props/propTypes';
+import { SvgDefaultProps } from './props/defaultProps';
 import style from './SVG.module.css';
-import styles from './EmptyStateVariables.module.css';
+import styles from './../css/EmptyStateVariables.module.css';
 export default class SVG extends React.Component {
   render() {
     let {
@@ -45,31 +46,8 @@ export default class SVG extends React.Component {
   }
 
 }
-SVG.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isFluid: PropTypes.bool,
-  isRender: PropTypes.bool,
-  isSymbol: PropTypes.bool,
-  name: PropTypes.string,
-  size: PropTypes.oneOf(['small', 'large']),
-  viewBox: PropTypes.string,
-  palette: PropTypes.oneOf(['default', 'dark']),
-  styleName: PropTypes.node
-};
-SVG.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'SVG',
-  name: '',
-  viewBox: '',
-  isSymbol: false,
-  isFluid: false,
-  palette: 'default'
-};
+SVG.propTypes = SvgProps;
+SVG.defaultProps = SvgDefaultProps;
 
 if (false) {
   SVG.docs = {

package/es/svg/SvgLoader.js

@@ -1,9 +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, { useEffect, useState } from 'react';
 export default function SvgLoader(props) {
   let uiProps = {};
-  Object.keys(props).filter(prop => prop != "imageUrl").map(prop => {
+  Object.keys(props).filter(prop => prop != 'imageUrl').map(prop => {
     uiProps[prop] = props[prop];
   });
 
@@ -16,7 +16,7 @@ export default function SvgLoader(props) {
 export function StaticSvg(props) {
   let uiProps = {},
       [image, setImage] = useState(null);
-  Object.keys(props).filter(prop => prop != "getImage").map(prop => {
+  Object.keys(props).filter(prop => prop != 'getImage').map(prop => {
     uiProps[prop] = props[prop];
   });
   useEffect(() => {

package/es/svg/props/defaultProps.js

@@ -0,0 +1,11 @@
+export const SvgDefaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'SVG',
+  name: '',
+  viewBox: '',
+  isSymbol: false,
+  isFluid: false,
+  palette: 'default'
+};

package/es/svg/props/propTypes.js

@@ -0,0 +1,15 @@
+import PropTypes from 'prop-types';
+export const SvgProps = {
+  alignHorizontal: PropTypes.bool,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isFluid: PropTypes.bool,
+  isRender: PropTypes.bool,
+  isSymbol: PropTypes.bool,
+  name: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'large']),
+  viewBox: PropTypes.string,
+  palette: PropTypes.oneOf(['default', 'dark']),
+  styleName: PropTypes.node
+};

package/lib/{svg → Loader}/Loader.js

@@ -9,11 +9,13 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
 
-var _SVG = _interopRequireDefault(require("./SVG"));
+var _propTypes = require("./props/propTypes");
 
-var _SVGModule = _interopRequireDefault(require("./SVG.module.css"));
+var _SVG = _interopRequireDefault(require("./../SVG/SVG"));
+
+var _SVGModule = _interopRequireDefault(require("./../SVG/SVG.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +27,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -35,7 +37,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var Loader = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Loader, _React$PureComponent);
@@ -49,15 +51,15 @@ var Loader = /*#__PURE__*/function (_React$PureComponent) {
 
     _this = _super.call(this, props);
     _this.viewBoxStyle = {
-      animation: "loaderone 2s linear infinite"
+      animation: 'loaderone 2s linear infinite'
     };
     _this.defsStyle = {
-      animation: "circleAnimation_1 1.5s linear infinite",
-      transformOrigin: "center"
+      animation: 'circleAnimation_1 1.5s linear infinite',
+      transformOrigin: 'center'
     };
     _this.circleStyle = {
-      animation: "circleAnimation_2 1.2s linear infinite",
-      transformOrigin: "center"
+      animation: 'circleAnimation_2 1.2s linear infinite',
+      transformOrigin: 'center'
     };
     return _this;
   }
@@ -74,7 +76,7 @@ var Loader = /*#__PURE__*/function (_React$PureComponent) {
         className: "".concat(_SVGModule["default"].loaderWrapper),
         dataId: dataId,
         styleName: this.viewBoxStyle
-      }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, "@keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}")), /*#__PURE__*/_react["default"].createElement("title", null, "loader"), /*#__PURE__*/_react["default"].createElement("circle", {
+      }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '@keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}')), /*#__PURE__*/_react["default"].createElement("title", null, 'loader'), /*#__PURE__*/_react["default"].createElement("circle", {
         fill: "none",
         stroke: "#089949",
         strokeWidth: 2,
@@ -105,12 +107,8 @@ var Loader = /*#__PURE__*/function (_React$PureComponent) {
 }(_react["default"].PureComponent);
 
 exports["default"] = Loader;
-Loader.propTypes = {
-  dataId: _propTypes["default"].string
-};
-Loader.defaultProps = {
-  dataId: 'loader'
-};
+Loader.propTypes = _propTypes.LoaderProps;
+Loader.defaultProps = _defaultProps.LoaderDefaultProps;
 
 if (false) {
   Loader.docs = {

package/lib/Loader/props/defaultProps.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoaderDefaultProps = void 0;
+var LoaderDefaultProps = {
+  dataId: 'loader'
+};
+exports.LoaderDefaultProps = LoaderDefaultProps;

package/lib/Loader/props/propTypes.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoaderProps = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var LoaderProps = {
+  dataId: _propTypes["default"].string
+};
+exports.LoaderProps = LoaderProps;