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

package/es/emptystate/version3/GCConversation.js

@@ -0,0 +1,55 @@
+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 GCConversation extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "GCConversation"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.GCConversation_svg__cls-5{isolation:isolate}.GCConversation_svg__cls-2{fill:var(--zd_emptysvg_plus)}.GCConversation_svg__cls-3{fill:var(--zd_emptysvg_medium_circle)}.GCConversation_svg__cls-4{fill:var(--zd_emptysvg_cross)}.GCConversation_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill)}')), /*#__PURE__*/React.createElement("path", {
+      d: "M78.11 58.19S124.77 27 148.38 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: {
+        isolation: 'isolate',
+        fill: 'var(--zd_emptysvg_primary_fill)',
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCConversation_svg__cls-2",
+      d: "M11.89 119.3a.5.5 0 0 1-.47-.52l.41-7.47a.52.52 0 0 1 .53-.47.5.5 0 0 1 .47.53l-.41 7.47a.49.49 0 0 1-.51.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCConversation_svg__cls-2",
+      d: "m15.75 115.77-7.34-.42a.5.5 0 0 1-.47-.53.52.52 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: "GCConversation_svg__cls-3",
+      d: "M169.06 22.8a4.75 4.75 0 1 0 4.68 4.82v-.08a4.73 4.73 0 0 0-4.68-4.74Zm0 8.5a3.76 3.76 0 1 1 3.69-3.83v.07a3.72 3.72 0 0 1-3.69 3.76ZM122.31 175.07a3.45 3.45 0 1 0 3.4 3.5 3.43 3.43 0 0 0-3.4-3.5Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.42 2.42 0 0 1-2.4 2.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCConversation_svg__cls-4",
+      d: "M78.82 22a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 .05 0ZM187.74 131.81a.49.49 0 0 0-.69 0l-2.38 2.19-2.12-2.4a.5.5 0 0 0-.75.65l2.09 2.38-2.38 2.17a.5.5 0 0 0 0 .7.45.45 0 0 0 .37.16.44.44 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.52.52 0 0 0 .38.17.5.5 0 0 0 .33-.12.51.51 0 0 0 0-.71l-2.13-2.42 2.38-2.16a.47.47 0 0 0 .1-.68Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "GCConversation_svg__cls-5",
+      d: "M76 76.74s-8.2 3.16.32 4.26 48 .18 45-2.19S76 76.74 76 76.74ZM75.62 87.45s-4.66 3 .18 3.87 27.05.17 25.38-2-25.56-1.87-25.56-1.87ZM140.53 106.6c0-2.54-2.37-1.14-3.07-2-1.14-1.31-2-3.25.53-5.27 4.3-3.51 12-4 13.61 3.6s-9.22 11.34-11.68 7.91c-.92-1.34.61-3.45.61-4.24ZM58 86.49c0-2-1.84-.88-2.37-1.58a2.57 2.57 0 0 1 .35-4.13c3.34-2.72 9.32-3.16 10.55 2.72s-7.21 8.79-9 6.15c-.79-.88.47-2.65.47-3.16ZM81 116.09s8.17 3.16-.35 4.22-48 .17-45.06-2.29S81 116.09 81 116.09ZM81.33 126.72s4.66 3-.17 3.86-27.06.18-25.39-2 25.56-1.86 25.56-1.86ZM98.9 125.84c0-2 1.84-.88 2.37-1.58a2.57 2.57 0 0 0-.35-4.13c-3.34-2.72-9.31-3.16-10.54 2.72s7.2 8.79 9.05 6.15c.79-1-.53-2.63-.53-3.16Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m109.18 137.08-23.63.27-.62 7.65-8.26-8s-46.64 1.49-47.52-.62-2.1-26-.61-26 82-1.76 83.53.62 2.46 27 .88 26c-2.63-1.67-.61-38.39-.61-38.39L87 99.49s-10.89 5.62-9.75 5.88-.88-6.5-.88-6.5-24.77 2.38-25.12-1.14-.88-26.88.88-26.88 86.35-1.75 86.7 1.14c0 0 2.9 11.51-1.14 13.09-1.76.71-3.87 1.85-5.89.09l-5.8-4.48s-6.15 6.24-6.06 7.12 7.38 6.14 5.45 9.39-10.72 2.73-10.72 2.73-1 9.22.18 9.4 9.92.79 10.54 2.9-4.57 9-4.57 9 4.13 6.24 5.53 6.15 7-6.59 10.46-3.86 2.72 9.83 3.51 10 3.95-.09 3.95-.09l-.09-17.74s-12.21-.18-11.42-11.51c.71-10.1 12-13.26 17.66-7.46 6.68 6.85 1.93 17-5 17.56L144.4 75s3.34-1.23 3.6 2.11c.18 2.55-.44 10.19 4.22 9.13s6.41-6.32 10.1-4.12 4.13 3.77 3.69 5-5.36 7.91-4.39 9.49 9.48 2.11 10 2.81.79 5.89.18 7.91-6.86 1-8.7 2.46.61 7.64 3.43 11.24c0 0-2.2 5.09-4.57 5.88s-8.26-6.32-11.33-3.51-.71 8.78-2.64 10.19",
+      style: {
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_primary_stroke)',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      }
+    }));
+  }
+
+}
+GCConversation.propTypes = EmptyStateProps;
+GCConversation.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyGCConversation'
+};
+
+if (false) {
+  GCConversation.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/Import.js

@@ -0,0 +1,71 @@
+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 Import extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "import"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#Import_svg__clip0)"
+    }, /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#Import_svg__clip1)"
+    }, /*#__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.501 284.498l-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.999c-6.5 0-11.75 5.25-11.75 11.75s5.25 11.75 11.75 11.75 11.75-5.25 11.75-11.75-5.5-11.75-11.75-11.75zm0 21.25c-5 0-9.25-4.25-9.25-9.5s4.25-9.5 9.25-9.5 9.25 4.25 9.25 9.5-4.25 9.5-9.25 9.5zM311 432.748c-4.75 0-8.5 3.75-8.5 8.5s3.75 8.5 8.5 8.5 8.5-3.75 8.5-8.5c0-4.5-3.75-8.5-8.5-8.5zm0 14.75c-3.25 0-6-2.75-6-6.25s2.75-6.25 6-6.25 6 2.75 6 6.25-2.75 6.25-6 6.25z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M202.251 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("path", {
+      d: "M103.272 292.867c-15.153-8.693-21.106-33.684-13.259-53.242 5.683-14.126 15.695-27.98 31.93-27.165 33.554 1.63 25.165 49.711 16.777 48.896-8.388-.815 18.941-107.842 65.483-105.669 46.272 2.173 74.413 55.143 67.107 72.8-7.306 17.657-1.623-57.316 71.437-28.251 73.059 29.066-19.483 132.562-145.309 117.894-49.788-5.977-77.93-16.027-94.166-25.263z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M442.326 285.26H107.333s-61.425 2.445-59.801-55.958c.811-24.992 18.67-46.723 43.294-49.711 14.883-1.63 32.742 2.988 50.872 24.176 0 0-27.871 41.29 1.082-23.633s129.073-101.323 187.521-34.77c63.859 73.072 7.035 104.854 6.494 99.421-.541-5.433 10.282-26.077 42.212-3.531 31.93 22.546-8.929 93.445-78.742 85.567l-47.354-1.901-1.082 44.549s44.377 1.902 40.318-1.901c-4.059-4.075-65.483 46.179-58.718 47.266 7.035 1.086-52.225-53.242-54.931-48.896-7.306 11.137 24.354 6.248 39.236 4.346l-1.353-47.809s-114.19 22.818-147.202-27.707",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeMiterlimit: 10,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "Import_svg__clip0"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      d: "M0 0h500v500H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "Import_svg__clip1"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(25 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+
+}
+Import.propTypes = EmptyStateProps;
+Import.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyImport'
+};
+
+if (false) {
+  Import.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/KBBot.js

@@ -0,0 +1,68 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class KBBot extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "KBBot"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.KBBot_svg__cls-2{fill:var(--zd_emptysvg_plus)}.KBBot_svg__cls-3{fill:var(--zd_emptysvg_medium_circle)}.KBBot_svg__cls-4{fill:var(--zd_emptysvg_cross)}.KBBot_svg__cls-5{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}.KBBot_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);}')), /*#__PURE__*/React.createElement("path", {
+      d: "M80.05 58.19S126.71 27 150.32 36.4s39.74 88.3-25.92 123.72-95.4-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: "KBBot_svg__cls-2",
+      d: "M13.83 119.3a.49.49 0 0 1-.47-.52l.41-7.47a.5.5 0 0 1 .53-.47.52.52 0 0 1 .47.53l-.41 7.47a.5.5 0 0 1-.51.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-2",
+      d: "m17.69 115.77-7.34-.42a.49.49 0 0 1-.47-.53.5.5 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: "KBBot_svg__cls-3",
+      d: "M171 22.8a4.75 4.75 0 1 0 4.68 4.82v-.08A4.73 4.73 0 0 0 171 22.8Zm0 8.5a3.76 3.76 0 1 1 3.69-3.83v.07A3.73 3.73 0 0 1 171 31.3ZM124.25 175.07a3.45 3.45 0 1 0 3.4 3.5 3.43 3.43 0 0 0-3.4-3.5Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.42 2.42 0 0 1-2.4 2.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-4",
+      d: "M80.76 22a3 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.05ZM189.68 131.81a.49.49 0 0 0-.69 0l-2.38 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.49.49 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.5.5 0 0 0 .38.17.48.48 0 0 0 .33-.83l-2.13-2.42 2.38-2.16a.48.48 0 0 0 .1-.68Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-5",
+      d: "M100 37.77s8.57.84 7.85 9.48-14 8.28-15.6 0 6.66-8.9 8.94-8-.22 27.23-.22 27.23 33-.17 43.7 28.79-.71 30.54-4.22 24.92-5.26-21.78 6.85-23.7 9.2 27 .52 25.77c0 0-6.84 38.2-47.82 39.94s-47.38-49.81-45-57 5.85-2.12 7.76 2.48.22 22-11.21 18.81S42.66 98.92 57.4 98c0 0 7.93-31.29 41.36-31.53 0 0-.66 28.6 3 32.13 1.35 1.3 6.63 3.43 7 9.37s-5.37 9.6-11.08 8.11-10.4-12.68 1.6-18.5l1-2.89A4.23 4.23 0 0 1 105.5 92c4.08 1.22 9.85 4.85 10.31 15.56.5 11.37-9.68 17-19.15 14.78a16 16 0 0 1-11.49-20.71c1.43-4.1 4.71-8.09 11.69-9.88"
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "KBBot_svg__cls-6",
+      cx: 101.12,
+      cy: 114.08,
+      r: 43.01
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "KBBot_svg__cls-6",
+      cx: 101.12,
+      cy: 108.08,
+      r: 8.97
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "KBBot_svg__cls-6",
+      cx: 101.12,
+      cy: 46.75,
+      r: 8.97
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-5",
+      d: "M92 150.75s-1.71-8.87-.46-8.87h19.54s-.26 8.46-1.83 8.87-15.68 0-15.68 0"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "KBBot_svg__cls-6",
+      d: "M93.45 149.82s2.86-8 5.1-6 8.41-1.91 10.21-.31-.75 6.34-.75 6.34Z"
+    }));
+  }
+
+}
+KBBot.propTypes = EmptyStateProps;
+KBBot.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyKBBot'
+};
+
+if (false) {
+  KBBot.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/Multilingual.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 Multilingual extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "multilingual"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.cls-2{fill:var(--zd_emptysvg_plus)}.cls-3{fill:var(--zd_emptysvg_medium_circle)}.cls-4{fill:var(--zd_emptysvg_cross)}.cls-5{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}.cls-6{fill:var(--zd_emptysvg_secondary_fill);}')), /*#__PURE__*/React.createElement("path", {
+      d: "M80.22 58s46.66-31.17 70.27-21.79 39.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)',
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-2",
+      d: "M14 119.11a.5.5 0 0 1-.47-.53l.41-7.47a.5.5 0 1 1 1 .06l-.41 7.47a.49.49 0 0 1-.53.47Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-2",
+      d: "m17.86 115.58-7.34-.42a.5.5 0 1 1 .06-1l7.34.42a.49.49 0 0 1 .47.52.5.5 0 0 1-.53.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-3",
+      d: "M171.17 22.61a4.75 4.75 0 1 0 4.68 4.74 4.72 4.72 0 0 0-4.68-4.74Zm0 8.5a3.76 3.76 0 1 1 3.69-3.76 3.73 3.73 0 0 1-3.69 3.76ZM124.42 174.88a3.45 3.45 0 1 0 3.4 3.45 3.43 3.43 0 0 0-3.4-3.45Zm0 5.9a2.45 2.45 0 1 1 2.4-2.45 2.43 2.43 0 0 1-2.4 2.45Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-4",
+      d: "M80.93 21.77a3 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.05ZM189.85 131.62a.49.49 0 0 0-.7 0l-2.37 2.15-2.12-2.4a.5.5 0 0 0-.75.65l2.09 2.38-2.38 2.17a.49.49 0 0 0 0 .7.49.49 0 0 0 .37.16.5.5 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.52.52 0 0 0 .38.17.54.54 0 0 0 .33-.12.51.51 0 0 0 0-.71l-2.13-2.42 2.38-2.16a.49.49 0 0 0 .09-.7Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-5",
+      d: "m27.3 153.13 37.47-.31s23.09-18.58 22.79-19.9-6.16 3.08.59 3.38 30.66 0 30.66 0v-32.42l11.14-.15 22.51 18.15s1.45-24.44-.24-23.47-2.42 6.29 3.63 6.78a62.63 62.63 0 0 0 11.61-.25s4.12-59.53-.24-59.77-71.87-1.45-70.91 1.69-1.69 53.49.25 55.42 21.53-1 21.53-1-19.8 4.86-22.81 3.86-2.21-29.1-2.21-29.1-45.35 0-45.75 2.21-1.2 57.39 1 58 15-.2 15.25.4-.4 17.46-.4 17.46l109.57-1.2"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-6",
+      d: "M80.62 84.09s-24.36-5.65-24.36 6.53 2.61 33.93 5.66 33.49 12.88-14 20.87-8.7 20 14.36 23.93 9.57-13-10.44-17.84-22.62a154.23 154.23 0 0 0-8.26-18.27Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-5",
+      d: "m70.5 120.11 9.67-24.73 10.62 25.37M75.26 111.55l11.89.16"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-6",
+      d: "M106.44 58.87a4 4 0 0 1 3.85-3.87c8.6-.27 28.83-.42 28.83 4 0 5.68-16.67 8.16-6 11s22.7 10.29 23.77 17.38-50.76 12.42-50.76 5.32c0-5.55.22-25.45.31-33.83Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-5",
+      d: "M122.49 64.36h25.3M121.62 89s21.16-7.85 20.28-24.65"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-5",
+      d: "M130.34 71.78s4.15 13.08 17 17.23M134.86 64.3v-4.28"
+    }));
+  }
+
+}
+Multilingual.propTypes = EmptyStateProps;
+Multilingual.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyMultilingual'
+};
+
+if (false) {
+  Multilingual.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/NetworkError.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 NetworkError extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "NetworkError"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.NetworkError_svg__cls-2{fill:var(--zd_emptysvg_plus)}.NetworkError_svg__cls-3{fill:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", {
+      d: "M83.58 69.05s45.64-29.14 68.74-20.37S191.2 131.25 127 164.36s-93.29-38.91-93.54-51.68c-.27-12.35-.03-41.8 50.12-43.63Z",
+      style: {
+        opacity: 0.1,
+        fill: 'var(--zd_emptysvg_primary_fill)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "NetworkError_svg__cls-2",
+      d: "M18 111.51a.49.49 0 0 1-.47-.52l.39-6.7a.5.5 0 0 1 .53-.47.51.51 0 0 1 .47.52l-.4 6.71a.5.5 0 0 1-.52.46Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "NetworkError_svg__cls-2",
+      d: "m21.71 108.34-7-.38a.5.5 0 1 1 .06-1l7 .38a.5.5 0 0 1 0 1Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_small_circle)",
+      d: "M139.6 186.47a3.15 3.15 0 1 1 3.25-3.15 3.2 3.2 0 0 1-3.25 3.15Zm0-5.3a2.15 2.15 0 1 0 2.25 2.15 2.21 2.21 0 0 0-2.25-2.15Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "NetworkError_svg__cls-3",
+      d: "M184.47 146a.46.46 0 0 1-.36-.16l-4.65-5a.49.49 0 0 1 0-.7.51.51 0 0 1 .71 0l4.64 5a.49.49 0 0 1 0 .7.48.48 0 0 1-.34.16Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "NetworkError_svg__cls-3",
+      d: "M179.55 145.75a.52.52 0 0 1-.38-.17.49.49 0 0 1 .05-.7l5.2-4.47a.51.51 0 0 1 .71.05.49.49 0 0 1 0 .7l-5.2 4.47a.52.52 0 0 1-.38.12ZM76.11 31.09a3.31 3.31 0 1 1 3.33-3.31 3.33 3.33 0 0 1-3.33 3.31Zm0-5.62a2.31 2.31 0 1 0 2.33 2.31 2.33 2.33 0 0 0-2.33-2.31Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M156.05 25.35a4.33 4.33 0 1 1 4.37-4.35 4.35 4.35 0 0 1-4.37 4.35Zm0-7.67a3.34 3.34 0 1 0 3.37 3.32 3.36 3.36 0 0 0-3.37-3.32Z",
+      style: {
+        fill: 'var(--zd_emptysvg_medium_circle)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M70.93 54.19S26.22 71.38 35 122.2s73.87 45.48 89.63 29h0a32 32 0 0 0 4.44-5.92c3.32-5.7 10.67-17.76 15.88-22.52 5.83-5.32 21 16.22 24.93 24a3 3 0 0 1-2 4.13c-8.66 1.62-36.29 6.29-37.8.29-1-3.86 2.89-12.52 6.62-19.65a59.16 59.16 0 0 0 6.77-25.33h0c0-20.63-26.22-56.55-55.72-54.26 0 0-14.37 3.48-8.18 13.74S94.32 63.15 94 61.21c-.32-1.76-5.7-3.38-11.3 6.79a6.26 6.26 0 0 1-6.59 3.1c-2.15-.38-4.43-1-5.39-2.07C68.6 66.76 63 71.2 67 74.09s5.15 3.17 3 5.25-8.5 6.33-4.34 8.23 31.3 8.69 35.92.73S63 83.14 58.1 102.82c0 0-3.44 9.45 9.86 12.8s4.07 34 16.47 32c0 0 5.79-1.35 9.14-10 2-5.1 6.88-7.69 9.82-8.38a2.76 2.76 0 0 1 3.38 3.13c-.39 2.41-2.38 6.15-5 7.69-4.71 2.81-4.82-7.32-2.68-10.76s7.45-16 0-21.88-8.47-2.73-8.45-1.55c.09 4.16 11.13 13.93 18 11s10-10.4 9-13.66-8.5-6.69-9.86-4.25 5.16 6.06 12.67 4.34 16.28-.27 15.19 10.14",
+      style: {
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_primary_stroke)',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M110.51 98.21c6.3 2 8.62 5.37 5 12.94s-12.82 2.44-12.61 5.81-4.17 15-5.29 15.15-6.13 9.57-6.13 9.57-13.37 16.87-14.91-7.39-13.09-12.44-18.26-25.46S71 89.27 71 89.27c13.71 1.28 33.21 7 39.51 8.94ZM168.57 149c-2 4.13-2.42 2.44-9.82 3.42s-24.51 4.24-28.61-1.26c0 0 9.27-27.27 14.85-28.4s25.56 22.07 23.58 26.24Zm-21.85-8a1 1 0 0 0 2 0v-9.24a1 1 0 0 0-2 0Zm3.36 5.4c-.14-1.08-2-1.13-2-1.13-2.72.24-.4 2.8-.4 2.8.71.64 2.54-.64 2.4-1.72Z",
+      style: {
+        fill: 'var(--zd_emptysvg_secondary_fill)'
+      }
+    }));
+  }
+
+}
+NetworkError.propTypes = EmptyStateProps;
+NetworkError.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyNetworkError'
+};
+
+if (false) {
+  NetworkError.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/Predictor.js

@@ -0,0 +1,62 @@
+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 Predictor extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "predictor"
+    }, this.props), /*#__PURE__*/React.createElement("style", null, '.Predictor_svg__st0{fill:none}.Predictor_svg__st1{opacity:.1;fill:var(--zd_emptysvg_primary_fill);enable-background:new}.Predictor_svg__st2{fill:var(--zd_emptysvg_plus)}.Predictor_svg__st3{fill:var(--zd_emptysvg_medium_circle)}.Predictor_svg__st4{fill:var(--zd_emptysvg_cross)}'), /*#__PURE__*/React.createElement("path", {
+      className: "Predictor_svg__st0",
+      d: "M0 0h200v200H0z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Predictor_svg__st0",
+      d: "M10 22h180v160H10z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Predictor_svg__st1",
+      d: "M80.2 58.2s46.7-31.2 70.3-21.8 39.7 88.3-25.9 123.7c-65.6 35.4-95.4-41.6-95.7-55.2-.2-13.3 0-44.7 51.3-46.7z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Predictor_svg__st2",
+      d: "M14 119.3s-.1 0 0 0c-.3 0-.5-.3-.5-.5l.4-7.5c0-.3.2-.5.5-.5s.5.2.5.5l-.4 7.5c-.1.3-.3.5-.5.5z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Predictor_svg__st2",
+      d: "M17.8 115.8l-7.4-.4c-.3 0-.5-.3-.5-.5 0-.3.3-.5.5-.5l7.3.4c.3 0 .5.3.5.5.1.3-.1.5-.4.5z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Predictor_svg__st3",
+      d: "M171.2 22.8c-2.6 0-4.7 2.1-4.7 4.7s2.1 4.7 4.7 4.7 4.7-2.1 4.7-4.7-2.2-4.7-4.7-4.7zm0 8.5c-2 0-3.7-1.7-3.7-3.8s1.7-3.8 3.7-3.8 3.7 1.7 3.7 3.8-1.7 3.8-3.7 3.8zM124.4 175.1c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4c0-1.8-1.5-3.4-3.4-3.4zm0 5.9c-1.3 0-2.4-1.1-2.4-2.5s1.1-2.5 2.4-2.5c1.3 0 2.4 1.1 2.4 2.5s-1.1 2.5-2.4 2.5z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Predictor_svg__st4",
+      d: "M80.9 22c-1.7 0-3 1.4-3 3s1.3 3 3 3 3-1.4 3-3-1.3-3-3-3zm0 5.1c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM189.8 131.8c-.2-.2-.5-.2-.7 0l-2.4 2.2-2.1-2.4c-.2-.2-.5-.2-.7 0-.2.2-.2.5 0 .7l2.1 2.4-2.4 2.2c-.2.2-.2.5 0 .7.1.1.2.2.4.2.1 0 .2 0 .3-.1l2.4-2.2 2.1 2.4c.1.1.2.2.4.2.1 0 .2 0 .3-.1.2-.2.2-.5 0-.7l-2.1-2.4 2.4-2.2c.2-.3.2-.7 0-.9z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Predictor_svg__st1",
+      d: "M115.8 67S78.5 42.1 59.6 49.6s-31.8 70.6 20.7 98.9c52.5 28.3 76.3-33.3 76.5-44.2.2-10.6 0-35.8-41-37.3z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Predictor_svg__st0",
+      d: "M3 36h193.5v127.5H3z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M65.5 111.2c.1-13.7-12.5-6.1-16.6-10.7-6.2-6.9-10.7-17.4 2.7-28.3 23.1-18.7 64.2-21.7 72.7 19S75 152 61.8 133.7c-5-6.9 3.7-18.6 3.7-22.5z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M196 117.3s-24.5-5.4-29.3-2.1c-4.8 3.3-18.4 0-24.5 1.5-6 1.5-17.5 3.3-17.5 3.3M3.5 38.8s28.6 0 38.7 4S70.6 31 74.6 38.5 63.3 54.1 53.5 51.2c-9.8-2.9 33 3.8 38.2 11 5.2 7.2-5.8 6.6-9.8 5.2s-21.7-5.5-26.6-2S70.5 77.4 75 88c4.6 10.6-5 5.1-5.8 4.7-.8-.4-23.4-19.9-22.9-18.4s17.1 24 17.3 25.9c.2 1.9-1.9 7.9-7.2 3.9-5.2-3.9-21.3-23.1-20.8-24.3.5-1.2 4.8 3.8 4.8 16.1s-2.5 17.7-5.6 15.3c-3.1-2.4-5-28.4-9.8-32.2S9 63.7 3.5 63.5m38 41.6s5.2 31.4 31 35.3c24.7 3.8 35.6-6 35.6-6l.2 6.4s-21.9 11.9-51.9-.5l.5 7.2s26.5 13.8 62.8-1.2l.1 8.4s-24 17.8-70 .9c0 0-.6-9.9.2-10.1s3.2-2.8 5.3-2.7c0 0-.1-5.2 5.5-5.9 0 0 18.7 13 45.9.9 6.8-3 11.4-9.5 14.5-17.6 0 0-4.3-3.2-1.2-6.6 3.1-3.3 25.3-5 25.2-9.3-.1-4.3-36.2 3.1-37.8.3-1.7-2.8-2.1-8.3 3.1-9.2 0 0 33.3-8.2 33.5-6 .3 2.3-22.8-4.8-32.5-1.8-9.6 3-16-4.5-10.8-8.1 0 0 8.5-.9 11.3-2.3 2.7-1.4 26.8.6 27.3.7.6.1-23-2.6-23-2.6s-11.4 3.3-13.6 2c-2.2-1.3-3-5.8.6-6.8s8.5-1 8.5-1-10.7-9.4-20.4-10.1c0 0 11.4.3 25.2 9.7l11.7-.7s14.6 1.4 17.1 4.2c2.5 2.7 19.5 13.9 25.3 13.9s8.8.6 8.8.6",
+      fill: "none",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeMiterlimit: 10
+    }));
+  }
+
+}
+Predictor.propTypes = EmptyStateProps;
+Predictor.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyPredictor'
+};
+
+if (false) {
+  Predictor.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/ReadRecipients.js

@@ -0,0 +1,60 @@
+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 ReadRecipients extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "ReadRecipients"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.ReadRecipients_svg__cls-2{fill:var(--zd_emptysvg_plus)}.ReadRecipients_svg__cls-3{fill:var(--zd_emptysvg_cross)}.ReadRecipients_svg__cls-5{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}.ReadRecipients_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);isolation:isolate;}')), /*#__PURE__*/React.createElement("path", {
+      d: "M77.57 69.05s45.64-29.14 68.74-20.37 38.88 82.57-25.31 115.68-93.29-38.91-93.54-51.68c-.28-12.35-.04-41.8 50.11-43.63Z",
+      style: {
+        opacity: 0.1,
+        fill: 'var(--zd_emptysvg_primary_fill)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-2",
+      d: "M12 111.51a.5.5 0 0 1-.47-.52l.4-6.7a.49.49 0 0 1 .52-.47.49.49 0 0 1 .47.52l-.4 6.66a.5.5 0 0 1-.52.51Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-2",
+      d: "m15.7 108.34-7-.38a.48.48 0 0 1-.47-.52.49.49 0 0 1 .53-.47l7 .38a.5.5 0 0 1 0 1Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_small_circle)",
+      d: "M133.59 186.47a3.15 3.15 0 1 1 3.24-3.15 3.2 3.2 0 0 1-3.24 3.15Zm0-5.3a2.15 2.15 0 1 0 2.24 2.15 2.21 2.21 0 0 0-2.24-2.15Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-3",
+      d: "M178.46 146a.5.5 0 0 1-.37-.16l-4.64-5a.48.48 0 0 1 0-.7.5.5 0 0 1 .7 0l4.65 5a.49.49 0 0 1 0 .7.5.5 0 0 1-.34.16Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-3",
+      d: "M173.54 145.75a.52.52 0 0 1-.38-.17.49.49 0 0 1 .05-.7l5.2-4.47a.5.5 0 1 1 .66.75l-5.2 4.47a.52.52 0 0 1-.33.12ZM70.1 31.09a3.31 3.31 0 1 1 3.33-3.31 3.33 3.33 0 0 1-3.33 3.31Zm0-5.62a2.31 2.31 0 1 0 2.33 2.31 2.33 2.33 0 0 0-2.33-2.31Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M150 25.35a4.33 4.33 0 1 1 4.41-4.35 4.36 4.36 0 0 1-4.41 4.35Zm0-7.67a3.34 3.34 0 1 0 3.41 3.32 3.37 3.37 0 0 0-3.41-3.32Z",
+      style: {
+        fill: 'var(--zd_emptysvg_medium_circle)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-5",
+      d: "M179.76 104.89C162.61 93.42 150 92 148.69 110.9c-4.42 64.65-5.18 55.53-12 53.93s-31.5-35.71-33.44-29.7S137.58 162.9 128 164.5s-59.47-9.5-73-11.9 16-25.73 20.72-25.73-17.59 20.91-27.51 24S50.19 98.57 53 87.1s29.89 38.49 33.12 40.41 63-25.73 64.63-32.05S126.9 39.17 115.68 34c-7.34-3.32-63.23 36.24-62.9 44.82 0 .75 12.3 12.11 12.3 12.11l2.48-19.51s68.61 6.65 69.8 9.33-.43 20-.43 20S91.08 125.48 89.24 124c-1.83-1.72-20.49-27.88-20.49-28.84 0 0-15.65-22.63-23.63-21.77s-17.48 7.49-23.31.61"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-6",
+      d: "m67.67 147.78 20.06-13.19s33.12 22.3 25.79 22.94-45.85-9.75-45.85-9.75ZM127.22 97.17l-34.85 17.59S74.36 93.1 73.6 85.81c-1.19-11.9 40.89-2.9 53.84-1.39 3.88.42-.22 12.75-.22 12.75Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-5",
+      d: "M109.85 85.92s-13.92 8.79-18 11c-2.26 1.29-4.2-2.9-5.5-6.86M118.8 87s-13.91 8.79-18 11c-1.08.54-2.05 0-2.92-1.18"
+    }));
+  }
+
+}
+ReadRecipients.propTypes = EmptyStateProps;
+ReadRecipients.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyReadRecipients'
+};
+
+if (false) {
+  ReadRecipients.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/SupportPlan.js

@@ -0,0 +1,77 @@
+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 SupportPlan extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "SupportPlan"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.SupportPlan_svg__cls-1{opacity: 0.1;fill:var(--zd_emptysvg_primary_fill)}.SupportPlan_svg__cls-2{fill:var(--zd_emptysvg_plus)}.SupportPlan_svg__cls-3{fill:var(--zd_emptysvg_cross)}.SupportPlan_svg__cls-4{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;stroke-miterlimit:10}.SupportPlan_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill)}')), /*#__PURE__*/React.createElement("g", {
+      "clip-path": "url(#clip0_8054_29286)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.0016 291.25 72.2516 257.25C71.7516 224 72.2516 145.5 200.502 140.5Z",
+      className: "SupportPlan_svg__cls-1"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M35 293.25C35 293.25 34.75 293.25 35 293.25C34.25 293.25 33.75 292.5 33.75 292L34.75 273.25C34.75 272.5 35.25 272 36 272C36.75 272 37.25 272.5 37.25 273.25L36.25 292C36 292.75 35.5 293.25 35 293.25Z",
+      className: "SupportPlan_svg__cls-2"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M44.501 284.5L26.001 283.5C25.251 283.5 24.751 282.75 24.751 282.25C24.751 281.5 25.501 281 26.001 281L44.251 282C45.001 282 45.501 282.75 45.501 283.25C45.751 284 45.251 284.5 44.501 284.5Z",
+      className: "SupportPlan_svg__cls-2"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M428 51.9995C421.5 51.9995 416.25 57.2495 416.25 63.7495C416.25 70.2495 421.5 75.4995 428 75.4995C434.5 75.4995 439.75 70.2495 439.75 63.7495C439.75 57.2495 434.25 51.9995 428 51.9995ZM428 73.2495C423 73.2495 418.75 68.9995 418.75 63.7495C418.75 58.4995 423 54.2495 428 54.2495C433 54.2495 437.25 58.4995 437.25 63.7495C437.25 68.9995 433 73.2495 428 73.2495Z",
+      style: {
+        fill: 'var(--zd_emptysvg_medium_circle)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M311 432.749C306.25 432.749 302.5 436.499 302.5 441.249C302.5 445.999 306.25 449.749 311 449.749C315.75 449.749 319.5 445.999 319.5 441.249C319.5 436.749 315.75 432.749 311 432.749ZM311 447.499C307.75 447.499 305 444.749 305 441.249C305 437.749 307.75 434.999 311 434.999C314.25 434.999 317 437.749 317 441.249C317 444.749 314.25 447.499 311 447.499Z",
+      style: {
+        fill: 'var(--zd_emptysvg_medium_circle)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
+      className: "SupportPlan_svg__cls-3"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
+      className: "SupportPlan_svg__cls-3"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M289.502 162.5C289.502 162.5 196.252 100.25 149.002 119C101.752 137.75 69.5017 295.5 200.752 366.25C332.002 437 391.502 283 392.002 255.75C392.502 229.25 392.002 166.25 289.502 162.5Z",
+      className: "SupportPlan_svg__cls-1"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M32.5 376.609C32.5 376.609 67.0331 373.638 81.6432 355.151C95.9213 336.334 119.165 268.989 135.103 264.697C151.041 260.406 165.319 245.88 165.319 245.88C165.319 245.88 159.011 322.799 163.659 319.498C168.308 316.527 152.702 319.498 148.717 330.392C144.732 341.286 165.984 327.421 180.926 296.059C195.868 264.697 215.459 274.271 215.459 286.816C215.459 299.36 204.169 315.866 198.524 313.886C192.879 311.905 184.246 298.37 188.895 301.011C193.544 303.322 202.509 314.876 199.853 320.488C197.196 326.1 171.96 372.317 159.675 380.57C147.389 388.823 106.215 398.397 94.5931 407.97C82.9714 417.544 143.736 385.522 163.659 388.493C163.659 388.493 160.339 413.252 169.636 414.573C178.933 415.893 415.684 420.845 422.989 409.621C430.294 398.067 427.306 259.415 427.306 259.415C427.306 259.415 352.595 281.864 354.255 292.098C355.915 302.331 378.495 276.252 348.61 270.64C318.726 265.028 321.714 302.992 326.363 302.331C331.344 301.671 327.691 274.601 311.089 269.979C294.486 265.028 286.185 311.905 295.815 318.177C305.444 324.45 311.753 277.572 269.583 271.3C227.413 265.028 221.768 419.525 247.335 322.799C272.903 226.073 165.651 233.006 165.651 233.006C165.651 233.006 159.675 98.9761 163.659 83.7905C167.644 68.6048 385.468 77.8483 407.383 77.188C429.298 76.5278 428.966 103.598 428.966 103.598L428.634 233.996",
+      className: "SupportPlan_svg__cls-4"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M98.5754 358.452C98.5754 358.452 125.471 293.748 134.769 293.748C144.066 293.748 126.468 331.712 140.414 336.333C154.36 340.955 170.298 329.731 168.306 341.945C166.313 353.83 120.823 392.784 103.224 381.56C85.6255 370.336 98.5754 358.452 98.5754 358.452Z",
+      className: "SupportPlan_svg__cls-5"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M212.802 111.852C212.802 111.852 181.922 123.737 214.131 127.698C246.339 131.66 395.429 128.358 384.139 119.445C372.85 110.532 212.802 111.852 212.802 111.852Z",
+      className: "SupportPlan_svg__cls-5"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M210.478 156.087C210.478 156.087 192.88 167.312 211.142 170.613C229.405 173.914 313.413 171.273 307.104 163.02C300.795 154.767 210.478 156.087 210.478 156.087Z",
+      className: "SupportPlan_svg__cls-5"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M210.478 192.402C210.478 192.402 192.88 203.626 211.142 206.927C229.405 210.228 313.413 207.587 307.104 199.334C300.795 191.081 210.478 192.402 210.478 192.402Z",
+      className: "SupportPlan_svg__cls-5"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "clip0_8054_29286"
+    }, /*#__PURE__*/React.createElement("rect", {
+      width: "450",
+      height: "400",
+      fill: "white",
+      transform: "translate(25 50)"
+    }))));
+  }
+
+}
+SupportPlan.propTypes = EmptyStateProps;
+SupportPlan.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'SupportPlan'
+};
+
+if (false) {
+  SupportPlan.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/Variable.js

@@ -0,0 +1,59 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class Variable extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "Variable"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.Variable_svg__cls-5{isolation:isolate}.Variable_svg__cls-2{fill:var(--zd_emptysvg_plus)}.Variable_svg__cls-3{fill:var(--zd_emptysvg_medium_circle)}.Variable_svg__cls-4{fill:var(--zd_emptysvg_cross)}.Variable_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill);}.Variable_svg__cls-6{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M73.17 58.19S119.83 27 143.44 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.52-55.3c-.33-13.21 0-44.7 51.17-46.63Z",
+      style: {
+        isolation: 'isolate',
+        fill: 'var(--zd_emptysvg_primary_fill)',
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-2",
+      d: "M7 119.3a.49.49 0 0 1-.47-.52l.41-7.47a.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: "Variable_svg__cls-2",
+      d: "m10.81 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: "Variable_svg__cls-3",
+      d: "M164.12 22.8a4.75 4.75 0 1 0 4.68 4.82v-.08a4.73 4.73 0 0 0-4.68-4.74Zm0 8.5a3.76 3.76 0 1 1 3.69-3.83v.07a3.72 3.72 0 0 1-3.69 3.76ZM117.37 175.07a3.45 3.45 0 1 0 3.4 3.5 3.43 3.43 0 0 0-3.4-3.5Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.42 2.42 0 0 1-2.4 2.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-4",
+      d: "M73.88 22a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 .05 0ZM182.8 131.81a.49.49 0 0 0-.69 0l-2.38 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"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-5",
+      d: "M93.2 140.35s7.1 6.8 9 6 39.86-17.67 38.67-19-6.4-4.21-7.73-3.86-40.71 14.89-39.94 16.86Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-6",
+      d: "M106.84 161.45c9.7 4.77 59.48-28.11 57.51-30.08-3.65-3.64-33.61-9.88-37.26-7.85S78.86 138.8 80.9 142.59s25.1 16.47 29.24 16.26 50.35-22.71 47.39-27.41c-1.33-2.17-24.25-7.71-26-7.15s-41.55 15.14-40 16.9 8 7 9.56 6.24 38-17.6 37.48-19.07-11.74-6.87-13.78-6.17S84.2 137 82.44 136.91s-6.18 1.12-8.58-6S63.11 95.2 63.11 95.2s-2.46-4.63 8-6.94 45.77-7.65 47.18-6.66 10.56 25.4 9.29 35.4a3.39 3.39 0 0 1-2.39 2.8l-40.08 13.11s-6.18 2.67-9.84-6.3-7.73-28.47-7.73-28.47-2.32-4.13 4.92-6c5.9-1.47 43.38-10.37 45.28-8.2s8.93 27.55 7.73 29.73"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-5",
+      d: "M85.82 92.53a15.41 15.41 0 0 0-7.53 4.84c-1.61 1.89-2.6 4 0 4.56 5.14 1.12 14.21-1.12 14.21 1.12S75.2 119.52 83.29 123s38.1-3.72 38.24-8.06-6.32-25.24-8.29-26.29c-4.43-2.5-20.18 1.71-27.42 3.88Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-6",
+      d: "M88.28 105.15 84 110.62l6.82 1.89M97 101.3l-1.27 12M101.78 101.58l6.75 2.52-4.53 5.12M156.83 73s1.69-.21 1.12 2 .15 2.73.92 3.08.28-1.54-.42.07c-.92 2.17-.07 4-1.13 5.26-.7.84-1.83-.07-1.83-.07M149.31 73s-1.69-.21-1.13 2-.14 2.73-.91 3.08-.28-1.54.42.07c.91 2.17.07 4 1.12 5.26.71.84 1.83-.07 1.83-.07M86.31 53.13 80.9 65.68M31.33 133.69s-1.41-19.07.35-19.77 23.41-3.16 25.52-.71 1.76 21.18 1.06 22.23-26.26 4.28-26.93-1.75Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-6",
+      d: "M166.11 89.24c-.63.91-20.67 3.5-25.8-.07a2.2 2.2 0 0 1-.36-.91s-1.4-19.07.36-19.77 21-2.88 25-1.06c1.85 3.72 1.5 20.76.8 21.81ZM97 69.26c-.64.91-20.46 3.5-25.46-.07a3.52 3.52 0 0 1-.35-.91s-1.4-18.86.35-19.56 20.75-2.81 24.68-1c1.78 3.66 1.41 20.56.78 21.54ZM49.33 118.61h4.57M46.09 118.68h1.76M39.69 118.75l3.8-.07M35.34 118.82l3.37-.07M52.84 122.26l1.06-.07M46.3 122.33l3.87-.07M42.86 122.33h2M35.34 122.4l5.69-.07M39.84 130l-4.5.07M43.07 130h-1.76M49.47 130h-3.8M53.9 129.9l-3.45.07M36.39 126.47h-1M42.86 126.39l-3.8.07M46.37 126.39h-2M53.9 126.32h-5.7"
+    }));
+  }
+
+}
+Variable.propTypes = EmptyStateProps;
+Variable.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyVariable'
+};
+
+if (false) {
+  Variable.docs = {
+    componentGroup: 'Emptystate'
+  };
+}