chore: move useTheme, useDefaultProps, classes

lumada-design · Aug 14, 2024 · 564b8fc · 564b8fc
1 parent 5713b37
commit 564b8fc
Show file tree

Hide file tree

Showing 318 changed files with 747 additions and 547 deletions.
diff --git a/packages/core/src/Accordion/Accordion.styles.tsx b/packages/core/src/Accordion/Accordion.styles.tsx
@@ -1,6 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
 import { outlineStyles } from "../utils/focusUtils";
 
 export const { staticClasses, useClasses } = createClasses("HvAccordion", {

diff --git a/packages/core/src/Accordion/Accordion.tsx b/packages/core/src/Accordion/Accordion.tsx
@@ -1,12 +1,14 @@
 import { useCallback, useMemo } from "react";
 import { DropDownXS, DropUpXS } from "@hitachivantara/uikit-react-icons";
+import {
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
 
 import { useControlled } from "../hooks/useControlled";
-import { useDefaultProps } from "../hooks/useDefaultProps";
 import { useUniqueId } from "../hooks/useUniqueId";
 import { HvBaseProps } from "../types/generic";
 import { HvTypography, HvTypographyVariants } from "../Typography";
-import { ExtractNames } from "../utils/classes";
 import { setId } from "../utils/setId";
 import { staticClasses, useClasses } from "./Accordion.styles";
 

diff --git a/packages/core/src/ActionBar/ActionBar.styles.tsx b/packages/core/src/ActionBar/ActionBar.styles.tsx
@@ -1,7 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
-
 export const { staticClasses, useClasses } = createClasses("HvActionBar", {
   root: {
     width: "100%",

diff --git a/packages/core/src/ActionBar/ActionBar.tsx b/packages/core/src/ActionBar/ActionBar.tsx
@@ -1,6 +1,9 @@
-import { useDefaultProps } from "../hooks/useDefaultProps";
+import {
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
+
 import { HvBaseProps } from "../types/generic";
-import { ExtractNames } from "../utils/classes";
 import { staticClasses, useClasses } from "./ActionBar.styles";
 
 export { staticClasses as actionBarClasses };

diff --git a/packages/core/src/ActionsGeneric/ActionsGeneric.styles.tsx b/packages/core/src/ActionsGeneric/ActionsGeneric.styles.tsx
@@ -1,7 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
-
 export const { staticClasses, useClasses } = createClasses("HvActionsGeneric", {
   root: {},
   button: {

diff --git a/packages/core/src/ActionsGeneric/ActionsGeneric.tsx b/packages/core/src/ActionsGeneric/ActionsGeneric.tsx
@@ -1,12 +1,14 @@
 import { isValidElement } from "react";
 import { MoreOptionsVertical } from "@hitachivantara/uikit-react-icons";
+import {
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
 
 import { HvButton, HvButtonProps, HvButtonVariant } from "../Button";
 import { HvDropDownMenu, HvDropDownMenuProps } from "../DropDownMenu";
-import { useDefaultProps } from "../hooks/useDefaultProps";
 import { HvIconButton } from "../IconButton";
 import { HvBaseProps } from "../types/generic";
-import { ExtractNames } from "../utils/classes";
 import { setId } from "../utils/setId";
 import { staticClasses, useClasses } from "./ActionsGeneric.styles";
 

diff --git a/packages/core/src/AppSwitcher/Action/Action.styles.tsx b/packages/core/src/AppSwitcher/Action/Action.styles.tsx
@@ -1,7 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../../utils/classes";
-
 export const { staticClasses, useClasses } = createClasses(
   "HvAppSwitcher-Action",
   {

diff --git a/packages/core/src/AppSwitcher/Action/Action.tsx b/packages/core/src/AppSwitcher/Action/Action.tsx
@@ -1,5 +1,6 @@
 import { useCallback, useState } from "react";
 import { Info } from "@hitachivantara/uikit-react-icons";
+import { type ExtractNames } from "@hitachivantara/uikit-react-utils";
 import { getColor, HvColorAny } from "@hitachivantara/uikit-styles";
 
 import { HvAvatar } from "../../Avatar";
@@ -9,7 +10,6 @@ import { HvOverflowTooltip } from "../../OverflowTooltip";
 import { HvTooltip } from "../../Tooltip";
 import { HvBaseProps } from "../../types/generic";
 import { HvTypography } from "../../Typography";
-import { ExtractNames } from "../../utils/classes";
 import { staticClasses, useClasses } from "./Action.styles";
 
 export { staticClasses as appSwitcherActionClasses };

diff --git a/packages/core/src/AppSwitcher/AppSwitcher.styles.tsx b/packages/core/src/AppSwitcher/AppSwitcher.styles.tsx
@@ -1,7 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
-
 export const { staticClasses, useClasses } = createClasses("HvAppSwitcher", {
   root: {
     display: "flex",

diff --git a/packages/core/src/AppSwitcher/AppSwitcher.tsx b/packages/core/src/AppSwitcher/AppSwitcher.tsx
@@ -1,12 +1,14 @@
 import { useMemo } from "react";
+import {
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
 
-import { useDefaultProps } from "../hooks/useDefaultProps";
 import { HvListContainer } from "../ListContainer";
 import { HvOverflowTooltip } from "../OverflowTooltip";
 import { HvPanel } from "../Panel";
 import { HvBaseProps } from "../types/generic";
 import { HvTypography } from "../Typography";
-import { ExtractNames } from "../utils/classes";
 import { HvAppSwitcherAction, HvAppSwitcherActionApplication } from "./Action";
 import { staticClasses, useClasses } from "./AppSwitcher.styles";
 

diff --git a/packages/core/src/Avatar/Avatar.styles.tsx b/packages/core/src/Avatar/Avatar.styles.tsx
@@ -1,4 +1,5 @@
-import { createClasses } from "../utils/classes";
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+
 import { outlineStyles } from "../utils/focusUtils";
 
 const EXTRA_SMALL = { container: "32px", avatar: "24px" };

diff --git a/packages/core/src/Avatar/Avatar.tsx b/packages/core/src/Avatar/Avatar.tsx
@@ -1,6 +1,10 @@
 import { forwardRef } from "react";
 import MuiAvatar, { AvatarProps as MuiAvatarProps } from "@mui/material/Avatar";
 import { User } from "@hitachivantara/uikit-react-icons";
+import {
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
 import {
   getColor,
   HvColorAny,
@@ -9,10 +13,8 @@ import {
 } from "@hitachivantara/uikit-styles";
 
 import { useAvatarGroupContext } from "../AvatarGroup/AvatarGroupContext";
-import { useDefaultProps } from "../hooks/useDefaultProps";
 import { useImageLoaded } from "../hooks/useImageLoaded";
 import { HvBaseProps } from "../types/generic";
-import { ExtractNames } from "../utils/classes";
 import { decreaseSize } from "../utils/sizes";
 import { staticClasses, useClasses } from "./Avatar.styles";
 

diff --git a/packages/core/src/AvatarGroup/AvatarGroup.styles.tsx b/packages/core/src/AvatarGroup/AvatarGroup.styles.tsx
@@ -1,7 +1,7 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
 import { avatarClasses } from "../Avatar/Avatar";
-import { createClasses } from "../utils/classes";
 
 export const { staticClasses, useClasses } = createClasses("HvAvatarGroup", {
   root: {

diff --git a/packages/core/src/AvatarGroup/AvatarGroup.tsx b/packages/core/src/AvatarGroup/AvatarGroup.tsx
@@ -1,11 +1,14 @@
 import { Children, forwardRef } from "react";
-import { useCss } from "@hitachivantara/uikit-react-shared";
+import {
+  mergeStyles,
+  useCss,
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
 import { HvSize, theme } from "@hitachivantara/uikit-styles";
 
 import { HvAvatar } from "../Avatar/Avatar";
-import { useDefaultProps } from "../hooks/useDefaultProps";
 import { HvBaseProps } from "../types/generic";
-import { ExtractNames, mergeStyles } from "../utils/classes";
 import { staticClasses, useClasses } from "./AvatarGroup.styles";
 import { HvAvatarGroupProvider } from "./AvatarGroupContext";
 

diff --git a/packages/core/src/Badge/Badge.styles.tsx b/packages/core/src/Badge/Badge.styles.tsx
@@ -1,7 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
-
 const labelBaseStyle: React.CSSProperties = {
   ...theme.typography.label,
   padding: "0 5px",

diff --git a/packages/core/src/Badge/Badge.tsx b/packages/core/src/Badge/Badge.tsx
@@ -1,7 +1,10 @@
-import { useDefaultProps } from "../hooks/useDefaultProps";
+import {
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
+
 import { HvBaseProps } from "../types/generic";
 import { HvTypography, HvTypographyVariants } from "../Typography";
-import { ExtractNames } from "../utils/classes";
 import { staticClasses, useClasses } from "./Badge.styles";
 
 export { staticClasses as badgeClasses };

diff --git a/packages/core/src/Banner/Banner.styles.tsx b/packages/core/src/Banner/Banner.styles.tsx
@@ -1,7 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
-
 export const { useClasses, staticClasses } = createClasses("HvBanner", {
   /** Styles applied to the component root class when the component is closed. */
   rootClosed: {

diff --git a/packages/core/src/Banner/Banner.tsx b/packages/core/src/Banner/Banner.tsx
@@ -4,10 +4,12 @@ import Snackbar, {
   SnackbarProps as MuiSnackbarProps,
   SnackbarOrigin,
 } from "@mui/material/Snackbar";
+import {
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
 
 import { HvActionsGenericProps } from "../ActionsGeneric";
-import { useDefaultProps } from "../hooks/useDefaultProps";
-import { ExtractNames } from "../utils/classes";
 import { setId } from "../utils/setId";
 import { staticClasses, useClasses } from "./Banner.styles";
 import {

diff --git a/packages/core/src/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx b/packages/core/src/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx
@@ -1,4 +1,5 @@
-import { createClasses } from "../../../utils/classes";
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+
 import { outlineStyles } from "../../../utils/focusUtils";
 
 const name = "HvBannerActionContainer";

diff --git a/packages/core/src/Banner/BannerContent/ActionContainer/ActionContainer.tsx b/packages/core/src/Banner/BannerContent/ActionContainer/ActionContainer.tsx
@@ -1,12 +1,12 @@
 import { Close } from "@hitachivantara/uikit-react-icons";
+import { type ExtractNames } from "@hitachivantara/uikit-react-utils";
 
 import {
   HvActionsGeneric,
   HvActionsGenericProps,
 } from "../../../ActionsGeneric";
 import { HvButton } from "../../../Button";
 import { HvBaseProps } from "../../../types/generic";
-import { ExtractNames } from "../../../utils/classes";
 import { staticClasses, useClasses } from "./ActionContainer.styles";
 
 export { staticClasses as actionContainerClasses };

diff --git a/packages/core/src/Banner/BannerContent/BannerContent.styles.tsx b/packages/core/src/Banner/BannerContent/BannerContent.styles.tsx
@@ -1,7 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../../utils/classes";
-
 export const { useClasses, staticClasses } = createClasses("HvBannerContent", {
   root: {
     minWidth: "100%",

diff --git a/packages/core/src/Banner/BannerContent/BannerContent.tsx b/packages/core/src/Banner/BannerContent/BannerContent.tsx
@@ -2,9 +2,9 @@ import { forwardRef } from "react";
 import SnackbarContent, {
   SnackbarContentProps as MuiSnackbarContentProps,
 } from "@mui/material/SnackbarContent";
+import { type ExtractNames } from "@hitachivantara/uikit-react-utils";
 
 import { HvActionsGenericProps } from "../../ActionsGeneric";
-import { ExtractNames } from "../../utils/classes";
 import { iconVariant } from "../../utils/iconVariant";
 import { HvBannerActionPosition, HvBannerVariant } from "../types";
 import { HvActionContainer, HvActionContainerProps } from "./ActionContainer";

diff --git a/packages/core/src/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx b/packages/core/src/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx
@@ -1,7 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../../../utils/classes";
-
 const name = "HvBannerMessageContainer";
 
 export const { staticClasses, useClasses } = createClasses(name, {

diff --git a/packages/core/src/Banner/BannerContent/MessageContainer/MessageContainer.tsx b/packages/core/src/Banner/BannerContent/MessageContainer/MessageContainer.tsx
@@ -1,10 +1,11 @@
+import { type ExtractNames } from "@hitachivantara/uikit-react-utils";
+
 import {
   HvActionsGeneric,
   HvActionsGenericProps,
 } from "../../../ActionsGeneric";
 import { HvBaseProps } from "../../../types/generic";
 import { HvTypography } from "../../../Typography";
-import { ExtractNames } from "../../../utils/classes";
 import { setId } from "../../../utils/setId";
 import { staticClasses, useClasses } from "./MessageContainer.styles";
 

diff --git a/packages/core/src/BaseCheckBox/BaseCheckBox.styles.ts b/packages/core/src/BaseCheckBox/BaseCheckBox.styles.ts
@@ -1,6 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
 import { outlineStyles } from "../utils/focusUtils";
 
 export const { staticClasses, useClasses } = createClasses("HvBaseCheckBox", {

diff --git a/packages/core/src/BaseCheckBox/BaseCheckBox.tsx b/packages/core/src/BaseCheckBox/BaseCheckBox.tsx
@@ -2,9 +2,11 @@ import { forwardRef, useCallback, useState } from "react";
 import MuiCheckbox, {
   CheckboxProps as MuiCheckboxProps,
 } from "@mui/material/Checkbox";
+import {
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
 
-import { useDefaultProps } from "../hooks/useDefaultProps";
-import { ExtractNames } from "../utils/classes";
 import { staticClasses, useClasses } from "./BaseCheckBox.styles";
 import { Box, Check, Partial } from "./icons";
 

diff --git a/packages/core/src/BaseDropdown/BaseDropdown.styles.tsx b/packages/core/src/BaseDropdown/BaseDropdown.styles.tsx
@@ -1,6 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
 import { outlineStyles } from "../utils/focusUtils";
 
 export const { useClasses, staticClasses } = createClasses("HvBaseDropdown", {

diff --git a/packages/core/src/BaseDropdown/BaseDropdown.tsx b/packages/core/src/BaseDropdown/BaseDropdown.tsx
@@ -18,15 +18,17 @@ import {
   Placement,
 } from "@popperjs/core";
 import { DropDownXS, DropUpXS } from "@hitachivantara/uikit-react-icons";
-import { useTheme } from "@hitachivantara/uikit-react-shared";
+import {
+  useDefaultProps,
+  useTheme,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
 
 import { useControlled } from "../hooks/useControlled";
-import { useDefaultProps } from "../hooks/useDefaultProps";
 import { useForkRef } from "../hooks/useForkRef";
 import { useUniqueId } from "../hooks/useUniqueId";
 import { HvBaseProps } from "../types/generic";
 import { HvTypography } from "../Typography";
-import { ExtractNames } from "../utils/classes";
 import { getFirstAndLastFocus } from "../utils/focusableElementFinder";
 import { isKey, isOneOfKeys } from "../utils/keyboardUtils";
 import { setId } from "../utils/setId";

diff --git a/packages/core/src/BaseInput/BaseInput.styles.tsx b/packages/core/src/BaseInput/BaseInput.styles.tsx
@@ -1,6 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
 import { outlineStyles } from "../utils/focusUtils";
 
 export const { staticClasses, useClasses } = createClasses("HvBaseInput", {

diff --git a/packages/core/src/BaseInput/BaseInput.tsx b/packages/core/src/BaseInput/BaseInput.tsx
@@ -5,6 +5,10 @@ import {
   InputBaseProps,
   InputBaseComponentProps as MuiInputBaseComponentProps,
 } from "@mui/material/InputBase";
+import {
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
 import {
@@ -13,8 +17,6 @@ import {
   HvFormElementContext,
   HvFormElementDescriptorsContext,
 } from "../Forms";
-import { useDefaultProps } from "../hooks/useDefaultProps";
-import { ExtractNames } from "../utils/classes";
 import { staticClasses, useClasses } from "./BaseInput.styles";
 
 export { staticClasses as baseInputClasses };

diff --git a/packages/core/src/BaseRadio/BaseRadio.styles.tsx b/packages/core/src/BaseRadio/BaseRadio.styles.tsx
@@ -1,6 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
 import { outlineStyles } from "../utils/focusUtils";
 
 export const { staticClasses, useClasses } = createClasses("HvBaseRadio", {

diff --git a/packages/core/src/BaseRadio/BaseRadio.tsx b/packages/core/src/BaseRadio/BaseRadio.tsx
@@ -1,8 +1,10 @@
 import { forwardRef, useCallback, useState } from "react";
 import MuiRadio, { RadioProps as MuiRadioProps } from "@mui/material/Radio";
+import {
+  useDefaultProps,
+  type ExtractNames,
+} from "@hitachivantara/uikit-react-utils";
 
-import { useDefaultProps } from "../hooks/useDefaultProps";
-import { ExtractNames } from "../utils/classes";
 import { staticClasses, useClasses } from "./BaseRadio.styles";
 import { Selected, Unselected } from "./icons";
 

diff --git a/packages/core/src/BaseSwitch/BaseSwitch.styles.tsx b/packages/core/src/BaseSwitch/BaseSwitch.styles.tsx
@@ -1,6 +1,6 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 
-import { createClasses } from "../utils/classes";
 import { outlineStyles } from "../utils/focusUtils";
 
 export const { staticClasses, useClasses } = createClasses("HvBaseSwitch", {