fix: Update panda imports with new design system

novuhq · May 17, 2024 · 754fd7e · 754fd7e
1 parent 49c96de
commit 754fd7e
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 14 deletions.
diff --git a/apps/web/src/components/docs/Docs.tsx b/apps/web/src/components/docs/Docs.tsx
@@ -5,9 +5,9 @@ import * as mdxBundler from 'mdx-bundler/client';
 import { Highlight } from './Highlight';
 import { useQuery } from '@tanstack/react-query';
 import { useSegment } from '@novu/shared-web';
-import { Center, Flex, Grid, GridItem, styled, VStack } from '../../styled-system/jsx';
-import { css } from '../../styled-system/css';
-import { text, title as RTitle } from '../../styled-system/recipes';
+import { Center, Flex, Grid, GridItem, styled, VStack } from '@novu/novui/jsx';
+import { css } from '@novu/novui/css';
+import { text, title as RTitle } from '@novu/novui/recipes';
 import { DOCS_URL, MDX_URL, MINTLIFY_IMAGE_URL } from './docs.const';
 
 const Text = styled('p', text);

diff --git a/apps/web/src/components/docs/DocsButton.tsx b/apps/web/src/components/docs/DocsButton.tsx
@@ -3,10 +3,10 @@ import { ActionButton, Button, IconOutlineMenuBook, QuickGuide, Tooltip, useColo
 import { useSegment } from '@novu/shared-web';
 import { useEffect, useMemo, useState } from 'react';
 import { matchPath, useLocation } from 'react-router-dom';
-import { css, cva } from '../../styled-system/css';
-import { Flex, styled } from '../../styled-system/jsx';
-import { text, title } from '../../styled-system/recipes';
-import { SystemStyleObject } from '../../styled-system/types';
+import { css, cva } from '@novu/novui/css';
+import { Flex, styled } from '@novu/novui/jsx';
+import { text, title } from '@novu/novui/recipes';
+import { SystemStyleObject } from '@novu/novui/types';
 import { PATHS } from './docs.const';
 import { DocsModal } from './DocsModal';
 

diff --git a/apps/web/src/components/docs/DocsModal.tsx b/apps/web/src/components/docs/DocsModal.tsx
@@ -2,9 +2,9 @@ import { ColorScheme } from '@mantine/core';
 import { IconOpenInNew, IconOutlineClose, useColorScheme, Modal, ActionButton } from '@novu/design-system';
 import { useSegment } from '@novu/shared-web';
 import { useEffect, useState } from 'react';
-import { css, cva } from '../../styled-system/css';
-import { Flex } from '../../styled-system/jsx';
-import { SystemStyleObject } from '../../styled-system/types';
+import { cva } from '@novu/novui/css';
+import { Flex } from '@novu/novui/jsx';
+import { SystemStyleObject } from '@novu/novui/types';
 import { openInNewTab } from '../../utils';
 import { Docs } from './Docs';
 import { DOCS_URL } from './docs.const';

diff --git a/apps/web/src/components/docs/VotingWidget.tsx b/apps/web/src/components/docs/VotingWidget.tsx
@@ -1,7 +1,7 @@
 import { ActionButton, IconThumbDownAlt, IconThumbUpAlt } from '@novu/design-system';
-import { css } from '../../styled-system/css';
-import { Flex, styled } from '../../styled-system/jsx';
-import { text } from '../../styled-system/recipes';
+import { css } from '@novu/novui/css';
+import { Flex, styled } from '@novu/novui/jsx';
+import { text } from '@novu/novui/recipes';
 
 const Text = styled('p', text);
 

diff --git a/apps/web/src/components/layout/components/PageHeader.tsx b/apps/web/src/components/layout/components/PageHeader.tsx
@@ -1,6 +1,6 @@
 import { Group } from '@mantine/core';
 import { Title, Container } from '@novu/design-system';
-import { Flex } from '../../../styled-system/jsx';
+import { Flex } from '@novu/novui/jsx';
 import { DocsButton } from '../../docs/DocsButton';
 
 function PageHeader({ actions, title }: { actions?: JSX.Element; title: string }) {