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

package/es/emptystate/version3/EmptyCanned.js

@@ -0,0 +1,79 @@
+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 EmptyCanned extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyCanned"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#canned_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(#canned_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M274.462 273.079h-61.991l15.976-64.574h79.586s-43.584 159.07-39.647 159.679c3.938.608 27.812 0 27.812 0l16.876-68.428h60.64s9.721-25.956 6.233-26.677c-3.488-.721-60.078 0-60.078 0l15.976-64.574h60.753s7.425-24.289 6.12-26.542c-1.305-2.253-56.95.676-60.348 0-3.397-.676 16.561-65.476 16.561-65.476s-21.061-.608-27.811 0c-6.751.609-16.561 65.476-16.561 65.476h-79.587l16.561-65.476s-24.099.654-27.812 0c-3.712-.653-16.515 65.476-16.515 65.476s-53.756.315-58.008 0c-4.253-.315-4.501 23.027-6.211 26.677-1.71 3.65 57.693 0 57.693 0l-15.976 64.484s-54.61.902-58.278 0c-3.667-.901-6.75 22.937-6.21 26.677.54 3.741 57.693 0 57.693 0s-17.461 64.71-16.876 68.428c.585 3.717 27.812 0 27.812 0l16.875-68.428 59.066-.383",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M185.446 362.821s-21.151 4.709-20.678 0c.472-4.709 61.653-240.927 61.653-240.927s18.518-3.334 19.193 0c.675 3.335-60.168 240.927-60.168 240.927ZM290.571 362.821s-21.151 4.709-20.678 0c.472-4.709 61.653-240.927 61.653-240.927s18.518-3.334 19.193 0c.675 3.335-60.168 240.927-60.168 240.927Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M394.864 184.396s-.945 19.603-5.625 20.279c-4.681.675-237.635-.564-237.635-.564s.607-17.529 3.69-19.016c3.082-1.487 239.57-.699 239.57-.699ZM367.234 275.22s-.945 19.602-5.625 20.278c-4.681.676-237.658-.518-237.658-.518s.608-17.552 3.69-19.039c3.083-1.487 239.593-.721 239.593-.721Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "canned_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "canned_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(119 115)",
+      d: "M0 0h285v256H0z"
+    }))));
+  }
+
+}
+EmptyCanned.propTypes = EmptyStateProps;
+EmptyCanned.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCanned'
+};
+
+if (false) {
+  EmptyCanned.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyChat.js

@@ -0,0 +1,79 @@
+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 EmptyChat extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyChat"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#chat_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M183.464 261.93s117.04 1.421 116.407-4.207c-.25-2.286-109.838.96-112.162.96-2.325 0-4.284 50.347-3.304 55.707.979 5.359 134.943 1.459 134.943 1.459s45.295 43.528 47.063 46.102c1.767 2.574-.481 3.631-1.556 3.631-1.076 0 2.151-172.267 0-180.297-2.152-8.029-43.855-2.67-49.214-2.67-5.359 0-16.039 73.821-9.604 76.491 6.435 2.67 3.592-108.551 3.592-118.943 0-10.392-145.355-9.431-163.277-5.666-17.922 3.765-9.451 163.277-9.451 163.277s-1.921 14.637 1.921 14.157c3.842-.48 41.837-43.758 41.837-43.758",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      fill: "transparent",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M163.601 149.21C186.421 145.945 282.313 142.698 284.618 156.202C286.923 169.706 231.562 190.106 242.723 207.606C253.883 225.105 292.071 230.656 279.047 241.855C266.023 253.054 186.402 239.934 180.812 243.776C175.222 247.618 153.151 292.125 149.578 287.323C146.005 282.521 140.799 152.476 163.601 149.21Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.8,
+      d: "M307.285 268.422C310.938 268.157 314.365 266.558 316.915 263.93C319.466 261.302 320.961 257.828 321.116 254.169C321.98 234.384 324.343 199.442 330.298 199.135C338.615 198.693 351.313 197.368 351.313 203.937C351.313 210.507 357.075 326.529 353.502 324.34C349.93 322.15 332.046 298.523 325.918 298.523C319.791 298.523 207.706 305.515 205.516 299.829C203.326 294.143 203.768 275.318 209.896 275.318C214.659 275.318 278.856 270.554 307.285 268.422Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#chat_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: "chat_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(134 131)",
+      d: "M0 0h234.12v235.618H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "chat_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(22.5 50)",
+      d: "M0 0h450v400H0z"
+    }))));
+  }
+
+}
+EmptyChat.propTypes = EmptyStateProps;
+EmptyChat.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyChat'
+};
+
+if (false) {
+  EmptyChat.docs = {
+    componentGroup: 'Emptystate'
+  };
+}

package/es/emptystate/version3/EmptyCollision.js

@@ -49,8 +49,7 @@ export default class EmptyCollision extends React.Component {
   }
 
 }
-EmptyCollision.propTypes = { ...EmptyStateProps
-};
+EmptyCollision.propTypes = EmptyStateProps;
 EmptyCollision.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyCollision'
 };

package/es/emptystate/version3/EmptyColumn.js

@@ -55,8 +55,7 @@ export default class EmptyColumn extends React.Component {
   }
 
 }
-EmptyColumn.propTypes = { ...EmptyStateProps
-};
+EmptyColumn.propTypes = EmptyStateProps;
 EmptyColumn.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'EmptyColumn'
 };

package/es/emptystate/version3/EmptyContact.js

@@ -49,8 +49,7 @@ export default class EmptyContact extends React.Component {
   }
 
 }
-EmptyContact.propTypes = { ...EmptyStateProps
-};
+EmptyContact.propTypes = EmptyStateProps;
 EmptyContact.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyContact'
 };

package/es/emptystate/version3/EmptyContract.js

@@ -45,8 +45,7 @@ export default class EmptyContract extends React.Component {
   }
 
 }
-EmptyContract.propTypes = { ...EmptyStateProps
-};
+EmptyContract.propTypes = EmptyStateProps;
 EmptyContract.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'EmptyContract'
 };

package/es/emptystate/version3/EmptyConversation.js

@@ -49,8 +49,7 @@ export default class EmptyConversation extends React.Component {
   }
 
 }
-EmptyConversation.propTypes = { ...EmptyStateProps
-};
+EmptyConversation.propTypes = EmptyStateProps;
 EmptyConversation.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyConversation'
 };

package/es/emptystate/version3/EmptyCrm.js

@@ -49,8 +49,7 @@ export default class EmptyCrm extends React.Component {
   }
 
 }
-EmptyCrm.propTypes = { ...EmptyStateProps
-};
+EmptyCrm.propTypes = EmptyStateProps;
 EmptyCrm.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'EmptyCrm'
 };

package/es/emptystate/version3/EmptyCrmNotes.js

@@ -60,8 +60,7 @@ export default class EmptyCrmNotes extends React.Component {
   }
 
 }
-EmptyCrmNotes.propTypes = { ...EmptyStateProps
-};
+EmptyCrmNotes.propTypes = EmptyStateProps;
 EmptyCrmNotes.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyCrmNotes'
 };

package/es/emptystate/version3/EmptyCrmPotential.js

@@ -63,8 +63,7 @@ export default class EmptyCrmPotential extends React.Component {
   }
 
 }
-EmptyCrmPotential.propTypes = { ...EmptyStateProps
-};
+EmptyCrmPotential.propTypes = EmptyStateProps;
 EmptyCrmPotential.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyCrmPotential'
 };

package/es/emptystate/version3/EmptyDashboard.js

@@ -55,8 +55,7 @@ export default class EmptyDashboard extends React.Component {
   }
 
 }
-EmptyDashboard.propTypes = { ...EmptyStateProps
-};
+EmptyDashboard.propTypes = EmptyStateProps;
 EmptyDashboard.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyDashboard'
 };

package/es/emptystate/version3/EmptyDelete.js

@@ -40,8 +40,7 @@ export default class EmptyDelete extends React.Component {
   }
 
 }
-EmptyDelete.propTypes = { ...EmptyStateProps
-};
+EmptyDelete.propTypes = EmptyStateProps;
 EmptyDelete.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'EmptyDelete'
 };

package/es/emptystate/version3/EmptyDepartment.js

@@ -49,8 +49,7 @@ export default class EmptyDepartment extends React.Component {
   }
 
 }
-EmptyDepartment.propTypes = { ...EmptyStateProps
-};
+EmptyDepartment.propTypes = EmptyStateProps;
 EmptyDepartment.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyDepartment'
 };

package/es/emptystate/version3/EmptyError.js

@@ -71,8 +71,7 @@ export default class EmptyError extends React.Component {
   }
 
 }
-EmptyError.propTypes = { ...EmptyStateProps
-};
+EmptyError.propTypes = EmptyStateProps;
 EmptyError.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'EmptyError',
   palette: 'danger'

package/es/emptystate/version3/EmptyFeed.js

@@ -52,8 +52,7 @@ export default class EmptyFeed extends React.Component {
   }
 
 }
-EmptyFeed.propTypes = { ...EmptyStateProps
-};
+EmptyFeed.propTypes = EmptyStateProps;
 EmptyFeed.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'EmptyFeed'
 };

package/es/emptystate/version3/EmptyFollowers.js

@@ -50,8 +50,7 @@ export default class EmptyFollowers extends React.Component {
   }
 
 }
-EmptyFollowers.propTypes = { ...EmptyStateProps
-};
+EmptyFollowers.propTypes = EmptyStateProps;
 EmptyFollowers.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'EmptyFollowers'
 };

package/es/emptystate/version3/EmptyFrame.js

@@ -48,8 +48,7 @@ export default class EmptyFrame extends React.Component {
   }
 
 }
-EmptyFrame.propTypes = { ...EmptyStateProps
-};
+EmptyFrame.propTypes = EmptyStateProps;
 EmptyFrame.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyFrame'
 };

package/es/emptystate/version3/EmptyHappiness.js

@@ -49,8 +49,7 @@ export default class EmptyHappiness extends React.Component {
   }
 
 }
-EmptyHappiness.propTypes = { ...EmptyStateProps
-};
+EmptyHappiness.propTypes = EmptyStateProps;
 EmptyHappiness.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyHappiness'
 };

package/es/emptystate/version3/EmptyHistory.js

@@ -49,8 +49,7 @@ export default class EmptyHistory extends React.Component {
   }
 
 }
-EmptyHistory.propTypes = { ...EmptyStateProps
-};
+EmptyHistory.propTypes = EmptyStateProps;
 EmptyHistory.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyHistory'
 };

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

@@ -54,8 +54,7 @@ export default class EmptyInvoice extends React.Component {
   }
 
 }
-EmptyInvoice.propTypes = { ...EmptyStateProps
-};
+EmptyInvoice.propTypes = EmptyStateProps;
 EmptyInvoice.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyInvoice'
 };

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'
+  };
+}