@zohodesk/svg 1.0.0 → 1.1.1

package/es/errorstate/version3/__tests__/version3.spec.js

@@ -0,0 +1,12 @@
+import React from 'react';
+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 => {
+    let Component = index[key];
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Component, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/index.js

@@ -1,12 +1,3 @@
-// import '@zohodesk/variables/assets/sizeVariables.module.css';
-// export { default as _provider } from './Provider';
-// export { default as Emptystate__version1 } from './docs/Emptystate__version1.docs';
-// export { default as Emptystate__version2 } from './docs/Emptystate__version2.docs';
-// export { default as Emptystate__version3 } from './docs/Emptystate__version3.docs';
-// export { default as Errorstate__version1 } from './docs/Errorstate__version1.docs';
-// export { default as Errorstate__version2 } from './docs/Errorstate__version2.docs';
-// export { default as Errorstate__version3 } from './docs/Errorstate__version3.docs';
-// export { default as Svg__common } from './docs/SVG__common.docs';
 export { default as SVG } from './SVG/SVG';
 export { default as Loader } from './Loader/Loader';
 import * as _EmptyState from './emptystate/';

package/es/v1/Loader/Loader.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { LoaderDefaultProps } from '../../Loader/props/defaultProps';
+import { LoaderProps } from '../../Loader/props/propTypes';
+import SVG from '../SVG/SVG';
+import cssStyle from '../../SVG/SVG.module.css';
+export default function Loader(props) {
+  const {
+    dataId
+  } = props;
+  const viewBoxStyle = {
+    animation: 'loaderone 2s linear infinite'
+  };
+  const defsStyle = {
+    animation: 'circleAnimation_1 1.5s linear infinite',
+    transformOrigin: 'center'
+  };
+  const circleStyle = {
+    animation: 'circleAnimation_2 1.2s linear infinite',
+    transformOrigin: 'center'
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: cssStyle.center
+  }, /*#__PURE__*/React.createElement(SVG, {
+    viewBox: "0 0 40 40",
+    name: "Loader",
+    className: `${cssStyle.loaderWrapper}`,
+    dataId: dataId,
+    styleName: 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", {
+    fill: "none",
+    stroke: "#089949",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    cx: 20,
+    cy: 20,
+    r: 13,
+    style: defsStyle,
+    strokeDasharray: 82,
+    strokeDashoffset: 82
+  }), /*#__PURE__*/React.createElement("circle", {
+    fill: "none",
+    stroke: "#17c662",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    cx: 20,
+    cy: 20,
+    r: 8,
+    style: circleStyle,
+    strokeDasharray: 50,
+    strokeDashoffset: 50
+  })));
+}
+Loader.propTypes = LoaderProps;
+Loader.defaultProps = LoaderDefaultProps;

package/es/v1/SVG/SVG.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { SvgProps } from '../../SVG/props/propTypes';
+import { SvgDefaultProps } from '../../SVG/props/defaultProps';
+import style from '../../SVG/SVG.module.css';
+import styles from '../../css/EmptyStateVariables.module.css';
+export default function SVG(props) {
+  const {
+    viewBox,
+    children,
+    name,
+    isRender,
+    isSymbol,
+    size,
+    className,
+    alignHorizontal,
+    isFluid,
+    dataId,
+    palette,
+    styleName
+  } = props;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isSymbol ? /*#__PURE__*/React.createElement("div", {
+    hidden: true
+  }, /*#__PURE__*/React.createElement("svg", null, /*#__PURE__*/React.createElement("symbol", {
+    id: name,
+    viewBox: viewBox
+  }, children))) : null, isRender && isSymbol ? /*#__PURE__*/React.createElement("div", {
+    className: `${size === 'large' ? style.large : size === 'small' ? style.small : isFluid ? style.cover : ''} ${className} ${styles[palette]} ${alignHorizontal ? style.svgCenter : ''} `,
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("svg", {
+    height: "100%",
+    width: "100%",
+    "data-id": dataId,
+    "data-test-id": dataId
+  }, /*#__PURE__*/React.createElement("use", {
+    xlinkHref: `#${name}`
+  }))) : isRender ? /*#__PURE__*/React.createElement("div", {
+    className: `${size === 'large' ? style.large : size === 'small' ? style.small : isFluid ? style.cover : ''} ${className} ${styles[palette]} ${alignHorizontal ? style.svgCenter : ''} `,
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("svg", {
+    height: "100%",
+    width: "100%",
+    viewBox: viewBox,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    style: styleName
+  }, children)) : null);
+}
+SVG.propTypes = SvgProps;
+SVG.defaultProps = SvgDefaultProps;

package/es/v1/emptystate/version1/EmptyCustomDomain.js

@@ -0,0 +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 from 'react';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+import image from '../../../../images/EmptyCustomDomain.svg';
+export default function EmptyCustomDomain(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 298 123.46",
+    name: "CustomDomain"
+  }, props), /*#__PURE__*/React.createElement("image", {
+    xlinkHref: image,
+    height: "100%",
+    width: "100%"
+  }));
+}
+EmptyCustomDomain.propTypes = EmptyStateProps;
+EmptyCustomDomain.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyCustomDomain'
+};

package/es/v1/emptystate/version2/EmptyBusinessHoliday.js

@@ -0,0 +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 from 'react';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+import image from '../../../../images/EmptyBusinessHoliday.svg';
+export default function EmptyBusinessHoliday(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 181.9 139.3",
+    name: "businessholiday"
+  }, props), /*#__PURE__*/React.createElement("image", {
+    xlinkHref: image,
+    height: "100%",
+    width: "100%"
+  }));
+}
+EmptyBusinessHoliday.propTypes = EmptyStateProps;
+EmptyBusinessHoliday.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyBusinessHoliday'
+};

package/es/v1/emptystate/version2/EmptyBusinessHour.js

@@ -0,0 +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 from 'react';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+import image from '../../../../images/EmptyBusinessHour.svg';
+export default function EmptyBusinessHour(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 181.9 139.3",
+    name: "businesshour"
+  }, props), /*#__PURE__*/React.createElement("image", {
+    xlinkHref: image,
+    height: "100%",
+    width: "100%"
+  }));
+}
+EmptyBusinessHour.propTypes = EmptyStateProps;
+EmptyBusinessHour.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyBusinessHour'
+};

package/es/v1/emptystate/version2/EmptyFromAddress.js

@@ -0,0 +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 from 'react';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+import image from '../../../../images/EmptyFromAddress.svg';
+export default function EmptyFromAddress(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 181.9 139.3",
+    name: "fromAddress"
+  }, props), /*#__PURE__*/React.createElement("image", {
+    xlinkHref: image,
+    height: "100%",
+    width: "100%"
+  }));
+}
+EmptyFromAddress.propTypes = EmptyStateProps;
+EmptyFromAddress.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyFromAddress'
+};

package/es/v1/emptystate/version2/EmptyImportHistory.js

@@ -0,0 +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 from 'react';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+import image from '../../../../images/EmptyImportHistory.svg';
+export default function EmptyImportHistory(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 181.9 139.3",
+    name: "importHistory"
+  }, props), /*#__PURE__*/React.createElement("image", {
+    xlinkHref: image,
+    height: "100%",
+    width: "100%"
+  }));
+}
+EmptyImportHistory.propTypes = EmptyStateProps;
+EmptyImportHistory.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyImportHistory'
+};

package/es/v1/emptystate/version2/EmptyNetwork.js

@@ -0,0 +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 from 'react';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+import image from '../../../../images/EmptyNetwork.svg';
+export default function EmptyNetwork(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 181.9 139.3",
+    name: "network"
+  }, props), /*#__PURE__*/React.createElement("image", {
+    xlinkHref: image,
+    height: "100%",
+    width: "100%"
+  }));
+}
+EmptyNetwork.propTypes = EmptyStateProps;
+EmptyNetwork.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyNetwork'
+};

package/es/v1/emptystate/version2/EmptyRecycleBin.js

@@ -0,0 +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 from 'react';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+import image from '../../../../images/EmptyRecycleBin.svg';
+export default function EmptyRecycleBin(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 181.9 149.5",
+    name: "recycleBin"
+  }, props), /*#__PURE__*/React.createElement("image", {
+    xlinkHref: image,
+    height: "100%",
+    width: "100%"
+  }));
+}
+EmptyRecycleBin.propTypes = EmptyStateProps;
+EmptyRecycleBin.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyRecycleBin'
+};

package/es/v1/emptystate/version2/EmptyRoles.js

@@ -0,0 +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 from 'react';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+import image from '../../../../images/EmptyRoles.svg';
+export default function EmptyRoles(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 181.9 139.3",
+    name: "roles"
+  }, props), /*#__PURE__*/React.createElement("image", {
+    xlinkHref: image,
+    height: "100%",
+    width: "100%"
+  }));
+}
+EmptyRoles.propTypes = EmptyStateProps;
+EmptyRoles.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyRoles'
+};

package/es/v1/emptystate/version2/EmptyWebhook.js

@@ -0,0 +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 from 'react';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+import image from '../../../../images/EmptyWebhook.svg';
+export default function EmptyWebhook(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 181.9 139.3",
+    name: "emptyWebhook"
+  }, props), /*#__PURE__*/React.createElement("image", {
+    xlinkHref: image,
+    height: "100%",
+    width: "100%"
+  }));
+}
+EmptyWebhook.propTypes = EmptyStateProps;
+EmptyWebhook.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyWebhook'
+};

package/es/v1/emptystate/version2/FailureLog.js

@@ -0,0 +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 from 'react';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+import image from '../../../../images/FailureLog.svg';
+export default function FailureLog(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 189.4 139.3",
+    name: "failurelog"
+  }, props), /*#__PURE__*/React.createElement("image", {
+    xlinkHref: image,
+    height: "100%",
+    width: "100%"
+  }));
+}
+FailureLog.propTypes = EmptyStateProps;
+FailureLog.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'failureLog'
+};

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

@@ -0,0 +1,75 @@
+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 '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function AuditLog(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "AuditLog"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.AuditLog_svg__cls-1{opacity: 0.1;fill:var(--zd_emptysvg_primary_fill)}.AuditLog_svg__cls-2{fill:var(--zd_emptysvg_plus)}.AuditLog_svg__cls-3{fill:var(--zd_emptysvg_cross)}.AuditLog_svg__cls-4{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.AuditLog_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill)}')), /*#__PURE__*/React.createElement("g", {
+    "clip-path": "url(#clip0_8054_29326)"
+  }, /*#__PURE__*/React.createElement("path", {
+    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.0016 291.25 72.2516 257.25C71.7516 224 72.2516 145.5 200.502 140.5Z",
+    className: "AuditLog_svg__cls-1"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "AuditLog_svg__cls-2",
+    d: "M35 293.249C35 293.249 34.75 293.249 35 293.249C34.25 293.249 33.75 292.499 33.75 291.999L34.75 273.249C34.75 272.499 35.25 271.999 36 271.999C36.75 271.999 37.25 272.499 37.25 273.249L36.25 291.999C36 292.749 35.5 293.249 35 293.249Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "AuditLog_svg__cls-2",
+    d: "M44.501 284.498L26.001 283.498C25.251 283.498 24.751 282.748 24.751 282.248C24.751 281.498 25.501 280.998 26.001 280.998L44.251 281.998C45.001 281.998 45.501 282.748 45.501 283.248C45.751 283.998 45.251 284.498 44.501 284.498Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z",
+    style: {
+      fill: 'var(--zd_emptysvg_medium_circle)'
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z",
+    style: {
+      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",
+    className: "AuditLog_svg__cls-3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
+    className: "AuditLog_svg__cls-3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M289.502 162.499C289.502 162.499 196.252 100.249 149.002 118.999C101.752 137.749 69.5017 295.499 200.752 366.249C332.002 436.999 391.502 282.999 392.002 255.749C392.502 229.249 392.002 166.249 289.502 162.499Z",
+    className: "AuditLog_svg__cls-1"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M143.321 229.819C143.321 229.819 126.185 122.585 152.03 120.604C177.874 118.623 294.175 120.604 289.4 145.786C284.624 170.967 223.384 172.382 249.228 185.114C275.073 197.846 320.582 184.265 320.582 209.73C320.582 235.194 143.321 229.819 143.321 229.819Z",
+    className: "AuditLog_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M150.344 271.128C150.344 271.128 132.084 281.314 151.187 284.709C170.289 287.822 257.656 285.275 251.194 277.636C244.452 269.714 150.344 271.128 150.344 271.128Z",
+    className: "AuditLog_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M152.03 314.699C152.03 314.699 137.141 324.319 152.592 327.148C168.042 329.978 239.115 327.714 233.778 320.641C228.44 313.284 152.03 314.699 152.03 314.699Z",
+    className: "AuditLog_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M152.03 357.14C152.03 357.14 137.141 366.76 152.592 369.59C168.042 372.419 239.115 370.156 233.778 363.082C228.44 355.726 152.03 357.14 152.03 357.14Z",
+    className: "AuditLog_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M307.941 313.852C307.941 300.554 295.862 307.911 291.648 303.384C285.749 296.593 281.254 286.407 294.176 275.655C316.65 257.264 356.821 254.435 364.968 294.329C373.396 334.224 316.931 354.03 304.008 335.922C299.233 329.131 307.941 317.53 307.941 313.852Z",
+    className: "AuditLog_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "AuditLog_svg__cls-4",
+    d: "M357.101 227.272C357.101 227.272 356.259 97.1199 355.135 92.31C354.292 88.3488 171.694 87.7829 101.183 87.5C86.0134 87.5 73.9338 99.6664 73.6529 114.945L73.372 138.146L74.2147 310.456C74.2147 310.456 70.2819 320.076 68.5963 301.968C67.1917 283.577 69.72 136.166 69.72 136.166C64.9444 134.751 57.3595 135.883 57.9214 158.235C58.4832 190.773 55.1122 358.556 61.2924 362.8C67.4727 367.044 84.0469 380.625 87.1371 339.882C89.9463 305.08 86.5752 157.952 85.4515 114.945C84.8897 105.608 92.4746 97.4029 102.026 97.6858C107.082 97.9687 111.577 100.515 112.701 109.286C115.51 131.356 104.835 406.655 113.824 413.163C122.814 419.671 350.921 425.612 350.921 409.202C350.921 393.074 349.797 358.556 349.797 358.556C349.797 358.556 261.308 382.606 261.027 296.026C261.027 296.026 260.465 258.395 294.175 242.268C321.986 228.97 357.101 237.175 374.799 262.356C377.889 266.883 380.699 271.976 382.946 278.201C391.093 300.553 386.036 325.735 370.585 343.56C367.776 346.955 364.967 348.936 363.001 348.653C356.259 346.955 367.776 333.94 377.328 342.994C386.879 352.048 425.646 385.435 426.769 393.357C427.893 401.28 416.095 405.807 410.757 398.167C405.42 390.528 354.292 342.994 354.292 342.994C354.292 342.994 316.087 361.102 289.119 334.789C262.15 308.476 278.725 270.279 292.771 259.81C292.771 259.81 304.569 249.341 323.672 249.341C346.145 249.624 365.248 265.469 371.709 286.972C375.642 299.704 376.485 314.417 365.81 326.301"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_8054_29326"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "450",
+    height: "400",
+    fill: "white",
+    transform: "translate(25 50)"
+  }))));
+}
+AuditLog.propTypes = EmptyStateProps;
+AuditLog.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'AuditLog'
+}; // if (__DOCS__) {
+//     AuditLog.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

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

@@ -0,0 +1,67 @@
+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 '../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../emptystate/props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function Bot(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "Bot"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#bot_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    opacity: 0.1,
+    d: "M198.002 140.499s116.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: "M32.5 293.25c-.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: "m42 284.5-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: "M425.5 52c-6.5 0-11.75 5.25-11.75 11.75S419 75.5 425.5 75.5s11.75-5.25 11.75-11.75S431.75 52 425.5 52Zm0 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.5ZM308.5 432.75c-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: "M199.75 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 5ZM472 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: "M287.002 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(#bot_svg__b)"
+  }, /*#__PURE__*/React.createElement("path", {
+    opacity: 0.2,
+    d: "M295.796 283.088c-.295-31.211 28.548-13.904 37.868-24.341 14.094-15.769 24.461-39.75-6.148-64.516-52.747-42.63-146.307-49.5-165.829 43.48-19.491 92.98 112.656 138.488 142.775 96.578 11.314-15.703-8.568-42.335-8.666-51.201Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: 0.2,
+    d: "M255.572 262.445c-.032-4.057 3.696-1.8 4.906-3.141 1.831-2.061 3.172-5.169-.785-8.375-6.835-5.529-18.967-6.413-21.518 5.627-2.551 12.039 14.618 17.961 18.509 12.53 1.472-2.028-1.112-5.496-1.112-6.641ZM298.346 266.796c-.033-4.056 3.695-1.799 4.905-3.14 1.831-2.062 3.172-5.17-.785-8.376-6.834-5.529-18.967-6.412-21.517 5.627-2.551 12.04 14.617 17.962 18.509 12.531 1.471-2.029-1.112-5.497-1.112-6.642ZM202.791 262.445c-.033-4.057 3.695-1.8 4.905-3.141 1.832-2.061 3.172-5.169-.784-8.375-6.835-5.529-18.967-6.413-21.518 5.627-2.551 12.039 14.618 17.961 18.509 12.53 1.472-2.028-1.112-5.496-1.112-6.641Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M199.325 271.507c16.94-5.562 6.966-34.778-6.246-25.748-13.211 9.03-15.075 36.184 23.415 39.194 38.489 3.01 48.234-19.957 45.455-31.08-2.78-11.124-21.093-14.854-22.728 4.187-1.635 19.008 23.872 29.216 46.829 24.668 22.956-4.58 15.991-34.875 6.017-34.385-9.974.491-18.313 18.322 8.862 35.563 27.175 17.242 45.619 1.93 40.223-55.094-6.442-68.214-142.383-102.37-181.199-2.912-27.764 71.125 30.379 103.22 40.68 110.221 10.301 7.035-42.087 45.803-37.41 47.21 4.676 1.407 86.43-32.847 86.43-32.847 29.628 4.057 53.042-4.94 70.733-17.765 39.438-28.594 55.953-80.351 39.896-126.351-14.061-40.306-45.389-58.954-45.389-58.954-5.069-28.856-32.473-44.789-62.526-46.85l-.817-16.816c-15.207-4.81-13.179-17.013-7.587-21.986 5.592-4.973 15.402-.589 14.585 8.212-.785 8.8-12.231 11.189-12.231 11.189v19.172c-1.504 0-3.008 0-4.512.065-41.106 1.832-53.304 35.039-55.168 42.401 0 0 84.272-.328 94.311-.982 4.284-.294 7.587-3.959 7.293-8.277-.131-2.094-.785-4.515-2.289-7.165-4.971-8.735-62.297-3.435-62.297-3.435s-7.587 1.57-7.488 12.563l.261 4.024c-26.226.785-72.957 22.116-86.757 71.616 0 0-27.11 74.593 44.539 126.58",
+    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: "bot_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(22.5 50)",
+    d: "M0 0h450v400H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "bot_svg__b"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(123 58)",
+    d: "M0 0h245v327H0z"
+  }))));
+}
+Bot.propTypes = EmptyStateProps;
+Bot.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'Bot'
+};

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

@@ -0,0 +1,83 @@
+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 function Contract(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "Contract"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.Contract_svg__cls-1{opacity: 0.1;fill:var(--zd_emptysvg_primary_fill)}.Contract_svg__cls-2{fill:var(--zd_emptysvg_plus)}.Contract_svg__cls-3{fill:var(--zd_emptysvg_cross)}.Contract_svg__cls-4{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;stroke-miterlimit:10}.Contract_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill)}')), /*#__PURE__*/React.createElement("g", {
+    "clip-path": "url(#clip0_8054_29264)"
+  }, /*#__PURE__*/React.createElement("path", {
+    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.0016 291.25 72.2516 257.25C71.7516 224 72.2516 145.5 200.502 140.5Z",
+    className: "Contract_svg__cls-1"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M35 293.25C35 293.25 34.75 293.25 35 293.25C34.25 293.25 33.75 292.5 33.75 292L34.75 273.25C34.75 272.5 35.25 272 36 272C36.75 272 37.25 272.5 37.25 273.25L36.25 292C36 292.75 35.5 293.25 35 293.25Z",
+    className: "Contract_svg__cls-2"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M44.501 284.5L26.001 283.5C25.251 283.5 24.751 282.75 24.751 282.25C24.751 281.5 25.501 281 26.001 281L44.251 282C45.001 282 45.501 282.75 45.501 283.25C45.751 284 45.251 284.5 44.501 284.5Z",
+    className: "Contract_svg__cls-2"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M428 51.9995C421.5 51.9995 416.25 57.2495 416.25 63.7495C416.25 70.2495 421.5 75.4995 428 75.4995C434.5 75.4995 439.75 70.2495 439.75 63.7495C439.75 57.2495 434.25 51.9995 428 51.9995ZM428 73.2495C423 73.2495 418.75 68.9995 418.75 63.7495C418.75 58.4995 423 54.2495 428 54.2495C433 54.2495 437.25 58.4995 437.25 63.7495C437.25 68.9995 433 73.2495 428 73.2495Z",
+    style: {
+      fill: 'var(--zd_emptysvg_medium_circle)'
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M311 432.749C306.25 432.749 302.5 436.499 302.5 441.249C302.5 445.999 306.25 449.749 311 449.749C315.75 449.749 319.5 445.999 319.5 441.249C319.5 436.749 315.75 432.749 311 432.749ZM311 447.499C307.75 447.499 305 444.749 305 441.249C305 437.749 307.75 434.999 311 434.999C314.25 434.999 317 437.749 317 441.249C317 444.749 314.25 447.499 311 447.499Z",
+    style: {
+      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",
+    className: "Contract_svg__cls-3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
+    className: "Contract_svg__cls-3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M289.502 162.5C289.502 162.5 196.252 100.25 149.002 119C101.752 137.75 69.5017 295.5 200.752 366.25C332.002 437 391.502 283 392.002 255.75C392.502 229.25 392.002 166.25 289.502 162.5Z",
+    className: "Contract_svg__cls-1"
+  }), /*#__PURE__*/React.createElement("g", {
+    "clip-path": "url(#clip1_8054_29264)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M476.139 149.33C476.139 149.33 447.846 151.783 435.876 167.041C423.906 182.299 405.135 238.155 392.077 241.697C379.019 245.239 367.321 257.227 367.321 257.227C367.321 257.227 372.49 194.015 368.681 196.467C364.873 198.919 377.659 196.467 380.923 187.476C384.188 178.484 366.777 189.928 354.535 215.812C342.293 241.697 326.242 233.795 326.242 223.441C326.242 213.088 335.492 199.464 340.116 201.099C344.741 202.734 351.814 213.905 348.006 211.725C344.197 209.818 336.852 200.282 339.028 195.65C341.205 191.018 361.88 152.873 371.946 146.061C382.011 139.249 415.745 131.348 425.267 123.446C434.788 115.545 385.004 141.974 368.953 139.522C368.953 139.522 369.497 117.179 351.27 117.724C333.043 118.269 154.854 111.185 151.317 123.719C147.781 136.252 152.677 247.146 152.677 247.146C152.677 247.146 240.548 241.424 219.6 321.257C198.653 401.09 203.278 273.575 238.1 278.48C272.649 283.656 267.752 322.347 259.591 317.17C251.702 311.993 258.503 273.303 272.105 277.39C285.707 281.477 288.7 303.547 284.619 304.091C280.539 304.636 278.362 273.303 302.846 277.935C327.33 282.567 308.559 304.091 307.471 295.645C306.383 287.199 367.321 268.671 367.321 268.671C367.321 268.671 369.769 383.107 363.784 392.643C357.799 402.179 163.831 398.092 156.214 396.73C148.597 395.64 151.317 375.205 151.317 375.205C135.267 373.025 85.4823 399.182 95.0038 391.281C104.525 383.379 138.259 375.75 148.325 368.666C158.39 361.854 178.794 323.709 181.242 319.077C183.418 314.445 176.073 304.909 172.265 303.002C168.456 301.094 175.801 312.265 180.154 313.628C184.507 314.99 194.028 301.367 194.028 291.286C194.028 280.932 177.978 273.303 165.736 298.915C153.494 324.526 135.811 336.515 139.075 327.524C142.34 318.532 155.126 315.808 151.317 318.532C147.509 320.984 152.677 257.772 152.677 257.772C152.677 257.772 140.979 269.488 127.921 273.303C114.863 277.117 95.82 332.156 84.122 347.686C72.4241 363.217 43.8594 365.396 43.8594 365.396",
+    className: "Contract_svg__cls-4"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M97.9978 350.411C97.9978 350.411 120.033 297.008 127.651 297.008C135.268 297.008 120.85 328.341 132.275 332.156C143.701 335.971 156.759 326.707 155.127 336.788C153.495 346.597 116.225 378.748 101.806 369.484C87.388 360.22 97.9978 350.411 97.9978 350.411Z",
+    className: "Contract_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M424.451 160.774C424.451 160.774 402.415 214.177 394.798 214.177C387.181 214.177 401.599 182.844 390.173 179.029C378.747 175.215 365.689 184.479 367.322 174.397C368.954 164.588 406.224 132.437 420.642 141.701C435.061 150.965 424.451 160.774 424.451 160.774Z",
+    className: "Contract_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M319.714 320.712C323.795 316.352 331.14 319.349 330.868 325.344C330.596 329.158 333.861 332.155 337.669 332.155C343.654 331.883 346.647 339.24 342.294 343.326C339.573 345.779 339.573 350.138 342.294 352.863C346.647 356.95 343.654 364.306 337.669 364.034C333.861 363.761 330.868 367.031 330.868 370.846C331.14 376.84 323.795 379.837 319.714 375.478C317.266 372.753 312.913 372.753 310.193 375.478C306.112 379.837 298.767 376.84 299.039 370.846C299.311 367.031 296.046 364.034 292.238 364.034C286.253 364.306 283.26 356.95 287.613 352.863C290.333 350.411 290.333 346.051 287.613 343.326C283.26 339.24 286.253 331.883 292.238 332.155C296.046 332.428 299.039 329.158 299.039 325.344C298.767 319.349 306.112 316.352 310.193 320.712C312.913 323.436 317.266 323.436 319.714 320.712Z",
+    className: "Contract_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M191.581 146.878C191.581 146.878 166.281 156.687 192.669 159.957C219.058 163.226 341.206 160.502 331.956 153.145C322.707 145.788 191.581 146.878 191.581 146.878Z",
+    className: "Contract_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M189.676 183.389C189.676 183.389 175.257 192.653 190.22 195.378C205.182 198.102 274.01 195.923 268.841 189.111C263.672 182.299 189.676 183.389 189.676 183.389Z",
+    className: "Contract_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M189.676 213.36C189.676 213.36 175.257 222.624 190.22 225.348C205.182 228.073 274.01 225.893 268.841 219.082C263.672 212.27 189.676 213.36 189.676 213.36Z",
+    className: "Contract_svg__cls-5"
+  }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_8054_29264"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "450",
+    height: "400",
+    fill: "white",
+    transform: "translate(25 50)"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip1_8054_29264"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "435",
+    height: "285",
+    fill: "white",
+    transform: "translate(42.5 115)"
+  }))));
+}
+Contract.propTypes = EmptyStateProps;
+Contract.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'Contract'
+};