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

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

package/es/{svg → emptystate/version3}/EmptyCrmNotes.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 EmptyCrmNotes extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "crmnotes"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyCrmNotes_svg__cls-4,.EmptyCrmNotes_svg__cls-6{fill:none;stroke-width:.65px}.EmptyCrmNotes_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCrmNotes_svg__cls-4{stroke:var(--zd_emptysvg_plus)}.EmptyCrmNotes_svg__cls-4,.EmptyCrmNotes_svg__cls-6{stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCrmNotes_svg__cls-4,.EmptyCrmNotes_svg__cls-6{fill:none;stroke-width:.65px}.EmptyCrmNotes_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCrmNotes_svg__cls-4{stroke:var(--zd_emptysvg_plus)}.EmptyCrmNotes_svg__cls-4,.EmptyCrmNotes_svg__cls-6{stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
       d: "M75.45 63.13s42.51-27.95 64-19.54 36.21 79.17-23.62 110.92S29 117.2 28.74 105c-.22-11.89 0-40.12 46.71-41.87z",
       opacity: 0.05,
       fill: "var(--zd_emptysvg_primary_fill)"
@@ -59,25 +60,14 @@ export default class EmptyCrmNotes extends React.Component {
   }
 
 }
-EmptyCrmNotes.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyCrmNotes.propTypes = { ...EmptyStateProps
 };
-EmptyCrmNotes.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyCrmNotes',
-  palette: 'default'
+EmptyCrmNotes.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCrmNotes'
 };
 
 if (false) {
   EmptyCrmNotes.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyCrmPotential.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 EmptyCrmPotential extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "crmPotential"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyCrmPotential_svg__cls-9{fill:var(--zd_emptysvg_secondary_fill)}.EmptyCrmPotential_svg__cls-4,.EmptyCrmPotential_svg__cls-6{fill:none;stroke-width:.65px}.EmptyCrmPotential_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCrmPotential_svg__cls-4{stroke:var(--zd_emptysvg_plus)}.EmptyCrmPotential_svg__cls-4,.EmptyCrmPotential_svg__cls-6{stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyCrmPotential_svg__cls-9{fill:var(--zd_emptysvg_secondary_fill)}.EmptyCrmPotential_svg__cls-4,.EmptyCrmPotential_svg__cls-6{fill:none;stroke-width:.65px}.EmptyCrmPotential_svg__cls-6{stroke:var(--zd_emptysvg_cross)}.EmptyCrmPotential_svg__cls-4{stroke:var(--zd_emptysvg_plus)}.EmptyCrmPotential_svg__cls-4,.EmptyCrmPotential_svg__cls-6{stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
       d: "M78.35 63.13s42.51-27.95 64-19.54 36.21 79.17-23.62 110.92S31.87 117.2 31.64 105c-.22-11.89 0-40.12 46.71-41.87z",
       opacity: 0.05,
       fill: "var(--zd_emptysvg_primary_fill)"
@@ -62,25 +63,14 @@ export default class EmptyCrmPotential extends React.Component {
   }
 
 }
-EmptyCrmPotential.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyCrmPotential.propTypes = { ...EmptyStateProps
 };
-EmptyCrmPotential.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyCrmPotential',
-  palette: 'default'
+EmptyCrmPotential.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCrmPotential'
 };
 
 if (false) {
   EmptyCrmPotential.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyDashboard.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 EmptyDashboard extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "dashboard"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyDashboard_svg__cls-3,.EmptyDashboard_svg__cls-4,.EmptyDashboard_svg__cls-5{fill:none}.EmptyDashboard_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyDashboard_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyDashboard_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyDashboard_svg__cls-3,.EmptyDashboard_svg__cls-4,.EmptyDashboard_svg__cls-5{fill:none}.EmptyDashboard_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyDashboard_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyDashboard_svg__cls-4{stroke:var(--zd_emptysvg_plus);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)"
@@ -54,25 +55,14 @@ export default class EmptyDashboard extends React.Component {
   }
 
 }
-EmptyDashboard.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyDashboard.propTypes = { ...EmptyStateProps
 };
-EmptyDashboard.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyDashboard',
-  palette: 'default'
+EmptyDashboard.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyDashboard'
 };
 
 if (false) {
   EmptyDashboard.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

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

@@ -1,26 +1,27 @@
-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 EmptyDelete extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "delete"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyDelete_svg__cls-3{fill:var(--zd_emptysvg_plus)}.EmptyDelete_svg__cls-4{fill:var(--zd_emptysvg_medium_circle)}.EmptyDelete_svg__cls-5{fill:var(--zd_emptysvg_cross)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyDelete_svg__cls-3{fill:var(--zd_emptysvg_plus)}.EmptyDelete_svg__cls-4{fill:var(--zd_emptysvg_medium_circle)}.EmptyDelete_svg__cls-5{fill:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", {
       fill: "var(--zd_emptysvg_primary_stroke)",
       d: "M98.66 174.25a113.49 113.49 0 0 1-27.21-3.46 12.5 12.5 0 0 1-9.23-9.71l-1.76-.41a.5.5 0 0 1-.38-.45c0-.16-1-16-1.24-32.23-.46-33 2.67-35.4 3.69-36.17a1.77 1.77 0 0 1 1.73-.27 2.73 2.73 0 0 1 1.35 1.26c34.09-4.43 53.35-2 63.07.54a23.88 23.88 0 0 0 6.74-4.35c-3.66-.92-8.67-5.24-13.17-10.94-10.9-9.35-25-23.9-31-40.47-1.54-4.29-1.65-7-.34-8.18 1-1 2.9-.86 5.49.32 4.39 2 11.06 7.26 17.9 13.9a12.7 12.7 0 0 1 3.09-2.6c6.38-3.89 10.43-2.64 12.7-.9 3.6 2.74 4.7 8.32 3.66 11.92-.66 2.27-2.11 3.67-4 3.84a.44.44 0 0 0-.32.11c-.28.58 1.43 3.12 2.94 5.37 3.49 5.17 8.57 12.72 7.94 19.9a13 13 0 0 1 .21 2.66c-.11 3.89-1.76 5-3.13 5.2h-.14l-9.71 72.07a12.35 12.35 0 0 1-9.66 11 90.93 90.93 0 0 1-19.22 2.05ZM63.3 161.31a11.5 11.5 0 0 0 8.39 8.51c11.17 2.79 28.21 5.32 46 1.45a11.34 11.34 0 0 0 8.88-10.13l.05-.39c-3.73.74-34.91 6.55-63.32.56Zm-.2-1.06c28.38 6.1 59.71.24 63.33-.48L135 96.52a39.82 39.82 0 0 0-6.12-2.16h-.05c-21.39 9.36-49.77 4.4-62.11 1.5 2.33 10.52-.47 37.88-3.6 61.28a11.42 11.42 0 0 0-.02 3.11Zm-2-.46 1 .23a12.49 12.49 0 0 1 0-3c4.24-31.67 5.49-53.53 3.61-61.39-1-.24-1.83-.45-2.54-.64a1 1 0 0 1 .12-1.88l1.27-.11a1.51 1.51 0 0 0-.64-.46.79.79 0 0 0-.79.13c-4.96 3.69-3.2 49.33-2.07 67.12Zm5.38-64.94c11.75 2.75 39.55 7.8 60.82-.9-19.53-4.7-50.16-1.56-61.18-.19a10.72 10.72 0 0 1 .32 1.09Zm63.73-1.1a39 39 0 0 1 5.22 1.86l.8-5.94a23.23 23.23 0 0 1-6.06 4.08Zm-65 .13-1.71.23 2 .49c-.17-.26-.26-.5-.36-.72Zm74.34-9a12.9 12.9 0 0 1-1.84 3.15c.95-.32 1.56-1.37 1.77-3.11Zm-16.65-7.54a155 155 0 0 0 13.64 10.5 11.81 11.81 0 0 0 2.37-4.36 10.88 10.88 0 0 0 .41-2.09C137.57 72 126 56.66 114.4 45.14c-3.46 4.88-2.18 11.71-.18 17.09a57.83 57.83 0 0 0 8.68 15.11Zm4.16 4.73a25.24 25.24 0 0 0 7.53 5.64c-1.68-1.18-4.33-3.1-7.53-5.64ZM115 44.35c10 9.86 20.21 22.58 24 32.36-1.16-5.42-4.78-10.8-7.45-14.76-2.39-3.55-3.51-5.3-3-6.35a1.26 1.26 0 0 1 1.13-.68c2-.17 2.8-2 3.12-3.12.95-3.28-.05-8.36-3.3-10.85-2.91-2.22-6.91-1.88-11.58 1a12.43 12.43 0 0 0-2.92 2.4ZM92.83 29.78a1.77 1.77 0 0 0-1.23.4c-.55.5-1.2 2.1.6 7.1C97.5 52 109.31 65.1 119.49 74.33a56.79 56.79 0 0 1-6.21-11.75c-2.83-7.62-2.65-13.88.42-18.14C107.11 38 100.59 32.77 96 30.67a8.17 8.17 0 0 0-3.17-.89Z"
     }), /*#__PURE__*/React.createElement("path", {
       d: "M137.48 86.1c-3.16 2.63-15.63-7.12-27.86-21.78S90 35.64 93.18 33s15.64 7.12 27.87 21.78 19.59 28.69 16.43 31.32Zm-51 62c3.36.94 2.62-30.95-.93-32.26s-2.42 31.33-2.42 31.33Zm22.54-.93s.06-21.75 3.6-20.44 3.11 22.31-.25 21.37Zm-12.92 0s-.24-27.18 3.31-25.87 1.61 27.45 0 26.8c-3.15-1.3-3.28-.91-3.28-.91Z",
       style: {
-        fill: "var(--zd_emptysvg_secondary_fill)"
+        fill: 'var(--zd_emptysvg_secondary_fill)'
       }
     }), /*#__PURE__*/React.createElement("path", {
       d: "M82.32 58.19S129 27 152.59 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.57-55.3c-.28-13.21 0-44.7 51.22-46.63Z",
       style: {
-        fill: "var(--zd_emptysvg_primary_fill)",
-        isolation: "isolate",
+        fill: 'var(--zd_emptysvg_primary_fill)',
+        isolation: 'isolate',
         opacity: 0.1
       }
     }), /*#__PURE__*/React.createElement("path", {
@@ -39,25 +40,14 @@ export default class EmptyDelete extends React.Component {
   }
 
 }
-EmptyDelete.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyDelete.propTypes = { ...EmptyStateProps
 };
-EmptyDelete.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'EmptyDelete',
-  palette: 'default'
+EmptyDelete.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyDelete'
 };
 
 if (false) {
   EmptyDelete.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyDepartment.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 EmptyDepartment extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "department"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyDepartment_svg__cls-4{fill:var(--zd_emptysvg_primary_fill)}.EmptyDepartment_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyDepartment_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyDepartment_svg__cls-5{fill:var(--zd_emptysvg_medium_circle)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyDepartment_svg__cls-4{fill:var(--zd_emptysvg_primary_fill)}.EmptyDepartment_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyDepartment_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyDepartment_svg__cls-5{fill:var(--zd_emptysvg_medium_circle)}')), /*#__PURE__*/React.createElement("path", {
       d: "M85.65 63.06s46.91-30.84 70.66-21.55 40 87.37-26.07 122.41-95.89-41.18-96.14-54.69c-.24-13.07 0-44.23 51.55-46.17z",
       opacity: 0.05,
       className: "EmptyDepartment_svg__cls-4"
@@ -48,25 +49,14 @@ export default class EmptyDepartment extends React.Component {
   }
 
 }
-EmptyDepartment.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyDepartment.propTypes = { ...EmptyStateProps
 };
-EmptyDepartment.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyDepartment',
-  palette: 'default'
+EmptyDepartment.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyDepartment'
 };
 
 if (false) {
   EmptyDepartment.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyError.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 EmptyError extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 500 500",
       name: "EmptyError"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyError_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.EmptyError_svg__cls-3,.EmptyError_svg__cls-4,.EmptyError_svg__cls-5{fill:none}.EmptyError_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyError_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyError_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyError_svg_fill{fill: #DE3535;opacity: 0.3}.EmptyError_svg_line{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyError_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.EmptyError_svg__cls-3,.EmptyError_svg__cls-4,.EmptyError_svg__cls-5{fill:none}.EmptyError_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyError_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyError_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyError_svg_fill{fill: #DE3535;opacity: 0.3}.EmptyError_svg_line{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}')), /*#__PURE__*/React.createElement("path", {
       class: "EmptyError_svg__cls-1",
       d: "M217.5,155.3c0,0,113.7-75.3,171.3-52.6s96.9,213.4-63.2,298.9S93.2,301,92.6,268  C92,236.1,92.6,160,217.5,155.3z"
     }), /*#__PURE__*/React.createElement("path", {
@@ -70,25 +71,15 @@ export default class EmptyError extends React.Component {
   }
 
 }
-EmptyError.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['dark', 'danger'])
+EmptyError.propTypes = { ...EmptyStateProps
 };
-EmptyError.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+EmptyError.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'EmptyError',
   palette: 'danger'
 };
 
 if (false) {
   EmptyError.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyFeed.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 EmptyFeed extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 200 200",
       name: "Feed"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyFeed_svg__cls-4,.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6,.EmptyFeed_svg__cls-7,.EmptyFeed_svg__cls-8{fill:none}.EmptyFeed_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFeed_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyFeed_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, '.EmptyFeed_svg__cls-4,.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6,.EmptyFeed_svg__cls-7,.EmptyFeed_svg__cls-8{fill:none}.EmptyFeed_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFeed_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyFeed_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
@@ -51,25 +52,14 @@ export default class EmptyFeed extends React.Component {
   }
 
 }
-EmptyFeed.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyFeed.propTypes = { ...EmptyStateProps
 };
-EmptyFeed.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'EmptyFeed',
-  palette: 'default'
+EmptyFeed.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyFeed'
 };
 
 if (false) {
   EmptyFeed.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyFollowers.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 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", {
+    }, 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)"
@@ -49,25 +50,14 @@ export default class EmptyFollowers extends React.Component {
   }
 
 }
-EmptyFollowers.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyFollowers.propTypes = { ...EmptyStateProps
 };
-EmptyFollowers.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'EmptyFollowers',
-  palette: 'default'
+EmptyFollowers.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyFollowers'
 };
 
 if (false) {
   EmptyFollowers.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyFrame.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 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", {
+    }, 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", {
@@ -47,25 +48,14 @@ export default class EmptyFrame extends React.Component {
   }
 
 }
-EmptyFrame.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark', 'danger'])
+EmptyFrame.propTypes = { ...EmptyStateProps
 };
-EmptyFrame.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyFrame',
-  palette: 'default'
+EmptyFrame.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyFrame'
 };
 
 if (false) {
   EmptyFrame.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → emptystate/version3}/EmptyHappiness.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 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", {
+    }, 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)"
@@ -48,25 +49,14 @@ export default class EmptyHappiness extends React.Component {
   }
 
 }
-EmptyHappiness.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
+EmptyHappiness.propTypes = { ...EmptyStateProps
 };
-EmptyHappiness.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyHappiness',
-  palette: 'default'
+EmptyHappiness.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyHappiness'
 };
 
 if (false) {
   EmptyHappiness.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }