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

package/es/emptystate/version3/EmptyTemplate.js

@@ -0,0 +1,73 @@
+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 EmptyTemplate extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "accounts"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.template_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.template_svg__cls-3,.template_svg__cls-4,.template_svg__cls-5,.template_svg__cls-6,.template_svg__cls-8{fill:none}.template_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.template_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.template_svg__cls-4,.template_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.template_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.template_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",
+      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: "template_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "template_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "template_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "template_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("g", {
+      opacity: 0.25
+    }, /*#__PURE__*/React.createElement("path", {
+      className: "template_svg__cls-7",
+      d: "M71.15 144.21s-1.36-1.61-1.35-6.74-2.71-38.94.83-45.79c0 0 17.44-4.94 30-2 0 0 2.84 1.37 2.88 3.89s1.67 48.5 1.67 48.5-.2 4.64-7.2 4.4-26.83-2.26-26.83-2.26zM116.79 116.73s-2.87-14.92-.55-25.24c0 0 .31-2.36 4.15-2.72s19.83-2.45 20.89-.06.73 25.61.5 26.58-2 2.63-5.08 2.65-17.12 2.67-19.91-1.21zM116.21 133.28s-.16-9.66 1.5-10.76 24.49-3 25.57-.13 1.05 21-1.26 22.71-25.19 0-25.19 0z"
+    })), /*#__PURE__*/React.createElement("circle", {
+      className: "template_svg__cls-7",
+      cx: 67.38,
+      cy: 68.33,
+      r: 3.09
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "template_svg__cls-7",
+      cx: 77.13,
+      cy: 68.33,
+      r: 3.09
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "template_svg__cls-5",
+      d: "M44.61 81.45A10.42 10.42 0 0055 71v-7.7a7.53 7.53 0 014.22-6.9 6.53 6.53 0 013.19-.59c4.83.32 81.74 0 81.74 0s7.4.34 7.72 5.17 0 80.45 0 80.45.32 5.47-4.82 7.08c-4.69 1.46-73 .26-85.3 0-1.09 0-2.95-.76-3-1.84-.45-8-1.14-39.36.6-57.61a8.15 8.15 0 011.9-4.59A4 4 0 0164 83c2.53-.16 62.3-1.29 72.73-1.49a5.41 5.41 0 014.56 2.19 5.14 5.14 0 01.77 1.67c.74 3 .65 28.32-.46 30.91s-25.23 3.69-26.42.33c-1.62-4.56-2-24.92.18-26.85s25.93-2.68 28.27-1.68 1.42 50.31-1.15 57c0 0-26.13 1.18-27.12 0s-.76-20.85.2-22.17c1.28-1.79 25.4-1.64 27.12-1.19 2.56.67 3.18 22.27 1.84 23.5-2.4 2.2-70.53 2.23-74.29-1.53s-4-50.48-1-52.46 23.36-3.62 31.47-1.51c0 0 3 1.71 2.88 3.89s1.67 48.5 1.67 48.5-.18 3.47-5.8 5.19-45.67 2-45.67-7 .63-52.68.63-52.68.13-6.06 5.49-7l95.46-.77a4.22 4.22 0 014.25 4.22v4.41a4.22 4.22 0 004.22 4.23"
+    }));
+  }
+
+}
+EmptyTemplate.propTypes = EmptyStateProps;
+EmptyTemplate.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyTemplate'
+};
+
+if (false) {
+  EmptyTemplate.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyTicket.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 EmptyTicket extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "ticket"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTicket_svg__cls-3,.EmptyTicket_svg__cls-4,.EmptyTicket_svg__cls-5,.EmptyTicket_svg__cls-6,.EmptyTicket_svg__cls-7{fill:none}.EmptyTicket_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTicket_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTicket_svg__cls-4,.EmptyTicket_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTicket_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTicket_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: "EmptyTicket_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTicket_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTicket_svg__cls-7",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTicket_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M92.47 136.92c5.86 6.12 3.36 12.57 1.4 15.86a3.49 3.49 0 00.57 4.28l4.19 4.16a3.49 3.49 0 004.9 0 355.81 355.81 0 0055-54.57 3.4 3.4 0 000-4.86l-2.72-2.7a6.17 6.17 0 00-7.02-1.09 13 13 0 01-14.73-2.47 12.64 12.64 0 01-2.76-13.82c2.95-3.95.37-6.61-2-9l-1.38-1.37a3.48 3.48 0 00-4.91 0L68 126a3.42 3.42 0 000 4.86l4.15 4.14a3.59 3.59 0 004.31.57c3.43-2.03 10.24-4.67 16.01 1.35z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTicket_svg__cls-5",
+      d: "M67.59 117.27q-1.25-28.22 0-55.94a3.5 3.5 0 013.52-3.49h5.47a3.75 3.75 0 013.66 2.87 12.84 12.84 0 0025 0 3.73 3.73 0 013.66-2.87h5.46a3.5 3.5 0 013.52 3.49v5.8a21.87 21.87 0 01-2.72 10.63c-5.23 9.46-11.82 19-32.25 37.78-3.26 3-5.58.08-3.68-2.52C88.69 100.09 123 71.54 123 71.54a3.49 3.49 0 014.9 0l3.93 3.9a3.7 3.7 0 01.54 4.59 12.52 12.52 0 001.81 15.68A12.9 12.9 0 00150 97.55a3.78 3.78 0 014.66.52l3.91 3.87a3.42 3.42 0 010 4.86 371.77 371.77 0 01-54.91 54.44 3.49 3.49 0 01-4.9 0l-3.67-3.64a4.39 4.39 0 01-.78-5.25c1.89-3.38 3.85-9.51-1.7-15.4-6.64-5.53-12.31-3.94-15.51-2a4.54 4.54 0 01-5.53-.63l-3.46-3.44a3.39 3.39 0 010-4.85l5.76-5.72a5.41 5.41 0 013.55-1.62c1.08 0 1.91.34.92 2-2 3.27-24.61 3.6-24.61 3.6"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M98.5 116.52l6.91-1 3.52-6.23a.39.39 0 01.5 0l3.14 6.36 7.54.87c.25 0 .38.25.13.5l-5.66 5 1.39 6.85c0 .25-.13.38-.38.25l-6-3.11-6.59 3.21c-.13.13-.38 0-.38-.24l.63-7-5-4.86a1 1 0 01.25-.6z",
+      fill: "var(--zd_emptysvg_circle_fill)"
+    }));
+  }
+
+}
+EmptyTicket.propTypes = EmptyStateProps;
+EmptyTicket.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyTicket'
+};
+
+if (false) {
+  EmptyTicket.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyTimeEntry.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 EmptyTimeEntry extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "timeEntry"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTimeEntry_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTimeEntry_svg__cls-4,.EmptyTimeEntry_svg__cls-5,.EmptyTimeEntry_svg__cls-6,.EmptyTimeEntry_svg__cls-8,.EmptyTimeEntry_svg__cls-9{fill:none}.EmptyTimeEntry_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTimeEntry_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTimeEntry_svg__cls-5,.EmptyTimeEntry_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTimeEntry_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTimeEntry_svg__cls-9{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z",
+      fill: "var(--zd_emptysvg_primary_fill)",
+      opacity: 0.05
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 156.04,
+      cy: 31.69,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTimeEntry_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeEntry_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTimeEntry_svg__cls-9",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeEntry_svg__cls-8",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeEntry_svg__cls-7",
+      d: "M124.41 65.47a4.64 4.64 0 01-.66-7.84A15.42 15.42 0 01140 56.47a15.17 15.17 0 018.12 14 4.7 4.7 0 01-6.92 3.85zM86.72 73.16a4.69 4.69 0 01-6.62-4.33 15.17 15.17 0 019.11-13.35 15.41 15.41 0 0116.08 2.3 4.65 4.65 0 01-1.23 7.78z"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTimeEntry_svg__cls-7",
+      cx: 123.01,
+      cy: 102.52,
+      rx: 26.27,
+      ry: 31.53
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeEntry_svg__cls-6",
+      d: "M34.94 145.49h43.51a22.78 22.78 0 0020-11.75 2.31 2.31 0 014.32 1.33v.11c-.51 3.88-5.6 8.79-11.89 3.3-5.7-5-20.15-14.36-16.54-38.88a33.9 33.9 0 018.4-18c3.15-3.43 7.27-6.45 12.1-6.54 0 0 .29.07.72.22a1.43 1.43 0 001.78-1.9l-.73-1.73a2 2 0 011-2.67c3.48-1.64 10.77-5.14 11-5.81.25-.87-1-7.2-5.57-7.27-2.65 0-14.54.5-15.17 1.88s3.42.5 2.91-3-5.56-1.88-4.8.51 2 3.05.44 4.31c-.55.45-11.81 6.75-8.16 12.36.67 1 1.21 1.8 1.64 2.4a3.26 3.26 0 003.92 1.06c3.06-1.32 8.37-3.59 8.73-3.59s1.39 2.76 8.22-.87 14.66-5 16.06-4.77c0 0 1.14.11 1.23-1.56 0-.91.1-4.38 5.56-7.27 2.35-1.24 14.54.5 15.18 1.88s-3.42.5-2.91-3 5.56-1.88 4.8.5-.76 4.14-.25 4.64 11.13 6.14 8 12S145 77.8 145 77.8s-13.52-12.52-23.08-11.48a1.54 1.54 0 01-1.14-.31c-.78-.64-.61-1.54 1.52-1.61 3.24-.11 31.9 5.92 32.28 36.9s-24.9 39.16-34.48 36.87c-9-2.13-27.94-6.36-28.26-39.11a28.89 28.89 0 018.39-20.89c6.09-6 16.2-10.61 32.3-4.81 0 0 22.82 9.5 16.3 38.78s-38.15 26.23-48.12 8.93S97 81.15 107.56 76.4s20.26-4.22 15 24.57c0 0-3.77-1-2.32-22.89 0 0 .43-2.59 3-.87s-.38 27.46-1.89 28.51c-.61.42-3.4-2.43-2-4.32a2.64 2.64 0 014.93 1.3c0 2.56-16.41 12.38-17.86 11.66s11.18-8.21 11.18-8.21"
+    }));
+  }
+
+}
+EmptyTimeEntry.propTypes = EmptyStateProps;
+EmptyTimeEntry.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyTimeEntry'
+};
+
+if (false) {
+  EmptyTimeEntry.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyTimeline.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 EmptyTimeline extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "timeline"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTimeline_svg__cls-3,.EmptyTimeline_svg__cls-4,.EmptyTimeline_svg__cls-5,.EmptyTimeline_svg__cls-7,.EmptyTimeline_svg__cls-8{fill:none}.EmptyTimeline_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTimeline_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTimeline_svg__cls-4,.EmptyTimeline_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTimeline_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTimeline_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}.EmptyTimeline_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);isolation:isolate}')), /*#__PURE__*/React.createElement("path", {
+      d: "M82.34 64.37s45-29.83 67.77-20.85 38.33 84.51-25 118.4-92-39.83-92.2-52.9c-.24-12.64 0-42.78 49.43-44.65z",
+      fill: "var(--zd_emptysvg_primary_fill)",
+      opacity: 0.05
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 145.98,
+      cy: 40.36,
+      rx: 3.1,
+      ry: 3.18,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTimeline_svg__cls-3",
+      cx: 79.11,
+      cy: 38.46,
+      rx: 1.85,
+      ry: 1.9
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeline_svg__cls-4",
+      d: "M29.82 103.11l-.31 5.59M26.94 105.75l5.44.31"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTimeline_svg__cls-8",
+      cx: 154.59,
+      cy: 151.4,
+      rx: 2.15,
+      ry: 2.21
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeline_svg__cls-7",
+      d: "M163.1 117.94l3.63 4.18M162.88 121.9l4.06-3.73"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeline_svg__cls-6",
+      d: "M98.17 79.34V71.9s-36.3 7.19-37.91 46.1c0 0-9.08-40.53 37.46-53.85v-8.49l19.68 13.76zM99.62 120.26l-22.83 2.83-4.68-2.89 4.41-3.45 22.38 1.18.72 2.33z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeline_svg__cls-5",
+      d: "M78.56 147.23c-28.72-23.13-11-53.38-11-53.38C80 73.08 98.12 71.9 98.12 71.9v7.44s10.2-3.17 16.42-7.75c11.78-8.68 8.3.48 4.74-1.33-4-2-21.61-14.6-21.61-14.6v8.45c0 2-1.36 1.38-3.32 1.85a48.52 48.52 0 00-10.25 3.91c-16.06 7.91-21.82 22.5-23.94 34.55-3.81 21.63 6.56 38.88 19.09 46.33 18.44 10.95 58.8 6.06 59.56-30.38.9-43-40.37-35.18-40.37-35.18s0 18.39.4 30.38 8.79 8 8.79 4.8-31.16-3.62-31.16-3.62l-4.41 3.45 4.68 2.89 19-2.34"
+    }));
+  }
+
+}
+EmptyTimeline.propTypes = EmptyStateProps;
+EmptyTimeline.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyTimeline'
+};
+
+if (false) {
+  EmptyTimeline.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyTopic.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 EmptyTopic extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "topic"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTopic_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTopic_svg__cls-4,.EmptyTopic_svg__cls-5,.EmptyTopic_svg__cls-6,.EmptyTopic_svg__cls-8,.EmptyTopic_svg__cls-9,.EmptyTopic_svg__cls-10{fill:none}.EmptyTopic_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTopic_svg__cls-9{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTopic_svg__cls-5{stroke:var(--zd_emptysvg_plus)}.EmptyTopic_svg__cls-5,.EmptyTopic_svg__cls-6,.EmptyTopic_svg__cls-8{stroke-linecap:round;stroke-linejoin:round}.EmptyTopic_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTopic_svg__cls-10{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}.EmptyTopic_svg__cls-8{stroke:var(--zd_emptysvg_primary_stroke);stroke-width:1.5px}')), /*#__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: "EmptyTopic_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTopic_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTopic_svg__cls-10",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTopic_svg__cls-9",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTopic_svg__cls-6",
+      d: "M162.4 81.28c-7.8-.17-14.74-.79-16.33-2.38-7-7 .57-3.47 1.19-1.65s-20.84 62.14-27.82 65c-4.63 1.89-4.16-2.67-3.16-5.89a.91.91 0 011.78.22c.15 2.65-.4 6.07-4.16 6.07-5.89 0-67.18-16.94-72.47-18.4a.62.62 0 01-.44-.48c-.33-1.65-1.54-8.19.08-8.37 1.84-.2 71.76 17.13 73.18 17.29 2.62.31 5.44-1.07 7-5.49S141.4 78.81 142 77.38v-.06c.24-.41 3-5.37-2.69-7.91-6-2.64-59.09-8.34-59.5-9.76s7.6-1.42 5.24 5.09-9.52-.62-9.28-1.82 5.91 1.36 4.78 5.62-8.91 2.73-8.75.32 6.4 1.2 4.62 4.57-8.34 1.29-8-.56 6.64 1.93 5.27 5.22-9 1.69-9-.48 7 0 5.34 4.49a3.85 3.85 0 01-7.12.73c-.65-2 4.53-2.57 3.8 3s-6.88 3.29-7 1.44 4-2.41 4 3.78-7.78-.24-7.37-1 6-.16 4 5.14-8.59 2.89-8.34-.64 6.63.88 4.21 6.66-8 .4-7.86-1 6.16.48 3.89 6.18-9.8.08-9.23-.88 7-1 3.72 4.65-9.8.73-9-1.52c.46-1.25 6.6.86 12 3a75.78 75.78 0 0027.62 5.44c8.18 0 16.65-1.33 20.37-6.26 9-11.92 15.62-11.07 19.67-17.55s1.09-18.07-11.58-16S92 90 92.54 94s-1.36 7.89-2.54 8.73-1.36 3.19-.51 3.86A16.39 16.39 0 0094.4 109c1.19.17 3.58-2.51 3.49-2.78s-5.64-4.63-6-4 5.3 3.15 6.62 2.89 1.59-1.49 2.64-2-3.35-1.55-3.88-2.44 5.82-10.23 6.88-12 1-3.68-.17-2.89-1.24 4.64.26 5.25 1.85 1.22 3.44.61 1.32-3.15.26-2.62-7.84 10.84-7.84 10.84"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTopic_svg__cls-7",
+      d: "M97.92 106.17c-.2.26-2 2.51-3.47 2.75s-4.38-2-4.85-2.3l-.11-.11a2.74 2.74 0 01.22-3.5s3.56-3 2.88-9c0 0-2.13-13.83 13.17-16.8s15.58 14.48 10.15 18-12.43 4.69-15.86 8.89z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTopic_svg__cls-8",
+      d: "M120.76 93.55l2.23.95M123.37 82.52l4.03-1.08M116.9 73.63l1.51-2.04M102.25 73.63l-1.57-3.39M91.92 82.52l-2.48-.5"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTopic_svg__cls-7",
+      d: "M42.1 124.6a.61.61 0 01-.45-.48c-.33-1.72-1.55-8.6.07-8.33 1.83.3 70.68 16.69 72.85 17.21h.11c.62 0 6 .07 7-5.47S140.9 81.65 143.49 76a.62.62 0 01.92-.25l2.72 1.84a.63.63 0 01.25.68c-1.43 4.89-15 50.45-27.51 64.23a.7.7 0 01-.19.15 3.06 3.06 0 01-2.89 0 .63.63 0 00-.61 0 5.05 5.05 0 01-3.6.19c-2.37-.77-65.03-16.84-70.48-18.24z"
+    }));
+  }
+
+}
+EmptyTopic.propTypes = EmptyStateProps;
+EmptyTopic.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyTopic'
+};
+
+if (false) {
+  EmptyTopic.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyTwilio.js

@@ -0,0 +1,75 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class EmptyTwilio extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyTwilio"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#twilio_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M182.123 280.646s6.5-10.555 10.555-2.038c4.055 8.518 6.317 15.833 18.095 6.521 11.778-9.313 16.709-10.739 21.09-4.931 4.381 5.807 8.538 55.18-34.437 44.992 0-.082-34.009-12.899-15.303-44.544ZM177.534 193.658s6.5-10.535 10.534-2.037c4.035 8.497 6.338 15.812 18.116 6.5 11.778-9.312 16.688-10.718 21.09-4.931 4.401 5.787 8.517 55.201-34.458 45.013.021-.062-34.009-12.899-15.282-44.545ZM272.188 275.39s6.5-10.555 10.555-2.038c4.055 8.518 6.317 15.833 18.095 6.521 11.778-9.312 16.709-10.739 21.09-4.931 4.381 5.807 8.518 55.201-34.437 44.992 0-.081-34.03-12.797-15.303-44.544ZM272.188 182.49s6.5-10.534 10.555-2.037 6.317 15.812 18.095 6.5c11.778-9.312 16.709-10.718 21.09-4.931s8.518 55.201-34.437 44.992c0-.061-34.03-12.878-15.303-44.524Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M378.046 315.288c-33.133 74.152-113.704 86.154-113.704 86.154s-92.654 10.983-140.255-66.327a154.136 154.136 0 0 1-5.359-152.828c15.568-29.2 43.546-58.747 93.653-72.807a145.097 145.097 0 0 1 124.3 21.539 169.969 169.969 0 0 1 17.198 14.264c63.169 60.112 60.295 158.696-6.419 214.875-21.457 18.075-51.065 31.605-91.696 32.44-40.632.836-76.496-26.795-83.546-66.551-2.751-15.568-.876-32.257 10.514-47.764 8.314-11.329 22.537-17.157 36.068-13.387 11.431 3.178 30.382 14.956 19.806 38.716-35.761 80.693-133.632-58.767-53.734-119.368 35.13-26.633 59.297 25.43 37.575 47.07-21.722 21.641-59.093-4.829-40.754-40.305 19.827-38.472 127.092-41.977 144.677-2.914 15.588 34.641-37.657 55.609-53.367 28.528-15.711-27.081 17.503-58.788 48.191-30.097 35.762 33.438 24.921 141.131-27.814 135.812-45.93-4.646-32.848-55.486 2.221-52.45 35.068 3.036 30.198 32.807 13.795 44.952",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#twilio_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: "twilio_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(100 103)",
+      d: "M0 0h300.52v300.072H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "twilio_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+
+}
+EmptyTwilio.propTypes = EmptyStateProps;
+EmptyTwilio.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyTwilio'
+};
+
+if (false) {
+  EmptyTwilio.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyWechat.js

@@ -0,0 +1,75 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class EmptyWechat extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyWechat"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#wechat_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M364.019 255.481c-2.539 20.28-29.789 26.688-50.086 21.064-26.397-7.294-46.234-15.082-36.384-40.168 16.905-42.996 90.747-15.252 86.47 19.104ZM233.906 257.577a103.39 103.39 0 0 1-19.07 1.346c-52.829-1.329-93.474-6.612-86.759-58.095 10.429-80.301 136.146-73.28 164.98-21.524-59.952 16.53-60.651 62.85-59.151 78.273Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M165.244 186.837c3.715-8.742 27.676-.647 21.439 10.805-6.238 11.452-16.82 6.595-19.087 4.567-4.431-3.954-1.704-26.517 19.598-9.884 23.586 18.405 53.562 13.957 55.88 2.079 2.317-11.878-20.195-19.939-21.166-2.454-.971 17.485 28.63 22.444 28.63 22.444 7.754-23.092 53.733-35.685 53.733-35.685-1.858-17.042-11.078-34.373-35.277-46.984-67.638-35.209-142.213 1.857-157.039 51.994-14.826 50.137 28.255 80.948 28.255 80.948s.273 61.623-7.72 53.613c-7.993-8.009 53.119-29.772 53.119-29.772a232.018 232.018 0 0 0 44.922 0s17.962-2.368 17.86-6.322c0 0 18.081 36.384 82.158 31.646 0 0 41.922 23.33 38.378 24.915-3.545 1.585.204-43.115.204-43.115s40.134-32.039 10.072-76.688-94.309-42.349-124.285-1.193c-29.977 41.156 14.144 72.7 46.66 36.657 0 0 10.651-15.133-3.408-21.166-14.06-6.033-18.405 19.223-4.977 21.439 13.429 2.215 33.044-22.155 43.355-21.439 10.31.716 12.491 14.622 6.816 19.888-5.675 5.266-20.45 1.943-17.041-13.173 3.408-15.116 19.444-9.169 23.858-.801 33.01 63.054-98.297 39.945-98.297 39.945s-25.562-16.087-6.816-58.18",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#wechat_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: "wechat_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(108 117)",
+      d: "M0 0h283.233v222.65H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "wechat_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+
+}
+EmptyWechat.propTypes = EmptyStateProps;
+EmptyWechat.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyWechat'
+};
+
+if (false) {
+  EmptyWechat.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyWhatsapp.js

@@ -0,0 +1,75 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class EmptyWhatsapp extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyWhatsapp"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#whatsapp_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M344.584 321.303c-48.752 46.243-122.326 22.075-122.326 22.075l-7.614 9.736c115.849 33.222 149.977-41.522 149.977-41.522a49.424 49.424 0 0 1-23.578.455 49.61 49.61 0 0 1-21.137-10.532s13.68-5.695 15.01-14.432c1.329-8.738-30.02-24.874-30.02-24.874s31.035 30.253 32.364 16.477c1.33-13.776-29.004-23.195-32.291-23.974-3.287-.779-15.155 16.161-15.155 16.161a11.117 11.117 0 0 0 2.617 4.204 11.02 11.02 0 0 0 4.175 2.636c-3.795.389-12.085-2.605-12.085-2.605-33.694-12.802-53.175-49.577-53.392-47.241-.218 2.337 12.689 4.868 13.946-8.616 1.257-13.484-12.085-30.934-12.085-30.934s5.897 24.168 15.154 24.995c9.257.828-7.251-24.168-12.085-29.206-4.834-5.038-58.613-.657-19.988 63.572 38.624 64.23 144.393 81.17 164.527 37.214 8.749-19.081 9.426-40.524 7.396-58.704-3.297-32.004-19.022-61.399-43.749-81.778-36.255-29.426-77.344-28.038-107.388-20.396-33.307 8.445-62.263 29.79-78.457 60.262-33.041 62.234 9.813 114.124 9.813 121.694 0 9.297-26.877 65.933-36.11 60.846-9.233-5.087 69.683-20.298 69.683-20.298l-9.523-11.926-29.971 10.757s25.91-38.381 19.819-50.648c-6.091-12.267-50.758-59.581 5.076-128.411 49.791-61.382 156.865-29.547 174.751 18.936 0 0 24.17 40.84 1.329 104.437",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.124,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M259.431 212.094s9.668 13.727-.677 22.659c-10.345 8.933 15.687 28.866 23.881 21.905 8.193-6.961 30.696-29.547 55.954-24.046 25.258 5.5-8.871-76.278-77.103-67.345.096.097-21.826 6.279-2.055 46.827ZM188.346 233.512s-15.493 83.043 88.295 99.983a45.637 45.637 0 0 0 25.862-3.31c5.535-2.434 11.263-5.574 13.68-8.835 0-.025-99.751-11.464-127.837-87.838Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#whatsapp_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: "whatsapp_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(130 118)",
+      d: "M0 0h260v250.299H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "whatsapp_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+
+}
+EmptyWhatsapp.propTypes = EmptyStateProps;
+EmptyWhatsapp.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyWhatsapp'
+};
+
+if (false) {
+  EmptyWhatsapp.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/Export.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 Export extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "export"
+    }, 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)}')), /*#__PURE__*/React.createElement("path", {
+      d: "M80.46 58s46.65-31.17 70.27-21.79 39.74 88.3-25.92 123.72-95.36-41.62-95.62-55.27C29 91.42 29.19 59.93 80.46 58Z",
+      style: {
+        fill: 'var(--zd_emptysvg_primary_fill)',
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-2",
+      d: "M14.22 119.11a.51.51 0 0 1-.47-.53l.42-7.47a.48.48 0 0 1 .52-.47.51.51 0 0 1 .47.53l-.41 7.47a.51.51 0 0 1-.53.47Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-2",
+      d: "m18.1 115.58-7.34-.42a.49.49 0 0 1-.47-.52.49.49 0 0 1 .52-.47l7.35.42a.5.5 0 0 1 0 1Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "cls-3",
+      d: "M171.41 22.61a4.75 4.75 0 1 0 4.67 4.74 4.72 4.72 0 0 0-4.67-4.74Zm0 8.5a3.76 3.76 0 1 1 3.68-3.76 3.73 3.73 0 0 1-3.68 3.76ZM124.66 174.88a3.45 3.45 0 1 0 3.39 3.45 3.43 3.43 0 0 0-3.39-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: "M81.16 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.05ZM190.08 131.62a.49.49 0 0 0-.7 0l-2.38 2.11-2.11-2.4a.5.5 0 1 0-.75.65l2.13 2.42-2.38 2.17a.49.49 0 0 0 0 .7.49.49 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.12 2.41a.5.5 0 0 0 .7.05.51.51 0 0 0 .05-.71l-2.13-2.42 2.38-2.16a.49.49 0 0 0 0-.7Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M53.45 128.89c-5.58-3.24-7.84-12.38-4.89-19.6 2.15-5.25 5.78-10.27 11.79-10 12.39.57 9.29 18.31 6.19 18s7-39.72 24.18-38.87 27.48 20.28 24.79 26.76-.62-21.1 26.49-10.39-7.17 48.8-53.72 43.38c-18.44-2.17-28.9-5.84-34.83-9.28Z",
+      style: {
+        fill: 'var(--zd_emptysvg_secondary_fill)'
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M176 115.21h-68.14l-.52-17.59c5.47-.73 17.21-2.53 14.5 1.58-1 1.51-22.85-18.41-20.3-18S81.32 100 79.86 98.52s15-.73 15-.73l-.37 16.4-42.14 1s-22.72.85-22.13-20.64c.26-9.2 6.89-17.2 16-18.27 5.52-.65 12.12 1.14 18.79 8.89 0 0-10.32 15.21.36-8.69s47.76-37.24 69.31-12.73c23.61 26.86 2.56 38.62 2.38 36.63s2.5-7.37 15.56-1.27c16.91 7.89 11.26 41.8-21 29.29 0 0-54.89 29.46-89.6-5.46",
+      style: {
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_primary_stroke)',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      }
+    }));
+  }
+
+}
+Export.propTypes = EmptyStateProps;
+Export.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyExport'
+};
+
+if (false) {
+  Export.docs = {
+    componentGroup: 'Emptystate'
+  };
+}