@zohodesk/svg 1.0.0-temp.54 → 1.0.0-temp.56

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,15 +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,64 @@
+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';
+
+function Loader(props) {
+  const {
+    dataId,
+    isCover,
+    className
+  } = 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: `${isCover ? cssStyle.center : cssStyle.loader} ${className}`
+  }, /*#__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 = propTypes;
+Loader.defaultProps = defaultProps;
+const MemoizedLoader = /*#__PURE__*/memo(Loader);
+MemoizedLoader.propTypes = propTypes;
+MemoizedLoader.defaultProps = defaultProps;
+MemoizedLoader.displayName = 'Loader';
+export default MemoizedLoader;

package/es/v1/Loader/props/defaultProps.js

@@ -0,0 +1,5 @@
+export default {
+  isCover: true,
+  className: '',
+  dataId: 'loader'
+};

package/es/v1/Loader/props/propTypes.js

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+export default {
+  isCover: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string
+};

package/es/v1/SVG/SVG.js

@@ -0,0 +1,49 @@
+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';
+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/SVG/props/defaultProps.js

@@ -0,0 +1,11 @@
+export const SvgDefaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'SVG',
+  name: '',
+  viewBox: '',
+  isSymbol: false,
+  isFluid: false,
+  palette: 'default'
+};

package/es/v1/SVG/props/propTypes.js

@@ -0,0 +1,15 @@
+import PropTypes from 'prop-types';
+export const SvgProps = {
+  alignHorizontal: PropTypes.bool,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isFluid: PropTypes.bool,
+  isRender: PropTypes.bool,
+  isSymbol: PropTypes.bool,
+  name: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'large']),
+  viewBox: PropTypes.string,
+  palette: PropTypes.oneOf(['default', 'dark', 'danger']),
+  styleName: PropTypes.object
+};

package/es/v1/emptystate/props/defaultProps.js

@@ -0,0 +1,8 @@
+export const EmptyStateDefaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyState',
+  palette: 'default'
+};

package/es/v1/emptystate/props/propTypes.js

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+export const EmptyStateProps = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark', 'danger'])
+};

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 '../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, _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 '../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, _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 '../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, _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 '../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, _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 '../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, _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 '../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, _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 '../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, _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 '../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, _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 '../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, _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 '../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, _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/Alerts.js

@@ -0,0 +1,90 @@
+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 Alerts(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "emptyAlerts",
+    styleName: {
+      fill: 'none'
+    }
+  }, props), /*#__PURE__*/React.createElement("g", {
+    "clip-path": "url(#clip0_8054_29300)"
+  }, /*#__PURE__*/React.createElement("path", {
+    opacity: "0.1",
+    d: "M200.502 140.5C200.502 140.5 317.252 62.4999 376.252 85.9999C435.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.25C34.75 293.25 35 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",
+    fill: "var(--zd_emptysvg_plus)"
+  }), /*#__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",
+    fill: "var(--zd_emptysvg_plus)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M428 52C421.5 52 416.25 57.25 416.25 63.75C416.25 70.25 421.5 75.5 428 75.5C434.5 75.5 439.75 70.25 439.75 63.75C439.75 57.25 434.25 52 428 52ZM428 73.25C423 73.25 418.75 69 418.75 63.75C418.75 58.5 423 54.25 428 54.25C433 54.25 437.25 58.5 437.25 63.75C437.25 69 433 73.25 428 73.25Z",
+    fill: "var(--zd_emptysvg_medium_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M311 432.75C306.25 432.75 302.5 436.5 302.5 441.25C302.5 446 306.25 449.75 311 449.75C315.75 449.75 319.5 446 319.5 441.25C319.5 436.75 315.75 432.75 311 432.75ZM311 447.5C307.75 447.5 305 444.75 305 441.25C305 437.75 307.75 435 311 435C314.25 435 317 437.75 317 441.25C317 444.75 314.25 447.5 311 447.5Z",
+    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_tiny_circle)"
+  }), /*#__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",
+    fill: "var(--zd_emptysvg_tiny_circle)"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: "0.1",
+    d: "M289.502 162.5C289.502 162.5 196.252 100.25 149.002 119C101.752 137.75 69.5022 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",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/React.createElement("g", {
+    "clip-path": "url(#clip1_8054_29300)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M51.46 393.09C88.2321 406.167 132.008 412.851 169.364 394.543C242.325 358.51 187.167 280.923 148.644 286.734C78.6013 297.196 75.391 404.133 175.493 416.338C175.493 416.338 259.835 423.021 277.93 327.708L248.745 320.733C248.745 320.733 236.488 380.595 202.051 397.159C202.051 397.159 243.492 347.177 229.192 302.717C229.192 302.717 373.946 349.792 382.701 347.758C391.748 345.434 460.915 301.554 461.791 291.674C462.958 279.76 465.001 264.359 460.623 266.393C456.537 268.718 378.615 311.435 380.075 316.956C381.534 322.477 382.701 334.682 384.744 335.844C386.787 337.006 452.743 291.965 452.743 291.965L457.413 260.581C457.413 260.581 314.118 211.181 287.852 215.54C261.587 219.899 198.257 260 201.175 261.453C204.094 263.197 230.359 274.82 232.402 273.077C234.445 271.333 301.861 226.582 303.32 222.514C304.779 218.736 196.214 192.874 163.819 213.215C163.819 213.215 159.15 192.292 138.429 188.805C124.421 186.481 110.412 193.164 103.408 205.369C98.1548 214.377 95.5282 227.454 104.867 243.436C104.867 243.436 36.2842 310.563 92.6098 387.569",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    "stroke-width": "2.5",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M134.926 355.314C133.467 339.332 120.334 346.887 115.373 341.075C107.785 332.357 101.656 319.281 115.373 307.948C139.012 288.478 184.248 289.35 197.964 338.169C211.681 386.988 149.81 404.424 133.175 381.467C127.047 372.749 135.218 359.963 134.926 355.314Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M228.609 263.488C228.609 263.488 217.519 261.745 217.81 258.258C218.102 254.771 243.784 246.925 259.252 235.882C274.72 224.84 275.887 218.447 282.016 219.9C288.144 221.353 289.895 226.583 284.35 230.361C278.514 234.139 234.445 267.847 228.609 263.488Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M390.874 327.127C390.874 327.127 386.788 319.572 390.874 314.632C394.959 309.692 424.144 304.461 434.942 294.581C445.74 284.701 442.238 282.085 446.032 279.761C449.534 277.436 449.826 285.573 448.075 289.641C446.324 294 390.874 327.127 390.874 327.127Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M300.109 178.344L272.092 113.252L293.98 103.953L300.109 178.344Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M319.956 159.165L322.291 102.5L340.385 103.662L319.956 159.165Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M337.756 164.104L376.863 127.199L391.455 144.344L337.756 164.104Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M333.088 181.541L388.83 180.669L382.409 199.848L333.088 181.541Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_8054_29357"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "450",
+    height: "400",
+    fill: "white",
+    transform: "translate(25 50)"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip1_8054_29357"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "414",
+    height: "292.25",
+    fill: "white",
+    transform: "translate(42.5 105)"
+  }))));
+}
+Alerts.propTypes = EmptyStateProps;
+Alerts.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyAlerts'
+};

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 '../props/propTypes';
+import { EmptyStateDefaultProps } from '../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", {
+    clipPath: "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'
+//   };
+// }