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

package/es/emptystate/version3/EmptyConversation.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 EmptyConversation extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "conversation"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyConversation_svg__cls-4,.EmptyConversation_svg__cls-5,.EmptyConversation_svg__cls-6,.EmptyConversation_svg__cls-7,.EmptyConversation_svg__cls-8{fill:none}.EmptyConversation_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyConversation_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyConversation_svg__cls-5,.EmptyConversation_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyConversation_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyConversation_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: "EmptyConversation_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyConversation_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyConversation_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyConversation_svg__cls-7",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M136.38 150.44l-17.73-19.81s-32.15 1.18-40.2-1.23-6.27-4-6.37-6.75.93-35 1-35.53.28-3.4.28-3.4a3.37 3.37 0 012.38-3.37c2.6-.91 55.59-10 73.83-3.59 0 0 4.47 6.25 2.43 26.43s-.75 23.12-5.73 24.4-8.73 1.94-8 6.67 2.64 18.91-1.89 16.18z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyConversation_svg__cls-6",
+      d: "M82.63 136.74h-9.26a3 3 0 00-2.53 1.41s-8.93 13.66-9.47 15.11.56 2.6 1.33 1.13-.24-16.6-.24-16.6a3 3 0 00-3.12-2.94c-3.49.18-8.79.36-9.9-.19-1.68-.83-3.36-64.15 0-67.06s63-5 71.42-2.5 0 61.63 0 64.35-48.74 2.29-50.42-2.29 0-38.74.84-45 70.58-10.83 76-5.41c4.55 4.5 1.53 36.11.39 46.61a4.91 4.91 0 01-3.69 4.22l-5 1.28a3 3 0 00-2.22 2.85v17.72a1.52 1.52 0 01-2.65 1l-22.25-24.86a5.56 5.56 0 00-3.93-1.84l-18.57-.67c-1.27 0-2.54-.15-3.8-.29l-13.11-1.51a.85.85 0 01-.75-.85l.67-59s-.9-1.57 5.42-1.8 31.16 0 31.16 0"
+    }));
+  }
+
+}
+EmptyConversation.propTypes = EmptyStateProps;
+EmptyConversation.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyConversation'
+};
+
+if (false) {
+  EmptyConversation.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyCrm.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 EmptyCrm extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "Feed"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCrm_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyCrm_svg__cls-4,.EmptyCrm_svg__cls-5,.EmptyCrm_svg__cls-6,.EmptyCrm_svg__cls-8,.EmptyCrm_svg__cls-9{fill:none}.EmptyCrm_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCrm_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyCrm_svg__cls-5,.EmptyCrm_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCrm_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCrm_svg__cls-9{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: "EmptyCrm_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCrm_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyCrm_svg__cls-9",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCrm_svg__cls-8",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCrm_svg__cls-7",
+      d: "M60.9 101.22l17 7.58s3.61 1 6.42-3.79 7.06-14.65 7.41-17.08.48-5-3.34-6.44S74 77.4 74 77.4s-.15 6.46-1.35 9.41S59.42 99 60.9 101.22zM170.64 74.38l-32.49 8.05s7.51 3.84 9.19 15.53-8.1 13.08-8.1 13.08 15.55 4.1 29.16-1.25c0 0 2.32-1.91 2.32-6.81s1.66-16.08-.08-28.6z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCrm_svg__cls-6",
+      d: "M30.38 95.65s15.76-.15 23.44 3.26 9.33 1.92 9.78 3.07-3.1 1.28-2.72-1.67S72.28 90.69 73.25 85s1.23-10.59-.78-10.59.39 3.15 3.69 3.92 7.64 2.24 11.52 3 5.11 2.83 4.08 6.62c0 0-5.45 20.12-12.46 20.83s-13.89-6.53-13.89-6.53 12.93 7.66 16.12 7.66c3 0 12-16.55 11.7-24.08a.74.74 0 011-.73c1.74.7 5 2 6.31 2.36 2.48.7 5.62-.66 9.11-4a7.49 7.49 0 015.18-2.06c3.31 0 8.11.53 10.06 3.21 3.13 4.27-1 8.84 1 11.56s3.89 6.72.8 7.35c-2.69.54-2.85 0-2.85 0s1.82 3.77.15 5.35a4.48 4.48 0 01-4.11.83s1.37 2.65-.23 3.63a2.06 2.06 0 01-2.59 0s1.14 3.69-3.73 4.75c0 0-2.89 3.77-5-.9 0 0-4.95 4-4.79-2.72 0 0-5.41 4.6-4.57-3.85 0 0-.06-.63.71-.41s17.55 10.74 20 9.85 1.64-3.6 1.19-4.06-2.36-1.09-2.28-.62 4.52 3 6.37 1.18-.29-6-1.2-5.87.62 3.09 2.52 3.61 5.95.18 4.58-4-3.25-4.7-3.18-4.36 2.34 4.79 6.53 5.21 2-5.75-1-8-3.87-5.48-3.23-6.35 2.65-.72 3-.13a1.26 1.26 0 01-.73 1.91c-1.05.28-8.56-1.41-10.22-6.45a15.81 15.81 0 01-2.93 1.49s-4.8 8.46-8 7.18.34-10.73 1.73-11.72c.25-.18 7.13-5 18.19-4.45a6.82 6.82 0 013.39 1.08c2.49 1.6 7.12 5.27 8.65 11.15 2.13 8.2-5.31 12.5-4.82 13.8s7.09-.48 8.61-5.74.34-17.82-8.75-22.47c0 0-1.22-.37-1.12 0s5.2-.31 7.42-1.43 26.19-6.67 26.19-6.67 2.51 31.81-2.24 35.41-23.15 2.76-23.15 2.76"
+    }));
+  }
+
+}
+EmptyCrm.propTypes = EmptyStateProps;
+EmptyCrm.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyCrm'
+};
+
+if (false) {
+  EmptyCrm.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyCrmNotes.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 EmptyCrmNotes extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "crmnotes"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCrmNotes_svg__cls-4,.EmptyCrmNotes_svg__cls-6{fill:none;stroke-width:.65px}.EmptyCrmNotes_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCrmNotes_svg__cls-4{stroke:var(--zd_emptysvg_plus)}.EmptyCrmNotes_svg__cls-4,.EmptyCrmNotes_svg__cls-6{stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M75.45 63.13s42.51-27.95 64-19.54 36.21 79.17-23.62 110.92S29 117.2 28.74 105c-.22-11.89 0-40.12 46.71-41.87z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 138.45,
+      cy: 35.2,
+      rx: 3.21,
+      ry: 3.18,
+      strokeWidth: 0.65,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 69.2,
+      cy: 33.3,
+      rx: 1.92,
+      ry: 1.9,
+      stroke: "var(--zd_emptysvg_tiny_circle)",
+      strokeWidth: 0.65,
+      strokeMiterlimit: 10,
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCrmNotes_svg__cls-4",
+      d: "M18.16 97.87l-.32 5.58M15.18 100.5l5.64.32"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 160.05,
+      cy: 146.1,
+      rx: 2.22,
+      ry: 2.21,
+      stroke: "var(--zd_emptysvg_small_circle)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 0.65,
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCrmNotes_svg__cls-6",
+      d: "M167.17 122.68l3.76 4.18M166.95 126.63l4.21-3.72"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M126.08 72.74l.14-10.41-47.28.06L78 84.1l-22.1-1.19.43 63.23s61.77 2.5 71.33-.16l.41-56.09-18.37 25.63-14.2 6.56s-1.63.56-1.3-1.71 6.3-13.56 6.3-13.56z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M115.79 123s-48.59 2.46-48.59-.27 30 0 30 0l8.64-5-10.21 3.71a1 1 0 01-1.46-1.11l5.06-12.61 9.27 9s-8.89-3.29-8-10c0 0 41.9-57.54 44.16-56.3s10.47 5.63 7.06 8.62l-6.11 8s-13.31-5.8-11.11-7.61c1.25-1 9.65 8.4 9.65 8.4S110.22 116 109.7 115.52c-2.23-1.93 16.48-25.49 18.39-25.63l-.41 56.11s-69.39 2.9-71.33.16-.32-64-.32-64 20.49-20.9 21.46-19.93S78 84.1 78 84.1l-20.2-1.22 21.79-1.45-.65-19s47.12-1.29 47.44.48l.14 5.47",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }));
+  }
+
+}
+EmptyCrmNotes.propTypes = EmptyStateProps;
+EmptyCrmNotes.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCrmNotes'
+};
+
+if (false) {
+  EmptyCrmNotes.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyCrmPotential.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 EmptyCrmPotential extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "crmPotential"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCrmPotential_svg__cls-9{fill:var(--zd_emptysvg_secondary_fill)}.EmptyCrmPotential_svg__cls-4,.EmptyCrmPotential_svg__cls-6{fill:none;stroke-width:.65px}.EmptyCrmPotential_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCrmPotential_svg__cls-4{stroke:var(--zd_emptysvg_plus)}.EmptyCrmPotential_svg__cls-4,.EmptyCrmPotential_svg__cls-6{stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M78.35 63.13s42.51-27.95 64-19.54 36.21 79.17-23.62 110.92S31.87 117.2 31.64 105c-.22-11.89 0-40.12 46.71-41.87z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 141.35,
+      cy: 35.2,
+      rx: 3.21,
+      ry: 3.18,
+      strokeWidth: 0.65,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 72.1,
+      cy: 33.3,
+      rx: 1.92,
+      ry: 1.9,
+      stroke: "var(--zd_emptysvg_tiny_circle)",
+      strokeWidth: 0.65,
+      strokeMiterlimit: 10,
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCrmPotential_svg__cls-4",
+      d: "M21.06 97.87l-.32 5.58M18.08 100.5l5.64.32"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 162.95,
+      cy: 146.1,
+      rx: 2.22,
+      ry: 2.21,
+      stroke: "var(--zd_emptysvg_small_circle)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 0.65,
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCrmPotential_svg__cls-6",
+      d: "M170.07 122.68l3.76 4.18M169.85 126.63l4.21-3.72"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M93.59 94.65l-6.73.81a1.52 1.52 0 01-1.49-2.29l3.44-5.83a1.49 1.49 0 00.07-1.42L86 79.77a1.52 1.52 0 011.71-2.13l6.61 1.48a1.52 1.52 0 001.37-.37l5-4.61a1.52 1.52 0 012.55 1l.64 6.75a1.54 1.54 0 00.78 1.19l5.92 3.29a1.53 1.53 0 01-.14 2.74l-6.22 2.69a1.53 1.53 0 00-.89 1.1L102 99.52a1.53 1.53 0 01-2.65.71l-4.48-5.08a1.52 1.52 0 00-1.28-.5z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyCrmPotential_svg__cls-9",
+      d: "M69.71 67.26s-40.94 6.45-40.56 8.64 9.62 61.64 13.85 66.77c0 0 42.59-4.74 51.75-11.09l-2.15-2.27s-20.35-.95-22.4-5.57zM99.37 129.26s1.88-2.63 6.58-2.22 18-1.12 18-1.12l3.55-2.87-3.39-59.84 43.22 11L155 142.9s-35.22-.99-55.63-13.64z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M69.68 61.71a33.35 33.35 0 01.88-5.64c4.28-3.1 51.9-3.86 52.88 1 1.08 5.39-2.85 8.41-2.61 6s45.25 10.51 46.55 11-9.83 65.79-12.38 68.83-55.08-9.76-55.59-13.64 28.18-3.36 28.18-6.21-4.91-56.91-2.84-57 2.58 58.53-.71 59.85-45.32 1.56-45.58-.42 16.55 3.24 16.29 6.08S46.61 144.51 43 142.67 28.79 78.58 29.15 75.9 72.73 67.19 74 66.07s-1.81-4.57-3.46-2 .07 47.79-.4 59.65c-.11 2.74 13.23 5.33 24.06 6a3.72 3.72 0 003.83-2.78l5.5-21.74a24.05 24.05 0 000-11.89h0a1.59 1.59 0 01.92-1.19l6.52-3a1.62 1.62 0 00.09-2.9l-6.35-3.36a1.6 1.6 0 01-.84-1.24l-.87-7.15a1.62 1.62 0 00-2.73-1l-5.16 5a1.63 1.63 0 01-1.44.43l-7-1.42a1.62 1.62 0 00-1.77 2.3l3.16 6.44a1.62 1.62 0 010 1.51L84.49 94a1.62 1.62 0 001.64 2.39l7.1-1",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }));
+  }
+
+}
+EmptyCrmPotential.propTypes = EmptyStateProps;
+EmptyCrmPotential.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCrmPotential'
+};
+
+if (false) {
+  EmptyCrmPotential.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyDashboard.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 EmptyDashboard extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "dashboard"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyDashboard_svg__cls-3,.EmptyDashboard_svg__cls-4,.EmptyDashboard_svg__cls-5{fill:none}.EmptyDashboard_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyDashboard_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyDashboard_svg__cls-4{stroke:var(--zd_emptysvg_plus);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: "EmptyDashboard_svg__cls-5",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDashboard_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43,
+      stroke: "var(--zd_emptysvg_small_circle)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDashboard_svg__cls-3",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M67.14 106.83s13.93-23.57 17.23-19 8.87 4.81 16-13.18v32.18z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M71.27 107l29.07-.19V74.65c-7.1 18-12.68 17.74-16 13.18s-17.23 19-17.23 19h-3a2.76 2.76 0 01-2.76-2.63c-.43-9.12-1.55-38.91 1.84-40 4-1.34 43.31-1.34 44.66 1s1.53 43 0 43.72-15-1-15.35 0 .49 39-1.15 40.47c-1 .93-31.29 1.41-32.22 0-.53-.82-.22-30.38 1.24-31.46 2.63-2 92.29-4 92.23-.26 0 1.93 1.08 45 .12 46.1-.82 1-36.74 1-46.73 1a2.58 2.58 0 01-2.58-2.56c-.11-8.24-.39-34.81-.46-40.92a1.23 1.23 0 011.26-1.25c2.55 0 8.52-.31 15.26.06 0 0-1.43-43.62-1.08-44.33 1-2.06 33-.38 34.33.39s1.54 29.34 0 30.55c-1.1.87-23.5.29-29.74.12a1.7 1.7 0 01-1.65-1.66l-.77-26.94",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }));
+  }
+
+}
+EmptyDashboard.propTypes = EmptyStateProps;
+EmptyDashboard.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyDashboard'
+};
+
+if (false) {
+  EmptyDashboard.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyDelete.js

@@ -0,0 +1,52 @@
+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 EmptyDelete extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "delete"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyDelete_svg__cls-3{fill:var(--zd_emptysvg_plus)}.EmptyDelete_svg__cls-4{fill:var(--zd_emptysvg_medium_circle)}.EmptyDelete_svg__cls-5{fill:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_primary_stroke)",
+      d: "M98.66 174.25a113.49 113.49 0 0 1-27.21-3.46 12.5 12.5 0 0 1-9.23-9.71l-1.76-.41a.5.5 0 0 1-.38-.45c0-.16-1-16-1.24-32.23-.46-33 2.67-35.4 3.69-36.17a1.77 1.77 0 0 1 1.73-.27 2.73 2.73 0 0 1 1.35 1.26c34.09-4.43 53.35-2 63.07.54a23.88 23.88 0 0 0 6.74-4.35c-3.66-.92-8.67-5.24-13.17-10.94-10.9-9.35-25-23.9-31-40.47-1.54-4.29-1.65-7-.34-8.18 1-1 2.9-.86 5.49.32 4.39 2 11.06 7.26 17.9 13.9a12.7 12.7 0 0 1 3.09-2.6c6.38-3.89 10.43-2.64 12.7-.9 3.6 2.74 4.7 8.32 3.66 11.92-.66 2.27-2.11 3.67-4 3.84a.44.44 0 0 0-.32.11c-.28.58 1.43 3.12 2.94 5.37 3.49 5.17 8.57 12.72 7.94 19.9a13 13 0 0 1 .21 2.66c-.11 3.89-1.76 5-3.13 5.2h-.14l-9.71 72.07a12.35 12.35 0 0 1-9.66 11 90.93 90.93 0 0 1-19.22 2.05ZM63.3 161.31a11.5 11.5 0 0 0 8.39 8.51c11.17 2.79 28.21 5.32 46 1.45a11.34 11.34 0 0 0 8.88-10.13l.05-.39c-3.73.74-34.91 6.55-63.32.56Zm-.2-1.06c28.38 6.1 59.71.24 63.33-.48L135 96.52a39.82 39.82 0 0 0-6.12-2.16h-.05c-21.39 9.36-49.77 4.4-62.11 1.5 2.33 10.52-.47 37.88-3.6 61.28a11.42 11.42 0 0 0-.02 3.11Zm-2-.46 1 .23a12.49 12.49 0 0 1 0-3c4.24-31.67 5.49-53.53 3.61-61.39-1-.24-1.83-.45-2.54-.64a1 1 0 0 1 .12-1.88l1.27-.11a1.51 1.51 0 0 0-.64-.46.79.79 0 0 0-.79.13c-4.96 3.69-3.2 49.33-2.07 67.12Zm5.38-64.94c11.75 2.75 39.55 7.8 60.82-.9-19.53-4.7-50.16-1.56-61.18-.19a10.72 10.72 0 0 1 .32 1.09Zm63.73-1.1a39 39 0 0 1 5.22 1.86l.8-5.94a23.23 23.23 0 0 1-6.06 4.08Zm-65 .13-1.71.23 2 .49c-.17-.26-.26-.5-.36-.72Zm74.34-9a12.9 12.9 0 0 1-1.84 3.15c.95-.32 1.56-1.37 1.77-3.11Zm-16.65-7.54a155 155 0 0 0 13.64 10.5 11.81 11.81 0 0 0 2.37-4.36 10.88 10.88 0 0 0 .41-2.09C137.57 72 126 56.66 114.4 45.14c-3.46 4.88-2.18 11.71-.18 17.09a57.83 57.83 0 0 0 8.68 15.11Zm4.16 4.73a25.24 25.24 0 0 0 7.53 5.64c-1.68-1.18-4.33-3.1-7.53-5.64ZM115 44.35c10 9.86 20.21 22.58 24 32.36-1.16-5.42-4.78-10.8-7.45-14.76-2.39-3.55-3.51-5.3-3-6.35a1.26 1.26 0 0 1 1.13-.68c2-.17 2.8-2 3.12-3.12.95-3.28-.05-8.36-3.3-10.85-2.91-2.22-6.91-1.88-11.58 1a12.43 12.43 0 0 0-2.92 2.4ZM92.83 29.78a1.77 1.77 0 0 0-1.23.4c-.55.5-1.2 2.1.6 7.1C97.5 52 109.31 65.1 119.49 74.33a56.79 56.79 0 0 1-6.21-11.75c-2.83-7.62-2.65-13.88.42-18.14C107.11 38 100.59 32.77 96 30.67a8.17 8.17 0 0 0-3.17-.89Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M137.48 86.1c-3.16 2.63-15.63-7.12-27.86-21.78S90 35.64 93.18 33s15.64 7.12 27.87 21.78 19.59 28.69 16.43 31.32Zm-51 62c3.36.94 2.62-30.95-.93-32.26s-2.42 31.33-2.42 31.33Zm22.54-.93s.06-21.75 3.6-20.44 3.11 22.31-.25 21.37Zm-12.92 0s-.24-27.18 3.31-25.87 1.61 27.45 0 26.8c-3.15-1.3-3.28-.91-3.28-.91Z",
+      style: {
+        fill: 'var(--zd_emptysvg_secondary_fill)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M82.32 58.19S129 27 152.59 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.57-55.3c-.28-13.21 0-44.7 51.22-46.63Z",
+      style: {
+        fill: 'var(--zd_emptysvg_primary_fill)',
+        isolation: 'isolate',
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDelete_svg__cls-3",
+      d: "M16.1 119.3a.49.49 0 0 1-.47-.52l.37-7.48a.51.51 0 0 1 .53-.47.5.5 0 0 1 .47.53l-.41 7.47a.5.5 0 0 1-.51.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDelete_svg__cls-3",
+      d: "m20 115.77-7.34-.42a.49.49 0 0 1-.47-.53.51.51 0 0 1 .53-.47l7.34.42a.49.49 0 0 1 .47.51.49.49 0 0 1-.52.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDelete_svg__cls-4",
+      d: "M173.27 22.8a4.75 4.75 0 1 0 4.73 4.82v-.08a4.73 4.73 0 0 0-4.73-4.74Zm0 8.5a3.76 3.76 0 1 1 3.73-3.83v.07a3.72 3.72 0 0 1-3.73 3.76ZM155 170.8a3.45 3.45 0 1 0 3.4 3.5v-.05a3.43 3.43 0 0 0-3.4-3.45Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.43 2.43 0 0 1-2.4 2.45Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDelete_svg__cls-5",
+      d: "M59.81 39.5a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 2-2.05 2 2 0 0 1-2 2.05ZM192 131.81a.49.49 0 0 0-.69 0l-2.43 2.19-2.12-2.4a.51.51 0 0 0-.71 0 .5.5 0 0 0 0 .61l2.09 2.38-2.38 2.17a.5.5 0 0 0 0 .7.44.44 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.51.51 0 0 0 .71.05.51.51 0 0 0 0-.71l-2.13-2.42 2.38-2.16a.48.48 0 0 0 .1-.68Z"
+    }));
+  }
+
+}
+EmptyDelete.propTypes = EmptyStateProps;
+EmptyDelete.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyDelete'
+};
+
+if (false) {
+  EmptyDelete.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyDepartment.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 EmptyDepartment extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "department"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyDepartment_svg__cls-4{fill:var(--zd_emptysvg_primary_fill)}.EmptyDepartment_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyDepartment_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyDepartment_svg__cls-5{fill:var(--zd_emptysvg_medium_circle)}')), /*#__PURE__*/React.createElement("path", {
+      d: "M85.65 63.06s46.91-30.84 70.66-21.55 40 87.37-26.07 122.41-95.89-41.18-96.14-54.69c-.24-13.07 0-44.23 51.55-46.17z",
+      opacity: 0.05,
+      className: "EmptyDepartment_svg__cls-4"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M155.17 36.25a4 4 0 114-4 4 4 0 01-4 4zm0-7a3 3 0 103 3 3 3 0 00-3-3.02z",
+      className: "EmptyDepartment_svg__cls-5"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDepartment_svg__cls-3",
+      d: "M78.75 32.74a2.6 2.6 0 112.62-2.59 2.6 2.6 0 01-2.62 2.59zm0-4.19a1.6 1.6 0 101.62 1.6 1.6 1.6 0 00-1.62-1.6z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_plus)",
+      d: "M22.07 108.07a.5.5 0 01-.47-.53l.35-6.16a.49.49 0 01.53-.47.5.5 0 01.47.52l-.35 6.17a.51.51 0 01-.53.47z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_plus)",
+      d: "M25.35 105.16l-6.22-.35a.5.5 0 01.06-1l6.22.35a.5.5 0 010 1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDepartment_svg__cls-5",
+      d: "M165 157.57a2.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: "EmptyDepartment_svg__cls-3",
+      transform: "rotate(-42.02 176.822 120.063)",
+      d: "M176.31 116.96h1v6.2h-1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDepartment_svg__cls-3",
+      transform: "rotate(-41.56 176.809 120.062)",
+      d: "M173.71 119.56h6.2v1h-6.2z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_primary_stroke)",
+      d: "M124.9 96.51a.51.51 0 00.13-.37c-.85-11.83-1.23-24.68-.42-26 1.46-.43 6.63-.52 8.53-.52a.51.51 0 00.5-.5 24 24 0 011.73-7.88c2.2-5.3 6-8.38 11.35-9.14a21.68 21.68 0 0118.55 6.25 15.15 15.15 0 014.3 13.53 19.59 19.59 0 01-11.46 13.74 17.84 17.84 0 01-16.72-.94 15.28 15.28 0 01-7.2-12.56.5.5 0 10-1 .06 16.31 16.31 0 007.67 13.35 18.81 18.81 0 0017.64 1 20.56 20.56 0 0012-14.46 16.31 16.31 0 00-4.5-14.38 22.7 22.7 0 00-19.41-6.55c-12.23 1.75-13.74 14.8-13.92 17.51-1.63 0-6.91.09-8.44.59-1.69.57-1.07 14.57-.23 26.44l-7.92.16a.49.49 0 00-.48.44 45.47 45.47 0 01-3.22 12.64c6.14-17.46-.88-29.52-8-38.27-6.93-8.48-21.61-12.48-34.89-9.51C56.92 64 48 72.34 45.1 84.16 41 100.41 45 113.85 56.62 123c.16.14.3.24.4.32a.64.64 0 00.12.21.59.59 0 00.9-.18.51.51 0 00-.18-.6c-.44-2.1-.29-17.64-.19-28 .08-7.78.15-14.49 0-15.94A.85.85 0 0158 78c1.67-1.65 8.84-1.44 12.18-1.17a6.64 6.64 0 00.24 4.47c1 2.27 3.27 4 6.79 5.12 3.76 1.21 6.9.93 9.32-.84a9 9 0 003.61-6.44c.61-.9 8.28.13 10.8.47 1.31.18 2.3.31 2.84.34 1 2.28 1 25.08.74 39.3-.83 1.29-9.37 13.61-30.24 11.81-26-2.25-30.8-27.48-30.84-27.73a.5.5 0 10-1 .17c0 .27 4.95 26.24 31.74 28.56 1.44.12 2.83.18 4.16.18 19.43 0 27-12.45 27.09-12.58a.45.45 0 00.07-.25c.16-9 .54-38.63-1.06-40.25A.65.65 0 00104 79c-.4 0-1.56-.16-2.91-.34-5.62-.76-10.37-1.3-11.58-.25a1 1 0 00-.35.75 8.11 8.11 0 01-3.21 5.65c-2.15 1.57-5 1.8-8.43.7-3.22-1-5.3-2.57-6.16-4.55a5.66 5.66 0 010-4.32.53.53 0 000-.46.5.5 0 00-.39-.25c-1.14-.11-11.19-1-13.62 1.4a1.88 1.88 0 00-.58 1.53c.13 1.4.06 8.09 0 15.84-.16 16.74-.15 24.18.1 27.15C43 110.64 43.34 95.33 46.07 84.4 48.92 73 57.52 64.84 69.68 62.12c12.94-2.9 27.19 1 33.89 9.16 7.79 9.53 15.42 23.09 5.22 43.48a.48.48 0 00.15.62.5.5 0 00.64 0c.21-.21 5.24-5.08 7-18.52l8-.16a.52.52 0 00.32-.19z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_primary_stroke)",
+      d: "M169.59 117.92a19.31 19.31 0 00-22.27-10.69c-12.22 2.89-13.58 15.15-13.73 18.44a11.94 11.94 0 00-1.51.31.52.52 0 00-.36.57 16.87 16.87 0 00.41 1.78 43.94 43.94 0 01-7.79-2.21l.19-27.76a.5.5 0 00-.5-.5.5.5 0 00-.5.5l-.19 28.1a.5.5 0 00.32.47 42.33 42.33 0 008.83 2.46c2.35 6.22 8.83 12.1 15.72 13.85a17.51 17.51 0 004.31.55c5.29 0 10.15-2.58 14-7.53 4.7-6.11 5.74-12.26 3.07-18.34zm-36.8 8.91c.26-.06.55-.11.84-.15a.49.49 0 00.46.29.52.52 0 00.47-.37 1.84 1.84 0 011.3.29c.19.2.09.59 0 .89a.84.84 0 01-.49.47 4.82 4.82 0 01-2.13.21 13.5 13.5 0 01-.45-1.63zm32.91 8.82c-5.88 7.6-12.62 7.79-17.25 6.62a23.24 23.24 0 01-14.86-12.8 5 5 0 002.16-.31 1.8 1.8 0 001-1 1.75 1.75 0 00-.18-1.92 2.6 2.6 0 00-2-.62c.15-3.24 1.52-14.68 13-17.39a18.34 18.34 0 0121.13 10.12c2.49 5.65 1.49 11.5-3 17.3z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyDepartment_svg__cls-6",
+      d: "M150.11 76.26c-4.09-2.45-4.55 2-6.8 2.2-3.42.29-7.57-.45-7.92-5.67-.62-9 7.36-19.63 21.46-14.52s7.57 22.9-.82 22.9c-3.14 0-4.76-4.17-5.92-4.91zM152.85 131.68c-4.09-2.45-4.54 2-6.8 2.19-3.42.3-7.56-.44-7.92-5.67-.61-9 7.36-19.62 21.47-14.51s7.56 22.9-.82 22.9c-3.15 0-4.78-4.21-5.93-4.91zM59.89 125.62s-1.69-46.78-.22-46.36 7-1.05 8.22.63 4 12.43 13.28 10.54 10.53-9.27 10.53-9.27l9.91.63 1.26 37.5s-15.38 18.13-42.98 6.33z"
+    }));
+  }
+
+}
+EmptyDepartment.propTypes = EmptyStateProps;
+EmptyDepartment.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyDepartment'
+};
+
+if (false) {
+  EmptyDepartment.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyError.js

@@ -0,0 +1,84 @@
+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 EmptyError extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "EmptyError"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyError_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.EmptyError_svg__cls-3,.EmptyError_svg__cls-4,.EmptyError_svg__cls-5{fill:none}.EmptyError_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyError_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyError_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyError_svg_fill{fill: #DE3535;opacity: 0.3}.EmptyError_svg_line{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}')), /*#__PURE__*/React.createElement("path", {
+      class: "EmptyError_svg__cls-1",
+      d: "M217.5,155.3c0,0,113.7-75.3,171.3-52.6s96.9,213.4-63.2,298.9S93.2,301,92.6,268  C92,236.1,92.6,160,217.5,155.3z"
+    }), /*#__PURE__*/React.createElement("path", {
+      class: "EmptyError_svg_line",
+      d: "M133.8,379.6c0,0-13.4-217.8,0-222.6c11.4-4.1,189-1.2,240.6-0.3c7.8,0.1,14,6.5,14,14.2V201l-235.8,2.3  l105.1-3.3c5.3-0.3,9.8-0.2,12.8,4.2c15.4,23.3,61.8,95.7,47.1,100.6c-17.5,5.8-114.1,8.3-116.2-2.6c-3.2-17.3,57-96.4,63.5-97.6  s122.2,3.2,123.6,6.6s10.3,168.7,2,173.6s-251,5.9-252.4-1.5s0-218.3,0-218.3"
+    }), /*#__PURE__*/React.createElement("path", {
+      class: "EmptyError_svg_fill",
+      d: "M330.7,289.8c-1.9-5.8-33.8-78.7-47.9-85.8s-65.2,83.6-69.2,93.4s17.9,10.6,17.9,10.6s82.7,0.6,91.9-1.8  S332.6,295.6,330.7,289.8z M274.7,249.9c0-1.4,1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5v23c0,1.4-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5V249.9z   M275.4,290.6c0,0-5.8-6.4,1-7c0,0,4.7,0.1,5,2.8S277.2,292.3,275.4,290.6L275.4,290.6z"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      class: "st1",
+      cx: "419.9",
+      cy: "378.9",
+      rx: "6",
+      ry: "5.9",
+      stroke: "var(--zd_emptysvg_small_circle)",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("line", {
+      class: "EmptyFrame_svg__cls-3",
+      x1: "162.2",
+      y1: "412.4",
+      x2: "172.3",
+      y2: "423.6"
+    }), /*#__PURE__*/React.createElement("line", {
+      class: "EmptyFrame_svg__cls-3",
+      x1: "161.6",
+      y1: "423",
+      x2: "172.9",
+      y2: "413"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      class: "st4",
+      cx: "396",
+      cy: "80",
+      rx: "8.6",
+      ry: "8.6",
+      "stroke-miterlimit": "10",
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      class: "EmptyFrame_svg__cls-5",
+      cx: "210.8",
+      cy: "74.9",
+      rx: "5.1",
+      ry: "5.1"
+    }), /*#__PURE__*/React.createElement("line", {
+      class: "EmptyFrame_svg__cls-4",
+      x1: "70.4",
+      y1: "274.5",
+      x2: "69.6",
+      y2: "289.6"
+    }), /*#__PURE__*/React.createElement("line", {
+      class: "EmptyFrame_svg__cls-4",
+      x1: "62.4",
+      y1: "281.6",
+      x2: "77.5",
+      y2: "282.5"
+    }));
+  }
+
+}
+EmptyError.propTypes = EmptyStateProps;
+EmptyError.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyError',
+  palette: 'danger'
+};
+
+if (false) {
+  EmptyError.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyFeed.js

@@ -0,0 +1,64 @@
+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 EmptyFeed extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "Feed"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyFeed_svg__cls-4,.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6,.EmptyFeed_svg__cls-7,.EmptyFeed_svg__cls-8{fill:none}.EmptyFeed_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFeed_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyFeed_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: "EmptyFeed_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFeed_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyFeed_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFeed_svg__cls-7",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 111.07,
+      cy: 152.77,
+      rx: 11.07,
+      ry: 10.89,
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFeed_svg__cls-6",
+      d: "M44.32 94.5S67.74 113.31 64 114.9s-8.34-6.88-2.42-13 41.73-42.38 101.77 0l-12.95 17.24s-37.42-38.94-77.81 0l13.87 13.65s24.87-22.36 50.69 0a.08.08 0 010 .1l-14.78 14.54a.07.07 0 01-.09 0c-.69-.62-9-7.86-17.26-4.08a10.22 10.22 0 00-5.19 12.34c1 2.94 3.13 6.49 9.1 7.36 6.36.93 9.62-1.65 11-5 2.73-6.6-2.43-13.64-9.67-13.83-3.18-.09-6.47 1.11-8.32 5.51"
+    }));
+  }
+
+}
+EmptyFeed.propTypes = EmptyStateProps;
+EmptyFeed.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyFeed'
+};
+
+if (false) {
+  EmptyFeed.docs = {
+    componentGroup: 'Emptystate'
+  };
+}