odaptos_design_system 1.4.32 → 1.4.34

package/dist/DatePicker/DatePicker.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Dayjs } from 'dayjs';
+import 'dayjs/locale/en';
+import 'dayjs/locale/en-gb';
+import 'dayjs/locale/fr';
+import 'dayjs/locale/it';
+import 'dayjs/locale/de';
+import 'dayjs/locale/es';
+export interface DatePickerProps {
+    className?: string;
+    label?: string;
+    value?: Date | Dayjs | null;
+    openTo?: 'day' | 'month' | 'year';
+    format?: string;
+    helperText?: string;
+    disabled?: boolean;
+    disableFuture?: boolean;
+    disablePast?: boolean;
+    loading?: boolean;
+    locale?: string | 'en' | 'en-gb' | 'fr' | 'it' | 'de' | 'es';
+    maxDate?: Date | Dayjs | undefined;
+    minDate?: Date | Dayjs | undefined;
+    timezone?: string;
+    placeholder?: string;
+    required?: boolean;
+    error?: boolean;
+    errorText?: string;
+    renderLoading?: () => React.ReactNode;
+    onChange?: (date: Date | Dayjs | null) => void;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;

package/dist/Icons/Interaction/FilterIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+export default function FilterIcon({ stroke, strokeWidth, fill, ...rest }: SvgIconProps): React.JSX.Element;

package/dist/Icons/index.d.ts

@@ -108,5 +108,6 @@ export { default as TestIcon } from './Miscellaneous/TestIcon';
 export { default as UnmoderatedIcon } from './Miscellaneous/UnmoderatedIcon';
 export { default as AlamBellIdleIcon } from './Notifications/AlamBellIdleIcon';
 export { default as AlarmBellStatusIcon } from './Notifications/AlarmBellStatusIcon';
+export { default as FilterIcon } from './Interaction/FilterIcon';
 export { default as NotifAlertIcon } from './Notifications/NotifAlertIcon';
 export { default as AngryIntervieweeFemale } from './Illustrations/AngryIntervieweeFemale';

package/dist/Table/TableFooter.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 interface TableRowsProps {
+    footerIconRight?: JSX.Element;
     footerText?: string;
-    footerItems?: any[];
+    footerAction?: () => void;
 }
-export declare const TableFooter: ({ footerText, footerItems }: TableRowsProps) => React.JSX.Element;
+export declare const TableFooter: ({ footerText, footerIconRight, footerAction, }: TableRowsProps) => React.JSX.Element;
 export {};

package/dist/Table/index.d.ts

@@ -17,10 +17,11 @@ interface TableProps {
     rowsClassName?: string;
     selectAll?: () => void;
     footerText?: string;
-    footerItems?: any[];
+    footerAction?: () => void;
+    footerIconRight?: JSX.Element;
 }
 /**
  * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
  */
-export declare const Table: ({ headers, rows, isSelectable, className, id, rowsClassName, areAllSelected, footerText, footerItems, selectAll, }: TableProps) => React.JSX.Element;
+export declare const Table: ({ headers, rows, isSelectable, className, id, rowsClassName, areAllSelected, footerText, footerAction, footerIconRight, selectAll, }: TableProps) => React.JSX.Element;
 export {};

package/dist/TimePicker/TimePicker.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Dayjs } from 'dayjs';
+import 'dayjs/locale/en';
+import 'dayjs/locale/en-gb';
+import 'dayjs/locale/fr';
+import 'dayjs/locale/it';
+import 'dayjs/locale/de';
+import 'dayjs/locale/es';
+export interface TimePickerProps {
+    className?: string;
+    label?: string;
+    value?: Date | Dayjs | null;
+    format?: string;
+    disabled?: boolean;
+    locale?: string | 'en' | 'en-gb' | 'fr' | 'it' | 'de' | 'es';
+    timezone?: string;
+    placeholder?: string;
+    required?: boolean;
+    error?: boolean;
+    errorText?: string;
+    helperText?: string;
+    onChange?: (date: Date | Dayjs | null) => void;
+}
+declare const TimePicker: React.FC<TimePickerProps>;
+export default TimePicker;

package/dist/odaptos_design_system.cjs.development.js

@@ -16,10 +16,9 @@ var MuiModal = _interopDefault(require('@mui/material/Modal'));
 var Fade = _interopDefault(require('@mui/material/Fade'));
 var system = require('@mui/system');
 var Tooltip$1 = require('@mui/material/Tooltip');
-var ClickAwayListener = _interopDefault(require('@mui/material/ClickAwayListener'));
-var Popover$1 = _interopDefault(require('@mui/material/Popover'));
 var Tab = _interopDefault(require('@mui/material/Tab'));
 var Tabs$1 = _interopDefault(require('@mui/material/Tabs'));
+var Popover$1 = _interopDefault(require('@mui/material/Popover'));
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -4047,6 +4046,39 @@ function AlarmBellStatusIcon({
   }))));
 }
 
+function FilterIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}) {
+  return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
+    strokeWidth: strokeWidth ?? 0.1,
+    stroke: stroke ? stroke : 'currentColor'
+  }, rest), /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, /*#__PURE__*/React__default.createElement("mask", {
+    id: "mask0_484_4303",
+    maskUnits: "userSpaceOnUse",
+    x: "0",
+    y: "0",
+    width: "16",
+    height: "16"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M16 0H0V16H16V0Z",
+    fill: "white"
+  })), /*#__PURE__*/React__default.createElement("g", {
+    mask: "url(#mask0_484_4303)"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M7 15.7333C6.86667 15.7333 6.73333 15.7333 6.6 15.6667C6.4 15.6 6.26667 15.4667 6.2 15.2667C6.06667 15.1333 6 14.9333 6 14.7333V8.53333C4.46667 8.2 3 7.33333 2 6.13333C0.866667 4.79999 0.133333 3.13333 0 1.39999C0 1.26666 0 1.13333 0.0666667 0.999995C0.133333 0.866662 0.2 0.733328 0.266667 0.666662C0.333333 0.533328 0.466667 0.466662 0.6 0.399995C0.733333 0.333328 0.866667 0.333328 1 0.333328H15C15.1333 0.333328 15.2667 0.333328 15.4 0.399995C15.5333 0.466662 15.6667 0.533328 15.7333 0.666662C15.8 0.733328 15.8667 0.866662 15.9333 0.999995C16 1.13333 16 1.26666 16 1.39999C15.8667 3.13333 15.2 4.79999 14 6.13333C12.9333 7.33333 11.5333 8.2 10 8.59999V13.1333C10 13.2667 10 13.4 9.93333 13.5333C9.86667 13.6667 9.8 13.8 9.66667 13.8667L7.66667 15.5333C7.53333 15.6667 7.33333 15.7333 7.13333 15.7333C7.06667 15.7333 7 15.7333 7 15.7333ZM15 1.33333H1C1.13333 2.86666 1.73333 4.33333 2.73333 5.46666C3.73333 6.6 5.13333 7.4 6.6 7.73333C6.8 7.8 7 8 7 8.2V14.8L9 13.1333V8.2C9 7.93333 9.2 7.73333 9.4 7.73333C10.8667 7.4 12.2667 6.66666 13.2667 5.46666C14.2667 4.33333 14.8667 2.86666 15 1.33333Z",
+    fill: fill
+  }))));
+}
+
 function NotifAlertIcon({
   stroke,
   strokeWidth,
@@ -4270,12 +4302,12 @@ styleInject(css_248z$4);
 const CssTextField = /*#__PURE__*/styles$F.styled(material.TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& .MuiInputBase-input.Mui-disabled': {
     color: '#26292E',
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& .Mui-error': {
@@ -4299,25 +4331,25 @@ const CssTextField = /*#__PURE__*/styles$F.styled(material.TextField)({
   },
   '& label': {
     color: '#26292E',
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& label.Mui-disabled.Mui-error': {
     color: '#26292E',
     opacity: 0.5,
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& label.Mui-focused': {
     color: '#26292E',
-    fontFamily: 'OpenSans',
+    fontFamily: 'Open Sans',
     fontSize: '1rem',
     backgroundColor: '#fff',
     marginRight: 5,
     paddingRight: 5
   },
   '& .MuiOutlinedInput-root': {
-    fontFamily: 'OpenSans',
+    fontFamily: 'Open Sans',
     '& fieldset': {
       borderColor: '#96989A'
     },
@@ -4421,6 +4453,7 @@ const SingleSelect = ({
     },
     renderInput: params => /*#__PURE__*/React__default.createElement(CssTextField, Object.assign({}, params, {
       variant: "outlined",
+      fullWidth: true,
       label: label,
       placeholder: placeholder,
       size: "small",
@@ -4565,12 +4598,12 @@ styleInject(css_248z$6);
 const CssTextField$1 = /*#__PURE__*/styles$F.styled(TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& .MuiInputBase-input.Mui-disabled': {
     color: '#26292E',
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& .Mui-error': {
@@ -4594,25 +4627,25 @@ const CssTextField$1 = /*#__PURE__*/styles$F.styled(TextField)({
   },
   '& label': {
     color: '#26292E',
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& label.Mui-disabled.Mui-error': {
     color: '#26292E',
     opacity: 0.5,
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& label.Mui-focused': {
     color: '#26292E',
-    fontFamily: 'OpenSans',
+    fontFamily: 'Open Sans',
     fontSize: '1rem',
     backgroundColor: '#fff',
     marginRight: 5,
     paddingRight: 5
   },
   '& .MuiOutlinedInput-root': {
-    fontFamily: 'OpenSans',
+    fontFamily: 'Open Sans',
     '& fieldset': {
       borderColor: '#96989A'
     },
@@ -5775,7 +5808,7 @@ const TableHeader = ({
   }), header.icon && header.icon)));
 };
 
-var css_248z$n = ".rows-modules_rows__2uSRy{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;width:100%}.rows-modules_rows__2uSRy .rows-modules_row__FcChg{align-items:center;align-self:stretch;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;padding:0 .5rem}";
+var css_248z$n = ".rows-modules_rows__2uSRy{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;max-height:65vh;overflow-y:scroll;width:100%}.rows-modules_rows__2uSRy .rows-modules_row__FcChg{align-items:center;align-self:stretch;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;padding:0 .5rem}";
 var styles$n = {"rows":"rows-modules_rows__2uSRy","row":"rows-modules_row__FcChg"};
 styleInject(css_248z$n);
 
@@ -5840,24 +5873,15 @@ const TableRows = ({
   }));
 };
 
-var css_248z$p = ".TableFooter-modules_footer__-M8S3{align-items:center;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:0 0 .375rem .375rem;border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;justify-content:flex-end;padding:0 .5rem 0 3rem;width:calc(100% - 3.63rem)}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj{align-items:center;display:flex;flex:1 0 0;gap:.75rem;height:2.75rem;justify-content:space-between;padding:.5rem}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_footerText__Nntc4{text-align:center;width:100%}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_actionsBtn__F3Lx-{margin-left:auto}.TableFooter-modules_popoverContent__X-677{display:flex;flex-direction:column;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5{align-items:center;align-self:stretch;border-radius:.25rem;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 a{text-decoration:none}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5:hover{background:#eee}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 svg{height:1rem;width:1rem}";
+var css_248z$p = ".TableFooter-modules_footer__-M8S3{align-items:center;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:0 0 .375rem .375rem;border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;justify-content:flex-end;padding:0 .5rem 0 3rem;width:100%}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj{align-items:center;display:flex;flex:1 0 0;gap:.75rem;height:2.75rem;justify-content:space-between;padding:.5rem}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_footerText__Nntc4{text-align:center;width:100%}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_actionsBtn__F3Lx-{margin-left:auto}.TableFooter-modules_popoverContent__X-677{display:flex;flex-direction:column;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5{align-items:center;align-self:stretch;border-radius:.25rem;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 a{text-decoration:none}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5:hover{background:#eee}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 svg{height:1rem;width:1rem}";
 var styles$p = {"footer":"TableFooter-modules_footer__-M8S3","footer_content":"TableFooter-modules_footer_content__CJ9Uj","footerText":"TableFooter-modules_footerText__Nntc4","actionsBtn":"TableFooter-modules_actionsBtn__F3Lx-","popoverContent":"TableFooter-modules_popoverContent__X-677","item":"TableFooter-modules_item__cRsB5"};
 styleInject(css_248z$p);
 
 const TableFooter = ({
   footerText,
-  footerItems
+  footerIconRight,
+  footerAction
 }) => {
-  // Popover logic
-  const [anchorEl, setAnchorEl] = React.useState(null);
-  const openOptionsMenu = event => {
-    setAnchorEl(event.currentTarget);
-  };
-  const closeOptionsMenu = () => {
-    setAnchorEl(null);
-  };
-  const open = Boolean(anchorEl);
-  const popoverId = open ? 'simple-popover' : undefined;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: `${styles$p.footer}`
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -5867,32 +5891,13 @@ const TableFooter = ({
     text: footerText,
     color: colors.neutral_600,
     className: styles$p.footerText
-  }), footerItems && /*#__PURE__*/React__default.createElement(IconButton, {
-    icon: /*#__PURE__*/React__default.createElement(MenuVerticalIcon, null),
+  }), footerIconRight && /*#__PURE__*/React__default.createElement(IconButton, {
+    icon: footerIconRight,
     variant: "tertiary",
     size: "xxs",
-    onClick: openOptionsMenu,
+    onClick: footerAction,
     className: styles$p.actionsBtn
-  }))), footerItems && /*#__PURE__*/React__default.createElement(Popover$1, {
-    id: popoverId,
-    open: open,
-    anchorEl: anchorEl,
-    onClose: closeOptionsMenu,
-    anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'right'
-    }
-  }, /*#__PURE__*/React__default.createElement(ClickAwayListener, {
-    onClickAway: closeOptionsMenu
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: styles$p.popoverContent
-  }, footerItems.map((item, index) => /*#__PURE__*/React__default.createElement("div", {
-    className: styles$p.item,
-    key: `footer-item-${index}`
-  }, item.icon, /*#__PURE__*/React__default.createElement(Text, {
-    text: item.label,
-    size: "sm"
-  })))))));
+  }))));
 };
 
 var css_248z$q = ".Table-modules_table__Wa7EU{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
@@ -5911,7 +5916,8 @@ const Table = ({
   rowsClassName,
   areAllSelected,
   footerText,
-  footerItems,
+  footerAction,
+  footerIconRight,
   selectAll
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
@@ -5926,8 +5932,9 @@ const Table = ({
     id: id,
     rowsClassName: rowsClassName,
     headers: headers
-  }), (footerItems || footerText) && /*#__PURE__*/React__default.createElement(TableFooter, {
-    footerItems: footerItems,
+  }), /*#__PURE__*/React__default.createElement(TableFooter, {
+    footerAction: footerAction,
+    footerIconRight: footerIconRight,
     footerText: footerText
   }));
 };
@@ -6062,19 +6069,19 @@ const TabsUnderline = ({
   })));
 };
 
-var css_248z$t = ".TextInput-modules_input__3djVU{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left;width:100%}.TextInput-modules_input__3djVU svg{height:.75rem;width:.75rem}input{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}input.TextInput-modules_input__3djVU{height:1rem}.TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextInput-modules_input_top_label__JRakx{margin-bottom:.625rem}.TextInput-modules_input__3djVU .TextInput-modules_MuiInputBase-input__P8rMx{color:var(--gray-black);font-family:OpenSans;font-size:1rem;padding:.375rem .75rem}.TextInput-modules_text_below__lGHF-{margin:.25rem .5rem .25rem .75rem}";
+var css_248z$t = ".TextInput-modules_input__3djVU{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left;width:100%}.TextInput-modules_input__3djVU svg{height:.75rem;width:.75rem}input{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}input.TextInput-modules_input__3djVU{height:1rem}.TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextInput-modules_input_top_label__JRakx{margin-bottom:.625rem}.TextInput-modules_input__3djVU .TextInput-modules_MuiInputBase-input__P8rMx{color:var(--gray-black);font-family:Open Sans;font-size:1rem;padding:.375rem .75rem}.TextInput-modules_text_below__lGHF-{margin:.25rem .5rem .25rem .75rem}";
 var styles$t = {"input":"TextInput-modules_input__3djVU","MuiInputBase-root-MuiOutlinedInput-root":"TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v","input_top_label":"TextInput-modules_input_top_label__JRakx","MuiInputBase-input":"TextInput-modules_MuiInputBase-input__P8rMx","text_below":"TextInput-modules_text_below__lGHF-"};
 styleInject(css_248z$t);
 
 const CssTextField$2 = /*#__PURE__*/styles$F.styled(material.TextField)({
   '& .MuiInputBase-input': {
     color: '#26292E',
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& .MuiInputBase-input.Mui-disabled': {
     color: '#26292E',
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& .Mui-error': {
@@ -6098,25 +6105,25 @@ const CssTextField$2 = /*#__PURE__*/styles$F.styled(material.TextField)({
   },
   '& label': {
     color: '#26292E',
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& label.Mui-disabled.Mui-error': {
     color: '#26292E',
     opacity: 0.5,
-    fontFamily: 'OpenSans !important',
+    fontFamily: 'Open Sans !important',
     fontSize: '1rem'
   },
   '& label.Mui-focused': {
     color: '#26292E',
-    fontFamily: 'OpenSans',
+    fontFamily: 'Open Sans',
     fontSize: '1rem',
     backgroundColor: '#fff',
     marginRight: 5,
     paddingRight: 5
   },
   '& .MuiOutlinedInput-root': {
-    fontFamily: 'OpenSans',
+    fontFamily: 'Open Sans',
     '& fieldset': {
       borderColor: '#96989A'
     },
@@ -6201,13 +6208,13 @@ const TextInput = props => {
       endAdornment,
       startAdornment,
       style: {
-        fontFamily: 'OpenSans',
+        fontFamily: 'Open Sans',
         fontSize: '1rem'
       }
     },
     InputLabelProps: {
       style: {
-        fontFamily: 'OpenSans',
+        fontFamily: 'Open Sans',
         fontSize: '1rem'
       },
       ...InputLabelProps
@@ -6893,6 +6900,7 @@ exports.FaceCenterIcon = FaceCenterIcon;
 exports.FaceRecognitionIcon = FaceRecognitionIcon;
 exports.FilesIcon = FilesIcon;
 exports.FillRecordIcon = FillRecordIcon;
+exports.FilterIcon = FilterIcon;
 exports.FolderIcon = FolderIcon;
 exports.GoBack = GoBack;
 exports.GoogleIcon = GoogleIcon;