@zohodesk/svg 1.0.0-temp.54 → 1.0.0-temp.56

package/es/v1/emptystate/version3/EmptyLine.js

@@ -0,0 +1,66 @@
+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 function EmptyLine(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "emptyLine"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#line_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M254.349 223.031s17.968 28.302 20.17 29.473c2.201 1.172-.48-35.669-.853-37.107-.373-1.438 23.082-1.243 23.366 1.438.284 2.681 0 52.288 0 56.088 0 3.799 34.782 1.455 38.421 2.432 3.64.977 2.433-11.789 1.776-13.458-.657-1.669-26.242-.764-26.242-.764s1.776-10.368 1.438-10.795c-.337-.426-1.438 1.456-1.438 1.456s24.484 0 26.917.391c2.432.391 0-7.652 0-12.18 0-4.527-25.124-2.521-26.899-2.521-1.776 0 1.775-9.854 1.775-10.653 0-.799-5.095-.781-1.775 1.278 3.32 2.06 18.926 0 24.484 0 5.557 0 2.432-8.274 2.432-11.789 0-3.515-52.075-1.953-49.252-2.006 2.823-.054 0 54.49 0 58.112s-6.96 2.325-11.771 2.325c-4.812 0-27.449-35.225-27.449-35.225v34.213c0 2.06-11.506.16-11.878 2.433-.373 2.272 5.876 0 12.535 0 2.467 0-.835-53.265 1.917-56.372 2.504-2.734-8.291-5.966-14.452-4.67-6.161 1.297-2.433 47.353-2.433 53.052 0 5.699-5.326 6.552-8.558 7.102-3.231.55-14.204-13.369-14.204-7.102 0 6.268 4.83 7.102 4.83 7.102 11.079-1.527 9.197-4.368 9.197-9.73v-48.719c0-2.184-11.541-.852-14.027 0-2.485.852 0 43.641 0 45.062 0 1.42-29.419 1.935-29.633 0-.213-1.936 17.01-1.421 19.531-.657 2.521.763 3.178 8.877 2.148 11.683-1.03 2.805-35.208.55-40.943 0-5.734-.551-2.734-59.053 7.422-58.592 10.156.462 6.942 46.909 6.942 46.909s-22.442 37.942-49.714 18.501c0 0 53.265 65.693 123.184 82.577 0 0-192.872-39.202-126.646-169.204 60.544-118.815 260.873-61.059 264.548 42.328 3.675 103.387-139.642 158.409-145.679 156.598-6.036-1.811 0-58.591 0-58.591",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    fill: "transparent",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: 0.8,
+    d: "M170.528 216.443c5.948 6.072 3.374 44.174 12.269 45.399 8.895 1.225 19.939-.497 20.187 3.658.249 4.154.515 6.427-2.148 6.693-2.663.267-36.078-.266-36.256-1.402-.177-1.137 0-60.367 5.948-54.348ZM214.878 270.631s-3.285-51.045.834-51.151c4.119-.107 7.865-1.421 7.635 1.171-.231 2.593 1.97 49.359 0 50.46-1.971 1.101-8.469-.48-8.469-.48ZM241.917 271.484s-6.143-52.394 1.634-50.814c7.776 1.58 33.539 40.836 35.722 39.735 2.184-1.101-3.551-39.167 1.279-41.369 10.653-4.776 8.38 49.022 2.184 51.49-6.197 2.467-36.451-36.078-36.451-36.078s4.19 36.93 1.101 36.965c-3.09.036-5.469.071-5.469.071ZM334.226 216.781s-30.628-2.095-31.338.692c-.71 2.788-1.953 52.395 0 54.046 1.953 1.651 32.172 2.486 32.172 1.083 0-1.402 1.971-9.232-.834-9.374-2.806-.142-24.857.408-25.461-.71-.604-1.119.692-13.423 1.403-13.423.71 0 25.815 1.775 25.567-.142-.249-1.918 1.775-10.067-1.652-10.067-3.426 0-23.773 1.544-25.176.142-1.403-1.403 1.119-14.559 2.521-14.559 1.403 0 22.94 3.089 23.224.994.049-2.9-.094-5.801-.426-8.682Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  })), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#line_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: "line_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(110 126)",
+    d: "M0 0h280.19v266.963H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "line_svg__b"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(22.5 50)",
+    d: "M0 0h450v400H0z"
+  }))));
+}
+EmptyLine.propTypes = EmptyStateProps;
+EmptyLine.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyLine'
+};

package/es/v1/emptystate/version3/EmptyMessenger.js

@@ -0,0 +1,53 @@
+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 function EmptyMessenger(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "emptyMessenger"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#messenger_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(#messenger_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M175.568 274.12s54.344-71.148 65.312-50.535c20.773 39.234 54.426-3.422 70.152-8.108 15.725-4.687-45.058 65.901-51.934 57.897-6.876-8.005-30.557-31.458-37.766-28.451-7.208 3.007-45.764 29.197-45.764 29.197Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M173.344 320.031s-6.835 40.209 0 40.209c6.834 0 25.821-22.81 42.523-20.094 16.702 2.717 130.727 15.553 140.594-93.688 9.868-109.242-132.222-137.298-196.059-70.505-39.74 41.473-24.928 87.239-8.185 115.794 0 0 72.707-41.889 75.844-41.474 3.137.415 26.237 26.958 28.023 29.737 1.787 2.778 56.358-61.568 54.946-64.409-1.413-2.841-47.156 26.958-49.628 27.248-2.472.291-24.118-23.349-29.083-27.6-3.843-3.277-41.048 35.252-61.655 57.047",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    fill: "transparent",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+}
+EmptyMessenger.propTypes = EmptyStateProps;
+EmptyMessenger.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyMessenger'
+};

package/es/v1/emptystate/version3/EmptyNoData.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 function EmptyNoData(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "nodata"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    opacity: 0.1,
+    d: "M217.1 158.5s113.7-75.3 171.3-52.6c57.6 22.7 96.9 213.3-63.2 298.9C165.1 490.4 92.8 304.3 92.1 271.3c-.5-32 .1-108.1 125-112.8Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M419.5 388c3.314 0 6-2.642 6-5.9 0-3.259-2.686-5.9-6-5.9s-6 2.641-6 5.9c0 3.258 2.686 5.9 6 5.9Z",
+    stroke: "var(--zd_emptysvg_small_circle)",
+    fill: "transparent",
+    strokeWidth: 3,
+    strokeMiterlimit: 10,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m161.8 415.6 10.1 11.2M161.2 426.2l11.3-10",
+    stroke: "var(--zd_emptysvg_cross)",
+    strokeWidth: 3,
+    strokeMiterlimit: 10,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M395.6 91.8a8.6 8.6 0 1 0 0-17.2 8.6 8.6 0 0 0 0 17.2Z",
+    stroke: "var(--zd_emptysvg_medium_circle)",
+    fill: "transparent",
+    strokeWidth: 3,
+    strokeMiterlimit: 10
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M210.4 83.2a5.1 5.1 0 1 0 0-10.2 5.1 5.1 0 0 0 0 10.2Z",
+    stroke: "var(--zd_emptysvg_tiny_circle)",
+    fill: "transparent",
+    strokeWidth: 3,
+    strokeMiterlimit: 10
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m70 277.7-.9 15.1M62 284.8l15.1.9",
+    stroke: "var(--zd_emptysvg_plus)",
+    strokeWidth: 3,
+    strokeMiterlimit: 10,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#NoData_svg__a)",
+    fill: "transparent"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M183.5 322.5c0 9.2 55.667 29.833 83.5 39l16 5.5c26.5-11.5 80.2-34.6 83-35 3.5-.5-.5-35-3.5-41.5s-22.5 6.5-29 6.5-48.5-52-49.5-53-40 52.5-46 53-50.5-16-54.5-17.5 0 31.5 0 43Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M421.169 243.599s-78.588 45.757-85.631 42.173c-7.043-3.585-48.688-46.39-48.688-51.029 0-4.639 79.179-39.537 83.881-40.064 4.702-.527 47.655 41.414 47.001 44.281-.654 2.868-47.317-47.465-49.152-49.953-1.834-2.488 40.064-17.164 40.486-19.505.421-2.34-97.756-23.49-100.898-23.49-3.142 0-39.937 17.08-38.883 18.134 1.054 1.055 92.779 24.439 91.957 21.804-.822-2.636-102.205-25.43-102.205-25.43l-46.263.527s-96.681 42.025-94.319 42.299c2.362.274 49.658-9.721 53.601-8.435 3.943 1.286 72.495-28.298 71.968-30.406-.528-2.109-76.333 32.241-77.345 36.331-1.012 4.091 114.541 25.304 115.342 29.837.801 4.534-.232 138.664-2.783 138.664-2.552 0-2.109-128.626-2.109-128.626s-39.157 42.172-47.781 41.687c-8.625-.485-106.106-39.157-111.019-42.172-4.914-3.016 43.037-34.476 43.037-33.591 0 .886-37.703 30.617-37.703 30.617l44.703 19.843s1.518 72.093 2.594 76.88c1.075 4.787 105.431 47.908 110.724 47.381 5.292-.527 96.343-43.122 97.397-45.251 1.054-2.13-2.636-55.499-2.636-55.499",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: 3,
+    strokeMiterlimit: 10
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "NoData_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(117 145)",
+    d: "M0 0h304.696v237.41H0z"
+  }))));
+}
+EmptyNoData.propTypes = EmptyStateProps;
+EmptyNoData.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyNoData'
+};

package/es/v1/emptystate/version3/EmptyNotification.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 function EmptyNotification(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 200 200",
+    name: "notification"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyNotification_svg__cls-3,.EmptyNotification_svg__cls-4,.EmptyNotification_svg__cls-5,.EmptyNotification_svg__cls-6,.EmptyNotification_svg__cls-7{fill:none}.EmptyNotification_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyNotification_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyNotification_svg__cls-4,.EmptyNotification_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyNotification_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyNotification_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: "EmptyNotification_svg__cls-3",
+    cx: 79.62,
+    cy: 29.6,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyNotification_svg__cls-4",
+    d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    className: "EmptyNotification_svg__cls-7",
+    cx: 165.88,
+    cy: 154.09,
+    rx: 2.45,
+    ry: 2.43
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyNotification_svg__cls-6",
+    d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M56.29 115.94s-9.66.19-3.59 9.34 66.58 34.34 81.41 26.6c0 0 3.54-1.23 2-3S109 119.27 56.29 115.94z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyNotification_svg__cls-5",
+    d: "M138.63 150.66s-34.89-34.54-82.34-34.72a5.33 5.33 0 00-3.59 9.34c5.52 4.73 16.55 11.32 38.38 19.78 55.53 21.52 49.6-1.53 45.93-18.68s-4.78-18.37 1.44-34.29 3.77-32.76-13.38-38.58-30-3.68-40.42 16.84-43.17 31.54-43.17 44.09 29.39 30.28 60.32 37.95c0 0-1 11.49 8.8 13.32s17.46-10.8 11.34-23.66-23.52 1.89-16.17 16.59 30-8.68 28.48-27.36-5.2-25.41 1.84-43.17.07-38.2-20.71-39.18c0 0 3.69-16.83 13.25-16.53 8.28.25 8.24 8.06 6.71 12.93-3.26 10.36-6.14 18.12-28.41 21.57a53.81 53.81 0 01-13.33-.28"
+  }));
+}
+EmptyNotification.propTypes = EmptyStateProps;
+EmptyNotification.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyNotification'
+};

package/es/v1/emptystate/version3/EmptyPreference.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 function EmptyPreference(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "emptyPreference"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_8054_29289)"
+  }, /*#__PURE__*/React.createElement("path", {
+    opacity: 0.1,
+    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",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M35 293.249C35 293.249 34.75 293.249 35 293.249C34.25 293.249 33.75 292.499 33.75 291.999L34.75 273.249C34.75 272.499 35.25 271.999 36 271.999C36.75 271.999 37.25 272.499 37.25 273.249L36.25 291.999C36 292.749 35.5 293.249 35 293.249Z",
+    fill: "var(--zd_emptysvg_plus)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M44.501 284.498L26.001 283.498C25.251 283.498 24.751 282.748 24.751 282.248C24.751 281.498 25.501 280.998 26.001 280.998L44.251 281.998C45.001 281.998 45.501 282.748 45.501 283.248C45.751 283.998 45.251 284.498 44.501 284.498Z",
+    fill: "var(--zd_emptysvg_plus)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z",
+    fill: "var(--zd_emptysvg_medium_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z",
+    fill: "var(--zd_emptysvg_small_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M202.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",
+    fill: "var(--zd_emptysvg_tiny_circle)"
+  }), /*#__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",
+    fill: "var(--zd_emptysvg_tiny_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: 0.1,
+    d: "M289.502 162.499C289.502 162.499 196.252 100.249 149.002 118.999C101.752 137.749 69.5017 295.499 200.752 366.249C332.002 436.999 391.502 282.999 392.002 255.749C392.502 229.249 392.002 166.249 289.502 162.499Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  })), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip1_8054_29289)"
+  }, /*#__PURE__*/React.createElement("path", {
+    opacity: 0.8,
+    d: "M156.954 261.627C156.954 249.069 145.341 256.045 141.624 251.859C135.818 245.58 131.637 235.813 144.179 225.813C165.547 208.603 203.406 205.813 211.303 243.487C219.2 281.162 165.547 299.301 153.47 282.324C148.825 275.813 156.954 265.115 156.954 261.627Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M3.66211 243.256H36.8755C36.8755 243.256 38.0368 233.256 41.753 231.395C45.4692 229.535 78.4503 232.558 84.0245 226.512C89.5988 220.232 92.1537 209.07 84.0245 200.232C75.8954 191.395 63.5855 175.349 63.5855 175.349C63.5855 175.349 90.9924 147.442 94.7086 147.907C98.4248 148.372 122.812 180.465 137.212 171.628C151.613 162.791 148.361 123.721 148.361 123.721C148.361 123.721 189.471 118.139 190.168 123.721C190.865 129.302 194.581 167.907 203.871 170.465C213.162 173.023 243.588 149.302 243.588 149.302C243.588 149.302 271.692 167.442 271.692 173.488C271.692 179.535 243.124 205.349 255.433 220.232C267.743 235.116 299.563 231.395 300.26 235.116C300.957 238.837 300.26 255.116 300.26 255.116H221.988C221.988 255.116 220.594 200.465 170.194 204.651C125.135 208.372 111.664 258.837 137.677 283.721C168.335 313.023 213.162 291.395 215.717 260.465L40.5917 257.907C40.5917 257.907 37.8045 271.395 49.1853 272.791C60.3339 274.419 94.7086 270 90.2956 290.93C86.1149 311.86 62.4242 319.767 72.6437 336.512C82.8632 353.256 89.8311 354.651 95.1731 352.558C100.515 350.465 130.012 327.907 136.98 332.093C143.948 336.279 147.2 374.419 150.451 376.512C153.703 378.605 176.697 379.767 185.755 376.512C194.813 373.256 189.471 346.046 195.975 337.442C202.478 328.837 230.117 339.535 246.375 351.86C246.375 351.86 268.905 341.628 272.156 330.93C275.408 320.232 243.356 294.419 255.666 280.465C261.704 273.488 271.459 272.558 280.518 272.326C290.273 272.093 298.402 280 297.937 289.767C297.937 290 297.937 290 297.937 290.232C297.705 292.791 319.77 290.232 323.021 286.279C326.273 282.558 327.434 275.814 322.557 270.698L309.783 256.279C309.783 256.279 325.344 239.07 327.667 239.302C329.989 239.535 345.086 257.907 353.215 252.326C361.577 246.744 358.79 223.721 358.79 223.721C358.79 223.721 382.945 219.535 383.642 222.791C384.106 226.046 387.126 248.837 392.7 250.232C398.274 251.395 415.926 236.744 415.926 236.744C415.926 236.744 432.881 246.977 433.113 250.465C433.346 254.186 416.855 270 424.52 278.605C432.184 287.209 450.998 284.419 451.462 286.512C451.927 288.605 451.927 296.977 451.927 296.977L404.777 299.07C404.777 299.07 402.455 266.744 372.725 270.465C346.015 273.721 339.512 304.186 355.538 318.139C374.584 334.884 400.597 320.698 401.294 302.326L297.473 305.116C297.473 305.116 294.686 314.186 303.512 314.419C310.247 314.419 330.454 311.86 328.364 324.419C326.273 336.977 312.57 342.093 318.841 351.86C325.344 361.395 329.293 362.325 332.544 360.93C335.796 359.535 352.751 345.581 356.932 347.907C361.112 350.232 363.899 372.791 365.758 373.953C367.616 375.116 381.319 375.349 386.661 373.256C392.003 371.163 388.287 355.116 391.771 349.767C395.255 344.419 412.21 350.232 421.965 357.209C421.965 357.209 434.971 350.698 436.83 344.186C438.688 337.674 418.945 323.256 425.913 314.651C432.881 306.046 448.907 311.628 452.391 306.279C452.391 306.279 456.572 303.953 457.036 297.907",
+    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: "clip0_8054_29289"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 450,
+    height: 400,
+    fill: "white",
+    transform: "translate(25 50)"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip1_8054_29289"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 455,
+    height: 260,
+    fill: "white",
+    transform: "translate(2.5 120)"
+  }))));
+}
+EmptyPreference.propTypes = EmptyStateProps;
+EmptyPreference.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyPreference'
+};

package/es/v1/emptystate/version3/EmptyProducts.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 function EmptyProducts(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 200 200",
+    name: "products"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyProducts_svg__cls-4,.EmptyProducts_svg__cls-5,.EmptyProducts_svg__cls-6,.EmptyProducts_svg__cls-7,.EmptyProducts_svg__cls-8{fill:none}.EmptyProducts_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyProducts_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyProducts_svg__cls-5,.EmptyProducts_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyProducts_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyProducts_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: "EmptyProducts_svg__cls-7",
+    cx: 79.62,
+    cy: 29.6,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyProducts_svg__cls-5",
+    d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    className: "EmptyProducts_svg__cls-8",
+    cx: 165.88,
+    cy: 154.09,
+    rx: 2.45,
+    ry: 2.43
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyProducts_svg__cls-4",
+    d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M139 112.51h-.09a.82.82 0 01-.72-.9c.7-6.15-2.71-8.59-2.75-8.62a.81.81 0 01-.2-1.13.83.83 0 011.15-.2c.17.12 4.25 3 3.43 10.13a.81.81 0 01-.82.72zm-.39 1.3a.7.7 0 000 1.4.7.7 0 100-1.4z",
+    fill: "var(--zd_emptysvg_circle_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M151.36 145.35a8.55 8.55 0 11-8.55-8.48 8.52 8.52 0 018.55 8.48zm-49.92-8.48a8.48 8.48 0 108.55 8.48 8.52 8.52 0 00-8.55-8.48zm4.7-20.61c8.67 17.33 35.37 12.3 37.08 7s4.27-26.62-8-29.12-13.61 11.35-13.61 11.35c-20.97-5.19-15.47 10.77-15.47 10.77z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyProducts_svg__cls-6",
+    d: "M155.17 120.64c-19.34 18-53.73 7.78-52.45-9.57.66-8.94 11.28-8.12 15.6-6.21 1.68.74 1 .91 1.52-.86l.72-2.69a9.73 9.73 0 015.59-6.55c.31-.13.62-.24.93-.34 6.22-1.93 12.61 2.2 14.22 8.47 4.6 17.87-8.44 37.74-8.44 37.74a8.44 8.44 0 00-1.35 4.6 8.61 8.61 0 108.61-8.54h-36.47c-9.28-.92-11.83 4.17-11.83 4.17a8.56 8.56 0 00-1.26 5.87 8.62 8.62 0 108.53-9.82l-2.67-.53a7.22 7.22 0 01-4.9-5l-13.62-49a7.21 7.21 0 017-9.11h75.56a7.21 7.21 0 017 9.14l-13 46.1a7.24 7.24 0 01-7 5.25H91a7.23 7.23 0 01-6.93-5.08L63.19 61.32a7.25 7.25 0 00-6.94-5.08H43.44A42.7 42.7 0 0035 57c-1.84.38-4.1.51-5-.78-1.72-2.33 5.92-2.72 8 3.39"
+  }));
+}
+EmptyProducts.propTypes = EmptyStateProps;
+EmptyProducts.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyProducts'
+};

package/es/v1/emptystate/version3/EmptyReply.js

@@ -0,0 +1,47 @@
+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 function EmptyReply(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 200 200",
+    name: "Reply"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyReply_svg-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyReply_svg-4{fill:var(--zd_emptysvg_plus)}')), /*#__PURE__*/React.createElement("path", {
+    d: "M85.42 67.4s41.2-27.13 62.06-19 35.09 76.86-22.89 107.68S40.37 119.89 40.15 108c-.21-11.5 0-38.9 45.27-40.6z",
+    fill: "var(--zd_emptysvg_primary_fill)",
+    opacity: 0.05
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M155.12 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",
+    fill: "var(--zd_emptysvg_small_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M146.48 43.73a3.45 3.45 0 113.52-3.45 3.47 3.47 0 01-3.52 3.45zm0-6.17a2.73 2.73 0 102.75 2.72 2.74 2.74 0 00-2.75-2.72z",
+    fill: "var(--zd_emptysvg_medium_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyReply_svg-3",
+    d: "M79.36 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: "EmptyReply_svg-4",
+    d: "M29.58 106.9a.36.36 0 01-.34-.38l.31-5.42a.36.36 0 01.72 0l-.31 5.42a.35.35 0 01-.38.38z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyReply_svg-4",
+    d: "M32.47 104.34L27 104a.36.36 0 110-.72l5.46.3a.37.37 0 01.34.38.35.35 0 01-.33.38z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyReply_svg-3",
+    d: "M167.3 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: "EmptyReply_svg-3",
+    d: "M163.44 119.7a.36.36 0 01-.27-.12.37.37 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: "M98.94 143.5c-10.1 0-19.79-.57-26.76-2.19a11.33 11.33 0 01-4.11-1.16l-.12-.08a11.61 11.61 0 01-5.39-3.5c-7.36-10-5.18-40.08-3.9-52.56a6.06 6.06 0 016-5.44l28-.35a.49.49 0 01.51.47.5.5 0 01-.45.52L64.35 82c5.76 4.06 32.42 22.69 38.43 24.14 5.24 1.28 23-12.31 31.62-19.67a.5.5 0 01.65.76c-1 .88-25.47 21.6-32.51 19.88S64 83 62.68 82a.48.48 0 01-.19-.53.49.49 0 01.43-.37l18-1.78-16.3.21a5 5 0 00-5 4.54c-1.27 12.37-3.45 42.19 3.7 51.87a9.64 9.64 0 004 2.8c.43-4.22 15-17.71 25.87-25 6.23-4.15 10.45-5.81 12.55-4.94 5.19 2.16 28 20 37.52 27.53 5.61-3.28 2.88-37.75 1.32-51.08-1.1-1.64-16.13-23.42-36.47-22.06a.51.51 0 01-.51-.33c-.46-1.26-1.87-5.19-2.84-9-3.62 6.59-10.82 15.65-15.71 19.73 5.83 2.89 15.07 10.63 18 17.45.4-7.3 2.25-11.62 5.5-12.86 7.6-2.88 16.08-1 28.39 6.2a.51.51 0 01.17.69.49.49 0 01-.68.17c-15.1-8.86-22.39-8.07-27.52-6.12-3.14 1.19-4.8 5.93-4.94 14.09 0 .92 0 1.23-.5 1.27s-.55-.44-.59-.64c-1.22-7-12.65-16.67-18.71-19.57a6.22 6.22 0 01-3 1.47 1.32 1.32 0 01-1.44-1.3c-.25-1.57.77-1.91 1.22-2a6.12 6.12 0 013 .68 65.61 65.61 0 008.78-9.37 72.66 72.66 0 007.6-11.32c-.66-2.92-.94-5.52-.16-6.42a1.27 1.27 0 011.27-.38c.63.14 1.65.64 1.48 2.49a13.82 13.82 0 01-1.53 4.38 95.82 95.82 0 002.94 9.62c21.38-1.14 36.91 22.39 37.07 22.63a.54.54 0 01.08.21c.57 4.87 5.27 46.55-1.49 52 1.87 1.47 3.08 2.44 3.32 2.64a.5.5 0 01.17.53.51.51 0 01-.42.36c-1.67.28-25.9 3.01-48.12 3.01zM84.78 142c22.38 1.57 54.45-1.63 61-2.33-.63-.51-1.56-1.25-2.72-2.16-5.75 2.06-37.8 4.71-58.28 4.49zm-12.72-1.7c5.83.91 17.83 1 33.41.27 16.53-.81 32-2.41 36.69-3.77-9.73-7.68-31.88-25-36.81-27-1.7-.7-5.92 1.07-11.6 4.86-11.42 7.6-25.44 21-25.44 24.33 0 .08.09.19.24.3a30.06 30.06 0 003.51 1.01zm13.39-66.78a1.32 1.32 0 00-.29 0c-.2 0-.52.09-.39.84.07.47.25.47.41.46a4.19 4.19 0 002-.93 5 5 0 00-1.73-.37zm19.73-26.82a.22.22 0 00-.18.08c-.43.49-.31 2.12.12 4.27a10.17 10.17 0 00.88-2.91c.11-1.24-.45-1.37-.69-1.42z",
+    fill: "var(--zd_emptysvg_primary_stroke)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M107 51.86a58.65 58.65 0 01-17.11 22.28c10.19 5.19 16.46 11.83 19.35 19.71 0 0-9.18-35.37 34.43-7.79 0 0-8.93-22.43-33.79-23.31z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }));
+}
+EmptyReply.propTypes = EmptyStateProps;
+EmptyReply.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyReply'
+};

package/es/v1/emptystate/version3/EmptyReports.js

@@ -0,0 +1,58 @@
+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 function EmptyReports(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 200 200",
+    name: "reports"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyReports_svg__cls-3,.EmptyReports_svg__cls-4,.EmptyReports_svg__cls-5{fill:none}.EmptyReports_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyReports_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyReports_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: "EmptyReports_svg__cls-3",
+    cx: 79.62,
+    cy: 29.6,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyReports_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: "EmptyReports_svg__cls-5",
+    d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "var(--zd_emptysvg_secondary_fill)",
+    d: "M39.34 154.7l21.72-35.08 10.89 17.16 31.65-46.97 11.16 17.26 33.39-54.95 3.26-.87-1.61 105.25-110.46-1.8z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M43.44 41.58s.12 106.18-1.22 113.42-11.66 8.36-9.29 4.06 124 1.38 124 1.38 3.84-3.13-2.7-3.72-114.89-2-114.89-2 29.05-40.6 28.89-55.86-32.05-11 3.72 37.94l31.65-47s15.45-30.64-2.47-29.19 13.63 46.45 13.63 46.45l33.39-54.95L130 54.37s2.47 4.54 21.39-3.12l1.27 15.22s-3.64-4.88 2.37-5.06",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    fill: "none"
+  }));
+}
+EmptyReports.propTypes = EmptyStateProps;
+EmptyReports.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyReports'
+};

package/es/v1/emptystate/version3/EmptySandbox.js

@@ -0,0 +1,74 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptySandbox(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "emptySandbox"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_18737_19763)"
+  }, /*#__PURE__*/React.createElement("path", {
+    opacity: 0.05,
+    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",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M35 293.249C35 293.249 34.75 293.249 35 293.249C34.25 293.249 33.75 292.499 33.75 291.999L34.75 273.249C34.75 272.499 35.25 271.999 36 271.999C36.75 271.999 37.25 272.499 37.25 273.249L36.25 291.999C36 292.749 35.5 293.249 35 293.249Z",
+    fill: "var(--zd_emptysvg_plus)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M44.501 284.498L26.001 283.498C25.251 283.498 24.751 282.748 24.751 282.248C24.751 281.498 25.501 280.998 26.001 280.998L44.251 281.998C45.001 281.998 45.501 282.748 45.501 283.248C45.751 283.998 45.251 284.498 44.501 284.498Z",
+    fill: "var(--zd_emptysvg_plus)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z",
+    fill: "var(--zd_emptysvg_medium_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z",
+    fill: "var(--zd_emptysvg_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",
+    fill: "var(--zd_emptysvg_tiny_circle)"
+  }), /*#__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",
+    fill: "var(--zd_emptysvg_tiny_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: 0.05,
+    d: "M289.502 162.499C289.502 162.499 196.252 100.249 149.002 118.999C101.752 137.749 69.5017 295.499 200.752 366.249C332.002 436.999 391.502 282.999 392.002 255.749C392.502 229.249 392.002 166.249 289.502 162.499Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  })), /*#__PURE__*/React.createElement("g", {
+    "clip-path": "url(#clip1_18737_19763)"
+  }, /*#__PURE__*/React.createElement("path", {
+    opacity: 0.05,
+    d: "M334.411 134.382C334.411 134.382 307.24 120.947 306.405 124.381C305.571 127.815 300.586 157.773 304.783 158.933C309.002 160.117 307.31 148.027 318.948 148.584C330.586 149.141 334.411 134.382 334.411 134.382Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M380.754 226.344C380.754 226.344 310.579 160.627 267.736 171.325C233.494 179.864 224.012 94.5394 124.974 239.501L240.426 290.923L380.777 226.32L380.754 226.344Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M76.2192 240.545C76.2192 240.545 68.1978 301.041 78.1666 315.961C92.2388 337.078 242.304 392.839 242.304 392.839C242.304 392.839 255.518 305.658 242.304 319.442C232.242 329.931 251.577 392.839 251.577 392.839L430.482 304.684L434.91 214.602L243.533 304.521L76.5438 231.472L142.616 187.267C142.616 187.267 124.348 238.944 110.322 239.524C89.9901 240.383 190.327 150.092 206.579 139.464C222.83 128.837 246.616 151.392 257.79 161.648C268.965 171.882 251.554 176.569 261.082 167.519C270.611 158.469 293.168 156.706 293.168 156.706C292.472 142.62 300.818 116.19 300.818 116.19L322.309 122.966L332.533 85.6057C323.445 79.8741 323.376 66.1367 323.376 66.1367L359.704 77.3679C354.928 90.4555 337.054 87.4621 337.054 87.4621L326.204 123.708L350.315 131.435C349.04 140.764 330.006 173.761 330.006 173.761C330.006 173.761 302.325 164.619 306.892 164.943C318.623 165.756 389.633 218.941 390.167 222.561C390.167 222.561 419.795 210.866 417.917 209.288C416.039 207.71 373.475 202.675 373.475 202.675",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: "2.5",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    fill: "transparent"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_18737_19763"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 450,
+    height: 400,
+    fill: "white",
+    transform: "translate(25 50)"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip1_18737_19763"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "364",
+    height: "329",
+    fill: "white",
+    transform: "translate(72 65)"
+  }))));
+}
+EmptySandbox.propTypes = EmptyStateProps;
+EmptySandbox.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptySandbox'
+};