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

package/es/errorstate/version3/ErrorUrlNotFound.js

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

package/es/errorstate/version3/ErrorWillBeRightBack.js

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

package/es/errorstate/version3/__tests__/version3.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 version3 ErrorState %s', key => {

package/es/errorstate/version3/index.js

@@ -1,6 +1,6 @@
-export { default as ErrorInconvenience } from './ErrorInconvenience';
-export { default as ErrorOopsSomethingMiss } from './ErrorOopsSomethingMiss';
-export { default as ErrorUnableToProcessRequest } from './ErrorUnableToProcessRequest';
-export { default as ErrorUnauthorizedLogin } from './ErrorUnauthorizedLogin';
-export { default as ErrorUrlNotFound } from './ErrorUrlNotFound';
-export { default as ErrorWillBeRightBack } from './ErrorWillBeRightBack';
+export { default as ErrorInconvenience } from "./ErrorInconvenience";
+export { default as ErrorOopsSomethingMiss } from "./ErrorOopsSomethingMiss";
+export { default as ErrorUnableToProcessRequest } from "./ErrorUnableToProcessRequest";
+export { default as ErrorUnauthorizedLogin } from "./ErrorUnauthorizedLogin";
+export { default as ErrorUrlNotFound } from "./ErrorUrlNotFound";
+export { default as ErrorWillBeRightBack } from "./ErrorWillBeRightBack";

package/es/index.js

@@ -1,6 +1,6 @@
-export { default as SVG } from './SVG/SVG';
-export { default as Loader } from './Loader/Loader';
-import * as _EmptyState from './emptystate/';
+export { default as SVG } from "./SVG/SVG";
+export { default as Loader } from "./Loader/Loader";
+import * as _EmptyState from "./emptystate/";
 export { _EmptyState as EmptyState };
-import * as _ErrorState from './errorstate';
+import * as _ErrorState from "./errorstate";
 export { _ErrorState as ErrorState };

package/es/svg_layer.module.css

@@ -0,0 +1 @@
+@layer dot-svg, dot-svg.theme, dot-svg.variables, dot-svg.base, dot-svg.molecule;

package/es/v1/Loader/Loader.js

@@ -1,9 +1,9 @@
 import React, { memo } from 'react';
-import defaultProps from './props/defaultProps';
-import propTypes from './props/propTypes';
-import SVG from '../SVG/SVG';
-import cssStyle from '../../SVG/SVG.module.css';
-import style from './V1_LoaderSvg.module.css';
+import defaultProps from "./props/defaultProps";
+import propTypes from "./props/propTypes";
+import SVG from "../SVG/SVG";
+import cssStyle from "../../SVG/SVG.module.css";
+import style from "./V1_LoaderSvg.module.css";
 
 function Loader(props) {
   const {

package/es/v1/Loader/V1_LoaderSvg.module.css

@@ -1,3 +1,4 @@
+@layer dot-svg.molecule {
 [dir=ltr] .container > svg{
      animation:  loaderone-ltr 2s linear infinite;
 }[dir=rtl] .container > svg{
@@ -25,4 +26,5 @@
 @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)}}
+@keyframes loaderone-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-359deg)}}
+}

package/es/v1/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/SVG.module.css';
-import styles from '../../css/EmptyStateVariables.module.css';
+import { SvgProps } from "./props/propTypes";
+import { SvgDefaultProps } from "./props/defaultProps";
+import style from "../../SVG/SVG.module.css";
+import styles from "../../css/EmptyStateVariables.module.css";
 export default function SVG(props) {
   const {
     viewBox,

package/es/v1/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 function EmptyCustomDomain(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 298 123.46",

package/es/v1/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 function EmptyBusinessHoliday(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 181.9 139.3",

package/es/v1/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 function EmptyBusinessHour(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 181.9 139.3",

package/es/v1/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 function EmptyFromAddress(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 181.9 139.3",

package/es/v1/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 function EmptyImportHistory(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 181.9 139.3",

package/es/v1/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 function EmptyNetwork(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 181.9 139.3",

package/es/v1/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 function EmptyRecycleBin(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 181.9 149.5",

package/es/v1/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 function EmptyRoles(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 181.9 139.3",

package/es/v1/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 function EmptyWebhook(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 181.9 139.3",

package/es/v1/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 function FailureLog(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 189.4 139.3",

package/es/v1/emptystate/version3/AddFolder.js

@@ -0,0 +1,101 @@
+import React from 'react';
+import { EmptyStateProps } from "../props/propTypes";
+import { EmptyStateDefaultProps } from "../props/defaultProps";
+import SVG from "../../SVG/SVG";
+const svgStyle = {
+  fill: 'none'
+};
+export default function AddFolder(props) {
+  return /*#__PURE__*/React.createElement(SVG, {
+    viewBox: "0 0 500 500",
+    name: "addFolder",
+    styleName: svgStyle,
+    ...props
+  }, /*#__PURE__*/React.createElement("path", {
+    opacity: "0.1",
+    d: "M217.299 159.074C217.299 159.074 330.998 83.7741 388.598 106.474C446.198 129.174 485.499 319.774 325.399 405.374C165.299 490.974 92.9986 304.874 92.2986 271.874C91.7986 239.874 92.3986 163.774 217.299 159.074Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M419.7 388.574C423.013 388.574 425.7 385.933 425.7 382.674C425.7 379.416 423.013 376.774 419.7 376.774C416.386 376.774 413.7 379.416 413.7 382.674C413.7 385.933 416.386 388.574 419.7 388.574Z",
+    stroke: "var(--zd_emptysvg_medium_circle)",
+    strokeWidth: "3",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M161.999 416.174L171.999 427.474",
+    stroke: "var(--zd_emptysvg_tiny_circle)",
+    strokeWidth: "3",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M161.399 426.875L172.599 416.774",
+    stroke: "var(--zd_emptysvg_tiny_circle)",
+    strokeWidth: "3",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M395.8 92.4741C400.549 92.4741 404.4 88.6239 404.4 83.8743C404.4 79.1246 400.549 75.2742 395.8 75.2742C391.05 75.2742 387.2 79.1246 387.2 83.8743C387.2 88.6239 391.05 92.4741 395.8 92.4741Z",
+    stroke: "var(--zd_emptysvg_medium_circle)",
+    strokeWidth: "3",
+    strokeMiterlimit: "10"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M210.499 83.7742C213.316 83.7742 215.599 81.4907 215.599 78.6741C215.599 75.8574 213.316 73.5742 210.499 73.5742C207.682 73.5742 205.399 75.8574 205.399 78.6741C205.399 81.4907 207.682 83.7742 210.499 83.7742Z",
+    stroke: "var(--zd_emptysvg_tiny_circle)",
+    strokeWidth: "3",
+    strokeMiterlimit: "10"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M70.1997 278.374L69.2998 293.374",
+    stroke: "var(--zd_emptysvg_plus)",
+    strokeWidth: "3",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M62.1997 285.474L77.2998 286.274",
+    stroke: "var(--zd_emptysvg_plus)",
+    strokeWidth: "3",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_29668_2081)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M349.292 282.116C326.913 282.781 317.386 287.011 317.386 287.011C278.382 299.805 272.761 325.499 266.955 334.702C217.21 334.676 160.419 332.096 167.597 320.073C187.812 286.186 167.597 222.668 169.524 209.102C171.424 195.537 262.891 191.334 311.026 193.01C332.534 193.755 341.032 208.863 343.882 228.2C344.304 231.073 348.553 255.464 349.292 282.116Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M318.471 376.888C318.629 359.998 303.139 369.361 298.125 363.722C290.551 355.184 284.982 342.203 301.423 328.798C329.766 305.736 380.039 302.012 390.515 352.311C400.992 402.636 330.003 427.267 313.8 404.604C307.73 396.093 318.392 381.703 318.445 376.888H318.471Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M279.467 351.327C280.839 345.129 282.475 339.703 284.138 335.102C287.858 324.728 293.902 315.392 301.66 307.625C317.072 292.41 337.445 294.432 337.445 294.432C337.445 294.432 380.751 293.341 397.64 330.952C405.874 349.279 403.71 370.558 393.471 387.821C381.754 407.557 359.349 430.964 315.357 415.776C301.74 411.068 289.231 399.019 282.554 386.198C279.282 379.921 276.959 372.446 277.25 364.121L155.936 361.7",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: "3.00476",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M383.601 280.973C384.208 227.908 383.839 178.381 383.839 178.381C363.281 178.381 157.572 175.428 153.64 185.297C149.734 195.165 153.64 315.605 153.64 315.605C153.64 315.605 161.478 360.025 131.103 358.056C111.575 356.78 108.249 337.974 108.381 324.701C108.487 311.083 108.461 297.464 107.642 283.899C104.977 239.372 101.889 156.49 115.454 150.718C134.059 142.818 239.882 143.962 239.882 143.962C239.882 143.962 254.74 118.134 263.554 113.187C272.368 108.24 388.853 106.298 391.782 118.134C391.782 118.134 392.547 281.824 389.513 284.59C383.285 290.282 383.628 280.946 383.628 280.946L383.601 280.973Z",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: "3.00476",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M337.838 356.726C337.838 356.726 337.231 329.25 342.14 330.473C347.048 331.697 348.42 357.923 348.42 357.923C348.42 357.923 373.676 352.87 373.676 360.424C373.676 366.036 348.051 365.238 348.051 365.238C348.051 365.238 350.373 393.858 344.594 392.954C338.814 392.05 338.471 365.185 338.471 365.185C338.471 365.185 314.272 366.701 313.876 363.403C312.768 354.572 337.812 356.726 337.812 356.726H337.838Z",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: "3.00476",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_29668_2081"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "300",
+    height: "314",
+    fill: "white",
+    transform: "translate(104 108)"
+  }))));
+}
+AddFolder.propTypes = EmptyStateProps;
+AddFolder.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'AddFolder'
+};

package/es/v1/emptystate/version3/AgentRoom.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import { EmptyStateProps } from "../props/propTypes";
+import { EmptyStateDefaultProps } from "../props/defaultProps";
+import SVG from "../../SVG/SVG";
+export default function AgentRoom(props) {
+  return /*#__PURE__*/React.createElement(SVG, {
+    viewBox: "0 0 500 500",
+    name: "AgentRoom",
+    styleName: {
+      fill: 'none'
+    },
+    ...props
+  }, /*#__PURE__*/React.createElement("path", {
+    opacity: 0.1,
+    d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.002 291.25 72.252 257.25C71.752 224 72.252 145.5 200.502 140.5Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M35 293.252C35 293.252 34.75 293.252 35 293.252C34.25 293.252 33.75 292.502 33.75 292.002L34.75 273.252C34.75 272.502 35.25 272.002 36 272.002C36.75 272.002 37.25 272.502 37.25 273.252L36.25 292.002C36 292.752 35.5 293.252 35 293.252Z",
+    fill: "var(--zd_emptysvg_plus)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M44.501 284.501L26.001 283.501C25.251 283.501 24.751 282.751 24.751 282.251C24.751 281.501 25.501 281.001 26.001 281.001L44.251 282.001C45.001 282.001 45.501 282.751 45.501 283.251C45.751 284.001 45.251 284.501 44.501 284.501Z",
+    fill: "var(--zd_emptysvg_plus)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M428 52.002C421.5 52.002 416.25 57.252 416.25 63.752C416.25 70.252 421.5 75.502 428 75.502C434.5 75.502 439.75 70.252 439.75 63.752C439.75 57.252 434.25 52.002 428 52.002ZM428 73.252C423 73.252 418.75 69.002 418.75 63.752C418.75 58.502 423 54.252 428 54.252C433 54.252 437.25 58.502 437.25 63.752C437.25 69.002 433 73.252 428 73.252Z",
+    fill: "var(--zd_emptysvg_medium_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M311 432.754C306.25 432.754 302.5 436.504 302.5 441.254C302.5 446.004 306.25 449.754 311 449.754C315.75 449.754 319.5 446.004 319.5 441.254C319.5 436.754 315.75 432.754 311 432.754ZM311 447.504C307.75 447.504 305 444.754 305 441.254C305 437.754 307.75 435.004 311 435.004C314.25 435.004 317 437.754 317 441.254C317 444.754 314.25 447.504 311 447.504Z",
+    fill: "var(--zd_emptysvg_medium_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
+    fill: "var(--zd_emptysvg_cross)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M474.5 324.498C474 323.998 473.25 323.998 472.75 324.498L466.75 329.998L461.5 323.998C461 323.498 460.25 323.498 459.75 323.998C459.25 324.498 459.25 325.248 459.75 325.748L465 331.748L459 337.248C458.5 337.748 458.5 338.498 459 338.998C459.25 339.248 459.5 339.498 460 339.498C460.25 339.498 460.5 339.498 460.75 339.248L466.75 333.748L472 339.748C472.25 339.998 472.5 340.248 473 340.248C473.25 340.248 473.5 340.248 473.75 339.998C474.25 339.498 474.25 338.748 473.75 338.248L468.5 332.248L474.5 326.748C475 325.998 475 324.998 474.5 324.498Z",
+    fill: "var(--zd_emptysvg_cross)"
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_7313_166659)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M32.2414 112.764C32.2414 112.764 1.32955 154.345 37.0991 158.921C62.6965 162.196 178.47 166.109 223.2 155.919C240.975 151.87 225.962 123.018 222.441 119.894C210.059 108.912 32.2414 112.764 32.2414 112.764Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M40.0973 242.979C40.0973 242.979 9.18551 284.56 44.9551 289.136C70.5524 292.411 186.326 296.324 231.056 286.134C248.831 282.085 233.818 253.232 230.297 250.109C217.915 239.126 40.0973 242.979 40.0973 242.979Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M163.314 180.156C163.314 180.156 134.501 221.737 167.842 226.313C191.702 229.588 299.616 233.501 341.309 223.311C357.877 219.261 343.883 190.409 340.601 187.286C329.06 176.303 163.314 180.156 163.314 180.156Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M437.74 404.444C437.74 404.444 425.852 380.849 396.775 374.707C367.697 368.564 341.346 346.096 338.711 331.338C336.076 316.58 336.673 301.721 339.878 302.573C343.083 303.424 364.479 340.441 360.658 341.289C356.836 342.137 299.754 228.231 302.551 223.159C305.349 218.087 311.998 215.937 317.204 223.543C325.557 235.743 311.562 237.58 310.12 236.22C308.678 234.86 320.331 229.405 322.416 231.278C324.501 233.151 348.032 262.021 343.015 265.183C337.999 268.345 329.721 270.592 329.721 270.592C329.721 270.592 342.421 260.524 347.017 264.494C351.613 268.465 372.069 296.015 369.905 296.436C367.74 296.857 349.31 265.198 350.657 262.593C352.004 259.988 362.484 252.91 371.438 263.727C380.391 274.544 382.898 279.098 382.898 279.098C382.898 279.098 367.833 267.103 374.162 263.242C377.465 261.227 382.216 257.89 386.841 259.603C397.306 263.479 408.159 277.385 408.308 280.039C408.694 286.917 395.641 267.999 396.298 267.296C396.955 266.594 407.812 257.364 418.559 278.4C429.306 299.437 438.122 323.959 444.941 329.107C451.759 334.255 459.092 341.108 464.71 353.212C470.328 365.316 491.45 381.004 491.45 381.004",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M377.948 354.819C377.948 354.819 354.825 312.987 363.062 310.195C371.3 307.403 398.022 280.533 409.006 295.071C419.991 309.609 437.665 346.547 452.595 358.174C467.525 369.801 394.814 382.029 377.948 354.819Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M129.358 168.907C129.358 168.907 16.0076 170.223 11.8329 165.192C7.65829 160.161 10.1631 98.9527 11.8329 98.1143C13.5028 97.2758 246.203 93.8656 246.203 100.935C246.203 108.005 251.519 169.078 245.674 170.755C239.83 172.432 150.431 175.681 151.266 173.165C152.101 170.65 351.648 162.131 357.493 173.87C363.337 185.608 365.007 229.709 362.502 233.773C359.997 237.837 175.479 240.377 167.964 235.346C160.45 230.315 236.852 231.301 240.621 233.683C244.389 236.064 245.394 294.854 244.386 297.504C241.457 305.21 23.605 304.443 23.1342 300.661C22.6635 296.879 21.8169 229.377 25.1121 230.795C28.4074 232.214 133.918 233.902 138.155 233.902C138.155 233.902 136.012 186.846 138.613 184.233",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M22.1292 218.571L22.3628 212.354",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M22.6978 203.477L23.1984 190.159",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M23.3633 185.719L23.597 179.502",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_7313_166659"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 485,
+    height: 311,
+    transform: "translate(8 95)"
+  }))));
+}
+AgentRoom.propTypes = EmptyStateProps;
+AgentRoom.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'agentRoom'
+};

package/es/v1/emptystate/version3/Alerts.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 function Alerts(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 500 500",

package/es/v1/emptystate/version3/AllowListBlockList.js

@@ -0,0 +1,93 @@
+import React from 'react';
+import { EmptyStateProps } from "../props/propTypes";
+import { EmptyStateDefaultProps } from "../props/defaultProps";
+import SVG from "../../SVG/SVG";
+
+const AllowListBlockList = props => {
+  return /*#__PURE__*/React.createElement(SVG, {
+    viewBox: "0 0 148 148",
+    name: "allowListBlockList",
+    styleName: {
+      fill: 'none'
+    },
+    ...props
+  }, /*#__PURE__*/React.createElement("path", {
+    opacity: "0.05",
+    d: "M64.2603 46.9151C64.2603 46.9151 98.1227 24.6264 115.232 31.3456C132.34 38.0648 144.062 94.4824 96.4355 119.82C48.8091 145.158 27.2603 90.0423 27.0827 80.2743C26.9051 70.8319 27.0827 48.3063 64.2603 46.9151Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M140.946 53.975C142.352 53.975 143.492 52.8353 143.492 51.4294C143.492 50.0235 142.352 48.8838 140.946 48.8838C139.54 48.8838 138.4 50.0235 138.4 51.4294C138.4 52.8353 139.54 53.975 140.946 53.975Z",
+    stroke: "var(--zd_emptysvg_medium_circle)",
+    strokeWidth: "0.967742",
+    strokeMiterlimit: "10"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M59.2892 24.6266C60.1393 24.6266 60.8284 23.9508 60.8284 23.117C60.8284 22.2833 60.1393 21.6074 59.2892 21.6074C58.4391 21.6074 57.75 22.2833 57.75 23.117C57.75 23.9508 58.4391 24.6266 59.2892 24.6266Z",
+    stroke: "var(--zd_emptysvg_tiny_circle)",
+    strokeWidth: "0.967742",
+    strokeMiterlimit: "10"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M18.6473 74.6211L18.3809 79.0611",
+    stroke: "var(--zd_emptysvg_plus)",
+    strokeWidth: "0.967742",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.2793 76.7227L20.7489 76.9595",
+    stroke: "var(--zd_emptysvg_plus)",
+    strokeWidth: "0.967742",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M130.788 124.098C131.769 124.098 132.564 123.316 132.564 122.352C132.564 121.387 131.769 120.605 130.788 120.605C129.807 120.605 129.012 121.387 129.012 122.352C129.012 123.316 129.807 124.098 130.788 124.098Z",
+    stroke: "var(--zd_emptysvg_medium_circle)",
+    strokeWidth: "0.967742",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M19.8555 126.757L22.8451 130.102",
+    stroke: "var(--zd_emptysvg_tiny_circle)",
+    strokeWidth: "0.967742",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M19.6777 129.923L23.0226 126.934",
+    stroke: "var(--zd_emptysvg_tiny_circle)",
+    strokeWidth: "0.967742",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_6918_17988)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M42.9597 61.1873C42.9597 61.1873 45.8202 56.3337 47.2505 56.5738C48.6808 56.8139 51.142 61.1873 51.142 61.1873C51.142 61.1873 61.3863 48.7658 64.167 49.006C66.9476 49.2461 69.0096 51.9531 67.8987 53.8596C66.7879 55.7661 52.8845 70.6543 51.0622 70.4942C49.2398 70.3342 43.5187 63.967 44.1504 62.8536C44.782 61.7403 46.6116 64.1271 46.2123 65.5606C45.813 66.9941 37.7105 72.1679 33.6665 65.7207C29.6226 59.2735 35.0605 32.1821 62.9182 38.4911C62.9182 38.4911 70.6939 40.0774 74.8904 49.1952C79.2175 58.6113 76.5167 69.8612 68.5522 76.4757C65.4448 79.059 59.7672 80.9364 53.1967 80.9946C31.8152 81.1838 20.1987 54.4563 34.7411 38.7457C35.3509 38.0836 35.9318 37.3341 36.6868 36.7446C57.2261 20.743 79.2103 37.8143 81.7659 50.1775C84.3215 62.5407 79.203 89.3629 49.6537 84.6985C47.265 84.3201 45.1959 83.6579 43.4171 82.7483C43.4171 82.7483 53.9881 91.3567 72.4074 82.108C72.872 83.9053 72.9011 85.7754 72.6179 87.6092C71.7176 93.4524 73.9829 99.1647 73.9829 99.1647C86.6157 124.291 109.333 115.501 113.965 112.568C116.477 110.975 117.98 109.687 119.541 107.686C133.96 89.2174 118.379 69.4828 115.679 70.0213C112.978 70.5597 87.2909 97.833 83.4866 101.879C83.2324 102.148 82.7968 102.148 82.5572 101.864C81.5989 100.7 80.8729 99.2811 80.3283 97.833C78.3826 92.6811 78.6803 86.9179 80.9382 81.8897C86.5794 69.3518 100.251 64.7311 111.526 73.8052C118.946 79.7721 119.541 87.7693 118.59 93.7217C117.632 99.7614 114.183 105.19 109.043 108.486C98.6823 115.123 89.7013 108.792 87.4942 106.987C87.2038 106.754 87.182 106.325 87.4434 106.056L114.924 77.771C116.013 73.3977 113.972 70.1086 111.366 67.8018C107.823 64.6656 103.053 63.3412 98.3483 63.8433C91.0663 64.6292 85.926 67.0232 82.3031 69.8466",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M72.0654 46.8877C67.4188 42.1359 58.8081 36.1108 46.6544 41.8522C30.1518 49.6456 35.96 68.0339 35.96 68.0339C39.8733 79.5821 55.4684 82.7184 66.2789 76.1621C77.0895 69.6057 76.7119 51.6394 72.0654 46.8877ZM68.8055 54.2518C67.6511 57.1479 53.2395 72.5601 50.8436 72.1744C48.4549 71.7887 41.6738 62.751 42.0586 60.357C42.0586 60.357 45.6017 55.336 47.6854 55.4524C49.7691 55.5688 51.3082 59.3528 51.3082 59.3528C51.3082 59.3528 60.173 47.8846 64.0282 47.7245C67.8834 47.5717 69.9599 51.3556 68.8055 54.2518Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M83.834 98.2259C83.834 98.2259 77.6991 87.0633 86.8978 77.116C96.0966 67.1687 107.314 74.4454 107.314 74.4454L83.834 98.2186V98.2259Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M114.589 81.9111C114.589 81.9111 120.724 93.0737 111.525 103.021C102.326 112.968 91.1094 105.692 91.1094 105.692L114.589 81.9184V81.9111Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_6918_17988"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "98.05",
+    height: "86.95",
+    fill: "white",
+    transform: "translate(27.9082 29.8896)"
+  }))));
+};
+
+AllowListBlockList.propTypes = EmptyStateProps;
+AllowListBlockList.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'allowListBlockList'
+};
+export default AllowListBlockList;

package/es/v1/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 function AuditLog(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 500 500",

package/es/v1/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 function Bot(props) {
   return /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 500 500",