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

package/es/emptystate/version3/EmptyNoData.js

@@ -0,0 +1,80 @@
+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 EmptyNoData extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "nodata"
+    }, this.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'
+};
+
+if (false) {
+  EmptyNoData.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyNotification.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 EmptyNotification extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "notification"
+    }, this.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'
+};
+
+if (false) {
+  EmptyNotification.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyProducts.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 EmptyProducts extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "products"
+    }, this.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'
+};
+
+if (false) {
+  EmptyProducts.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyReply.js

@@ -0,0 +1,56 @@
+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 EmptyReply extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "Reply"
+    }, this.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'
+};
+
+if (false) {
+  EmptyReply.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyReports.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 EmptyReports extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "reports"
+    }, this.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'
+};
+
+if (false) {
+  EmptyReports.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptySchedule.js

@@ -0,0 +1,103 @@
+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 EmptySchedule extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "schedule"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptySchedule_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptySchedule_svg__cls-3,.EmptySchedule_svg__cls-4,.EmptySchedule_svg__cls-5{fill:none}.EmptySchedule_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySchedule_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySchedule_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M86 66.22a.61.61 0 00.35-.11c2.8-1.83 43.49-28 64.45-19.75 21.71 8.55 36.53 80.46-23.83 112.73s-87.67-37.92-87.9-50.36c-.22-12.02 0-40.65 46.93-42.51z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 152.54,
+      cy: 36.46,
+      rx: 3.32,
+      ry: 3.31,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptySchedule_svg__cls-3",
+      cx: 80.89,
+      cy: 34.48,
+      r: 1.98
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySchedule_svg__cls-4",
+      d: "M28.08 101.77l-.33 5.83M25 104.52l5.83.33"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: 161.76,
+      cy: 152.05,
+      r: 2.3,
+      stroke: "var(--zd_emptysvg_small_circle)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySchedule_svg__cls-5",
+      d: "M170.88 117.22l3.89 4.35M170.65 121.33l4.35-3.88"
+    }), /*#__PURE__*/React.createElement("rect", {
+      className: "EmptySchedule_svg__cls-6",
+      x: 71.39,
+      y: 97.3,
+      width: 9.87,
+      height: 9.86,
+      rx: 4.93
+    }), /*#__PURE__*/React.createElement("rect", {
+      className: "EmptySchedule_svg__cls-6",
+      x: 99.44,
+      y: 97.29,
+      width: 9.86,
+      height: 9.87,
+      rx: 4.93,
+      transform: "rotate(109.27 104.376 102.215)"
+    }), /*#__PURE__*/React.createElement("rect", {
+      className: "EmptySchedule_svg__cls-6",
+      x: 90.53,
+      y: 124.26,
+      width: 9.87,
+      height: 9.86,
+      rx: 4.93
+    }), /*#__PURE__*/React.createElement("rect", {
+      className: "EmptySchedule_svg__cls-6",
+      x: 109.28,
+      y: 114.95,
+      width: 28.46,
+      height: 28.49,
+      rx: 14.23,
+      transform: "rotate(109.27 123.514 129.181)"
+    }), /*#__PURE__*/React.createElement("rect", {
+      className: "EmptySchedule_svg__cls-6",
+      x: 126.95,
+      y: 97.3,
+      width: 9.87,
+      height: 9.86,
+      rx: 4.93
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySchedule_svg__cls-6",
+      d: "M57.79 91.87s-.4-18.81 4.08-21.14 77 .22 77 .22 6.95-.07 7.8 6.51a35.62 35.62 0 010 10.7H67.44s-9.01-.11-9.65 3.71z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M57.15 135.56c1.11-6.06-.21-52.07.2-58.22.21-3.19.67-4.09 2.51-5.58s4.77-.86 9.27-.77h4.41c4.5.09 8.64.09 9.48-.26 1.68-.7 0-9.79-2.38-8.67s-4.21 16.78-.42 16.64S86 71 86 71h34.59c4.5.09 7.21.06 8-.29 1.68-.7 0-9.79-2.38-8.67s-4.21 16.8-.41 16.66 5.74-7.7 5.74-7.7l6.44-.14s12.12-1.17 12 6.59c0 2.19 0 4-.05 5.47 0 0-.93 20.95.06 20.92.79 0 2.33-5.23-1.15-13.62a3.42 3.42 0 00-3.18-2.1H67.43s-8.89-1-8.38 6.89 0 43.75 0 43.75.86 6.5 7.52 6.8 76.51 0 76.51 0 6.45-1 6.92-7.75l.27-13.82v-14.82l-27.14 25.53-5.32-3.9a1.82 1.82 0 01-.27-2.69h0a1.83 1.83 0 012.6-.1l3.4 3.23L134 120.32a13.73 13.73 0 00-13.69-4.23 13.44 13.44 0 00-9.85 16.34 13.62 13.62 0 0016.57 9.68 13.43 13.43 0 009.84-16.34",
+      strokeWidth: 0.69,
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }));
+  }
+
+}
+EmptySchedule.propTypes = EmptyStateProps;
+EmptySchedule.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptySchedule'
+};
+
+if (false) {
+  EmptySchedule.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptySearch.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 EmptySearch extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "search"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptySearch_svg__cls-4,.EmptySearch_svg__cls-5,.EmptySearch_svg__cls-6,.EmptySearch_svg__cls-7,.EmptySearch_svg__cls-8{fill:none}.EmptySearch_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySearch_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySearch_svg__cls-5,.EmptySearch_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySearch_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptySearch_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: "EmptySearch_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySearch_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptySearch_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySearch_svg__cls-7",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M101.35 87.13s4.94 2.24 6.06 9.58",
+      stroke: "var(--zd_emptysvg_circle_fill)",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 95.28,
+      cy: 96.71,
+      rx: 21.41,
+      ry: 21.23,
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySearch_svg__cls-6",
+      d: "M33.71 102.31H56.2a7.33 7.33 0 007.28-6.64c.75-7.62 4.37-20 19-27.59 22.32-11.51 51.78 10.62 43.75 37.18l-3.57 7.67 27.38 27.15s4.11 6.77 0 10.62-8 1.77-12.21-1.18S112 124.14 112 124.14s-26.19 12.4-42.26-8.26c0 0-1-1.53-2.09-3.42-2.2-3.73 1.4-8.42 5.52-7a3.11 3.11 0 011.5 1c2.19 2.85 9.2 15.31 25.23 12.24s19.48-19.7 15.81-32.18-25.88-16.08-34.38-8-9.65 18.57-5.6 22 7-.57 8.31-5.93 4.41-8.81 8.38-8.81 7.84-2.11 5.72-5.75-12.51-.82-16 2.68c-5.32 5.28-9.27 17.71-1 26.19s19.7 5.22 22.6 3.69 6.4-7.8 7.92-8.62"
+    }));
+  }
+
+}
+EmptySearch.propTypes = EmptyStateProps;
+EmptySearch.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptySearch'
+};
+
+if (false) {
+  EmptySearch.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptySkills.js

@@ -0,0 +1,109 @@
+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 EmptySkills extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "search"
+    }, this.props), /*#__PURE__*/React.createElement("style", null, '.EmptySkills_svg__st2,.EmptySkills_svg__st4{fill:none;stroke:var(--zd_emptysvg_tiny_circle);stroke-miterlimit:10}.EmptySkills_svg__st4{stroke:var(--zd_emptysvg_cross)}.EmptySkills_svg__st3{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySkills_svg__st7{opacity:.25}.EmptySkills_svg__st9{fill:none;stroke:var(--zd_emptysvg_primary_fill);stroke-width:.5;stroke-miterlimit:10}'), /*#__PURE__*/React.createElement("path", {
+      d: "M86.5 62.5s46.9-30.9 70.7-21.5 40 87.4-26.1 122.4-95.9-41.2-96.1-54.7c-.3-13.1 0-44.3 51.5-46.2z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: 156,
+      cy: 31.7,
+      fill: "none",
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      strokeMiterlimit: 10,
+      r: 3.5
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptySkills_svg__st2",
+      cx: 79.6,
+      cy: 29.6,
+      r: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySkills_svg__st3",
+      d: "M23.3 100.9l-.4 6.1M20 103.8l6.2.3"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: 165.9,
+      cy: 154.1,
+      fill: "none",
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      r: 2.4
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySkills_svg__st4",
+      d: "M175.6 117.2l4.2 4.6M175.4 121.6l4.6-4.2"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M25.9 124.2s28.6-2.9 35.8-25.2 29.5-22.8 35.6-24.2l.7-.2c6.6-2.4 11.3-8.9 11.3-16.3 0-9.5-7.7-17.2-17.2-17.2S75 48.8 75 58.3c0 8.2 5.7 15 13.4 16.7h0c2.1.7 4.5 1.6 7.3 1.9 2.2.2 4.5.3 6.8.2 5.3-.2 18.5 2.2 23.3 13.8 6.3 15.4 16.9 30.2 36.4 30.2 0 0-44.3 6.3-51.1-23 0 0 3.2 1.1 0 15.1S92.4 142 66.5 128s-30.6 18.7-5 22.3 58.3-18.4 72.7-22 24.1 5 24.1 12.2c0 20.2-79.2 33.1-83.2-42.5",
+      fill: "none",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeMiterlimit: 10
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: 97.2,
+      cy: 58.1,
+      r: 17.1,
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("g", {
+      className: "EmptySkills_svg__st7"
+    }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("circle", {
+      id: "EmptySkills_svg__SVGID_1_",
+      cx: 147.6,
+      cy: 58.7,
+      r: 12.7
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "EmptySkills_svg__SVGID_2_"
+    }, /*#__PURE__*/React.createElement("use", {
+      xlinkHref: "#EmptySkills_svg__SVGID_1_",
+      overflow: "visible"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#EmptySkills_svg__SVGID_2_)"
+    }, /*#__PURE__*/React.createElement("path", {
+      className: "EmptySkills_svg__st9",
+      d: "M162.5 47.7l-4.1 26M160.9 47.5l-4.1 26M159.3 47.2l-4.1 26M157.7 47l-4.1 26M156.1 46.7l-4.2 26M154.5 46.5l-4.1 25.9M152.9 46.2l-4.2 26M151.3 45.9l-4.2 26M149.7 45.7l-4.2 26M148.1 45.4l-4.2 26M146.5 45.2l-4.2 26M144.9 44.9l-4.2 26M143.2 44.7l-4.1 26M141.6 44.4l-4.1 26M140 44.2l-4.1 26M138.4 43.9l-4.1 26M136.8 43.6l-4.1 26"
+    })), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptySkills_svg__st9",
+      cx: 147.6,
+      cy: 58.7,
+      r: 12.7
+    })), /*#__PURE__*/React.createElement("g", {
+      className: "EmptySkills_svg__st7"
+    }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("circle", {
+      id: "EmptySkills_svg__SVGID_3_",
+      cx: 34.3,
+      cy: 61.8,
+      r: 12.7
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "EmptySkills_svg__SVGID_4_"
+    }, /*#__PURE__*/React.createElement("use", {
+      xlinkHref: "#EmptySkills_svg__SVGID_3_",
+      overflow: "visible"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#EmptySkills_svg__SVGID_4_)"
+    }, /*#__PURE__*/React.createElement("path", {
+      className: "EmptySkills_svg__st9",
+      d: "M47.7 50.6l-4.2 26M44.5 50.1l-4.2 26M41.2 49.6l-4.1 26M38 49l-4.1 26.1M34.8 48.5l-4.1 26M31.6 48l-4.1 26M28.4 47.5l-4.2 26M25.2 47L21 73"
+    })), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptySkills_svg__st9",
+      cx: 34.3,
+      cy: 61.8,
+      r: 12.7
+    })));
+  }
+
+}
+EmptySkills.propTypes = EmptyStateProps;
+EmptySkills.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptySkills'
+};
+
+if (false) {
+  EmptySkills.docs = {
+    componentGroup: 'Emptystate'
+  };
+}