fix: OPTIC-1748: [Timebox] UI polish

web/apps/labelstudio/src/components/CopyableTooltip/CopyableTooltip.jsx

@@ -1,6 +1,6 @@
 import { Children, cloneElement, forwardRef, useCallback } from "react";
 import { useCopyText } from "../../hooks/useCopyText";
-import { Tooltip } from "../Tooltip/Tooltip";
+import { Tooltip } from "@humansignal/ui";
 
 export const CopyableTooltip = forwardRef(({ children, title, textForCopy, ...restProps }, ref) => {
   const [copied, copyText] = useCopyText({ defaultText: textForCopy });

web/apps/labelstudio/src/components/DescriptionList/DescriptionList.jsx

@@ -1,7 +1,7 @@
 import { cn } from "../../utils/bem";
 import "./DescriptionList.scss";
 import { IconInfoOutline } from "../../assets/icons";
-import { Tooltip } from "../../components/Tooltip/Tooltip";
+import { Tooltip } from "@humansignal/ui";
 
 export const DescriptionList = ({ style, className, children }) => {
   return (

web/apps/labelstudio/src/components/Dropdown/DropdownComponent.jsx

@@ -1,8 +1,8 @@
 import { cloneElement, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import ReactDOM from "react-dom";
 import { Block, cn } from "../../utils/bem";
-import { alignElements } from "../../utils/dom";
-import { aroundTransition } from "../../utils/transition";
+import { alignElements } from "@humansignal/core/lib/utils/dom";
+import { aroundTransition } from "@humansignal/core/lib/utils/transition";
 import "./Dropdown.scss";
 import { DropdownContext } from "./DropdownContext";
 import { DropdownTrigger } from "./DropdownTrigger";

web/apps/labelstudio/src/components/HeidiTips/HeidiTip.tsx

@@ -5,7 +5,7 @@ import "./HeidiTip.scss";
 import { Button } from "../Button/Button";
 import { HeidiSpeaking } from "../../assets/images";
 import type { HeidiTipProps, Tip } from "./types";
-import { Tooltip } from "../Tooltip/Tooltip";
+import { Tooltip } from "@humansignal/ui";
 import { createURL } from "./utils";
 
 const HeidiLink: FC<{ link: Tip["link"]; onClick: () => void }> = ({ link, onClick }) => {

web/apps/labelstudio/src/components/Menubar/Menubar.jsx

@@ -20,7 +20,7 @@ import { Breadcrumbs } from "../Breadcrumbs/Breadcrumbs";
 import { Dropdown } from "../Dropdown/Dropdown";
 import { Hamburger } from "../Hamburger/Hamburger";
 import { Menu } from "../Menu/Menu";
-import { Userpic } from "../Userpic/Userpic";
+import { Userpic } from "@humansignal/ui";
 import { VersionNotifier, VersionProvider } from "../VersionNotifier/VersionNotifier";
 import "./Menubar.scss";
 import "./MenuContent.scss";

web/apps/labelstudio/src/components/Modal/ModalPopup.jsx

@@ -2,7 +2,7 @@ import React, { createContext, useContext } from "react";
 import { createPortal } from "react-dom";
 import { IconCross } from "@humansignal/ui";
 import { BemWithSpecifiContext, cn } from "../../utils/bem";
-import { aroundTransition } from "../../utils/transition";
+import { aroundTransition } from "@humansignal/core/lib/utils/transition";
 import { Button } from "../Button/Button";
 import "./Modal.scss";
 

web/apps/labelstudio/src/components/index.js

@@ -9,6 +9,5 @@ export { Menubar } from "./Menubar/Menubar";
 export { SidebarMenu } from "./SidebarMenu/SidebarMenu";
 export { Spinner } from "./Spinner/Spinner";
 export { ToggleItems } from "./ToggleItems/ToggleItems";
-export { Userpic } from "./Userpic/Userpic";
 export { VersionNotifier } from "./VersionNotifier/VersionNotifier";
 export { Pagination } from "./Pagination/Pagination";

web/apps/labelstudio/src/pages/Organization/PeoplePage/PeopleList.jsx

@@ -1,6 +1,7 @@
 import { formatDistance } from "date-fns";
 import { useCallback, useEffect, useState } from "react";
-import { Pagination, Spinner, Userpic } from "../../../components";
+import { Userpic } from "@humansignal/ui";
+import { Pagination, Spinner } from "../../../components";
 import { usePage, usePageSize } from "../../../components/Pagination/Pagination";
 import { useAPI } from "../../../providers/ApiProvider";
 import { Block, Elem } from "../../../utils/bem";

web/apps/labelstudio/src/pages/Organization/PeoplePage/SelectedUser.jsx

@@ -1,7 +1,7 @@
 import { format } from "date-fns";
 import { NavLink } from "react-router-dom";
-import { IconCross } from "@humansignal/ui";
-import { Button, Userpic } from "../../../components";
+import { IconCross, Userpic } from "@humansignal/ui";
+import { Button } from "../../../components";
 import { Block, Elem } from "../../../utils/bem";
 import "./SelectedUser.scss";