refactor: import statement fix

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

@@ -1,6 +1,6 @@
 import React, { ForwardRefRenderFunction } from "react";
 
-import { accordionThemeClass, detailsClass } from "./accordion.styles.css";
+import { accordionThemeClass, detailsClass } from "@hover-design/core";
 import "./accordion.global.styles.css";
 import { IAccordionProps } from "./accordion.types";
 

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

@@ -1,5 +1,5 @@
 import React, { ForwardRefRenderFunction } from "react";
-import { accordionContentClass } from "../accordion.styles.css";
+import { accordionContentClass } from "@hover-design/core";
 
 const AccordionContent: ForwardRefRenderFunction<
   HTMLDivElement,

packages/react/src/components/Accordion/AccordionGroup/AccordionGroup.tsx

@@ -1,5 +1,5 @@
 import React, { ForwardRefRenderFunction } from "react";
-import { accordionGroupClass } from "../accordion.styles.css";
+import { accordionGroupClass } from "@hover-design/core";
 
 const AccordionGroup: ForwardRefRenderFunction<
   HTMLDivElement,

packages/react/src/components/Accordion/AccordionSummary/AccordionSummary.tsx

@@ -6,7 +6,7 @@ import {
   accordionIconClass,
   accordionThemeVars,
   summaryClass
-} from "../accordion.styles.css";
+} from "@hover-design/core";
 import { IAccordionSummaryProps } from "./accordionSummary.types";
 
 const DefaultAccordionSummaryIcon: React.FC<{

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

@@ -23,7 +23,7 @@ import {
   alertTitleRecipe,
   alertVars,
   alertWarningTheme
-} from "./alert.styles.css";
+} from "@hover-design/core";
 import { Clear } from "../_internal/Icons/Clear";
 import InfoCircle from "../_internal/Icons/InfoCircle";
 import CheckCircle from "../_internal/Icons/CheckCircle";

packages/react/src/components/Avatar/Avatar.tsx

@@ -7,7 +7,7 @@ import {
   avatarShapes,
   avatarSizes,
   avatarWrapper
-} from "./avatar.styles.css";
+} from "@hover-design/core";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Flex } from "../Flex";
 

packages/react/src/components/Avatar/AvatarGroup/AvatarGroup.tsx

@@ -7,7 +7,7 @@ import {
   avatarGaps,
   avatarGroupThemeClass,
   avatarGroupThemeVars
-} from "../avatar.styles.css";
+} from "@hover-design/core";
 import "../avatar.global.styles.css";
 
 const AvatarGroup: ForwardRefRenderFunction<

packages/react/src/components/Banner/Banner.tsx

@@ -1,10 +1,7 @@
 import { forwardRef, ForwardRefRenderFunction } from "react";
 import { BannerPropsType } from "./banner.types";
 import { Alert } from "../Alert";
-import {
-  bannerContainerStyles,
-  bannerCtaIconRecipe
-} from "./banner.styles.css";
+import { bannerContainerStyles, bannerCtaIconRecipe } from "@hover-design/core";
 import { ArrowDown } from "../_internal/Icons/ArrowDown";
 import "./banner.global.styles.css";
 import { Button } from "../Button";

packages/react/src/components/Card/Card.tsx

@@ -1,5 +1,5 @@
 import { forwardRef, ForwardRefRenderFunction } from "react";
-import { cardStyles } from "./card.styles.css";
+import { cardStyles } from "@hover-design/core";
 import { CardProps } from "./card.types";
 
 const Card: ForwardRefRenderFunction<HTMLDivElement, CardProps> = (

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

@@ -11,7 +11,7 @@ import {
   checkboxThemeClass,
   checkboxThemeVars,
   checkboxWrapperClass
-} from "./checkbox.styles.css";
+} from "@hover-design/core";
 import { CheckIcon, DashIcon } from "../_internal/Icons";
 
 const Checkbox: ForwardRefRenderFunction<HTMLInputElement, ICheckboxProps> = (

packages/react/src/components/Checkbox/CheckboxGroup/CheckboxGroup.tsx

@@ -6,7 +6,7 @@ import { eliminateUndefinedKeys } from "../../../utils/object-utils";
 import {
   checkboxGroupChildClass,
   checkboxGroupSpacing
-} from "../checkbox.styles.css";
+} from "@hover-design/core";
 import { TCheckboxGroupProps } from "../checkbox.types";
 
 const CheckboxGroup: ForwardRefRenderFunction<

packages/react/src/components/Dialog/Dialog.tsx

@@ -10,7 +10,7 @@ import {
   dialogStyleClass,
   dialogThemeClass,
   dialogThemeVars
-} from "./dialog.styles.css";
+} from "@hover-design/core";
 import { IDialogProps } from "./dialog.types";
 
 const Dialog: React.FC<IDialogProps> = ({

packages/react/src/components/Input/Input.tsx

@@ -8,7 +8,7 @@ import {
   iconWrapper,
   leftIconWrapper,
   rightIconWrapper
-} from "./input.styles.css";
+} from "@hover-design/core";
 import { Flex } from "../Flex";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { lightColors } from "../../styles/tokens";

packages/react/src/components/Label/Label.tsx

@@ -1,5 +1,5 @@
 import React, { ForwardRefRenderFunction } from "react";
-import { labelClass } from "./label.styles.css";
+import { labelClass } from "@hover-design/core";
 import { ILabelProps } from "./label.types";
 
 const Label: ForwardRefRenderFunction<HTMLLabelElement, ILabelProps> = (

packages/react/src/components/Modal/Modal.tsx

@@ -12,7 +12,7 @@ import {
   modalThemeVars,
   modalTitleStyleClass,
   overlayStyleClass
-} from "./modal.styles.css";
+} from "@hover-design/core";
 import { IModalProps } from "./modal.types";
 
 const Modal: React.FC<IModalProps> = ({

packages/react/src/components/Popover/Popover.tsx

@@ -18,7 +18,7 @@ import {
   popoverContainerStyles,
   popRadius,
   popWidth
-} from "./popover.styles.css";
+} from "@hover-design/core";
 import { PopoverType } from "./popover.types";
 
 const PopoverComponent: ForwardRefRenderFunction<

packages/react/src/components/Progress/Progress.tsx

@@ -7,7 +7,7 @@ import {
   progressStyle,
   progressThemeClass,
   progressThemeVars
-} from "./progress.styles.css";
+} from "@hover-design/core";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { eliminateUndefinedKeys } from "../../utils/object-utils";
 const Progress = ({

packages/react/src/components/Radio/Radio.tsx

@@ -6,7 +6,7 @@ import {
   radioThemeVars,
   radioSizes,
   radioThemeClass
-} from "./radio.styles.css";
+} from "@hover-design/core";
 import "./radio.global.styles.css";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { SvgDot } from "../_internal/Icons/SvgDot";

packages/react/src/components/Radio/RadioGroup/RadioGroup.tsx

@@ -1,7 +1,7 @@
 import React, { ForwardRefRenderFunction } from "react";
 import { TRadioGroupProps } from "../radio.types";
 import { Flex } from "../../Flex";
-import { radioGroupChildClass, radioGroupSpacing } from "../radio.styles.css";
+import { radioGroupChildClass, radioGroupSpacing } from "@hover-design/core";
 
 const RadioGroup: ForwardRefRenderFunction<HTMLDivElement, TRadioGroupProps> = (
   {

packages/react/src/components/Stepper/StepperStep/StepperStep.tsx

@@ -8,7 +8,7 @@ import {
   StepperStepIconClass,
   stepperThemeClass,
   stepperThemeVars
-} from "../stepper.styles.css";
+} from "@hover-design/core";
 import { IStepperStepProps } from "../stepper.types";
 import { CheckIcon } from "../../_internal/Icons";
 

packages/react/src/components/Tooltip/Tooltip.tsx

@@ -1,6 +1,6 @@
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { forwardRef, ForwardRefRenderFunction } from "react";
-import { tooltipContainerStyles } from "./tooltip.styles.css";
+import { tooltipContainerStyles } from "@hover-design/core";
 import { Popover } from "../Popover";
 
 import { TooltipType } from "./tooltip.types";
@@ -32,7 +32,7 @@ const TooltipComponent: ForwardRefRenderFunction<
         }),
         ...style
       }}
-      content={label}
+      content={label.toString()}
       className={`${tooltipContainerStyles} ${className}`}
       {...props}
     >