From d58182b54f9bbbc9b98fc8f5fb1ffa3c320f4ca2 Mon Sep 17 00:00:00 2001 From: Jin Lee Date: Tue, 4 Apr 2023 15:55:41 -0700 Subject: [PATCH] refactor: use named import for clsx --- .storybook/components/TokenSpecimen/TokenSpecimen.tsx | 2 +- .storybook/pages/AlongDemo/AlongDemo.tsx | 2 +- .storybook/pages/CoursePlannerEdit/CoursePlannerEdit.tsx | 2 +- .storybook/pages/CoursePlannerEdit/ProjectCard/ProjectCard.tsx | 2 +- .storybook/pages/CoursePlannerStep1/CoursePlannerStep1.tsx | 2 +- .storybook/pages/StudentRefinement/StudentRefinement.tsx | 2 +- .storybook/pages/WireframeDemo/WireframeDemo.tsx | 2 +- .../recipes/ButtonActionCalloutCard/ButtonActionCalloutCard.tsx | 2 +- .storybook/recipes/CalendarCard/CalendarCard.tsx | 2 +- .../recipes/CardWithNotification/CardWithNotification.tsx | 2 +- .storybook/recipes/NumberIconList/NumberIconList.tsx | 2 +- .storybook/recipes/PageShell/PageShell.tsx | 2 +- .storybook/recipes/PrimaryNav/PrimaryNav.tsx | 2 +- plop-templates/Component/Component.tsx.hbs | 2 +- plop-templates/Recipe/Recipe.tsx.hbs | 2 +- src/components/Accordion/Accordion.tsx | 2 +- src/components/Avatar/Avatar.tsx | 2 +- src/components/Badge/Badge.tsx | 2 +- src/components/Banner/Banner.tsx | 2 +- src/components/Breadcrumbs/Breadcrumbs.tsx | 2 +- src/components/BreadcrumbsItem/BreadcrumbsItem.tsx | 2 +- src/components/Button/Button.tsx | 2 +- src/components/ButtonDropdown/ButtonDropdown.tsx | 2 +- src/components/ButtonGroup/ButtonGroup.tsx | 2 +- src/components/Card/Card.tsx | 2 +- src/components/CardBody/CardBody.tsx | 2 +- src/components/CardFooter/CardFooter.tsx | 2 +- src/components/CardHeader/CardHeader.tsx | 2 +- src/components/Checkbox/Checkbox.tsx | 2 +- src/components/CheckboxInput/CheckboxInput.tsx | 2 +- src/components/CheckboxLabel/CheckboxLabel.tsx | 2 +- src/components/ClickableStyle/ClickableStyle.tsx | 2 +- src/components/DataBar/DataBar.tsx | 2 +- src/components/DataBarSegment/DataBarSegment.tsx | 2 +- src/components/DragDrop/DragDrop.tsx | 2 +- src/components/DragDropContainer/DragDropContainer.tsx | 2 +- src/components/DragDropItem/DragDropItem.tsx | 2 +- src/components/Drawer/Drawer.tsx | 2 +- src/components/DrawerBody/DrawerBody.tsx | 2 +- src/components/DrawerFooter/DrawerFooter.tsx | 2 +- src/components/DrawerHeader/DrawerHeader.tsx | 2 +- src/components/Dropdown/Dropdown.stories.tsx | 2 +- src/components/Dropdown/Dropdown.tsx | 2 +- src/components/DropdownButton/DropdownButton.tsx | 2 +- src/components/DropdownMenu/DropdownMenu.tsx | 2 +- src/components/DropdownMenuItem/DropdownMenuItem.tsx | 2 +- src/components/FieldNote/FieldNote.tsx | 2 +- src/components/Fieldset/Fieldset.tsx | 2 +- src/components/FieldsetItems/FieldsetItems.tsx | 2 +- src/components/FieldsetLegend/FieldsetLegend.tsx | 2 +- src/components/FiltersButton/FiltersButton.tsx | 2 +- src/components/FiltersCheckboxField/FiltersCheckboxField.tsx | 2 +- src/components/FiltersDrawer/FiltersDrawer.tsx | 2 +- src/components/FiltersPopover/FiltersPopover.tsx | 2 +- src/components/Grid/Grid.tsx | 2 +- src/components/GridItem/GridItem.tsx | 2 +- src/components/Heading/Heading.tsx | 2 +- src/components/HorizontalStep/HorizontalStep.tsx | 2 +- src/components/HorizontalStepper/HorizontalStepper.tsx | 2 +- src/components/Hr/Hr.tsx | 2 +- src/components/Icon/Icon.tsx | 2 +- src/components/InlineNotification/InlineNotification.tsx | 2 +- src/components/Input/Input.tsx | 2 +- src/components/InputField/InputField.tsx | 2 +- src/components/InputLabel/InputLabel.tsx | 2 +- src/components/Label/Label.tsx | 2 +- src/components/Layout/Layout.tsx | 2 +- src/components/LayoutContainer/LayoutContainer.tsx | 2 +- .../LayoutLinelengthContainer/LayoutLinelengthContainer.tsx | 2 +- src/components/LayoutSection/LayoutSection.tsx | 2 +- src/components/Link/Link.tsx | 2 +- src/components/LoadingIndicator/LoadingIndicator.tsx | 2 +- src/components/Menu/Menu.tsx | 2 +- src/components/Modal/Modal.stories.tsx | 2 +- src/components/Modal/Modal.tsx | 2 +- src/components/ModalBody/ModalBody.tsx | 2 +- src/components/ModalFooter/ModalFooter.tsx | 2 +- src/components/ModalHeader/ModalHeader.tsx | 2 +- src/components/ModalStepper/ModalStepper.tsx | 2 +- src/components/NumberIcon/NumberIcon.tsx | 2 +- src/components/PageHeader/PageHeader.tsx | 2 +- src/components/PageLevelBanner/PageLevelBanner.tsx | 2 +- src/components/Panel/Panel.tsx | 2 +- src/components/Popover/Popover.tsx | 2 +- src/components/PopoverContainer/PopoverContainer.tsx | 2 +- src/components/PopoverListItem/PopoverListItem.tsx | 2 +- src/components/Radio/Radio.tsx | 2 +- src/components/RadioInput/RadioInput.tsx | 2 +- src/components/RadioLabel/RadioLabel.tsx | 2 +- src/components/Score/Score.tsx | 2 +- src/components/SearchBar/SearchBar.tsx | 2 +- src/components/SearchButton/SearchButton.tsx | 2 +- src/components/SearchField/SearchField.tsx | 2 +- src/components/Section/Section.tsx | 2 +- src/components/Select/Select.stories.tsx | 2 +- src/components/Select/Select.tsx | 2 +- src/components/Skeleton/Skeleton.tsx | 2 +- src/components/Slider/Slider.tsx | 2 +- src/components/Table/Table.tsx | 2 +- src/components/TableCell/TableCell.tsx | 2 +- src/components/TableHeaderCell/TableHeaderCell.tsx | 2 +- src/components/TableRow/TableRow.tsx | 2 +- src/components/Tabs/Tabs.tsx | 2 +- src/components/Tag/Tag.tsx | 2 +- src/components/Text/Text.stories.tsx | 2 +- src/components/Text/Text.tsx | 2 +- src/components/TextArea/TextArea.tsx | 2 +- src/components/TextareaField/TextareaField.tsx | 2 +- src/components/TimelineNav/TimelineNav.tsx | 2 +- src/components/Toast/Toast.tsx | 2 +- src/components/Toggle/Toggle.tsx | 2 +- src/components/Toolbar/Toolbar.tsx | 2 +- src/components/ToolbarItem/ToolbarItem.tsx | 2 +- src/components/Tooltip/Tooltip.stories.tsx | 2 +- src/components/Tooltip/Tooltip.tsx | 2 +- 115 files changed, 115 insertions(+), 115 deletions(-) diff --git a/.storybook/components/TokenSpecimen/TokenSpecimen.tsx b/.storybook/components/TokenSpecimen/TokenSpecimen.tsx index 09159a420..65f3460b6 100755 --- a/.storybook/components/TokenSpecimen/TokenSpecimen.tsx +++ b/.storybook/components/TokenSpecimen/TokenSpecimen.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { Component } from 'react'; import './TokenSpecimen.css'; diff --git a/.storybook/pages/AlongDemo/AlongDemo.tsx b/.storybook/pages/AlongDemo/AlongDemo.tsx index 2f7958550..4cc115119 100644 --- a/.storybook/pages/AlongDemo/AlongDemo.tsx +++ b/.storybook/pages/AlongDemo/AlongDemo.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { useId, useState } from 'react'; import { diff --git a/.storybook/pages/CoursePlannerEdit/CoursePlannerEdit.tsx b/.storybook/pages/CoursePlannerEdit/CoursePlannerEdit.tsx index 74a7a8141..040307671 100644 --- a/.storybook/pages/CoursePlannerEdit/CoursePlannerEdit.tsx +++ b/.storybook/pages/CoursePlannerEdit/CoursePlannerEdit.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { useState } from 'react'; import type { ReactNode } from 'react'; diff --git a/.storybook/pages/CoursePlannerEdit/ProjectCard/ProjectCard.tsx b/.storybook/pages/CoursePlannerEdit/ProjectCard/ProjectCard.tsx index 232c47a72..e8bf6b6ae 100644 --- a/.storybook/pages/CoursePlannerEdit/ProjectCard/ProjectCard.tsx +++ b/.storybook/pages/CoursePlannerEdit/ProjectCard/ProjectCard.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; diff --git a/.storybook/pages/CoursePlannerStep1/CoursePlannerStep1.tsx b/.storybook/pages/CoursePlannerStep1/CoursePlannerStep1.tsx index 4f9ebf0d2..bbf956185 100644 --- a/.storybook/pages/CoursePlannerStep1/CoursePlannerStep1.tsx +++ b/.storybook/pages/CoursePlannerStep1/CoursePlannerStep1.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import { diff --git a/.storybook/pages/StudentRefinement/StudentRefinement.tsx b/.storybook/pages/StudentRefinement/StudentRefinement.tsx index 16517854a..47dde6f16 100644 --- a/.storybook/pages/StudentRefinement/StudentRefinement.tsx +++ b/.storybook/pages/StudentRefinement/StudentRefinement.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import debounce from 'lodash.debounce'; import React, { useEffect, useState } from 'react'; diff --git a/.storybook/pages/WireframeDemo/WireframeDemo.tsx b/.storybook/pages/WireframeDemo/WireframeDemo.tsx index a2e6aa455..d219841b2 100644 --- a/.storybook/pages/WireframeDemo/WireframeDemo.tsx +++ b/.storybook/pages/WireframeDemo/WireframeDemo.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { useId, useState } from 'react'; import { diff --git a/.storybook/recipes/ButtonActionCalloutCard/ButtonActionCalloutCard.tsx b/.storybook/recipes/ButtonActionCalloutCard/ButtonActionCalloutCard.tsx index bfd3cb55f..52c2e821b 100644 --- a/.storybook/recipes/ButtonActionCalloutCard/ButtonActionCalloutCard.tsx +++ b/.storybook/recipes/ButtonActionCalloutCard/ButtonActionCalloutCard.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import { Card, Heading } from '../../../src'; diff --git a/.storybook/recipes/CalendarCard/CalendarCard.tsx b/.storybook/recipes/CalendarCard/CalendarCard.tsx index 3ef464724..c16dd86e8 100644 --- a/.storybook/recipes/CalendarCard/CalendarCard.tsx +++ b/.storybook/recipes/CalendarCard/CalendarCard.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; diff --git a/.storybook/recipes/CardWithNotification/CardWithNotification.tsx b/.storybook/recipes/CardWithNotification/CardWithNotification.tsx index 6b25610e4..0c301e691 100644 --- a/.storybook/recipes/CardWithNotification/CardWithNotification.tsx +++ b/.storybook/recipes/CardWithNotification/CardWithNotification.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; diff --git a/.storybook/recipes/NumberIconList/NumberIconList.tsx b/.storybook/recipes/NumberIconList/NumberIconList.tsx index 5979c79b7..828324598 100644 --- a/.storybook/recipes/NumberIconList/NumberIconList.tsx +++ b/.storybook/recipes/NumberIconList/NumberIconList.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './NumberIconList.module.css'; diff --git a/.storybook/recipes/PageShell/PageShell.tsx b/.storybook/recipes/PageShell/PageShell.tsx index b651664b0..1bc193e7a 100644 --- a/.storybook/recipes/PageShell/PageShell.tsx +++ b/.storybook/recipes/PageShell/PageShell.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import { Link, Layout, LayoutContainer, LayoutSection } from '../../../src'; diff --git a/.storybook/recipes/PrimaryNav/PrimaryNav.tsx b/.storybook/recipes/PrimaryNav/PrimaryNav.tsx index c10b67b57..1c12e20ab 100644 --- a/.storybook/recipes/PrimaryNav/PrimaryNav.tsx +++ b/.storybook/recipes/PrimaryNav/PrimaryNav.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import type { IconName } from '../../../src'; diff --git a/plop-templates/Component/Component.tsx.hbs b/plop-templates/Component/Component.tsx.hbs index d47fd28af..5bddbd1c8 100644 --- a/plop-templates/Component/Component.tsx.hbs +++ b/plop-templates/Component/Component.tsx.hbs @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import {clsx} from 'clsx'; import React from 'react'; import styles from './{{pascalCase name}}.module.css'; diff --git a/plop-templates/Recipe/Recipe.tsx.hbs b/plop-templates/Recipe/Recipe.tsx.hbs index f5e10c72f..0cce5859f 100644 --- a/plop-templates/Recipe/Recipe.tsx.hbs +++ b/plop-templates/Recipe/Recipe.tsx.hbs @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import {clsx} from 'clsx'; import React from 'react'; import styles from './{{pascalCase name}}.module.css'; diff --git a/src/components/Accordion/Accordion.tsx b/src/components/Accordion/Accordion.tsx index 04e58d16e..95f57569f 100644 --- a/src/components/Accordion/Accordion.tsx +++ b/src/components/Accordion/Accordion.tsx @@ -1,5 +1,5 @@ import { Disclosure } from '@headlessui/react'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { createContext, useContext } from 'react'; import { ENTER_KEYCODE, SPACEBAR_KEYCODE } from '../../util/keycodes'; import Button from '../Button'; diff --git a/src/components/Avatar/Avatar.tsx b/src/components/Avatar/Avatar.tsx index d3faadef6..b0a0a8942 100644 --- a/src/components/Avatar/Avatar.tsx +++ b/src/components/Avatar/Avatar.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Icon from '../Icon'; import styles from './Avatar.module.css'; diff --git a/src/components/Badge/Badge.tsx b/src/components/Badge/Badge.tsx index 86fcf946a..bddae3a26 100644 --- a/src/components/Badge/Badge.tsx +++ b/src/components/Badge/Badge.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Icon from '../Icon'; import type { IconName, IconProps } from '../Icon'; diff --git a/src/components/Banner/Banner.tsx b/src/components/Banner/Banner.tsx index 52d3e70de..e828e1128 100644 --- a/src/components/Banner/Banner.tsx +++ b/src/components/Banner/Banner.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import Button from '../Button'; diff --git a/src/components/Breadcrumbs/Breadcrumbs.tsx b/src/components/Breadcrumbs/Breadcrumbs.tsx index fe6bb0a2e..9df47e253 100644 --- a/src/components/Breadcrumbs/Breadcrumbs.tsx +++ b/src/components/Breadcrumbs/Breadcrumbs.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import debounce from 'lodash.debounce'; import React, { type ReactNode } from 'react'; import { flattenReactChildren } from '../../util/flattenReactChildren'; diff --git a/src/components/BreadcrumbsItem/BreadcrumbsItem.tsx b/src/components/BreadcrumbsItem/BreadcrumbsItem.tsx index 1b4729697..581f80d0e 100644 --- a/src/components/BreadcrumbsItem/BreadcrumbsItem.tsx +++ b/src/components/BreadcrumbsItem/BreadcrumbsItem.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import ButtonDropdown from '../ButtonDropdown'; import Icon from '../Icon'; diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx index d7cb16331..a6116ff65 100644 --- a/src/components/Button/Button.tsx +++ b/src/components/Button/Button.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React, { forwardRef } from 'react'; import ClickableStyle from '../ClickableStyle'; diff --git a/src/components/ButtonDropdown/ButtonDropdown.tsx b/src/components/ButtonDropdown/ButtonDropdown.tsx index 4ddf2f701..f081f37d2 100644 --- a/src/components/ButtonDropdown/ButtonDropdown.tsx +++ b/src/components/ButtonDropdown/ButtonDropdown.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import type { ClickableStyleProps } from '../ClickableStyle'; diff --git a/src/components/ButtonGroup/ButtonGroup.tsx b/src/components/ButtonGroup/ButtonGroup.tsx index 4a4d1f227..064923281 100644 --- a/src/components/ButtonGroup/ButtonGroup.tsx +++ b/src/components/ButtonGroup/ButtonGroup.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './ButtonGroup.module.css'; diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx index c4c4ba236..f3eed5a19 100644 --- a/src/components/Card/Card.tsx +++ b/src/components/Card/Card.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { HTMLAttributes, ReactNode } from 'react'; import React from 'react'; import CardBody from '../CardBody'; diff --git a/src/components/CardBody/CardBody.tsx b/src/components/CardBody/CardBody.tsx index ae9c5f224..276f71d98 100644 --- a/src/components/CardBody/CardBody.tsx +++ b/src/components/CardBody/CardBody.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from '../Card/Card.module.css'; diff --git a/src/components/CardFooter/CardFooter.tsx b/src/components/CardFooter/CardFooter.tsx index 823fb8261..4e4e7ee1c 100644 --- a/src/components/CardFooter/CardFooter.tsx +++ b/src/components/CardFooter/CardFooter.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from '../Card/Card.module.css'; diff --git a/src/components/CardHeader/CardHeader.tsx b/src/components/CardHeader/CardHeader.tsx index d57c2a92f..c6c70508c 100644 --- a/src/components/CardHeader/CardHeader.tsx +++ b/src/components/CardHeader/CardHeader.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from '../Card/Card.module.css'; diff --git a/src/components/Checkbox/Checkbox.tsx b/src/components/Checkbox/Checkbox.tsx index 6fc8bc7c6..8b7d76fd8 100644 --- a/src/components/Checkbox/Checkbox.tsx +++ b/src/components/Checkbox/Checkbox.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { useId } from 'react'; import type { EitherInclusive } from '../../util/utility-types'; import type { CheckboxInputProps } from '../CheckboxInput'; diff --git a/src/components/CheckboxInput/CheckboxInput.tsx b/src/components/CheckboxInput/CheckboxInput.tsx index c6bad98a6..557fa4151 100644 --- a/src/components/CheckboxInput/CheckboxInput.tsx +++ b/src/components/CheckboxInput/CheckboxInput.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import useForwardedRef from '../../util/useForwardedRef'; import styles from './CheckboxInput.module.css'; diff --git a/src/components/CheckboxLabel/CheckboxLabel.tsx b/src/components/CheckboxLabel/CheckboxLabel.tsx index 6d3df271f..e7dab3570 100644 --- a/src/components/CheckboxLabel/CheckboxLabel.tsx +++ b/src/components/CheckboxLabel/CheckboxLabel.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import type { InputLabelProps } from '../InputLabel/InputLabel'; import { InputLabel } from '../InputLabel/InputLabel'; diff --git a/src/components/ClickableStyle/ClickableStyle.tsx b/src/components/ClickableStyle/ClickableStyle.tsx index 34f0ca4be..57c2cf150 100644 --- a/src/components/ClickableStyle/ClickableStyle.tsx +++ b/src/components/ClickableStyle/ClickableStyle.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { MouseEventHandler, ReactNode } from 'react'; import React from 'react'; import styles from './ClickableStyle.module.css'; diff --git a/src/components/DataBar/DataBar.tsx b/src/components/DataBar/DataBar.tsx index 1e774e150..4692187cf 100644 --- a/src/components/DataBar/DataBar.tsx +++ b/src/components/DataBar/DataBar.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { useId } from 'react'; import DataBarSegment from '../DataBarSegment'; diff --git a/src/components/DataBarSegment/DataBarSegment.tsx b/src/components/DataBarSegment/DataBarSegment.tsx index e9e707f1e..e23bdfe2d 100644 --- a/src/components/DataBarSegment/DataBarSegment.tsx +++ b/src/components/DataBarSegment/DataBarSegment.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Tooltip from '../Tooltip'; import styles from './DataBarSegment.module.css'; diff --git a/src/components/DragDrop/DragDrop.tsx b/src/components/DragDrop/DragDrop.tsx index f3a56641a..244df32aa 100644 --- a/src/components/DragDrop/DragDrop.tsx +++ b/src/components/DragDrop/DragDrop.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { type ReactNode, useState, diff --git a/src/components/DragDropContainer/DragDropContainer.tsx b/src/components/DragDropContainer/DragDropContainer.tsx index 16e8c3e11..583d3f86e 100644 --- a/src/components/DragDropContainer/DragDropContainer.tsx +++ b/src/components/DragDropContainer/DragDropContainer.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import type { DroppableProvided } from 'react-beautiful-dnd'; diff --git a/src/components/DragDropItem/DragDropItem.tsx b/src/components/DragDropItem/DragDropItem.tsx index d1b4541e0..3a128b135 100644 --- a/src/components/DragDropItem/DragDropItem.tsx +++ b/src/components/DragDropItem/DragDropItem.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import type { DraggableProvided } from 'react-beautiful-dnd'; diff --git a/src/components/Drawer/Drawer.tsx b/src/components/Drawer/Drawer.tsx index 1d39e555f..71f1fbad9 100644 --- a/src/components/Drawer/Drawer.tsx +++ b/src/components/Drawer/Drawer.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { useCallback, useState, diff --git a/src/components/DrawerBody/DrawerBody.tsx b/src/components/DrawerBody/DrawerBody.tsx index 5aca7cdce..1ed14348a 100644 --- a/src/components/DrawerBody/DrawerBody.tsx +++ b/src/components/DrawerBody/DrawerBody.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from '../Drawer/Drawer.module.css'; diff --git a/src/components/DrawerFooter/DrawerFooter.tsx b/src/components/DrawerFooter/DrawerFooter.tsx index fc848ff7a..f8f1185a1 100644 --- a/src/components/DrawerFooter/DrawerFooter.tsx +++ b/src/components/DrawerFooter/DrawerFooter.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; diff --git a/src/components/DrawerHeader/DrawerHeader.tsx b/src/components/DrawerHeader/DrawerHeader.tsx index 6de72b4f3..2e895a7d6 100644 --- a/src/components/DrawerHeader/DrawerHeader.tsx +++ b/src/components/DrawerHeader/DrawerHeader.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { MouseEventHandler, ReactNode } from 'react'; import React from 'react'; import Button from '../../components/Button'; diff --git a/src/components/Dropdown/Dropdown.stories.tsx b/src/components/Dropdown/Dropdown.stories.tsx index 15ce024db..3e9801a01 100644 --- a/src/components/Dropdown/Dropdown.stories.tsx +++ b/src/components/Dropdown/Dropdown.stories.tsx @@ -1,7 +1,7 @@ import { BADGE } from '@geometricpanda/storybook-addon-badges'; import type { StoryObj, Meta } from '@storybook/react'; import { userEvent, within } from '@storybook/testing-library'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import type { OptionsAlignType, VariantType } from './Dropdown'; import { Dropdown } from './Dropdown'; diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx index 72be9f16b..5e9f20db0 100644 --- a/src/components/Dropdown/Dropdown.tsx +++ b/src/components/Dropdown/Dropdown.tsx @@ -1,5 +1,5 @@ import { Listbox } from '@headlessui/react'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactElement, ReactNode, ElementType } from 'react'; import React, { useContext } from 'react'; diff --git a/src/components/DropdownButton/DropdownButton.tsx b/src/components/DropdownButton/DropdownButton.tsx index 3fd02bee4..79b6f2dfb 100644 --- a/src/components/DropdownButton/DropdownButton.tsx +++ b/src/components/DropdownButton/DropdownButton.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React, { forwardRef } from 'react'; import Icon from '../Icon'; diff --git a/src/components/DropdownMenu/DropdownMenu.tsx b/src/components/DropdownMenu/DropdownMenu.tsx index 21d8e7903..5d4a690bf 100644 --- a/src/components/DropdownMenu/DropdownMenu.tsx +++ b/src/components/DropdownMenu/DropdownMenu.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode, KeyboardEvent, diff --git a/src/components/DropdownMenuItem/DropdownMenuItem.tsx b/src/components/DropdownMenuItem/DropdownMenuItem.tsx index 64adbf7d9..f3c318064 100644 --- a/src/components/DropdownMenuItem/DropdownMenuItem.tsx +++ b/src/components/DropdownMenuItem/DropdownMenuItem.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode, MouseEventHandler } from 'react'; import React, { useContext } from 'react'; import { DropdownMenuContext } from '../DropdownMenu'; diff --git a/src/components/FieldNote/FieldNote.tsx b/src/components/FieldNote/FieldNote.tsx index 0189420f5..820c9de38 100644 --- a/src/components/FieldNote/FieldNote.tsx +++ b/src/components/FieldNote/FieldNote.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import Icon from '../Icon'; diff --git a/src/components/Fieldset/Fieldset.tsx b/src/components/Fieldset/Fieldset.tsx index 5e6ea0cd7..d05344c6a 100644 --- a/src/components/Fieldset/Fieldset.tsx +++ b/src/components/Fieldset/Fieldset.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import FieldsetItems from '../FieldsetItems'; diff --git a/src/components/FieldsetItems/FieldsetItems.tsx b/src/components/FieldsetItems/FieldsetItems.tsx index eb74c66ca..24d43e5b2 100644 --- a/src/components/FieldsetItems/FieldsetItems.tsx +++ b/src/components/FieldsetItems/FieldsetItems.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react'; import React from 'react'; import styles from './FieldsetItems.module.css'; diff --git a/src/components/FieldsetLegend/FieldsetLegend.tsx b/src/components/FieldsetLegend/FieldsetLegend.tsx index 96568bd22..4e5a9e354 100644 --- a/src/components/FieldsetLegend/FieldsetLegend.tsx +++ b/src/components/FieldsetLegend/FieldsetLegend.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import styles from './FieldsetLegend.module.css'; diff --git a/src/components/FiltersButton/FiltersButton.tsx b/src/components/FiltersButton/FiltersButton.tsx index 0cce09143..f9e3b5910 100644 --- a/src/components/FiltersButton/FiltersButton.tsx +++ b/src/components/FiltersButton/FiltersButton.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { forwardRef } from 'react'; import Button, { type ButtonProps } from '../Button'; import type { VariantStatus } from '../ClickableStyle'; diff --git a/src/components/FiltersCheckboxField/FiltersCheckboxField.tsx b/src/components/FiltersCheckboxField/FiltersCheckboxField.tsx index 2a6b7ab3b..54bfd0758 100644 --- a/src/components/FiltersCheckboxField/FiltersCheckboxField.tsx +++ b/src/components/FiltersCheckboxField/FiltersCheckboxField.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Fieldset from '../Fieldset'; import FieldsetLegend from '../FieldsetLegend'; diff --git a/src/components/FiltersDrawer/FiltersDrawer.tsx b/src/components/FiltersDrawer/FiltersDrawer.tsx index 0348686ac..35c3d6d55 100644 --- a/src/components/FiltersDrawer/FiltersDrawer.tsx +++ b/src/components/FiltersDrawer/FiltersDrawer.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactElement, ReactNode } from 'react'; import React, { useEffect, useId, useRef, useState } from 'react'; import Button from '../Button'; diff --git a/src/components/FiltersPopover/FiltersPopover.tsx b/src/components/FiltersPopover/FiltersPopover.tsx index 4c2e33288..374b15c76 100644 --- a/src/components/FiltersPopover/FiltersPopover.tsx +++ b/src/components/FiltersPopover/FiltersPopover.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { type ReactNode, useEffect, useRef } from 'react'; import Button from '../Button'; import ButtonGroup from '../ButtonGroup'; diff --git a/src/components/Grid/Grid.tsx b/src/components/Grid/Grid.tsx index 7e1c54300..091facaf0 100644 --- a/src/components/Grid/Grid.tsx +++ b/src/components/Grid/Grid.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import GridItem from '../GridItem'; diff --git a/src/components/GridItem/GridItem.tsx b/src/components/GridItem/GridItem.tsx index 87af5564e..bd4729288 100644 --- a/src/components/GridItem/GridItem.tsx +++ b/src/components/GridItem/GridItem.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './GridItem.module.css'; diff --git a/src/components/Heading/Heading.tsx b/src/components/Heading/Heading.tsx index 2bee1f4f2..0adeabfe3 100644 --- a/src/components/Heading/Heading.tsx +++ b/src/components/Heading/Heading.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { forwardRef } from 'react'; import styles from './Heading.module.css'; diff --git a/src/components/HorizontalStep/HorizontalStep.tsx b/src/components/HorizontalStep/HorizontalStep.tsx index 1f48c7b42..a3c168d8a 100644 --- a/src/components/HorizontalStep/HorizontalStep.tsx +++ b/src/components/HorizontalStep/HorizontalStep.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Icon from '../Icon'; import NumberIcon from '../NumberIcon'; diff --git a/src/components/HorizontalStepper/HorizontalStepper.tsx b/src/components/HorizontalStepper/HorizontalStepper.tsx index e292820b0..b41b46745 100644 --- a/src/components/HorizontalStepper/HorizontalStepper.tsx +++ b/src/components/HorizontalStepper/HorizontalStepper.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import HorizontalStep from '../HorizontalStep'; import styles from './HorizontalStepper.module.css'; diff --git a/src/components/Hr/Hr.tsx b/src/components/Hr/Hr.tsx index d10a9e791..cb5eb528a 100644 --- a/src/components/Hr/Hr.tsx +++ b/src/components/Hr/Hr.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import styles from './Hr.module.css'; diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx index e5b6bb5ab..835d5a894 100644 --- a/src/components/Icon/Icon.tsx +++ b/src/components/Icon/Icon.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode, CSSProperties } from 'react'; import React from 'react'; import icons, { type IconName } from '../../icons/spritemap'; diff --git a/src/components/InlineNotification/InlineNotification.tsx b/src/components/InlineNotification/InlineNotification.tsx index 62819b67f..ee2b9c758 100644 --- a/src/components/InlineNotification/InlineNotification.tsx +++ b/src/components/InlineNotification/InlineNotification.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Icon from '../Icon'; import Text from '../Text'; diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx index 08655899c..7f2cc0171 100644 --- a/src/components/Input/Input.tsx +++ b/src/components/Input/Input.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ChangeEventHandler } from 'react'; import React, { forwardRef } from 'react'; import styles from './Input.module.css'; diff --git a/src/components/InputField/InputField.tsx b/src/components/InputField/InputField.tsx index 05b50ac2d..27c7188bc 100644 --- a/src/components/InputField/InputField.tsx +++ b/src/components/InputField/InputField.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ChangeEventHandler, ReactNode } from 'react'; import React, { forwardRef, useId } from 'react'; import type { EitherInclusive } from '../../util/utility-types'; diff --git a/src/components/InputLabel/InputLabel.tsx b/src/components/InputLabel/InputLabel.tsx index 5beea5019..4fc190ac8 100644 --- a/src/components/InputLabel/InputLabel.tsx +++ b/src/components/InputLabel/InputLabel.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import styles from './InputLabel.module.css'; diff --git a/src/components/Label/Label.tsx b/src/components/Label/Label.tsx index 9db7df232..96fa544d8 100644 --- a/src/components/Label/Label.tsx +++ b/src/components/Label/Label.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './Label.module.css'; diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx index 0e3035236..c93e090f7 100644 --- a/src/components/Layout/Layout.tsx +++ b/src/components/Layout/Layout.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './Layout.module.css'; diff --git a/src/components/LayoutContainer/LayoutContainer.tsx b/src/components/LayoutContainer/LayoutContainer.tsx index 03167c0e6..94ec3abb3 100644 --- a/src/components/LayoutContainer/LayoutContainer.tsx +++ b/src/components/LayoutContainer/LayoutContainer.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './LayoutContainer.module.css'; diff --git a/src/components/LayoutLinelengthContainer/LayoutLinelengthContainer.tsx b/src/components/LayoutLinelengthContainer/LayoutLinelengthContainer.tsx index ca98758bb..e2a83d992 100644 --- a/src/components/LayoutLinelengthContainer/LayoutLinelengthContainer.tsx +++ b/src/components/LayoutLinelengthContainer/LayoutLinelengthContainer.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './LayoutLinelengthContainer.module.css'; diff --git a/src/components/LayoutSection/LayoutSection.tsx b/src/components/LayoutSection/LayoutSection.tsx index 4c89bdab6..f94f6962d 100644 --- a/src/components/LayoutSection/LayoutSection.tsx +++ b/src/components/LayoutSection/LayoutSection.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from '../Layout/Layout.module.css'; diff --git a/src/components/Link/Link.tsx b/src/components/Link/Link.tsx index 88fbd04de..6a9d519a7 100644 --- a/src/components/Link/Link.tsx +++ b/src/components/Link/Link.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React, { forwardRef } from 'react'; import ClickableStyle from '../ClickableStyle'; diff --git a/src/components/LoadingIndicator/LoadingIndicator.tsx b/src/components/LoadingIndicator/LoadingIndicator.tsx index f10043b69..89b80075c 100644 --- a/src/components/LoadingIndicator/LoadingIndicator.tsx +++ b/src/components/LoadingIndicator/LoadingIndicator.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import styles from './LoadingIndicator.module.css'; diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx index aee598ec8..c3a3380bd 100644 --- a/src/components/Menu/Menu.tsx +++ b/src/components/Menu/Menu.tsx @@ -1,5 +1,5 @@ import { Menu as HeadlessMenu } from '@headlessui/react'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import type { MouseEventHandler } from 'react'; diff --git a/src/components/Modal/Modal.stories.tsx b/src/components/Modal/Modal.stories.tsx index eacca021f..ac808d530 100644 --- a/src/components/Modal/Modal.stories.tsx +++ b/src/components/Modal/Modal.stories.tsx @@ -1,5 +1,5 @@ import type { StoryObj, Meta } from '@storybook/react'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import { useState } from 'react'; diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx index 8f042580a..d29a79813 100644 --- a/src/components/Modal/Modal.tsx +++ b/src/components/Modal/Modal.tsx @@ -1,5 +1,5 @@ import { Dialog, Transition } from '@headlessui/react'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { MutableRefObject, ReactNode } from 'react'; import React from 'react'; import { Icon } from '../Icon/Icon'; diff --git a/src/components/ModalBody/ModalBody.tsx b/src/components/ModalBody/ModalBody.tsx index 9ad052ab1..d85aa3215 100644 --- a/src/components/ModalBody/ModalBody.tsx +++ b/src/components/ModalBody/ModalBody.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './ModalBody.module.css'; diff --git a/src/components/ModalFooter/ModalFooter.tsx b/src/components/ModalFooter/ModalFooter.tsx index 3e3a710de..b8be4bbc9 100644 --- a/src/components/ModalFooter/ModalFooter.tsx +++ b/src/components/ModalFooter/ModalFooter.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './ModalFooter.module.css'; diff --git a/src/components/ModalHeader/ModalHeader.tsx b/src/components/ModalHeader/ModalHeader.tsx index 5d5859051..46465e28c 100644 --- a/src/components/ModalHeader/ModalHeader.tsx +++ b/src/components/ModalHeader/ModalHeader.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './ModalHeader.module.css'; diff --git a/src/components/ModalStepper/ModalStepper.tsx b/src/components/ModalStepper/ModalStepper.tsx index 66ab5632c..a013d9041 100644 --- a/src/components/ModalStepper/ModalStepper.tsx +++ b/src/components/ModalStepper/ModalStepper.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import { Icon } from '../Icon/Icon'; import styles from './ModalStepper.module.css'; diff --git a/src/components/NumberIcon/NumberIcon.tsx b/src/components/NumberIcon/NumberIcon.tsx index aa42f1143..30b7f583d 100644 --- a/src/components/NumberIcon/NumberIcon.tsx +++ b/src/components/NumberIcon/NumberIcon.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Icon from '../Icon'; import Text from '../Text'; diff --git a/src/components/PageHeader/PageHeader.tsx b/src/components/PageHeader/PageHeader.tsx index e249c706f..c3766c0c0 100644 --- a/src/components/PageHeader/PageHeader.tsx +++ b/src/components/PageHeader/PageHeader.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import type { HeadingSize, HeadingElement } from '../Heading'; diff --git a/src/components/PageLevelBanner/PageLevelBanner.tsx b/src/components/PageLevelBanner/PageLevelBanner.tsx index efa07d6b5..2400693e0 100644 --- a/src/components/PageLevelBanner/PageLevelBanner.tsx +++ b/src/components/PageLevelBanner/PageLevelBanner.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import Button from '../Button'; diff --git a/src/components/Panel/Panel.tsx b/src/components/Panel/Panel.tsx index 10262f0e3..2dbd45ef7 100644 --- a/src/components/Panel/Panel.tsx +++ b/src/components/Panel/Panel.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './Panel.module.css'; diff --git a/src/components/Popover/Popover.tsx b/src/components/Popover/Popover.tsx index 1393a55b6..c6d586144 100644 --- a/src/components/Popover/Popover.tsx +++ b/src/components/Popover/Popover.tsx @@ -1,6 +1,6 @@ import { Popover as HeadlessPopover } from '@headlessui/react'; import type { Options as PopperJSOptions } from '@popperjs/core'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import { useState, createContext, useContext } from 'react'; import { usePopper } from 'react-popper'; diff --git a/src/components/PopoverContainer/PopoverContainer.tsx b/src/components/PopoverContainer/PopoverContainer.tsx index 8af050be3..0df0f2e79 100644 --- a/src/components/PopoverContainer/PopoverContainer.tsx +++ b/src/components/PopoverContainer/PopoverContainer.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import styles from './PopoverContainer.module.css'; diff --git a/src/components/PopoverListItem/PopoverListItem.tsx b/src/components/PopoverListItem/PopoverListItem.tsx index 1ad485a7c..ae273dc88 100644 --- a/src/components/PopoverListItem/PopoverListItem.tsx +++ b/src/components/PopoverListItem/PopoverListItem.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import type { ReactNode } from 'react'; diff --git a/src/components/Radio/Radio.tsx b/src/components/Radio/Radio.tsx index c7342683f..188ad4136 100644 --- a/src/components/Radio/Radio.tsx +++ b/src/components/Radio/Radio.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { useId } from 'react'; import type { EitherInclusive } from '../../util/utility-types'; import type { RadioInputProps } from '../RadioInput'; diff --git a/src/components/RadioInput/RadioInput.tsx b/src/components/RadioInput/RadioInput.tsx index a6b98e3be..ba847a17e 100644 --- a/src/components/RadioInput/RadioInput.tsx +++ b/src/components/RadioInput/RadioInput.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Icon from '../Icon'; import styles from './RadioInput.module.css'; diff --git a/src/components/RadioLabel/RadioLabel.tsx b/src/components/RadioLabel/RadioLabel.tsx index 5cab68c28..71d80e499 100644 --- a/src/components/RadioLabel/RadioLabel.tsx +++ b/src/components/RadioLabel/RadioLabel.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import type { InputLabelProps } from '../InputLabel/InputLabel'; import { InputLabel } from '../InputLabel/InputLabel'; diff --git a/src/components/Score/Score.tsx b/src/components/Score/Score.tsx index 84a458251..2bfdb3140 100644 --- a/src/components/Score/Score.tsx +++ b/src/components/Score/Score.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Tag from '../Tag'; import styles from './Score.module.css'; diff --git a/src/components/SearchBar/SearchBar.tsx b/src/components/SearchBar/SearchBar.tsx index d8607723f..fac0262ce 100644 --- a/src/components/SearchBar/SearchBar.tsx +++ b/src/components/SearchBar/SearchBar.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import SearchButton from '../SearchButton'; diff --git a/src/components/SearchButton/SearchButton.tsx b/src/components/SearchButton/SearchButton.tsx index 2fc668261..9f5b45d38 100644 --- a/src/components/SearchButton/SearchButton.tsx +++ b/src/components/SearchButton/SearchButton.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { MouseEventHandler } from 'react'; import React from 'react'; import Button from '../Button'; diff --git a/src/components/SearchField/SearchField.tsx b/src/components/SearchField/SearchField.tsx index 1207facfc..27a0bf249 100644 --- a/src/components/SearchField/SearchField.tsx +++ b/src/components/SearchField/SearchField.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Icon from '../Icon'; import type { InputProps } from '../Input'; diff --git a/src/components/Section/Section.tsx b/src/components/Section/Section.tsx index b48f510ec..dc4a0297a 100644 --- a/src/components/Section/Section.tsx +++ b/src/components/Section/Section.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import type { HeadingElement, HeadingSize } from '../Heading'; diff --git a/src/components/Select/Select.stories.tsx b/src/components/Select/Select.stories.tsx index e07588bda..8bd965686 100644 --- a/src/components/Select/Select.stories.tsx +++ b/src/components/Select/Select.stories.tsx @@ -1,6 +1,6 @@ import type { StoryObj, Meta } from '@storybook/react'; import { userEvent, within } from '@storybook/testing-library'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import type { OptionsAlignType, VariantType } from './Select'; import { Select } from './Select'; diff --git a/src/components/Select/Select.tsx b/src/components/Select/Select.tsx index bd0a9d6ba..8dd27455b 100644 --- a/src/components/Select/Select.tsx +++ b/src/components/Select/Select.tsx @@ -1,5 +1,5 @@ import { Listbox } from '@headlessui/react'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactElement, ReactNode, ElementType } from 'react'; import React, { useContext } from 'react'; diff --git a/src/components/Skeleton/Skeleton.tsx b/src/components/Skeleton/Skeleton.tsx index 3729bb8d8..0aa561bc5 100644 --- a/src/components/Skeleton/Skeleton.tsx +++ b/src/components/Skeleton/Skeleton.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import styles from './Skeleton.module.css'; diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx index 587db4d7d..3b708dee6 100644 --- a/src/components/Slider/Slider.tsx +++ b/src/components/Slider/Slider.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { useId, useRef, diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx index b89d04e45..13d0111dc 100644 --- a/src/components/Table/Table.tsx +++ b/src/components/Table/Table.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import TableBody from '../TableBody'; diff --git a/src/components/TableCell/TableCell.tsx b/src/components/TableCell/TableCell.tsx index 1127dd231..895cadcfb 100644 --- a/src/components/TableCell/TableCell.tsx +++ b/src/components/TableCell/TableCell.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './TableCell.module.css'; diff --git a/src/components/TableHeaderCell/TableHeaderCell.tsx b/src/components/TableHeaderCell/TableHeaderCell.tsx index cf9df2c64..02b9af5e1 100644 --- a/src/components/TableHeaderCell/TableHeaderCell.tsx +++ b/src/components/TableHeaderCell/TableHeaderCell.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import type { ReactNode, MouseEventHandler } from 'react'; import Button from '../Button'; diff --git a/src/components/TableRow/TableRow.tsx b/src/components/TableRow/TableRow.tsx index 5aed0133b..382d468a3 100644 --- a/src/components/TableRow/TableRow.tsx +++ b/src/components/TableRow/TableRow.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from './TableRow.module.css'; diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx index 6ed349eed..5be990f28 100644 --- a/src/components/Tabs/Tabs.tsx +++ b/src/components/Tabs/Tabs.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import debounce from 'lodash.debounce'; import React, { type ReactNode, diff --git a/src/components/Tag/Tag.tsx b/src/components/Tag/Tag.tsx index fa50bb351..cb461cf94 100644 --- a/src/components/Tag/Tag.tsx +++ b/src/components/Tag/Tag.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Text from '../Text'; import styles from './Tag.module.css'; diff --git a/src/components/Text/Text.stories.tsx b/src/components/Text/Text.stories.tsx index 790f192a7..b58576c52 100644 --- a/src/components/Text/Text.stories.tsx +++ b/src/components/Text/Text.stories.tsx @@ -1,5 +1,5 @@ import type { StoryObj, Meta } from '@storybook/react'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import { Text } from './Text'; diff --git a/src/components/Text/Text.tsx b/src/components/Text/Text.tsx index 2faad7ac9..6007c87fe 100644 --- a/src/components/Text/Text.tsx +++ b/src/components/Text/Text.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ForwardedRef } from 'react'; import React, { forwardRef } from 'react'; import styles from './Text.module.css'; diff --git a/src/components/TextArea/TextArea.tsx b/src/components/TextArea/TextArea.tsx index 5106c18bf..df8cb6938 100644 --- a/src/components/TextArea/TextArea.tsx +++ b/src/components/TextArea/TextArea.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React, { forwardRef } from 'react'; import styles from './TextArea.module.css'; diff --git a/src/components/TextareaField/TextareaField.tsx b/src/components/TextareaField/TextareaField.tsx index 83fbb421f..67b2ff057 100644 --- a/src/components/TextareaField/TextareaField.tsx +++ b/src/components/TextareaField/TextareaField.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React, { forwardRef, useId } from 'react'; import type { EitherInclusive } from '../../util/utility-types'; diff --git a/src/components/TimelineNav/TimelineNav.tsx b/src/components/TimelineNav/TimelineNav.tsx index 4767e55c7..e7b89cb16 100644 --- a/src/components/TimelineNav/TimelineNav.tsx +++ b/src/components/TimelineNav/TimelineNav.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { KeyboardEventHandler, ReactNode } from 'react'; import React, { useCallback, useId, useEffect, useRef, useState } from 'react'; import { allByType } from 'react-children-by-type'; diff --git a/src/components/Toast/Toast.tsx b/src/components/Toast/Toast.tsx index 69e0a42b4..8e3eedb09 100644 --- a/src/components/Toast/Toast.tsx +++ b/src/components/Toast/Toast.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import Button from '../Button'; import Icon from '../Icon'; diff --git a/src/components/Toggle/Toggle.tsx b/src/components/Toggle/Toggle.tsx index 8d012d1ae..af9dada57 100644 --- a/src/components/Toggle/Toggle.tsx +++ b/src/components/Toggle/Toggle.tsx @@ -1,5 +1,5 @@ import { Switch } from '@headlessui/react'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import type { EitherInclusive, ExtractProps } from '../../util/utility-types'; import styles from './Toggle.module.css'; diff --git a/src/components/Toolbar/Toolbar.tsx b/src/components/Toolbar/Toolbar.tsx index a426c40c9..e9a8a921c 100644 --- a/src/components/Toolbar/Toolbar.tsx +++ b/src/components/Toolbar/Toolbar.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import ToolbarItem from '../ToolbarItem'; diff --git a/src/components/ToolbarItem/ToolbarItem.tsx b/src/components/ToolbarItem/ToolbarItem.tsx index cd0f7777f..ef284ee5c 100644 --- a/src/components/ToolbarItem/ToolbarItem.tsx +++ b/src/components/ToolbarItem/ToolbarItem.tsx @@ -1,4 +1,4 @@ -import clsx from 'clsx'; +import { clsx } from 'clsx'; import type { ReactNode } from 'react'; import React from 'react'; import styles from '../Toolbar/Toolbar.module.css'; diff --git a/src/components/Tooltip/Tooltip.stories.tsx b/src/components/Tooltip/Tooltip.stories.tsx index cb65581b1..3d5052c4f 100644 --- a/src/components/Tooltip/Tooltip.stories.tsx +++ b/src/components/Tooltip/Tooltip.stories.tsx @@ -1,6 +1,6 @@ import { BADGE } from '@geometricpanda/storybook-addon-badges'; import type { Meta, Story, StoryObj } from '@storybook/react'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import React from 'react'; import { Tooltip } from './Tooltip'; import { Button } from '../Button/Button'; diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx index 21978762b..e6f2f775d 100644 --- a/src/components/Tooltip/Tooltip.tsx +++ b/src/components/Tooltip/Tooltip.tsx @@ -1,6 +1,6 @@ import type { TippyProps } from '@tippyjs/react'; import Tippy from '@tippyjs/react'; -import clsx from 'clsx'; +import { clsx } from 'clsx'; import * as React from 'react'; import styles from './Tooltip.module.css';