fixup! Style(web-react): Apply import sorting ESLint rule #DS-1101

packages/web-react/src/components/Accordion/Accordion.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import classNames from 'classnames';
+import React from 'react';
 import { useStyleProps } from '../../hooks';
 import { AccordionProps } from '../../types';
 import { AccordionProvider } from './AccordionContext';

packages/web-react/src/components/Accordion/AccordionContent.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import classNames from 'classnames';
+import React from 'react';
 import { useStyleProps } from '../../hooks';
 import { AccordionContentProps } from '../../types';
 import { Collapse } from '../Collapse';

packages/web-react/src/components/Accordion/AccordionHeader.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import classNames from 'classnames';
+import React from 'react';
 import { useStyleProps } from '../../hooks';
 import { AccordionHeaderProps } from '../../types';
 import { Icon } from '../Icon';

packages/web-react/src/components/Accordion/AccordionItem.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import classNames from 'classnames';
+import React from 'react';
 import { useStyleProps } from '../../hooks';
 import { AccordionItemProps } from '../../types';
 import { AccordionItemProvider } from './AccordionItemContext';

packages/web-react/src/components/Accordion/__tests__/Accordion.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import { restPropsTest } from '../../../../tests/providerTests/restPropsTest';
 import { stylePropsTest } from '../../../../tests/providerTests/stylePropsTest';

packages/web-react/src/components/Accordion/__tests__/AccordionContent.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import { restPropsTest } from '../../../../tests/providerTests/restPropsTest';
 import { stylePropsTest } from '../../../../tests/providerTests/stylePropsTest';

packages/web-react/src/components/Accordion/__tests__/AccordionHeader.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import { restPropsTest } from '../../../../tests/providerTests/restPropsTest';
 import { stylePropsTest } from '../../../../tests/providerTests/stylePropsTest';

packages/web-react/src/components/Accordion/__tests__/AccordionItem.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import { restPropsTest } from '../../../../tests/providerTests/restPropsTest';
 import { stylePropsTest } from '../../../../tests/providerTests/stylePropsTest';

packages/web-react/src/components/Accordion/__tests__/UncontrolledAccordion.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { fireEvent, render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import { restPropsTest } from '../../../../tests/providerTests/restPropsTest';
 import { stylePropsTest } from '../../../../tests/providerTests/stylePropsTest';

packages/web-react/src/components/Accordion/demo/AccordionUncontrolled.tsx

@@ -1,7 +1,7 @@
 // Because there is no `dist` directory during the CI run
 /* eslint-disable import/no-extraneous-dependencies, import/extensions, import/no-unresolved */
-import React from 'react';
 import { ComponentStory } from '@storybook/react';
+import React from 'react';
 import { Link } from '../../Link';
 import { Pill } from '../../Pill';
 import AccordionContent from '../AccordionContent';

packages/web-react/src/components/Accordion/demo/index.tsx

@@ -1,10 +1,10 @@
 // Because there is no `dist` directory during the CI run
 /* eslint-disable import/no-extraneous-dependencies, import/extensions, import/no-unresolved */
-import React from 'react';
-import icons from '@lmc-eu/spirit-icons/icons';
-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 -- @see https://jira.almacareer.tech/browse/DS-561
+import icons from '@lmc-eu/spirit-icons/icons';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import AccordionBasic from './AccordionBasic';

packages/web-react/src/components/Accordion/stories/Accordion.stories.tsx

@@ -1,6 +1,6 @@
-import React, { useState } from 'react';
 import { Markdown } from '@storybook/blocks';
 import type { Meta, StoryObj } from '@storybook/react';
+import React, { useState } from 'react';
 import { AccordionOpenStateType, AccordionProps } from '../../../types';
 import { Link } from '../../Link';
 import { Pill } from '../../Pill';

packages/web-react/src/components/Accordion/stories/AccordionContent.stories.tsx

@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
+import React, { useState } from 'react';
 import { AccordionContentProps, AccordionOpenStateType } from '../../../types';
 import { Link } from '../../Link';
 import { Pill } from '../../Pill';

packages/web-react/src/components/Accordion/stories/AccordionHeader.stories.tsx

@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
+import React, { useState } from 'react';
 import { AccordionHeaderProps, AccordionOpenStateType } from '../../../types';
 import { Link } from '../../Link';
 import { Pill } from '../../Pill';

packages/web-react/src/components/Accordion/stories/AccordionItem.stories.tsx

@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
+import React, { useState } from 'react';
 import { AccordionItemProps, AccordionOpenStateType } from '../../../types';
 import { Link } from '../../Link';
 import { Pill } from '../../Pill';

packages/web-react/src/components/Accordion/stories/UncontrolledAccordion.stories.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { Link } from '../../Link';
 import { Pill } from '../../Pill';
 import { Accordion, AccordionHeader, AccordionContent, AccordionItem, UncontrolledAccordion } from '..';

packages/web-react/src/components/Alert/Alert.tsx

@@ -1,5 +1,5 @@
-import React, { ElementType, useContext } from 'react';
 import classNames from 'classnames';
+import React, { ElementType, useContext } from 'react';
 import IconsContext from '../../context/IconsContext';
 import { useDeprecationMessage, useStyleProps } from '../../hooks';
 import { SpiritAlertProps } from '../../types';

packages/web-react/src/components/Alert/__tests__/Alert.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import { emotionColorPropsTest } from '../../../../tests/providerTests/dictionaryPropsTest';
 import { restPropsTest } from '../../../../tests/providerTests/restPropsTest';

packages/web-react/src/components/Alert/demo/index.tsx

@@ -1,10 +1,10 @@
 // Because there is no `dist` directory during the CI run
 /* eslint-disable import/no-extraneous-dependencies, import/extensions, import/no-unresolved */
-import React from 'react';
-import icons from '@lmc-eu/spirit-icons/icons';
-import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561
+import icons from '@lmc-eu/spirit-icons/icons';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import AlertCentered from './AlertCentered';

packages/web-react/src/components/Alert/stories/Alert.stories.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Markdown } from '@storybook/blocks';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { EmotionColors } from '../../../constants';
 import ReadMe from '../README.md';
 import { Alert } from '..';

packages/web-react/src/components/Alert/useAlertStyleProps.ts

@@ -1,5 +1,5 @@
-import { ElementType } from 'react';
 import classNames from 'classnames';
+import { ElementType } from 'react';
 import { useClassNamePrefix } from '../../hooks';
 import { SpiritAlertProps, AlertProps } from '../../types';
 

packages/web-react/src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -1,5 +1,5 @@
-import React, { ElementType, Fragment } from 'react';
 import classNames from 'classnames';
+import React, { ElementType, Fragment } from 'react';
 import { useStyleProps } from '../../hooks/styleProps';
 import { SpiritBreadcrumbsProps } from '../../types';
 import BreadcrumbsItem from './BreadcrumbsItem';

packages/web-react/src/components/Breadcrumbs/BreadcrumbsItem.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import classNames from 'classnames';
+import React from 'react';
 import { useStyleProps } from '../../hooks';
 import { SpiritBreadcrumbsItemProps } from '../../types';
 import { Icon } from '../Icon';

packages/web-react/src/components/Breadcrumbs/__tests__/Breadcrumbs.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import { restPropsTest } from '../../../../tests/providerTests/restPropsTest';
 import { stylePropsTest } from '../../../../tests/providerTests/stylePropsTest';

packages/web-react/src/components/Breadcrumbs/__tests__/BreadcrumbsItem.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import { restPropsTest } from '../../../../tests/providerTests/restPropsTest';
 import { stylePropsTest } from '../../../../tests/providerTests/stylePropsTest';

packages/web-react/src/components/Breadcrumbs/demo/index.tsx

@@ -1,10 +1,10 @@
 // Because there is no `dist` directory during the CI run
 /* eslint-disable import/no-extraneous-dependencies, import/extensions, import/no-unresolved */
-import React from 'react';
-import icons from '@lmc-eu/spirit-icons/icons';
-import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561
+import icons from '@lmc-eu/spirit-icons/icons';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import BreadcrumbsCurrentWithoutLink from './BreadcrumbsCurrentWithoutLink';

packages/web-react/src/components/Breadcrumbs/stories/Breadcrumbs.stories.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Markdown } from '@storybook/blocks';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import ReadMe from '../README.md';
 import { Breadcrumbs } from '..';
 

packages/web-react/src/components/Breadcrumbs/stories/BreadcrumbsItem.stories.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { Breadcrumbs, BreadcrumbsItem } from '..';
 
 const meta: Meta<typeof BreadcrumbsItem> = {

packages/web-react/src/components/Button/Button.tsx

@@ -1,5 +1,5 @@
-import React, { ElementType, ForwardedRef, forwardRef } from 'react';
 import classNames from 'classnames';
+import React, { ElementType, ForwardedRef, forwardRef } from 'react';
 import { useStyleProps } from '../../hooks';
 import { SpiritButtonProps } from '../../types';
 import { Spinner } from '../Spinner';

packages/web-react/src/components/Button/__tests__/Button.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import {
   actionColorPropsTest,

packages/web-react/src/components/Button/demo/index.tsx

@@ -1,10 +1,10 @@
 // Because there is no `dist` directory during the CI run
 /* eslint-disable import/no-extraneous-dependencies, import/extensions, import/no-unresolved */
-import React from 'react';
-import icons from '@lmc-eu/spirit-icons/icons';
-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 -- @see https://jira.almacareer.tech/browse/DS-561
+import icons from '@lmc-eu/spirit-icons/icons';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import ButtonDefault from './ButtonDefault';

packages/web-react/src/components/Button/stories/Button.stories.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Markdown } from '@storybook/blocks';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { ActionColors, EmotionColors, Sizes } from '../../../constants';
 import { Icon } from '../../Icon';
 import ReadMe from '../README.md';

packages/web-react/src/components/Button/useButtonStyleProps.ts

@@ -1,5 +1,5 @@
-import { ElementType } from 'react';
 import classNames from 'classnames';
+import { ElementType } from 'react';
 import { warning } from '../../common/utilities';
 import { useClassNamePrefix } from '../../hooks';
 import { ButtonColor, ButtonSize, SpiritButtonProps } from '../../types';

packages/web-react/src/components/ButtonLink/ButtonLink.tsx

@@ -1,5 +1,5 @@
-import React, { ElementType, ForwardedRef, forwardRef } from 'react';
 import classNames from 'classnames';
+import React, { ElementType, ForwardedRef, forwardRef } from 'react';
 import { useStyleProps } from '../../hooks';
 import { SpiritButtonLinkProps } from '../../types';
 import { Spinner } from '../Spinner';

packages/web-react/src/components/ButtonLink/__tests__/ButtonLink.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import {
   actionColorPropsTest,

packages/web-react/src/components/ButtonLink/demo/index.tsx

@@ -1,10 +1,10 @@
 // Because there is no `dist` directory during the CI run
 /* eslint-disable import/no-extraneous-dependencies, import/extensions, import/no-unresolved */
-import React from 'react';
-import icons from '@lmc-eu/spirit-icons/icons';
-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 -- @see https://jira.almacareer.tech/browse/DS-561
+import icons from '@lmc-eu/spirit-icons/icons';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import ButtonLinkDefault from './ButtonLinkDefault';

packages/web-react/src/components/ButtonLink/stories/ButtonLink.stories.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Markdown } from '@storybook/blocks';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { ActionColors, EmotionColors, Sizes } from '../../../constants';
 import { Icon } from '../../Icon';
 import ReadMe from '../README.md';

packages/web-react/src/components/ButtonLink/useButtonLinkStyleProps.ts

@@ -1,5 +1,5 @@
-import { ElementType } from 'react';
 import classNames from 'classnames';
+import { ElementType } from 'react';
 import { warning } from '../../common/utilities';
 import { useClassNamePrefix } from '../../hooks';
 import { ButtonColor, ButtonSize, SpiritButtonProps } from '../../types';

packages/web-react/src/components/Checkbox/Checkbox.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef, ForwardedRef } from 'react';
 import classNames from 'classnames';
+import React, { forwardRef, ForwardedRef } from 'react';
 import { useDeprecationMessage, useStyleProps } from '../../hooks';
 import { SpiritCheckboxProps } from '../../types';
 import { HelperText, ValidationText, useAriaIds } from '../Field';

packages/web-react/src/components/Checkbox/__tests__/Checkbox.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import { validationStatePropsTest } from '../../../../tests/providerTests/dictionaryPropsTest';
 import { itemPropsTest } from '../../../../tests/providerTests/itemPropsTest';

packages/web-react/src/components/Checkbox/stories/Checkbox.stories.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Markdown } from '@storybook/blocks';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { ValidationStates } from '../../../constants';
 import ReadMe from '../README.md';
 import { Checkbox } from '..';

packages/web-react/src/components/Collapse/Collapse.tsx

@@ -1,5 +1,5 @@
-import React, { MutableRefObject, useRef } from 'react';
 import classNames from 'classnames';
+import React, { MutableRefObject, useRef } from 'react';
 import { Transition, TransitionStatus } from 'react-transition-group';
 import { useStyleProps } from '../../hooks';
 import { SpiritCollapseProps } from '../../types';

packages/web-react/src/components/Collapse/__tests__/UncontrolledCollapse.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import React from 'react';
 import { fireEvent, render } from '@testing-library/react';
+import React from 'react';
 import { classNamePrefixProviderTest } from '../../../../tests/providerTests/classNamePrefixProviderTest';
 import { restPropsTest } from '../../../../tests/providerTests/restPropsTest';
 import { stylePropsTest } from '../../../../tests/providerTests/stylePropsTest';

packages/web-react/src/components/Collapse/demo/Collapse.tsx

@@ -1,7 +1,7 @@
 // Because there is no `dist` directory during the CI run
 /* eslint-disable import/no-extraneous-dependencies, import/extensions, import/no-unresolved */
-import React from 'react';
 import { ComponentStory } from '@storybook/react';
+import React from 'react';
 import { Button } from '../../Button';
 import { useCollapse, Collapse } from '../index';
 

packages/web-react/src/components/Collapse/demo/CollapseUncontrolled.tsx

@@ -1,7 +1,7 @@
 // Because there is no `dist` directory during the CI run
 /* eslint-disable import/no-extraneous-dependencies, import/extensions, import/no-unresolved */
-import React from 'react';
 import { ComponentStory } from '@storybook/react';
+import React from 'react';
 import UncontrolledCollapse from '../UncontrolledCollapse';
 import { content, CollapseTrigger } from './Collapse';
 

packages/web-react/src/components/Collapse/demo/index.tsx

@@ -1,10 +1,10 @@
 // Because there is no `dist` directory during the CI run
 /* eslint-disable import/no-extraneous-dependencies, import/extensions, import/no-unresolved */
-import React from 'react';
-import icons from '@lmc-eu/spirit-icons/icons';
-import ReactDOM from 'react-dom/client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore: No declaration file -- @see https://jira.almacareer.tech/browse/DS-561
+import icons from '@lmc-eu/spirit-icons/icons';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
 import DocsSection from '../../../../docs/DocsSections';
 import { IconsProvider } from '../../../context';
 import CollapseDefault from './CollapseDefault';

packages/web-react/src/components/Collapse/stories/Collapse.stories.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Markdown } from '@storybook/blocks';
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 import { SpiritCollapseProps } from '../../../types';
 import { Button } from '../../Button';
 import ReadMe from '../README.md';