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

package/es/emptystate/version3/EmptyActiveCalls.js

@@ -0,0 +1,61 @@
+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 EmptyActiveCalls extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "ActiveCalls"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyActiveCalls_svg__cls-4,.EmptyActiveCalls_svg__cls-5,.EmptyActiveCalls_svg__cls-6,.EmptyActiveCalls_svg__cls-7,.EmptyActiveCalls_svg__cls-8{fill:none}.EmptyActiveCalls_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyActiveCalls_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyActiveCalls_svg__cls-5,.EmptyActiveCalls_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyActiveCalls_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyActiveCalls_svg__cls-8{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",
+      fill: "var(--zd_emptysvg_primary_fill)",
+      opacity: 0.05
+    }), /*#__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: "EmptyActiveCalls_svg__cls-7",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyActiveCalls_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyActiveCalls_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyActiveCalls_svg__cls-4",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M79.93 53.67c6.28.38 9.53 13.52 8.06 18.09s-6.15 4.54-10.33-1.48-2-16.09-2-16.09c.53-.82 4.27-.52 4.27-.52zm15.35 57.76s3.88 8.57 9.94 10.57 8.88 3.58 10.12-.5c0 0-2.21-10.29-14.9-12.13 0-.02-2.16-.24-5.16 2.06z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyActiveCalls_svg__cls-6",
+      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,
+  dataId: 'emptyActiveCalls'
+};
+
+if (false) {
+  EmptyActiveCalls.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyActivity.js

@@ -0,0 +1,61 @@
+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 EmptyActivity extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "EmptyActivity"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyActivity_svg__cls-4,.EmptyActivity_svg__cls-5,.EmptyActivity_svg__cls-6,.EmptyActivity_svg__cls-7,.EmptyActivity_svg__cls-8{fill:none}.EmptyActivity_svg__cls-4,.EmptyActivity_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyActivity_svg__cls-7{stroke:var(--zd_emptysvg_cross)}.EmptyActivity_svg__cls-5,.EmptyActivity_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyActivity_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyActivity_svg__cls-8{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",
+      fill: "var(--zd_emptysvg_primary_fill)",
+      opacity: 0.05
+    }), /*#__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: "EmptyActivity_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyActivity_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyActivity_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyActivity_svg__cls-7",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M52.32 87.6s-.42-19.95 4.36-22.43 82.26.24 82.26.24 7.43-.07 8.34 6.9a37.49 37.49 0 010 11.36H62.64S53 83.55 52.32 87.6zm89.31 9.77c-.65.6 1.27 3.73 4.3 7s6 5.44 6.66 4.84-1.27-3.73-4.29-7-6.01-5.43-6.67-4.84zM110 108.52c.64.62 3.68-1.48 6.78-4.68s5.1-6.28 4.46-6.89-3.67 1.48-6.78 4.68-5.07 6.28-4.46 6.89z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyActivity_svg__cls-6",
+      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,
+  dataId: 'emptyActivity'
+};
+
+if (false) {
+  EmptyActivity.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyAgent.js

@@ -0,0 +1,61 @@
+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 EmptyAgent extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "agent"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyAgent_svg__cls-4,.EmptyAgent_svg__cls-5,.EmptyAgent_svg__cls-6,.EmptyAgent_svg__cls-7,.EmptyAgent_svg__cls-8{fill:none}.EmptyAgent_svg__cls-4,.EmptyAgent_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyAgent_svg__cls-7{stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAgent_svg__cls-5,.EmptyAgent_svg__cls-8{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAgent_svg__cls-6{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}.EmptyAgent_svg__cls-8{stroke:var(--zd_emptysvg_primary_stroke)}')), /*#__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",
+      fill: "var(--zd_emptysvg_primary_fill)",
+      opacity: 0.05
+    }), /*#__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: "EmptyAgent_svg__cls-7",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAgent_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyAgent_svg__cls-6",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAgent_svg__cls-4",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_secondary_fill)",
+      d: "M111.64 85.73l1.75 40.55 1.95 22.31-9.37 9.13-5.97-8.39 6.04-62.68 5.6-.92z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAgent_svg__cls-8",
+      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,
+  dataId: 'emptyAgent'
+};
+
+if (false) {
+  EmptyAgent.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyAgentQueue.js

@@ -0,0 +1,67 @@
+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 EmptyAgentQueue extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "EmptyAgentQueue"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.agentQueue_svg__cls-4,.agentQueue_svg__cls-6{fill:var(--zd_emptysvg_primary_fill)}.agentQueue_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.agentQueue_svg__cls-7{fill:var(--zd_emptysvg_cross)}.agentQueue_svg__cls-5{fill:var(--zd_emptysvg_small_circle)}.agentQueue_svg__cls-8{fill:var(--zd_emptysvg_primary_stroke);}.agentQueue_svg__cls-6{opacity:.25}')), /*#__PURE__*/React.createElement("path", {
+      d: "M80.12 59.9S127 29.06 150.78 38.35s40 87.37-26.06 122.41-95.89-41.18-96.15-54.69c-.24-13.07 0-44.23 51.55-46.17z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M149.64 33.09a4 4 0 114-4 4 4 0 01-4 4zm0-7a3 3 0 103 3 3 3 0 00-3-3.01z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "agentQueue_svg__cls-3",
+      d: "M73.22 29.58A2.6 2.6 0 1175.84 27a2.6 2.6 0 01-2.62 2.58zm0-4.19A1.6 1.6 0 1074.84 27a1.6 1.6 0 00-1.62-1.61z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "agentQueue_svg__cls-4",
+      d: "M16.54 104.91a.5.5 0 01-.47-.53l.35-6.16a.48.48 0 01.53-.47.5.5 0 01.47.52l-.42 6.17a.51.51 0 01-.46.47z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "agentQueue_svg__cls-4",
+      d: "M19.82 102l-6.21-.35a.49.49 0 01-.47-.52.5.5 0 01.52-.48l6.22.35a.5.5 0 010 1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "agentQueue_svg__cls-5",
+      d: "M159.49 154.41a2.93 2.93 0 112.95-2.93 2.95 2.95 0 01-2.95 2.93zm0-4.86a1.93 1.93 0 101.95 1.93 1.94 1.94 0 00-1.95-1.93z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "agentQueue_svg__cls-7",
+      transform: "rotate(-42.02 171.283 116.905)",
+      d: "M170.78 113.8h1v6.2h-1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "agentQueue_svg__cls-7",
+      transform: "rotate(-41.56 171.287 116.897)",
+      d: "M168.18 116.4h6.2v1h-6.2z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "agentQueue_svg__cls-6",
+      d: "M115.79 72.81l-25.52 61.32s-1.07 3.78 2.36 5a66.5 66.5 0 007.93 2.21s4.42-8 11.63-4.91 2.23 8.77 2.23 8.77l11.67 3.24a4.94 4.94 0 005.81-2.7l20.94-45.89s4.79-11.12 3-15.47L146 79.19s-5.17 8.9-11 6.71-4.28-11.28-4.28-11.28l-11.63-2.73s-2.26-.83-3.3.92z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M114.13 109.91l6-.86 3-5.38a.35.35 0 01.43 0l2.71 5.48 6.5.76c.22 0 .33.21.11.43l-4.88 4.3 1.19 5.91c0 .21-.1.32-.32.21l-5.2-2.69-5.64 2.8c-.11.11-.32 0-.32-.22l.54-6-4.34-4.2a.79.79 0 01.22-.54z",
+      fill: "var(--zd_emptysvg_circle_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "agentQueue_svg__cls-6",
+      cx: 79.29,
+      cy: 65.74,
+      rx: 13.25,
+      ry: 13.63
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "agentQueue_svg__cls-8",
+      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,
+  dataId: 'emptyAgentQueue'
+};
+
+if (false) {
+  EmptyAgentQueue.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyApplechat.js

@@ -0,0 +1,74 @@
+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 (false) {
+  EmptyApplechat.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyApproval.js

@@ -0,0 +1,67 @@
+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 EmptyApproval extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "archived"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyApproval_svg__cls-3,.EmptyApproval_svg__cls-4,.EmptyApproval_svg__cls-5,.EmptyApproval_svg__cls-6,.EmptyApproval_svg__cls-7{fill:none}.EmptyApproval_svg__cls-3,.EmptyApproval_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyApproval_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyApproval_svg__cls-4,.EmptyApproval_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyApproval_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyApproval_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M86.43 62.37s46.91-30.84 70.66-21.56 40 87.37-26.06 122.42-95.89-41.23-96.15-54.7c-.24-13.07 0-44.22 51.55-46.16z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 155.95,
+      cy: 31.55,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyApproval_svg__cls-3",
+      cx: 79.53,
+      cy: 29.45,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyApproval_svg__cls-4",
+      d: "M23.2 100.71l-.35 6.16M19.92 103.62l6.21.34"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyApproval_svg__cls-7",
+      cx: 165.8,
+      cy: 153.94,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyApproval_svg__cls-6",
+      d: "M175.52 117.06l4.15 4.61M175.27 121.42l4.65-4.11"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M77.45 70.19l5-1.59a12.76 12.76 0 01-.64-4.46c0-4.34 3.25-7 7.26-7.24 4.36-.32 7.76 4.27 9 7.19l7.81-2.14c1.3-.33 2.74-.42 3.14.85l1 3.23a2.5 2.5 0 01-1.64 3.13L80 78.15a2.52 2.52 0 01-3.15-1.58l-1.23-3.68c-.5-1.31.5-2.28 1.83-2.7z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 89.66,
+      cy: 63.02,
+      rx: 2.24,
+      ry: 2.22,
+      fill: "var(--zd_emptysvg_circle_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyApproval_svg__cls-5",
+      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,
+  dataId: 'emptyApproval'
+};
+
+if (false) {
+  EmptyApproval.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyArchived.js

@@ -0,0 +1,69 @@
+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 EmptyArchived extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "archived"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyArchived_svg__cls-3,.EmptyArchived_svg__cls-4,.EmptyArchived_svg__cls-5,.EmptyArchived_svg__cls-6,.EmptyArchived_svg__cls-8{fill:none}.EmptyArchived_svg__cls-3,.EmptyArchived_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyArchived_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyArchived_svg__cls-4,.EmptyArchived_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyArchived_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyArchived_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}.EmptyArchived_svg__cls-7{fill:var(--zd_emptysvg_circle_fill)}')), /*#__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: "EmptyArchived_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyArchived_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyArchived_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyArchived_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M59.14 102.89l77.54.31s-5 34.74-3.78 43.49l12.79-2.93s-3.69-34.4-1.13-42.76l11.64-.38s3.89 54-15.82 63c0 0-63.67 8.45-77.24-4.91 0-.03-10.14-18.16-4-55.82z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyArchived_svg__cls-5",
+      d: "M130.4 100.4s1.79-30.18 4.09-34.79c0 0-51.13-11.36-73.66-7.61 0 0-3.53 27.27-3.68 44-.07 7.66-5 54.76 10.06 61.52s69.53 3.41 76.2-.44c9.39-5.4 13.17-32.6 12.79-61.14 0 0-9.76-1.5-11.64.37s-.52 29.32 1.13 42.81c.46 3.73.38 17.27-7.51 17.27s-6.38-40.17-1.5-57.82l-71.83-1.07 4.77-59.19 77.82 10S135.52 92.44 136.82 102l8.67-2.17s6.73-26 10.74-31.65l-9.23-.67"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyArchived_svg__cls-7",
+      d: "M110.9 129.37H93.33a1.5 1.5 0 110-3h17.57a1.5 1.5 0 010 3z"
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptyArchived_svg__cls-7",
+      cx: 86.82,
+      cy: 127.87,
+      r: 1.35
+    }));
+  }
+
+}
+EmptyArchived.propTypes = EmptyStateProps;
+EmptyArchived.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyArchived'
+};
+
+if (false) {
+  EmptyArchived.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyArticle.js

@@ -0,0 +1,75 @@
+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 (false) {
+  EmptyArticle.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyAsapchat.js

@@ -0,0 +1,69 @@
+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 (false) {
+  EmptyAsapchat.docs = {
+    componentGroup: 'Emptystate'
+  };
+}