From 73375acf7f5a86b4a63094432c08f58d43786377 Mon Sep 17 00:00:00 2001 From: Timo Heddes Date: Thu, 17 Aug 2023 11:09:52 +0200 Subject: [PATCH] chore: explicit type imports everywhere --- .../src/components/Accordion/Accordion.tsx | 3 +- .../components/Accordion/AccordionSection.tsx | 3 +- .../Accordion/AccordionSections.tsx | 8 ++--- .../src/components/Accordion/index.ts | 2 +- .../src/components/Box/Box.stories.tsx | 3 +- .../libs/react-ui/src/components/Box/Box.tsx | 6 ++-- .../src/components/BrandLogo/index.tsx | 3 +- .../components/BrandLogo/variants/Kadena.tsx | 2 +- .../BrandLogo/variants/KadenaDevTools.tsx | 2 +- .../BrandLogo/variants/KadenaDocs.tsx | 2 +- .../Breadcrumbs/Breadcrumbs.stories.tsx | 3 +- .../components/Breadcrumbs/Breadcrumbs.tsx | 5 +-- .../Breadcrumbs/BreadcrumbsItem.tsx | 3 +- .../src/components/Breadcrumbs/index.tsx | 2 +- .../src/components/Button/Button.css.ts | 3 +- .../react-ui/src/components/Button/Button.tsx | 3 +- .../src/components/Button/ButtonIcon.tsx | 3 +- .../src/components/Card/Card.stories.tsx | 3 +- .../react-ui/src/components/Card/Card.tsx | 3 +- .../ContentHeader/ContentHeader.stories.tsx | 3 +- .../ContentHeader/ContentHeader.tsx | 3 +- .../src/components/Divider/Divider.tsx | 3 +- .../src/components/Grid/Grid.stories.tsx | 5 +-- .../react-ui/src/components/Grid/GridItem.tsx | 3 +- .../react-ui/src/components/Grid/GridRoot.tsx | 3 +- .../react-ui/src/components/Grid/index.ts | 2 +- .../src/components/Icon/IconWrapper.tsx | 3 +- .../Icon/Product/ProductIcon.stories.tsx | 3 +- .../Icon/Product/svgs/BlogChain.tsx | 2 +- .../components/Icon/Product/svgs/Chainweb.tsx | 2 +- .../components/Icon/Product/svgs/Concepts.tsx | 2 +- .../Icon/Product/svgs/Contribute.tsx | 2 +- .../Icon/Product/svgs/KadenaOverview.tsx | 2 +- .../Icon/Product/svgs/ManageKda.tsx | 2 +- .../Icon/Product/svgs/Marmalade.tsx | 2 +- .../components/Icon/Product/svgs/Overview.tsx | 2 +- .../Icon/Product/svgs/PactDeveloper.tsx | 2 +- .../Icon/Product/svgs/PactLanguage.tsx | 2 +- .../Icon/Product/svgs/QuickStart.tsx | 2 +- .../components/Icon/Product/svgs/RestApi.tsx | 2 +- .../Icon/Product/svgs/SmartContract.tsx | 2 +- .../components/Icon/Product/svgs/Syntax.tsx | 2 +- .../Icon/Product/svgs/UsefulTools.tsx | 2 +- .../Icon/Product/svgs/Whitepapers.tsx | 2 +- .../Icon/System/SystemIcons.stories.tsx | 3 +- .../components/Icon/System/svgs/Account.tsx | 2 +- .../components/Icon/System/svgs/AlertBox.tsx | 2 +- .../Icon/System/svgs/AlertBoxOutline.tsx | 2 +- .../Icon/System/svgs/AlertCircleOutline.tsx | 2 +- .../Icon/System/svgs/Application.tsx | 2 +- .../Icon/System/svgs/ApplicationBrackets.tsx | 2 +- .../System/svgs/ApplicationCogOutline.tsx | 2 +- .../Icon/System/svgs/ArrowCollapseDown.tsx | 2 +- .../Icon/System/svgs/ArrowExpandUp.tsx | 2 +- .../src/components/Icon/System/svgs/At.tsx | 2 +- .../Icon/System/svgs/Backburger.tsx | 2 +- .../Icon/System/svgs/BadgeAccount.tsx | 2 +- .../src/components/Icon/System/svgs/Bell.tsx | 2 +- .../components/Icon/System/svgs/BellRing.tsx | 2 +- .../Icon/System/svgs/CarBrakeParking.tsx | 2 +- .../src/components/Icon/System/svgs/Check.tsx | 2 +- .../Icon/System/svgs/CheckDecagram.tsx | 2 +- .../Icon/System/svgs/CheckDecagramOutline.tsx | 2 +- .../Icon/System/svgs/CheckboxBlankOutline.tsx | 2 +- .../svgs/CheckboxIntermediateVariant.tsx | 2 +- .../Icon/System/svgs/CheckboxMarked.tsx | 2 +- .../Icon/System/svgs/ChevronDown.tsx | 2 +- .../components/Icon/System/svgs/ChevronUp.tsx | 2 +- .../components/Icon/System/svgs/Circle.tsx | 2 +- .../src/components/Icon/System/svgs/Close.tsx | 2 +- .../src/components/Icon/System/svgs/Code.tsx | 2 +- .../Icon/System/svgs/ContentCopy.tsx | 2 +- .../components/Icon/System/svgs/Cookie.tsx | 2 +- .../components/Icon/System/svgs/Dialpad.tsx | 2 +- .../src/components/Icon/System/svgs/Earth.tsx | 2 +- .../src/components/Icon/System/svgs/Edit.tsx | 2 +- .../Icon/System/svgs/EmailOutline.tsx | 2 +- .../components/Icon/System/svgs/ExitToApp.tsx | 2 +- .../src/components/Icon/System/svgs/Eye.tsx | 2 +- .../Icon/System/svgs/EyeOffOutline.tsx | 2 +- .../Icon/System/svgs/EyeOutline.tsx | 2 +- .../Icon/System/svgs/FlagCheckered.tsx | 2 +- .../Icon/System/svgs/FolderRemoveOutline.tsx | 2 +- .../Icon/System/svgs/FormTextboxPassword.tsx | 2 +- .../components/Icon/System/svgs/Github.tsx | 2 +- .../Icon/System/svgs/HelpCircle.tsx | 2 +- .../components/Icon/System/svgs/History.tsx | 2 +- .../Icon/System/svgs/Information.tsx | 2 +- .../src/components/Icon/System/svgs/KIcon.tsx | 2 +- .../Icon/System/svgs/KeyIconFilled.tsx | 2 +- .../Icon/System/svgs/KeyIconOutlined.tsx | 2 +- .../Icon/System/svgs/LeadingIcon.tsx | 2 +- .../src/components/Icon/System/svgs/Link.tsx | 2 +- .../components/Icon/System/svgs/Linkedin.tsx | 2 +- .../components/Icon/System/svgs/Loading.tsx | 2 +- .../components/Icon/System/svgs/Magnify.tsx | 2 +- .../components/Icon/System/svgs/MapMarker.tsx | 2 +- .../components/Icon/System/svgs/MenuOpen.tsx | 2 +- .../src/components/Icon/System/svgs/Plus.tsx | 2 +- .../Icon/System/svgs/ProgressWrench.tsx | 2 +- .../Icon/System/svgs/QrcodeScan.tsx | 2 +- .../Icon/System/svgs/RadioboxBlank.tsx | 2 +- .../Icon/System/svgs/RadioboxMarked.tsx | 2 +- .../components/Icon/System/svgs/Refresh.tsx | 2 +- .../Icon/System/svgs/ScriptTextKey.tsx | 2 +- .../Icon/System/svgs/ScriptTextKeyNew.tsx | 2 +- .../svgs/ShieldAccountVariantOutline.tsx | 2 +- .../Icon/System/svgs/SignatureFreehand.tsx | 2 +- .../Icon/System/svgs/SlashForward.tsx | 2 +- .../Icon/System/svgs/StopCircle.tsx | 2 +- .../Icon/System/svgs/ThemeLightDark.tsx | 2 +- .../Icon/System/svgs/TrailingIcon.tsx | 2 +- .../Icon/System/svgs/Transition.tsx | 2 +- .../Icon/System/svgs/TransitionMasked.tsx | 2 +- .../components/Icon/System/svgs/TrashCan.tsx | 2 +- .../components/Icon/System/svgs/Twitter.tsx | 2 +- .../Icon/System/svgs/UsbFlashDrive.tsx | 2 +- .../components/IconButton/IconButton.css.ts | 3 +- .../IconButton/IconButton.stories.tsx | 3 +- .../src/components/IconButton/IconButton.tsx | 3 +- .../src/components/Input/Input.stories.tsx | 3 +- .../react-ui/src/components/Input/Input.tsx | 3 +- .../InputWrapper/InputHeader/InputHeader.tsx | 3 +- .../InputWrapper/InputHelper/InputHelper.tsx | 3 +- .../InputWrapper/InputWrapper.stories.tsx | 6 ++-- .../components/InputWrapper/InputWrapper.tsx | 9 +++-- .../src/components/Link/Link.stories.tsx | 5 +-- .../react-ui/src/components/Link/Link.tsx | 3 +- .../MaskedValue/MaskedValue.stories.tsx | 5 +-- .../components/MaskedValue/MaskedValue.tsx | 3 +- .../src/components/Modal/Modal.stories.tsx | 3 +- .../react-ui/src/components/Modal/Modal.tsx | 3 +- .../src/components/Modal/ModalProvider.tsx | 3 +- .../src/components/Modal/StoryComponents.tsx | 3 +- .../NavFooter/NavFooter.stories.tsx | 4 +-- .../components/NavFooter/NavFooter.test.tsx | 3 +- .../src/components/NavFooter/NavFooter.tsx | 5 +-- .../NavFooter/NavFooterIconButton.tsx | 3 +- .../components/NavFooter/NavFooterLink.tsx | 3 +- .../components/NavFooter/NavFooterPanel.tsx | 3 +- .../src/components/NavHeader/NavHeader.tsx | 7 ++-- .../components/NavHeader/NavHeaderContent.tsx | 3 +- .../components/NavHeader/NavHeaderLink.tsx | 5 +-- .../NavHeader/NavHeaderNavigation.tsx | 3 +- .../src/components/NavHeader/assets/glow.tsx | 2 +- .../src/components/NavHeader/index.ts | 2 +- .../Notification/Notification.css.ts | 3 +- .../Notification/Notification.stories.tsx | 3 +- .../Notification/NotificationActions.tsx | 3 +- .../Notification/NotificationButton.tsx | 3 +- .../Notification/NotificationContainer.tsx | 3 +- .../src/components/Notification/index.ts | 2 +- .../src/components/Pagination/PageNav.tsx | 4 +-- .../src/components/Pagination/PageNum.tsx | 3 +- .../Pagination/Pagination.stories.tsx | 3 +- .../src/components/Pagination/Pagination.tsx | 5 +-- .../ProfileCard/ProfileCard.stories.tsx | 3 +- .../components/ProfileCard/ProfileCard.tsx | 3 +- .../src/components/ProfileCard/index.ts | 6 ++-- .../ProgressBar/ProgressBar.stories.tsx | 3 +- .../ProgressBar/ProgressBar.test.tsx | 3 +- .../components/ProgressBar/ProgressBar.tsx | 3 +- .../react-ui/src/components/Select/Option.tsx | 3 +- .../src/components/Select/Select.stories.tsx | 3 +- .../react-ui/src/components/Select/Select.tsx | 3 +- .../src/components/Stack/Stack.stories.tsx | 2 +- .../react-ui/src/components/Stack/Stack.tsx | 6 ++-- .../react-ui/src/components/Table/TBody.tsx | 5 +-- .../react-ui/src/components/Table/THead.tsx | 5 +-- .../src/components/Table/Table.stories.tsx | 3 +- .../react-ui/src/components/Table/Table.tsx | 5 +-- .../libs/react-ui/src/components/Table/Td.tsx | 3 +- .../libs/react-ui/src/components/Table/Th.tsx | 3 +- .../libs/react-ui/src/components/Table/Tr.tsx | 5 +-- .../react-ui/src/components/Table/index.ts | 2 +- .../react-ui/src/components/Table/types.ts | 2 +- .../libs/react-ui/src/components/Tabs/Tab.tsx | 3 +- .../src/components/Tabs/TabContent.tsx | 3 +- .../src/components/Tabs/Tabs.stories.tsx | 3 +- .../src/components/Tabs/TabsContainer.tsx | 3 +- .../react-ui/src/components/Tabs/index.ts | 2 +- .../src/components/Tag/Tag.stories.tsx | 3 +- .../libs/react-ui/src/components/Tag/Tag.tsx | 3 +- .../TextField/TextField.stories.tsx | 5 +-- .../src/components/TextField/TextField.tsx | 9 +++-- .../components/Tooltip/Tooltip.stories.tsx | 3 +- .../TrackerCard/TrackerCard.stories.tsx | 5 +-- .../TrackerCard/TrackerCard.test.tsx | 3 +- .../components/TrackerCard/TrackerCard.tsx | 3 +- .../src/components/Tree/Tree.stories.tsx | 3 +- .../react-ui/src/components/Tree/Tree.tsx | 3 +- .../src/components/Tree/TreeItems.tsx | 3 +- .../Typography/GradientText/GradientText.tsx | 3 +- .../components/Typography/Heading/Heading.tsx | 3 +- .../src/components/Typography/Label/Label.tsx | 3 +- .../src/components/Typography/Text/Text.tsx | 3 +- .../components/Typography/typography.css.ts | 2 +- .../libs/react-ui/src/components/index.ts | 36 +++++++++---------- 198 files changed, 338 insertions(+), 248 deletions(-) diff --git a/packages/libs/react-ui/src/components/Accordion/Accordion.tsx b/packages/libs/react-ui/src/components/Accordion/Accordion.tsx index 5e1f8794850..85c6be056fd 100644 --- a/packages/libs/react-ui/src/components/Accordion/Accordion.tsx +++ b/packages/libs/react-ui/src/components/Accordion/Accordion.tsx @@ -1,6 +1,7 @@ import { IAccordionSectionsProps } from '.'; -import React, { FC, FunctionComponentElement } from 'react'; +import type { FC, FunctionComponentElement } from 'react'; +import React from 'react'; export interface IAccordionRootProps { children?: FunctionComponentElement; diff --git a/packages/libs/react-ui/src/components/Accordion/AccordionSection.tsx b/packages/libs/react-ui/src/components/Accordion/AccordionSection.tsx index e14db08d226..cc71818871a 100644 --- a/packages/libs/react-ui/src/components/Accordion/AccordionSection.tsx +++ b/packages/libs/react-ui/src/components/Accordion/AccordionSection.tsx @@ -2,7 +2,8 @@ import { toggleButtonClass } from './Accordion.css'; import { SystemIcon } from '@components/Icon'; import classNames from 'classnames'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IAccordionSectionProps { children: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/Accordion/AccordionSections.tsx b/packages/libs/react-ui/src/components/Accordion/AccordionSections.tsx index 7d61e68cc52..03a977c4ad5 100644 --- a/packages/libs/react-ui/src/components/Accordion/AccordionSections.tsx +++ b/packages/libs/react-ui/src/components/Accordion/AccordionSections.tsx @@ -8,12 +8,8 @@ import useLinked from './useLinked'; import { IAccordionSectionProps } from '.'; import classNames from 'classnames'; -import React, { - FC, - FunctionComponentElement, - useCallback, - useEffect, -} from 'react'; +import type { FC, FunctionComponentElement } from 'react'; +import React, { useCallback, useEffect } from 'react'; export interface IAccordionSectionsProps { children?: FunctionComponentElement[]; diff --git a/packages/libs/react-ui/src/components/Accordion/index.ts b/packages/libs/react-ui/src/components/Accordion/index.ts index d7e05c8d401..286187237cb 100644 --- a/packages/libs/react-ui/src/components/Accordion/index.ts +++ b/packages/libs/react-ui/src/components/Accordion/index.ts @@ -5,7 +5,7 @@ import { AccordionSection } from './AccordionSection'; import type { IAccordionSectionsProps } from './AccordionSections'; import { AccordionSections } from './AccordionSections'; -import { FC } from 'react'; +import type { FC } from 'react'; export { IAccordionRootProps, IAccordionSectionProps, IAccordionSectionsProps }; diff --git a/packages/libs/react-ui/src/components/Box/Box.stories.tsx b/packages/libs/react-ui/src/components/Box/Box.stories.tsx index b0bdd7512f0..da6f1599dad 100644 --- a/packages/libs/react-ui/src/components/Box/Box.stories.tsx +++ b/packages/libs/react-ui/src/components/Box/Box.stories.tsx @@ -1,6 +1,7 @@ import { containerClass, contentClass } from './stories.css'; -import { Box, IBoxProps } from '@components/Box'; +import type { IBoxProps } from '@components/Box'; +import { Box } from '@components/Box'; import type { Meta, StoryObj } from '@storybook/react'; import { vars } from '@theme/vars.css'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/Box/Box.tsx b/packages/libs/react-ui/src/components/Box/Box.tsx index 16f0434b389..28130611bd8 100644 --- a/packages/libs/react-ui/src/components/Box/Box.tsx +++ b/packages/libs/react-ui/src/components/Box/Box.tsx @@ -1,5 +1,7 @@ -import { Sprinkles, sprinkles } from '@theme/sprinkles.css'; -import React, { createElement, ElementType } from 'react'; +import type { Sprinkles } from '@theme/sprinkles.css'; +import { sprinkles } from '@theme/sprinkles.css'; +import type { ElementType } from 'react'; +import React, { createElement } from 'react'; export interface IBoxProps extends Partial< diff --git a/packages/libs/react-ui/src/components/BrandLogo/index.tsx b/packages/libs/react-ui/src/components/BrandLogo/index.tsx index b5985c0a5a8..01e3268fe07 100644 --- a/packages/libs/react-ui/src/components/BrandLogo/index.tsx +++ b/packages/libs/react-ui/src/components/BrandLogo/index.tsx @@ -2,7 +2,8 @@ import { KadenaLogo } from './variants/Kadena'; import { KadenaDevToolsLogo } from './variants/KadenaDevTools'; import { KadenaDocsLogo } from './variants/KadenaDocs'; -import React, { FC, SVGProps } from 'react'; +import type { FC, SVGProps } from 'react'; +import React from 'react'; export type LogoVariant = 'Kadena' | 'DevTools' | 'Docs'; export const logoVariants: LogoVariant[] = ['Kadena', 'DevTools', 'Docs']; diff --git a/packages/libs/react-ui/src/components/BrandLogo/variants/Kadena.tsx b/packages/libs/react-ui/src/components/BrandLogo/variants/Kadena.tsx index 5be8768362f..7e377c1776e 100644 --- a/packages/libs/react-ui/src/components/BrandLogo/variants/Kadena.tsx +++ b/packages/libs/react-ui/src/components/BrandLogo/variants/Kadena.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; export const KadenaLogo: React.FC> = () => ( > = () => ( > = () => ( []; diff --git a/packages/libs/react-ui/src/components/Breadcrumbs/BreadcrumbsItem.tsx b/packages/libs/react-ui/src/components/Breadcrumbs/BreadcrumbsItem.tsx index 393730ed72e..d3c884df0b3 100644 --- a/packages/libs/react-ui/src/components/Breadcrumbs/BreadcrumbsItem.tsx +++ b/packages/libs/react-ui/src/components/Breadcrumbs/BreadcrumbsItem.tsx @@ -1,6 +1,7 @@ import { itemClass, linkClass, spanClass } from './Breadcrumbs.css'; -import React, { FC, ReactNode } from 'react'; +import type { FC, ReactNode } from 'react'; +import React from 'react'; export interface IBreadcrumbItemProps { children?: ReactNode; diff --git a/packages/libs/react-ui/src/components/Breadcrumbs/index.tsx b/packages/libs/react-ui/src/components/Breadcrumbs/index.tsx index f46c87152aa..9a02585981c 100644 --- a/packages/libs/react-ui/src/components/Breadcrumbs/index.tsx +++ b/packages/libs/react-ui/src/components/Breadcrumbs/index.tsx @@ -3,7 +3,7 @@ import { BreadcrumbsContainer } from './Breadcrumbs'; import type { IBreadcrumbItemProps } from './BreadcrumbsItem'; import { BreadcrumbsItem } from './BreadcrumbsItem'; -import { FC } from 'react'; +import type { FC } from 'react'; interface IBreadcrumbs { Root: FC; diff --git a/packages/libs/react-ui/src/components/Button/Button.css.ts b/packages/libs/react-ui/src/components/Button/Button.css.ts index 1100deed3f2..049b4f70424 100644 --- a/packages/libs/react-ui/src/components/Button/Button.css.ts +++ b/packages/libs/react-ui/src/components/Button/Button.css.ts @@ -1,6 +1,7 @@ import { colorPalette } from '@theme/colors'; import { sprinkles } from '@theme/sprinkles.css'; -import { ColorType, darkThemeClass, vars } from '@theme/vars.css'; +import type { ColorType } from '@theme/vars.css'; +import { darkThemeClass, vars } from '@theme/vars.css'; import { createVar, keyframes, diff --git a/packages/libs/react-ui/src/components/Button/Button.tsx b/packages/libs/react-ui/src/components/Button/Button.tsx index 7314c44d2c4..c6be46f4b4b 100644 --- a/packages/libs/react-ui/src/components/Button/Button.tsx +++ b/packages/libs/react-ui/src/components/Button/Button.tsx @@ -7,7 +7,8 @@ import { ButtonIcon } from './ButtonIcon'; import { SystemIcon } from '@components/Icon'; import cx from 'classnames'; -import React, { ButtonHTMLAttributes, FC } from 'react'; +import type { ButtonHTMLAttributes, FC } from 'react'; +import React from 'react'; export interface IButtonProps extends Omit, 'as' | 'disabled'> { diff --git a/packages/libs/react-ui/src/components/Button/ButtonIcon.tsx b/packages/libs/react-ui/src/components/Button/ButtonIcon.tsx index cd93bc81a4e..1c3911221a1 100644 --- a/packages/libs/react-ui/src/components/Button/ButtonIcon.tsx +++ b/packages/libs/react-ui/src/components/Button/ButtonIcon.tsx @@ -1,5 +1,6 @@ import { SystemIcon } from '@components/Icon'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; type IconProps = JSX.IntrinsicElements['i']; export interface IButtonIconProps extends IconProps { diff --git a/packages/libs/react-ui/src/components/Card/Card.stories.tsx b/packages/libs/react-ui/src/components/Card/Card.stories.tsx index d077b470b5d..b4cfc3b2e8f 100644 --- a/packages/libs/react-ui/src/components/Card/Card.stories.tsx +++ b/packages/libs/react-ui/src/components/Card/Card.stories.tsx @@ -1,5 +1,6 @@ import { Button } from '@components/Button'; -import { Card, ICardProps } from '@components/Card'; +import type { ICardProps } from '@components/Card'; +import { Card } from '@components/Card'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/Card/Card.tsx b/packages/libs/react-ui/src/components/Card/Card.tsx index d5eaa76d887..075c0e10672 100644 --- a/packages/libs/react-ui/src/components/Card/Card.tsx +++ b/packages/libs/react-ui/src/components/Card/Card.tsx @@ -6,7 +6,8 @@ import { } from './Card.css'; import className from 'classnames'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface ICardChildComponentProps { children: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/ContentHeader/ContentHeader.stories.tsx b/packages/libs/react-ui/src/components/ContentHeader/ContentHeader.stories.tsx index bbf06524984..fad36e78baa 100644 --- a/packages/libs/react-ui/src/components/ContentHeader/ContentHeader.stories.tsx +++ b/packages/libs/react-ui/src/components/ContentHeader/ContentHeader.stories.tsx @@ -1,4 +1,5 @@ -import { ContentHeader, IContentHeaderProps } from '@components/ContentHeader'; +import type { IContentHeaderProps } from '@components/ContentHeader'; +import { ContentHeader } from '@components/ContentHeader'; import { SystemIcon } from '@components/Icon'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/ContentHeader/ContentHeader.tsx b/packages/libs/react-ui/src/components/ContentHeader/ContentHeader.tsx index 567f4eb80e7..c4922d42a42 100644 --- a/packages/libs/react-ui/src/components/ContentHeader/ContentHeader.tsx +++ b/packages/libs/react-ui/src/components/ContentHeader/ContentHeader.tsx @@ -2,7 +2,8 @@ import { containerClass, descriptionClass } from './ContentHeader.css'; import { SystemIcon } from '@components/Icon'; import { Heading, Text } from '@components/Typography'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IContentHeaderProps { icon: (typeof SystemIcon)[keyof typeof SystemIcon]; diff --git a/packages/libs/react-ui/src/components/Divider/Divider.tsx b/packages/libs/react-ui/src/components/Divider/Divider.tsx index 7964c8c2dde..d74e988b2f3 100644 --- a/packages/libs/react-ui/src/components/Divider/Divider.tsx +++ b/packages/libs/react-ui/src/components/Divider/Divider.tsx @@ -1,6 +1,7 @@ import { dividerClass } from './Divider.css'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export const Divider: FC = () => { return
; diff --git a/packages/libs/react-ui/src/components/Grid/Grid.stories.tsx b/packages/libs/react-ui/src/components/Grid/Grid.stories.tsx index dfc56ca668d..6d91f582d76 100644 --- a/packages/libs/react-ui/src/components/Grid/Grid.stories.tsx +++ b/packages/libs/react-ui/src/components/Grid/Grid.stories.tsx @@ -1,5 +1,6 @@ -import { gapVariants, ResponsiveInputType } from './Grid.css'; -import { IGridRootProps } from './GridRoot'; +import type { ResponsiveInputType } from './Grid.css'; +import { gapVariants } from './Grid.css'; +import type { IGridRootProps } from './GridRoot'; import { ContentClass } from './stories.css'; import { Grid } from '@components/Grid'; diff --git a/packages/libs/react-ui/src/components/Grid/GridItem.tsx b/packages/libs/react-ui/src/components/Grid/GridItem.tsx index b0b4f8e29e2..ba087498cc6 100644 --- a/packages/libs/react-ui/src/components/Grid/GridItem.tsx +++ b/packages/libs/react-ui/src/components/Grid/GridItem.tsx @@ -7,7 +7,8 @@ import { } from './Grid.css'; import classNames from 'classnames'; -import React, { FC, ReactNode } from 'react'; +import type { FC, ReactNode } from 'react'; +import React from 'react'; export interface IGridItemProps { children?: ReactNode; diff --git a/packages/libs/react-ui/src/components/Grid/GridRoot.tsx b/packages/libs/react-ui/src/components/Grid/GridRoot.tsx index 8d163097372..365133f8f33 100644 --- a/packages/libs/react-ui/src/components/Grid/GridRoot.tsx +++ b/packages/libs/react-ui/src/components/Grid/GridRoot.tsx @@ -7,7 +7,8 @@ import { } from './Grid.css'; import classNames from 'classnames'; -import React, { FC, ReactNode } from 'react'; +import type { FC, ReactNode } from 'react'; +import React from 'react'; export interface IGridRootProps { children?: ReactNode; diff --git a/packages/libs/react-ui/src/components/Grid/index.ts b/packages/libs/react-ui/src/components/Grid/index.ts index 838e5b95201..22ffd54b584 100644 --- a/packages/libs/react-ui/src/components/Grid/index.ts +++ b/packages/libs/react-ui/src/components/Grid/index.ts @@ -3,7 +3,7 @@ import GridItem from './GridItem'; import type { IGridRootProps } from './GridRoot'; import GridRoot from './GridRoot'; -import { FC } from 'react'; +import type { FC } from 'react'; export type { IGridRootProps as IGridContainerProps, IGridItemProps }; diff --git a/packages/libs/react-ui/src/components/Icon/IconWrapper.tsx b/packages/libs/react-ui/src/components/Icon/IconWrapper.tsx index 84c5426e945..f69d65f6c5a 100644 --- a/packages/libs/react-ui/src/components/Icon/IconWrapper.tsx +++ b/packages/libs/react-ui/src/components/Icon/IconWrapper.tsx @@ -1,7 +1,8 @@ import { iconContainer, sizeVariants } from './IconWrapper.css'; import classNames from 'classnames'; -import React, { SVGProps } from 'react'; +import type { SVGProps } from 'react'; +import React from 'react'; export interface IIconProps { size?: keyof typeof sizeVariants; diff --git a/packages/libs/react-ui/src/components/Icon/Product/ProductIcon.stories.tsx b/packages/libs/react-ui/src/components/Icon/Product/ProductIcon.stories.tsx index 02c7d5db2b8..8bdf9395d04 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/ProductIcon.stories.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/ProductIcon.stories.tsx @@ -1,7 +1,8 @@ import { sizeVariants } from '../IconWrapper.css'; import { gridContainer, gridItem } from '../stories.css'; -import { IIconProps, ProductIcon } from '@components/Icon'; +import type { IIconProps } from '@components/Icon'; +import { ProductIcon } from '@components/Icon'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/BlogChain.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/BlogChain.tsx index 146b3883871..02b8a9f6c5a 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/BlogChain.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/BlogChain.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const BlogChain: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/Chainweb.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/Chainweb.tsx index edbba3e0b8f..d7272b89b85 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/Chainweb.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/Chainweb.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Chainweb: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/Concepts.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/Concepts.tsx index 6274e1761d2..2eb122f4187 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/Concepts.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/Concepts.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Concepts: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/Contribute.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/Contribute.tsx index 333131caf03..d0d9b64193c 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/Contribute.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/Contribute.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Contribute: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/KadenaOverview.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/KadenaOverview.tsx index e6fc988678c..8d428a5c007 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/KadenaOverview.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/KadenaOverview.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const KadenaOverview: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/ManageKda.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/ManageKda.tsx index 777f9ad56f5..62874e373c5 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/ManageKda.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/ManageKda.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ManageKda: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/Marmalade.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/Marmalade.tsx index 6f4b5c4868b..49727dc964c 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/Marmalade.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/Marmalade.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Marmalade: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/Overview.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/Overview.tsx index b3ba2d2359d..933f4afd328 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/Overview.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/Overview.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Overview: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/PactDeveloper.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/PactDeveloper.tsx index cfee623badb..a35af3f4864 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/PactDeveloper.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/PactDeveloper.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const PactDeveloper: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/PactLanguage.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/PactLanguage.tsx index 12d409adb89..9bc71a6507e 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/PactLanguage.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/PactLanguage.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const PactLanguage: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/QuickStart.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/QuickStart.tsx index 0eac1f4882c..201d21cfd13 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/QuickStart.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/QuickStart.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const QuickStart: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/RestApi.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/RestApi.tsx index 6de6d8963a8..66918679e33 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/RestApi.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/RestApi.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const RestApi: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/SmartContract.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/SmartContract.tsx index f09d03d5e89..c8a97411a0a 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/SmartContract.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/SmartContract.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const SmartContract: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/Syntax.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/Syntax.tsx index 023d78ef6c3..084d4a9073b 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/Syntax.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/Syntax.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Syntax: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/UsefulTools.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/UsefulTools.tsx index 519fd432187..15974ae527f 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/UsefulTools.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/UsefulTools.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const UsefulTools: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/Product/svgs/Whitepapers.tsx b/packages/libs/react-ui/src/components/Icon/Product/svgs/Whitepapers.tsx index 4dcdd1b4ae3..4584a165659 100644 --- a/packages/libs/react-ui/src/components/Icon/Product/svgs/Whitepapers.tsx +++ b/packages/libs/react-ui/src/components/Icon/Product/svgs/Whitepapers.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Whitepapers: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/SystemIcons.stories.tsx b/packages/libs/react-ui/src/components/Icon/System/SystemIcons.stories.tsx index 1ccacdcd97f..1bf3e336d5f 100644 --- a/packages/libs/react-ui/src/components/Icon/System/SystemIcons.stories.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/SystemIcons.stories.tsx @@ -1,7 +1,8 @@ import { sizeVariants } from '../IconWrapper.css'; import { gridContainer, gridItem } from '../stories.css'; -import { IIconProps, SystemIcon } from '@components/Icon'; +import type { IIconProps } from '@components/Icon'; +import { SystemIcon } from '@components/Icon'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Account.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Account.tsx index 6045b9836cb..464efde7a33 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Account.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Account.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Account: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/AlertBox.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/AlertBox.tsx index a012d0fc03c..bfa75cfb5eb 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/AlertBox.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/AlertBox.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const AlertBox: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/AlertBoxOutline.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/AlertBoxOutline.tsx index cc48d6c233b..e6add70e00c 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/AlertBoxOutline.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/AlertBoxOutline.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const AlertBoxOutline: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/AlertCircleOutline.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/AlertCircleOutline.tsx index b7593b6f165..d3155e0712f 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/AlertCircleOutline.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/AlertCircleOutline.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const AlertCircleOutline: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Application.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Application.tsx index b58650ce7fb..f12a6da101d 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Application.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Application.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Application: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ApplicationBrackets.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ApplicationBrackets.tsx index f071d88e44c..1641f6f1a95 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ApplicationBrackets.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ApplicationBrackets.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ApplicationBrackets: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ApplicationCogOutline.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ApplicationCogOutline.tsx index ed056b208e5..406a053c912 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ApplicationCogOutline.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ApplicationCogOutline.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ApplicationCogOutline: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ArrowCollapseDown.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ArrowCollapseDown.tsx index 26a4f97c22c..d226fc7d057 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ArrowCollapseDown.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ArrowCollapseDown.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ArrowCollapseDown: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ArrowExpandUp.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ArrowExpandUp.tsx index 5bf7cf0cb54..35441e4506a 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ArrowExpandUp.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ArrowExpandUp.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ArrowExpandUp: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/At.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/At.tsx index 14c4972255e..f3298e9777f 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/At.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/At.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const At: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Backburger.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Backburger.tsx index b16088a48fb..f8b4e1a18c7 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Backburger.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Backburger.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Backburger: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/BadgeAccount.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/BadgeAccount.tsx index 336911ee52e..b718f24ea5e 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/BadgeAccount.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/BadgeAccount.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const BadgeAccount: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Bell.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Bell.tsx index 67c593e620a..138b1f8c3e6 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Bell.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Bell.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Bell: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/BellRing.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/BellRing.tsx index 72ff2fefcc7..ea9d748d90a 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/BellRing.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/BellRing.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const BellRing: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/CarBrakeParking.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/CarBrakeParking.tsx index 09a69fcf023..9d077a199ce 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/CarBrakeParking.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/CarBrakeParking.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const CarBrakeParking: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Check.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Check.tsx index d6a501bd2ca..053196271be 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Check.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Check.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Check: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/CheckDecagram.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/CheckDecagram.tsx index cf4028dc254..1c0d2e5847c 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/CheckDecagram.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/CheckDecagram.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const CheckDecagram: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/CheckDecagramOutline.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/CheckDecagramOutline.tsx index a7df3a9d94d..ab9fa1967bf 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/CheckDecagramOutline.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/CheckDecagramOutline.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const CheckDecagramOutline: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxBlankOutline.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxBlankOutline.tsx index e4e9f689436..c534b28d0b7 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxBlankOutline.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxBlankOutline.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const CheckboxBlankOutline: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxIntermediateVariant.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxIntermediateVariant.tsx index a455b92daab..6f8158f7d9e 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxIntermediateVariant.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxIntermediateVariant.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const CheckboxIntermediateVariant: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxMarked.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxMarked.tsx index d3df867f541..2f605cad0ea 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxMarked.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/CheckboxMarked.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const CheckboxMarked: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ChevronDown.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ChevronDown.tsx index f1d33bba8ea..6b56e2b9748 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ChevronDown.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ChevronDown.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ChevronDown: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ChevronUp.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ChevronUp.tsx index a4895f76a6d..0a98639bec8 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ChevronUp.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ChevronUp.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ChevronUp: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Circle.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Circle.tsx index a8d1c64170b..9610fc18499 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Circle.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Circle.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Circle: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Close.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Close.tsx index 9a8b6ae9078..5620d912f23 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Close.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Close.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Close: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Code.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Code.tsx index 378047e9e94..1dfa4445574 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Code.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Code.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Code: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ContentCopy.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ContentCopy.tsx index 928e7f659ac..ec52f016644 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ContentCopy.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ContentCopy.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ContentCopy: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Cookie.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Cookie.tsx index a87c4a2dbe0..24e737910f7 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Cookie.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Cookie.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Cookie: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Dialpad.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Dialpad.tsx index 72cea37e435..88a50343dfb 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Dialpad.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Dialpad.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Dialpad: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Earth.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Earth.tsx index dc6b421d165..0a364239058 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Earth.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Earth.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Earth: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Edit.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Edit.tsx index a83a55f4784..44aa862b979 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Edit.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Edit.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; export const Edit: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/EmailOutline.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/EmailOutline.tsx index 2c4dfbca198..a0e1e537b6e 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/EmailOutline.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/EmailOutline.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const EmailOutline: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ExitToApp.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ExitToApp.tsx index e17a8703f14..1c2d33c4efc 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ExitToApp.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ExitToApp.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ExitToApp: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Eye.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Eye.tsx index 324422ad041..875d2f57727 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Eye.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Eye.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Eye: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/EyeOffOutline.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/EyeOffOutline.tsx index b76fc30fdf7..35408e872e5 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/EyeOffOutline.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/EyeOffOutline.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const EyeOffOutline: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/EyeOutline.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/EyeOutline.tsx index 1bbfc6c7577..dd68126751b 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/EyeOutline.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/EyeOutline.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const EyeOutline: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/FlagCheckered.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/FlagCheckered.tsx index a91a8d8a584..78d7d6f4367 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/FlagCheckered.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/FlagCheckered.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const FlagCheckered: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/FolderRemoveOutline.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/FolderRemoveOutline.tsx index 12a9593f484..7d7255e70c2 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/FolderRemoveOutline.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/FolderRemoveOutline.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const FolderRemoveOutline: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/FormTextboxPassword.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/FormTextboxPassword.tsx index 4b94e987bca..ce77a1200d0 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/FormTextboxPassword.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/FormTextboxPassword.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const FormTextboxPassword: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Github.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Github.tsx index 5a741591142..bf8eb77da3e 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Github.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Github.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Github: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/HelpCircle.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/HelpCircle.tsx index 56329a5e97b..b94cf4146a8 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/HelpCircle.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/HelpCircle.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const HelpCircle: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/History.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/History.tsx index 01393dab40e..88a5ead98d4 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/History.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/History.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const History: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Information.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Information.tsx index 7ea75fc91fe..4a8ab5aa400 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Information.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Information.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Information: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/KIcon.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/KIcon.tsx index a10d4c3f29f..83fb4fc4ccc 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/KIcon.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/KIcon.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const KIcon: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/KeyIconFilled.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/KeyIconFilled.tsx index a8bf21504dc..98b9e7aad73 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/KeyIconFilled.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/KeyIconFilled.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const KeyIconFilled: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/KeyIconOutlined.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/KeyIconOutlined.tsx index d84c5f827ee..d13bd1bd25e 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/KeyIconOutlined.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/KeyIconOutlined.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const KeyIconOutlined: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/LeadingIcon.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/LeadingIcon.tsx index a76ab21132f..edb5c9ff6cd 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/LeadingIcon.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/LeadingIcon.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const LeadingIcon: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Link.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Link.tsx index 2af6fb50873..048eae8ab6d 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Link.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Link.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Link: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Linkedin.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Linkedin.tsx index 4e533be1c4c..992368fed42 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Linkedin.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Linkedin.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Linkedin: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Loading.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Loading.tsx index f55ef712672..e3e9d7e4de1 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Loading.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Loading.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Loading: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Magnify.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Magnify.tsx index 408a48835a6..8195c8a0859 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Magnify.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Magnify.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Magnify: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/MapMarker.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/MapMarker.tsx index 1ecdd66990b..e8a4a520b7d 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/MapMarker.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/MapMarker.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const MapMarker: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/MenuOpen.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/MenuOpen.tsx index 24543acd3fb..7b9f1f700da 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/MenuOpen.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/MenuOpen.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const MenuOpen: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Plus.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Plus.tsx index 30c8be4e37f..8980d41f1dd 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Plus.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Plus.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Plus: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ProgressWrench.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ProgressWrench.tsx index 2847371d51e..5cb695a6b18 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ProgressWrench.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ProgressWrench.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ProgressWrench: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/QrcodeScan.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/QrcodeScan.tsx index 2f82cf5b251..0436ec0e029 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/QrcodeScan.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/QrcodeScan.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const QrcodeScan: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/RadioboxBlank.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/RadioboxBlank.tsx index 2e89e1d880d..4d1faf8917a 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/RadioboxBlank.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/RadioboxBlank.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const RadioboxBlank: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/RadioboxMarked.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/RadioboxMarked.tsx index d5ecd2bcccb..5b0b17d30a5 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/RadioboxMarked.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/RadioboxMarked.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const RadioboxMarked: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Refresh.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Refresh.tsx index 23da249dd03..9fc3be2a566 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Refresh.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Refresh.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Refresh: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ScriptTextKey.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ScriptTextKey.tsx index 42af57684ea..7c4d24b5171 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ScriptTextKey.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ScriptTextKey.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ScriptTextKey: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ScriptTextKeyNew.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ScriptTextKeyNew.tsx index 42d422e03e0..fd94f3917af 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ScriptTextKeyNew.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ScriptTextKeyNew.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ScriptTextKeyNew: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ShieldAccountVariantOutline.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ShieldAccountVariantOutline.tsx index 64e17467f66..5a6a4d8560e 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ShieldAccountVariantOutline.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ShieldAccountVariantOutline.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ShieldAccountVariantOutline: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/SignatureFreehand.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/SignatureFreehand.tsx index 5b5fd700ddc..1ac11a6a7c9 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/SignatureFreehand.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/SignatureFreehand.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const SignatureFreehand: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/SlashForward.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/SlashForward.tsx index 34e7eefe471..c4444cca525 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/SlashForward.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/SlashForward.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const SlashForward: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/StopCircle.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/StopCircle.tsx index 795087ea694..79d38c9da46 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/StopCircle.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/StopCircle.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const StopCircle: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/ThemeLightDark.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/ThemeLightDark.tsx index 7097da50c85..5253e5c988b 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/ThemeLightDark.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/ThemeLightDark.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const ThemeLightDark: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/TrailingIcon.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/TrailingIcon.tsx index d81f5a41496..141ab9bcccc 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/TrailingIcon.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/TrailingIcon.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const TrailingIcon: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Transition.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Transition.tsx index 3efb06df548..c6b86a8cdf9 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Transition.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Transition.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Transition: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/TransitionMasked.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/TransitionMasked.tsx index 1f630d37641..96184f0b9c9 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/TransitionMasked.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/TransitionMasked.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const TransitionMasked: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/TrashCan.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/TrashCan.tsx index 0a1525d9908..b440eff37e1 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/TrashCan.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/TrashCan.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const TrashCan: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/Twitter.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/Twitter.tsx index 472437d3ce8..9149014d77c 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/Twitter.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/Twitter.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const Twitter: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/Icon/System/svgs/UsbFlashDrive.tsx b/packages/libs/react-ui/src/components/Icon/System/svgs/UsbFlashDrive.tsx index 48c89fa44a7..307a73060a7 100644 --- a/packages/libs/react-ui/src/components/Icon/System/svgs/UsbFlashDrive.tsx +++ b/packages/libs/react-ui/src/components/Icon/System/svgs/UsbFlashDrive.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; const UsbFlashDrive: React.FC> = ( props: SVGProps, diff --git a/packages/libs/react-ui/src/components/IconButton/IconButton.css.ts b/packages/libs/react-ui/src/components/IconButton/IconButton.css.ts index 52591c9cd5b..c038aaea919 100644 --- a/packages/libs/react-ui/src/components/IconButton/IconButton.css.ts +++ b/packages/libs/react-ui/src/components/IconButton/IconButton.css.ts @@ -1,5 +1,6 @@ import { sprinkles } from '@theme/sprinkles.css'; -import { ColorType, vars } from '@theme/vars.css'; +import type { ColorType } from '@theme/vars.css'; +import { vars } from '@theme/vars.css'; import { style, styleVariants } from '@vanilla-extract/css'; export const container = style([ diff --git a/packages/libs/react-ui/src/components/IconButton/IconButton.stories.tsx b/packages/libs/react-ui/src/components/IconButton/IconButton.stories.tsx index 4808a1e83dc..c3c3461b57d 100644 --- a/packages/libs/react-ui/src/components/IconButton/IconButton.stories.tsx +++ b/packages/libs/react-ui/src/components/IconButton/IconButton.stories.tsx @@ -1,7 +1,8 @@ import { colorVariants } from './IconButton.css'; import { SystemIcon } from '@components/Icon'; -import { IconButton, IIconButtonProps } from '@components/IconButton'; +import type { IIconButtonProps } from '@components/IconButton'; +import { IconButton } from '@components/IconButton'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/IconButton/IconButton.tsx b/packages/libs/react-ui/src/components/IconButton/IconButton.tsx index 796a1349bdd..979b880a52a 100644 --- a/packages/libs/react-ui/src/components/IconButton/IconButton.tsx +++ b/packages/libs/react-ui/src/components/IconButton/IconButton.tsx @@ -1,7 +1,8 @@ import { colorVariants } from './IconButton.css'; import { SystemIcon } from '@components/Icon'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IIconButtonProps extends Omit, 'color'> { diff --git a/packages/libs/react-ui/src/components/Input/Input.stories.tsx b/packages/libs/react-ui/src/components/Input/Input.stories.tsx index d1b1cb81cbf..fc391a6910a 100644 --- a/packages/libs/react-ui/src/components/Input/Input.stories.tsx +++ b/packages/libs/react-ui/src/components/Input/Input.stories.tsx @@ -1,6 +1,7 @@ import { Button } from '@components/Button'; import { SystemIcon } from '@components/Icon'; -import { IInputProps, Input } from '@components/Input'; +import type { IInputProps } from '@components/Input'; +import { Input } from '@components/Input'; import { Stack } from '@components/Stack'; import type { Meta, StoryObj } from '@storybook/react'; import { vars } from '@theme/vars.css'; diff --git a/packages/libs/react-ui/src/components/Input/Input.tsx b/packages/libs/react-ui/src/components/Input/Input.tsx index fecc6951bc8..3d54061e526 100644 --- a/packages/libs/react-ui/src/components/Input/Input.tsx +++ b/packages/libs/react-ui/src/components/Input/Input.tsx @@ -10,7 +10,8 @@ import { import { SystemIcon } from '@components/Icon'; import classNames from 'classnames'; -import React, { FC, forwardRef, InputHTMLAttributes } from 'react'; +import type { FC, InputHTMLAttributes } from 'react'; +import React, { forwardRef } from 'react'; import { vars } from 'src/styles'; export interface IInputProps diff --git a/packages/libs/react-ui/src/components/InputWrapper/InputHeader/InputHeader.tsx b/packages/libs/react-ui/src/components/InputWrapper/InputHeader/InputHeader.tsx index 67ec15f8483..d67e9e96b3b 100644 --- a/packages/libs/react-ui/src/components/InputWrapper/InputHeader/InputHeader.tsx +++ b/packages/libs/react-ui/src/components/InputWrapper/InputHeader/InputHeader.tsx @@ -2,7 +2,8 @@ import { headerClass, infoClass, tagClass } from './InputHeader.css'; import { SystemIcon } from '@components/Icon'; import { Label } from '@components/Typography/Label/Label'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IInputHeaderProps { label: string; diff --git a/packages/libs/react-ui/src/components/InputWrapper/InputHelper/InputHelper.tsx b/packages/libs/react-ui/src/components/InputWrapper/InputHelper/InputHelper.tsx index 2003a1c0941..c3ea3217461 100644 --- a/packages/libs/react-ui/src/components/InputWrapper/InputHelper/InputHelper.tsx +++ b/packages/libs/react-ui/src/components/InputWrapper/InputHelper/InputHelper.tsx @@ -1,7 +1,8 @@ import { helperClass, helperIconClass } from './InputHelper.css'; import { SystemIcon } from '@components/Icon'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IInputHelperProps { children: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/InputWrapper/InputWrapper.stories.tsx b/packages/libs/react-ui/src/components/InputWrapper/InputWrapper.stories.tsx index 84039700b44..131176bba64 100644 --- a/packages/libs/react-ui/src/components/InputWrapper/InputWrapper.stories.tsx +++ b/packages/libs/react-ui/src/components/InputWrapper/InputWrapper.stories.tsx @@ -1,8 +1,10 @@ import { statusVariant } from './InputWrapper.css'; import { SystemIcon } from '@components/Icon'; -import { IInputProps, Input } from '@components/Input'; -import { IInputWrapperProps, InputWrapper } from '@components/InputWrapper'; +import type { IInputProps } from '@components/Input'; +import { Input } from '@components/Input'; +import type { IInputWrapperProps } from '@components/InputWrapper'; +import { InputWrapper } from '@components/InputWrapper'; import type { Meta, StoryObj } from '@storybook/react'; import { vars } from '@theme/vars.css'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/InputWrapper/InputWrapper.tsx b/packages/libs/react-ui/src/components/InputWrapper/InputWrapper.tsx index 1ba7c2b0b36..8e3848324be 100644 --- a/packages/libs/react-ui/src/components/InputWrapper/InputWrapper.tsx +++ b/packages/libs/react-ui/src/components/InputWrapper/InputWrapper.tsx @@ -1,9 +1,12 @@ -import { IInputHeaderProps, InputHeader } from './InputHeader/InputHeader'; +import type { IInputHeaderProps } from './InputHeader/InputHeader'; +import { InputHeader } from './InputHeader/InputHeader'; import { InputHelper } from './InputHelper/InputHelper'; -import { Status, statusVariant } from './InputWrapper.css'; +import type { Status } from './InputWrapper.css'; +import { statusVariant } from './InputWrapper.css'; import { IInputProps } from '@components/Input'; -import React, { FC, FunctionComponentElement } from 'react'; +import type { FC, FunctionComponentElement } from 'react'; +import React from 'react'; import { vars } from 'src/styles'; export interface IInputWrapperProps extends Omit { diff --git a/packages/libs/react-ui/src/components/Link/Link.stories.tsx b/packages/libs/react-ui/src/components/Link/Link.stories.tsx index b826e22725c..412f9d8de66 100644 --- a/packages/libs/react-ui/src/components/Link/Link.stories.tsx +++ b/packages/libs/react-ui/src/components/Link/Link.stories.tsx @@ -1,7 +1,8 @@ import { SystemIcon } from '../Icon'; -import { ILinkProps, Link } from '@components/Link'; -import { Meta, StoryObj } from '@storybook/react'; +import type { ILinkProps } from '@components/Link'; +import { Link } from '@components/Link'; +import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; const meta: Meta< diff --git a/packages/libs/react-ui/src/components/Link/Link.tsx b/packages/libs/react-ui/src/components/Link/Link.tsx index 6d1b8ca66a2..458119d7797 100644 --- a/packages/libs/react-ui/src/components/Link/Link.tsx +++ b/packages/libs/react-ui/src/components/Link/Link.tsx @@ -2,7 +2,8 @@ import { SystemIcon } from '..'; import { linkContainerClass } from './Link.css'; -import React, { FC, ReactNode } from 'react'; +import type { FC, ReactNode } from 'react'; +import React from 'react'; export interface ILinkProps { href: string; diff --git a/packages/libs/react-ui/src/components/MaskedValue/MaskedValue.stories.tsx b/packages/libs/react-ui/src/components/MaskedValue/MaskedValue.stories.tsx index 10ed75b4e83..79c7b66e770 100644 --- a/packages/libs/react-ui/src/components/MaskedValue/MaskedValue.stories.tsx +++ b/packages/libs/react-ui/src/components/MaskedValue/MaskedValue.stories.tsx @@ -1,6 +1,7 @@ -import { IMaskedValueProps, MaskedValue } from './MaskedValue'; +import type { IMaskedValueProps } from './MaskedValue'; +import { MaskedValue } from './MaskedValue'; -import { Meta, StoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; const meta: Meta = { diff --git a/packages/libs/react-ui/src/components/MaskedValue/MaskedValue.tsx b/packages/libs/react-ui/src/components/MaskedValue/MaskedValue.tsx index f1d0da27bc3..57c23531155 100644 --- a/packages/libs/react-ui/src/components/MaskedValue/MaskedValue.tsx +++ b/packages/libs/react-ui/src/components/MaskedValue/MaskedValue.tsx @@ -6,7 +6,8 @@ import { } from './MaskedValue.css'; import { SystemIcon } from '@components/Icon'; -import React, { FC, useState } from 'react'; +import type { FC } from 'react'; +import React, { useState } from 'react'; export interface IMaskedValueProps { title?: string; diff --git a/packages/libs/react-ui/src/components/Modal/Modal.stories.tsx b/packages/libs/react-ui/src/components/Modal/Modal.stories.tsx index 976d2ccdac7..8e391caf9a0 100644 --- a/packages/libs/react-ui/src/components/Modal/Modal.stories.tsx +++ b/packages/libs/react-ui/src/components/Modal/Modal.stories.tsx @@ -1,6 +1,7 @@ import { Content } from './StoryComponents'; -import { IModalProps, ModalProvider } from '@components/Modal'; +import type { IModalProps } from '@components/Modal'; +import { ModalProvider } from '@components/Modal'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/Modal/Modal.tsx b/packages/libs/react-ui/src/components/Modal/Modal.tsx index e6b74c7e173..29ba5da40bc 100644 --- a/packages/libs/react-ui/src/components/Modal/Modal.tsx +++ b/packages/libs/react-ui/src/components/Modal/Modal.tsx @@ -11,7 +11,8 @@ import { Card } from '@components/Card'; import { SystemIcon } from '@components/Icon'; import { Heading } from '@components/Typography/Heading/Heading'; import FocusTrap from 'focus-trap-react'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IModalProps { children: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/Modal/ModalProvider.tsx b/packages/libs/react-ui/src/components/Modal/ModalProvider.tsx index 4b33c040074..722e5b1ce89 100644 --- a/packages/libs/react-ui/src/components/Modal/ModalProvider.tsx +++ b/packages/libs/react-ui/src/components/Modal/ModalProvider.tsx @@ -1,10 +1,9 @@ import { Modal } from './Modal'; import { openModal } from './Modal.css'; +import type { FC, ReactNode } from 'react'; import React, { createContext, - FC, - ReactNode, useCallback, useContext, useEffect, diff --git a/packages/libs/react-ui/src/components/Modal/StoryComponents.tsx b/packages/libs/react-ui/src/components/Modal/StoryComponents.tsx index 3696055ae4e..9db7ef1a5b1 100644 --- a/packages/libs/react-ui/src/components/Modal/StoryComponents.tsx +++ b/packages/libs/react-ui/src/components/Modal/StoryComponents.tsx @@ -2,7 +2,8 @@ import { useModal } from './ModalProvider'; import { Button } from '@components/Button'; import { Text } from '@components/Typography/Text/Text'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; const ModalContent: FC = () => { return ( diff --git a/packages/libs/react-ui/src/components/NavFooter/NavFooter.stories.tsx b/packages/libs/react-ui/src/components/NavFooter/NavFooter.stories.tsx index 1ceb7fedb13..4f052f101b4 100644 --- a/packages/libs/react-ui/src/components/NavFooter/NavFooter.stories.tsx +++ b/packages/libs/react-ui/src/components/NavFooter/NavFooter.stories.tsx @@ -1,7 +1,7 @@ -import { Target } from './NavFooterLink'; +import type { Target } from './NavFooterLink'; import { SystemIcon } from '@components/Icon'; -import { IconType } from '@components/Icon/IconWrapper'; +import type { IconType } from '@components/Icon/IconWrapper'; import { NavFooter } from '@components/NavFooter'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/NavFooter/NavFooter.test.tsx b/packages/libs/react-ui/src/components/NavFooter/NavFooter.test.tsx index c8dd2f478de..f2a427ced05 100644 --- a/packages/libs/react-ui/src/components/NavFooter/NavFooter.test.tsx +++ b/packages/libs/react-ui/src/components/NavFooter/NavFooter.test.tsx @@ -1,7 +1,8 @@ import { SystemIcon } from '@components/Icon'; import { NavFooter } from '@components/NavFooter'; import { render } from '@testing-library/react'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; const menuLinks: { label: string; href?: string }[] = [ { diff --git a/packages/libs/react-ui/src/components/NavFooter/NavFooter.tsx b/packages/libs/react-ui/src/components/NavFooter/NavFooter.tsx index 5eec6d33eda..ded0b4f1fc0 100644 --- a/packages/libs/react-ui/src/components/NavFooter/NavFooter.tsx +++ b/packages/libs/react-ui/src/components/NavFooter/NavFooter.tsx @@ -1,8 +1,9 @@ import { containerClass } from './NavFooter.css'; -import { INavFooterPanelProps } from './NavFooterPanel'; +import type { INavFooterPanelProps } from './NavFooterPanel'; import { darkThemeClass } from '@theme/vars.css'; -import React, { FC, FunctionComponentElement } from 'react'; +import type { FC, FunctionComponentElement } from 'react'; +import React from 'react'; export interface INavFooterRootProps { children: FunctionComponentElement[]; diff --git a/packages/libs/react-ui/src/components/NavFooter/NavFooterIconButton.tsx b/packages/libs/react-ui/src/components/NavFooter/NavFooterIconButton.tsx index df965b5133d..35e51a262ac 100644 --- a/packages/libs/react-ui/src/components/NavFooter/NavFooterIconButton.tsx +++ b/packages/libs/react-ui/src/components/NavFooter/NavFooterIconButton.tsx @@ -2,7 +2,8 @@ import { SystemIcon } from '..'; import { iconButtonClass, iconTextClass } from './NavFooter.css'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface INavFooterIconButtonProps extends Omit, 'color'> { diff --git a/packages/libs/react-ui/src/components/NavFooter/NavFooterLink.tsx b/packages/libs/react-ui/src/components/NavFooter/NavFooterLink.tsx index ae2df976041..2c5d8fe6050 100644 --- a/packages/libs/react-ui/src/components/NavFooter/NavFooterLink.tsx +++ b/packages/libs/react-ui/src/components/NavFooter/NavFooterLink.tsx @@ -1,7 +1,8 @@ import { linkBoxClass, linkClass } from './NavFooter.css'; import classNames from 'classnames'; -import React, { FC, HTMLAttributeAnchorTarget } from 'react'; +import type { FC, HTMLAttributeAnchorTarget } from 'react'; +import React from 'react'; export type Target = '_self' | '_blank'; export interface INavFooterLinkProps { diff --git a/packages/libs/react-ui/src/components/NavFooter/NavFooterPanel.tsx b/packages/libs/react-ui/src/components/NavFooter/NavFooterPanel.tsx index 77afb39fcad..f461b82a59b 100644 --- a/packages/libs/react-ui/src/components/NavFooter/NavFooterPanel.tsx +++ b/packages/libs/react-ui/src/components/NavFooter/NavFooterPanel.tsx @@ -2,7 +2,8 @@ import { footerPanel } from './NavFooter.css'; import { INavFooterIconButtonProps } from './NavFooterIconButton'; import { INavFooterLinkProps } from './NavFooterLink'; -import React, { FC, FunctionComponentElement } from 'react'; +import type { FC, FunctionComponentElement } from 'react'; +import React from 'react'; export interface INavFooterPanelProps { children: FunctionComponentElement< diff --git a/packages/libs/react-ui/src/components/NavHeader/NavHeader.tsx b/packages/libs/react-ui/src/components/NavHeader/NavHeader.tsx index 3e72af17b00..56f3b9a036a 100644 --- a/packages/libs/react-ui/src/components/NavHeader/NavHeader.tsx +++ b/packages/libs/react-ui/src/components/NavHeader/NavHeader.tsx @@ -1,11 +1,12 @@ import { containerClass, logoClass } from './NavHeader.css'; -import { INavHeaderContentProps } from './NavHeaderContent'; -import { INavHeaderNavigationProps } from './NavHeaderNavigation'; +import type { INavHeaderContentProps } from './NavHeaderContent'; +import type { INavHeaderNavigationProps } from './NavHeaderNavigation'; import type { LogoVariant } from '@components/BrandLogo'; import Logo, { logoVariants } from '@components/BrandLogo'; import { Link } from '@components/Link'; -import React, { FC, FunctionComponentElement } from 'react'; +import type { FC, FunctionComponentElement } from 'react'; +import React from 'react'; export type INavItemTarget = '_self' | '_blank'; export interface INavItem { diff --git a/packages/libs/react-ui/src/components/NavHeader/NavHeaderContent.tsx b/packages/libs/react-ui/src/components/NavHeader/NavHeaderContent.tsx index 55e03db519f..7b59f4dae90 100644 --- a/packages/libs/react-ui/src/components/NavHeader/NavHeaderContent.tsx +++ b/packages/libs/react-ui/src/components/NavHeader/NavHeaderContent.tsx @@ -1,6 +1,7 @@ import { childrenClass } from './NavHeader.css'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface INavHeaderContentProps { children: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/NavHeader/NavHeaderLink.tsx b/packages/libs/react-ui/src/components/NavHeader/NavHeaderLink.tsx index 39104496ae1..292dd49dd84 100644 --- a/packages/libs/react-ui/src/components/NavHeader/NavHeaderLink.tsx +++ b/packages/libs/react-ui/src/components/NavHeader/NavHeaderLink.tsx @@ -1,8 +1,9 @@ import { activeLinkClass, linkClass } from './NavHeader.css'; -import { INavItem } from './NavHeaderNavigation'; +import type { INavItem } from './NavHeaderNavigation'; import classNames from 'classnames'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export const NavHeaderLink: FC = ({ active, diff --git a/packages/libs/react-ui/src/components/NavHeader/NavHeaderNavigation.tsx b/packages/libs/react-ui/src/components/NavHeader/NavHeaderNavigation.tsx index ed9e7d42d50..3ca520df2db 100644 --- a/packages/libs/react-ui/src/components/NavHeader/NavHeaderNavigation.tsx +++ b/packages/libs/react-ui/src/components/NavHeader/NavHeaderNavigation.tsx @@ -9,11 +9,12 @@ import { import useGlow from './useGlow'; import classNames from 'classnames'; -import React, { +import type { FC, FunctionComponentElement, HTMLAttributeAnchorTarget, } from 'react'; +import React from 'react'; export interface INavItem { active?: boolean; diff --git a/packages/libs/react-ui/src/components/NavHeader/assets/glow.tsx b/packages/libs/react-ui/src/components/NavHeader/assets/glow.tsx index b07b9255ae8..74edf360491 100644 --- a/packages/libs/react-ui/src/components/NavHeader/assets/glow.tsx +++ b/packages/libs/react-ui/src/components/NavHeader/assets/glow.tsx @@ -1,5 +1,5 @@ +import type { SVGProps } from 'react'; import * as React from 'react'; -import { SVGProps } from 'react'; export const NavGlow: React.FC> = () => ( = { diff --git a/packages/libs/react-ui/src/components/Notification/Notification.stories.tsx b/packages/libs/react-ui/src/components/Notification/Notification.stories.tsx index a6569a167bd..be97394ed8c 100644 --- a/packages/libs/react-ui/src/components/Notification/Notification.stories.tsx +++ b/packages/libs/react-ui/src/components/Notification/Notification.stories.tsx @@ -1,7 +1,8 @@ import { cardColorVariants } from './Notification.css'; import { SystemIcon } from '@components/Icon'; -import { INotificationProps, Notification } from '@components/Notification'; +import type { INotificationProps } from '@components/Notification'; +import { Notification } from '@components/Notification'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/Notification/NotificationActions.tsx b/packages/libs/react-ui/src/components/Notification/NotificationActions.tsx index db328f231f4..6bfc8d2ca04 100644 --- a/packages/libs/react-ui/src/components/Notification/NotificationActions.tsx +++ b/packages/libs/react-ui/src/components/Notification/NotificationActions.tsx @@ -1,6 +1,7 @@ import { actionsContainerClass } from './Notification.css'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface INotificationActionsProps { children: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/Notification/NotificationButton.tsx b/packages/libs/react-ui/src/components/Notification/NotificationButton.tsx index 07ded46232a..ccee82844c3 100644 --- a/packages/libs/react-ui/src/components/Notification/NotificationButton.tsx +++ b/packages/libs/react-ui/src/components/Notification/NotificationButton.tsx @@ -1,7 +1,8 @@ import { actionButtonColorVariants } from './Notification.css'; import { SystemIcon } from '@components/Icon'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface INotificationButtonProps { icon: (typeof SystemIcon)[keyof typeof SystemIcon]; diff --git a/packages/libs/react-ui/src/components/Notification/NotificationContainer.tsx b/packages/libs/react-ui/src/components/Notification/NotificationContainer.tsx index 62310a15de5..85828bb850a 100644 --- a/packages/libs/react-ui/src/components/Notification/NotificationContainer.tsx +++ b/packages/libs/react-ui/src/components/Notification/NotificationContainer.tsx @@ -9,7 +9,8 @@ import { import { SystemIcon } from '@components/Icon'; import classNames from 'classnames'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface INotificationProps { icon?: (typeof SystemIcon)[keyof typeof SystemIcon]; diff --git a/packages/libs/react-ui/src/components/Notification/index.ts b/packages/libs/react-ui/src/components/Notification/index.ts index 7245072cf95..c37fd314ad6 100644 --- a/packages/libs/react-ui/src/components/Notification/index.ts +++ b/packages/libs/react-ui/src/components/Notification/index.ts @@ -5,7 +5,7 @@ import { NotificationButton } from './NotificationButton'; import type { INotificationProps } from './NotificationContainer'; import { NotificationContainer } from './NotificationContainer'; -import { FC } from 'react'; +import type { FC } from 'react'; export type { INotificationProps, diff --git a/packages/libs/react-ui/src/components/Pagination/PageNav.tsx b/packages/libs/react-ui/src/components/Pagination/PageNav.tsx index aa927ffe902..f3709ea89af 100644 --- a/packages/libs/react-ui/src/components/Pagination/PageNav.tsx +++ b/packages/libs/react-ui/src/components/Pagination/PageNav.tsx @@ -1,8 +1,8 @@ import { pageNavButtonClass, pageNavLabelClass } from './Pagination.css'; -import { Box } from '@components/Box'; import { SystemIcon } from '@components/Icon'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; interface IPageNavProps { label: string; diff --git a/packages/libs/react-ui/src/components/Pagination/PageNum.tsx b/packages/libs/react-ui/src/components/Pagination/PageNum.tsx index e3860044ddb..1d2e9938f12 100644 --- a/packages/libs/react-ui/src/components/Pagination/PageNum.tsx +++ b/packages/libs/react-ui/src/components/Pagination/PageNum.tsx @@ -1,7 +1,8 @@ import { pageNumButtonClass } from './Pagination.css'; import classNames from 'classnames'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; interface IPageNumProps { number: number; diff --git a/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx b/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx index 494f230f09e..02216d2e404 100644 --- a/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx +++ b/packages/libs/react-ui/src/components/Pagination/Pagination.stories.tsx @@ -1,5 +1,6 @@ import { SystemIcon } from '@components/Icon'; -import { IPaginationProps, Pagination } from '@components/Pagination'; +import type { IPaginationProps } from '@components/Pagination'; +import { Pagination } from '@components/Pagination'; import { Stack } from '@components/Stack'; import { Heading } from '@components/Typography'; import type { Meta, StoryObj } from '@storybook/react'; diff --git a/packages/libs/react-ui/src/components/Pagination/Pagination.tsx b/packages/libs/react-ui/src/components/Pagination/Pagination.tsx index ea2c340d904..612d9b460e8 100644 --- a/packages/libs/react-ui/src/components/Pagination/Pagination.tsx +++ b/packages/libs/react-ui/src/components/Pagination/Pagination.tsx @@ -3,7 +3,8 @@ import { PageNum } from './PageNum'; import { paginate } from './paginate'; import { listClass } from './Pagination.css'; -import React, { FC, useState } from 'react'; +import type { FC } from 'react'; +import React, { useState } from 'react'; export interface IPaginationProps { totalPages: number; @@ -30,7 +31,7 @@ export const Pagination: FC = ({ const enablePrevious = page > 1; const enableNext = page < totalPages; - const onClick = (page: number) => { + const onClick = (page: number): void => { setPage(page); onPageChange(page); }; diff --git a/packages/libs/react-ui/src/components/ProfileCard/ProfileCard.stories.tsx b/packages/libs/react-ui/src/components/ProfileCard/ProfileCard.stories.tsx index 0acfed8f744..a39117030aa 100644 --- a/packages/libs/react-ui/src/components/ProfileCard/ProfileCard.stories.tsx +++ b/packages/libs/react-ui/src/components/ProfileCard/ProfileCard.stories.tsx @@ -1,5 +1,6 @@ import { Grid } from '@components/Grid'; -import { IProfileCardProps, ProfileCard } from '@components/ProfileCard'; +import type { IProfileCardProps } from '@components/ProfileCard'; +import { ProfileCard } from '@components/ProfileCard'; import { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/ProfileCard/ProfileCard.tsx b/packages/libs/react-ui/src/components/ProfileCard/ProfileCard.tsx index 583cf3a16e8..4dd12a13e7b 100644 --- a/packages/libs/react-ui/src/components/ProfileCard/ProfileCard.tsx +++ b/packages/libs/react-ui/src/components/ProfileCard/ProfileCard.tsx @@ -11,7 +11,8 @@ import { import { Grid } from '@components/Grid'; import { Tag } from '@components/Tag'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export default {}; export interface IProfileCardProps { diff --git a/packages/libs/react-ui/src/components/ProfileCard/index.ts b/packages/libs/react-ui/src/components/ProfileCard/index.ts index 6d091e05db9..5debf0ba5ba 100644 --- a/packages/libs/react-ui/src/components/ProfileCard/index.ts +++ b/packages/libs/react-ui/src/components/ProfileCard/index.ts @@ -1,4 +1,2 @@ -import type { IProfileCardProps } from './ProfileCard'; -import { ProfileCard } from './ProfileCard'; - -export { IProfileCardProps, ProfileCard }; +export type { IProfileCardProps } from './ProfileCard'; +export { ProfileCard } from './ProfileCard'; diff --git a/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.stories.tsx b/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.stories.tsx index 4f11ad83187..62b9c9ab31d 100644 --- a/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.stories.tsx +++ b/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.stories.tsx @@ -1,4 +1,5 @@ -import { ICheckpoint, IProgressBarProps, ProgressBar } from './ProgressBar'; +import type { ICheckpoint, IProgressBarProps } from './ProgressBar'; +import { ProgressBar } from './ProgressBar'; import { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.test.tsx b/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.test.tsx index 68d3ffac01a..69123fa7b51 100644 --- a/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.test.tsx +++ b/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.test.tsx @@ -1,4 +1,5 @@ -import { ICheckpoint, ProgressBar } from './ProgressBar'; +import type { ICheckpoint } from './ProgressBar'; +import { ProgressBar } from './ProgressBar'; import { render, screen } from '@testing-library/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.tsx b/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.tsx index 52150780ced..d1ae5701bd6 100644 --- a/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.tsx +++ b/packages/libs/react-ui/src/components/ProgressBar/ProgressBar.tsx @@ -11,7 +11,8 @@ import { } from './ProgressBar.css'; import classNames from 'classnames'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IProgressBarProps { checkpoints: ICheckpoint[]; diff --git a/packages/libs/react-ui/src/components/Select/Option.tsx b/packages/libs/react-ui/src/components/Select/Option.tsx index 603642ab5d0..db2f026210f 100644 --- a/packages/libs/react-ui/src/components/Select/Option.tsx +++ b/packages/libs/react-ui/src/components/Select/Option.tsx @@ -1,6 +1,7 @@ import { optionClass } from './Select.css'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IOptionProps extends Omit, 'as'> { diff --git a/packages/libs/react-ui/src/components/Select/Select.stories.tsx b/packages/libs/react-ui/src/components/Select/Select.stories.tsx index 2bfe4c6ebfd..1cb7dc553b4 100644 --- a/packages/libs/react-ui/src/components/Select/Select.stories.tsx +++ b/packages/libs/react-ui/src/components/Select/Select.stories.tsx @@ -1,5 +1,6 @@ import { Option } from './Option'; -import { ISelectProps, Select } from './Select'; +import type { ISelectProps } from './Select'; +import { Select } from './Select'; import { SystemIcon } from '@components/Icon'; import type { Meta, StoryObj } from '@storybook/react'; diff --git a/packages/libs/react-ui/src/components/Select/Select.tsx b/packages/libs/react-ui/src/components/Select/Select.tsx index bb73b07bb5a..b69b8e00b95 100644 --- a/packages/libs/react-ui/src/components/Select/Select.tsx +++ b/packages/libs/react-ui/src/components/Select/Select.tsx @@ -8,7 +8,8 @@ import { import { SystemIcon } from '@components/Icon'; import classNames from 'classnames'; -import React, { FC, forwardRef } from 'react'; +import type { FC } from 'react'; +import React, { forwardRef } from 'react'; export interface ISelectProps extends Omit< diff --git a/packages/libs/react-ui/src/components/Stack/Stack.stories.tsx b/packages/libs/react-ui/src/components/Stack/Stack.stories.tsx index b1dcd176b99..10894ff605c 100644 --- a/packages/libs/react-ui/src/components/Stack/Stack.stories.tsx +++ b/packages/libs/react-ui/src/components/Stack/Stack.stories.tsx @@ -2,7 +2,7 @@ import { itemClass, itemSizeClass } from './stories.css'; import { Stack } from '@components/Stack'; import type { Meta, StoryObj } from '@storybook/react'; -import { Sprinkles } from '@theme/sprinkles.css'; +import type { Sprinkles } from '@theme/sprinkles.css'; import { vars } from '@theme/vars.css'; import className from 'classnames'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/Stack/Stack.tsx b/packages/libs/react-ui/src/components/Stack/Stack.tsx index 9f289da7ae8..8a90f6232c0 100644 --- a/packages/libs/react-ui/src/components/Stack/Stack.tsx +++ b/packages/libs/react-ui/src/components/Stack/Stack.tsx @@ -1,5 +1,7 @@ -import { Sprinkles, sprinkles } from '@theme/sprinkles.css'; -import React, { createElement, ElementType } from 'react'; +import type { Sprinkles } from '@theme/sprinkles.css'; +import { sprinkles } from '@theme/sprinkles.css'; +import type { ElementType } from 'react'; +import React, { createElement } from 'react'; export interface IStackProps extends Pick< diff --git a/packages/libs/react-ui/src/components/Table/TBody.tsx b/packages/libs/react-ui/src/components/Table/TBody.tsx index 40d68096912..109008eec35 100644 --- a/packages/libs/react-ui/src/components/Table/TBody.tsx +++ b/packages/libs/react-ui/src/components/Table/TBody.tsx @@ -1,7 +1,8 @@ import { Tr } from './Tr'; -import { CompoundType } from './types'; +import type { CompoundType } from './types'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface ITBodyProps { children?: CompoundType; diff --git a/packages/libs/react-ui/src/components/Table/THead.tsx b/packages/libs/react-ui/src/components/Table/THead.tsx index 25248b20827..c819f806f17 100644 --- a/packages/libs/react-ui/src/components/Table/THead.tsx +++ b/packages/libs/react-ui/src/components/Table/THead.tsx @@ -1,7 +1,8 @@ import { Tr } from './Tr'; -import { CompoundType } from './types'; +import type { CompoundType } from './types'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface ITHeadProps { children?: CompoundType; diff --git a/packages/libs/react-ui/src/components/Table/Table.stories.tsx b/packages/libs/react-ui/src/components/Table/Table.stories.tsx index 8b72c15cdbc..83bb31283d6 100644 --- a/packages/libs/react-ui/src/components/Table/Table.stories.tsx +++ b/packages/libs/react-ui/src/components/Table/Table.stories.tsx @@ -1,4 +1,5 @@ -import { ITableProps, Table } from '@components/Table'; +import type { ITableProps } from '@components/Table'; +import { Table } from '@components/Table'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/Table/Table.tsx b/packages/libs/react-ui/src/components/Table/Table.tsx index d1d864e8bcd..c9d62eec2ff 100644 --- a/packages/libs/react-ui/src/components/Table/Table.tsx +++ b/packages/libs/react-ui/src/components/Table/Table.tsx @@ -1,10 +1,11 @@ import { tableClass } from './Table.css'; import { TBody } from './TBody'; import { THead } from './THead'; -import { CompoundType } from './types'; +import type { CompoundType } from './types'; import classNames from 'classnames'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface ITableProps { children?: CompoundType | CompoundType; diff --git a/packages/libs/react-ui/src/components/Table/Td.tsx b/packages/libs/react-ui/src/components/Table/Td.tsx index 2eb5856099d..35b9c2ee2e9 100644 --- a/packages/libs/react-ui/src/components/Table/Td.tsx +++ b/packages/libs/react-ui/src/components/Table/Td.tsx @@ -1,6 +1,7 @@ import { tdClass } from './Table.css'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface ITdProps { children?: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/Table/Th.tsx b/packages/libs/react-ui/src/components/Table/Th.tsx index 8965b10a43a..7c8b8ed0f70 100644 --- a/packages/libs/react-ui/src/components/Table/Th.tsx +++ b/packages/libs/react-ui/src/components/Table/Th.tsx @@ -1,6 +1,7 @@ import { thClass } from './Table.css'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IThProps { children?: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/Table/Tr.tsx b/packages/libs/react-ui/src/components/Table/Tr.tsx index 3e9702ae104..767a7fb0692 100644 --- a/packages/libs/react-ui/src/components/Table/Tr.tsx +++ b/packages/libs/react-ui/src/components/Table/Tr.tsx @@ -1,11 +1,12 @@ import { linkButtonClass, trClass } from './Table.css'; import { Td } from './Td'; import { Th } from './Th'; -import { CompoundType } from './types'; +import type { CompoundType } from './types'; import { SystemIcon } from '@components/Icon'; import { IconButton } from '@components/IconButton'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface ITrProps { children?: CompoundType | CompoundType; diff --git a/packages/libs/react-ui/src/components/Table/index.ts b/packages/libs/react-ui/src/components/Table/index.ts index 42655335617..f6d8cb153ae 100644 --- a/packages/libs/react-ui/src/components/Table/index.ts +++ b/packages/libs/react-ui/src/components/Table/index.ts @@ -11,7 +11,7 @@ import { THead } from './THead'; import type { ITrProps } from './Tr'; import { Tr } from './Tr'; -import { FC } from 'react'; +import type { FC } from 'react'; export type { ITableProps, diff --git a/packages/libs/react-ui/src/components/Table/types.ts b/packages/libs/react-ui/src/components/Table/types.ts index b822c2cc692..fc771eca051 100644 --- a/packages/libs/react-ui/src/components/Table/types.ts +++ b/packages/libs/react-ui/src/components/Table/types.ts @@ -1,4 +1,4 @@ -import { FunctionComponentElement } from 'react'; +import type { FunctionComponentElement } from 'react'; export type CompoundType = | FunctionComponentElement diff --git a/packages/libs/react-ui/src/components/Tabs/Tab.tsx b/packages/libs/react-ui/src/components/Tabs/Tab.tsx index 73b225cd1b1..c863d710775 100644 --- a/packages/libs/react-ui/src/components/Tabs/Tab.tsx +++ b/packages/libs/react-ui/src/components/Tabs/Tab.tsx @@ -1,7 +1,8 @@ import { selectedClass, tabClass } from './Tabs.css'; import classNames from 'classnames'; -import React, { FC, ReactNode } from 'react'; +import type { FC, ReactNode } from 'react'; +import React from 'react'; export interface ITabProps { children: ReactNode; diff --git a/packages/libs/react-ui/src/components/Tabs/TabContent.tsx b/packages/libs/react-ui/src/components/Tabs/TabContent.tsx index dad9968a71d..bfd4113b267 100644 --- a/packages/libs/react-ui/src/components/Tabs/TabContent.tsx +++ b/packages/libs/react-ui/src/components/Tabs/TabContent.tsx @@ -1,4 +1,5 @@ -import React, { FC, ReactNode } from 'react'; +import type { FC, ReactNode } from 'react'; +import React from 'react'; export interface ITabContentProps { children: ReactNode; diff --git a/packages/libs/react-ui/src/components/Tabs/Tabs.stories.tsx b/packages/libs/react-ui/src/components/Tabs/Tabs.stories.tsx index 53322f4bb66..df281dcd28d 100644 --- a/packages/libs/react-ui/src/components/Tabs/Tabs.stories.tsx +++ b/packages/libs/react-ui/src/components/Tabs/Tabs.stories.tsx @@ -1,4 +1,5 @@ -import { ITabsContainerProps, Tabs } from '@components/Tabs'; +import type { ITabsContainerProps } from '@components/Tabs'; +import { Tabs } from '@components/Tabs'; import { Text } from '@components/Typography/Text/Text'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/Tabs/TabsContainer.tsx b/packages/libs/react-ui/src/components/Tabs/TabsContainer.tsx index 68840524e52..c54e82ba3a7 100644 --- a/packages/libs/react-ui/src/components/Tabs/TabsContainer.tsx +++ b/packages/libs/react-ui/src/components/Tabs/TabsContainer.tsx @@ -2,7 +2,8 @@ import { Tab } from './Tab'; import { TabContent } from './TabContent'; import { selectorLine, tabsContainer, tabsContainerWrapper } from './Tabs.css'; -import React, { FC, ReactNode, useEffect, useRef, useState } from 'react'; +import type { FC, ReactNode } from 'react'; +import React, { useEffect, useRef, useState } from 'react'; export interface ITabsContainerProps { children?: ReactNode; diff --git a/packages/libs/react-ui/src/components/Tabs/index.ts b/packages/libs/react-ui/src/components/Tabs/index.ts index a82f79b6f71..defaede0a58 100644 --- a/packages/libs/react-ui/src/components/Tabs/index.ts +++ b/packages/libs/react-ui/src/components/Tabs/index.ts @@ -5,7 +5,7 @@ import { TabContent } from './TabContent'; import type { ITabsContainerProps } from './TabsContainer'; import { TabsContainer } from './TabsContainer'; -import { FC } from 'react'; +import type { FC } from 'react'; interface ITabs { Root: FC; diff --git a/packages/libs/react-ui/src/components/Tag/Tag.stories.tsx b/packages/libs/react-ui/src/components/Tag/Tag.stories.tsx index f7d64f6a653..118cded61c8 100644 --- a/packages/libs/react-ui/src/components/Tag/Tag.stories.tsx +++ b/packages/libs/react-ui/src/components/Tag/Tag.stories.tsx @@ -1,5 +1,6 @@ import { Button } from '@components/Button'; -import { ITagProps, Tag } from '@components/Tag'; +import type { ITagProps } from '@components/Tag'; +import { Tag } from '@components/Tag'; import type { Meta, StoryObj } from '@storybook/react'; import React, { useState } from 'react'; diff --git a/packages/libs/react-ui/src/components/Tag/Tag.tsx b/packages/libs/react-ui/src/components/Tag/Tag.tsx index 8644d793bfa..8309a5cc19d 100644 --- a/packages/libs/react-ui/src/components/Tag/Tag.tsx +++ b/packages/libs/react-ui/src/components/Tag/Tag.tsx @@ -1,7 +1,8 @@ import { closeButtonClass, tagClass, tagLabelClass } from './Tag.css'; import { SystemIcon } from '@components/Icon'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface ITagProps { children: string; diff --git a/packages/libs/react-ui/src/components/TextField/TextField.stories.tsx b/packages/libs/react-ui/src/components/TextField/TextField.stories.tsx index aeeaa950e19..be286f32c73 100644 --- a/packages/libs/react-ui/src/components/TextField/TextField.stories.tsx +++ b/packages/libs/react-ui/src/components/TextField/TextField.stories.tsx @@ -1,7 +1,8 @@ import { SystemIcon } from '@components/Icon'; -import { IInputProps } from '@components/Input'; +import type { IInputProps } from '@components/Input'; import { statusVariant } from '@components/InputWrapper/InputWrapper.css'; -import { ITextFieldProps, TextField } from '@components/TextField'; +import type { ITextFieldProps } from '@components/TextField'; +import { TextField } from '@components/TextField'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/TextField/TextField.tsx b/packages/libs/react-ui/src/components/TextField/TextField.tsx index ab6c329d38e..75b19d4be35 100644 --- a/packages/libs/react-ui/src/components/TextField/TextField.tsx +++ b/packages/libs/react-ui/src/components/TextField/TextField.tsx @@ -1,6 +1,9 @@ -import { IInputProps, Input } from '@components/Input'; -import { IInputWrapperProps, InputWrapper } from '@components/InputWrapper'; -import React, { FC } from 'react'; +import type { IInputProps } from '@components/Input'; +import { Input } from '@components/Input'; +import type { IInputWrapperProps } from '@components/InputWrapper'; +import { InputWrapper } from '@components/InputWrapper'; +import type { FC } from 'react'; +import React from 'react'; export interface ITextFieldProps extends Omit { diff --git a/packages/libs/react-ui/src/components/Tooltip/Tooltip.stories.tsx b/packages/libs/react-ui/src/components/Tooltip/Tooltip.stories.tsx index f894b8dd612..2adc0e273d7 100644 --- a/packages/libs/react-ui/src/components/Tooltip/Tooltip.stories.tsx +++ b/packages/libs/react-ui/src/components/Tooltip/Tooltip.stories.tsx @@ -1,5 +1,6 @@ +import type { ITooltipProps } from './'; import { container } from './stories.css'; -import { ITooltipProps, Tooltip } from './'; +import { Tooltip } from './'; import { SystemIcon } from '@components/Icon'; import { IconButton } from '@components/IconButton'; diff --git a/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.stories.tsx b/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.stories.tsx index 1555ba3b855..5ae8447f9ae 100644 --- a/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.stories.tsx +++ b/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.stories.tsx @@ -1,9 +1,10 @@ import { ProductIcon } from '../Icon'; -import { ILabelValue, ITrackerCardProps, TrackerCard } from './TrackerCard'; +import type { ILabelValue, ITrackerCardProps } from './TrackerCard'; +import { TrackerCard } from './TrackerCard'; import { layoutVariant } from './TrackerCard.css'; -import { Meta, StoryObj } from '@storybook/react'; +import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; const meta: Meta<{ selectIcon: keyof typeof ProductIcon } & ITrackerCardProps> = diff --git a/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.test.tsx b/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.test.tsx index 1848bcc5bd1..da18f9a04ad 100644 --- a/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.test.tsx +++ b/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.test.tsx @@ -1,4 +1,5 @@ -import { ILabelValue, TrackerCard } from './TrackerCard'; +import type { ILabelValue } from './TrackerCard'; +import { TrackerCard } from './TrackerCard'; import { ProductIcon } from '@components/Icon'; import { render, screen } from '@testing-library/react'; diff --git a/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.tsx b/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.tsx index 613be557922..dc389cd6af6 100644 --- a/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.tsx +++ b/packages/libs/react-ui/src/components/TrackerCard/TrackerCard.tsx @@ -16,7 +16,8 @@ import { } from './TrackerCard.css'; import classNames from 'classnames'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface ITrackerCardProps { labelValues: ILabelValue[]; diff --git a/packages/libs/react-ui/src/components/Tree/Tree.stories.tsx b/packages/libs/react-ui/src/components/Tree/Tree.stories.tsx index 3bd1102fec4..0097e466f74 100644 --- a/packages/libs/react-ui/src/components/Tree/Tree.stories.tsx +++ b/packages/libs/react-ui/src/components/Tree/Tree.stories.tsx @@ -1,4 +1,5 @@ -import { ITreeProps, Tree } from './'; +import type { ITreeProps } from './'; +import { Tree } from './'; import type { Meta, StoryObj } from '@storybook/react'; import React from 'react'; diff --git a/packages/libs/react-ui/src/components/Tree/Tree.tsx b/packages/libs/react-ui/src/components/Tree/Tree.tsx index baf42b54cac..2f918865e56 100644 --- a/packages/libs/react-ui/src/components/Tree/Tree.tsx +++ b/packages/libs/react-ui/src/components/Tree/Tree.tsx @@ -1,5 +1,6 @@ import { TreeItem } from '@components/Tree/TreeItems'; -import React, { FC, useState } from 'react'; +import type { FC } from 'react'; +import React, { useState } from 'react'; export interface ITreeProps { title?: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/Tree/TreeItems.tsx b/packages/libs/react-ui/src/components/Tree/TreeItems.tsx index bd12eb64ced..e71398a07d4 100644 --- a/packages/libs/react-ui/src/components/Tree/TreeItems.tsx +++ b/packages/libs/react-ui/src/components/Tree/TreeItems.tsx @@ -10,7 +10,8 @@ import { import { SystemIcon } from '@components/Icon'; import classNames from 'classnames'; -import React, { FC, useState } from 'react'; +import type { FC } from 'react'; +import React, { useState } from 'react'; export interface ITreeItemProps { title?: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/Typography/GradientText/GradientText.tsx b/packages/libs/react-ui/src/components/Typography/GradientText/GradientText.tsx index 229364a951e..3cf4b2db677 100644 --- a/packages/libs/react-ui/src/components/Typography/GradientText/GradientText.tsx +++ b/packages/libs/react-ui/src/components/Typography/GradientText/GradientText.tsx @@ -1,6 +1,7 @@ import { gradientTextClass } from './GradientText.css'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IGradientTextProps { children: React.ReactNode; diff --git a/packages/libs/react-ui/src/components/Typography/Heading/Heading.tsx b/packages/libs/react-ui/src/components/Typography/Heading/Heading.tsx index 88403e2e0d8..6a7614d506e 100644 --- a/packages/libs/react-ui/src/components/Typography/Heading/Heading.tsx +++ b/packages/libs/react-ui/src/components/Typography/Heading/Heading.tsx @@ -6,7 +6,8 @@ import { import { elementVariants, heading } from './Heading.css'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface IHeadingProps { as?: keyof typeof elementVariants; diff --git a/packages/libs/react-ui/src/components/Typography/Label/Label.tsx b/packages/libs/react-ui/src/components/Typography/Label/Label.tsx index 0c80ddd3935..89c960c8536 100644 --- a/packages/libs/react-ui/src/components/Typography/Label/Label.tsx +++ b/packages/libs/react-ui/src/components/Typography/Label/Label.tsx @@ -1,6 +1,7 @@ import { labelClass } from './Label.css'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface ILabelProps { htmlFor: string; diff --git a/packages/libs/react-ui/src/components/Typography/Text/Text.tsx b/packages/libs/react-ui/src/components/Typography/Text/Text.tsx index c90a3363529..8600ffd7a6b 100644 --- a/packages/libs/react-ui/src/components/Typography/Text/Text.tsx +++ b/packages/libs/react-ui/src/components/Typography/Text/Text.tsx @@ -8,7 +8,8 @@ import { } from './Text.css'; import cn from 'classnames'; -import React, { FC } from 'react'; +import type { FC } from 'react'; +import React from 'react'; export interface ITextProps { as?: keyof typeof elementVariant; diff --git a/packages/libs/react-ui/src/components/Typography/typography.css.ts b/packages/libs/react-ui/src/components/Typography/typography.css.ts index dd434a5bac0..878e246a15f 100644 --- a/packages/libs/react-ui/src/components/Typography/typography.css.ts +++ b/packages/libs/react-ui/src/components/Typography/typography.css.ts @@ -1,5 +1,5 @@ import { sprinkles } from '@theme/sprinkles.css'; -import { ComplexStyleRule } from '@vanilla-extract/css'; +import type { ComplexStyleRule } from '@vanilla-extract/css'; export const fontVariants: Record = { main: [sprinkles({ fontFamily: '$main' })], diff --git a/packages/libs/react-ui/src/components/index.ts b/packages/libs/react-ui/src/components/index.ts index 02a8f1f23e6..e465f23f16f 100644 --- a/packages/libs/react-ui/src/components/index.ts +++ b/packages/libs/react-ui/src/components/index.ts @@ -12,17 +12,6 @@ export type { IInputWrapperProps, InputWrapperStatus } from './InputWrapper'; export type { ILinkProps } from './Link'; export type { IMaskedValueProps } from './MaskedValue/MaskedValue'; export type { IModalProps } from './Modal'; -export type { IOptionProps } from './Select/Option'; -export type { IPaginationProps } from './Pagination'; -export type { IProgressBarProps } from './ProgressBar'; -export type { ISelectProps } from './Select/Select'; -export type { IStackProps } from './Stack'; -export type { ITabsContainerProps, ITabProps, ITabContentProps } from './Tabs'; -export type { ITagProps } from './Tag'; -export type { ITextFieldProps } from './TextField/TextField'; -export type { ITooltipProps } from './Tooltip'; -export type { ITrackerCardProps, ILabelValue } from './TrackerCard/TrackerCard'; -export type { ITreeProps } from './Tree'; export type { INavFooterIconButtonProps, INavFooterLinkProps, @@ -39,6 +28,12 @@ export type { INotificationActionsProps, INotificationProps, } from './Notification'; +export type { IOptionProps } from './Select/Option'; +export type { IPaginationProps } from './Pagination'; +export type { IProfileCardProps } from './ProfileCard'; +export type { IProgressBarProps } from './ProgressBar'; +export type { ISelectProps } from './Select/Select'; +export type { IStackProps } from './Stack'; export type { ITableProps, ITBodyProps, @@ -47,13 +42,18 @@ export type { IThProps, ITrProps, } from './Table'; +export type { ITabsContainerProps, ITabProps, ITabContentProps } from './Tabs'; +export type { ITagProps } from './Tag'; +export type { ITextFieldProps } from './TextField/TextField'; export type { - ITextProps, - IHeadingProps, IGradientTextProps, + IHeadingProps, ILabelProps, + ITextProps, } from './Typography'; -export type { IProfileCardProps } from './ProfileCard'; +export type { ITooltipProps } from './Tooltip'; +export type { ITrackerCardProps, ILabelValue } from './TrackerCard/TrackerCard'; +export type { ITreeProps } from './Tree'; export { Accordion } from './Accordion'; export { Box } from './Box'; @@ -61,8 +61,7 @@ export { Breadcrumbs } from './Breadcrumbs'; export { Button } from './Button'; export { Card } from './Card'; export { ContentHeader } from './ContentHeader'; -export { NavFooter } from './NavFooter'; -export { NavHeader } from './NavHeader'; +export { Divider } from './Divider/Divider'; export { Grid } from './Grid'; export { IconButton } from './IconButton'; export { Input } from './Input/Input'; @@ -70,9 +69,12 @@ export { InputWrapper } from './InputWrapper'; export { Link } from './Link'; export { MaskedValue } from './MaskedValue/MaskedValue'; export { Modal, ModalProvider, useModal } from './Modal'; +export { NavFooter } from './NavFooter'; +export { NavHeader } from './NavHeader'; export { Notification } from './Notification'; export { Option } from './Select/Option'; export { Pagination } from './Pagination'; +export { ProfileCard } from './ProfileCard'; export { ProgressBar } from './ProgressBar'; export { Select } from './Select/Select'; export { Stack } from './Stack'; @@ -85,5 +87,3 @@ export { TextField } from './TextField/TextField'; export { Tooltip } from './Tooltip'; export { TrackerCard } from './TrackerCard/TrackerCard'; export { Tree } from './Tree'; -export { Divider } from './Divider/Divider'; -export { ProfileCard } from './ProfileCard';