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

package/es/emptystate/version3/EmptyAttach.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 EmptyAttach extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "attach"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyAttach_svg__cls-4,.EmptyAttach_svg__cls-5,.EmptyAttach_svg__cls-6,.EmptyAttach_svg__cls-7,.EmptyAttach_svg__cls-8{fill:none}.EmptyAttach_svg__cls-4,.EmptyAttach_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAttach_svg__cls-7{stroke:var(--zd_emptysvg_cross)}.EmptyAttach_svg__cls-5,.EmptyAttach_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAttach_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyAttach_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: "EmptyAttach_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAttach_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyAttach_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAttach_svg__cls-7",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M120.89 72.28l7.19 52.09s-56.62 7.79-58.16 4.34-7.61-51.27-5.32-51.47z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyAttach_svg__cls-6",
+      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,
+  dataId: 'emptyAttach'
+};
+
+if (false) {
+  EmptyAttach.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyBlueprint.js

@@ -0,0 +1,76 @@
+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 EmptyBlueprint extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "blueprint"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyBlueprint_svg__cls-4{fill:var(--zd_emptysvg_plus)}.EmptyBlueprint_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyBlueprint_svg__cls-7{fill:var(--zd_emptysvg_cross)}.EmptyBlueprint_svg__cls-5{fill:var(--zd_emptysvg_primary_stroke)}.EmptyBlueprint_svg__cls-8{fill:var(--zd_emptysvg_small_circle)}.EmptyBlueprint_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}')), /*#__PURE__*/React.createElement("path", {
+      d: "M86.5 67.37s42.51-27.95 64-19.54 36.24 79.17-23.59 110.92S40 121.44 39.8 109.2c-.22-11.85 0-40.08 46.7-41.83z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M149.5 43a3.51 3.51 0 113.5-3.56 3.53 3.53 0 01-3.5 3.56zm0-6.36a2.85 2.85 0 102.88 2.85 2.87 2.87 0 00-2.88-2.9z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-3",
+      d: "M80.25 39.77a2.23 2.23 0 112.25-2.23 2.24 2.24 0 01-2.25 2.23zm0-3.8a1.58 1.58 0 101.6 1.57 1.58 1.58 0 00-1.6-1.54z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-4",
+      d: "M28.89 108a.32.32 0 01-.31-.34l.32-5.59a.32.32 0 11.64 0l-.31 5.58a.32.32 0 01-.34.35z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-4",
+      d: "M31.87 105.38l-5.63-.31a.33.33 0 110-.65l5.64.31a.33.33 0 01.3.35.32.32 0 01-.31.3z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-8",
+      d: "M171.1 152.88a2.54 2.54 0 112.55-2.53 2.54 2.54 0 01-2.55 2.53zm0-4.42a1.89 1.89 0 101.9 1.89 1.89 1.89 0 00-1.9-1.89z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-7",
+      transform: "rotate(-42.01 169.123 119.012)",
+      d: "M168.78 116.2h.65v5.62h-.65z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-7",
+      transform: "rotate(-41.59 169.115 119.015)",
+      d: "M166.3 118.69h5.62v.65h-5.62z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-5",
+      d: "M121.09 83.39h1.31v1.32a.33.33 0 00.66 0v-1.32h1.32a.32.32 0 00.32-.33.32.32 0 00-.32-.32h-1.32v-1.32a.33.33 0 00-.66 0v1.32h-1.31a.32.32 0 00-.33.32.33.33 0 00.33.33z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-5",
+      d: "M140.77 49.62c-.22-1.15-4.7-1.17-19-.63-5.45.21-10.6.41-13.52.28a1.16 1.16 0 00-.86.35c-1.1 1.12-.9 5-.72 8.42.06 1.12.11 2.17.11 3a.63.63 0 00.23.48c2.13 2 27.55.14 30.44-.07a.32.32 0 00.3-.35.31.31 0 00-.34-.3c-14.23 1.06-29.34 1.44-30 .24 0-.84 0-1.9-.11-3-.15-3-.37-7 .54-7.93a.49.49 0 01.37-.16c2.94.13 8.1-.07 13.56-.28 7.44-.28 17.62-.67 18.32.12.4 1.65.56 10.37-.67 12.24a.52.52 0 01-.28.25c-.9.15-4.45.27-7.88.38-6.54.22-7.6.3-7.89.48s-.27.38-.24 7.19v3a.9.9 0 01-.77.89c-1.42.17-8.49 1.42-8 9.63a5.78 5.78 0 003.12 4l.1.14a6.41 6.41 0 003.91 2.67.73.73 0 01.7.73v5.3c0 2.65.05 5.6.05 7.65a.47.47 0 01-.08.32c-.12.11-.48.09-.83.07h-.55c-1.32 0-3.24 0-5.24-.08-3.88-.08-7.88-.16-8.92 0a1 1 0 00-.63.45 5.16 5.16 0 00-.6 1.6h-.58a1.24 1.24 0 00-1.3 1.2l-.23 4.88-9.9-.16a.33.33 0 00-.33.32 3.83 3.83 0 01-.26 1.32 6.15 6.15 0 00.1-1.15c0-4.7-1.69-6.26-12.23-6.81-10.27-.53-14.69.14-15.42 5.72a5 5 0 001.46 4.39c3.33 3.1 11.23 2 12.83 1.68.58 2 .13 19.2-.2 21.11-.75.09-4.11-.09-6.85-.23a78.15 78.15 0 00-8.59-.23 1.07 1.07 0 00-.71.52c-1.45 2.08-1.47 11.13-1.17 12.67.21 1.14 4.64 1.27 18.76 1.13 5.55-.06 10.8-.11 13.72.1h.09a1.17 1.17 0 00.82-.34c1.11-1.05 1-4.51.93-7.85v-2.82a.73.73 0 00-.25-.53c-2-1.89-21.41-.74-23.61-.61a.33.33 0 00-.31.35.32.32 0 00.35.3c12.55-.78 22.94-.56 23.17.48v2.84c.08 2.91.17 6.52-.73 7.37a.51.51 0 01-.42.16c-2.94-.22-8.2-.17-13.77-.11-7.36.08-17.44.18-18.12-.6-.26-1.42-.22-10.31 1.07-12.18.1-.15.2-.24.29-.25a81.63 81.63 0 018.45.24c7 .37 7.24.31 7.37.07.65-.65.87-20.82.24-22a.41.41 0 00-.44-.25c-.37.07-9.14 1.62-12.48-1.48a4.33 4.33 0 01-1.14-3.88c.6-4.67 3.63-5.73 14.74-5.15s11.61 2.41 11.61 6.16a4.49 4.49 0 01-1 3c-3.29 2.27-9.94 1.72-10 1.72a.31.31 0 00-.35.28.33.33 0 00.28.36c4.83.67 8.23.19 10.09-1.43a6.09 6.09 0 00.44-.44c.17-.13.34-.26.5-.4a4.3 4.3 0 001.48-2.91l9.18.16h.73a.33.33 0 00.33-.31l.24-5.21a.6.6 0 01.65-.56h.44a62.89 62.89 0 00-.52 13.44c.08.43.27 1.41 14.25 1.78 7 .18 15.39.13 19.5-.13.77-.07.9-1.64.75-8.85 0-1.65-.07-3.22 0-4.29a.64.64 0 00-.19-.45c-1.86-1.93-26.48-2.13-32.95-2.15a4.12 4.12 0 01.48-1.23c.11-.16.18-.18.19-.18 1-.16 5.14-.07 8.81 0 2 0 3.93.08 5.25.08h.51a1.73 1.73 0 001.32-.25 1 1 0 00.28-.79v-7.65-5.3a1.37 1.37 0 00-1.36-1.37 5.25 5.25 0 01-2.68-1.48 14.52 14.52 0 003.16.84 5.5 5.5 0 003.67-.67 7.42 7.42 0 003.54-5.79 6 6 0 00-2.58-5.21 6.85 6.85 0 00-6.25-.66 6.33 6.33 0 00-4 4.88 7.71 7.71 0 00.39 4.72 4.48 4.48 0 01-1.81-2.88c-.49-7.41 5.52-8.7 7.39-8.91a1.56 1.56 0 001.33-1.54v-3-6.66c.81-.13 4.48-.26 7.46-.36 3.61-.12 7-.23 8-.39a1.09 1.09 0 00.71-.53c1.39-2.12 1.11-11.28.76-12.74zm-2.1 59.64v4.32c.06 3 .16 7.53-.23 8.19-8.5.53-31.93.21-33-1.12a64.4 64.4 0 01.53-13.32c15.55.03 31.97.72 32.7 1.93zM117.16 82a5.72 5.72 0 013.6-4.4 6.2 6.2 0 015.63.57 5.32 5.32 0 012.32 4.66 6.75 6.75 0 01-3.23 5.26 4.9 4.9 0 01-3.23.59 14 14 0 01-4.25-1.33 6.92 6.92 0 01-.84-5.35z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyBlueprint_svg__cls-6",
+      d: "M138.46 108.57L107 107.13a1.08 1.08 0 00-1.08 1.08l.72 12.2a1.08 1.08 0 001.08 1.08l30.76.72a1.08 1.08 0 001.08-1.08v-11.48a1.09 1.09 0 00-1.1-1.08zM122.74 88.16a5.25 5.25 0 10-5.25-5.25 5.25 5.25 0 005.25 5.25z"
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptyBlueprint_svg__cls-6",
+      cx: 79.42,
+      cy: 112.4,
+      r: 1.49
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptyBlueprint_svg__cls-6",
+      cx: 72.55,
+      cy: 112.4,
+      r: 1.49
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptyBlueprint_svg__cls-6",
+      cx: 85.93,
+      cy: 112.4,
+      r: 1.49
+    }));
+  }
+
+}
+EmptyBlueprint.propTypes = EmptyStateProps;
+EmptyBlueprint.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyBlueprint'
+};
+
+if (false) {
+  EmptyBlueprint.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyCallHistory.js

@@ -0,0 +1,63 @@
+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 EmptyCallHistory extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "CallHistoryEmpty"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5,.EmptyCallHistory_svg__cls-6,.EmptyCallHistory_svg__cls-7{fill:none}.EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCallHistory_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCallHistory_svg__cls-7{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: "EmptyCallHistory_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCallHistory_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyCallHistory_svg__cls-7",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCallHistory_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCallHistory_svg__cls-5",
+      d: "M114 99.9s-6.26-2.21-9.39 0-2.4 8.82 1.63 8.82 5.65-9.35-4.51-8.87-7.26 9.52-5.16 10 6.34-2 4.35-5.8-10.48-2-12.42 5.86 4.78 6.32 5.39 5.64 2.43-5.44-1.21-6.36-8.62 4.54-7.41 12 7.48 3.18 7.78 1.21-1.05-5.44-5.21-4.08-2.65 10.51 1.74 14.06 9.15-.83 7.1-5.07-7-1.13-7 1 .91 9.83 10.66 10.05a4.7 4.7 0 004.84-5c.07-5.14-10-3.32-6.73 2.95s16.33 2 16.18-3.4a3.42 3.42 0 00-1.63-3.18 3.35 3.35 0 00-4.75 3.75c.49 2.42 2.17 4.73 7.28 2.6 5.78-2.4 5.77-7 5-10a4.09 4.09 0 00-5-3 2.49 2.49 0 00-1.94 2.43c-.23 3.86 9.15 7.79 11.26-2.87s-6.46-10-7.86-9.37c-1.23.52-4.38 5.36 1.29 7.78s7.63-8.31 3.63-12.4-8.77-5.29-10.51-2 .53 6.2 4 6 9.08-7.56 3.78-13.54S89.64 91.36 82 97c0 0-34.91 47.38-6 45 7.29-.59 53.1 2.28 59 0 19.69-7.61-11.25-48.08-8.89-60.71.86-4.54 5.14-7.7 6.72-3.75S77.52 89.4 73.18 82.48s6.91-4 6.71 4.55-1 11.25-5.13 11.45-22.41 1.84-23.9.59c-2.52-2.12 3.7-22.63 9.56-26.51 37.94-25.08 82.21-9.78 89.2-3.47C153.93 73 168 93.3 163.93 96.24s-24.5 2.64-26.5 1S134.21 86 134.21 86"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: 104.31,
+      cy: 120.3,
+      r: 18.89,
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }));
+  }
+
+}
+EmptyCallHistory.propTypes = EmptyStateProps;
+EmptyCallHistory.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCallHistory'
+};
+
+if (false) {
+  EmptyCallHistory.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyCanned.js

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

package/es/emptystate/version3/EmptyChat.js

@@ -0,0 +1,79 @@
+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 EmptyChat extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyChat"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#chat_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M183.464 261.93s117.04 1.421 116.407-4.207c-.25-2.286-109.838.96-112.162.96-2.325 0-4.284 50.347-3.304 55.707.979 5.359 134.943 1.459 134.943 1.459s45.295 43.528 47.063 46.102c1.767 2.574-.481 3.631-1.556 3.631-1.076 0 2.151-172.267 0-180.297-2.152-8.029-43.855-2.67-49.214-2.67-5.359 0-16.039 73.821-9.604 76.491 6.435 2.67 3.592-108.551 3.592-118.943 0-10.392-145.355-9.431-163.277-5.666-17.922 3.765-9.451 163.277-9.451 163.277s-1.921 14.637 1.921 14.157c3.842-.48 41.837-43.758 41.837-43.758",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M163.601 149.21C186.421 145.945 282.313 142.698 284.618 156.202C286.923 169.706 231.562 190.106 242.723 207.606C253.883 225.105 292.071 230.656 279.047 241.855C266.023 253.054 186.402 239.934 180.812 243.776C175.222 247.618 153.151 292.125 149.578 287.323C146.005 282.521 140.799 152.476 163.601 149.21Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M307.285 268.422C310.938 268.157 314.365 266.558 316.915 263.93C319.466 261.302 320.961 257.828 321.116 254.169C321.98 234.384 324.343 199.442 330.298 199.135C338.615 198.693 351.313 197.368 351.313 203.937C351.313 210.507 357.075 326.529 353.502 324.34C349.93 322.15 332.046 298.523 325.918 298.523C319.791 298.523 207.706 305.515 205.516 299.829C203.326 294.143 203.768 275.318 209.896 275.318C214.659 275.318 278.856 270.554 307.285 268.422Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#chat_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_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: "chat_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(134 131)",
+      d: "M0 0h234.12v235.618H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "chat_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+
+}
+EmptyChat.propTypes = EmptyStateProps;
+EmptyChat.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyChat'
+};
+
+if (false) {
+  EmptyChat.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyCollision.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 EmptyCollision extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "collision"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCollision_svg__cls-3,.EmptyCollision_svg__cls-4,.EmptyCollision_svg__cls-5,.EmptyCollision_svg__cls-6,.EmptyCollision_svg__cls-7{fill:none}.EmptyCollision_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCollision_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyCollision_svg__cls-4,.EmptyCollision_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCollision_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCollision_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M83.6 67.23s46.91-30.84 70.66-21.55 40 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("ellipse", {
+      cx: 153.14,
+      cy: 36.36,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyCollision_svg__cls-3",
+      cx: 76.72,
+      cy: 34.26,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCollision_svg__cls-4",
+      d: "M20.39 105.52l-.35 6.16M17.1 108.43l6.22.34"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyCollision_svg__cls-7",
+      cx: 176.99,
+      cy: 158.75,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCollision_svg__cls-6",
+      d: "M172.71 121.87l4.15 4.61M172.46 126.23l4.64-4.11"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M140.8 87.32l-29.75 23.35s27.08 20.62 29.93 19.54 1.49-14.21 1.49-14.21h25.18s2.13-16.19-.74-19.77l-25.55.93s.82-8.11-.56-9.84z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCollision_svg__cls-5",
+      d: "M143 87.29s.2 5.45.2 10.2-1.82 2.42-1.82 2 25.24-2.28 26.95-2.57.29 19.1.57 20-26.79 0-26.79 0 1.42 10.26-.86 12.54-30.78-18.53-30.78-18.53l31.24-26.1c-2.29-1.71-32.29 24.57-32.29 24.57-15 12.35-30.64 24.91-31.36 23-1.68-4.48-.46-12.82-.46-12.82s-30.07 2.44-30.47.81-4-14.15 0-20.72c1.33-2.21 30.87 0 30.87 0s-1.87-13.3 1.09-13.93c2.75-.59 30.5 14.81 30.34 20-.07 2.35-24.77 21.41-24.77 21.41"
+    }));
+  }
+
+}
+EmptyCollision.propTypes = EmptyStateProps;
+EmptyCollision.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCollision'
+};
+
+if (false) {
+  EmptyCollision.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyColumn.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 EmptyColumn extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "column"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyColumn_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);isolation:isolate}.EmptyColumn_svg__cls-3,.EmptyColumn_svg__cls-4,.EmptyColumn_svg__cls-5,.EmptyColumn_svg__cls-7,.EmptyColumn_svg__cls-8{fill:none}.EmptyColumn_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyColumn_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyColumn_svg__cls-4,.EmptyColumn_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyColumn_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyColumn_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M86.51 62.51S133.43 31.67 157.17 41s40 87.35-26.06 122.38S35.22 122.21 35 108.7c-.28-13.11 0-44.26 51.51-46.19z",
+      style: {
+        isolation: 'isolate'
+      },
+      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: "EmptyColumn_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyColumn_svg__cls-4",
+      d: "M23.28 100.84l-.35 6.16M20 103.74l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyColumn_svg__cls-8",
+      cx: 165.88,
+      cy: 154.06,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyColumn_svg__cls-7",
+      d: "M175.6 117.19l4.15 4.6M175.35 121.55l4.65-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyColumn_svg__cls-6",
+      d: "M52.32 87.59s-.42-20 4.36-22.43 82.26.24 82.26.24 7.43-.07 8.34 6.9a37.3 37.3 0 010 11.36H62.64s-9.64-.12-10.32 3.93z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyColumn_svg__cls-5",
+      d: "M50.72 133.81V72.18c.22-3.39-.26-3.59 1.28-5.58 1.35-1.76 86-1.29 86-1.29s12.95-1.24 12.83 7c0 2.33 0 4.25-.05 5.81 0 0-1 22.22.06 22.18.85 0 2.48-5.52-1.2-14.39a3.72 3.72 0 00-3.43-2.28H62.6s-9.51-1-9 7.3 0 46.41 0 46.41.92 6.9 8 7.22 76.77 0 76.77 0 6.9-1.07 7.4-8.22l.29-10.65V87.13H130a3 3 0 00-3 3v48.53a3 3 0 01-3 3h-12.87a3 3 0 01-3-3V90.54a3 3 0 00-3-3H93.7a3 3 0 00-3 3v48.76a3 3 0 01-3 3H73.37a3 3 0 01-3-3V90.12a3 3 0 013-3h14.22"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyColumn_svg__cls-6",
+      d: "M70.61 87.11h18.7V140a2.8 2.8 0 01-3 2.54h-12.7a2.8 2.8 0 01-3-2.54V87.11z"
+    }));
+  }
+
+}
+EmptyColumn.propTypes = EmptyStateProps;
+EmptyColumn.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyColumn'
+};
+
+if (false) {
+  EmptyColumn.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyContact.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 EmptyContact extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "contact"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyContact_svg__cls-4,.EmptyContact_svg__cls-5,.EmptyContact_svg__cls-6,.EmptyContact_svg__cls-7,.EmptyContact_svg__cls-8{fill:none}.EmptyContact_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyContact_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyContact_svg__cls-5,.EmptyContact_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyContact_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyContact_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M86.51 62.52S133.42 31.67 157.16 41s40 87.37-26.06 122.41-95.88-41.22-96.1-54.73c-.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.02,
+      cy: 31.69,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyContact_svg__cls-4",
+      cx: 79.61,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyContact_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyContact_svg__cls-8",
+      cx: 165.87,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyContact_svg__cls-7",
+      d: "M175.59 117.21l4.14 4.6M175.34 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M108.62 97.74s-4.68-7 2.21-11.6 11.8 4.32 10.67 6.93-1.78 5.26-9.77 5.64c0 0 11.12 11.23.09 19.61 0 0-18.28.21-23.39-8.51-5.7-9.73 19.13-13.99 20.19-12.07z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyContact_svg__cls-6",
+      d: "M180 85c-9.1-.2-17.19-.93-19-2.78-8.19-8.17.66-4 1.38-1.92s-24.29 72.45-32.42 75.77c-7 2.88-4-7-2.62-9.6a.33.33 0 01.62.09c.49 2.35 1.6 10-4.46 10-7.18 0-84.91-21.58-84.91-21.58s-2.16-10 0-10.2 83.65 20 85.31 20.17c3.06.35 6.34-1.25 8.21-6.41s24.16-58.11 24.16-58.11 3.82-6.17-3.11-9.25-68.93-9.74-69.41-11.4 8.86-1.66 6.1 5.93S78.76 65 79 63.58s6.89 1.6 5.57 6.56-10.38 3.18-10.2.37 7.46 1.41 5.39 5.34-9.73 1.49-9.35-.66 7.74 2.25 6.14 6.09-10.48 2-10.48-.57 8.12 0 6.23 5.25-7.55 3.18-8.31.84 5.29-3 4.44 3.46-8 3.84-8.21 1.69 4.62-2.81 4.62 4.4-9.06-.28-8.59-1.13 7-.18 4.63 6-10 3.37-9.73-.74 7.74 1 4.91 7.76-9.34.47-9.15-1.12 7.17.56 4.53 7.21-11.43.09-10.76-1 8.11-1.11 4.34 5.43-11.42.84-10.48-1.78c.53-1.48 7.93 1.08 14.25 3.58A86.89 86.89 0 0081 126.74c9.47 0 16.36-7.91 23.51-7.29 10.36.91 15.65-12.3 5.89-20.85 0 0 8.32 1.07 9.77-5.64 1.36-6.3-7.88-11.27-12.88-5-3.44 4.32 0 9.66 0 9.66s-12.29-1.25-19.2 6.87c-7.7 9.07 16.1 13 24.5 14a4.15 4.15 0 004.31-2.34c1.62-3.52 3.38-9.9-1.46-15.33"
+    }));
+  }
+
+}
+EmptyContact.propTypes = EmptyStateProps;
+EmptyContact.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyContact'
+};
+
+if (false) {
+  EmptyContact.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyContract.js

@@ -0,0 +1,57 @@
+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 EmptyContract extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "Contract"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyContract_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyContract_svg__cls-5{fill:var(--zd_emptysvg_cross)}.EmptyContract_svg__cls-4{fill:var(--zd_emptysvg_plus)}')), /*#__PURE__*/React.createElement("path", {
+      d: "M88.2 67.4s41.2-27.13 62.06-19 35.09 76.86-22.89 107.68S43.15 119.89 42.93 108c-.21-11.5 0-38.9 45.27-40.6z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_small_circle)",
+      d: "M157.9 150.45a2.5 2.5 0 112.52-2.5 2.51 2.51 0 01-2.52 2.5zm0-4.28a1.78 1.78 0 101.8 1.78 1.79 1.79 0 00-1.8-1.78z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M149.26 43.73a3.45 3.45 0 113.47-3.45 3.47 3.47 0 01-3.47 3.45zm0-6.17a2.73 2.73 0 102.74 2.72 2.74 2.74 0 00-2.74-2.72z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyContract_svg__cls-3",
+      d: "M82.14 40.64a2.21 2.21 0 112.22-2.2 2.2 2.2 0 01-2.22 2.2zm0-3.68a1.48 1.48 0 101.5 1.48 1.49 1.49 0 00-1.5-1.44z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyContract_svg__cls-4",
+      d: "M32.36 106.9a.36.36 0 01-.34-.38l.31-5.42a.36.36 0 11.72 0l-.31 5.42a.35.35 0 01-.38.38z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyContract_svg__cls-4",
+      d: "M35.25 104.34l-5.46-.3a.36.36 0 010-.72l5.46.3a.37.37 0 01.34.38.35.35 0 01-.34.34z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyContract_svg__cls-5",
+      d: "M170.08 119.92a.35.35 0 01-.26-.12l-3.65-4a.36.36 0 01.54-.49l3.64 4a.36.36 0 010 .51.35.35 0 01-.27.1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyContract_svg__cls-5",
+      d: "M166.22 119.7a.36.36 0 01-.27-.12.36.36 0 010-.51l4.08-3.62a.36.36 0 01.48.54l-4.08 3.62a.36.36 0 01-.21.09z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M111.8 125.78L113 124a1 1 0 011.89.61l-.06 2.19a1 1 0 001.39 1l2.06-.74a1 1 0 011.17 1.61l-1.34 1.74a1 1 0 00.53 1.62l2.1.62a1 1 0 010 2l-2.1.62a1 1 0 00-.53 1.63l1.34 1.73a1 1 0 01-1.17 1.61l-2.06-.73a1 1 0 00-1.39 1l.06 2.19a1 1 0 01-1.89.62l-1.24-1.81a1 1 0 00-1.71 0l-1.23 1.81a1 1 0 01-1.9-.62l.06-2.19a1 1 0 00-1.38-1l-2.06.73a1 1 0 01-1.17-1.61l1.33-1.73a1 1 0 00-.53-1.63l-2.1-.62a1 1 0 010-2l2.1-.62a1 1 0 00.53-1.62l-1.33-1.74a1 1 0 011.17-1.61l2.06.74a1 1 0 001.38-1l-.06-2.19a1 1 0 011.9-.61l1.23 1.8a1 1 0 001.75-.02zm36.07-22.6S129 144.1 129.07 145.4l5.9 2s19.33-40.82 18.84-41.72-5.94-2.5-5.94-2.5z",
+      opacity: 0.3,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_primary_stroke)",
+      d: "M127.87 154.71a.7.7 0 01-.37-.11c-.41-.28-.69-.85.07-5a77.8 77.8 0 013.18-12c9-25.7 14.51-42.58 14.27-44a1.42 1.42 0 00-.49-.75c-.16.7-.34 1.47-.55 2.29a260.54 260.54 0 01-12.3 35.71c-4.28 10-10.42 22.15-15.27 23.44a10.49 10.49 0 01-2.7.31c-11.71 0-37.5-13.07-43-17.7-.91-.76-1.27-1.29-1.23-1.76.26-2.91 24.89-60.73 28.12-63.37a.79.79 0 01.59-.21c1.85.21 33.39 12.4 34.78 15.19a3.59 3.59 0 01.24.63h.14a.5.5 0 01.34 0c1.43.36 7 1.85 10.15 3.75 1.1-5.43.5-6.09.47-6.12-2.56-2.38-34.16-15.41-50.92-22.14a15.5 15.5 0 01-2.24 3.48 6.08 6.08 0 011.08 2.14c.56 1.83-.18 3.61-2 4.89a7.86 7.86 0 01-2 1 9.14 9.14 0 01-.14 3.26 2.57 2.57 0 01-1.46 1.88 7.48 7.48 0 01.27 4.25 4.73 4.73 0 01-3.36 3.67 9.44 9.44 0 01-1.09 6.84 5.34 5.34 0 01-2.5 2.47 5.55 5.55 0 01-.1 1.67 6 6 0 01-3.23 4.07 3.45 3.45 0 01-.79.24c.66 2.83.51 6-.54 7.24a2.72 2.72 0 01-2.53.73 13.24 13.24 0 01-1.08 5 5.89 5.89 0 01-2 2.6c.07.29.13.59.18.93.47 3.21-.75 4.84-1.85 5.63a4.92 4.92 0 01-1.45.72 8.11 8.11 0 011.24 4.24c0 2.18-.81 4.08-2.05 4.61-.61.26-1.62.31-3-.93a4.53 4.53 0 01-.49-.49 6.67 6.67 0 01-4.19 4.9 68.76 68.76 0 01-7.82 1.29.53.53 0 01-.58-.46.52.52 0 01.46-.57 70.1 70.1 0 007.64-1.25c2.15-.65 3.28-2.89 3.66-4.93-1-1.35-1.61-2.94-1.33-3.83a1 1 0 01.87-.72c.35 0 1.2 0 1.53 1.6a7.9 7.9 0 010 2.68c.09.12.18.24.28.35 1 1.12 1.92 1.66 2.52 1.4s1.45-1.68 1.42-3.63a7.53 7.53 0 00-1.29-4 8.16 8.16 0 01-4.54-.76c-1.1-.54-1.69-1.11-1.8-1.74a1.3 1.3 0 01.37-1.14 2 2 0 012.24-.46 10.17 10.17 0 014.19 3 4.18 4.18 0 001.47-.67c1.25-.9 1.75-2.51 1.43-4.64a4.82 4.82 0 00-.1-.57 4.81 4.81 0 01-1.6.31 4.71 4.71 0 01-4.09-2.28 1.4 1.4 0 01.27-1.54 3.38 3.38 0 013.39-.81 4.17 4.17 0 012.69 2.62 5.06 5.06 0 001.38-2 11.78 11.78 0 001-4.82 8 8 0 01-.82-.28c-1.49-.57-3.68-1.91-3.62-3.26 0-.34.19-1 1.24-1.28a2.74 2.74 0 013 .79 5.55 5.55 0 011.2 3.18 2 2 0 001.79-.34c.78-.94.92-3.91.26-6.56a7.18 7.18 0 01-3.76-1.8c-1-.88-1.4-1.74-1.16-2.43.13-.39.53-.87 1.68-.94 1.35-.08 2.52.8 3.39 2.55a9.53 9.53 0 01.64 1.6 2 2 0 00.62-.17 4.92 4.92 0 002.67-3.35 4.35 4.35 0 00.05-1.05l-.44.05a5.91 5.91 0 01-4.89-2.18 1.88 1.88 0 01.16-2.72c1.06-.86 3.09-.71 4.76 1.27a6.05 6.05 0 011.22 2.21 4.55 4.55 0 001.8-1.92 8.4 8.4 0 001-6.13 7 7 0 01-1.14.06c-2.41-.06-5.17-1.23-5.44-2.88a2 2 0 01.49-1.88 3.05 3.05 0 012.45-.56H79a7.79 7.79 0 014.21 4 3.58 3.58 0 002.67-2.9 6.38 6.38 0 00-.25-3.73 3.19 3.19 0 01-.54.05c-2.29.09-5.21-1.24-5.6-2.54a1.09 1.09 0 01.51-1.26 4.2 4.2 0 014.38.62 6.42 6.42 0 011.76 1.92 1.63 1.63 0 00.9-1.17 8.53 8.53 0 00.13-2.77 5.91 5.91 0 01-4.85-.87c-1.27-1-1.76-1.92-1.47-2.74.43-1.24 2.47-1.57 3.6-1.57a3.05 3.05 0 012.29 1.3A6.9 6.9 0 0188 73.24a6.89 6.89 0 001.58-.8 3.35 3.35 0 001.65-3.73 5.41 5.41 0 00-.85-1.71 1.56 1.56 0 01-1.49.27 1.05 1.05 0 01-.76-1.11 1.11 1.11 0 011.09-.84 1.93 1.93 0 011.15.31 16.25 16.25 0 002.29-3.68.53.53 0 01.67-.27c2 .79 48.31 19.4 51.69 22.53.32.3 1.11 1-.25 7.5a3 3 0 011.28 1.69c.39 2.22-8.8 28.87-14.32 44.56a76.76 76.76 0 00-3.14 11.81 23.68 23.68 0 00-.46 3.68 26.69 26.69 0 005-5.6 19.81 19.81 0 01-3.32-1 .56.56 0 01-.31-.55c0-.4.43-.63.78-.78 1-.42 2.93-.71 4 .24a1.14 1.14 0 01.36 1 .76.76 0 010 .21c1-1.69 8.66-18.89 13.28-29.28 2.79-6.27 4.81-10.8 5.05-11.25a.55.55 0 01.72-.31c.46.21.34.58.08 1.34-.15.43-.36 1-.62 1.76-.79 2.24-2.67 7.59-3.13 9.82 1.75-2.73 5.8-12.38 5.82-14.12-.34-.19-1.25-.54-2.05-.85-.18.42-.35.79-.48 1.1a.5.5 0 01-.33.29.55.55 0 01-.43-.06c-1.85-1.17-3.83-2.06-4.33-2-.32.82-3.09 7.16-8.22 18.86a.52.52 0 01-1-.41c6.59-15 8.11-18.54 8.23-18.87a.89.89 0 01.57-.55c1-.36 3.5 1 4.75 1.73.08-.17.15-.34.22-.51-2.68-1-3.57-1.46-3.75-2a.65.65 0 01.09-.59c.09-.14.27-.45.47-.81 1.61-2.8 2.74-4.42 3.8-4.43a3.39 3.39 0 012.36 1 1.43 1.43 0 01.46 1 53.12 53.12 0 01-2.07 5.2 10.89 10.89 0 012.44 1.09c.32.28.31.76 0 1.94a71.34 71.34 0 01-3.24 8.53c-2.6 5.84-3.35 6-3.67 6a.63.63 0 01-.62-.21c-.33-.37-.31-1.26.61-4.29-.28.62-.56 1.24-.84 1.88-11.85 26.58-13.24 29.47-13.61 29.72a1.7 1.7 0 01-1 .17 25 25 0 01-5.93 6.61.73.73 0 01-.4.24zm-57.35-19.57c.38 1.13 8.16 6.09 19.18 11.08 12.42 5.62 22.06 8.17 26.44 7 7.87-2.1 22-39.16 26.69-57.84.32-1.23.57-2.32.78-3.28a43 43 0 00-10.06-3.77h-.16c.32 3.16-1.15 8.07-2.46 9.12-.26.2-.64.23-1.33.1-3.26-.65-13.07-5-17.14-6.8-1.35-.61-13.21-6-13.68-6.81s.48-5.29 1.91-7.21a2.29 2.29 0 012.38-1.17c1 .23 5.4 2 11 4.35 6 2.47 14.41 6 17.89 7.07-.87-.85-5.57-3.34-16.46-7.86-8.18-3.4-15.87-6.27-17.25-6.57-1 .92-5.42 9.51-14.75 31-7.15 16.36-12.79 30.3-12.98 31.59zm60.74 11.1c.69.21 1.59.46 2.3.6a1.77 1.77 0 000-.2v-.15a2.83 2.83 0 00-2.3-.25zm-60.75-11.12zm-9.41-6.74c-.12.18 0 .89.49 1.77a5.58 5.58 0 00-.1-1c-.12-.54-.31-.77-.39-.77zm-.17-5.85a.92.92 0 00-.68.28c-.13.14-.12.22-.11.25s.13.44 1.24 1a7.13 7.13 0 003.29.72 9.1 9.1 0 00-3.32-2.16 1.25 1.25 0 00-.42-.09zm4.69-7.1A2.15 2.15 0 0064 116c-.2.23-.14.38-.11.42a3.69 3.69 0 003.16 1.58h.06a3.7 3.7 0 001.32-.27 3.32 3.32 0 00-2.07-2.19 2.74 2.74 0 00-.74-.11zm3.84-9a2.28 2.28 0 00-.66.11c-.24.07-.5.19-.5.32 0 .45 1.12 1.54 3 2.25l.36.13a4.38 4.38 0 00-.89-2.22 1.64 1.64 0 00-1.31-.57zm80.66-5.07a20.21 20.21 0 003.07 1.34c1-2.35 1.9-4.5 2-4.92a2.16 2.16 0 00-1.78-1c-.3 0-1.06.68-2.91 3.91zM71.66 98.5h-.1c-.55 0-.74.18-.76.25s.1.62.87 1.31a6.57 6.57 0 002.74 1.46 8.29 8.29 0 00-.45-1c-.45-.96-1.22-2.02-2.3-2.02zm28-15.09c1.9 1.48 28.29 13.46 30.64 13.19a9.67 9.67 0 001.7-4.25 12.65 12.65 0 00.3-4.17c-2.14-.54-7-2.45-18.71-7.3-5.06-2.1-9.84-4.09-10.78-4.3-.13 0-.54-.12-1.13.55a11.72 11.72 0 00-1.99 6.28zm-24.41 9.25a1.38 1.38 0 00-.86.26c-.37.31-.37.78 0 1.28a5 5 0 004 1.78h.35a5.13 5.13 0 00-1-1.88 3.39 3.39 0 00-2.49-1.44zm58-5.26zm-55-4.13a1.59 1.59 0 00-1.08.31 1.08 1.08 0 00-.19 1c.14.86 2.21 2 4.43 2a6.78 6.78 0 00.76 0 6.77 6.77 0 00-3.52-3.24zm3.3-6.68a1.85 1.85 0 00-1 .24.35.35 0 00-.1.08c0 .38 1.75 1.58 3.84 1.79a4 4 0 00.78 0 5.3 5.3 0 00-1.28-1.31 4.13 4.13 0 00-2.27-.8zm3-6.19c-1.26 0-2.46.4-2.62.87s.3.93 1.13 1.58a4.9 4.9 0 004 .67 5.84 5.84 0 00-1-2.21 2.1 2.1 0 00-1.59-.91z"
+    }));
+  }
+
+}
+EmptyContract.propTypes = EmptyStateProps;
+EmptyContract.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyContract'
+};
+
+if (false) {
+  EmptyContract.docs = {
+    componentGroup: 'Emptystate'
+  };
+}