@zohodesk/svg 1.0.0-beta.45 → 1.0.0-beta.48

package/es/docs/Errorstate__version1.docs.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import EmptyInconvenience from '../errorstate/version1/EmptyInconvenience';
+import NoRequestFound from '../errorstate/version1/NoRequestFound';
+import PageNotFound from '../errorstate/version1/PageNotFound';
+import UnableToProcessRequest from '../errorstate//version1/UnableToProcessRequest';
+import UnauthorizedLogin from '../errorstate/version1/UnauthorizedLogin';
+import UrlNotFound from '../errorstate/version1/UrlNotFound';
+import WillBeRightBack from '../errorstate/version1/WillBeRightBack';
+import style from './SVGdocstyle.module.css';
+export default class Errorstate__version1 extends React.Component {
+  render() {
+    let allSvg = {
+      EmptyInconvenience: /*#__PURE__*/React.createElement(EmptyInconvenience, null),
+      NoRequestFound: /*#__PURE__*/React.createElement(NoRequestFound, null),
+      PageNotFound: /*#__PURE__*/React.createElement(PageNotFound, null),
+      UnableToProcessRequest: /*#__PURE__*/React.createElement(UnableToProcessRequest, null),
+      UnauthorizedLogin: /*#__PURE__*/React.createElement(UnauthorizedLogin, null),
+      UrlNotFound: /*#__PURE__*/React.createElement(UrlNotFound, null),
+      WillBeRightBack: /*#__PURE__*/React.createElement(WillBeRightBack, null)
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.parent
+    }, Object.keys(allSvg).map(item => {
+      let filterDarkPalettes = item.endsWith('DarkPalette');
+      return /*#__PURE__*/React.createElement("div", {
+        className: filterDarkPalettes ? style.darkPalette : style.defaultPalette
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style.box
+      }, allSvg[item]), /*#__PURE__*/React.createElement("div", {
+        className: style.textStyle
+      }, item));
+    }));
+  }
+
+}
+
+if (false) {
+  Errorstate__version1.docs = {
+    componentGroup: 'Errorstate'
+  };
+}

package/es/docs/Errorstate__version2.docs.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import EmptyUnauthorizedLogin from '../errorstate/version2/EmptyUnauthorizedLogin';
+import EmptyWillBeRightBack from '../errorstate/version2/EmptyWillBeRightBack';
+import NotImpossible from '../errorstate/version2/NotImpossible';
+import style from './SVGdocstyle.module.css';
+export default class Errorstate__version2 extends React.Component {
+  render() {
+    let allSvg = {
+      EmptyUnauthorizedLogin: /*#__PURE__*/React.createElement(EmptyUnauthorizedLogin, null),
+      EmptyWillBeRightBack: /*#__PURE__*/React.createElement(EmptyWillBeRightBack, null),
+      NotImpossible: /*#__PURE__*/React.createElement(NotImpossible, null)
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.parent
+    }, Object.keys(allSvg).map(item => {
+      let filterDarkPalettes = item.endsWith('DarkPalette');
+      return /*#__PURE__*/React.createElement("div", {
+        className: filterDarkPalettes ? style.darkPalette : style.defaultPalette
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style.box
+      }, allSvg[item]), /*#__PURE__*/React.createElement("div", {
+        className: style.textStyle
+      }, item));
+    }));
+  }
+
+}
+
+if (false) {
+  Errorstate__version2.docs = {
+    componentGroup: 'Errorstate'
+  };
+}

package/es/docs/Errorstate__version3.docs.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import ErrorInconvenience from '../errorstate/version3/ErrorInconvenience';
+import ErrorOopsSomethingMiss from '../errorstate/version3/ErrorOopsSomethingMiss';
+import ErrorUnableToProcessRequest from '../errorstate/version3/ErrorUnableToProcessRequest';
+import ErrorUnauthorizedLogin from '../errorstate/version3/ErrorUnauthorizedLogin';
+import ErrorUrlNotFound from '../errorstate/version3/ErrorUrlNotFound';
+import ErrorWillBeRightBack from '../errorstate/version3/ErrorWillBeRightBack';
+import style from './SVGdocstyle.module.css';
+export default class Errorstate__version3 extends React.Component {
+  render() {
+    let allSvg = {
+      Inconvenience: /*#__PURE__*/React.createElement(ErrorInconvenience, null),
+      OopsSomethingMiss: /*#__PURE__*/React.createElement(ErrorOopsSomethingMiss, null),
+      UnableToProcessRequest: /*#__PURE__*/React.createElement(ErrorUnableToProcessRequest, null),
+      UnathorizedLogin: /*#__PURE__*/React.createElement(ErrorUnauthorizedLogin, null),
+      UrlNotFound: /*#__PURE__*/React.createElement(ErrorUrlNotFound, null),
+      WillBeRightBack: /*#__PURE__*/React.createElement(ErrorWillBeRightBack, null)
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.parent
+    }, Object.keys(allSvg).map(item => {
+      let filterDarkPalettes = item.endsWith('DarkPalette');
+      return /*#__PURE__*/React.createElement("div", {
+        className: filterDarkPalettes ? style.darkPalette : style.defaultPalette
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style.box
+      }, allSvg[item]), /*#__PURE__*/React.createElement("div", {
+        className: style.textStyle
+      }, item));
+    }));
+  }
+
+}
+
+if (false) {
+  Errorstate__version3.docs = {
+    componentGroup: 'Errorstate'
+  };
+}

package/es/docs/SVG__common.docs.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import Loader from '../Loader/Loader';
+import style from './SVGdocstyle.module.css';
+export default class SVG__common extends React.Component {
+  render() {
+    let allSvg = {
+      Loader: /*#__PURE__*/React.createElement(Loader, null)
+    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.parent
+    }, Object.keys(allSvg).map(item => {
+      let filterDarkPalettes = item.endsWith('DarkPalette');
+      return /*#__PURE__*/React.createElement("div", {
+        className: filterDarkPalettes ? style.darkPalette : style.defaultPalette
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style.box
+      }, allSvg[item]), /*#__PURE__*/React.createElement("div", {
+        className: style.textStyle
+      }, item));
+    }));
+  }
+
+}
+
+if (false) {
+  SVG__common.docs = {
+    componentGroup: 'Svg'
+  };
+}

package/es/docs/SVGdocstyle.module.css

@@ -0,0 +1,53 @@
+[data-mode='default'] {
+  background: #fff;
+  color: #000;
+}
+[data-mode='dark'] {
+  background: #232b38;
+  color: #e2e4e6;
+}
+[data-mode='pureDark'] {
+  background: #212121;
+  color: #e2e4e6;
+}
+
+
+.parent{
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.box{
+  height:200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.defaultPalette{
+  border: 1px solid #dcdcdc;
+  padding: 5px;
+  margin: 5px;
+  width: 24%;
+  justify-content: space-between
+}
+.darkPalette{
+  background-color: #2c334d;
+  min-width: 45%;
+  border: 1px solid #dcdcdc;
+  padding: 5px;
+  margin: 5px;
+  flex: 1;
+  max-width: 25%;
+  justify-content: space-between
+}
+.textStyle{
+  text-align: center;
+  padding: 10px 0;
+  background: #f9f9f9;
+  margin-top: 10px;
+  color: #000
+}

package/es/emptystate/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const EmptyStateDefaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyState',
+  palette: 'default'
+};

package/es/emptystate/props/propTypes.js

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

package/es/emptystate/version1/EmptyCustomDomain.js

@@ -0,0 +1,31 @@
+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';
+import image from './../../../images/EmptyCustomDomain.svg';
+export default class EmptyCustomDomain extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 298 123.46",
+      name: "CustomDomain"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+EmptyCustomDomain.propTypes = { ...EmptyStateProps
+};
+EmptyCustomDomain.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCustomDomain'
+};
+
+if (false) {
+  EmptyCustomDomain.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version2/EmptyBusinessHoliday.js

@@ -0,0 +1,31 @@
+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';
+import image from './../../../images/EmptyBusinessHoliday.svg';
+export default class EmptyBusinessHoliday extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 139.3",
+      name: "businessholiday"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+EmptyBusinessHoliday.propTypes = { ...EmptyStateProps
+};
+EmptyBusinessHoliday.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyBusinessHoliday'
+};
+
+if (false) {
+  EmptyBusinessHoliday.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version2/EmptyBusinessHour.js

@@ -0,0 +1,31 @@
+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';
+import image from './../../../images/EmptyBusinessHour.svg';
+export default class EmptyBusinessHour extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 139.3",
+      name: "businesshour"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+EmptyBusinessHour.propTypes = { ...EmptyStateProps
+};
+EmptyBusinessHour.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyBusinessHour'
+};
+
+if (false) {
+  EmptyBusinessHour.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version2/EmptyFromAddress.js

@@ -0,0 +1,31 @@
+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';
+import image from './../../../images/EmptyFromAddress.svg';
+export default class EmptyFromAddress extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 139.3",
+      name: "fromAddress"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+EmptyFromAddress.propTypes = { ...EmptyStateProps
+};
+EmptyFromAddress.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyFromAddress'
+};
+
+if (false) {
+  EmptyFromAddress.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version2/EmptyImportHistory.js

@@ -0,0 +1,31 @@
+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';
+import image from './../../../images/EmptyImportHistory.svg';
+export default class EmptyImportHistory extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 139.3",
+      name: "importHistory"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+EmptyImportHistory.propTypes = { ...EmptyStateProps
+};
+EmptyImportHistory.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyImportHistory'
+};
+
+if (false) {
+  EmptyImportHistory.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version2/EmptyNetwork.js

@@ -0,0 +1,31 @@
+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';
+import image from './../../../images/EmptyNetwork.svg';
+export default class EmptyNetwork extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 139.3",
+      name: "network"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+EmptyNetwork.propTypes = { ...EmptyStateProps
+};
+EmptyNetwork.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyNetwork'
+};
+
+if (false) {
+  EmptyNetwork.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version2/EmptyRecycleBin.js

@@ -0,0 +1,31 @@
+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';
+import image from './../../../images/EmptyRecycleBin.svg';
+export default class EmptyRecycleBin extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 149.5",
+      name: "recycleBin"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+EmptyRecycleBin.propTypes = { ...EmptyStateProps
+};
+EmptyRecycleBin.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyRecycleBin'
+};
+
+if (false) {
+  EmptyRecycleBin.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version2/EmptyRoles.js

@@ -0,0 +1,31 @@
+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';
+import image from './../../../images/EmptyRoles.svg';
+export default class EmptyRoles extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 139.3",
+      name: "roles"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+EmptyRoles.propTypes = { ...EmptyStateProps
+};
+EmptyRoles.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyRoles'
+};
+
+if (false) {
+  EmptyRoles.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version2/EmptyWebhook.js

@@ -0,0 +1,31 @@
+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';
+import image from './../../../images/EmptyWebhook.svg';
+export default class EmptyWebhook extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 181.9 139.3",
+      name: "emptyWebhook"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+EmptyWebhook.propTypes = { ...EmptyStateProps
+};
+EmptyWebhook.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyWebhook'
+};
+
+if (false) {
+  EmptyWebhook.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version2/FailureLog.js

@@ -0,0 +1,31 @@
+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';
+import image from './../../../images/FailureLog.svg';
+export default class FailureLog extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 189.4 139.3",
+      name: "failurelog"
+    }, this.props), /*#__PURE__*/React.createElement("image", {
+      xlinkHref: image,
+      height: "100%",
+      width: "100%"
+    }));
+  }
+
+}
+FailureLog.propTypes = { ...EmptyStateProps
+};
+FailureLog.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'failureLog'
+};
+
+if (false) {
+  FailureLog.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/CustomModule.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 CustomModule extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "CustomModule"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.customModule_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.customModule_svg__cls-2{fill:var(--zd_emptysvg_plus)}.customModule_svg__cls-3{fill:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", {
+      d: "M84.86 69.05s45.64-29.14 68.74-20.37 38.88 82.57-25.35 115.68S35 125.45 34.71 112.68c-.24-12.35 0-41.8 50.15-43.63z",
+      style: {
+        isolation: 'isolate'
+      },
+      opacity: 0.1,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "customModule_svg__cls-2",
+      d: "M19.31 111.51a.5.5 0 01-.47-.52l.4-6.7a.49.49 0 01.52-.47.49.49 0 01.47.52l-.42 6.66a.5.5 0 01-.5.51z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "customModule_svg__cls-2",
+      d: "M23 108.34l-7-.34a.48.48 0 01-.47-.52.49.49 0 01.53-.47l7 .38a.5.5 0 010 1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M140.88 186.47a3.15 3.15 0 113.24-3.15 3.2 3.2 0 01-3.24 3.15zm0-5.3a2.15 2.15 0 102.24 2.15 2.21 2.21 0 00-2.24-2.15z",
+      fill: "var(--zd_emptysvg_small_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "customModule_svg__cls-3",
+      d: "M185.75 146a.5.5 0 01-.37-.16l-4.64-5a.48.48 0 010-.7.5.5 0 01.7 0l4.65 5a.49.49 0 010 .7.5.5 0 01-.34.16z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "customModule_svg__cls-3",
+      d: "M180.83 145.75a.52.52 0 01-.38-.17.49.49 0 01.05-.7l5.2-4.47a.5.5 0 11.66.75l-5.2 4.47a.52.52 0 01-.33.12zM77.39 31.09a3.31 3.31 0 113.33-3.31 3.33 3.33 0 01-3.33 3.31zm0-5.62a2.31 2.31 0 102.33 2.31 2.33 2.33 0 00-2.33-2.31z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M157.33 25.35A4.33 4.33 0 11161.7 21a4.36 4.36 0 01-4.37 4.35zm0-7.67A3.34 3.34 0 10160.7 21a3.37 3.37 0 00-3.37-3.32z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+      d: "M66.43 47.65c-.5 1.49-15.52 26.14-22.34 20.35-1.69-1.44 48.16-25.81 48.16-25.81s58.57 24.32 60.06 26.31-62 35.24-62 35.24L36.15 73l-3 66.53 55.6 32.26 68-29.5-.05-38.36c-6.31.46-10.84 9.56-4.9 15.88 5 5.35 15.35 2.72 16.18-6.46.93-10.26-10.19-10.66-10.19-10.66l.21-16.26a33.14 33.14 0 013.55 0c.77.13 0 6.6 3 9.15s8.27-3.28 9.54-3.27 4.93 5.73 4.93 5.73-4.84 6.2-4.34 8.11 8.37 2.69 9.52 2.82 0 8.51 0 8.51-8-.66-9.78 2.26 4.67 7.88 4.8 8.65-5.61 6.33-5.61 6.33l-5.07-4.21c-1.77-1.65-3.72-.59-5.33 0a2.51 2.51 0 00-1.39 1.33l-.13 5.49a34.64 34.64 0 01-8 .29c-2.3-.24.57-9.28-3.69-8.42s-5.91 5.66-9.29 3.58-3.7-3.51-3.26-4.6 5-7.08 4.18-8.5-8.62-2.1-9.06-2.76-.64-5.35 0-7.21 6.23-.74 8-2-.42-7-2.92-10.27c0 0 2.09-4.58 4.28-5.23s7.4 5.92 10.25 3.42.78-8 2.59-9.22h1.62c-.17-6.36-.27-11.2-.64-11.94-1.49-3-58.08 31.77-58.08 31.77l-.85 55.44",
+      fill: "none",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "customModule_svg__cls-6",
+      d: "M132.21 72.4S93.39 48 89.51 49.67s-8.88 4.43-6.66 14.42-22.18-2.78-21.63 1.66 29.24 29.1 32 27.44 38.99-20.79 38.99-20.79zM80.63 152.43S56.67 94.3 50 95.83s-10.2 37.73-7.14 39.26 37.77 17.34 37.77 17.34zM161 111c-.07 2.33 2.1 1.08 2.78 1.88 1 1.19 1.76 3-.56 4.8-4 3.09-11 3.46-12.3-3.5s8.62-10.15 10.8-7c.81 1.2-.72 3.15-.72 3.82z"
+    })));
+  }
+
+}
+CustomModule.propTypes = { ...EmptyStateProps
+};
+CustomModule.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'CustomModule'
+};
+
+if (false) {
+  CustomModule.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/{svg → emptystate/version3}/EmptyAccounts.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 EmptyAccounts extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "accounts"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyAccounts_svg__cls-7,.EmptyAccounts_svg__cls-9{fill:var(--zd_emptysvg_secondary_fill)}.EmptyAccounts_svg__cls-3,.EmptyAccounts_svg__cls-4,.EmptyAccounts_svg__cls-5,.EmptyAccounts_svg__cls-6,.EmptyAccounts_svg__cls-8{fill:none}.EmptyAccounts_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyAccounts_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAccounts_svg__cls-4,.EmptyAccounts_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAccounts_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyAccounts_svg__cls-6{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyAccounts_svg__cls-7,.EmptyAccounts_svg__cls-9{fill:var(--zd_emptysvg_secondary_fill)}.EmptyAccounts_svg__cls-3,.EmptyAccounts_svg__cls-4,.EmptyAccounts_svg__cls-5,.EmptyAccounts_svg__cls-6,.EmptyAccounts_svg__cls-8{fill:none}.EmptyAccounts_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyAccounts_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAccounts_svg__cls-4,.EmptyAccounts_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAccounts_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyAccounts_svg__cls-6{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
       d: "M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z",
       opacity: 0.05,
       fill: "var(--zd_emptysvg_primary_fill)"
@@ -77,25 +78,14 @@ export default class EmptyAccounts extends React.Component {
   }
 
 }
-EmptyAccounts.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyAccounts.propTypes = { ...EmptyStateProps
 };
-EmptyAccounts.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyAccounts',
-  palette: 'default'
+EmptyAccounts.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyAccounts'
 };
 
 if (false) {
   EmptyAccounts.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }