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

package/es/emptystate/version3/EmptyFollowers.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 EmptyFollowers extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "Followers"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyFollowers_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyFollowers_svg__cls-3,.EmptyFollowers_svg__cls-4,.EmptyFollowers_svg__cls-5,EmptyFollowers_svg__cls-7,.EmptyFollowers_svg__cls-8{fill:none;stroke-width:3px}.EmptyFollowers_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFollowers_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFollowers_svg__cls-4,.EmptyFollowers_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyFollowers_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyFollowers_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      d: "M212 153.52s111.42-74.45 167.82-52S474.7 312.38 317.89 397 90.15 297.57 89.55 265c-.55-31.6 0-106.8 122.45-111.48z",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 377.09,
+      cy: 79.12,
+      rx: 8.4,
+      ry: 8.47,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none",
+      strokeWidth: 3
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyFollowers_svg__cls-3",
+      cx: 195.59,
+      cy: 74.06,
+      rx: 5.02,
+      ry: 5.06
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFollowers_svg__cls-4",
+      d: "M61.8 246.07l-.83 14.88M54 253.09l14.77.84"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyFollowers_svg__cls-8",
+      cx: 400.47,
+      cy: 374.57,
+      rx: 5.83,
+      ry: 5.88
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFollowers_svg__cls-7",
+      d: "M423.56 285.54l9.85 11.12M422.97 296.06l11.03-9.93"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFollowers_svg__cls-6",
+      d: "M238.69 313.62s-52.62-34-55-77.81 55.63-25.75 55.34 4.51c0 0 15.63-43 42.15-28.73s-6.58 81.25-42.49 102.03zM331.4 156v-26.12h20.24l1.92 24.87 23.21.54s3.13.05 3.49 3-1.07 16.42-1.07 16.42l-21.34 1.45-.11 23.3s-24.44 3.27-24.41 1c.07-5.59-1.33-23.88-1.33-23.88l-22.58-2.07.26-19.4 21.72 1z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFollowers_svg__cls-5",
+      d: "M222.1 334.39h-22.56a7.26 7.26 0 00-6.18 3.49s-21.76 33.85-23.06 37.43c-1.38 3.76 1.34 6.44 3.23 2.81S173 337 173 337a7.25 7.25 0 00-7.61-7.28c-8.5.45-21.43.88-24.13-.48-4.1-2.06-8.2-158.91 0-166.13 7.53-6.7 190.14-7.11 190.14-7.11v-26.12s18-1.62 20.24 0 1 24.22 1.92 24.87c.78.52 16.84.55 23.21.54a3.56 3.56 0 013.49 3c1 5.47.73 15.64-1.07 16.42s-10.3-.1-18.21-.14a3.89 3.89 0 00-3.87 4.2c.51 6.67 1.33 19 .63 20.69-1 2.26-23.45 4.53-24.41 1S332 176.51 332 176.51s-22.87.3-22.58-2.07-.92-19.4.26-19.4c14.21.67 26.28 8.56 26.36 22.9.2 35.09.29 96.72-.5 125.46A24.51 24.51 0 01322 324.73c-8.16 4-19.36 8.13-31 8-2.61 0-5.49-.09-8.67-.43-42.7-4.57-101.88-54.67-101.88-96.5s52.82-20.3 55.33 4.51c0 0 14.76-43.5 42.16-28.73C323 235.91 234 324.35 234 324.35"
+    }));
+  }
+
+}
+EmptyFollowers.propTypes = EmptyStateProps;
+EmptyFollowers.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyFollowers'
+};
+
+if (false) {
+  EmptyFollowers.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyFrame.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 EmptyFrame extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "emptyFrame"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyFrame_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.EmptyFrame_svg__cls-3,.EmptyFrame_svg__cls-4,.EmptyFrame_svg__cls-5{fill:none}.EmptyFrame_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFrame_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFrame_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFrame_svg__cls-1",
+      d: "M87.55 64.35s46.92-30.84 70.66-21.56 40 87.37-26.06 122.42S36.26 124 36 110.51c-.24-13.06 0-44.22 51.55-46.16z"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 157.08,
+      cy: 33.53,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyFrame_svg__cls-5",
+      cx: 80.66,
+      cy: 31.43,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFrame_svg__cls-4",
+      d: "M24.32 102.69l-.35 6.17M21.04 105.6l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 166.92,
+      cy: 155.93,
+      rx: 2.45,
+      ry: 2.43,
+      stroke: "var(--zd_emptysvg_small_circle)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFrame_svg__cls-3",
+      d: "M176.64 119.05l4.15 4.6M176.4 123.4l4.64-4.11"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyFrame_svg__cls-1",
+      d: "M59.89 123.66S22 99.3 21.1 78.87s51.06-57.72 98.23-20.71 1 83.7-8.82 88.28c-9.51 4.43-32.43 14.39-50.62-22.78z"
+    }));
+  }
+
+}
+EmptyFrame.propTypes = EmptyStateProps;
+EmptyFrame.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyFrame'
+};
+
+if (false) {
+  EmptyFrame.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyHappiness.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 EmptyHappiness extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "happiness"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyHappiness_svg__cls-3,.EmptyHappiness_svg__cls-4,.EmptyHappiness_svg__cls-5,.EmptyHappiness_svg__cls-6,.EmptyHappiness_svg__cls-7{fill:none}.EmptyHappiness_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyHappiness_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyHappiness_svg__cls-4,.EmptyHappiness_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyHappiness_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyHappiness_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: "EmptyHappiness_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHappiness_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyHappiness_svg__cls-7",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHappiness_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M68.31 125.71s12.59-12.23 15.08-9.4 5.83 9.18 8.13 8.2 6.44-9.74 8.9-8.32 16.44 9.1 16.44 9.1-11.83 21.44-26.39 23-22.16-22.58-22.16-22.58z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHappiness_svg__cls-5",
+      d: "M111.71 132.7c-6.94 10.22-17.79 17.3-24.44 15.35C72 143.56 70.8 128.61 70.8 128.61s24.85 13.81 47.93-5.23c0 0-2.83-1.42-2.5.51s1.68 1.92 1.68 1.92-9.76-4.79-16.83-9.32a2.6 2.6 0 00-3.6.82c-1.87 3-5.21 8.35-7.53 6.49-3.35-2.68-6.11-9-8.46-8-1.92.76-9.35 7.52-13.18 9.94 0 0 12-12.59 13.66-12.2s4.54.61 4.54-1.4c0-4-3.63-3-5.54-4a4.31 4.31 0 01-1.65-1.46c-2.07-3.26 2.45-6.13 3.71-8.42a30.21 30.21 0 003.06-20.31C82.43 59.06 74.2 53.53 67.94 52.22a11 11 0 00-11.86 5.63c-16.18 29.28 1 106.87 45 102 47-5.26 55.66-70.81 44.53-101.72s-64-11.14-46.38 12 47.3-5.25 18.86-5.25C101 64.89 97 80.78 96.54 93.46"
+    }));
+  }
+
+}
+EmptyHappiness.propTypes = EmptyStateProps;
+EmptyHappiness.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyHappiness'
+};
+
+if (false) {
+  EmptyHappiness.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyHistory.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 EmptyHistory 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, '.EmptyHistory_svg__cls-3,.EmptyHistory_svg__cls-4,.EmptyHistory_svg__cls-5,.EmptyHistory_svg__cls-6,.EmptyHistory_svg__cls-7{fill:none}.EmptyHistory_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyHistory_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyHistory_svg__cls-4,.EmptyHistory_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyHistory_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyHistory_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: "EmptyHistory_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHistory_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyHistory_svg__cls-7",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHistory_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M53.08 154s8.57-1.57 11.15-22.71c1.83-15 4-30.35 5.15-38.06a6.68 6.68 0 015.87-5.68c16.7-1.91 69.7-7.12 89.62.61l-11 56.17s-6.46 9.67-12.79 9.67z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyHistory_svg__cls-5",
+      d: "M175.07 88.31C175.53 69.79 155.31 69 155.31 69s-31-1.61-31.86-3.18c-1.24-2.43-6.79-8.42-10.15-11.93a8.74 8.74 0 00-6.3-2.67c-8.36-.06-28.48-.17-33.49 0-6.37.25-8.27 21-8.27 21s-23.78-4.93-23.56 10.33C41.89 96.8 38 154 48.05 154c15.51 0 10.38-60.21 20.18-65.84 5.6-3.22 93.45-8.5 96.64 0 2.36 6.3-6.37 39.45-11 56.17a13.23 13.23 0 01-12.79 9.67H62s25.42.13 43-23c0 0-11 9.44-5.6 11.72s18.59 2.7 18.49-2c-.1-4.91-5.39-13.63-5.39-13.63s10.08 5.41 10.15 16.27c0 0 .3 3-5 3.48-6.34.63-15.79.55-18.8 0a9.29 9.29 0 01-2.11-.42c-1.79-.76-4.45-2.83-2.33-8.26 4.18-10.74 27.68-22.4 28.1-30.32s-3.17-8.15-6-8.35c-8-.55-17.44-.4-17.44-.4s-6.44.09-5 7.48 10.14 12.89 10.35 11-6.76-4.86-2.74-8.14 16.16-1.26 14.89 2.75c-1 3.19-5.49 5.81-5.49 5.81"
+    }));
+  }
+
+}
+EmptyHistory.propTypes = EmptyStateProps;
+EmptyHistory.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyHistory'
+};
+
+if (false) {
+  EmptyHistory.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyInstagram.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 EmptyInstagram extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyInstagram"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#instagram_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M217.69 259.748c9.951-16.661-8.113-18.483-8.901-27.724-1.181-13.915 1.812-30.84 23.001-32.292 36.469-2.482 79.555 30.021 58.839 87.528-20.716 57.508-92.815 30.84-92.815-3.326 0-12.701 17.041-19.434 19.876-24.186ZM311.321 173.54c2.416-4.066-1.969-4.515-2.153-6.733-.288-3.379.42-7.498 5.567-7.921 8.874-.607 19.324 7.288 14.283 21.255-5.041 13.968-22.528 7.472-22.528-.818 0-3.142 4.149-4.674 4.831-5.783Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M330.33 175.838s-10.765 20.779-23.499 8.264c-12.734-12.515 4.805-30.787 15.753-24.503 10.949 6.284 22.108 33.322-18.694 33.031-40.801-.29-26.518 17.823-26.518 17.823 48.862 56.425-37.992 106.169 3.019 84.941 41.012-21.229 10.266-84.941-3.019-94.631-13.286-9.691-85.647-12.146-93.497 40.028a58.877 58.877 0 0 0 .625 23.198 58.71 58.71 0 0 0 9.536 21.133 65.862 65.862 0 0 0 24.172 20.242 65.477 65.477 0 0 0 30.755 6.638c37.388-.713 116.313-2.35 117.705-3.275 1.812-1.214 9.636-142.58-11.474-165.604s-213.538-5.465-220.759-4.251c-7.22 1.215-2.442 151.901-4.227 209.118-.945 30.1 232.338 20.436 234.622 13.598 2.284-6.839.762-32.371.762-32.371",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#instagram_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: "instagram_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(129 130)",
+      d: "M0 0h242v239.983H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "instagram_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+
+}
+EmptyInstagram.propTypes = EmptyStateProps;
+EmptyInstagram.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyInstagram'
+};
+
+if (false) {
+  EmptyInstagram.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyInstantmessage.js

@@ -0,0 +1,77 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class EmptyInstantmessage extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyInstantmessage"
+    }, this.props), /*#__PURE__*/React.createElement("path", {
+      d: "M317.98 373.083c7.705 0 13.952-6.247 13.952-13.953 0-7.706-6.247-13.952-13.952-13.952-7.706 0-13.953 6.246-13.953 13.952 0 7.706 6.247 13.953 13.953 13.953ZM386.859 330.678c15.341 0 27.778-12.437 27.778-27.778 0-15.342-12.437-27.779-27.778-27.779-15.342 0-27.779 12.437-27.779 27.779 0 15.341 12.437 27.778 27.779 27.778ZM238.015 134.565c15.342 0 27.778-12.437 27.778-27.779 0-15.341-12.436-27.778-27.778-27.778-15.342 0-27.779 12.437-27.779 27.778 0 15.342 12.437 27.779 27.779 27.779Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M260.847 202.875c44.193 44.888 7.681 141.629-90.175 156.738-38.216 5.914-75.507-17.929-84.409-55.557-5.787-24.495-8.207-59.871 31.272-88.007 92.132-65.637 150.93-32.051 168.902-15.026 10.522 9.996 50.801 75.655-14.499 129.023l13.952 60.376-56.82-38.827s-62.985 14.458-107.073-11.974A45.415 45.415 0 0 1 99.5 296.312c1.515-14.331 10.186-28.999 38.764-30.346 57.135-2.673 25.4 49.791 10.522 39.711-14.878-10.081-6.65-37.059 15.952-39.774 22.601-2.715 16.835-17.993 23.822-19.929 6.987-1.936 27.358-1.326 25.506 15.404-1.852 16.731-26.474 14.731-28.915 2.231-2.441-12.5 25.884-41.184 38.679-44.761 19.908-5.577 26.095 18.056 13.216 27.357-12.879 9.302-26.242-19.655-14.121-34.975 0 0 27.758-39.585 105.222-42.468l48.97-2.23-56.82 11.09s-4.208.694-4.924 6.797c-.715 6.103-3.072 13.637-5.177 9.828-2.104-3.809 11.28-24.559-9.28-34.113 0 0-.716-.947 2.883-.968 3.598-.021 62.649 3.893 78.453 3.767a1.282 1.282 0 0 1 1.268 1.572 1.284 1.284 0 0 1-.384.659l-44.698 41.099s-3.346 4.083-6.314-1.325c-2.967-5.409-3.409-16.52-16.077-12.501",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M174.353 332.151c-12.627 2.104-20.455-13.848-10.859-22.392 4.209-3.766 11.195-7.239 22.265-9.785 42.909-9.849 36.891-40.805 41.478-40.216 4.588.589 14.731 3.094 24.833-14.542 9.722-17.003 27.694 69.741-77.717 86.935Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M205.373 134.313s-2.252 13.258 0 13.258 8.418-7.513 13.995-6.629c5.576.884 43.014 5.135 46.297-30.893 3.283-36.028-43.52-45.246-64.522-23.149-13.089 13.7-8.228 28.768-2.693 38.174 0 0 24.727-26.642 26.347-25.253 1.62 1.389 8.754 9.218 9.575 9.091.821-.126 15.868-9.912 16.331-8.986.463.926-17.488 22.181-18.077 21.234-.59-.947-8.166-9.701-9.218-9.807-1.052-.105-14.731 9.113-14.731 9.113M398.35 309.443a12.839 12.839 0 0 0 4.209-4.545 2.38 2.38 0 0 0 0-2.336c-2.757-4.735-9.807-8.418-12.858-9.702a2.424 2.424 0 0 0-2.694.505c-4.609 4.483-1.789 8.418-1.789 8.418-9.407-1.283-28.789-20.329-22.854-18.94 4.377.968 6.734-2.672 7.702-4.671a2.44 2.44 0 0 0 0-2.252c-1.536-2.736-5.766-10.144-6.692-10.396-.926-.253-13.826-.337-10.754 14.878 3.073 15.215 25.485 33.987 48.087 32.387 22.601-1.599 23.864-26.831 11.174-48.612-11.174-19.171-47.413-30.262-67.173-4.209-19.761 26.053-2.526 51.917-2.526 51.917l-10.143 17.761 24.222-5.577s25.485 18.183 51.411-5.661",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#instantmessage_svg__a)"
+    }, /*#__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: "instantmessage_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+
+}
+EmptyInstantmessage.propTypes = EmptyStateProps;
+EmptyInstantmessage.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyInstantmessage'
+};
+
+if (false) {
+  EmptyInstantmessage.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyInvoice.js

@@ -0,0 +1,66 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+export default class EmptyInvoice extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "invoice"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyInvoice_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyInvoice_svg__cls-3,.EmptyInvoice_svg__cls-4,.EmptyInvoice_svg__cls-5,.EmptyInvoice_svg__cls-7,.EmptyInvoice_svg__cls-8{fill:none}.EmptyInvoice_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyInvoice_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyInvoice_svg__cls-4,.EmptyInvoice_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyInvoice_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyInvoice_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: "EmptyInvoice_svg__cls-7",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyInvoice_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyInvoice_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyInvoice_svg__cls-3",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "EmptyInvoice_svg__cls-6",
+      cx: 57.41,
+      cy: 113.21,
+      r: 14.89
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyInvoice_svg__cls-6",
+      d: "M48.34 130.44l.37 17.69a.83.83 0 001.37.63l7-6.81 6.75 7c.75.67 1.1-1.59 1.1-2.6v-18.77M75.54 73.14s-4.64-1.26 5.62-3S124.53 69 124.42 72c0 0-43.42 2.82-48.88 1.14zM84 103.87s-2.54-.29-1.3-2.77c.81-1.6 40.16-4.64 41.79-.79 1.05 2.42-40.49 3.56-40.49 3.56z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyInvoice_svg__cls-5",
+      d: "M65 134.94s1.12 12.34 0 14-7.85-7-7.85-7-6.13 8.84-8.67 7.23c0 0-1-14.15-.47-17.87a1.82 1.82 0 011.48-1.53c4.18-.79 17.77-1.64 22.24-12.22C77 105 63.59 94.05 49.83 99.06c-11.42 4.16-14.58 28.31 6.72 28.88s19-19 16.21-24.11C69.08 97 61 94.65 58.27 94.46a1.84 1.84 0 01-1.71-1.76l.93-27.7a19.26 19.26 0 012.18-10 14.82 14.82 0 0112.86-8.07c14-.85 74.65 0 74.65 0s17.71-.38 17.67 23.58a55.92 55.92 0 00-22.83 0s-1.3-20.23 6.68-20.57c0 0-7.62-3.26-8.79 17.3L142 136a21.76 21.76 0 01-1.41 8.57c-1.62 4.15-4.88 8.75-11.26 7.25a12.85 12.85 0 01-9.21-8.87l-1-3.34h-43s-2.63-1.65 46.72-1.24c0 0-2.6 9.27 2.06 13.74 1.85 1.77 11.39 3.09 11.39 3.09H69s-1.7-18.13 1.81-25.2 16-20.9-2.31-37c0 0 .39-18.28.68-25.54.44-11.25 55.12-7.4 58.14-4.37s5.38 7.39 1 8.4-53.87 2.87-54.11.67c-.2-1.78 44-4.51 49.53-1.63 4.45 2.29 3.45 19.6 3.3 25.84a4 4 0 01-.25 1.18 5.28 5.28 0 01-2.47 2.94 6.87 6.87 0 01-2.28.73c-11.11 1.57-33.26 2.45-38 2.65a1.41 1.41 0 01-1.45-1.08c-.15-.6-.31-1.47.15-1.69 3.47-1.6 43.07-6 44.9 2.1 1.4 6.18 1 15.16.28 19.29a2.79 2.79 0 01-2.48 2.3c-6.34.62-23.75 2.68-23.59.42.24-3.43 20.32-3.12 20.32-3.12"
+    }));
+  }
+
+}
+EmptyInvoice.propTypes = EmptyStateProps;
+EmptyInvoice.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyInvoice'
+};
+
+if (false) {
+  EmptyInvoice.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyLine.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 EmptyLine extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyLine"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#line_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M254.349 223.031s17.968 28.302 20.17 29.473c2.201 1.172-.48-35.669-.853-37.107-.373-1.438 23.082-1.243 23.366 1.438.284 2.681 0 52.288 0 56.088 0 3.799 34.782 1.455 38.421 2.432 3.64.977 2.433-11.789 1.776-13.458-.657-1.669-26.242-.764-26.242-.764s1.776-10.368 1.438-10.795c-.337-.426-1.438 1.456-1.438 1.456s24.484 0 26.917.391c2.432.391 0-7.652 0-12.18 0-4.527-25.124-2.521-26.899-2.521-1.776 0 1.775-9.854 1.775-10.653 0-.799-5.095-.781-1.775 1.278 3.32 2.06 18.926 0 24.484 0 5.557 0 2.432-8.274 2.432-11.789 0-3.515-52.075-1.953-49.252-2.006 2.823-.054 0 54.49 0 58.112s-6.96 2.325-11.771 2.325c-4.812 0-27.449-35.225-27.449-35.225v34.213c0 2.06-11.506.16-11.878 2.433-.373 2.272 5.876 0 12.535 0 2.467 0-.835-53.265 1.917-56.372 2.504-2.734-8.291-5.966-14.452-4.67-6.161 1.297-2.433 47.353-2.433 53.052 0 5.699-5.326 6.552-8.558 7.102-3.231.55-14.204-13.369-14.204-7.102 0 6.268 4.83 7.102 4.83 7.102 11.079-1.527 9.197-4.368 9.197-9.73v-48.719c0-2.184-11.541-.852-14.027 0-2.485.852 0 43.641 0 45.062 0 1.42-29.419 1.935-29.633 0-.213-1.936 17.01-1.421 19.531-.657 2.521.763 3.178 8.877 2.148 11.683-1.03 2.805-35.208.55-40.943 0-5.734-.551-2.734-59.053 7.422-58.592 10.156.462 6.942 46.909 6.942 46.909s-22.442 37.942-49.714 18.501c0 0 53.265 65.693 123.184 82.577 0 0-192.872-39.202-126.646-169.204 60.544-118.815 260.873-61.059 264.548 42.328 3.675 103.387-139.642 158.409-145.679 156.598-6.036-1.811 0-58.591 0-58.591",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M170.528 216.443c5.948 6.072 3.374 44.174 12.269 45.399 8.895 1.225 19.939-.497 20.187 3.658.249 4.154.515 6.427-2.148 6.693-2.663.267-36.078-.266-36.256-1.402-.177-1.137 0-60.367 5.948-54.348ZM214.878 270.631s-3.285-51.045.834-51.151c4.119-.107 7.865-1.421 7.635 1.171-.231 2.593 1.97 49.359 0 50.46-1.971 1.101-8.469-.48-8.469-.48ZM241.917 271.484s-6.143-52.394 1.634-50.814c7.776 1.58 33.539 40.836 35.722 39.735 2.184-1.101-3.551-39.167 1.279-41.369 10.653-4.776 8.38 49.022 2.184 51.49-6.197 2.467-36.451-36.078-36.451-36.078s4.19 36.93 1.101 36.965c-3.09.036-5.469.071-5.469.071ZM334.226 216.781s-30.628-2.095-31.338.692c-.71 2.788-1.953 52.395 0 54.046 1.953 1.651 32.172 2.486 32.172 1.083 0-1.402 1.971-9.232-.834-9.374-2.806-.142-24.857.408-25.461-.71-.604-1.119.692-13.423 1.403-13.423.71 0 25.815 1.775 25.567-.142-.249-1.918 1.775-10.067-1.652-10.067-3.426 0-23.773 1.544-25.176.142-1.403-1.403 1.119-14.559 2.521-14.559 1.403 0 22.94 3.089 23.224.994.049-2.9-.094-5.801-.426-8.682Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#line_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M198.002 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M32.5 293.25s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m42 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M425.5 52C419 52 413.75 57.25 413.75 63.75C413.75 70.25 419 75.5 425.5 75.5C432 75.5 437.25 70.25 437.25 63.75C437.25 57.25 431.75 52 425.5 52ZM425.5 73.25C420.5 73.25 416.25 69 416.25 63.75C416.25 58.5 420.5 54.25 425.5 54.25C430.5 54.25 434.75 58.5 434.75 63.75C434.75 69 430.5 73.25 425.5 73.25Z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M308.5 432.75C303.75 432.75 300 436.5 300 441.25C300 446 303.75 449.75 308.5 449.75C313.25 449.75 317 446 317 441.25C317 436.75 313.25 432.75 308.5 432.75ZM308.5 447.5C305.25 447.5 302.5 444.75 302.5 441.25C302.5 437.75 305.25 435 308.5 435C311.75 435 314.5 437.75 314.5 441.25C314.5 444.75 311.75 447.5 308.5 447.5Z",
+      fill: "var(--zd_emptysvg_small_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+      fill: "var(--zd_emptysvg_tiny_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "line_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(110 126)",
+      d: "M0 0h280.19v266.963H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "line_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+
+}
+EmptyLine.propTypes = EmptyStateProps;
+EmptyLine.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyLine'
+};
+
+if (false) {
+  EmptyLine.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyMessenger.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 EmptyMessenger extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyMessenger"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#messenger_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M198.002 140.5s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M32.5 293.249s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m42 284.498-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M425.5 51.999C419 51.999 413.75 57.249 413.75 63.749C413.75 70.249 419 75.499 425.5 75.499C432 75.499 437.25 70.249 437.25 63.749C437.25 57.249 431.75 51.999 425.5 51.999ZM425.5 73.249C420.5 73.249 416.25 68.999 416.25 63.749C416.25 58.499 420.5 54.249 425.5 54.249C430.5 54.249 434.75 58.499 434.75 63.749C434.75 68.999 430.5 73.249 425.5 73.249Z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M308.5 432.748C303.75 432.748 300 436.498 300 441.248C300 445.998 303.75 449.748 308.5 449.748C313.25 449.748 317 445.998 317 441.248C317 436.748 313.25 432.748 308.5 432.748ZM308.5 447.498C305.25 447.498 302.5 444.748 302.5 441.248C302.5 437.748 305.25 434.998 308.5 434.998C311.75 434.998 314.5 437.748 314.5 441.248C314.5 444.748 311.75 447.498 308.5 447.498Z",
+      fill: "var(--zd_emptysvg_small_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+      fill: "var(--zd_emptysvg_tiny_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#messenger_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M175.568 274.12s54.344-71.148 65.312-50.535c20.773 39.234 54.426-3.422 70.152-8.108 15.725-4.687-45.058 65.901-51.934 57.897-6.876-8.005-30.557-31.458-37.766-28.451-7.208 3.007-45.764 29.197-45.764 29.197Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M173.344 320.031s-6.835 40.209 0 40.209c6.834 0 25.821-22.81 42.523-20.094 16.702 2.717 130.727 15.553 140.594-93.688 9.868-109.242-132.222-137.298-196.059-70.505-39.74 41.473-24.928 87.239-8.185 115.794 0 0 72.707-41.889 75.844-41.474 3.137.415 26.237 26.958 28.023 29.737 1.787 2.778 56.358-61.568 54.946-64.409-1.413-2.841-47.156 26.958-49.628 27.248-2.472.291-24.118-23.349-29.083-27.6-3.843-3.277-41.048 35.252-61.655 57.047",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })));
+  }
+
+}
+EmptyMessenger.propTypes = EmptyStateProps;
+EmptyMessenger.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyMessenger'
+};
+
+if (false) {
+  EmptyMessenger.docs = {
+    componentGroup: 'Emptystate'
+  };
+}