@zohodesk/svg 1.0.0-beta.47 → 1.0.0-beta.48

package/es/{svg → emptystate/version3}/EmptyAgent.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyAgent extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "agent"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyAgent_svg__cls-4,.EmptyAgent_svg__cls-5,.EmptyAgent_svg__cls-6,.EmptyAgent_svg__cls-7,.EmptyAgent_svg__cls-8{fill:none}.EmptyAgent_svg__cls-4,.EmptyAgent_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyAgent_svg__cls-7{stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAgent_svg__cls-5,.EmptyAgent_svg__cls-8{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAgent_svg__cls-6{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}.EmptyAgent_svg__cls-8{stroke:var(--zd_emptysvg_primary_stroke)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyAgent_svg__cls-4,.EmptyAgent_svg__cls-5,.EmptyAgent_svg__cls-6,.EmptyAgent_svg__cls-7,.EmptyAgent_svg__cls-8{fill:none}.EmptyAgent_svg__cls-4,.EmptyAgent_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyAgent_svg__cls-7{stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAgent_svg__cls-5,.EmptyAgent_svg__cls-8{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAgent_svg__cls-6{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}.EmptyAgent_svg__cls-8{stroke:var(--zd_emptysvg_primary_stroke)}')), /*#__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
@@ -48,25 +49,14 @@ export default class EmptyAgent extends React.Component {
   }
 
 }
-EmptyAgent.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyAgent.propTypes = { ...EmptyStateProps
 };
-EmptyAgent.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyAgent',
-  palette: 'default'
+EmptyAgent.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyAgent'
 };
 
 if (false) {
   EmptyAgent.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyAgentQueue.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyAgentQueue extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "EmptyAgentQueue"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".agentQueue_svg__cls-4,.agentQueue_svg__cls-6{fill:var(--zd_emptysvg_primary_fill)}.agentQueue_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.agentQueue_svg__cls-7{fill:var(--zd_emptysvg_cross)}.agentQueue_svg__cls-5{fill:var(--zd_emptysvg_small_circle)}.agentQueue_svg__cls-8{fill:var(--zd_emptysvg_primary_stroke);}.agentQueue_svg__cls-6{opacity:.25}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.agentQueue_svg__cls-4,.agentQueue_svg__cls-6{fill:var(--zd_emptysvg_primary_fill)}.agentQueue_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.agentQueue_svg__cls-7{fill:var(--zd_emptysvg_cross)}.agentQueue_svg__cls-5{fill:var(--zd_emptysvg_small_circle)}.agentQueue_svg__cls-8{fill:var(--zd_emptysvg_primary_stroke);}.agentQueue_svg__cls-6{opacity:.25}')), /*#__PURE__*/React.createElement("path", {
       d: "M80.12 59.9S127 29.06 150.78 38.35s40 87.37-26.06 122.41-95.89-41.18-96.15-54.69c-.24-13.07 0-44.23 51.55-46.17z",
       opacity: 0.05,
       fill: "var(--zd_emptysvg_primary_fill)"
@@ -54,25 +55,14 @@ export default class EmptyAgentQueue extends React.Component {
   }
 
 }
-EmptyAgentQueue.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyAgentQueue.propTypes = { ...EmptyStateProps
 };
-EmptyAgentQueue.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyAgentQueue',
-  palette: 'default'
+EmptyAgentQueue.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyAgentQueue'
 };
 
 if (false) {
   EmptyAgentQueue.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyApproval.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyApproval extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "archived"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyApproval_svg__cls-3,.EmptyApproval_svg__cls-4,.EmptyApproval_svg__cls-5,.EmptyApproval_svg__cls-6,.EmptyApproval_svg__cls-7{fill:none}.EmptyApproval_svg__cls-3,.EmptyApproval_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyApproval_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyApproval_svg__cls-4,.EmptyApproval_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyApproval_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyApproval_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyApproval_svg__cls-3,.EmptyApproval_svg__cls-4,.EmptyApproval_svg__cls-5,.EmptyApproval_svg__cls-6,.EmptyApproval_svg__cls-7{fill:none}.EmptyApproval_svg__cls-3,.EmptyApproval_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyApproval_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyApproval_svg__cls-4,.EmptyApproval_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyApproval_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyApproval_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
       d: "M86.43 62.37s46.91-30.84 70.66-21.56 40 87.37-26.06 122.42-95.89-41.23-96.15-54.7c-.24-13.07 0-44.22 51.55-46.16z",
       opacity: 0.05,
       fill: "var(--zd_emptysvg_primary_fill)"
@@ -54,25 +55,14 @@ export default class EmptyApproval extends React.Component {
   }
 
 }
-EmptyApproval.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyApproval.propTypes = { ...EmptyStateProps
 };
-EmptyApproval.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyArchived',
-  palette: 'default'
+EmptyApproval.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyApproval'
 };
 
 if (false) {
   EmptyApproval.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyArchived.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyArchived extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "archived"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyArchived_svg__cls-3,.EmptyArchived_svg__cls-4,.EmptyArchived_svg__cls-5,.EmptyArchived_svg__cls-6,.EmptyArchived_svg__cls-8{fill:none}.EmptyArchived_svg__cls-3,.EmptyArchived_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyArchived_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyArchived_svg__cls-4,.EmptyArchived_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyArchived_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyArchived_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}.EmptyArchived_svg__cls-7{fill:var(--zd_emptysvg_circle_fill)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyArchived_svg__cls-3,.EmptyArchived_svg__cls-4,.EmptyArchived_svg__cls-5,.EmptyArchived_svg__cls-6,.EmptyArchived_svg__cls-8{fill:none}.EmptyArchived_svg__cls-3,.EmptyArchived_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyArchived_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyArchived_svg__cls-4,.EmptyArchived_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyArchived_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyArchived_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}.EmptyArchived_svg__cls-7{fill:var(--zd_emptysvg_circle_fill)}')), /*#__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)"
@@ -56,25 +57,14 @@ export default class EmptyArchived extends React.Component {
   }
 
 }
-EmptyArchived.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyArchived.propTypes = { ...EmptyStateProps
 };
-EmptyArchived.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyArchived',
-  palette: 'default'
+EmptyArchived.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyArchived'
 };
 
 if (false) {
   EmptyArchived.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyAttach.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyAttach extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "attach"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyAttach_svg__cls-4,.EmptyAttach_svg__cls-5,.EmptyAttach_svg__cls-6,.EmptyAttach_svg__cls-7,.EmptyAttach_svg__cls-8{fill:none}.EmptyAttach_svg__cls-4,.EmptyAttach_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAttach_svg__cls-7{stroke:var(--zd_emptysvg_cross)}.EmptyAttach_svg__cls-5,.EmptyAttach_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAttach_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyAttach_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyAttach_svg__cls-4,.EmptyAttach_svg__cls-5,.EmptyAttach_svg__cls-6,.EmptyAttach_svg__cls-7,.EmptyAttach_svg__cls-8{fill:none}.EmptyAttach_svg__cls-4,.EmptyAttach_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyAttach_svg__cls-7{stroke:var(--zd_emptysvg_cross)}.EmptyAttach_svg__cls-5,.EmptyAttach_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyAttach_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyAttach_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
       d: "M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z",
       fill: "var(--zd_emptysvg_primary_fill)",
       opacity: 0.05
@@ -48,25 +49,14 @@ export default class EmptyAttach extends React.Component {
   }
 
 }
-EmptyAttach.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyAttach.propTypes = { ...EmptyStateProps
 };
-EmptyAttach.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyAttach',
-  palette: 'default'
+EmptyAttach.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyAttach'
 };
 
 if (false) {
   EmptyAttach.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyBlueprint.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyBlueprint extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "blueprint"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyBlueprint_svg__cls-4{fill:var(--zd_emptysvg_plus)}.EmptyBlueprint_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyBlueprint_svg__cls-7{fill:var(--zd_emptysvg_cross)}.EmptyBlueprint_svg__cls-5{fill:var(--zd_emptysvg_primary_stroke)}.EmptyBlueprint_svg__cls-8{fill:var(--zd_emptysvg_small_circle)}.EmptyBlueprint_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyBlueprint_svg__cls-4{fill:var(--zd_emptysvg_plus)}.EmptyBlueprint_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyBlueprint_svg__cls-7{fill:var(--zd_emptysvg_cross)}.EmptyBlueprint_svg__cls-5{fill:var(--zd_emptysvg_primary_stroke)}.EmptyBlueprint_svg__cls-8{fill:var(--zd_emptysvg_small_circle)}.EmptyBlueprint_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}')), /*#__PURE__*/React.createElement("path", {
       d: "M86.5 67.37s42.51-27.95 64-19.54 36.24 79.17-23.59 110.92S40 121.44 39.8 109.2c-.22-11.85 0-40.08 46.7-41.83z",
       opacity: 0.05,
       fill: "var(--zd_emptysvg_primary_fill)"
@@ -63,25 +64,14 @@ export default class EmptyBlueprint extends React.Component {
   }
 
 }
-EmptyBlueprint.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyBlueprint.propTypes = { ...EmptyStateProps
 };
-EmptyBlueprint.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyBlueprint',
-  palette: 'default'
+EmptyBlueprint.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyBlueprint'
 };
 
 if (false) {
   EmptyBlueprint.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyCallHistory.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyCallHistory extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "CallHistoryEmpty"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5,.EmptyCallHistory_svg__cls-6,.EmptyCallHistory_svg__cls-7{fill:none}.EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCallHistory_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCallHistory_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5,.EmptyCallHistory_svg__cls-6,.EmptyCallHistory_svg__cls-7{fill:none}.EmptyCallHistory_svg__cls-3,.EmptyCallHistory_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCallHistory_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCallHistory_svg__cls-4,.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCallHistory_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCallHistory_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)"
@@ -50,25 +51,14 @@ export default class EmptyCallHistory extends React.Component {
   }
 
 }
-EmptyCallHistory.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyCallHistory.propTypes = { ...EmptyStateProps
 };
-EmptyCallHistory.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyCallHistory',
-  palette: 'default'
+EmptyCallHistory.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCallHistory'
 };
 
 if (false) {
   EmptyCallHistory.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyCollision.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyCollision extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "collision"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyCollision_svg__cls-3,.EmptyCollision_svg__cls-4,.EmptyCollision_svg__cls-5,.EmptyCollision_svg__cls-6,.EmptyCollision_svg__cls-7{fill:none}.EmptyCollision_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCollision_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyCollision_svg__cls-4,.EmptyCollision_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCollision_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCollision_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCollision_svg__cls-3,.EmptyCollision_svg__cls-4,.EmptyCollision_svg__cls-5,.EmptyCollision_svg__cls-6,.EmptyCollision_svg__cls-7{fill:none}.EmptyCollision_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyCollision_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyCollision_svg__cls-4,.EmptyCollision_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyCollision_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyCollision_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
       d: "M83.6 67.23s46.91-30.84 70.66-21.55 40 87.37-26.06 122.41-95.89-41.18-96.15-54.69c-.24-13.07 0-44.23 51.55-46.17z",
       opacity: 0.05,
       fill: "var(--zd_emptysvg_primary_fill)"
@@ -48,25 +49,14 @@ export default class EmptyCollision extends React.Component {
   }
 
 }
-EmptyCollision.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyCollision.propTypes = { ...EmptyStateProps
 };
-EmptyCollision.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyCollision',
-  palette: 'default'
+EmptyCollision.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCollision'
 };
 
 if (false) {
   EmptyCollision.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyColumn.js

@@ -1,17 +1,18 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyColumn extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "column"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyColumn_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);isolation:isolate}.EmptyColumn_svg__cls-3,.EmptyColumn_svg__cls-4,.EmptyColumn_svg__cls-5,.EmptyColumn_svg__cls-7,.EmptyColumn_svg__cls-8{fill:none}.EmptyColumn_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyColumn_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyColumn_svg__cls-4,.EmptyColumn_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyColumn_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyColumn_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyColumn_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);isolation:isolate}.EmptyColumn_svg__cls-3,.EmptyColumn_svg__cls-4,.EmptyColumn_svg__cls-5,.EmptyColumn_svg__cls-7,.EmptyColumn_svg__cls-8{fill:none}.EmptyColumn_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyColumn_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyColumn_svg__cls-4,.EmptyColumn_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyColumn_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyColumn_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
       d: "M86.51 62.51S133.43 31.67 157.17 41s40 87.35-26.06 122.38S35.22 122.21 35 108.7c-.28-13.11 0-44.26 51.51-46.19z",
       style: {
-        isolation: "isolate"
+        isolation: 'isolate'
       },
       opacity: 0.05,
       fill: "var(--zd_emptysvg_primary_fill)"
@@ -54,25 +55,14 @@ export default class EmptyColumn extends React.Component {
   }
 
 }
-EmptyColumn.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyColumn.propTypes = { ...EmptyStateProps
 };
-EmptyColumn.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'EmptyColumn',
-  palette: 'default'
+EmptyColumn.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyColumn'
 };
 
 if (false) {
   EmptyColumn.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyContact.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyContact extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "contact"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyContact_svg__cls-4,.EmptyContact_svg__cls-5,.EmptyContact_svg__cls-6,.EmptyContact_svg__cls-7,.EmptyContact_svg__cls-8{fill:none}.EmptyContact_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyContact_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyContact_svg__cls-5,.EmptyContact_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyContact_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyContact_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyContact_svg__cls-4,.EmptyContact_svg__cls-5,.EmptyContact_svg__cls-6,.EmptyContact_svg__cls-7,.EmptyContact_svg__cls-8{fill:none}.EmptyContact_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyContact_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyContact_svg__cls-5,.EmptyContact_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyContact_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyContact_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
       d: "M86.51 62.52S133.42 31.67 157.16 41s40 87.37-26.06 122.41-95.88-41.22-96.1-54.73c-.28-13.07 0-44.23 51.51-46.16z",
       fill: "var(--zd_emptysvg_primary_fill)",
       opacity: 0.05
@@ -48,25 +49,14 @@ export default class EmptyContact extends React.Component {
   }
 
 }
-EmptyContact.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyContact.propTypes = { ...EmptyStateProps
 };
-EmptyContact.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyContact',
-  palette: 'default'
+EmptyContact.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyContact'
 };
 
 if (false) {
   EmptyContact.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyContract.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyContract extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "Contract"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyContract_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyContract_svg__cls-5{fill:var(--zd_emptysvg_cross)}.EmptyContract_svg__cls-4{fill:var(--zd_emptysvg_plus)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyContract_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyContract_svg__cls-5{fill:var(--zd_emptysvg_cross)}.EmptyContract_svg__cls-4{fill:var(--zd_emptysvg_plus)}')), /*#__PURE__*/React.createElement("path", {
       d: "M88.2 67.4s41.2-27.13 62.06-19 35.09 76.86-22.89 107.68S43.15 119.89 42.93 108c-.21-11.5 0-38.9 45.27-40.6z",
       opacity: 0.05,
       fill: "var(--zd_emptysvg_primary_fill)"
@@ -44,25 +45,14 @@ export default class EmptyContract extends React.Component {
   }
 
 }
-EmptyContract.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyContract.propTypes = { ...EmptyStateProps
 };
-EmptyContract.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'EmptyContract',
-  palette: 'default'
+EmptyContract.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyContract'
 };
 
 if (false) {
   EmptyContract.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyConversation.js

@@ -1,14 +1,15 @@
-function _extends() { _extends = Object.assign || 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); }
+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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class EmptyConversation extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "conversation"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyConversation_svg__cls-4,.EmptyConversation_svg__cls-5,.EmptyConversation_svg__cls-6,.EmptyConversation_svg__cls-7,.EmptyConversation_svg__cls-8{fill:none}.EmptyConversation_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyConversation_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyConversation_svg__cls-5,.EmptyConversation_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyConversation_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyConversation_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyConversation_svg__cls-4,.EmptyConversation_svg__cls-5,.EmptyConversation_svg__cls-6,.EmptyConversation_svg__cls-7,.EmptyConversation_svg__cls-8{fill:none}.EmptyConversation_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyConversation_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyConversation_svg__cls-5,.EmptyConversation_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyConversation_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyConversation_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
       d: "M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z",
       fill: "var(--zd_emptysvg_primary_fill)",
       opacity: 0.05
@@ -48,25 +49,14 @@ export default class EmptyConversation extends React.Component {
   }
 
 }
-EmptyConversation.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyConversation.propTypes = { ...EmptyStateProps
 };
-EmptyConversation.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyConversation',
-  palette: 'default'
+EmptyConversation.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyConversation'
 };
 
 if (false) {
   EmptyConversation.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }