@zohodesk/svg 1.0.0-temp.57 → 1.0.0-temp.58

package/README.md

@@ -2,9 +2,35 @@
 
 This Bundle Contains EmptyState Images.
 
+# 1.1.23
+
+- v1 => EmptyStarredReports, EmptyStarredDashboards svg added.
+
+# 1.1.22
+
+- v1 => RebrandingLogo svg updated and SuccessDomain svg added.
+
+# 1.1.21
+
+- v1 => EmptyAPIs svg updated
+
+# 1.1.20
+
+- v1 => RebrandingLogo, PortalName and BulkActionLog svg's added.
+
+# 1.1.19
+
+- SvgLoader Old Function Moved to Deprecated Folder
+- SvgLoader => Inline css animation moved to external css file. (the issue of inline CSS animations affecting performance in Firefox has been resolved.)
+
+# 1.1.18
+
+- v1 => EmptySync svg updated.
+- v1 => PureDark mode opacity color value changed for Blue theme
+
 # 1.1.17
 
-- v1 => EmptyRecycleBin svg added.
+- v1 => EmptyRecycleBin svg added, EmptyDolphin renamed into EmptyPenguin.
 
 # 1.1.16
 

package/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css

@@ -1,7 +1,7 @@
 [data-mode='dark'][data-theme='blue'] {
 	--zdt_svgcta_primary_fill: rgb(130,137,148);
 	--zdt_svgcta_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_svgcta_secondary_fill: rgb(71, 157, 255, 0.25);
+	--zdt_svgcta_secondary_fill: rgba(71, 157, 255, 0.25);
 	--zdt_svgcta_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_svgcta_primary_dark_fill: hsla(217, 7.76%, calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));

package/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css

@@ -1,7 +1,7 @@
 [data-mode='pureDark'][data-theme='blue'] {
 	--zdt_svgcta_primary_fill: rgb(130,137,148);
 	--zdt_svgcta_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_svgcta_secondary_fill: rgb(51,75,104);
+	--zdt_svgcta_secondary_fill: rgb(71, 157, 255, 0.25);
 	--zdt_svgcta_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_svgcta_primary_dark_fill: hsla(217, 7.76%, calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));

package/deprecated/13_sep_2024/SvgLoader.js

@@ -0,0 +1,26 @@
+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 <image xlinkHref={image} {...uiProps} />;
+}
+
+export function StaticSvg(props) {
+  let uiProps = {},
+    [image, setImage] = useState(null);
+  Object.keys(props)
+    .filter((prop) => prop != 'getImage')
+    .map((prop) => {
+      uiProps[prop] = props[prop];
+    });
+  useEffect(() => {
+    props.getImage().then((image) => setImage(image));
+  }, [props.getImage]);
+  return image ? <image xlinkHref={image.default} {...uiProps} /> : null;
+}

package/es/Loader/Loader.js

@@ -1,22 +1,12 @@
 import React from 'react';
-import { LoaderDefaultProps } from "./props/defaultProps";
-import { LoaderProps } from "./props/propTypes";
-import SVG from "./../SVG/SVG";
-import cssStyle from "./../SVG/SVG.module.css";
+import { LoaderDefaultProps } from './props/defaultProps';
+import { LoaderProps } from './props/propTypes';
+import SVG from './../SVG/SVG';
+import cssStyle from './../SVG/SVG.module.css';
+import style from './LoaderSvg.module.css';
 export default class Loader extends React.PureComponent {
   constructor(props) {
     super(props);
-    this.viewBoxStyle = {
-      animation: 'loaderone 2s linear infinite'
-    };
-    this.defsStyle = {
-      animation: 'circleAnimation_1 1.5s linear infinite',
-      transformOrigin: 'center'
-    };
-    this.circleStyle = {
-      animation: 'circleAnimation_2 1.2s linear infinite',
-      transformOrigin: 'center'
-    };
   }
 
   render() {
@@ -28,10 +18,9 @@ export default class Loader extends React.PureComponent {
     }, /*#__PURE__*/React.createElement(SVG, {
       viewBox: "0 0 40 40",
       name: "Loader",
-      className: `${cssStyle.loaderWrapper}`,
-      dataId: dataId,
-      styleName: this.viewBoxStyle
-    }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '@keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}')), /*#__PURE__*/React.createElement("circle", {
+      className: `${cssStyle.loaderWrapper} ${style.container}`,
+      dataId: dataId
+    }, /*#__PURE__*/React.createElement("circle", {
       fill: "none",
       stroke: "#089949",
       strokeWidth: 2,
@@ -40,7 +29,7 @@ export default class Loader extends React.PureComponent {
       cx: 20,
       cy: 20,
       r: 13,
-      style: this.defsStyle,
+      className: style.outerCircle,
       strokeDasharray: 82,
       strokeDashoffset: 82
     }), /*#__PURE__*/React.createElement("circle", {
@@ -51,7 +40,7 @@ export default class Loader extends React.PureComponent {
       cx: 20,
       cy: 20,
       r: 8,
-      style: this.circleStyle,
+      className: style.innerCircle,
       strokeDasharray: 50,
       strokeDashoffset: 50
     })));

package/es/Loader/LoaderSvg.module.css

@@ -0,0 +1,28 @@
+[dir=ltr] .container > svg{
+     animation:  loaderone-ltr 2s linear infinite;
+}[dir=rtl] .container > svg{
+     animation:  loaderone-rtl 2s linear infinite;
+}
+.outerCircle{
+    transform-origin: center;
+}
+[dir=ltr] .outerCircle{
+     animation: outerCircleAnimation 1.5s linear infinite;
+}
+[dir=rtl] .outerCircle{
+     animation: outerCircleAnimation 1.5s linear infinite;
+}
+.innerCircle{
+     transform-origin: center;
+}
+[dir=ltr] .innerCircle{
+     animation: innerCircleAnimation 1.2s linear infinite;
+}
+[dir=rtl] .innerCircle{
+     animation: innerCircleAnimation 1.2s linear infinite;
+}
+
+@keyframes outerCircleAnimation{to{stroke-dashoffset:-82}}
+@keyframes innerCircleAnimation{to{stroke-dashoffset:-50}}
+@keyframes loaderone-ltr{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
+@keyframes loaderone-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-359deg)}}

package/es/Loader/__tests__/Loader.spec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Loader from "../Loader";
+import Loader from '../Loader';
 import { render } from "@testing-library/react";
 describe('Loader componet', () => {
   test('sholud render the basic strucutr of Loader', () => {

package/es/Loader/__tests__/__snapshots__/Loader.spec.js.snap

@@ -7,22 +7,17 @@ exports[`Loader componet sholud render the basic strucutr of Loader 1`] = `
   >
     <div
       aria-hidden="true"
-      class=" loaderWrapper default svgCenter "
+      class=" loaderWrapper container default svgCenter "
     >
       <svg
         data-id="loader"
         data-test-id="loader"
         height="100%"
-        style="animation: loaderone 2s linear infinite;"
         viewBox="0 0 40 40"
         width="100%"
       >
-        <defs>
-          <style>
-            @keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
-          </style>
-        </defs>
         <circle
+          class="outerCircle"
           cx="20"
           cy="20"
           fill="none"
@@ -33,9 +28,9 @@ exports[`Loader componet sholud render the basic strucutr of Loader 1`] = `
           stroke-linecap="round"
           stroke-linejoin="round"
           stroke-width="2"
-          style="animation: circleAnimation_1 1.5s linear infinite; transform-origin: center;"
         />
         <circle
+          class="innerCircle"
           cx="20"
           cy="20"
           fill="none"
@@ -45,7 +40,6 @@ exports[`Loader componet sholud render the basic strucutr of Loader 1`] = `
           stroke-dashoffset="50"
           stroke-linecap="round"
           stroke-linejoin="round"
-          style="animation: circleAnimation_2 1.2s linear infinite; transform-origin: center;"
         />
       </svg>
     </div>

package/es/SVG/SVG.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { SvgProps } from "./props/propTypes";
-import { SvgDefaultProps } from "./props/defaultProps";
-import style from "./SVG.module.css";
-import styles from "./../css/EmptyStateVariables.module.css";
+import { SvgProps } from './props/propTypes';
+import { SvgDefaultProps } from './props/defaultProps';
+import style from './SVG.module.css';
+import styles from './../css/EmptyStateVariables.module.css';
 export default class SVG extends React.Component {
   render() {
     let {

package/es/SVG/__tests__/SVG.spec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import SVG from "../SVG";
+import SVG from '../SVG';
 import { render } from "@testing-library/react";
 describe('SVG componet', () => {
   test('sholud render the basic strucutr of svg', () => {

package/es/emptystate/index.js

@@ -1,6 +1,6 @@
-import * as _v from "./version1";
+import * as _v from './version1';
 export { _v as v1 };
-import * as _v2 from "./version2";
+import * as _v2 from './version2';
 export { _v2 as v2 };
-import * as _v3 from "./version3";
+import * as _v3 from './version3';
 export { _v3 as v3 };

package/es/emptystate/version1/EmptyCustomDomain.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
-import image from "./../../../images/EmptyCustomDomain.svg";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/EmptyCustomDomain.svg';
 export default class EmptyCustomDomain extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version1/__tests__/version1.spec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import * as index from "../index";
+import * as index from '../index';
 import { render } from "@testing-library/react";
 describe('SVG componet', () => {
   test.each(Object.keys(index))('Rendering all svgs in version1 emptystate %s', key => {

package/es/emptystate/version1/index.js

@@ -1 +1 @@
-export { default as EmptyCustomDomain } from "./EmptyCustomDomain";
+export { default as EmptyCustomDomain } from './EmptyCustomDomain';

package/es/emptystate/version2/EmptyBusinessHoliday.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
-import image from "./../../../images/EmptyBusinessHoliday.svg";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/EmptyBusinessHoliday.svg';
 export default class EmptyBusinessHoliday extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version2/EmptyBusinessHour.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
-import image from "./../../../images/EmptyBusinessHour.svg";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/EmptyBusinessHour.svg';
 export default class EmptyBusinessHour extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version2/EmptyFromAddress.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
-import image from "./../../../images/EmptyFromAddress.svg";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/EmptyFromAddress.svg';
 export default class EmptyFromAddress extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version2/EmptyImportHistory.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
-import image from "./../../../images/EmptyImportHistory.svg";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/EmptyImportHistory.svg';
 export default class EmptyImportHistory extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version2/EmptyNetwork.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
-import image from "./../../../images/EmptyNetwork.svg";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/EmptyNetwork.svg';
 export default class EmptyNetwork extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version2/EmptyRecycleBin.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
-import image from "./../../../images/EmptyRecycleBin.svg";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/EmptyRecycleBin.svg';
 export default class EmptyRecycleBin extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version2/EmptyRoles.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
-import image from "./../../../images/EmptyRoles.svg";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/EmptyRoles.svg';
 export default class EmptyRoles extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version2/EmptyWebhook.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
-import image from "./../../../images/EmptyWebhook.svg";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/EmptyWebhook.svg';
 export default class EmptyWebhook extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version2/FailureLog.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
-import image from "./../../../images/FailureLog.svg";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
+import image from './../../../images/FailureLog.svg';
 export default class FailureLog extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version2/__tests__/version2.spec.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import * as index from "../index";
+import * as index from '../index';
 import { render } from '@testing-library/react';
 describe('SVG componet', () => {
   test.each(Object.keys(index))('Rendering all svgs in version2 emptystate %s', key => {

package/es/emptystate/version2/index.js

@@ -1,9 +1,9 @@
-export { default as EmptyBusinessHoliday } from "./EmptyBusinessHoliday";
-export { default as EmptyBusinessHour } from "./EmptyBusinessHour";
-export { default as EmptyFromAddress } from "./EmptyFromAddress";
-export { default as EmptyImportHistory } from "./EmptyImportHistory";
-export { default as EmptyNetwork } from "./EmptyNetwork";
-export { default as EmptyRecycleBin } from "./EmptyRecycleBin";
-export { default as EmptyRoles } from "./EmptyRoles";
-export { default as EmptyWebhook } from "./EmptyWebhook";
-export { default as FailureLog } from "./FailureLog";
+export { default as EmptyBusinessHoliday } from './EmptyBusinessHoliday';
+export { default as EmptyBusinessHour } from './EmptyBusinessHour';
+export { default as EmptyFromAddress } from './EmptyFromAddress';
+export { default as EmptyImportHistory } from './EmptyImportHistory';
+export { default as EmptyNetwork } from './EmptyNetwork';
+export { default as EmptyRecycleBin } from './EmptyRecycleBin';
+export { default as EmptyRoles } from './EmptyRoles';
+export { default as EmptyWebhook } from './EmptyWebhook';
+export { default as FailureLog } from './FailureLog';

package/es/emptystate/version3/AuditLog.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class AuditLog extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/Bot.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "../props/propTypes";
-import { EmptyStateDefaultProps } from "../props/defaultProps";
-import SVG from "../../SVG/SVG";
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
 export default class Bot extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/Contract.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class Contract extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/CustomModule.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class CustomModule extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/EmptyAPIAuthentication.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "../props/propTypes";
-import { EmptyStateDefaultProps } from "../props/defaultProps";
-import SVG from "../../SVG/SVG";
+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, {

package/es/emptystate/version3/EmptyAPIConfiguration.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "../props/propTypes";
-import { EmptyStateDefaultProps } from "../props/defaultProps";
-import SVG from "../../SVG/SVG";
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
 export default class EmptyAPIConfiguration extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/EmptyAPIs.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "../props/propTypes";
-import { EmptyStateDefaultProps } from "../props/defaultProps";
-import SVG from "../../SVG/SVG";
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
 export default class EmptyAPIs extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/EmptyAccounts.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class EmptyAccounts extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/EmptyActiveCalls.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class EmptyActiveCalls extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/EmptyActivity.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class EmptyActivity extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/EmptyAgent.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class EmptyAgent extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/EmptyAgentQueue.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class EmptyAgentQueue extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/EmptyApplechat.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class EmptyApplechat extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {

package/es/emptystate/version3/EmptyApproval.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { EmptyStateProps } from "./../props/propTypes";
-import { EmptyStateDefaultProps } from "./../props/defaultProps";
-import SVG from "./../../SVG/SVG";
+import { EmptyStateProps } from './../props/propTypes';
+import { EmptyStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../SVG/SVG';
 export default class EmptyApproval extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, {