@zohodesk/svg 1.0.0-temp.47 → 1.0.0-temp.49

package/es/emptystate/version3/EmptyActiveCalls.js

@@ -1,9 +1,8 @@
 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 SVG from './../../SVG/SVG';
 export default class EmptyActiveCalls extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -47,15 +46,15 @@ export default class EmptyActiveCalls extends React.Component {
       d: "M64.76 119.92h18.49S67.07 90.31 65.72 83.25s-3.66-20.63 3.86-26 13.67-4.2 15.79 0 6.75 22-4 17c0 0-7.13-4.2-6.55-17a3.4 3.4 0 00-3 2.82c-.61 2.7.49 12.49 6.46 16a7.05 7.05 0 01-4.77 1.67s6.92 21.53 19.17 36.42c0 0 5.39-8.09 13-3.32s11.51 8.81 9 15-12.39 9.25-19 6.65-10.5-9.69-10.5-9.69 12.1 12.72 24.34 3.76c0 0-12.09-2.75-13.84-10 0 0 .57-2.1 1.19-2.1a21.06 21.06 0 0016.49 9.68s-4.48 8-3.5 9.25 8.47 18.38 20.72 13.88 9.31-21.6 20.65-24.75 17.93-2.92 17.93-2.92"
     }));
   }
-
 }
 EmptyActiveCalls.propTypes = EmptyStateProps;
-EmptyActiveCalls.defaultProps = { ...EmptyStateDefaultProps,
+EmptyActiveCalls.defaultProps = {
+  ...EmptyStateDefaultProps,
   dataId: 'emptyActiveCalls'
 };
 
-if (false) {
-  EmptyActiveCalls.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyActiveCalls.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyActivity.js

@@ -1,9 +1,8 @@
 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 SVG from './../../SVG/SVG';
 export default class EmptyActivity extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -47,15 +46,15 @@ export default class EmptyActivity extends React.Component {
       d: "M122 123.76s12.07-.32 12.07 1-3.38 2.87-3.54-1.92-.16-14.52-.16-14.52 17.86.32 16.25 16.44-17.86 15.32-24 12.13-10.61-12.54-6.33-23.21c5-12.39 30.24-9.43 33.14 5.09s-7 25.49-22.51 22.64C112.5 138.71 110 125.7 112 117.22a17.58 17.58 0 016-10.89l.35-.35-.37-.55a1.59 1.59 0 00-2.43-.17c-1.28 1.34-3.74 3.7-5.07 3.5-1.86-.28-.29-3-.29-3s8.62-10.24 10.48-9.26-2.35 6-2.35 6l1.56 1.7c11.62-4 22.6.73 22.6.73l1.57-1.69s-4.21-5-2.35-6 10.47 9.26 10.47 9.26 1.57 2.68-.28 3-5.9-4.39-5.9-4.39c-.62-.18-1.31.55-2 1.61l.34.27a18.55 18.55 0 016.8 14.75l-.29 14.66c-.51 7.15-7.41 8.22-7.41 8.22s-74.65.31-81.77 0-8-7.22-8-7.22.56-38.08 0-46.42 9-7.31 9-7.31h83.61a3.73 3.73 0 013.43 2.28c3.69 8.88 2 14.37 1.2 14.4-1.06 0-.06-22.19-.06-22.19 0-1.56 0-3.48.06-5.81.11-8.23-12.84-7-12.84-7l-6.89.15s-2.09 8-6.13 8.17-2.1-16.48.45-17.67 4.34 8.46 2.54 9.2c-.9.38-3.79.4-8.6.31L88 65.45h-5.59s-2.09 8-6.13 8.17-2.08-16.46.46-17.62 4.35 8.46 2.55 9.2c-.9.38-5.32.38-10.13.28h-4.71c-4.81-.09-12.1-.6-13.45 1.16-1.53 2-1 2.19-1.28 5.58v41.65"
     }));
   }
-
 }
 EmptyActivity.propTypes = EmptyStateProps;
-EmptyActivity.defaultProps = { ...EmptyStateDefaultProps,
+EmptyActivity.defaultProps = {
+  ...EmptyStateDefaultProps,
   dataId: 'emptyActivity'
 };
 
-if (false) {
-  EmptyActivity.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyActivity.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyAgent.js

@@ -1,9 +1,8 @@
 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 SVG from './../../SVG/SVG';
 export default class EmptyAgent extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -47,15 +46,15 @@ export default class EmptyAgent extends React.Component {
       d: "M98 91.85s-14.11-6.36-10.33-20.51 31.89-9.38 34.22 0-12.37 19.5-23 14-11.07-19.2.87-24.83 29.56 3.61 27.81 12.56-14.24 25.8-23 21.65-.82-14 2.79-12.85 5.5 1.74 4.92 16.46 3.06 50.24 3.06 50.24-8.74 11.55-9.46 11.27-8.16-9.39-7.72-10.69 5.39-50.24 5.39-50.24l.89-10.79s2.23-5.83 6.6-1 8.56 33.64 19.28 34.05"
     }));
   }
-
 }
 EmptyAgent.propTypes = EmptyStateProps;
-EmptyAgent.defaultProps = { ...EmptyStateDefaultProps,
+EmptyAgent.defaultProps = {
+  ...EmptyStateDefaultProps,
   dataId: 'emptyAgent'
 };
 
-if (false) {
-  EmptyAgent.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyAgent.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyAgentQueue.js

@@ -1,9 +1,8 @@
 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 SVG from './../../SVG/SVG';
 export default class EmptyAgentQueue extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -53,15 +52,15 @@ export default class EmptyAgentQueue extends React.Component {
       d: "M129 149.35a5 5 0 01-1.22-.15l-13.46-3.47a.5.5 0 01-.33-.29.49.49 0 010-.44s1.8-3.41.79-5.84A4 4 0 00112 137c-7.62-2.3-10.9 4.36-11 4.65a.51.51 0 01-.59.26l-7.92-2.21a4.16 4.16 0 01-2.69-5.72l12.73-28.2a.5.5 0 01.66-.25.51.51 0 01.25.67l-12.71 28.14a3.15 3.15 0 002 4.35l7.55 2.1a10.08 10.08 0 0112-4.8 4.91 4.91 0 013.36 2.79c.93 2.24 0 5-.56 6.13l12.92 3.32a4 4 0 004.52-2.09c20.19-41.22 25.07-58.75 22.91-61.41-1.19-1.45-4.26-3.11-9.15-4.91-.86 1.79-4.5 8.26-11.44 6.57a6.6 6.6 0 01-4.5-3.26c-1.58-2.95-.7-6.77-.3-8.15-4.42-1.12-8.45-2-11.09-2.6a3.12 3.12 0 00-3.72 2.29C113.94 79.78 112.1 85 110.32 90c-.81 2.3-1.62 4.56-2.35 6.77 4.85 7.86 3.41 14.85 3.34 15.14-.93 3.78-3 4.87-4.61 4.63s-3.27-2-3.13-4.85c.22-4.51 1.56-9.5 3.3-14.79-.33-.45-11.36-15.31-27.07-15.57h-1.18l-.63.07A28.61 28.61 0 0065.74 85C52 92.6 48 104.64 50.12 113.21c1.65 6.63 6.74 10.82 13.28 10.93h.36c9.64 0 11.63-6.65 12-9.54.82-5.79-2.28-13.31-8-14.85a.52.52 0 01-.35-.62.5.5 0 01.61-.35c6.34 1.7 9.65 9.63 8.76 16-.93 6.63-6 10.52-13.4 10.39-7-.12-12.47-4.6-14.23-11.69-2.22-8.94 1.9-21.47 16.11-29.28a30.8 30.8 0 019.27-3.39 14.82 14.82 0 118.38-.21c13 1.73 22.24 12.53 24.34 15.19.68-2 1.4-4 2.13-6.09 1.77-5 3.6-10.18 4.88-15.24a4.12 4.12 0 014.9-3c2.75.6 7 1.56 11.64 2.74a.48.48 0 01.32.25.47.47 0 010 .4s-1.64 4.68.08 7.87a5.64 5.64 0 003.85 2.76c7.13 1.74 10.33-6.08 10.47-6.41a.5.5 0 01.63-.29c5.39 2 8.67 3.72 10 5.38 4.4 5.42-14.47 45.5-22.79 62.48a5 5 0 01-4.36 2.71zM107.56 98a54.86 54.86 0 00-3 13.7c-.11 2.27 1.06 3.64 2.27 3.82s2.73-.75 3.5-3.86A21.17 21.17 0 00107.56 98zm-29.2-46.15a14.23 14.23 0 000 28.45h.22l2.33-.24a14.27 14.27 0 00-2.55-28.21z"
     }));
   }
-
 }
 EmptyAgentQueue.propTypes = EmptyStateProps;
-EmptyAgentQueue.defaultProps = { ...EmptyStateDefaultProps,
+EmptyAgentQueue.defaultProps = {
+  ...EmptyStateDefaultProps,
   dataId: 'emptyAgentQueue'
 };
 
-if (false) {
-  EmptyAgentQueue.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyAgentQueue.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyApplechat.js

@@ -0,0 +1,72 @@
+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 EmptyApplechat extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyApplechat"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#applechat_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M166.719 332.493c-14.49-4.947-74.373-30.324-59.242-110.596 17.76-94.451 227.692-131.523 276.957-20.865C433.698 311.69 284.518 362.9 226.353 352.799c0 0-43.344 24.467-79.381 18.443a357.55 357.55 0 0 0 43.903-38.459s-61.891-8.28-76.173-63.423c-14.283-55.142 19.229-100.701 85.198-122.684",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M364.81 177.973c-19.167-19.81-40.653-15.007-92.029 16.828-51.375 31.836-61.352 6.603-78.988-22.231-17.636-28.834-46.014 7.224-46.014 7.224-68.122 90.166 23.783 135.622 56.177 148.227a118.642 118.642 0 0 1-22.251 23.701 4.14 4.14 0 0 0 3.477 7.266c16.56-3.913 39.577-11.095 57.668-23.37 157.19 13.268 140.114-138.871 121.96-157.645Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#applechat_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M198.002 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M32.5 293.25s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m42 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M425.5 52C419 52 413.75 57.25 413.75 63.75C413.75 70.25 419 75.5 425.5 75.5C432 75.5 437.25 70.25 437.25 63.75C437.25 57.25 431.75 52 425.5 52ZM425.5 73.25C420.5 73.25 416.25 69 416.25 63.75C416.25 58.5 420.5 54.25 425.5 54.25C430.5 54.25 434.75 58.5 434.75 63.75C434.75 69 430.5 73.25 425.5 73.25Z",
+      fill: "var(--zd_emptysvg_small_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M308.5 432.75C303.75 432.75 300 436.5 300 441.25C300 446 303.75 449.75 308.5 449.75C313.25 449.75 317 446 317 441.25C317 436.75 313.25 432.75 308.5 432.75ZM308.5 447.5C305.25 447.5 302.5 444.75 302.5 441.25C302.5 437.75 305.25 435 308.5 435C311.75 435 314.5 437.75 314.5 441.25C314.5 444.75 311.75 447.5 308.5 447.5Z",
+      fill: "var(--zd_emptysvg_small_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+      fill: "var(--zd_emptysvg_tiny_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "applechat_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(104 132)",
+      d: "M0 0h291.28v241.229H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "applechat_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+}
+EmptyApplechat.propTypes = EmptyStateProps;
+EmptyApplechat.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptyApplechat'
+};
+// if (__DOCS__) {
+//   EmptyApplechat.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyApproval.js

@@ -1,9 +1,8 @@
 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 SVG from './../../SVG/SVG';
 export default class EmptyApproval extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -53,15 +52,14 @@ export default class EmptyApproval extends React.Component {
       d: "M146 125.33c1.79 5.74 4.39 16.67-1 18.42s-55.63 19.49-59.78 17-29.38-83.41-23.29-85.61 19.54-7.18 20.29-7c0 0-2-7.78 3.15-9.91s8.27-2.57 12.82 5c0 0 19.34-5.5 21.33-5s25.87 67.59 25.3 80.56c0 0 0 1.13-4.26 3.66s-48.34 16-53.45 14.1S65.5 89.2 64.93 83s51.44-20.27 53.71-17.45c2.13 2.63 7.5 19.17 13.53 35.9q1.31 3.63 2.28 7.36l1.79 6.91s-14.47-2.46-15.29-.55.54 10.38 1.77 7.24 1.91-7.51-2.59-14.89-8.88-13.92-5.19-20.07c0 0-6.15-2.46-8.6 4s5.59 12.29 3.14 14.48-18.08-1.1-18.62 4.36 8.78 5.74 9 4.37-9.46-1.09-9.6 3.14 9.19 4.92 9.19 3.15-8.64-1.23-8 3.68 9.87 3.55 9.74 3-7.91-1.76-8.55 1.41 13.55 4.69 18.76 2.72 12.12-1.34 12.12-1.34"
     }));
   }
-
 }
 EmptyApproval.propTypes = EmptyStateProps;
-EmptyApproval.defaultProps = { ...EmptyStateDefaultProps,
+EmptyApproval.defaultProps = {
+  ...EmptyStateDefaultProps,
   dataId: 'emptyApproval'
 };
-
-if (false) {
-  EmptyApproval.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyApproval.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyArchived.js

@@ -1,9 +1,8 @@
 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 SVG from './../../SVG/SVG';
 export default class EmptyArchived extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -55,15 +54,14 @@ export default class EmptyArchived extends React.Component {
       r: 1.35
     }));
   }
-
 }
 EmptyArchived.propTypes = EmptyStateProps;
-EmptyArchived.defaultProps = { ...EmptyStateDefaultProps,
+EmptyArchived.defaultProps = {
+  ...EmptyStateDefaultProps,
   dataId: 'emptyArchived'
 };
-
-if (false) {
-  EmptyArchived.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyArchived.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyArticle.js

@@ -0,0 +1,73 @@
+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 EmptyArticle extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyArticle"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#article_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M200.502 140.5s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M35 293.249s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m44.5 284.498-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__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",
+      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",
+      fill: "var(--zd_emptysvg_small_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M202.25 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM474.5 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+      fill: "var(--zd_emptysvg_tiny_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M289.502 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#article_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M189.54 215.61s-15.909-98.336 8.02-100.256c23.928-1.921 131.322 0 126.962 23.098-4.36 23.098-60.964 24.448-37.009 36.023 23.955 11.575 65.791-.649 65.791 22.501 0 23.15-163.764 18.634-163.764 18.634ZM196.184 253.371s-16.869 9.447.675 12.379c17.544 2.933 98.492.597 92.419-6.488-6.073-7.085-93.094-5.891-93.094-5.891ZM197.714 293.263s-13.677 8.798.467 11.393c14.145 2.595 79.962.545 75.031-6.021-4.931-6.566-75.498-5.372-75.498-5.372ZM197.714 332.192s-13.677 8.798.467 11.394c14.145 2.595 79.962.545 75.031-6.021-4.931-6.567-75.498-5.373-75.498-5.373Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M385.277 89.246c-.883-3.53-169.525-4.204-234.538-4.334a25.382 25.382 0 0 0-25.434 25.123l-.233 21.255.7 157.977s-3.737 8.85-5.19-7.786c-1.454-16.636.934-151.956.934-151.956-4.386-1.375-11.342-.311-11.004 20.244.519 29.95-2.595 183.722 3.01 187.692 5.606 3.971 20.97 16.481 23.955-20.944 2.595-31.922-.597-166.982-1.583-206.275a15.407 15.407 0 0 1 1.066-6.06 15.402 15.402 0 0 1 8.463-8.589 15.389 15.389 0 0 1 6.043-1.156c4.697 0 8.902 2.595 9.94 10.641 2.725 20.243-7.345 272.792 1.038 278.684 8.383 5.891 228.387 6.54 228.387-8.331 0-14.871-4.464-281.773-5.554-286.185Z",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "article_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(25 50)",
+      d: "M0 0h450v400H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "article_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(108.93 83.664)",
+      d: "M0 0h283.07v305.13H0z"
+    }))));
+  }
+}
+EmptyArticle.propTypes = EmptyStateProps;
+EmptyArticle.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptyArticle'
+};
+// if (__DOCS__) {
+//   EmptyArticle.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyAsapchat.js

@@ -0,0 +1,68 @@
+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 EmptyAsapchat extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyAsapchat"
+    }, this.props), /*#__PURE__*/React.createElement("path", {
+      d: "M189.399 253.531c-32.676 1.633-29.272 35.399-23.485 52.077 66.373 5.446 199.324 5.718 200.14-36.761 1.022-53.098-9.19-93.943-28.591-97.007-19.401-3.063-42.887 0-54.12 32.676-11.232 32.676-53.098 46.972-93.944 49.015Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M184.096 194.24s1.334-12.796 7.507-12.796 158.084-8.554 158.084 0c0 8.555-165.591 12.796-165.591 12.796ZM183.951 236.845s1.573-12.772 7.746-12.653c6.173.119 158.227-5.552 158.06 3.003-.167 8.554-165.806 9.65-165.806 9.65ZM183.951 279.474s.977-12.772 4.409-12.724c3.432.048 87.515-6.886 87.348 1.668-.167 8.554-91.757 11.056-91.757 11.056Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M123.464 379.217s-25.835-249.121 7.865-253.6c33.7-4.48 261.615-5.624 264.999 16.846 3.384 22.47 16.683 190.623-17.851 194.554-31.388 3.598-168.952-1-195.43-3.717a9.13 9.13 0 0 0-7.699 2.931c-10.629 11.628-43.137 46.726-44.734 43.534-1.907-3.813-11.702-188.383-7.15-189.122 4.552-.739 221.647-.167 222.6-5.29.954-5.123-165.091-7.005-167.141-6.481-2.049.524.763 52.755 2.813 55.304 2.049 2.55 162.064 4.146 162.517-4.122.453-8.268-161.183-7.458-163.685-7.148-2.503.31-6.578 46.917-3.456 50.348 3.122 3.431 98.573 1.263 98.573-2.812 0-4.074-92.948-4.765-95.117-4.765-.739 0-1.573 7.148-2.24 16.941",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#asapchat_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M198.002 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M32.5 293.25s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m42 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M425.5 52C419 52 413.75 57.25 413.75 63.75C413.75 70.25 419 75.5 425.5 75.5C432 75.5 437.25 70.25 437.25 63.75C437.25 57.25 431.75 52 425.5 52ZM425.5 73.25C420.5 73.25 416.25 69 416.25 63.75C416.25 58.5 420.5 54.25 425.5 54.25C430.5 54.25 434.75 58.5 434.75 63.75C434.75 69 430.5 73.25 425.5 73.25Z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M308.5 432.75C303.75 432.75 300 436.5 300 441.25C300 446 303.75 449.75 308.5 449.75C313.25 449.75 317 446 317 441.25C317 436.75 313.25 432.75 308.5 432.75ZM308.5 447.5C305.25 447.5 302.5 444.75 302.5 441.25C302.5 437.75 305.25 435 308.5 435C311.75 435 314.5 437.75 314.5 441.25C314.5 444.75 311.75 447.5 308.5 447.5Z",
+      fill: "var(--zd_emptysvg_small_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+      fill: "var(--zd_emptysvg_tiny_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "asapchat_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+}
+EmptyAsapchat.propTypes = EmptyStateProps;
+EmptyAsapchat.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptyAsapchat'
+};
+
+// if (__DOCS__) {
+//   EmptyAsapchat.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyAttach.js

@@ -1,9 +1,8 @@
 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 SVG from './../../SVG/SVG';
 export default class EmptyAttach extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -47,15 +46,15 @@ export default class EmptyAttach extends React.Component {
       d: "M146.42 155.3c-17.09.46-60.1-.42-69.48-.77a2.4 2.4 0 01-2.33-2.39v-23.43h-4.69l-5-48.51a2.94 2.94 0 012.67-3.2l53.3-4.7 7.19 52.09s-54 7.52-54.58 5.93-1-65.57 0-66.07c1.62-.87 18.28-.24 22.81 0a1.33 1.33 0 011.26 1.16c.86 7 5.12 45.07 5.08 46.83-.14 5.91-13.49 14.69-17.54-.24-4.44-16.36-6.44-48.46-6.59-50.8-.31-5.16 13.8-16.72 17.87 17.2 3.77 31.37 3.84 34.6-2 35.48-6.86 1-11.37-47.7-11.37-47.7h60.63a3.2 3.2 0 013.21 3.09c.37 12.61 4.83 87 1.65 88.86-2.27 1.36-49.85 0-49.85 0"
     }));
   }
-
 }
 EmptyAttach.propTypes = EmptyStateProps;
-EmptyAttach.defaultProps = { ...EmptyStateDefaultProps,
+EmptyAttach.defaultProps = {
+  ...EmptyStateDefaultProps,
   dataId: 'emptyAttach'
 };
 
-if (false) {
-  EmptyAttach.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyAttach.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyBlueprint.js

@@ -1,9 +1,8 @@
 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 SVG from './../../SVG/SVG';
 export default class EmptyBlueprint extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -62,15 +61,15 @@ export default class EmptyBlueprint extends React.Component {
       r: 1.49
     }));
   }
-
 }
 EmptyBlueprint.propTypes = EmptyStateProps;
-EmptyBlueprint.defaultProps = { ...EmptyStateDefaultProps,
+EmptyBlueprint.defaultProps = {
+  ...EmptyStateDefaultProps,
   dataId: 'emptyBlueprint'
 };
 
-if (false) {
-  EmptyBlueprint.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyBlueprint.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyCallHistory.js

@@ -1,9 +1,8 @@
 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 SVG from './../../SVG/SVG';
 export default class EmptyCallHistory extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -49,15 +48,15 @@ export default class EmptyCallHistory extends React.Component {
       fill: "var(--zd_emptysvg_secondary_fill)"
     }));
   }
-
 }
 EmptyCallHistory.propTypes = EmptyStateProps;
-EmptyCallHistory.defaultProps = { ...EmptyStateDefaultProps,
+EmptyCallHistory.defaultProps = {
+  ...EmptyStateDefaultProps,
   dataId: 'emptyCallHistory'
 };
 
-if (false) {
-  EmptyCallHistory.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyCallHistory.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyCanned.js

@@ -0,0 +1,78 @@
+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 EmptyCanned extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyCanned"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#canned_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M198.002 140.5s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M32.5 293.249s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m42 284.498-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M425.5 51.999C419 51.999 413.75 57.249 413.75 63.749C413.75 70.249 419 75.499 425.5 75.499C432 75.499 437.25 70.249 437.25 63.749C437.25 57.249 431.75 51.999 425.5 51.999ZM425.5 73.249C420.5 73.249 416.25 68.999 416.25 63.749C416.25 58.499 420.5 54.249 425.5 54.249C430.5 54.249 434.75 58.499 434.75 63.749C434.75 68.999 430.5 73.249 425.5 73.249Z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M308.5 432.748C303.75 432.748 300 436.498 300 441.248C300 445.998 303.75 449.748 308.5 449.748C313.25 449.748 317 445.998 317 441.248C317 436.748 313.25 432.748 308.5 432.748ZM308.5 447.498C305.25 447.498 302.5 444.748 302.5 441.248C302.5 437.748 305.25 434.998 308.5 434.998C311.75 434.998 314.5 437.748 314.5 441.248C314.5 444.748 311.75 447.498 308.5 447.498Z",
+      fill: "var(--zd_emptysvg_small_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+      fill: "var(--zd_emptysvg_tiny_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#canned_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M274.462 273.079h-61.991l15.976-64.574h79.586s-43.584 159.07-39.647 159.679c3.938.608 27.812 0 27.812 0l16.876-68.428h60.64s9.721-25.956 6.233-26.677c-3.488-.721-60.078 0-60.078 0l15.976-64.574h60.753s7.425-24.289 6.12-26.542c-1.305-2.253-56.95.676-60.348 0-3.397-.676 16.561-65.476 16.561-65.476s-21.061-.608-27.811 0c-6.751.609-16.561 65.476-16.561 65.476h-79.587l16.561-65.476s-24.099.654-27.812 0c-3.712-.653-16.515 65.476-16.515 65.476s-53.756.315-58.008 0c-4.253-.315-4.501 23.027-6.211 26.677-1.71 3.65 57.693 0 57.693 0l-15.976 64.484s-54.61.902-58.278 0c-3.667-.901-6.75 22.937-6.21 26.677.54 3.741 57.693 0 57.693 0s-17.461 64.71-16.876 68.428c.585 3.717 27.812 0 27.812 0l16.875-68.428 59.066-.383",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M185.446 362.821s-21.151 4.709-20.678 0c.472-4.709 61.653-240.927 61.653-240.927s18.518-3.334 19.193 0c.675 3.335-60.168 240.927-60.168 240.927ZM290.571 362.821s-21.151 4.709-20.678 0c.472-4.709 61.653-240.927 61.653-240.927s18.518-3.334 19.193 0c.675 3.335-60.168 240.927-60.168 240.927Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M394.864 184.396s-.945 19.603-5.625 20.279c-4.681.675-237.635-.564-237.635-.564s.607-17.529 3.69-19.016c3.082-1.487 239.57-.699 239.57-.699ZM367.234 275.22s-.945 19.602-5.625 20.278c-4.681.676-237.658-.518-237.658-.518s.608-17.552 3.69-19.039c3.083-1.487 239.593-.721 239.593-.721Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "canned_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "canned_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(119 115)",
+      d: "M0 0h285v256H0z"
+    }))));
+  }
+}
+EmptyCanned.propTypes = EmptyStateProps;
+EmptyCanned.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptyCanned'
+};
+
+// if (__DOCS__) {
+//   EmptyCanned.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }