@zohodesk/svg 1.0.0-beta.5 → 1.0.0-beta.50

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,30 @@
+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,30 @@
+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,30 @@
+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,30 @@
+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,30 @@
+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,30 @@
+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,30 @@
+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,30 @@
+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,30 @@
+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,30 @@
+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/AuditLog.js

@@ -0,0 +1,80 @@
+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 AuditLog extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "AuditLog"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.AuditLog_svg__cls-1{opacity: 0.1;fill:var(--zd_emptysvg_primary_fill)}.AuditLog_svg__cls-2{fill:var(--zd_emptysvg_plus)}.AuditLog_svg__cls-3{fill:var(--zd_emptysvg_cross)}.AuditLog_svg__cls-4{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.AuditLog_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill)}')), /*#__PURE__*/React.createElement("g", {
+      "clip-path": "url(#clip0_8054_29326)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.0016 291.25 72.2516 257.25C71.7516 224 72.2516 145.5 200.502 140.5Z",
+      className: "AuditLog_svg__cls-1"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "AuditLog_svg__cls-2",
+      d: "M35 293.249C35 293.249 34.75 293.249 35 293.249C34.25 293.249 33.75 292.499 33.75 291.999L34.75 273.249C34.75 272.499 35.25 271.999 36 271.999C36.75 271.999 37.25 272.499 37.25 273.249L36.25 291.999C36 292.749 35.5 293.249 35 293.249Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "AuditLog_svg__cls-2",
+      d: "M44.501 284.498L26.001 283.498C25.251 283.498 24.751 282.748 24.751 282.248C24.751 281.498 25.501 280.998 26.001 280.998L44.251 281.998C45.001 281.998 45.501 282.748 45.501 283.248C45.751 283.998 45.251 284.498 44.501 284.498Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z",
+      style: {
+        fill: 'var(--zd_emptysvg_medium_circle)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z",
+      style: {
+        fill: 'var(--zd_emptysvg_medium_circle)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
+      className: "AuditLog_svg__cls-3"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
+      className: "AuditLog_svg__cls-3"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M289.502 162.499C289.502 162.499 196.252 100.249 149.002 118.999C101.752 137.749 69.5017 295.499 200.752 366.249C332.002 436.999 391.502 282.999 392.002 255.749C392.502 229.249 392.002 166.249 289.502 162.499Z",
+      className: "AuditLog_svg__cls-1"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M143.321 229.819C143.321 229.819 126.185 122.585 152.03 120.604C177.874 118.623 294.175 120.604 289.4 145.786C284.624 170.967 223.384 172.382 249.228 185.114C275.073 197.846 320.582 184.265 320.582 209.73C320.582 235.194 143.321 229.819 143.321 229.819Z",
+      className: "AuditLog_svg__cls-5"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M150.344 271.128C150.344 271.128 132.084 281.314 151.187 284.709C170.289 287.822 257.656 285.275 251.194 277.636C244.452 269.714 150.344 271.128 150.344 271.128Z",
+      className: "AuditLog_svg__cls-5"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M152.03 314.699C152.03 314.699 137.141 324.319 152.592 327.148C168.042 329.978 239.115 327.714 233.778 320.641C228.44 313.284 152.03 314.699 152.03 314.699Z",
+      className: "AuditLog_svg__cls-5"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M152.03 357.14C152.03 357.14 137.141 366.76 152.592 369.59C168.042 372.419 239.115 370.156 233.778 363.082C228.44 355.726 152.03 357.14 152.03 357.14Z",
+      className: "AuditLog_svg__cls-5"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M307.941 313.852C307.941 300.554 295.862 307.911 291.648 303.384C285.749 296.593 281.254 286.407 294.176 275.655C316.65 257.264 356.821 254.435 364.968 294.329C373.396 334.224 316.931 354.03 304.008 335.922C299.233 329.131 307.941 317.53 307.941 313.852Z",
+      className: "AuditLog_svg__cls-5"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "AuditLog_svg__cls-4",
+      d: "M357.101 227.272C357.101 227.272 356.259 97.1199 355.135 92.31C354.292 88.3488 171.694 87.7829 101.183 87.5C86.0134 87.5 73.9338 99.6664 73.6529 114.945L73.372 138.146L74.2147 310.456C74.2147 310.456 70.2819 320.076 68.5963 301.968C67.1917 283.577 69.72 136.166 69.72 136.166C64.9444 134.751 57.3595 135.883 57.9214 158.235C58.4832 190.773 55.1122 358.556 61.2924 362.8C67.4727 367.044 84.0469 380.625 87.1371 339.882C89.9463 305.08 86.5752 157.952 85.4515 114.945C84.8897 105.608 92.4746 97.4029 102.026 97.6858C107.082 97.9687 111.577 100.515 112.701 109.286C115.51 131.356 104.835 406.655 113.824 413.163C122.814 419.671 350.921 425.612 350.921 409.202C350.921 393.074 349.797 358.556 349.797 358.556C349.797 358.556 261.308 382.606 261.027 296.026C261.027 296.026 260.465 258.395 294.175 242.268C321.986 228.97 357.101 237.175 374.799 262.356C377.889 266.883 380.699 271.976 382.946 278.201C391.093 300.553 386.036 325.735 370.585 343.56C367.776 346.955 364.967 348.936 363.001 348.653C356.259 346.955 367.776 333.94 377.328 342.994C386.879 352.048 425.646 385.435 426.769 393.357C427.893 401.28 416.095 405.807 410.757 398.167C405.42 390.528 354.292 342.994 354.292 342.994C354.292 342.994 316.087 361.102 289.119 334.789C262.15 308.476 278.725 270.279 292.771 259.81C292.771 259.81 304.569 249.341 323.672 249.341C346.145 249.624 365.248 265.469 371.709 286.972C375.642 299.704 376.485 314.417 365.81 326.301"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "clip0_8054_29326"
+    }, /*#__PURE__*/React.createElement("rect", {
+      width: "450",
+      height: "400",
+      fill: "white",
+      transform: "translate(25 50)"
+    }))));
+  }
+
+}
+AuditLog.propTypes = EmptyStateProps;
+AuditLog.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'AuditLog'
+};
+
+if (false) {
+  AuditLog.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/CustomModule.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 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/emptystate/version3/EmptyAccounts.js

@@ -0,0 +1,90 @@
+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 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", {
+      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)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 156.04,
+      cy: 31.69,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyAccounts_svg__cls-8",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAccounts_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyAccounts_svg__cls-6",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAccounts_svg__cls-3",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("g", {
+      opacity: 0.3
+    }, /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyAccounts_svg__cls-7",
+      cx: 70.01,
+      cy: 92.77,
+      rx: 13.53,
+      ry: 13.42
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAccounts_svg__cls-7",
+      d: "M128.12 74.12s5.37-7.3 17.62-.47 3.25 28-11.37 26.24c0 0-4.75-.87-6.36-2-.01-.02 4.36-11.67.11-23.77z"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyAccounts_svg__cls-7",
+      cx: 104.52,
+      cy: 81.92,
+      rx: 18.72,
+      ry: 18.56
+    })), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyAccounts_svg__cls-9",
+      cx: 70.01,
+      cy: 92.77,
+      rx: 13.53,
+      ry: 13.42
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAccounts_svg__cls-9",
+      d: "M128.12 74.12s5.37-7.3 17.62-.47 3.25 28-11.37 26.24c0 0-4.75-.87-6.36-2-.01-.02 4.36-11.67.11-23.77z"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyAccounts_svg__cls-9",
+      cx: 104.52,
+      cy: 81.92,
+      rx: 18.72,
+      ry: 18.56
+    })), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAccounts_svg__cls-5",
+      d: "M43.12 137.27s26.19 17.89 43.6 1.66a6.4 6.4 0 002-4c.65-6.42 1-24.27-14.68-29.35a17.28 17.28 0 007.88-8.3c2.6-6.49 1.34-16.24-9-18.38-17.24-3.58-19.41 15-13 22.12l3.78 4.56s-18.89 12.48-16.32 23.95c0 0 13.38 12.34 30.06 7.68 0 0 23 28.3 52.82 2.18a7.2 7.2 0 002.43-5.47c-.07-8.11-1.8-29-17-36.76 0 0-13.62 12.11-26.54-3.49s3-32.37 14.56-31 23 5.12 19.49 30.5c0 0 7.75 12.35 20.9 3.5s5.17-20.73 1.65-23.06-13.1-5.77-17.62.47a35.44 35.44 0 01-7.18 35.44 29.18 29.18 0 00-6 10.41c-.88 2.75-1.33 5.66-.39 7.71 2.27 4.95 26.73 11 40.87-2.31a4.65 4.65 0 001.47-3.5c-.06-4.26-1.32-13.89-10.87-18.18 0 0 11.51 20.26 2.12 32.84"
+    }));
+  }
+
+}
+EmptyAccounts.propTypes = EmptyStateProps;
+EmptyAccounts.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyAccounts'
+};
+
+if (false) {
+  EmptyAccounts.docs = {
+    componentGroup: 'Emptystate'
+  };
+}