@zohodesk/svg 1.0.0-temp.54 → 1.1.0

package/README.md

@@ -2,6 +2,26 @@
 
 This Bundle Contains EmptyState Images.
 
+# 1.1.0
+
+- Internal color-variable-preprocessor package implemented
+
+# 1.0.0
+
+- beta release removed and version changed to normal flow
+
+# 1.0.0-beta.60
+
+- EmptyState: EmptySandbox SVG added.
+
+# 1.0.0-beta.59
+
+- data-test-id attribute added for all element which having data-id attribute to separate customization and automation
+
+# 1.0.0-beta.58
+
+- EmptyState: APIConfiguration, APIAuthentication and ZSCKey SVG added
+
 # 1.0.0-beta.57
 
 - EmptyState: CustomerHappiness SVG added.

package/es/Loader/Loader.js

@@ -18,6 +18,7 @@ export default class Loader extends React.PureComponent {
       transformOrigin: 'center'
     };
   }
+
   render() {
     let {
       dataId
@@ -55,11 +56,10 @@ export default class Loader extends React.PureComponent {
       strokeDashoffset: 50
     })));
   }
+
 }
 Loader.propTypes = LoaderProps;
-Loader.defaultProps = LoaderDefaultProps;
-
-// if (__DOCS__) {
+Loader.defaultProps = LoaderDefaultProps; // if (__DOCS__) {
 //   Loader.docs = {
 //     componentGroup: 'SVG'
 //   };

package/es/SVG/SVG.js

@@ -30,7 +30,8 @@ export default class SVG extends React.Component {
     }, /*#__PURE__*/React.createElement("svg", {
       height: "100%",
       width: "100%",
-      "data-id": dataId
+      "data-id": dataId,
+      "data-test-id": dataId
     }, /*#__PURE__*/React.createElement("use", {
       xlinkHref: `#${name}`
     }))) : isRender ? /*#__PURE__*/React.createElement("div", {
@@ -41,14 +42,14 @@ export default class SVG extends React.Component {
       width: "100%",
       viewBox: viewBox,
       "data-id": dataId,
+      "data-test-id": dataId,
       style: styleName
     }, children)) : null);
   }
+
 }
 SVG.propTypes = SvgProps;
-SVG.defaultProps = SvgDefaultProps;
-
-// if (__DOCS__) {
+SVG.defaultProps = SvgDefaultProps; // if (__DOCS__) {
 //   SVG.docs = {
 //     componentGroup: 'SVG'
 //   };

package/es/SVG/SVG.module.css

@@ -1,26 +1,30 @@
 .cover {
-  height: 100%;
+  height: 100% ;
 }
 .large {
-  height: 160px;
-  width: 160px;
+  height: var(--zd_size160) ;
+  width: var(--zd_size160) ;
 }
 .small {
-  height: 130px;
-  width: 130px;
+  height: var(--zd_size130) ;
+  width: var(--zd_size130) ;
 }
-.svgCenter {
-  margin-left: auto;
-  margin-right: auto;
+[dir=ltr] .svgCenter {
+  margin-left: auto ;
+  margin-right: auto ;
+}
+[dir=rtl] .svgCenter {
+  margin-right: auto ;
+  margin-left: auto ;
 }
 
 .loaderWrapper {
-  height: 40px;
-  width: 40px;
+  height: var(--zd_size40) ;
+  width: var(--zd_size40) ;
 }
 .center {
-  height: 100%;
-  width: 100%;
+  height: 100% ;
+  width: 100% ;
   display: flex;
   align-items: center;
   justify-content: center;

package/es/SVG/SvgLoader.js

@@ -1,18 +1,21 @@
 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, { useEffect, useState } from 'react';
 export default function SvgLoader(props) {
   let uiProps = {};
   Object.keys(props).filter(prop => prop != 'imageUrl').map(prop => {
     uiProps[prop] = props[prop];
   });
+
   let image = require(`./images/${props.imageUrl}`);
+
   return /*#__PURE__*/React.createElement("image", _extends({
     xlinkHref: image
   }, uiProps));
 }
 export function StaticSvg(props) {
   let uiProps = {},
-    [image, setImage] = useState(null);
+      [image, setImage] = useState(null);
   Object.keys(props).filter(prop => prop != 'getImage').map(prop => {
     uiProps[prop] = props[prop];
   });

package/es/emptystate/version1/EmptyCustomDomain.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -15,13 +16,12 @@ export default class EmptyCustomDomain extends React.Component {
       width: "100%"
     }));
   }
+
 }
 EmptyCustomDomain.propTypes = EmptyStateProps;
-EmptyCustomDomain.defaultProps = {
-  ...EmptyStateDefaultProps,
+EmptyCustomDomain.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyCustomDomain'
-};
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   EmptyCustomDomain.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version2/EmptyBusinessHoliday.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -15,14 +16,12 @@ export default class EmptyBusinessHoliday extends React.Component {
       width: "100%"
     }));
   }
+
 }
 EmptyBusinessHoliday.propTypes = EmptyStateProps;
-EmptyBusinessHoliday.defaultProps = {
-  ...EmptyStateDefaultProps,
+EmptyBusinessHoliday.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyBusinessHoliday'
-};
-
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   EmptyBusinessHoliday.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version2/EmptyBusinessHour.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -15,14 +16,12 @@ export default class EmptyBusinessHour extends React.Component {
       width: "100%"
     }));
   }
+
 }
 EmptyBusinessHour.propTypes = EmptyStateProps;
-EmptyBusinessHour.defaultProps = {
-  ...EmptyStateDefaultProps,
+EmptyBusinessHour.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyBusinessHour'
-};
-
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   EmptyBusinessHour.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version2/EmptyFromAddress.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -15,13 +16,12 @@ export default class EmptyFromAddress extends React.Component {
       width: "100%"
     }));
   }
+
 }
 EmptyFromAddress.propTypes = EmptyStateProps;
-EmptyFromAddress.defaultProps = {
-  ...EmptyStateDefaultProps,
+EmptyFromAddress.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyFromAddress'
-};
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   EmptyFromAddress.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version2/EmptyImportHistory.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -15,14 +16,12 @@ export default class EmptyImportHistory extends React.Component {
       width: "100%"
     }));
   }
+
 }
 EmptyImportHistory.propTypes = EmptyStateProps;
-EmptyImportHistory.defaultProps = {
-  ...EmptyStateDefaultProps,
+EmptyImportHistory.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyImportHistory'
-};
-
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   EmptyImportHistory.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version2/EmptyNetwork.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -15,13 +16,12 @@ export default class EmptyNetwork extends React.Component {
       width: "100%"
     }));
   }
+
 }
 EmptyNetwork.propTypes = EmptyStateProps;
-EmptyNetwork.defaultProps = {
-  ...EmptyStateDefaultProps,
+EmptyNetwork.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyNetwork'
-};
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   EmptyNetwork.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version2/EmptyRecycleBin.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -15,13 +16,12 @@ export default class EmptyRecycleBin extends React.Component {
       width: "100%"
     }));
   }
+
 }
 EmptyRecycleBin.propTypes = EmptyStateProps;
-EmptyRecycleBin.defaultProps = {
-  ...EmptyStateDefaultProps,
+EmptyRecycleBin.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyRecycleBin'
-};
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   EmptyRecycleBin.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version2/EmptyRoles.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -15,13 +16,12 @@ export default class EmptyRoles extends React.Component {
       width: "100%"
     }));
   }
+
 }
 EmptyRoles.propTypes = EmptyStateProps;
-EmptyRoles.defaultProps = {
-  ...EmptyStateDefaultProps,
+EmptyRoles.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyRoles'
-};
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   EmptyRoles.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version2/EmptyWebhook.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -15,13 +16,12 @@ export default class EmptyWebhook extends React.Component {
       width: "100%"
     }));
   }
+
 }
 EmptyWebhook.propTypes = EmptyStateProps;
-EmptyWebhook.defaultProps = {
-  ...EmptyStateDefaultProps,
+EmptyWebhook.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'emptyWebhook'
-};
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   EmptyWebhook.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version2/FailureLog.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -15,14 +16,12 @@ export default class FailureLog extends React.Component {
       width: "100%"
     }));
   }
+
 }
 FailureLog.propTypes = EmptyStateProps;
-FailureLog.defaultProps = {
-  ...EmptyStateDefaultProps,
+FailureLog.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'failureLog'
-};
-
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   FailureLog.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version3/AuditLog.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -65,13 +66,12 @@ export default class AuditLog extends React.Component {
       transform: "translate(25 50)"
     }))));
   }
+
 }
 AuditLog.propTypes = EmptyStateProps;
-AuditLog.defaultProps = {
-  ...EmptyStateDefaultProps,
+AuditLog.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'AuditLog'
-};
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //     AuditLog.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version3/Bot.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from '../props/propTypes';
 import { EmptyStateDefaultProps } from '../props/defaultProps';
@@ -61,9 +62,9 @@ export default class Bot extends React.Component {
       d: "M0 0h245v327H0z"
     }))));
   }
+
 }
 Bot.propTypes = EmptyStateProps;
-Bot.defaultProps = {
-  ...EmptyStateDefaultProps,
+Bot.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'Bot'
 };

package/es/emptystate/version3/Contract.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -77,13 +78,12 @@ export default class Contract extends React.Component {
       transform: "translate(42.5 115)"
     }))));
   }
+
 }
 Contract.propTypes = EmptyStateProps;
-Contract.defaultProps = {
-  ...EmptyStateDefaultProps,
+Contract.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'Contract'
-};
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   Contract.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version3/CustomModule.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -44,13 +45,12 @@ export default class CustomModule extends React.Component {
       d: "M132.21 72.4S93.39 48 89.51 49.67s-8.88 4.43-6.66 14.42-22.18-2.78-21.63 1.66 29.24 29.1 32 27.44 38.99-20.79 38.99-20.79zM80.63 152.43S56.67 94.3 50 95.83s-10.2 37.73-7.14 39.26 37.77 17.34 37.77 17.34zM161 111c-.07 2.33 2.1 1.08 2.78 1.88 1 1.19 1.76 3-.56 4.8-4 3.09-11 3.46-12.3-3.5s8.62-10.15 10.8-7c.81 1.2-.72 3.15-.72 3.82z"
     })));
   }
+
 }
 CustomModule.propTypes = EmptyStateProps;
-CustomModule.defaultProps = {
-  ...EmptyStateDefaultProps,
+CustomModule.defaultProps = { ...EmptyStateDefaultProps,
   dataId: 'CustomModule'
-};
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   CustomModule.docs = {
 //     componentGroup: 'Emptystate'
 //   };

package/es/emptystate/version3/EmptyAPIAuthentication.js

@@ -0,0 +1,92 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default class EmptyAPIAuthentication extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyApiAuthentication"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#APIAuthentication_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M200.502 140.5s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M35 293.249c-.25 0 0 0 0 0-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m44.501 284.498-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M428 51.999c-6.5 0-11.75 5.25-11.75 11.75s5.25 11.75 11.75 11.75 11.75-5.25 11.75-11.75-5.5-11.75-11.75-11.75Zm0 21.25c-5 0-9.25-4.25-9.25-9.5s4.25-9.5 9.25-9.5 9.25 4.25 9.25 9.5-4.25 9.5-9.25 9.5ZM311 432.748c-4.75 0-8.5 3.75-8.5 8.5s3.75 8.5 8.5 8.5 8.5-3.75 8.5-8.5c0-4.5-3.75-8.5-8.5-8.5Zm0 14.75c-3.25 0-6-2.75-6-6.25s2.75-6.25 6-6.25 6 2.75 6 6.25-2.75 6.25-6 6.25Z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M202.251 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM474.5 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+      fill: "var(--zd_emptysvg_cross)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M289.502 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#APIAuthentication_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "M217.705 314.596c.151-16.029-14.665-7.141-19.453-12.504-7.227-8.104-12.557-20.427 3.162-33.142 27.102-21.904 75.162-25.429 85.19 22.326 10.028 47.755-57.878 71.135-73.356 49.623-5.812-8.075 4.397-21.754 4.457-26.303Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M240.892 308.541c2.138-1.356 2.349-6.147-1.716-6.327-4.066-.181-1.235 16.209 2.138 15.486 5.601-1.175 9.395-19.915-.392-22.868-9.787-2.953-12.166 25.971-1.415 30.461 8.763 3.645 13.4-17.867 11.202-27.508-2.168-9.431-11.022-13.589-19.845-4.068-9.786 10.515 2.048 62.639 19.845 29.015 17.827-33.594-1.927-47.725-13.732-46.339-11.804 1.386-16.803 22.928-16.291 34.618.843 19.193 23.398 47.363 38.665 14.764 15.268-32.6-3.041-55.498-17.827-60.078-14.755-4.579-27.493 13.739-27.493 39.198s22.163 51.25 41.074 40.584c21.531-12.142 29.27-89.785-19.121-88.549-14.635.361-22.104 8.014-25.446 18.469a147.162 147.162 0 0 1-3.704 10.214M200.691 353.011H179.28v-26.032M275.854 241.142h21.41v26.001M180.003 264.221v-21.422h25.988M296.541 329.902v21.422h-25.987",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "transparent"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "M231.407 208.814c-9.606-4.097-13.521-15.637-8.432-24.796 3.704-6.628 9.967-12.986 20.326-12.654 21.351.723 16.021 23.169 10.691 22.808-5.331-.362 12.105-50.226 41.646-49.171 29.541 1.054 47.368 25.64 42.731 33.835-4.638 8.195-1.054-26.725 45.591-13.197 46.645 13.528-12.346 61.735-92.568 54.865-31.709-2.711-49.717-7.381-59.955-11.72l-.03.03Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M206.322 204.506c-10.901-10.726-10.75-43.447 29.481-49.141 33.124-4.67 41.225 28.08 33.124 29.316-8.1 1.235-9.907-30.582 0-43.266 12.377-15.818 24.121-17.415 40.232-15.004 26.59 4.007 42.851 35.944 36.286 45.856-2.349 2.019-5.932.452-6.113-2.621-.181-3.615 1.205-7.833.602-8.737-.993-1.477-7.528-4.731-7.528-4.731-.813.362-4.427 9.16-8.221 8.045-3.794-1.115-5.541-10.274-5.541-10.274s-9.756 1.265-9.546 2.591c.211 1.326 1.747 10.394-.241 11.539-1.987 1.145-10.419-2.38-10.419-2.38s-5.3 5.875-4.908 7.291c.391 1.417 7.468 4.339 6.595 9.702-.362 2.139-7.95 7.291-9.335 6.207-.693-.543 1.987 7.592 1.987 7.592 1.957 1.657 7.468-2.35 11.142.091 3.674 2.44-2.078 10.304-.693 12.563 1.385 2.26 7.167 3.194 7.167 3.194 2.921-3.826 8.613-7.984 10.63-6.417 2.018 1.566 2.469 8.134 4.758 8.315 2.289.181 7.498-1.506 8.101-2.199.602-.693-1.024-9.581.331-10.997 1.355-1.416 9.455 1.928 10.81 2.079 1.355.15 2.861-.633 4.156-5.062 1.295-4.429-4.577-4.821-6.866-9.34 0 0-1.867-7.834 2.409-7.502 4.276.331 9.787.18 9.787.18s-.181-9.611-1.204-10.123c-1.024-.512-9.215-.151-10.028-.693-5.722-3.977 10.208-17.505 22.374-20.548 41.135-11.238 70.344 43.386 28.638 63.211-3.674 1.747-7.92 3.435-12.648 5.032l-6.474 1.566-12.738 3.887c-29.21 6.99-66.43 10.786-94.104 7.773 0 0-79.107-8.798-80.884-49.743 0 0-8.733-38.053 63.358-36.727.271-4.761 2.108-9.039 5.902-12.805-60.919.12-132.166 2.38-134.545 5.061-4.186 4.61-2.108 225.698-2.168 233.622-.061 7.924 222.807.15 222.807.15s2.499-63.994 3.523-125.216",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "transparent"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "M317.861 183.536c2.138-1.657-.602-2.682-.392-3.887.302-1.807 1.386-3.796 4.698-3.073 5.752 1.266 11.262 7.261 5.993 13.619-5.27 6.357-15.479-.181-14.274-4.49.452-1.627 3.343-1.717 3.945-2.169h.03Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M321.686 193.719c5.023 0 9.094-4.073 9.094-9.099 0-5.025-4.071-9.099-9.094-9.099s-9.094 4.074-9.094 9.099c0 5.026 4.071 9.099 9.094 9.099Z",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "transparent"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "APIAuthentication_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(25 50)",
+      d: "M0 0h450v400H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "APIAuthentication_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(118 124)",
+      d: "M0 0h298v252H0z"
+    }))));
+  }
+
+}
+EmptyAPIAuthentication.propTypes = EmptyStateProps;
+EmptyAPIAuthentication.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyApiAuthentication'
+}; // if (__DOCS__) {
+//   EmptyAPIAuthentication.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }