@procore/core-react 11.22.1 → 11.23.1

package/dist/Dropzone/Dropzone.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.styles.js","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropzone.styles.js","names":["styled","css","ErrorBanner","ErrorBannerBase","Box","Button","Flex","getTypographyIntent","borderRadius","colors","spacing","StyledErrorBanner","withConfig","displayName","componentId","lg","StyledErrorBannerDetails","ul","xs","StyledDropzoneIcon","div","gray45","_ref","disabled","sm","activeDropzone","blue50","blue96","disabledDropzone","gray70","gray85","gray98","StyledDropzoneContainer","gray40","gray96","md","_ref2","_ref3","_ref4","_ref5","active","StyledDropzoneMessage","StyledUploadButton","StyledDropzoneCaption","span","_ref6","error","gray15","StyledDropzoneWrapper","StyledDropzoneFocusDetector"],"sources":["../../src/Dropzone/Dropzone.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ErrorBanner as ErrorBannerBase } from '../Banner/Banner'\nimport { Box } from '../Box/Box'\nimport { Button } from '../Button/Button'\nimport { Flex } from '../Flex/Flex'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledErrorBanner = styled(ErrorBannerBase)`\n  margin-top: ${spacing.lg}px;\n  flex-shrink: 0;\n`\nexport const StyledErrorBannerDetails = styled.ul`\n  margin: ${spacing.xs}px;\n  padding: 0;\n  list-style-position: inside;\n  list-style-type: disc;\n`\nexport const StyledDropzoneIcon = styled.div<{ disabled: boolean }>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 64px;\n  color: ${colors.gray45};\n  margin-bottom: ${spacing.lg}px;\n  transition: all 250ms ease-out;\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      height: 72px;\n      margin-bottom: ${spacing.sm}px;\n    `}\n\n  svg {\n    width: auto;\n    height: 100%;\n  }\n`\n\nconst activeDropzone = css`\n  outline: none;\n  border: 2px dashed ${colors.blue50};\n  background-color: ${colors.blue96};\n\n  & ${StyledDropzoneIcon} {\n    color: ${colors.blue50};\n    transform: scale(0.95);\n  }\n`\n\nconst disabledDropzone = css`\n  color: ${colors.gray70};\n  border: 2px dashed ${colors.gray85};\n  background-color: ${colors.gray98};\n  cursor: not-allowed;\n\n  & ${StyledDropzoneIcon} {\n    color: ${colors.gray85};\n    transform: none;\n  }\n`\n\nexport const StyledDropzoneContainer = styled.div<{\n  active: boolean\n  disabled: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  min-height: 92px;\n  padding: ${spacing.lg}px;\n  color: ${colors.gray40};\n  border: 2px dashed ${colors.gray70};\n  background-color: ${colors.gray96};\n  border-radius: ${borderRadius.md}px;\n  text-align: center;\n  letter-spacing: 0.25px;\n  transition: all 250ms ease-out;\n  cursor: grab;\n\n  ${({ disabled }) =>\n    !disabled &&\n    css`\n      &:hover {\n        ${activeDropzone}\n      }\n    `}\n\n  ${({ disabled }) => disabled && disabledDropzone}\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      &:hover,\n      &:focused {\n        ${disabledDropzone}\n      }\n    `}\n\n  ${({ active, disabled }) => active && !disabled && activeDropzone}\n`\n\nexport const StyledDropzoneMessage = styled.div`\n  user-select: none;\n`\n\nexport const StyledUploadButton = styled(Button)`\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: ${spacing.sm}px;\n`\n\nexport const StyledDropzoneCaption = styled.span<{ error: boolean }>`\n  color: ${({ error }) => error && colors.gray15};\n`\n\nexport const StyledDropzoneWrapper = styled(Flex)`\n  height: 100%;\n`\n\nexport const StyledDropzoneFocusDetector = styled(Box)`\n  height: 100%;\n`\n"],"mappings":"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"}

package/dist/Dropzone/Dropzone.types.js

@@ -1,16 +1,24 @@
+import { FileError as FileRejectionError, FileRejection } from 'react-dropzone';
 export var fileRejectionReason = {
-    maxFiles: 'too-many-files',
-    maxFileSize: 'file-too-large',
-    minFileSize: 'file-too-small',
-    fileType: 'file-invalid-type',
+  maxFiles: 'too-many-files',
+  maxFileSize: 'file-too-large',
+  minFileSize: 'file-too-small',
+  fileType: 'file-invalid-type'
 };
+export { FileRejection, FileRejectionError };
 export var dropErrors = {
-    fileType: 'FILE_TYPE_ERROR',
-    fileAmount: 'FILE_AMOUNT_ERROR',
-    maxFileSize: 'MAX_FILE_SIZE',
-    minFileSize: 'MIN_FILE_SIZE',
-    oneFileAtATime: 'ONE_FILE_AT_A_TIME',
-    multipleErrors: 'MULTIPLE_ERRORS',
-    reset: 'RESET',
+  fileType: 'FILE_TYPE_ERROR',
+  fileAmount: 'FILE_AMOUNT_ERROR',
+  maxFileSize: 'MAX_FILE_SIZE',
+  minFileSize: 'MIN_FILE_SIZE',
+  oneFileAtATime: 'ONE_FILE_AT_A_TIME',
+  multipleErrors: 'MULTIPLE_ERRORS',
+  reset: 'RESET'
 };
+
+/**
+ * WARNING
+ * To keep component work as expected according to props passed to `useDropzone` hook
+ * Some properties are omitted
+ */
 //# sourceMappingURL=Dropzone.types.js.map

package/dist/Dropzone/Dropzone.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.types.js","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.types.ts"],"names":[],"mappings":"AAcA,MAAM,CAAC,IAAM,mBAAmB,GAAwC;IACtE,QAAQ,EAAE,gBAAgB;IAC1B,WAAW,EAAE,gBAAgB;IAC7B,WAAW,EAAE,gBAAgB;IAC7B,QAAQ,EAAE,mBAAmB;CAC9B,CAAA;AAkJD,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,iBAAiB;IAC3B,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,eAAe;IAC5B,WAAW,EAAE,eAAe;IAC5B,cAAc,EAAE,oBAAoB;IACpC,cAAc,EAAE,iBAAiB;IACjC,KAAK,EAAE,OAAO;CACN,CAAA"}
+{"version":3,"file":"Dropzone.types.js","names":["FileError","FileRejectionError","FileRejection","fileRejectionReason","maxFiles","maxFileSize","minFileSize","fileType","dropErrors","fileAmount","oneFileAtATime","multipleErrors","reset"],"sources":["../../src/Dropzone/Dropzone.types.ts"],"sourcesContent":["import React from 'react'\nimport {\n  DropzoneInputProps as DropzoneInputPropsBase,\n  DropzoneOptions,\n  DropzoneRootProps as DropzoneRootPropsBase,\n  DropzoneState,\n  FileError as FileRejectionError,\n  FileRejection,\n} from 'react-dropzone'\n\nexport type DropzoneFile = any\n\nexport type FileRejectionReason = FileRejectionError['code']\n\nexport const fileRejectionReason: Record<string, FileRejectionReason> = {\n  maxFiles: 'too-many-files',\n  maxFileSize: 'file-too-large',\n  minFileSize: 'file-too-small',\n  fileType: 'file-invalid-type',\n}\n\nexport { FileRejection, FileRejectionError }\n\nexport interface DropzoneErrorBannerProps {\n  /**\n   * @since 10.19.0\n   */\n  error: DropzoneHookState['dropError']\n\n  /**\n   * Rejected files and why they were rejected\n   * <CodeBlock>\n   *  {`{\n   *   file: File,\n   *   errors: FileError[]\n   *  }[]`}\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  fileRejections: DropzoneHookState['fileRejections']\n  /**\n   * @since 10.19.0\n   */\n  onDismiss: () => void\n  /**\n   * @since 10.19.0\n   */\n  className?: string\n  /**\n   * @since 10.19.0\n   */\n  qa?: {\n    showErrorDetails?: string\n    hideError?: string\n  }\n}\n\nexport interface MultipleErrorsProps {\n  /**\n   * @since 10.19.0\n   */\n  fileRejections: FileRejection[]\n  /**\n   * @since 10.19.0\n   */\n  maxFiles?: number\n  /**\n   * @since 10.19.0\n   */\n  maxSize?: number\n  /**\n   * @since 10.19.0\n   */\n  minSize?: number\n}\n\nexport interface ContainerProps {\n  /**\n   * Additional props for dropzone container element\n   * @since 10.19.0\n   */\n  rootProps: DropzoneRootProps\n\n  /**\n   * Returns the props you should apply to the root drop container you render\n   * @since 10.19.0\n   */\n  getRootProps: DropzoneState['getRootProps']\n  /**\n   * @since 10.19.0\n   */\n  active: boolean\n\n  /**\n   * Enable/disable the dropzone container\n   * @since 10.19.0\n   */\n  disabled: boolean\n}\nexport interface ContentProps {\n  /**\n   * Force icon visibility\n   * <Code>NOTICE:</Code> passing <Code>true</Code> or <Code>false</Code>\n   * value explicitly will make component ignore resizing.\n   * @since 10.19.0\n   */\n  isIconVisible: boolean\n\n  /**\n   * Enable/disable the dropzone content\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  contentMessage: React.ReactNode\n}\n\nexport interface DropzoneContentProps {\n  /**\n   * Open the native file selection dialog\n   * @since 10.19.0\n   */\n  open: () => void\n\n  /**\n   * Enable/disable the dropzone content\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  errorMessage?: string\n}\n\nexport interface DropzoneHookProps\n  extends Partial<Omit<DropzoneOptions, 'minSize' | 'maxSize'>> {\n  /**\n   * Array of already selected items\n   * @since 10.19.0\n   */\n  value?: DropzoneFile[]\n\n  /**\n   * Maximum number files to the dropzone is allowed. All files above the limit\n   * will be rejected.\n   * @since 10.19.0\n   */\n  maxFileNumber?: number\n\n  /**\n   * Minimum file size (in bytes)\n   * @since 10.19.0\n   */\n  minFileSize?: DropzoneOptions['minSize']\n\n  /**\n   * Maximum file size (in bytes)\n   * @since 10.19.0\n   */\n  maxFileSize?: DropzoneOptions['maxSize']\n}\n\nexport const dropErrors = {\n  fileType: 'FILE_TYPE_ERROR',\n  fileAmount: 'FILE_AMOUNT_ERROR',\n  maxFileSize: 'MAX_FILE_SIZE',\n  minFileSize: 'MIN_FILE_SIZE',\n  oneFileAtATime: 'ONE_FILE_AT_A_TIME',\n  multipleErrors: 'MULTIPLE_ERRORS',\n  reset: 'RESET',\n} as const\n\nexport type DropErrorType = typeof dropErrors[keyof typeof dropErrors]\n\nexport type DropError = {\n  /**\n   * @since 10.19.0\n   */\n  type: DropErrorType\n  /**\n   * @since 10.19.0\n   */\n  title: string\n  /**\n   * @since 10.19.0\n   */\n  message: string\n  /**\n   * @since 10.19.0\n   */\n  body?: React.ReactNode\n}\n\nexport type DropzoneHookState = DropzoneState & {\n  /**\n   * Allow drag 'n' drop (or selection from the file dialog) of multiple files\n   * @default false\n   * @since 10.19.0\n   * */\n  multiple: boolean\n\n  /**\n   * Error message if dragged files is rejected\n   * <CodeBlock>\n   *  {`{ type: DropErrorType, title: string, message: string }`}\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  dragError: string\n\n  /**\n   * Error message if dropped files is rejected\n   * <CodeBlock>\n   *  {`{ type: DropErrorType, title: string, message: string }`}\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  dropError: DropError\n\n  /**\n   * Enable/disable the dropzone\n   * @default false\n   * @since 10.19.0\n   */\n  disabled: boolean\n\n  /**\n   * Sets <Code>dropError</Code>.\n   * <CodeBlock>{'(error: DropErrorType) => void'}</CodeBlock>\n   * @since 10.19.0\n   */\n  dispatchDropError: (error: DropErrorType) => void\n}\n\n/**\n * WARNING\n * To keep component work as expected according to props passed to `useDropzone` hook\n * Some properties are omitted\n */\ntype FrozenDropzoneRootKeys = 'disabled'\n\ntype FrozenDropzoneRootProps = {\n  [key in FrozenDropzoneRootKeys]?: never\n}\n\ntype FrozenDropzoneInputKeys = 'accept' | 'multiple' | 'type'\n\ntype FrozenDropzoneInputProps = {\n  [key in FrozenDropzoneInputKeys]: never\n}\n\nexport type DropzoneRootProps = DropzoneRootPropsBase & FrozenDropzoneRootProps\n\nexport type DropzoneInputProps = DropzoneInputPropsBase &\n  FrozenDropzoneInputProps\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  dropzone?: string\n  /**\n   * @since 10.19.0\n   */\n  showErrorDetails?: string\n  /**\n   * @since 10.19.0\n   */\n  hideError?: string\n}\n\nexport interface DropzoneProps extends DropzoneHookState {\n  /**\n   * Render prop to specify a custom dropzone body message\n   * @since 10.19.0\n   */\n  contentRenderer?: (props: DropzoneContentProps) => React.ReactNode\n  /**\n   * <Code>NOTICE:</Code>\n   * <br/>\n   * <Code>true</Code> - will make Icon always visible, despite the component height\n   * <br/>\n   * <Code>false</Code> - will make Icon always hide, despite the component height\n   * <br/>\n   * <Code>undefined</Code> - will look on the component height to decide show or hide Icon\n   * @since 10.19.0\n   */\n  isIconVisible?: boolean\n\n  /**\n   * Dropzone tooltip content\n   * @since 10.19.0\n   */\n  tooltip?: React.ReactNode | string\n\n  /**\n   * Additional props for dropzone element\n   * @since 10.19.0\n   */\n  rootProps?: DropzoneRootProps\n\n  /**\n   * Additional props for input element\n   * @since 10.19.0\n   */\n  inputProps?: DropzoneInputProps\n  /**\n   * @since 10.19.0\n   */\n  className?: string\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n}\n\nexport interface DropzoneRef {\n  /**\n   * @since 10.19.0\n   */\n  rootRef: React.RefObject<HTMLElement>\n  /**\n   * @since 10.19.0\n   */\n  inputRef: React.RefObject<HTMLInputElement>\n\n  /**\n   * Open the native file selection dialog\n   * @since 10.19.0\n   */\n  open: () => void\n}\n"],"mappings":"AACA,SAKEA,SAAS,IAAIC,kBAAkB,EAC/BC,aAAa,QACR,gBAAgB;AAMvB,OAAO,IAAMC,mBAAwD,GAAG;EACtEC,QAAQ,EAAE,gBAAgB;EAC1BC,WAAW,EAAE,gBAAgB;EAC7BC,WAAW,EAAE,gBAAgB;EAC7BC,QAAQ,EAAE;AACZ,CAAC;AAED,SAASL,aAAa,EAAED,kBAAkB;AAgJ1C,OAAO,IAAMO,UAAU,GAAG;EACxBD,QAAQ,EAAE,iBAAiB;EAC3BE,UAAU,EAAE,mBAAmB;EAC/BJ,WAAW,EAAE,eAAe;EAC5BC,WAAW,EAAE,eAAe;EAC5BI,cAAc,EAAE,oBAAoB;EACpCC,cAAc,EAAE,iBAAiB;EACjCC,KAAK,EAAE;AACT,CAAU;;AAgEV;AACA;AACA;AACA;AACA"}

package/dist/Dropzone/index.js

@@ -1,3 +1,4 @@
 export { Dropzone } from './Dropzone';
 export { useDropzone } from './Dropzone.hooks';
+export { DropzoneProps } from './Dropzone.types';
 //# sourceMappingURL=index.js.map

package/dist/Dropzone/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Dropzone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","names":["Dropzone","useDropzone","DropzoneProps"],"sources":["../../src/Dropzone/index.ts"],"sourcesContent":["export { Dropzone } from './Dropzone'\nexport { useDropzone } from './Dropzone.hooks'\nexport { DropzoneProps } from './Dropzone.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,aAAa,QAAQ,kBAAkB"}

package/dist/EmptyState/EmptyState.js

@@ -1,117 +1,268 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["children", "src", "alt"],
+  _excluded2 = ["children"],
+  _excluded3 = ["children"],
+  _excluded4 = ["children"],
+  _excluded5 = ["children", "compact", "title"];
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { addSubcomponents } from '../_utils/addSubcomponents';
-import { StyledActions, StyledDescription, StyledEmptyState, StyledImage, StyledSvg, StyledTitle, } from './EmptyState.styles';
-var Image = React.forwardRef(function Image(_a, ref) {
-    var children = _a.children, src = _a.src, alt = _a.alt, props = __rest(_a, ["children", "src", "alt"]);
-    return (React.createElement(StyledImage, __assign({ "aria-hidden": true, ref: ref }, props), src ? React.createElement("img", { alt: alt, src: src }) : children));
+import { StyledActions, StyledDescription, StyledEmptyState, StyledImage, StyledSvg, StyledTitle } from './EmptyState.styles';
+var Image = /*#__PURE__*/React.forwardRef(function Image(_ref, ref) {
+  var children = _ref.children,
+    src = _ref.src,
+    alt = _ref.alt,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledImage, _extends({
+    "aria-hidden": true,
+    ref: ref
+  }, props), src ? /*#__PURE__*/React.createElement("img", {
+    alt: alt,
+    src: src
+  }) : children);
 });
-var Title = React.forwardRef(function Title(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledTitle, __assign({}, props, { ref: ref }), children));
+var Title = /*#__PURE__*/React.forwardRef(function Title(_ref2, ref) {
+  var children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(StyledTitle, _extends({}, props, {
+    ref: ref
+  }), children);
 });
-var Description = React.forwardRef(function Description(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledDescription, __assign({}, props, { ref: ref }), children));
+var Description = /*#__PURE__*/React.forwardRef(function Description(_ref3, ref) {
+  var children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement(StyledDescription, _extends({}, props, {
+    ref: ref
+  }), children);
 });
-var Actions = React.forwardRef(function Actions(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledActions, __assign({}, props, { ref: ref }), children));
+var Actions = /*#__PURE__*/React.forwardRef(function Actions(_ref4, ref) {
+  var children = _ref4.children,
+    props = _objectWithoutProperties(_ref4, _excluded4);
+  return /*#__PURE__*/React.createElement(StyledActions, _extends({}, props, {
+    ref: ref
+  }), children);
 });
+
 // preset images
-var NoResults = React.forwardRef(function NoResults(props, ref) {
-    return (React.createElement(Image, __assign({ "aria-hidden": true }, props, { ref: ref }),
-        React.createElement(StyledSvg, { width: "200", height: "200", viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("path", { d: "M72.94 132.45H25.97V54.5H0V143.5H79.13C76.58 140.15 74.49 136.43 72.94 132.45Z", fill: "#D6DADC" }),
-            React.createElement("path", { d: "M141 30.5V41H25.86V119.5H13V30.5H141Z", fill: "#1952B3" }),
-            React.createElement("path", { d: "M150 133H26V41H150V73.85V88.6V133Z", fill: "white" }),
-            React.createElement("path", { d: "M117.5 152C142.629 152 163 131.629 163 106.5C163 81.3711 142.629 61 117.5 61C92.371 61 72 81.3711 72 106.5C72 131.629 92.371 152 117.5 152Z", fill: "white" }),
-            React.createElement("path", { d: "M97.75 65.5H36.5V90.5H74.9C79.03 79.52 87.27 70.56 97.75 65.5Z", fill: "#F3F4F6" }),
-            React.createElement("path", { d: "M72 106.5C72 103.06 72.39 99.72 73.12 96.5H36.5V121.5H74.54C72.9 116.8 72 111.76 72 106.5Z", fill: "#F3F4F6" }),
-            React.createElement("path", { d: "M39.96 47.93H36.85V51.04H39.96V47.93Z", fill: "#232729" }),
-            React.createElement("path", { d: "M45.4 47.93H42.29V51.04H45.4V47.93Z", fill: "#232729" }),
-            React.createElement("path", { d: "M50.85 47.93H47.74V51.04H50.85V47.93Z", fill: "#232729" }),
-            React.createElement("path", { d: "M157.59 138.1L155.4 140.29L151.7 136.59C158.77 128.56 163.07 118.05 163.07 106.54C163.07 96.64 159.89 87.48 154.5 80V39H153.5H146.5H106.5V41H25.5V133H80.5C88.77 144.54 102.28 152.08 117.53 152.08C128.76 152.08 139.05 147.98 147 141.22L150.74 144.96L148.55 147.15L183.74 182.34L192.79 173.29L157.59 138.1ZM148.74 73.43C148.72 73.41 148.69 73.38 148.67 73.36C148.7 73.38 148.72 73.41 148.74 73.43ZM29.5 129V58H139.5V54H29.5V45H106.5V47H146.5V71.43C138.62 64.92 128.52 61 117.53 61C92.42 61 71.99 81.43 71.99 106.54C71.99 114.7 74.16 122.37 77.94 129H29.5ZM117.53 145.41C96.1 145.41 78.66 127.97 78.66 106.54C78.66 85.11 96.1 67.67 117.53 67.67C138.96 67.67 156.4 85.1 156.4 106.54C156.4 127.98 138.96 145.41 117.53 145.41Z", fill: "#232729" }),
-            React.createElement("path", { d: "M183.73 182.33L148.54 147.14L150.73 144.95L146.99 141.21C139.04 147.98 128.75 152.07 117.52 152.07C92.41 152.07 71.98 131.64 71.98 106.53C71.98 104.73 72.1 102.96 72.3 101.22C70.71 105.85 69.83 110.81 69.83 115.97C69.83 141.08 90.26 161.51 115.37 161.51C126.6 161.51 136.89 157.41 144.84 150.65L148.58 154.39L146.39 156.58L181.58 191.77L190.63 182.72L186.98 179.07L183.73 182.33Z", fill: "#D6DADC" }),
-            React.createElement("path", { d: "M127.4 88.15C125.04 86.17 121.71 85.18 117.42 85.18C113.11 85.18 109.76 86.25 107.37 88.4C104.98 90.55 103.77 93.55 103.73 97.4H113.49C113.53 95.96 113.9 94.81 114.62 93.96C115.33 93.11 116.27 92.69 117.42 92.69C119.92 92.69 121.18 94.14 121.18 97.05C121.18 98.24 120.81 99.34 120.07 100.33C119.33 101.32 118.25 102.41 116.82 103.61C115.4 104.8 114.37 106.21 113.73 107.84C113.1 109.47 112.78 111.69 112.78 114.5H121.04C121.08 113.04 121.28 111.83 121.65 110.88C122.01 109.93 122.67 109 123.61 108.09L126.93 105C128.34 103.63 129.36 102.29 129.99 100.98C130.63 99.67 130.94 98.22 130.94 96.62C130.93 92.96 129.76 90.14 127.4 88.15Z", fill: "#FF5200" }),
-            React.createElement("path", { d: "M117 120.12C115.46 120.12 114.17 120.58 113.14 121.49C112.11 122.4 111.59 123.57 111.59 125C111.59 126.43 112.11 127.6 113.14 128.51C114.17 129.43 115.46 129.88 117 129.88C118.54 129.88 119.83 129.42 120.86 128.51C121.89 127.6 122.41 126.42 122.41 125C122.41 123.57 121.89 122.4 120.86 121.49C119.83 120.57 118.54 120.12 117 120.12Z", fill: "#FF5200" }),
-            React.createElement("path", { d: "M141.314 19.1213L139.192 17L132.121 24.0711L134.243 26.1924L141.314 19.1213Z", fill: "#232729" }),
-            React.createElement("path", { d: "M100.071 26.1213L102.192 24L95.1213 16.9289L93 19.0503L100.071 26.1213Z", fill: "#232729" }),
-            React.createElement("path", { d: "M119.192 9H116.192V20H119.192V9Z", fill: "#232729" }),
-            React.createElement("path", { d: "M93 180.071L95.1213 182.192L102.192 175.121L100.071 173L93 180.071Z", fill: "#232729" }),
-            React.createElement("path", { d: "M134.243 173.071L132.121 175.192L139.192 182.263L141.314 180.142L134.243 173.071Z", fill: "#232729" }),
-            React.createElement("path", { d: "M115.121 190.192L118.121 190.192L118.121 179.192L115.121 179.192L115.121 190.192Z", fill: "#232729" }))));
+
+var NoResults = /*#__PURE__*/React.forwardRef(function NoResults(props, ref) {
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    "aria-hidden": true
+  }, props, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(StyledSvg, {
+    width: "200",
+    height: "200",
+    viewBox: "0 0 200 200",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M72.94 132.45H25.97V54.5H0V143.5H79.13C76.58 140.15 74.49 136.43 72.94 132.45Z",
+    fill: "#D6DADC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M141 30.5V41H25.86V119.5H13V30.5H141Z",
+    fill: "#1952B3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M150 133H26V41H150V73.85V88.6V133Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M117.5 152C142.629 152 163 131.629 163 106.5C163 81.3711 142.629 61 117.5 61C92.371 61 72 81.3711 72 106.5C72 131.629 92.371 152 117.5 152Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M97.75 65.5H36.5V90.5H74.9C79.03 79.52 87.27 70.56 97.75 65.5Z",
+    fill: "#F3F4F6"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M72 106.5C72 103.06 72.39 99.72 73.12 96.5H36.5V121.5H74.54C72.9 116.8 72 111.76 72 106.5Z",
+    fill: "#F3F4F6"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M39.96 47.93H36.85V51.04H39.96V47.93Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M45.4 47.93H42.29V51.04H45.4V47.93Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M50.85 47.93H47.74V51.04H50.85V47.93Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M157.59 138.1L155.4 140.29L151.7 136.59C158.77 128.56 163.07 118.05 163.07 106.54C163.07 96.64 159.89 87.48 154.5 80V39H153.5H146.5H106.5V41H25.5V133H80.5C88.77 144.54 102.28 152.08 117.53 152.08C128.76 152.08 139.05 147.98 147 141.22L150.74 144.96L148.55 147.15L183.74 182.34L192.79 173.29L157.59 138.1ZM148.74 73.43C148.72 73.41 148.69 73.38 148.67 73.36C148.7 73.38 148.72 73.41 148.74 73.43ZM29.5 129V58H139.5V54H29.5V45H106.5V47H146.5V71.43C138.62 64.92 128.52 61 117.53 61C92.42 61 71.99 81.43 71.99 106.54C71.99 114.7 74.16 122.37 77.94 129H29.5ZM117.53 145.41C96.1 145.41 78.66 127.97 78.66 106.54C78.66 85.11 96.1 67.67 117.53 67.67C138.96 67.67 156.4 85.1 156.4 106.54C156.4 127.98 138.96 145.41 117.53 145.41Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M183.73 182.33L148.54 147.14L150.73 144.95L146.99 141.21C139.04 147.98 128.75 152.07 117.52 152.07C92.41 152.07 71.98 131.64 71.98 106.53C71.98 104.73 72.1 102.96 72.3 101.22C70.71 105.85 69.83 110.81 69.83 115.97C69.83 141.08 90.26 161.51 115.37 161.51C126.6 161.51 136.89 157.41 144.84 150.65L148.58 154.39L146.39 156.58L181.58 191.77L190.63 182.72L186.98 179.07L183.73 182.33Z",
+    fill: "#D6DADC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M127.4 88.15C125.04 86.17 121.71 85.18 117.42 85.18C113.11 85.18 109.76 86.25 107.37 88.4C104.98 90.55 103.77 93.55 103.73 97.4H113.49C113.53 95.96 113.9 94.81 114.62 93.96C115.33 93.11 116.27 92.69 117.42 92.69C119.92 92.69 121.18 94.14 121.18 97.05C121.18 98.24 120.81 99.34 120.07 100.33C119.33 101.32 118.25 102.41 116.82 103.61C115.4 104.8 114.37 106.21 113.73 107.84C113.1 109.47 112.78 111.69 112.78 114.5H121.04C121.08 113.04 121.28 111.83 121.65 110.88C122.01 109.93 122.67 109 123.61 108.09L126.93 105C128.34 103.63 129.36 102.29 129.99 100.98C130.63 99.67 130.94 98.22 130.94 96.62C130.93 92.96 129.76 90.14 127.4 88.15Z",
+    fill: "#FF5200"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M117 120.12C115.46 120.12 114.17 120.58 113.14 121.49C112.11 122.4 111.59 123.57 111.59 125C111.59 126.43 112.11 127.6 113.14 128.51C114.17 129.43 115.46 129.88 117 129.88C118.54 129.88 119.83 129.42 120.86 128.51C121.89 127.6 122.41 126.42 122.41 125C122.41 123.57 121.89 122.4 120.86 121.49C119.83 120.57 118.54 120.12 117 120.12Z",
+    fill: "#FF5200"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M141.314 19.1213L139.192 17L132.121 24.0711L134.243 26.1924L141.314 19.1213Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M100.071 26.1213L102.192 24L95.1213 16.9289L93 19.0503L100.071 26.1213Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M119.192 9H116.192V20H119.192V9Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M93 180.071L95.1213 182.192L102.192 175.121L100.071 173L93 180.071Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M134.243 173.071L132.121 175.192L139.192 182.263L141.314 180.142L134.243 173.071Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M115.121 190.192L118.121 190.192L118.121 179.192L115.121 179.192L115.121 190.192Z",
+    fill: "#232729"
+  })));
 });
-var NoItems = React.forwardRef(function NoItems(props, ref) {
-    return (React.createElement(Image, __assign({}, props, { ref: ref }),
-        React.createElement(StyledSvg, { width: "200", height: "200", viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("path", { d: "M186 63V140H43V177H200V63H186Z", fill: "#D6DADC" }),
-            React.createElement("path", { d: "M170.5 45H13.5V159H170.5V45Z", fill: "white" }),
-            React.createElement("path", { d: "M29.5 26V45H170.5V140H186.5V26H29.5Z", fill: "#1952B3" }),
-            React.createElement("path", { d: "M175 155V42H167H121.5V44H15H11V84H15V64H161V60H15V48H121.5V50H167V155H31V163H175V155Z", fill: "#232729" }),
-            React.createElement("path", { d: "M28 52H24V56H28V52Z", fill: "#232729" }),
-            React.createElement("path", { d: "M35 52H31V56H35V52Z", fill: "#232729" }),
-            React.createElement("path", { d: "M42 52H38V56H42V52Z", fill: "#232729" }),
-            React.createElement("path", { d: "M120 76H30V106H120V76Z", fill: "#F3F4F6" }),
-            React.createElement("path", { d: "M153.5 76H126.5V142H153.5V76Z", fill: "#F3F4F6" }),
-            React.createElement("path", { d: "M120 112H30V142H120V112Z", fill: "#F3F4F6" }),
-            React.createElement("path", { d: "M44 120.77H26.23V103H17.77V120.77H0V129.23H17.77V147H26.23V129.23H44V120.77Z", fill: "#FF5100" }),
-            React.createElement("path", { d: "M60.0711 146.314L62.1924 144.192L55.1213 137.121L53 139.243L60.0711 146.314Z", fill: "#232729" }),
-            React.createElement("path", { d: "M53.0711 105.071L55.1924 107.192L62.2634 100.121L60.1421 98L53.0711 105.071Z", fill: "#232729" }),
-            React.createElement("path", { d: "M70.1924 124.192V121.192H59.1924V124.192H70.1924Z", fill: "#232729" }))));
+var NoItems = /*#__PURE__*/React.forwardRef(function NoItems(props, ref) {
+  return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(StyledSvg, {
+    width: "200",
+    height: "200",
+    viewBox: "0 0 200 200",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M186 63V140H43V177H200V63H186Z",
+    fill: "#D6DADC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M170.5 45H13.5V159H170.5V45Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M29.5 26V45H170.5V140H186.5V26H29.5Z",
+    fill: "#1952B3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M175 155V42H167H121.5V44H15H11V84H15V64H161V60H15V48H121.5V50H167V155H31V163H175V155Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M28 52H24V56H28V52Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M35 52H31V56H35V52Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M42 52H38V56H42V52Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M120 76H30V106H120V76Z",
+    fill: "#F3F4F6"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M153.5 76H126.5V142H153.5V76Z",
+    fill: "#F3F4F6"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M120 112H30V142H120V112Z",
+    fill: "#F3F4F6"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M44 120.77H26.23V103H17.77V120.77H0V129.23H17.77V147H26.23V129.23H44V120.77Z",
+    fill: "#FF5100"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M60.0711 146.314L62.1924 144.192L55.1213 137.121L53 139.243L60.0711 146.314Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M53.0711 105.071L55.1924 107.192L62.2634 100.121L60.1421 98L53.0711 105.071Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M70.1924 124.192V121.192H59.1924V124.192H70.1924Z",
+    fill: "#232729"
+  })));
 });
-var NoItemsWithoutCreatePermissions = React.forwardRef(function NoItemsWithoutCreatePermissions(props, ref) {
-    return (React.createElement(Image, __assign({}, props, { ref: ref }),
-        React.createElement(StyledSvg, { width: "213", height: "200", viewBox: "0 0 213 200", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("path", { d: "M199 63v77H56v37h157V63h-14z", fill: "#D6DADC" }),
-            React.createElement("path", { d: "M183.5 45h-157v114h157V45z", fill: "#fff" }),
-            React.createElement("path", { d: "M42.5 26v19h141v95h16V26h-157z", fill: "#1952B3" }),
-            React.createElement("path", { d: "M41 52h-4v4h4v-4zM48 52h-4v4h4v-4zM55 52h-4v4h4v-4z", fill: "#FF5100" }),
-            React.createElement("path", { d: "M133 76H43v30h90V76zM166.5 76h-27v66h27V76zM133 112H43v30h90v-30z", fill: "#F4F5F6" }),
-            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M188 42v121H44v-2H24V44h110.5v-2H188zM28 157V64h146v-4H28V48h106.5v2H180v105H44v2H28z", fill: "#000" }),
-            React.createElement("path", { d: "M10.121 103L8 105.121l7.071 7.071 2.121-2.121-7.07-7.071zM17.121 144.243L15 142.121l-7.071 7.071 2.121 2.122 7.071-7.071zM0 125.121v3h11v-3H0z", fill: "#232729" }))));
+var NoItemsWithoutCreatePermissions = /*#__PURE__*/React.forwardRef(function NoItemsWithoutCreatePermissions(props, ref) {
+  return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(StyledSvg, {
+    width: "213",
+    height: "200",
+    viewBox: "0 0 213 200",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M199 63v77H56v37h157V63h-14z",
+    fill: "#D6DADC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M183.5 45h-157v114h157V45z",
+    fill: "#fff"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M42.5 26v19h141v95h16V26h-157z",
+    fill: "#1952B3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M41 52h-4v4h4v-4zM48 52h-4v4h4v-4zM55 52h-4v4h4v-4z",
+    fill: "#FF5100"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M133 76H43v30h90V76zM166.5 76h-27v66h27V76zM133 112H43v30h90v-30z",
+    fill: "#F4F5F6"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M188 42v121H44v-2H24V44h110.5v-2H188zM28 157V64h146v-4H28V48h106.5v2H180v105H44v2H28z",
+    fill: "#000"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10.121 103L8 105.121l7.071 7.071 2.121-2.121-7.07-7.071zM17.121 144.243L15 142.121l-7.071 7.071 2.121 2.122 7.071-7.071zM0 125.121v3h11v-3H0z",
+    fill: "#232729"
+  })));
 });
-var RecycleBin = React.forwardRef(function RecycleBin(props, ref) {
-    return (React.createElement(Image, __assign({}, props, { ref: ref }),
-        React.createElement(StyledSvg, { width: "200", height: "200", viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("path", { d: "M189 200H12L22 175.024H179L189 200Z", fill: "#D6DADC" }),
-            React.createElement("path", { d: "M23 65.1297L41 44.1499V65.1297H23Z", fill: "#232729" }),
-            React.createElement("path", { d: "M179 65.1297L161 44.1499V65.1297H179Z", fill: "#232729" }),
-            React.createElement("path", { d: "M87.7199 38.7052L85.0639 34.1595H41V37.3964V38.7052V41.3726V124.073H161V38.7052H87.7199Z", fill: "#1952B3" }),
-            React.createElement("path", { d: "M86.17 53.204L83.2 48.1461H34V51.7404V53.204V56.1611V148.05H168V53.204H86.17Z", fill: "#D6DADC" }),
-            React.createElement("path", { d: "M179 65.1297H23V175.024H179V65.1297Z", fill: "white" }),
-            React.createElement("path", { d: "M175 69.1259V171.028H27V69.1259H175ZM179 65.1297H23V175.024H179V65.1297Z", fill: "#232729" }),
-            React.createElement("path", { d: "M80 177.022H21V97.099H28.9878V169.03H80V177.022Z", fill: "#232729" }),
-            React.createElement("path", { d: "M114.5 97.099H86.5C82.91 97.099 80 94.1918 80 90.6052V89.6062C80 86.0197 82.91 83.1125 86.5 83.1125H114.5C118.09 83.1125 121 86.0197 121 89.6062V90.6052C121 94.1918 118.09 97.099 114.5 97.099Z", fill: "#232729" }),
-            React.createElement("path", { d: "M142 154.044H60V108.088H142V154.044ZM64 150.004H138V112.128H64V150.004Z", fill: "#FF5200" }),
-            React.createElement("path", { d: "M130 120.077H72V124.073H130V120.077Z", fill: "#D6DADC" }),
-            React.createElement("path", { d: "M130 129.068H72V133.064H130V129.068Z", fill: "#D6DADC" }),
-            React.createElement("path", { d: "M105.5 138.06H72V142.056H105.5V138.06Z", fill: "#D6DADC" }),
-            React.createElement("path", { d: "M123.314 10.1116L121.192 7.99231L114.121 15.0566L116.243 17.1759L123.314 10.1116Z", fill: "#232729" }),
-            React.createElement("path", { d: "M82.0711 17.1049L84.1924 14.9856L77.1213 7.92131L75 10.0406L82.0711 17.1049Z", fill: "#232729" }),
-            React.createElement("path", { d: "M101.192 0H98.1924V10.9894H101.192V0Z", fill: "#232729" }))));
+var RecycleBin = /*#__PURE__*/React.forwardRef(function RecycleBin(props, ref) {
+  return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(StyledSvg, {
+    width: "200",
+    height: "200",
+    viewBox: "0 0 200 200",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M189 200H12L22 175.024H179L189 200Z",
+    fill: "#D6DADC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M23 65.1297L41 44.1499V65.1297H23Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M179 65.1297L161 44.1499V65.1297H179Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M87.7199 38.7052L85.0639 34.1595H41V37.3964V38.7052V41.3726V124.073H161V38.7052H87.7199Z",
+    fill: "#1952B3"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M86.17 53.204L83.2 48.1461H34V51.7404V53.204V56.1611V148.05H168V53.204H86.17Z",
+    fill: "#D6DADC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M179 65.1297H23V175.024H179V65.1297Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M175 69.1259V171.028H27V69.1259H175ZM179 65.1297H23V175.024H179V65.1297Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M80 177.022H21V97.099H28.9878V169.03H80V177.022Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M114.5 97.099H86.5C82.91 97.099 80 94.1918 80 90.6052V89.6062C80 86.0197 82.91 83.1125 86.5 83.1125H114.5C118.09 83.1125 121 86.0197 121 89.6062V90.6052C121 94.1918 118.09 97.099 114.5 97.099Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M142 154.044H60V108.088H142V154.044ZM64 150.004H138V112.128H64V150.004Z",
+    fill: "#FF5200"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M130 120.077H72V124.073H130V120.077Z",
+    fill: "#D6DADC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M130 129.068H72V133.064H130V129.068Z",
+    fill: "#D6DADC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M105.5 138.06H72V142.056H105.5V138.06Z",
+    fill: "#D6DADC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M123.314 10.1116L121.192 7.99231L114.121 15.0566L116.243 17.1759L123.314 10.1116Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M82.0711 17.1049L84.1924 14.9856L77.1213 7.92131L75 10.0406L82.0711 17.1049Z",
+    fill: "#232729"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M101.192 0H98.1924V10.9894H101.192V0Z",
+    fill: "#232729"
+  })));
 });
+
 /**
 
  We place empty states on pages where nothing has been created yet.
@@ -125,28 +276,35 @@ var RecycleBin = React.forwardRef(function RecycleBin(props, ref) {
  @see [Design Guidelines](https://design.procore.com/empty-state)
 
  */
-var EmptyState_ = React.forwardRef(function EmptyState(_a, ref) {
-    var children = _a.children, _b = _a.compact, compact = _b === void 0 ? false : _b, title = _a.title, props = __rest(_a, ["children", "compact", "title"]);
-    return (React.createElement(StyledEmptyState, __assign({ compact: compact }, props, { ref: ref }), children));
+var EmptyState_ = /*#__PURE__*/React.forwardRef(function EmptyState(_ref5, ref) {
+  var children = _ref5.children,
+    _ref5$compact = _ref5.compact,
+    compact = _ref5$compact === void 0 ? false : _ref5$compact,
+    title = _ref5.title,
+    props = _objectWithoutProperties(_ref5, _excluded5);
+  return /*#__PURE__*/React.createElement(StyledEmptyState, _extends({
+    compact: compact
+  }, props, {
+    ref: ref
+  }), children);
 });
 EmptyState_.displayName = 'EmptyState';
 Actions.displayName = 'EmptyState.Actions';
 Description.displayName = 'EmptyState.Description';
 Image.displayName = 'EmptyState.Image';
 NoItems.displayName = 'EmptyState.NoResults';
-NoItemsWithoutCreatePermissions.displayName =
-    'EmptyState.NoItemsWithoutCreatePermissions';
+NoItemsWithoutCreatePermissions.displayName = 'EmptyState.NoItemsWithoutCreatePermissions';
 NoResults.displayName = 'EmptyState.NoResults';
 RecycleBin.displayName = 'EmptyState.RecyleBin';
 Title.displayName = 'EmptyState.Title';
 export var EmptyState = addSubcomponents({
-    Actions: Actions,
-    Description: Description,
-    Image: Image,
-    NoItems: NoItems,
-    NoItemsWithoutCreatePermissions: NoItemsWithoutCreatePermissions,
-    NoResults: NoResults,
-    RecycleBin: RecycleBin,
-    Title: Title,
+  Actions: Actions,
+  Description: Description,
+  Image: Image,
+  NoItems: NoItems,
+  NoItemsWithoutCreatePermissions: NoItemsWithoutCreatePermissions,
+  NoResults: NoResults,
+  RecycleBin: RecycleBin,
+  Title: Title
 }, EmptyState_);
 //# sourceMappingURL=EmptyState.js.map