feat: update imports to use aliases

packages/libs/react-ui/src/components/Accordion/AccordionSection.tsx

@@ -1,12 +1,11 @@
-import { SystemIcon } from '../Icon';
-
 import {
   accordionSectionClass,
   accordionTitleClass,
   accordionTitleVariants,
   toggleButtonClass,
 } from './Accordion.css';
 
+import { SystemIcon } from '@components/Icon';
 import classNames from 'classnames';
 import React, { FC, useEffect, useRef } from 'react';
 

packages/libs/react-ui/src/components/Footer/Footer.stories.tsx

@@ -1,11 +1,10 @@
+import { Footer, IFooterIconItemProps, IFooterProps } from './index';
+
 import {
-  IFooterIconItemProps,
   IFooterLinkItemProps,
-  SystemIcon,
-} from './../../';
-import { Footer, FooterVariant, IFooterProps } from './index';
-
-import { Target } from '@components/Footer/FooterLinkItem';
+  Target,
+} from '@components/Footer/FooterLinkItem';
+import { SystemIcon } from '@components/Icon';
 import { IconType } from '@components/Icon/IconWrapper';
 import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';

packages/libs/react-ui/src/components/Footer/Footer.test.tsx

@@ -26,7 +26,7 @@ describe('Footer', () => {
       },
     ];
 
-    const { getByTestId, getAllByTestId } = render(
+    const { getByTestId } = render(
       <Footer.Root>
         <Footer.Panel>
           {menuLinks.map((item, index) => {

packages/libs/react-ui/src/components/Footer/index.ts

@@ -1,4 +1,4 @@
-import { FooterContainer, IFooterProps, FooterVariant } from './Footer';
+import { FooterContainer, FooterVariant, IFooterProps } from './Footer';
 import { FooterIconItem, IFooterIconItemProps } from './FooterIconItem';
 import { FooterLinkItem, IFooterLinkItemProps } from './FooterLinkItem';
 import { FooterPanel, IFooterPanelProps } from './FooterPanel';

packages/libs/react-ui/src/components/InputWrapper/InputWrapper.css.ts

@@ -1,10 +1,9 @@
-import { inputStatusColor } from '../Input/Input.css';
-
 import {
   helperIconColor,
   helperTextColor,
 } from './InputHelper/InputHelper.css';
 
+import { inputStatusColor } from '@components/Input/Input.css';
 import { sprinkles } from '@theme/sprinkles.css';
 import { vars } from '@theme/vars.css';
 import { styleVariants } from '@vanilla-extract/css';

packages/libs/react-ui/src/components/MaskedValue/MaskedValue.css.ts

@@ -1,5 +1,4 @@
-import { sprinkles } from '../../styles';
-
+import { sprinkles } from '@theme/sprinkles.css';
 import { createVar, style } from '@vanilla-extract/css';
 
 export const inputStatusColor = createVar();

packages/libs/react-ui/src/components/MaskedValue/MaskedValue.tsx

@@ -1,12 +1,11 @@
-import { SystemIcon } from '../Icon';
-
 import {
   iconContainer,
   titleContainer,
   valueContainer,
   valueIconContainer,
 } from './MaskedValue.css';
 
+import { SystemIcon } from '@components/Icon';
 import React, { FC, useState } from 'react';
 
 export interface IMaskedValueProps {

packages/libs/react-ui/src/components/Select/Select.css.ts

@@ -1,5 +1,4 @@
-import { sprinkles } from '../../styles';
-
+import { sprinkles } from '@theme/sprinkles.css';
 import { style } from '@vanilla-extract/css';
 
 export const containerClass = style([

packages/libs/react-ui/src/components/Select/Select.stories.tsx

@@ -1,8 +1,7 @@
-import { SystemIcon } from '../Icon';
-
 import { Option } from './Option';
 import { ISelectProps, Select } from './Select';
 
+import { SystemIcon } from '@components/Icon';
 import type { Meta, StoryObj } from '@storybook/react';
 import React, { useState } from 'react';
 

packages/libs/react-ui/src/components/Select/Select.tsx

@@ -1,5 +1,3 @@
-import { SystemIcon } from '../Icon';
-
 import {
   containerClass,
   containerClassDisabled,
@@ -8,6 +6,7 @@ import {
   selectContainerClass,
 } from './Select.css';
 
+import { SystemIcon } from '@components/Icon';
 import classNames from 'classnames';
 import React, { FC, forwardRef } from 'react';
 

packages/libs/react-ui/src/components/Stack/Stack.tsx

@@ -1,5 +1,4 @@
-import { Sprinkles, sprinkles } from '../../styles';
-
+import { Sprinkles, sprinkles } from '@theme/sprinkles.css';
 import React, { createElement, ElementType } from 'react';
 
 export interface IStackProps

packages/libs/react-ui/src/components/TextField/TextField.stories.tsx

@@ -1,7 +1,6 @@
-import { statusVariant } from '../InputWrapper/InputWrapper.css';
-
 import { SystemIcon } from '@components/Icon';
 import { IInputProps } from '@components/Input';
+import { statusVariant } from '@components/InputWrapper/InputWrapper.css';
 import { ITextFieldProps, TextField } from '@components/TextField';
 import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';

packages/libs/react-ui/src/components/Tooltip/Tooltip.css.ts

@@ -1,5 +1,5 @@
-import { sprinkles, vars } from '../../styles';
-
+import { sprinkles } from '@theme/sprinkles.css';
+import { vars } from '@theme/vars.css';
 import { style, styleVariants } from '@vanilla-extract/css';
 
 export const container = style([

packages/libs/react-ui/src/components/Tooltip/Tooltip.stories.tsx

@@ -1,8 +1,8 @@
-import { IconButton, SystemIcon } from '..';
-
 import { container } from './stories.css';
 import { ITooltipProps, Tooltip } from './';
 
+import { SystemIcon } from '@components/Icon';
+import { IconButton } from '@components/IconButton';
 import type { Meta, StoryObj } from '@storybook/react';
 import React, { useRef } from 'react';
 

packages/libs/react-ui/src/components/Tooltip/stories.css.ts

@@ -1,5 +1,4 @@
-import { sprinkles } from '../../styles';
-
+import { sprinkles } from '@theme/sprinkles.css';
 import { style } from '@vanilla-extract/css';
 
 export const container = style([

packages/libs/react-ui/src/components/Tree/TreeItems.tsx

@@ -1,5 +1,3 @@
-import { SystemIcon } from '../Icon';
-
 import {
   treeBranchWrapperVariant,
   treeTitleClass,
@@ -10,6 +8,7 @@ import {
   treeWrapperClass,
 } from './Tree.css';
 
+import { SystemIcon } from '@components/Icon';
 import classNames from 'classnames';
 import React, { FC, useState } from 'react';