Chore(web-react): Resolve paths to icons using alias

lmc-eu · Feb 20, 2024 · 2f02196 · 2f02196
1 parent e01c6a8
commit 2f02196
Show file tree

Hide file tree

Showing 26 changed files with 86 additions and 81 deletions.
diff --git a/packages/web-react/config/vite/app.ts b/packages/web-react/config/vite/app.ts
@@ -47,6 +47,11 @@ export default defineConfig({
       },
     },
   },
+  resolve: {
+    alias: {
+      '@lmc-eu/spirit-icons': resolve(__dirname, '../../../icons/dist'),
+    },
+  },
   build: {
     outDir: 'build',
     rollupOptions: {

diff --git a/packages/web-react/src/components/Accordion/demo/index.tsx b/packages/web-react/src/components/Accordion/demo/index.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import AccordionBasic from './AccordionBasic';

diff --git a/packages/web-react/src/components/Alert/demo/index.tsx b/packages/web-react/src/components/Alert/demo/index.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import AlertCentered from './AlertCentered';

diff --git a/packages/web-react/src/components/Breadcrumbs/demo/index.tsx b/packages/web-react/src/components/Breadcrumbs/demo/index.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import BreadcrumbsCurrentWithoutLink from './BreadcrumbsCurrentWithoutLink';

diff --git a/packages/web-react/src/components/Button/demo/index.tsx b/packages/web-react/src/components/Button/demo/index.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import ButtonDefault from './ButtonDefault';

diff --git a/packages/web-react/src/components/ButtonLink/demo/index.tsx b/packages/web-react/src/components/ButtonLink/demo/index.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import ButtonLinkDefault from './ButtonLinkDefault';

diff --git a/packages/web-react/src/components/Collapse/demo/index.tsx b/packages/web-react/src/components/Collapse/demo/index.tsx
@@ -4,16 +4,16 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import CollapseDefault from './CollapseDefault';
-import CollapseOpenOnInit from './CollapseOpenOnInit';
-import CollapseVisibilityBreakpointTablet from './CollapseVisibilityBreakpointTablet';
-import CollapseVisibilityBreakpointDesktop from './CollapseVisibilityBreakpointDesktop';
-import CollapseHideTrigger from './CollapseHideTrigger';
 import CollapseHelperClass from './CollapseHelperClass';
+import CollapseHideTrigger from './CollapseHideTrigger';
 import CollapseMultipleTriggers from './CollapseMultipleTriggers';
+import CollapseOpenOnInit from './CollapseOpenOnInit';
+import CollapseVisibilityBreakpointDesktop from './CollapseVisibilityBreakpointDesktop';
+import CollapseVisibilityBreakpointTablet from './CollapseVisibilityBreakpointTablet';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

diff --git a/packages/web-react/src/components/Dropdown/demo/index.tsx b/packages/web-react/src/components/Dropdown/demo/index.tsx
@@ -4,16 +4,16 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
-import DropdownPlacements from './DropdownPlacements';
-import DropdownVariousItems from './DropdownVariousItems';
 import DropdownDisabledAutoclose from './DropdownDisabledAutoclose';
-import DropdownLongerContent from './DropdownLongerContent';
+import DropdownEnhancedShadow from './DropdownEnhancedShadow';
 import DropdownFullwidthAll from './DropdownFullwidthAll';
 import DropdownFullwidthMobileOnly from './DropdownFullwidthMobileOnly';
-import DropdownEnhancedShadow from './DropdownEnhancedShadow';
+import DropdownLongerContent from './DropdownLongerContent';
+import DropdownPlacements from './DropdownPlacements';
+import DropdownVariousItems from './DropdownVariousItems';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

diff --git a/packages/web-react/src/components/DropdownModern/demo/index.tsx b/packages/web-react/src/components/DropdownModern/demo/index.tsx
@@ -4,16 +4,16 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
-import DropdownModernPlacements from './DropdownModernPlacements';
-import DropdownModernVariousItems from './DropdownVariousItems';
 import DropdownModernDisabledAutoclose from './DropdownModernDisabledAutoclose';
-import DropdownModernLongerContent from './DropdownModernLongerContent';
+import DropdownModernEnhancedShadow from './DropdownModernEnhancedShadow';
 import DropdownModernFullwidthAll from './DropdownModernFullwidthAll';
 import DropdownModernFullwidthMobileOnly from './DropdownModernFullwidthMobileOnly';
-import DropdownModernEnhancedShadow from './DropdownModernEnhancedShadow';
+import DropdownModernLongerContent from './DropdownModernLongerContent';
+import DropdownModernPlacements from './DropdownModernPlacements';
+import DropdownModernVariousItems from './DropdownVariousItems';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

diff --git a/packages/web-react/src/components/FileUploader/demo/index.tsx b/packages/web-react/src/components/FileUploader/demo/index.tsx
@@ -4,23 +4,23 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
+import FileUploaderAttachment from './FileUploaderAttachment';
+import FileUploaderAttachmentWithCustomAction from './FileUploaderAttachmentWithCustomAction';
+import FileUploaderAttachmentWithImagePreview from './FileUploaderAttachmentWithImagePreview';
 import FileUploaderDefault from './FileUploaderDefault';
+import FileUploaderDraggingNotAvailable from './FileUploaderDraggingNotAvailable';
+import FileUploaderExampleOfJSControlledForm from './FileUploaderExampleOfJSControlledForm';
+import FileUploaderFluidWidth from './FileUploaderFluidWidth';
+import FileUploaderInputDisabled from './FileUploaderInputDisabled';
 import FileUploaderInputMultiple from './FileUploaderInputMultiple';
-import FileUploaderMultipleWithValidation from './FileUploaderMultipleWithValidation';
 import FileUploaderInputMultipleWithFileQueueBehaviorControl from './FileUploaderInputMultipleWithFileQueueBehaviorControl';
 import FileUploaderInputValidationStates from './FileUploaderInputValidationStates';
-import FileUploaderInputDisabled from './FileUploaderInputDisabled';
-import FileUploaderAttachment from './FileUploaderAttachment';
-import FileUploaderAttachmentWithImagePreview from './FileUploaderAttachmentWithImagePreview';
-import FileUploaderAttachmentWithCustomAction from './FileUploaderAttachmentWithCustomAction';
 import FileUploaderInputWithAttachment from './FileUploaderInputWithAttachment';
-import FileUploaderDraggingNotAvailable from './FileUploaderDraggingNotAvailable';
-import FileUploaderFluidWidth from './FileUploaderFluidWidth';
-import FileUploaderExampleOfJSControlledForm from './FileUploaderExampleOfJSControlledForm';
 import FileUploaderMetaData from './FileUploaderMetaData';
+import FileUploaderMultipleWithValidation from './FileUploaderMultipleWithValidation';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

diff --git a/packages/web-react/src/components/Header/demo/index.tsx b/packages/web-react/src/components/Header/demo/index.tsx
@@ -4,15 +4,15 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
-import HeaderMinimalInverted from './HeaderMinimalInverted';
+import HeaderExperimentalRTL from './HeaderExperimentalRTL';
 import HeaderInvertedWithActions from './HeaderInvertedWithActions';
 import HeaderInvertedWithActionsAndDialog from './HeaderInvertedWithActionsAndDialog';
+import HeaderMinimalInverted from './HeaderMinimalInverted';
 import HeaderSimpleInverted from './HeaderSimpleInverted';
 import HeaderSimpleTransparent from './HeaderSimpleTransparent';
-import HeaderExperimentalRTL from './HeaderExperimentalRTL';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

diff --git a/packages/web-react/src/components/Icon/demo/index.tsx b/packages/web-react/src/components/Icon/demo/index.tsx
@@ -4,10 +4,10 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
-import { IconsProvider } from '../../../context';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
-import Icon from '../Icon';
+import { IconsProvider } from '../../../context';
+import Icon from './Icon';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

diff --git a/packages/web-react/src/components/Item/demo/index.tsx b/packages/web-react/src/components/Item/demo/index.tsx
@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: No declaration file
 // eslint-disable-next-line import/extensions, import/no-unresolved
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import CheckboxItem from './CheckboxItem';

diff --git a/packages/web-react/src/components/Modal/demo/ModalStacked.tsx b/packages/web-react/src/components/Modal/demo/ModalStacked.tsx
@@ -3,10 +3,10 @@
 import React, { useState } from 'react';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
-import { Modal, ModalDialog, ModalHeader, ModalBody, ModalFooter } from '..';
-import { Button } from '../../Button';
+import icons from '@lmc-eu/spirit-icons/icons';
+import { Modal, ModalBody, ModalDialog, ModalFooter, ModalHeader } from '..';
 import { IconsProvider } from '../../../context';
+import { Button } from '../../Button';
 
 // @see: https://github.com/storybookjs/storybook/issues/8104#issuecomment-932310244
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

diff --git a/packages/web-react/src/components/Modal/demo/ModalWithCustomHeight.tsx b/packages/web-react/src/components/Modal/demo/ModalWithCustomHeight.tsx
@@ -3,14 +3,14 @@
 import React, { useState } from 'react';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import { IconsProvider } from '../../../context';
+import { Button } from '../../Button';
 import Modal from '../Modal';
-import ModalDialog from '../ModalDialog';
 import ModalBody from '../ModalBody';
-import ModalHeader from '../ModalHeader';
+import ModalDialog from '../ModalDialog';
 import ModalFooter from '../ModalFooter';
-import { Button } from '../../Button';
+import ModalHeader from '../ModalHeader';
 
 // @see: https://github.com/storybookjs/storybook/issues/8104#issuecomment-932310244
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

diff --git a/packages/web-react/src/components/Modal/demo/ModalWithLongText.tsx b/packages/web-react/src/components/Modal/demo/ModalWithLongText.tsx
@@ -3,14 +3,14 @@
 import React, { useState } from 'react';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import { IconsProvider } from '../../../context';
+import { Button } from '../../Button';
 import Modal from '../Modal';
-import ModalDialog from '../ModalDialog';
 import ModalBody from '../ModalBody';
-import ModalHeader from '../ModalHeader';
+import ModalDialog from '../ModalDialog';
 import ModalFooter from '../ModalFooter';
-import { Button } from '../../Button';
+import ModalHeader from '../ModalHeader';
 
 const Story = () => {
   const [isOpen, setOpen] = useState(false);

diff --git a/packages/web-react/src/components/Modal/demo/index.tsx b/packages/web-react/src/components/Modal/demo/index.tsx
@@ -4,13 +4,13 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import ModalDefault from './ModalDefault';
+import ModalDisabledBackdropClick from './ModalDisabledBackdropClick';
 import ModalScrollingLongContent from './ModalScrollingLongContent';
 import ModalStacking from './ModalStacking';
-import ModalDisabledBackdropClick from './ModalDisabledBackdropClick';
 import ModalUniformModalOnMobile from './ModalUniformModalOnMobile';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(

diff --git a/packages/web-react/src/components/Pagination/demo/index.tsx b/packages/web-react/src/components/Pagination/demo/index.tsx
@@ -4,13 +4,13 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
-import { IconsProvider } from '../../../context';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
+import { IconsProvider } from '../../../context';
 import PaginationCurrentFirst from './PaginationCurrentFirst';
-import PaginationCurrentMiddle from './PaginationCurrentMiddle';
-import PaginationCurrentLast from './PaginationCurrentLast';
 import PaginationCurrentFirstCentered from './PaginationCurrentFirstCentered';
+import PaginationCurrentLast from './PaginationCurrentLast';
+import PaginationCurrentMiddle from './PaginationCurrentMiddle';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

diff --git a/packages/web-react/src/components/Radio/demo/index.tsx b/packages/web-react/src/components/Radio/demo/index.tsx
@@ -4,15 +4,15 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import RadioDefault from './RadioDefault';
-import RadioHiddenLabel from './RadioHiddenLabel';
-import RadioHelperText from './RadioHelperText';
 import RadioDisabled from './RadioDisabled';
-import RadioValidation from './RadioValidation';
+import RadioHelperText from './RadioHelperText';
+import RadioHiddenLabel from './RadioHiddenLabel';
 import RadioItem from './RadioItem';
+import RadioValidation from './RadioValidation';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

diff --git a/packages/web-react/src/components/Select/demo/index.tsx b/packages/web-react/src/components/Select/demo/index.tsx
@@ -4,17 +4,17 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
-import SelectSimple from './SelectSimple';
-import SelectRequired from './SelectRequired';
+import SelectDisabled from './SelectDisabled';
+import SelectFluid from './SelectFluid';
+import SelectHelperText from './SelectHelperText';
 import SelectHiddenLabel from './SelectHiddenLabel';
 import SelectPlaceholder from './SelectPlaceholder';
-import SelectHelperText from './SelectHelperText';
-import SelectDisabled from './SelectDisabled';
+import SelectRequired from './SelectRequired';
+import SelectSimple from './SelectSimple';
 import SelectValidation from './SelectValidation';
-import SelectFluid from './SelectFluid';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

diff --git a/packages/web-react/src/components/Spinner/demo/index.tsx b/packages/web-react/src/components/Spinner/demo/index.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import SpinnerColors from './SpinnerColors';

diff --git a/packages/web-react/src/components/TextArea/demo/index.tsx b/packages/web-react/src/components/TextArea/demo/index.tsx
@@ -4,18 +4,18 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
+import TextAreaAutoResize from './TextAreaAutoResize';
 import TextAreaDefault from './TextAreaDefault';
-import TextAreaRequired from './TextAreaRequired';
-import TextAreaHiddenLabel from './TextAreaHiddenLabel';
-import TextAreaHelperText from './TextAreaHelperText';
 import TextAreaDisabled from './TextAreaDisabled';
-import TextAreaValidation from './TextAreaValidation';
 import TextAreaFluid from './TextAreaFluid';
+import TextAreaHelperText from './TextAreaHelperText';
+import TextAreaHiddenLabel from './TextAreaHiddenLabel';
 import TextAreaInline from './TextAreaInline';
-import TextAreaAutoResize from './TextAreaAutoResize';
+import TextAreaRequired from './TextAreaRequired';
+import TextAreaValidation from './TextAreaValidation';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>

diff --git a/packages/web-react/src/components/TextField/demo/index.tsx b/packages/web-react/src/components/TextField/demo/index.tsx
@@ -4,19 +4,19 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment, import/extensions, import/no-unresolved
 // @ts-ignore: No declaration file
-import icons from '@lmc-eu/spirit-icons/dist/icons';
+import icons from '@lmc-eu/spirit-icons/icons';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import TextFieldDefault from './TextFieldDefault';
-import TextFieldRequired from './TextFieldRequired';
-import TextFieldHiddenLabel from './TextFieldHiddenLabel';
-import TextFieldHelperText from './TextFieldHelperText';
 import TextFieldDisabled from './TextFieldDisabled';
-import TextFieldValidation from './TextFieldValidation';
 import TextFieldFluid from './TextFieldFluid';
-import TextFieldInputWidth from './TextFieldInputWidth';
+import TextFieldHelperText from './TextFieldHelperText';
+import TextFieldHiddenLabel from './TextFieldHiddenLabel';
 import TextFieldInline from './TextFieldInline';
+import TextFieldInputWidth from './TextFieldInputWidth';
 import TextFieldPasswordToggle from './TextFieldPasswordToggle';
+import TextFieldRequired from './TextFieldRequired';
+import TextFieldValidation from './TextFieldValidation';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>