diff --git a/package-lock.json b/package-lock.json
index 61483cdfa..c12dfa1a2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,17 +1,18 @@
{
"name": "@lyyti/design-system",
- "version": "3.9.3",
+ "version": "4.0.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "@lyyti/design-system",
- "version": "3.9.3",
+ "version": "4.0.0",
"license": "MIT",
"dependencies": {
"@emotion/react": "11.11.1",
"@emotion/styled": "11.11.0",
"@mui/base": "5.0.0-beta.30",
+ "@mui/icons-material": "5.15.7",
"@mui/lab": "5.0.0-alpha.158",
"@mui/material": "5.15.6",
"@mui/x-data-grid": "6.18.6",
@@ -2058,9 +2059,9 @@
"dev": true
},
"node_modules/@babel/runtime": {
- "version": "7.23.8",
- "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.8.tgz",
- "integrity": "sha512-Y7KbAP984rn1VGMbGqKmBLio9V7y5Je9GvU4rQPCPinCyNfUcToxIXl06d59URp/F3LwinvODxab5N/G6qggkw==",
+ "version": "7.23.9",
+ "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.9.tgz",
+ "integrity": "sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==",
"dependencies": {
"regenerator-runtime": "^0.14.0"
},
@@ -3523,6 +3524,31 @@
"url": "https://opencollective.com/mui-org"
}
},
+ "node_modules/@mui/icons-material": {
+ "version": "5.15.7",
+ "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.15.7.tgz",
+ "integrity": "sha512-EDAc8TVJGIA/imAvR3u4nANl2W5h3QeHieu2gK7Ypez/nIA55p08tHjf8UrMXEpxCAvfZO6piY9S9uaxETdicA==",
+ "dependencies": {
+ "@babel/runtime": "^7.23.9"
+ },
+ "engines": {
+ "node": ">=12.0.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/mui-org"
+ },
+ "peerDependencies": {
+ "@mui/material": "^5.0.0",
+ "@types/react": "^17.0.0 || ^18.0.0",
+ "react": "^17.0.0 || ^18.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/react": {
+ "optional": true
+ }
+ }
+ },
"node_modules/@mui/lab": {
"version": "5.0.0-alpha.158",
"resolved": "https://registry.npmjs.org/@mui/lab/-/lab-5.0.0-alpha.158.tgz",
diff --git a/package.json b/package.json
index 3a5314639..4283df405 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
"name": "@lyyti/design-system",
"description": "Lyyti Design System",
"homepage": "https://lyytioy.github.io/lyyti-design-system",
- "version": "3.9.3",
+ "version": "4.0.0",
"engines": {
"node": "^18",
"npm": "^9"
@@ -25,6 +25,7 @@
"@emotion/react": "11.11.1",
"@emotion/styled": "11.11.0",
"@mui/base": "5.0.0-beta.30",
+ "@mui/icons-material": "5.15.7",
"@mui/lab": "5.0.0-alpha.158",
"@mui/material": "5.15.6",
"@mui/x-data-grid": "6.18.6",
diff --git a/src/components/Accordion.tsx b/src/components/Accordion.tsx
index 55e507c33..df279b265 100644
--- a/src/components/Accordion.tsx
+++ b/src/components/Accordion.tsx
@@ -7,7 +7,7 @@ import {
AccordionDetails,
TypographyProps,
} from '@mui/material';
-import { ChevronDown } from '../icons';
+import { ExpandMoreRounded } from '../icons';
export interface AccordionProps extends MuiAccordionProps {
title: string;
@@ -22,7 +22,7 @@ const Accordion = (
titleProps = {
fontSize: '16px',
},
- expandIcon = ,
+ expandIcon = ,
expandIconInline,
elevation = 0,
children,
@@ -31,9 +31,6 @@ const Accordion = (
}: AccordionProps,
ref: Ref
): JSX.Element => {
- const fontSize = titleProps.fontSize + (typeof titleProps.fontSize === 'number' ? 'px' : '');
- const iconSize = `calc(${fontSize} * 0.75)`;
-
return (
diff --git a/src/components/DatePicker.tsx b/src/components/DatePicker.tsx
index ac65fa5f7..7c7a698fb 100644
--- a/src/components/DatePicker.tsx
+++ b/src/components/DatePicker.tsx
@@ -10,7 +10,7 @@ import type {
InputAdornmentProps as MuiInputAdornmentProps,
} from '@mui/material';
-import Calendar from '../icons/Calendar';
+import { CalendarTodayRounded } from '../icons';
import { TextInputProps } from './TextField';
export interface DatePickerProps
@@ -48,7 +48,9 @@ const DatePicker = ({
const MuiDatePicker = variant === 'desktop' ? MuiDesktopDatePicker : MuiResponsiveDatePicker;
return (
Calendar({ fontSize: 'small', ...iconProps }) }}
+ slots={{
+ openPickerIcon: CalendarTodayRounded,
+ }}
slotProps={{
desktopPaper: {
sx: {
diff --git a/src/components/LanguageSelector.tsx b/src/components/LanguageSelector.tsx
index 797678670..51739d885 100644
--- a/src/components/LanguageSelector.tsx
+++ b/src/components/LanguageSelector.tsx
@@ -1,11 +1,13 @@
-import { Globe } from '../icons';
+import { PublicRounded } from '../icons';
import Select, { SingleSelectProps } from './Select';
import { forwardRef, Ref } from 'react';
export type LanguageSelectProps = Omit;
const LanguageSelector = (props: LanguageSelectProps, ref: Ref): JSX.Element => {
- return } {...props} />;
+ return (
+ } {...props} />
+ );
};
export default forwardRef(LanguageSelector);
diff --git a/src/components/NumberInput.tsx b/src/components/NumberInput.tsx
index 8dc21b73c..20b8f4946 100644
--- a/src/components/NumberInput.tsx
+++ b/src/components/NumberInput.tsx
@@ -1,10 +1,10 @@
import { forwardRef, Ref, useRef } from 'react';
import { Box, TextField as MuiTextField, OutlinedTextFieldProps } from '@mui/material';
import {
- unstable_useNumberInput as useNumberInput,
- UseNumberInputParameters,
- } from '@mui/base/unstable_useNumberInput';
-import { ChevronDown, ChevronUp } from '../icons';
+ unstable_useNumberInput as useNumberInput,
+ UseNumberInputParameters,
+} from '@mui/base/unstable_useNumberInput';
+import { ExpandLessRounded, ExpandMoreRounded } from '../icons';
// A workaround component to make numbers work with TextField
// Official upcoming MUI component https://github.com/mui/material-ui/issues/19154
@@ -20,10 +20,21 @@ export type SizeTypes = 'small' | 'medium';
export type ColorTypes = 'primary' | 'white';
-export interface NumberInputProps extends Omit<
-OutlinedTextFieldProps,
-'variant' | 'color' | 'fullWidth' | 'error' | 'helperText' | 'hiddenLabel' | 'onChange' | 'onBlur' | 'onClick' | 'onFocus'
->, Omit {
+export interface NumberInputProps
+ extends Omit<
+ OutlinedTextFieldProps,
+ | 'variant'
+ | 'color'
+ | 'fullWidth'
+ | 'error'
+ | 'helperText'
+ | 'hiddenLabel'
+ | 'onChange'
+ | 'onBlur'
+ | 'onClick'
+ | 'onFocus'
+ >,
+ Omit {
fullWidth?: boolean;
size?: SizeTypes;
startAdornment?: string | JSX.Element;
@@ -50,16 +61,12 @@ const NumberInput = (
): JSX.Element => {
const { onChange, onBlur, ...props } = rest;
- const {
- getRootProps,
- getInputProps,
- getIncrementButtonProps,
- getDecrementButtonProps
- } = useNumberInput({
- ...props as UseNumberInputParameters, // Casting due to different value type
- onChange,
- onBlur
- });
+ const { getRootProps, getInputProps, getIncrementButtonProps, getDecrementButtonProps } =
+ useNumberInput({
+ ...(props as UseNumberInputParameters), // Casting due to different value type
+ onChange,
+ onBlur,
+ });
const muiTextField = useRef(null);
const overrideColor = color === 'white' ? 'common.white' : undefined;
@@ -74,10 +81,9 @@ const NumberInput = (
onClick={() => muiTextField.current?.focus()}
inputRef={muiTextField}
InputProps={{
-
...(props.InputProps ?? {}),
notched: false,
- ...(getInputProps()),
+ ...getInputProps(),
endAdornment: (
-
+ }}
+ >
+
-
+ }}
+ >
+
- )
+ ),
}}
InputLabelProps={{ shrink: true, ...InputLabelProps }}
sx={{
diff --git a/src/components/Search.tsx b/src/components/Search.tsx
index 877799fdb..b7703e8e6 100644
--- a/src/components/Search.tsx
+++ b/src/components/Search.tsx
@@ -1,11 +1,11 @@
-import { Search as SearchIcon } from '../icons';
+import { SearchRounded } from '../icons';
import TextField, { TextFieldProps } from './TextField';
import Autocomplete, { AutocompleteProps, OptionsType } from './Autocomplete';
export type SingleOptionSearchProps = Omit<
TextFieldProps,
- 'getOptionLabel' | 'hiddenLabel' | 'variant' | 'startAdornment' | 'endAdornment'
->
+ 'getOptionLabel' | 'hiddenLabel' | 'variant' | 'startAdornment' | 'endAdornment'
+>;
export type MultipleOptionsSearchProps = Omit<
AutocompleteProps,
@@ -17,12 +17,13 @@ export type MultipleOptionsSearchProps = Omit<
export type SearchCustomFieldProps = {
adornmentOnRight?: boolean;
adornmentColor?: string;
-}
+};
-export type SearchProps = (MultipleOptionsSearchProps | SingleOptionSearchProps) & SearchCustomFieldProps;
+export type SearchProps = (MultipleOptionsSearchProps | SingleOptionSearchProps) &
+ SearchCustomFieldProps;
const Search = ({ ...props }: SearchProps): JSX.Element => {
- const searchIcon = ;
+ const searchIcon = ;
const { freeSolo = true, options = [], ...multiProps } = props as MultipleOptionsSearchProps;
const singleProps = props as SingleOptionSearchProps;
@@ -33,7 +34,13 @@ const Search = ({ ...props }: SearchProps): JSX.Element => {
);
}
- return ;
+ return (
+
+ );
};
export default Search;
diff --git a/src/icons/AddressPin.tsx b/src/icons/AddressPin.tsx
deleted file mode 100644
index 8c87961ed..000000000
--- a/src/icons/AddressPin.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const AddressPin = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-
-export default AddressPin;
diff --git a/src/icons/Alert.tsx b/src/icons/Alert.tsx
deleted file mode 100644
index 16a58b568..000000000
--- a/src/icons/Alert.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Alert = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default Alert;
diff --git a/src/icons/AlertCircle.tsx b/src/icons/AlertCircle.tsx
deleted file mode 100644
index 054ae17dd..000000000
--- a/src/icons/AlertCircle.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const AlertCircle = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-
-export default AlertCircle;
diff --git a/src/icons/ArrowDown.tsx b/src/icons/ArrowDown.tsx
deleted file mode 100644
index 9227a8746..000000000
--- a/src/icons/ArrowDown.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const KeyboardArrowDown = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default KeyboardArrowDown;
diff --git a/src/icons/ArrowLeft.tsx b/src/icons/ArrowLeft.tsx
deleted file mode 100644
index f3364cb44..000000000
--- a/src/icons/ArrowLeft.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ArrowLeft = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default ArrowLeft;
diff --git a/src/icons/ArrowRight.tsx b/src/icons/ArrowRight.tsx
deleted file mode 100644
index 9ce2296e1..000000000
--- a/src/icons/ArrowRight.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ArrowRight = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default ArrowRight;
diff --git a/src/icons/ArrowUp.tsx b/src/icons/ArrowUp.tsx
deleted file mode 100644
index c73f1b656..000000000
--- a/src/icons/ArrowUp.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ArrowUp = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default ArrowUp;
diff --git a/src/icons/Attachment.tsx b/src/icons/Attachment.tsx
deleted file mode 100644
index 72983f885..000000000
--- a/src/icons/Attachment.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Attachment = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default Attachment;
diff --git a/src/icons/AwardBadgeStar.tsx b/src/icons/AwardBadgeStar.tsx
deleted file mode 100644
index ce04e4160..000000000
--- a/src/icons/AwardBadgeStar.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const SvgAwardBadgeStar1 = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default SvgAwardBadgeStar1;
diff --git a/src/icons/Bank.tsx b/src/icons/Bank.tsx
deleted file mode 100644
index 80b7da222..000000000
--- a/src/icons/Bank.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Bank = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default Bank;
diff --git a/src/icons/Bill.tsx b/src/icons/Bill.tsx
deleted file mode 100644
index 9c8822a93..000000000
--- a/src/icons/Bill.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Bill = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
-
- );
-
-export default Bill;
diff --git a/src/icons/Bin.tsx b/src/icons/Bin.tsx
deleted file mode 100644
index 409c97d53..000000000
--- a/src/icons/Bin.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Bin = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default Bin;
diff --git a/src/icons/BrowserPage.tsx b/src/icons/BrowserPage.tsx
deleted file mode 100644
index ad6436884..000000000
--- a/src/icons/BrowserPage.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const BrowserPage = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-
-export default BrowserPage;
diff --git a/src/icons/Calendar.tsx b/src/icons/Calendar.tsx
deleted file mode 100644
index 99f00dcd4..000000000
--- a/src/icons/Calendar.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Calendar = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Calendar;
diff --git a/src/icons/CalendarDate.tsx b/src/icons/CalendarDate.tsx
deleted file mode 100644
index bcde3e71d..000000000
--- a/src/icons/CalendarDate.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const CalendarDate = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default CalendarDate;
diff --git a/src/icons/Chat.tsx b/src/icons/Chat.tsx
deleted file mode 100644
index 5e09557f7..000000000
--- a/src/icons/Chat.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Chat = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Chat;
diff --git a/src/icons/Check.tsx b/src/icons/Check.tsx
deleted file mode 100644
index 0f1102eaf..000000000
--- a/src/icons/Check.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Check = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-
-export default Check;
diff --git a/src/icons/Checkbox.tsx b/src/icons/Checkbox.tsx
deleted file mode 100644
index 29b65a135..000000000
--- a/src/icons/Checkbox.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Checkbox = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-
-export default Checkbox;
diff --git a/src/icons/ChevronDown.tsx b/src/icons/ChevronDown.tsx
deleted file mode 100644
index ac42c5aa2..000000000
--- a/src/icons/ChevronDown.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ChevronDown = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default ChevronDown;
diff --git a/src/icons/ChevronLeft.tsx b/src/icons/ChevronLeft.tsx
deleted file mode 100644
index 98b3cad4f..000000000
--- a/src/icons/ChevronLeft.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ChevronLeft = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default ChevronLeft;
diff --git a/src/icons/ChevronRight.tsx b/src/icons/ChevronRight.tsx
deleted file mode 100644
index 6a3c07b7c..000000000
--- a/src/icons/ChevronRight.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ChevronRight = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default ChevronRight;
diff --git a/src/icons/ChevronUp.tsx b/src/icons/ChevronUp.tsx
deleted file mode 100644
index 8601dcf23..000000000
--- a/src/icons/ChevronUp.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ChevronUp = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default ChevronUp;
diff --git a/src/icons/Clock.tsx b/src/icons/Clock.tsx
deleted file mode 100644
index b88048d85..000000000
--- a/src/icons/Clock.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Clock = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Clock;
diff --git a/src/icons/ClockContained.tsx b/src/icons/ClockContained.tsx
deleted file mode 100644
index 638db33ff..000000000
--- a/src/icons/ClockContained.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-const ClockContained = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default ClockContained;
diff --git a/src/icons/Close.tsx b/src/icons/Close.tsx
deleted file mode 100644
index 1db4b7cb0..000000000
--- a/src/icons/Close.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Close = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default Close;
diff --git a/src/icons/Code.tsx b/src/icons/Code.tsx
deleted file mode 100644
index 7a34ae69e..000000000
--- a/src/icons/Code.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Code = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-
-export default Code;
diff --git a/src/icons/Cog.tsx b/src/icons/Cog.tsx
deleted file mode 100644
index 1500b6dfc..000000000
--- a/src/icons/Cog.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Cog = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Cog;
diff --git a/src/icons/Company.tsx b/src/icons/Company.tsx
deleted file mode 100644
index bc508b1fb..000000000
--- a/src/icons/Company.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Company = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
-
- );
-
-export default Company;
diff --git a/src/icons/Copy.tsx b/src/icons/Copy.tsx
deleted file mode 100644
index 363cd3a14..000000000
--- a/src/icons/Copy.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Copy = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Copy;
diff --git a/src/icons/CopyTemplate.tsx b/src/icons/CopyTemplate.tsx
deleted file mode 100644
index b8555d173..000000000
--- a/src/icons/CopyTemplate.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-const CopyTemplate = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-export default CopyTemplate;
diff --git a/src/icons/CreditCard.tsx b/src/icons/CreditCard.tsx
deleted file mode 100644
index c1a4e5ada..000000000
--- a/src/icons/CreditCard.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const CreditCard = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default CreditCard;
diff --git a/src/icons/DateQuestion.tsx b/src/icons/DateQuestion.tsx
deleted file mode 100644
index 93688fb99..000000000
--- a/src/icons/DateQuestion.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-import { useTheme } from '@mui/material/styles';
-
-const DateQuestion = (props: any) => {
- const theme = useTheme();
-
- return createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-};
-
-export default DateQuestion;
diff --git a/src/icons/Delete.tsx b/src/icons/Delete.tsx
deleted file mode 100644
index 528ad1b2e..000000000
--- a/src/icons/Delete.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-const Delete = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default Delete;
diff --git a/src/icons/DoubleArrow.tsx b/src/icons/DoubleArrow.tsx
deleted file mode 100644
index 9b6711017..000000000
--- a/src/icons/DoubleArrow.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { createElement } from "react";
-import SvgIcon from "@mui/material/SvgIcon";
-const DoubleArrow = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-export default DoubleArrow;
diff --git a/src/icons/Download.tsx b/src/icons/Download.tsx
deleted file mode 100644
index 294c8b09f..000000000
--- a/src/icons/Download.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Download = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default Download;
diff --git a/src/icons/Edit.tsx b/src/icons/Edit.tsx
deleted file mode 100644
index a10e9ca56..000000000
--- a/src/icons/Edit.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Edit = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default Edit;
diff --git a/src/icons/EmailQuestion.tsx b/src/icons/EmailQuestion.tsx
deleted file mode 100644
index 2bf68be6d..000000000
--- a/src/icons/EmailQuestion.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-import { useTheme } from '@mui/material/styles';
-
-const EmailQuestion = (props: any) => {
- const theme = useTheme();
-
- return createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-};
-
-export default EmailQuestion;
diff --git a/src/icons/EmptyFile.tsx b/src/icons/EmptyFile.tsx
deleted file mode 100644
index 472a68a17..000000000
--- a/src/icons/EmptyFile.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const EmptyFile = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default EmptyFile;
diff --git a/src/icons/Excel.tsx b/src/icons/Excel.tsx
deleted file mode 100644
index 64c9d8cb0..000000000
--- a/src/icons/Excel.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Excel = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-
-export default Excel;
diff --git a/src/icons/Eye.tsx b/src/icons/Eye.tsx
deleted file mode 100644
index 312788167..000000000
--- a/src/icons/Eye.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Eye = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Eye;
diff --git a/src/icons/EyeClosed.tsx b/src/icons/EyeClosed.tsx
deleted file mode 100644
index d4ff9810b..000000000
--- a/src/icons/EyeClosed.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const EyeClosed = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default EyeClosed;
diff --git a/src/icons/FaceId.tsx b/src/icons/FaceId.tsx
deleted file mode 100644
index fabff3ac5..000000000
--- a/src/icons/FaceId.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const FaceId = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default FaceId;
diff --git a/src/icons/Filter.tsx b/src/icons/Filter.tsx
deleted file mode 100644
index 8371a7505..000000000
--- a/src/icons/Filter.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Filter = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Filter;
diff --git a/src/icons/Folder.tsx b/src/icons/Folder.tsx
deleted file mode 100644
index 95797e669..000000000
--- a/src/icons/Folder.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Folder = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default Folder;
diff --git a/src/icons/Globe.tsx b/src/icons/Globe.tsx
deleted file mode 100644
index 2fd3549e3..000000000
--- a/src/icons/Globe.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Globe = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-
-export default Globe;
diff --git a/src/icons/HandGrab.tsx b/src/icons/HandGrab.tsx
deleted file mode 100644
index 3592ba6c4..000000000
--- a/src/icons/HandGrab.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from "react";
-import SvgIcon from "@mui/material/SvgIcon";
-const HandGrab = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default HandGrab;
diff --git a/src/icons/HeaderBlock.tsx b/src/icons/HeaderBlock.tsx
deleted file mode 100644
index e5be50f93..000000000
--- a/src/icons/HeaderBlock.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-const HeaderBlock = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default HeaderBlock;
diff --git a/src/icons/HeavyPlus.tsx b/src/icons/HeavyPlus.tsx
deleted file mode 100644
index e3ed61f0c..000000000
--- a/src/icons/HeavyPlus.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const HeavyPlus = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default HeavyPlus;
diff --git a/src/icons/Hierarchy.tsx b/src/icons/Hierarchy.tsx
deleted file mode 100644
index 5c121947d..000000000
--- a/src/icons/Hierarchy.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Hierarchy = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
-
- );
-
-export default Hierarchy;
diff --git a/src/icons/HierarchyTree.tsx b/src/icons/HierarchyTree.tsx
deleted file mode 100644
index a62beccf6..000000000
--- a/src/icons/HierarchyTree.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const HierarchyTree = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
-
- );
-
-export default HierarchyTree;
diff --git a/src/icons/Hourglass.tsx b/src/icons/Hourglass.tsx
deleted file mode 100644
index a269c6632..000000000
--- a/src/icons/Hourglass.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const SvgHourglass = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default SvgHourglass;
diff --git a/src/icons/ImageEdit.tsx b/src/icons/ImageEdit.tsx
deleted file mode 100644
index f6891d26a..000000000
--- a/src/icons/ImageEdit.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ImageEdit = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default ImageEdit;
diff --git a/src/icons/Info.tsx b/src/icons/Info.tsx
deleted file mode 100644
index 391157586..000000000
--- a/src/icons/Info.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Info = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Info;
diff --git a/src/icons/Laptop.tsx b/src/icons/Laptop.tsx
deleted file mode 100644
index 435ca0bac..000000000
--- a/src/icons/Laptop.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Laptop = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default Laptop;
diff --git a/src/icons/LaptopDownload.tsx b/src/icons/LaptopDownload.tsx
deleted file mode 100644
index a0a7b0ce6..000000000
--- a/src/icons/LaptopDownload.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const LaptopDownload = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default LaptopDownload;
diff --git a/src/icons/LaptopUpload.tsx b/src/icons/LaptopUpload.tsx
deleted file mode 100644
index fcb386d77..000000000
--- a/src/icons/LaptopUpload.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const LaptopUpload = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default LaptopUpload;
diff --git a/src/icons/Layout.tsx b/src/icons/Layout.tsx
deleted file mode 100644
index 13a9395bd..000000000
--- a/src/icons/Layout.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Layout = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Layout;
diff --git a/src/icons/LayoutGrid.tsx b/src/icons/LayoutGrid.tsx
deleted file mode 100644
index 2fe95a628..000000000
--- a/src/icons/LayoutGrid.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const LayoutGrid = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default LayoutGrid;
diff --git a/src/icons/LayoutRows.tsx b/src/icons/LayoutRows.tsx
deleted file mode 100644
index 771d6c075..000000000
--- a/src/icons/LayoutRows.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const LayoutRows = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default LayoutRows;
diff --git a/src/icons/LayoutSquare.tsx b/src/icons/LayoutSquare.tsx
deleted file mode 100644
index 58704212d..000000000
--- a/src/icons/LayoutSquare.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const LayoutSquare = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
-
- );
-
-export default LayoutSquare;
diff --git a/src/icons/LightBulb.tsx b/src/icons/LightBulb.tsx
deleted file mode 100644
index a17698c79..000000000
--- a/src/icons/LightBulb.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const LightBulb = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default LightBulb;
diff --git a/src/icons/Link.tsx b/src/icons/Link.tsx
deleted file mode 100644
index 765545cb4..000000000
--- a/src/icons/Link.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Link = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-
-export default Link;
diff --git a/src/icons/List.tsx b/src/icons/List.tsx
deleted file mode 100644
index 3bc6a9827..000000000
--- a/src/icons/List.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const List = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
-
- );
-
-export default List;
diff --git a/src/icons/Loading.tsx b/src/icons/Loading.tsx
deleted file mode 100644
index 70103688e..000000000
--- a/src/icons/Loading.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Loading = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
- ,
-
- );
-
-export default Loading;
diff --git a/src/icons/Lock.tsx b/src/icons/Lock.tsx
deleted file mode 100644
index 82b56689f..000000000
--- a/src/icons/Lock.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Lock = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Lock;
diff --git a/src/icons/LockShield.tsx b/src/icons/LockShield.tsx
deleted file mode 100644
index c79eddde3..000000000
--- a/src/icons/LockShield.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const LockShield = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default LockShield;
diff --git a/src/icons/Mail.tsx b/src/icons/Mail.tsx
deleted file mode 100644
index 80913c593..000000000
--- a/src/icons/Mail.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Mail = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Mail;
diff --git a/src/icons/MailSend.tsx b/src/icons/MailSend.tsx
deleted file mode 100644
index e2304825d..000000000
--- a/src/icons/MailSend.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const MailSend = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
- ,
- ,
- ,
-
- );
-
-export default MailSend;
diff --git a/src/icons/MapPin.tsx b/src/icons/MapPin.tsx
deleted file mode 100644
index 721a5f587..000000000
--- a/src/icons/MapPin.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const MapPin = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default MapPin;
diff --git a/src/icons/Menu.tsx b/src/icons/Menu.tsx
deleted file mode 100644
index 8e42db2be..000000000
--- a/src/icons/Menu.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Menu = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default Menu;
diff --git a/src/icons/Meter.tsx b/src/icons/Meter.tsx
deleted file mode 100644
index 57ee82492..000000000
--- a/src/icons/Meter.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Meter = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Meter;
diff --git a/src/icons/Mobile.tsx b/src/icons/Mobile.tsx
deleted file mode 100644
index 5c76d30ea..000000000
--- a/src/icons/Mobile.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Mobile = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Mobile;
diff --git a/src/icons/MonitorChart.tsx b/src/icons/MonitorChart.tsx
deleted file mode 100644
index 03bf8a3a7..000000000
--- a/src/icons/MonitorChart.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const MonitorChart = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default MonitorChart;
diff --git a/src/icons/MonitorPieChart.tsx b/src/icons/MonitorPieChart.tsx
deleted file mode 100644
index 0235decc7..000000000
--- a/src/icons/MonitorPieChart.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const MonitorPieChart = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
-
- );
-
-export default MonitorPieChart;
diff --git a/src/icons/NotAllowed.tsx b/src/icons/NotAllowed.tsx
deleted file mode 100644
index efe14b930..000000000
--- a/src/icons/NotAllowed.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const NotAllowed = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default NotAllowed;
diff --git a/src/icons/Note.tsx b/src/icons/Note.tsx
deleted file mode 100644
index f111289b4..000000000
--- a/src/icons/Note.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Note = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
- ,
- ,
- ,
- ,
-
- );
-
-export default Note;
diff --git a/src/icons/Office.tsx b/src/icons/Office.tsx
deleted file mode 100644
index 9a77c203e..000000000
--- a/src/icons/Office.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-const Office = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-export default Office;
diff --git a/src/icons/PaginationDown.tsx b/src/icons/PaginationDown.tsx
deleted file mode 100644
index c49616137..000000000
--- a/src/icons/PaginationDown.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const PaginationDown = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default PaginationDown;
diff --git a/src/icons/PaginationFirst.tsx b/src/icons/PaginationFirst.tsx
deleted file mode 100644
index 93adb7ac8..000000000
--- a/src/icons/PaginationFirst.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const PaginationFirst = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default PaginationFirst;
diff --git a/src/icons/PaginationLast.tsx b/src/icons/PaginationLast.tsx
deleted file mode 100644
index f96f67d88..000000000
--- a/src/icons/PaginationLast.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const PaginationLast = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default PaginationLast;
diff --git a/src/icons/PaginationLeft.tsx b/src/icons/PaginationLeft.tsx
deleted file mode 100644
index 2842ebb02..000000000
--- a/src/icons/PaginationLeft.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const PaginationLeft = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default PaginationLeft;
diff --git a/src/icons/PaginationRight.tsx b/src/icons/PaginationRight.tsx
deleted file mode 100644
index fdaeaefeb..000000000
--- a/src/icons/PaginationRight.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const PaginationRight = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default PaginationRight;
diff --git a/src/icons/PaginationUp.tsx b/src/icons/PaginationUp.tsx
deleted file mode 100644
index 1f9b44073..000000000
--- a/src/icons/PaginationUp.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const PaginationUp = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default PaginationUp;
diff --git a/src/icons/ParticipantAdded.tsx b/src/icons/ParticipantAdded.tsx
deleted file mode 100644
index 0a05ff6f8..000000000
--- a/src/icons/ParticipantAdded.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantAdded = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-
-export default ParticipantAdded;
diff --git a/src/icons/ParticipantAddedOutlined.tsx b/src/icons/ParticipantAddedOutlined.tsx
deleted file mode 100644
index 22b9c1048..000000000
--- a/src/icons/ParticipantAddedOutlined.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantAddedOutlined = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default ParticipantAddedOutlined;
diff --git a/src/icons/ParticipantAttending.tsx b/src/icons/ParticipantAttending.tsx
deleted file mode 100644
index 1c5e05556..000000000
--- a/src/icons/ParticipantAttending.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantAttending = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-
-export default ParticipantAttending;
diff --git a/src/icons/ParticipantAttendingOutlined.tsx b/src/icons/ParticipantAttendingOutlined.tsx
deleted file mode 100644
index 2930d44f6..000000000
--- a/src/icons/ParticipantAttendingOutlined.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantAttendingOutlined = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default ParticipantAttendingOutlined;
diff --git a/src/icons/ParticipantDeclined.tsx b/src/icons/ParticipantDeclined.tsx
deleted file mode 100644
index 699169072..000000000
--- a/src/icons/ParticipantDeclined.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantDeclined = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-
-export default ParticipantDeclined;
diff --git a/src/icons/ParticipantDeclinedOutlined.tsx b/src/icons/ParticipantDeclinedOutlined.tsx
deleted file mode 100644
index ab30cd81a..000000000
--- a/src/icons/ParticipantDeclinedOutlined.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantDeclinedOutlined = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default ParticipantDeclinedOutlined;
diff --git a/src/icons/ParticipantEmail.tsx b/src/icons/ParticipantEmail.tsx
deleted file mode 100644
index f2d8d2ed3..000000000
--- a/src/icons/ParticipantEmail.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantEmail = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
- ,
-
- );
-export default ParticipantEmail;
diff --git a/src/icons/ParticipantFictional.tsx b/src/icons/ParticipantFictional.tsx
deleted file mode 100644
index 29aee10f0..000000000
--- a/src/icons/ParticipantFictional.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-import { useTheme } from '@mui/material/styles';
-
-const ParticipantFictional = (props: any) => {
- const theme = useTheme();
-
- return createElement(
- SvgIcon,
- props,
- ,
-
- );
-};
-
-export default ParticipantFictional;
diff --git a/src/icons/ParticipantNoShow.tsx b/src/icons/ParticipantNoShow.tsx
deleted file mode 100644
index 33b22f28a..000000000
--- a/src/icons/ParticipantNoShow.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantNoShow = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-
-export default ParticipantNoShow;
diff --git a/src/icons/ParticipantNoShowOutlined.tsx b/src/icons/ParticipantNoShowOutlined.tsx
deleted file mode 100644
index b667fc6f1..000000000
--- a/src/icons/ParticipantNoShowOutlined.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantNoShowOutlined = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-export default ParticipantNoShowOutlined;
diff --git a/src/icons/ParticipantNotReacted.tsx b/src/icons/ParticipantNotReacted.tsx
deleted file mode 100644
index 767d819c2..000000000
--- a/src/icons/ParticipantNotReacted.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from "react";
-import SvgIcon from "@mui/material/SvgIcon";
-const ParticipantNotReacted = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default ParticipantNotReacted;
diff --git a/src/icons/ParticipantNotReactedOutlined.tsx b/src/icons/ParticipantNotReactedOutlined.tsx
deleted file mode 100644
index c3f90bf7a..000000000
--- a/src/icons/ParticipantNotReactedOutlined.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from "react";
-import SvgIcon from "@mui/material/SvgIcon";
-const ParticipantNotReactedOutlined = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default ParticipantNotReactedOutlined;
diff --git a/src/icons/ParticipantRegistered.tsx b/src/icons/ParticipantRegistered.tsx
deleted file mode 100644
index 9c9cdfd22..000000000
--- a/src/icons/ParticipantRegistered.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantRegistered = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-
-export default ParticipantRegistered;
diff --git a/src/icons/ParticipantRegisteredOutlined.tsx b/src/icons/ParticipantRegisteredOutlined.tsx
deleted file mode 100644
index 393479da7..000000000
--- a/src/icons/ParticipantRegisteredOutlined.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ParticipantRegisteredOutlined = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-export default ParticipantRegisteredOutlined;
diff --git a/src/icons/Participants.tsx b/src/icons/Participants.tsx
deleted file mode 100644
index ed3d9e5be..000000000
--- a/src/icons/Participants.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Participants = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
-
- );
-
-export default Participants;
diff --git a/src/icons/Pause.tsx b/src/icons/Pause.tsx
deleted file mode 100644
index 400898d78..000000000
--- a/src/icons/Pause.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-const Pause = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-export default Pause;
diff --git a/src/icons/PauseContained.tsx b/src/icons/PauseContained.tsx
deleted file mode 100644
index 20c018e7e..000000000
--- a/src/icons/PauseContained.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-const PauseContained = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-export default PauseContained;
diff --git a/src/icons/Pdf.tsx b/src/icons/Pdf.tsx
deleted file mode 100644
index aeb444c87..000000000
--- a/src/icons/Pdf.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Pdf = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-
-export default Pdf;
diff --git a/src/icons/PeopleShare.tsx b/src/icons/PeopleShare.tsx
deleted file mode 100644
index 9ccfee1ef..000000000
--- a/src/icons/PeopleShare.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const PeopleShare = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-
-export default PeopleShare;
diff --git a/src/icons/PeopleSwitch.tsx b/src/icons/PeopleSwitch.tsx
deleted file mode 100644
index 8c824dabb..000000000
--- a/src/icons/PeopleSwitch.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const PeopleSwitch = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
- ,
- ,
-
- );
-
-export default PeopleSwitch;
diff --git a/src/icons/Person.tsx b/src/icons/Person.tsx
deleted file mode 100644
index e7128f5fa..000000000
--- a/src/icons/Person.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Person = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-);
-
-export default Person;
diff --git a/src/icons/Phone.tsx b/src/icons/Phone.tsx
deleted file mode 100644
index 654880a31..000000000
--- a/src/icons/Phone.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { SvgIcon } from '@mui/material';
-import { createElement } from 'react';
-
-const Phone = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
- export default Phone;
diff --git a/src/icons/PhoneNumberQuestion.tsx b/src/icons/PhoneNumberQuestion.tsx
deleted file mode 100644
index b8fd8082c..000000000
--- a/src/icons/PhoneNumberQuestion.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-import { useTheme } from '@mui/material/styles';
-
-const PhoneNumberQuestionIcon = (props: any) => {
- const theme = useTheme();
- return createElement(
- SvgIcon,
- props,
- ,
-
-
- ,
-
-
-
-
-
- );
-};
-export default PhoneNumberQuestionIcon;
diff --git a/src/icons/Pin.tsx b/src/icons/Pin.tsx
deleted file mode 100644
index 7565c0899..000000000
--- a/src/icons/Pin.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Pin = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default Pin;
diff --git a/src/icons/Play.tsx b/src/icons/Play.tsx
deleted file mode 100644
index 77cd277a6..000000000
--- a/src/icons/Play.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-const Play = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-export default Play;
diff --git a/src/icons/PlayContained.tsx b/src/icons/PlayContained.tsx
deleted file mode 100644
index 968850219..000000000
--- a/src/icons/PlayContained.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-const PlayContained = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default PlayContained;
diff --git a/src/icons/Plus.tsx b/src/icons/Plus.tsx
deleted file mode 100644
index 7fdd5ff20..000000000
--- a/src/icons/Plus.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Plus = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default Plus;
diff --git a/src/icons/Preview.tsx b/src/icons/Preview.tsx
deleted file mode 100644
index e8ca79d44..000000000
--- a/src/icons/Preview.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Preview = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default Preview;
diff --git a/src/icons/Profile.tsx b/src/icons/Profile.tsx
deleted file mode 100644
index bdf4d8c99..000000000
--- a/src/icons/Profile.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Profile = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default Profile;
diff --git a/src/icons/QrCode.tsx b/src/icons/QrCode.tsx
deleted file mode 100644
index 308fd537e..000000000
--- a/src/icons/QrCode.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const QrCode = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
-
- ,
- ,
-
-
- ,
- ,
-
-
- ,
- ,
-
- );
-export default QrCode;
diff --git a/src/icons/Quill.tsx b/src/icons/Quill.tsx
deleted file mode 100644
index ba45a7c60..000000000
--- a/src/icons/Quill.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Quill = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Quill;
diff --git a/src/icons/Radio.tsx b/src/icons/Radio.tsx
deleted file mode 100644
index 3f5e0ab39..000000000
--- a/src/icons/Radio.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Radio = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default Radio;
diff --git a/src/icons/Rectangle.tsx b/src/icons/Rectangle.tsx
deleted file mode 100644
index 676de3d09..000000000
--- a/src/icons/Rectangle.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Rectangle = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default Rectangle;
diff --git a/src/icons/Save.tsx b/src/icons/Save.tsx
deleted file mode 100644
index 6d7485159..000000000
--- a/src/icons/Save.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Save = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Save;
diff --git a/src/icons/Search.tsx b/src/icons/Search.tsx
deleted file mode 100644
index 8abac67bb..000000000
--- a/src/icons/Search.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Search = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Search;
diff --git a/src/icons/SelectManyQuestion.tsx b/src/icons/SelectManyQuestion.tsx
deleted file mode 100644
index 47f1f9a47..000000000
--- a/src/icons/SelectManyQuestion.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-import { useTheme } from '@mui/material/styles';
-
-const SelectManyQuestion = (props: any) => {
- const theme = useTheme();
-
- return createElement(
- SvgIcon,
- props,
- ,
- ,
-
- );
-};
-
-export default SelectManyQuestion;
diff --git a/src/icons/SelectOneQuestion.tsx b/src/icons/SelectOneQuestion.tsx
deleted file mode 100644
index 2fefda3db..000000000
--- a/src/icons/SelectOneQuestion.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-import { useTheme } from '@mui/material/styles';
-
-const SelectOneQuestion = (props: any) => {
- const theme = useTheme();
-
- return createElement(
- SvgIcon,
- props,
- ,
-
-
-
- ,
-
-
-
-
-
- );
-};
-
-export default SelectOneQuestion;
diff --git a/src/icons/Send.tsx b/src/icons/Send.tsx
deleted file mode 100644
index 0ca26336a..000000000
--- a/src/icons/Send.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Send = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default Send;
diff --git a/src/icons/Share.tsx b/src/icons/Share.tsx
deleted file mode 100644
index e4e3c5dee..000000000
--- a/src/icons/Share.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Share = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Share;
diff --git a/src/icons/ShareHierarchy.tsx b/src/icons/ShareHierarchy.tsx
deleted file mode 100644
index 7898c5789..000000000
--- a/src/icons/ShareHierarchy.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const ShareHierarchy = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default ShareHierarchy;
diff --git a/src/icons/Sharing.tsx b/src/icons/Sharing.tsx
deleted file mode 100644
index 5825bcc90..000000000
--- a/src/icons/Sharing.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Sharing = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-
-export default Sharing;
diff --git a/src/icons/Star.tsx b/src/icons/Star.tsx
deleted file mode 100644
index d9a88454d..000000000
--- a/src/icons/Star.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Star = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default Star;
diff --git a/src/icons/StarFilled.tsx b/src/icons/StarFilled.tsx
deleted file mode 100644
index 7b606f15e..000000000
--- a/src/icons/StarFilled.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const StarFilled = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default StarFilled;
diff --git a/src/icons/StatusQuestion.tsx b/src/icons/StatusQuestion.tsx
deleted file mode 100644
index 7acd02eda..000000000
--- a/src/icons/StatusQuestion.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const StatusQuestion = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
-
- ,
-
-
-
-
-
- );
-
-export default StatusQuestion;
diff --git a/src/icons/Stop.tsx b/src/icons/Stop.tsx
deleted file mode 100644
index 95b2be3e5..000000000
--- a/src/icons/Stop.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Stop = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Stop;
diff --git a/src/icons/Stopwatch.tsx b/src/icons/Stopwatch.tsx
deleted file mode 100644
index 905c34283..000000000
--- a/src/icons/Stopwatch.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Stopwatch = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Stopwatch;
diff --git a/src/icons/Success.tsx b/src/icons/Success.tsx
deleted file mode 100644
index c04083365..000000000
--- a/src/icons/Success.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Success = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
-
- );
-
-export default Success;
diff --git a/src/icons/TextBlock.tsx b/src/icons/TextBlock.tsx
deleted file mode 100644
index 073de87ab..000000000
--- a/src/icons/TextBlock.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-const TextBlock = (props: any) =>
- createElement(
- SvgIcon,
- props,
- ,
-
- );
-export default TextBlock;
diff --git a/src/icons/TextQuestion.tsx b/src/icons/TextQuestion.tsx
deleted file mode 100644
index 37e1b6302..000000000
--- a/src/icons/TextQuestion.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-import { useTheme } from '@mui/material/styles';
-
-const TextQuestion = (props: any) => {
- const theme = useTheme();
-
- return createElement(
- SvgIcon,
- props,
- ,
-
- );
-};
-
-export default TextQuestion;
diff --git a/src/icons/Trigger.tsx b/src/icons/Trigger.tsx
deleted file mode 100644
index bb2d1dbf3..000000000
--- a/src/icons/Trigger.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Trigger = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
- );
-
-export default Trigger;
diff --git a/src/icons/Undo.tsx b/src/icons/Undo.tsx
deleted file mode 100644
index 44455d4bc..000000000
--- a/src/icons/Undo.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Undo = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default Undo;
diff --git a/src/icons/Upload.tsx b/src/icons/Upload.tsx
deleted file mode 100644
index d845b6d25..000000000
--- a/src/icons/Upload.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Upload = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
-
- );
-
-export default Upload;
diff --git a/src/icons/UsersShare.tsx b/src/icons/UsersShare.tsx
deleted file mode 100644
index 83ccdf850..000000000
--- a/src/icons/UsersShare.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const UsersShare = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
- ,
- ,
- ,
- ,
- ,
-
- );
-
-export default UsersShare;
diff --git a/src/icons/Write.tsx b/src/icons/Write.tsx
deleted file mode 100644
index 50c6f16ed..000000000
--- a/src/icons/Write.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { createElement } from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-
-const Write = (props: any) =>
- createElement(
- SvgIcon,
- props,
-
-
- ,
- ,
- ,
-
- );
-
-export default Write;
diff --git a/src/icons/index.ts b/src/icons/index.ts
index 8857676a2..51a19bdb5 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -1,143 +1,7 @@
-export { default as Excel } from './Excel';
-export { default as Pdf } from './Pdf';
-export { default as Link } from './Link';
-export { default as CreditCard } from './CreditCard';
-export { default as Attachment } from './Attachment';
-export { default as Bank } from './Bank';
-export { default as Chat } from './Chat';
-export { default as Filter } from './Filter';
-export { default as Folder } from './Folder';
-export { default as Mobile } from './Mobile';
-export { default as Lock } from './Lock';
-export { default as Code } from './Code';
-export { default as FaceId } from './FaceId';
-export { default as Hierarchy } from './Hierarchy';
-export { default as HierarchyTree } from './HierarchyTree';
-export { default as ShareHierarchy } from './ShareHierarchy';
-export { default as AddressPin } from './AddressPin';
-export { default as Pin } from './Pin';
-export { default as Share } from './Share';
-export { default as Layout } from './Layout';
-export { default as LayoutGrid } from './LayoutGrid';
-export { default as LayoutRows } from './LayoutRows';
-export { default as LayoutSquare } from './LayoutSquare';
-export { default as List } from './List';
-export { default as Menu } from './Menu';
-export { default as Download } from './Download';
-export { default as Upload } from './Upload';
-export { default as LaptopDownload } from './LaptopDownload';
-export { default as LaptopUpload } from './LaptopUpload';
-export { default as UsersShare } from './UsersShare';
-export { default as PeopleShare } from './PeopleShare';
-export { default as PeopleSwitch } from './PeopleSwitch';
-export { default as ChevronUp } from './ChevronUp';
-export { default as ChevronRight } from './ChevronRight';
-export { default as ChevronDown } from './ChevronDown';
-export { default as ChevronLeft } from './ChevronLeft';
-export { default as ArrowUp } from './ArrowUp';
-export { default as ArrowDown } from './ArrowDown';
-export { default as ArrowLeft } from './ArrowLeft';
-export { default as ArrowRight } from './ArrowRight';
-export { default as Loading } from './Loading';
-export { default as PaginationLeft } from './PaginationLeft';
-export { default as PaginationRight } from './PaginationRight';
-export { default as PaginationDown } from './PaginationDown';
-export { default as PaginationUp } from './PaginationUp';
-export { default as PaginationFirst } from './PaginationFirst';
-export { default as PaginationLast } from './PaginationLast';
-export { default as Clock } from './Clock';
-export { default as Stopwatch } from './Stopwatch';
-export { default as Calendar } from './Calendar';
-export { default as CalendarDate } from './CalendarDate';
-export { default as Plus } from './Plus';
-export { default as Close } from './Close';
-export { default as Copy } from './Copy';
-export { default as CopyTemplate } from './CopyTemplate';
-export { default as Save } from './Save';
-export { default as Bin } from './Bin';
-export { default as Edit } from './Edit';
-export { default as Eye } from './Eye';
-export { default as EyeClosed } from './EyeClosed';
-export { default as Cog } from './Cog';
-export { default as Star } from './Star';
-export { default as StarFilled } from './StarFilled';
-export { default as Preview } from './Preview';
-export { default as Search } from './Search';
-export { default as Undo } from './Undo';
-export { default as Alert } from './Alert';
-export { default as AlertCircle } from './AlertCircle';
-export { default as Success } from './Success';
-export { default as Info } from './Info';
-export { default as Stop } from './Stop';
-export { default as ParticipantAdded } from './ParticipantAdded';
-export { default as ParticipantRegistered } from './ParticipantRegistered';
-export { default as ParticipantAttending } from './ParticipantAttending';
-export { default as ParticipantDeclined } from './ParticipantDeclined';
-export { default as ParticipantNoShow } from './ParticipantNoShow';
-export { default as ParticipantAddedOutlined } from './ParticipantAddedOutlined';
-export { default as ParticipantRegisteredOutlined } from './ParticipantRegisteredOutlined';
-export { default as ParticipantAttendingOutlined } from './ParticipantAttendingOutlined';
-export { default as ParticipantDeclinedOutlined } from './ParticipantDeclinedOutlined';
-export { default as ParticipantNoShowOutlined } from './ParticipantNoShowOutlined';
-export { default as ParticipantNotReacted } from './ParticipantNotReacted';
-export { default as ParticipantNotReactedOutlined } from './ParticipantNotReactedOutlined';
-export { default as ParticipantEmail } from './ParticipantEmail';
-export { default as Person } from './Person';
-export { default as Bill } from './Bill';
-export { default as BrowserPage } from './BrowserPage';
-export { default as EmptyFile } from './EmptyFile';
-export { default as Company } from './Company';
-export { default as ImageEdit } from './ImageEdit';
-export { default as Laptop } from './Laptop';
-export { default as LockShield } from './LockShield';
-export { default as Mail } from './Mail';
-export { default as Meter } from './Meter';
-export { default as MonitorChart } from './MonitorChart';
-export { default as MonitorPieChart } from './MonitorPieChart';
-export { default as Participants } from './Participants';
-export { default as Profile } from './Profile';
-export { default as Quill } from './Quill';
export { default as EVS1 } from './EVS1';
export { default as EVS2 } from './EVS2';
export { default as EVS3 } from './EVS3';
export { default as EVS4 } from './EVS4';
export { default as EVS5 } from './EVS5';
export { default as EVSSleeping } from './EVSSleeping';
-export { default as Globe } from './Globe';
-export { default as AwardBadgeStar } from './AwardBadgeStar';
-export { default as Hourglass } from './Hourglass';
-export { default as Write } from './Write';
-export { default as Note } from './Note';
-export { default as MailSend } from './MailSend';
-export { default as MapPin } from './MapPin';
-export { default as LightBulb } from './LightBulb';
-export { default as NotAllowed } from './NotAllowed';
-export { default as Trigger } from './Trigger';
-export { default as Phone } from './Phone';
-export { default as QrCode } from './QrCode';
-export { default as HeavyPlus } from './HeavyPlus';
-export { default as Checkbox } from './Checkbox';
-export { default as Radio } from './Radio';
-export { default as Rectangle } from './Rectangle';
-export { default as TextQuestion } from './TextQuestion';
-export { default as SelectOneQuestion } from './SelectOneQuestion';
-export { default as SelectManyQuestion } from './SelectManyQuestion';
-export { default as DateQuestion } from './DateQuestion';
-export { default as EmailQuestion } from './EmailQuestion';
-export { default as StatusQuestion } from './StatusQuestion';
-export { default as Check } from './Check';
-export { default as Play } from './Play';
-export { default as Pause } from './Pause';
-export { default as PauseContained } from './PauseContained';
-export { default as Delete } from './Delete';
-export { default as Send } from './Send';
-export { default as PlayContained } from './PlayContained';
-export { default as ClockContained } from './ClockContained';
-export { default as ParticipantFictional } from './ParticipantFictional';
-export { default as Sharing } from './Sharing';
-export { default as DoubleArrow } from './DoubleArrow';
-export { default as HandGrab } from './HandGrab';
-export { default as PhoneNumberQuestion } from './PhoneNumberQuestion';
-export { default as Office } from './Office';
-export { default as HeaderBlock } from './HeaderBlock';
-export { default as TextBlock } from './TextBlock';
+export * from '@mui/icons-material';
diff --git a/stories/DataDisplay/Chip.stories.tsx b/stories/DataDisplay/Chip.stories.tsx
index 789515bf5..1c342402e 100644
--- a/stories/DataDisplay/Chip.stories.tsx
+++ b/stories/DataDisplay/Chip.stories.tsx
@@ -1,7 +1,7 @@
import { StoryFn, Meta } from '@storybook/react';
import Chip, { ChipProps } from '../../src/components/Chip';
import Avatar from '../../src/components/Avatar';
-import { Play, StarFilled } from '../../src/icons';
+import { PlayArrowRounded, StarRounded } from '../../src/icons';
import { modifyExcludedParams } from '../../.storybook/excludedParams';
export default {
@@ -38,7 +38,7 @@ SecondaryRemovable.args = {
export const PrimaryIcon = Template.bind({});
PrimaryIcon.args = {
- icon: ,
+ icon: ,
onDelete: undefined,
};
@@ -62,7 +62,7 @@ export const SecondaryOutlinedIcon = Template.bind({});
SecondaryOutlinedIcon.args = {
color: 'secondary',
variant: 'outlined',
- icon: ,
+ icon: ,
onDelete: undefined,
};
@@ -70,7 +70,7 @@ export const White = Template.bind({});
White.args = {
color: 'white',
variant: 'outlined',
- icon: ,
+ icon: ,
clickable: true,
};
White.parameters = {
diff --git a/stories/DataDisplay/Icons.stories.tsx b/stories/DataDisplay/Icons.stories.tsx
index 0df9c0e2b..fd72c1af6 100644
--- a/stories/DataDisplay/Icons.stories.tsx
+++ b/stories/DataDisplay/Icons.stories.tsx
@@ -10,12 +10,12 @@ import { modifyExcludedParams } from '../../.storybook/excludedParams';
export default {
title: 'Components/Data Display/Icons',
- component: i.Cog,
+ component: i.SettingsRounded,
parameters: {
docs: {
description: {
component:
- 'Use icons to afford interactivity, communicate messages at quickly and draw attention to important information.',
+ 'Use icons to afford interactivity, communicate messages at quickly and draw attention to important information. We are using rounded MUI icons. You can find a list of the icons here: https://mui.com/material-ui/material-icons/?theme=Rounded',
},
},
controls: { exclude: modifyExcludedParams(['fontSize', 'color']) },
@@ -60,154 +60,19 @@ export default {
} as Meta;
const iconsList = [
- { name: 'Checkbox', component: i.Checkbox },
- { name: 'Radio', component: i.Radio },
- { name: 'Rectangle', component: i.Rectangle },
- { name: 'Excel', component: i.Excel },
- { name: 'Pdf', component: i.Pdf },
- { name: 'Link', component: i.Link },
- { name: 'CreditCard', component: i.CreditCard },
- { name: 'Attachment', component: i.Attachment },
- { name: 'Bank', component: i.Bank },
- { name: 'Chat', component: i.Chat },
- { name: 'Filter', component: i.Filter },
- { name: 'Mobile', component: i.Mobile },
- { name: 'Lock', component: i.Lock },
- { name: 'Code', component: i.Code },
- { name: 'FaceId', component: i.FaceId },
- { name: 'Hierarchy', component: i.Hierarchy },
- { name: 'HierarchyTree', component: i.HierarchyTree },
- { name: 'ShareHierarchy', component: i.ShareHierarchy },
- { name: 'AddressPin', component: i.AddressPin },
- { name: 'Pin', component: i.Pin },
- { name: 'Share', component: i.Share },
- { name: 'Layout', component: i.Layout },
- { name: 'LayoutGrid', component: i.LayoutGrid },
- { name: 'LayoutRows', component: i.LayoutRows },
- { name: 'LayoutSquare', component: i.LayoutSquare },
- { name: 'List', component: i.List },
- { name: 'Menu', component: i.Menu },
- { name: 'Download', component: i.Download },
- { name: 'Upload', component: i.Upload },
- { name: 'LaptopDownload', component: i.LaptopDownload },
- { name: 'LaptopUpload', component: i.LaptopUpload },
- { name: 'UsersShare', component: i.UsersShare },
- { name: 'PeopleShare', component: i.PeopleShare },
- { name: 'PeopleSwitch', component: i.PeopleSwitch },
- { name: 'ChevronUp', component: i.ChevronUp },
- { name: 'ChevronRight', component: i.ChevronRight },
- { name: 'ChevronDown', component: i.ChevronDown },
- { name: 'ChevronLeft', component: i.ChevronLeft },
- { name: 'ArrowUp', component: i.ArrowUp },
- { name: 'ArrowDown', component: i.ArrowDown },
- { name: 'ArrowLeft', component: i.ArrowLeft },
- { name: 'ArrowRight', component: i.ArrowRight },
- { name: 'Loading', component: i.Loading },
- { name: 'PaginationLeft', component: i.PaginationLeft },
- { name: 'PaginationRight', component: i.PaginationRight },
- { name: 'PaginationDown', component: i.PaginationDown },
- { name: 'PaginationUp', component: i.PaginationUp },
- { name: 'PaginationFirst', component: i.PaginationFirst },
- { name: 'PaginationLast', component: i.PaginationLast },
- { name: 'Clock', component: i.Clock },
- { name: 'Stopwatch', component: i.Stopwatch },
- { name: 'Calendar', component: i.Calendar },
- { name: 'CalendarDate', component: i.CalendarDate },
- { name: 'Plus', component: i.Plus },
- { name: 'Close', component: i.Close },
- { name: 'Copy', component: i.Copy },
- { name: 'CopyTemplate', component: i.CopyTemplate },
- { name: 'Save', component: i.Save },
- { name: 'Bin', component: i.Bin },
- { name: 'Edit', component: i.Edit },
- { name: 'Eye', component: i.Eye },
- { name: 'EyeClosed', component: i.EyeClosed },
- { name: 'Cog', component: i.Cog },
- { name: 'Star', component: i.Star },
- { name: 'StarFilled', component: i.StarFilled },
- { name: 'Preview', component: i.Preview },
- { name: 'Search', component: i.Search },
- { name: 'Undo', component: i.Undo },
- { name: 'Alert', component: i.Alert },
- { name: 'AlertCircle', component: i.AlertCircle },
- { name: 'Success', component: i.Success },
- { name: 'Info', component: i.Info },
- { name: 'Stop', component: i.Stop },
- { name: 'ParticipantAdded', component: i.ParticipantAdded },
- { name: 'ParticipantRegistered', component: i.ParticipantRegistered },
- { name: 'ParticipantAttending', component: i.ParticipantAttending },
- { name: 'ParticipantDeclined', component: i.ParticipantDeclined },
- { name: 'ParticipantNoShow', component: i.ParticipantNoShow },
- { name: 'ParticipantAddedOutlined', component: i.ParticipantAddedOutlined },
- { name: 'ParticipantRegisteredOutlined', component: i.ParticipantRegisteredOutlined },
- { name: 'ParticipantAttendingOutlined', component: i.ParticipantAttendingOutlined },
- { name: 'ParticipantDeclinedOutlined', component: i.ParticipantDeclinedOutlined },
- { name: 'ParticipantNoShowOutlined', component: i.ParticipantNoShowOutlined },
- { name: 'ParticipantNotReacted', component: i.ParticipantNotReacted },
- { name: 'ParticipantNotReactedOutlined', component: i.ParticipantNotReactedOutlined },
- { name: 'ParticipantEmail', component: i.ParticipantEmail },
- { name: 'Bill', component: i.Bill },
- { name: 'BrowserPage', component: i.BrowserPage },
- { name: 'EmptyFile', component: i.EmptyFile },
- { name: 'Company', component: i.Company },
- { name: 'ImageEdit', component: i.ImageEdit },
- { name: 'Laptop', component: i.Laptop },
- { name: 'LockShield', component: i.LockShield },
- { name: 'Mail', component: i.Mail },
- { name: 'Meter', component: i.Meter },
- { name: 'MonitorChart', component: i.MonitorChart },
- { name: 'MonitorPieChart', component: i.MonitorPieChart },
- { name: 'Participants', component: i.Participants },
- { name: 'Profile', component: i.Profile },
- { name: 'Quill', component: i.Quill },
{ name: 'EVS1', component: i.EVS1 },
{ name: 'EVS2', component: i.EVS2 },
{ name: 'EVS3', component: i.EVS3 },
{ name: 'EVS4', component: i.EVS4 },
{ name: 'EVS5', component: i.EVS5 },
{ name: 'EVSSleeping', component: i.EVSSleeping },
- { name: 'Globe', component: i.Globe },
- { name: 'AwardBadgeStar', component: i.AwardBadgeStar },
- { name: 'Hourglass', component: i.Hourglass },
- { name: 'Write', component: i.Write },
- { name: 'Note', component: i.Note },
- { name: 'MailSend', component: i.MailSend },
- { name: 'MapPin', component: i.MapPin },
- { name: 'LightBulb', component: i.LightBulb },
- { name: 'NotAllowed', component: i.NotAllowed },
- { name: 'Trigger', component: i.Trigger },
- { name: 'Phone', component: i.Phone },
- { name: 'QrCode', component: i.QrCode },
- { name: 'HeavyPlus', component: i.HeavyPlus },
- { name: 'Folder', component: i.Folder },
- { name: 'Person', component: i.Person },
- { name: 'TextQuestion', component: i.TextQuestion },
- { name: 'SelectOneQuestion', component: i.SelectOneQuestion },
- { name: 'SelectManyQuestion', component: i.SelectManyQuestion },
- { name: 'DateQuestion', component: i.DateQuestion },
- { name: 'EmailQuestion', component: i.EmailQuestion },
- { name: 'StatusQuestion', component: i.StatusQuestion },
- { name: 'Check', component: i.Check },
- { name: 'Play', component: i.Play },
- { name: 'Pause', component: i.Pause },
- { name: 'PauseContained', component: i.PauseContained },
- { name: 'Delete', component: i.Delete },
- { name: 'Send', component: i.Send },
- { name: 'PlayContained', component: i.PlayContained },
- { name: 'ClockContained', component: i.ClockContained },
- { name: 'ParticipantFictional', component: i.ParticipantFictional },
- { name: 'Sharing', component: i.Sharing },
- { name: 'DoubleArrow', component: i.DoubleArrow },
- { name: 'HandGrab', component: i.HandGrab },
- { name: 'PhoneNumberQuestion', component: i.PhoneNumberQuestion },
- { name: 'Office', component: i.Office },
- { name: 'HeaderBlock', component: i.HeaderBlock },
- { name: 'TextBlock', component: i.TextBlock },
+ { name: 'SettingsRounded', component: i.SettingsRounded },
+ { name: 'PersonRounded', component: i.PersonRounded },
];
const Template: StoryFn = (args) => {
const [search, setSearch] = useState('');
- const [importIcon, setImportIcon] = useState('Cog');
+ const [importIcon, setImportIcon] = useState('SettingsRounded');
const handleChange = (event: ChangeEvent) => {
setSearch(event.target.value);
@@ -243,7 +108,7 @@ import { ${importIcon} } from '@lyyti/design-system/icons';
setImportIcon(icon.name)}>
,
+ startIcon: ,
};
export const IconPrimary = Template.bind({});
IconPrimary.args = {
variant: 'icon',
- children: ,
+ children: ,
};
export const IconError = Template.bind({});
IconError.args = {
variant: 'icon',
- children: ,
+ children: ,
color: 'error',
};
@@ -112,27 +112,27 @@ export const IconSecondary = Template.bind({});
IconSecondary.args = {
variant: 'icon',
color: 'secondary',
- children: ,
+ children: ,
};
export const IconDisabled = Template.bind({});
IconDisabled.args = {
variant: 'icon',
- children: ,
+ children: ,
disabled: true,
};
export const Fab = Template.bind({});
Fab.args = {
variant: 'fab',
- children: ,
+ children: ,
};
export const WhiteIconButton = Template.bind({});
WhiteIconButton.args = {
variant: 'icon',
color: 'white',
- children: ,
+ children: ,
};
WhiteIconButton.parameters = {
backgrounds: { default: 'dark' },
diff --git a/stories/Inputs/Search.stories.tsx b/stories/Inputs/Search.stories.tsx
index ad7b04c20..551c543da 100644
--- a/stories/Inputs/Search.stories.tsx
+++ b/stories/Inputs/Search.stories.tsx
@@ -34,7 +34,8 @@ export default {
description: 'Array of options, expects a array of objects that contain id and value',
},
adornmentOnRight: {
- description: 'Applies only to Search with no options. If true, the search icon adornment will be positioned at the end. If not set or false, adornment stays at the start.',
+ description:
+ 'Applies only to Search with no options. If true, the search icon adornment will be positioned at the end. If not set or false, adornment stays at the start.',
control: {
type: 'boolean',
},
@@ -127,7 +128,7 @@ White.parameters = {
export const WithEndAdornment = Template.bind({});
WithEndAdornment.args = {
- adornmentOnRight: true
-}
+ adornmentOnRight: true,
+};
export const NoOptions = Template.bind({});
diff --git a/stories/Navigation/DropdownMenu.stories.tsx b/stories/Navigation/DropdownMenu.stories.tsx
index 7390a56f7..eb7546fe7 100644
--- a/stories/Navigation/DropdownMenu.stories.tsx
+++ b/stories/Navigation/DropdownMenu.stories.tsx
@@ -1,6 +1,12 @@
import { Meta, StoryFn } from '@storybook/react';
import DropdownMenu, { DropdownProps } from '../../src/components/DropdownMenu';
-import { Calendar, ChevronDown, LayoutRows, Radio, Rectangle } from '../../src/icons';
+import {
+ CalendarTodayRounded,
+ ExpandMoreRounded,
+ ShortTextRounded,
+ RectangleRounded,
+ RadioButtonCheckedRounded,
+} from '../../src/icons';
export default {
title: 'Components/Navigation/Menu',
@@ -14,9 +20,9 @@ const menuItems = [
];
const menuItems2 = [
- { id: 1, title: 'Menu item 1', icon: },
- { id: 2, title: 'Menu item 2', icon: },
- { id: 3, title: 'Menu item 2', icon: },
+ { id: 1, title: 'Menu item 1', icon: },
+ { id: 2, title: 'Menu item 2', icon: },
+ { id: 3, title: 'Menu item 2', icon: },
];
const Template: StoryFn = (args) => ;
@@ -40,7 +46,7 @@ DropdownIcons.args = {
buttonProps: {
children: '',
color: 'primary',
- endIcon: ,
+ endIcon: ,
},
menuItemProps: { sx: { py: 1.5, pl: 3 } },
textProps: { color: 'primary' },
@@ -51,6 +57,6 @@ DropdownButtonPropsChildren.args = {
items: menuItems2,
buttonProps: {
variant: 'icon',
- children: ,
+ children: ,
},
};
diff --git a/stories/Navigation/Link.stories.tsx b/stories/Navigation/Link.stories.tsx
index b56126024..baa261737 100644
--- a/stories/Navigation/Link.stories.tsx
+++ b/stories/Navigation/Link.stories.tsx
@@ -1,6 +1,6 @@
import { StoryFn, Meta } from '@storybook/react';
import Link, { LinkProps } from '../../src/components/Link';
-import { Cog } from '../../src/icons';
+import { SettingsRounded } from '../../src/icons';
export default {
title: 'Components/Navigation/Link',
@@ -26,6 +26,9 @@ InlineLink.args = {
export const WithIcon = Template.bind({});
WithIcon.args = {
href: '#',
- children: [, 'Link example'],
+ children: [
+ ,
+ 'Link example',
+ ],
underline: 'always',
};