@zohodesk/svg 1.0.0-temp.43 → 1.0.0-temp.45

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,13 @@ 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.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyDepartment',
-  palette: 'default'
+EmptyDepartment.propTypes = EmptyStateProps;
+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,14 @@ 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.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+EmptyError.propTypes = EmptyStateProps;
+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,13 @@ 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.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'EmptyFeed',
-  palette: 'default'
+EmptyFeed.propTypes = EmptyStateProps;
+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,13 @@ 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.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'EmptyFollowers',
-  palette: 'default'
+EmptyFollowers.propTypes = EmptyStateProps;
+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,13 @@ 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.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyFrame',
-  palette: 'default'
+EmptyFrame.propTypes = EmptyStateProps;
+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,13 @@ 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.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'emptyHappiness',
-  palette: 'default'
+EmptyHappiness.propTypes = EmptyStateProps;
+EmptyHappiness.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyHappiness'
 };
 
 if (false) {
   EmptyHappiness.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

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

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

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

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

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

@@ -1,8 +1,9 @@
-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 EmptyReply extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
@@ -43,25 +44,13 @@ export default class EmptyReply extends React.Component {
   }
 
 }
-EmptyReply.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'large']),
-  palette: PropTypes.oneOf(['default', 'dark'])
-};
-EmptyReply.defaultProps = {
-  size: 'large',
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'EmptyReply',
-  palette: 'default'
+EmptyReply.propTypes = EmptyStateProps;
+EmptyReply.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyReply'
 };
 
 if (false) {
   EmptyReply.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

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