@zohodesk/svg 1.0.0-beta.6 → 1.0.0-beta.60

package/es/emptystate/version3/EmptySnippet.js

@@ -0,0 +1,69 @@
+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 EmptySnippet extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "snippet"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptySnippet_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptySnippet_svg__cls-3,.EmptySnippet_svg__cls-4,.EmptySnippet_svg__cls-5,.EmptySnippet_svg__cls-7,.EmptySnippet_svg__cls-8{fill:none}.EmptySnippet_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySnippet_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySnippet_svg__cls-4,.EmptySnippet_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySnippet_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptySnippet_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: "EmptySnippet_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySnippet_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptySnippet_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySnippet_svg__cls-7",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySnippet_svg__cls-6",
+      d: "M119.87 139.21s-11.87-8.72 1.14-35c13.82-27.89 38.05-42 47.15-31.63 4.7 5.42-31.72 67.7-48.29 66.63z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySnippet_svg__cls-5",
+      d: "M107.71 147.22l-31.65 6s-7.53-9.06-5-52.27c1.32-22.39-8.82-32.16-8.82-32.16L128.41 55s6.26 11.49 3.83 27.54C129.6 100 115.6 102.17 116.78 134a1.14 1.14 0 002.15.38c5.62-11.24 24.49-47.73 35-52.54 0 0-38.4 48.36-37.33 71.47 0 0 4.51-11.69 4.56-13.86.06-2.47-4.9-2.75-3.87 0s16.48-3.56 29.8-25.06 27.17-36.09 19.56-43.9c-11.08-11.37-44.18 23-49.23 42.72-5.82 22.72 1.45 26.5 5.41 27.16s12.66-8.83 12.66-8.83 2.14 9.75 4.22 11.94l-16.38 2.91"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M123.26 116.23s3.32-11.21 10.42-19.74",
+      stroke: "var(--zd_emptysvg_circle_fill)",
+      strokeWidth: 3,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptySnippet_svg__cls-6",
+      d: "M94.37 100.23s9.48-1.35 9.48-10.19c0 0-.08 10 8.44 10.19 0 0-8.52-.12-8.49 8 0 .02-.47-8.52-9.43-8zM88.34 121.72s9.48-1.35 9.48-10.19c0 0-.08 10 8.44 10.19 0 0-8.52-.11-8.49 8 0 .02-.47-8.51-9.43-8zM83.26 107s5.38-.77 5.38-5.79c0 0 0 5.68 4.79 5.79 0 0-4.84-.07-4.82 4.55a4.81 4.81 0 00-5.35-4.55z"
+    }));
+  }
+}
+EmptySnippet.propTypes = EmptyStateProps;
+EmptySnippet.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptySnippet'
+};
+// if (__DOCS__) {
+//   EmptySnippet.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyTag.js

@@ -0,0 +1,62 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class EmptyTag extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "tag"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTag_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTag_svg__cls-4,.EmptyTag_svg__cls-5,.EmptyTag_svg__cls-6,.EmptyTag_svg__cls-8,.EmptyTag_svg__cls-9{fill:none}.EmptyTag_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTag_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTag_svg__cls-5,.EmptyTag_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTag_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTag_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: "EmptyTag_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTag_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTag_svg__cls-9",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTag_svg__cls-8",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTag_svg__cls-7",
+      d: "M136.3 107.68s-1.24 51.51-2.14 54-45.41-1.83-46.59-3.82 42.71-48.51 48.73-50.18z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTag_svg__cls-6",
+      d: "M171.12 53.1s-13.85 5.78-26.25-4.34-24.4 19.63-22.61 32.54c1.88 13.51-10.34 16.07-13.93 9.4s5-15.45 16.66-11.06c0 0 5.45 2 7 4.14 8.94 12.74 1.59 22-.92 25s-5.81 6.85-7.71 7.78c-3.52 1.71 7.3-9.4 12.14-8.93v4c-.15 17.83-.08 49.91-2.14 50-3.82.19-36.94-2.54-42.79-2.34a5 5 0 01-5-3.46 2.86 2.86 0 01.19-2.29c1.12-1.95 20.44-20.1 28.67-27.8a.23.23 0 01.33.32c-14.36 16.07-32.8 36-34.33 35.56-2.07-.61-27-24.87-35.67-33.4a4.37 4.37 0 01-.12-6.14c8.5-9 33.4-33.91 43-43.49A16.41 16.41 0 0196.7 74c6.6-1.05 16.18-2.64 17.87-2.46"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTag_svg__cls-7",
+      d: "M78.39 112.58l7.92-1.15 4-7.14a.44.44 0 01.57 0l3.61 7.29 8.64 1c.29 0 .43.28.14.57l-6.48 5.71 1.59 7.86c0 .28-.15.43-.44.28l-6.91-3.57-7.49 3.72c-.15.14-.43 0-.43-.29l.72-8-5.77-5.57a1.08 1.08 0 01.33-.71z"
+    }));
+  }
+}
+EmptyTag.propTypes = EmptyStateProps;
+EmptyTag.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptyTag'
+};
+// if (__DOCS__) {
+//   EmptyTag.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyTask.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 EmptyTask extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "task"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTask_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTask_svg__cls-3,.EmptyTask_svg__cls-4,.EmptyTask_svg__cls-5,.EmptyTask_svg__cls-7,.EmptyTask_svg__cls-8{fill:none}.EmptyTask_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTask_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTask_svg__cls-4,.EmptyTask_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTask_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTask_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: "EmptyTask_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTask_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTask_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTask_svg__cls-7",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTask_svg__cls-6",
+      d: "M131.83 70.33l-5-1.58a12.76 12.76 0 00.65-4.46c0-4.34-3.26-7-7.26-7.24-4.36-.32-7.77 4.26-9 7.19l-7.81-2.14c-1.3-.34-2.73-.43-3.14.84l-1 3.24a2.49 2.49 0 001.64 3.12l28.47 9a2.51 2.51 0 003.15-1.58l1.19-3.72c.44-1.28-.56-2.24-1.89-2.67z"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 119.62,
+      cy: 63.17,
+      rx: 2.24,
+      ry: 2.22,
+      fill: "var(--zd_emptysvg_circle_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTask_svg__cls-6",
+      d: "M98.47 118.8a3.76 3.76 0 01-.38-5.18c2.23-2.79 14.36-17.82 14.36-17.82s10.41 4.26 6.92 8.45l-15.86 19z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTask_svg__cls-5",
+      d: "M63.28 125.48c-1.79 5.74-4.38 16.66 1 18.42s55.64 19.48 59.79 17 29.34-83.43 23.25-85.62-19.54-7.18-20.29-7c0 0 2-7.78-3.15-9.91s-8.28-2.58-12.83 5c0 0-19.33-5.49-21.32-5S63.89 126 64.46 139c0 0 0 1.12 4.27 3.66s48.33 16 53.45 14.1 21.61-67.38 22.18-73.58-51.44-20.3-53.72-17.48c-2.12 2.63-7.5 19.17-13.52 35.9a78.29 78.29 0 00-2.28 7.36l-3.17 12.18a3.35 3.35 0 002.54 4.1 164 164 0 0016.41 2.14l10.8-2.82-6.87-5.94s-3.37 9.13-3.33 9.45 10.85-3.07 10.85-3.07l17.3-20.71s3-2.14-.33-4.15c-1.84-1.12-5.62-5.41-6.59-4.3-1.41 1.63-10.19 12.61-14.36 17.82a3.81 3.81 0 00.38 5.18c2.47 2.3 5.94 5.42 6.75 5.52s26.14-.32 42.29-.62"
+    }), /*#__PURE__*/React.createElement("path", {
+      stroke: "var(--zd_emptysvg_circle_fill)",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none",
+      d: "M108.63 112.84l5.97-7.49"
+    }));
+  }
+}
+EmptyTask.propTypes = EmptyStateProps;
+EmptyTask.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptyTask'
+};
+// if (__DOCS__) {
+//   EmptyTask.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyTeams.js

@@ -0,0 +1,60 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class EmptyTeams extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "team"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTeams_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTeams_svg__cls-4,.EmptyTeams_svg__cls-5,.EmptyTeams_svg__cls-6,.EmptyTeams_svg__cls-8,.EmptyTeams_svg__cls-9{fill:none}.EmptyTeams_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTeams_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTeams_svg__cls-5,.EmptyTeams_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTeams_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTeams_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: "EmptyTeams_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTeams_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTeams_svg__cls-9",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTeams_svg__cls-8",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTeams_svg__cls-7",
+      d: "M80.06 113.44s.91 20.72-13 19.13-7.94-24.92-7.94-24.92 10.06 7.35 20.94 5.79zM93.18 68.15s-1.87 5-3.85 7.13c0 0-3.54 17.77 13.45 18.78 0 0 10.14 2 13-15.13a27 27 0 01-22.6-10.78zM122.61 127.05s1.68-16 5.8-14 2 1.09 11.37-2c0 0 7.62-1.56 9.18 10.63 0 0-.3 7.33-1.66 10.27 0 0-6.2-5.51-14-3.82a85.63 85.63 0 00-10.69 2.87z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTeams_svg__cls-6",
+      d: "M79.93 111.64s2.31 19-10.4 20.93S58 107.65 59.14 107.65s13.24 9.55 25.08 4.61c0 0-3.27-16.21-15.91-14.23s-12.63 14-14 21.66-5.22 13.84-2.2 19.86 28.17 14.12 34-5.72c4.76-16.26-2-31-10.1-37.08a6.43 6.43 0 01-1-9.31 32 32 0 018.28-7c8.59-5 10.51-13.83 10.34-15s-2.49-.3-1.93.79S101.66 81 119 78.68c0 0 3.29-22.93-13.47-23.37s-16.57 13.36-16 25.94S101.39 94.06 105 94.06c8.2 0 11.5-14.28 11.13-19.53s-6.86 1.86 4.07 7.62c6.56 3.46 11.92 10.11 15.15 15 2.49 3.75 2.82 6.93 5.83 10 3.16 3.22 7.38 8 6.79 14.95 0 0-1.69-12.37-8.17-11s-7.44 4.53-11.37 2-5.8 14-5.8 14-6.27-19.34 10.24-22.24 17.52 11.25 15.16 24.44-18.89 19.55-25.4 1.72c0 0 14.49-6.6 21.72 0s-28 17.46-57.43 9.71"
+    }));
+  }
+}
+EmptyTeams.propTypes = EmptyStateProps;
+EmptyTeams.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptyTeams'
+};
+
+// if (__DOCS__) {
+//   EmptyTeams.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyTelegram.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 class EmptyTelegram extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyTelegram"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#telegram_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M40.543 341.908c176.402-75.574 368.142-199.294 368.142-199.294L224.62 277.978s-13.746 9.44-6.157 32.539c7.589 23.1 12.368 53.727-1.25 43.735-13.619-9.992-1.162-106.644-90.471-106.157 0 0-4.231-2.123 8.642-8.248 12.873-6.124 229.589-91.488 285.685-118.527a5.03 5.03 0 0 1 2.971-.472 5.045 5.045 0 0 1 2.712 1.307 5.065 5.065 0 0 1 1.225 5.626l-90.105 221.897s-5.036 20.229-24.621 5.86c-19.584-14.369-39.892-53.193-78.282-17.563",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M230.738 320.314s-6.665-8.181 16.64-36.43c23.305-28.249 147.516-133.762 149.263-122.48 1.747 11.282-76.925 182.895-85.626 166.512-8.7-16.383-56.422-32.061-80.277-7.602Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#telegram_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: "telegram_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "rotate(-8.803 1191.04 .193)",
+      d: "M0 0h420v225.978H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "telegram_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+}
+EmptyTelegram.propTypes = EmptyStateProps;
+EmptyTelegram.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'emptyTelegram'
+};
+
+// if (__DOCS__) {
+//   EmptyTelegram.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyTemplate.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 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 (__DOCS__) {
+//   EmptyTemplate.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyTicket.js

@@ -0,0 +1,63 @@
+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 (__DOCS__) {
+//   EmptyTicket.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyTimeEntry.js

@@ -0,0 +1,65 @@
+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 (__DOCS__) {
+//   EmptyTimeEntry.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version3/EmptyTimeline.js

@@ -0,0 +1,60 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class 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 (__DOCS__) {
+//   EmptyTimeline.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }