feat: wip

apps/evm/src/assets/styles/index.css

@@ -1,4 +1,5 @@
-@import '@venusprotocol/ui/styles.css';
+@import '@venusprotocol/ui/fonts/proximaNova';
+@import '@venusprotocol/ui/theme';
 
 @tailwind base;
 @tailwind components;
@@ -16,7 +17,7 @@
 }
 
 body {
-  font-family: 'ProximaNova', sans-serif;
+  font-family: var(--font-proxima-nova), sans-serif;
   background-color: theme('colors.background');
   color: theme('colors.offWhite');
 }

apps/evm/src/components/ApprovalSteps/index.tsx

@@ -3,8 +3,8 @@ import { Typography } from '@mui/material';
 
 import { handleError } from 'libs/errors';
 
+import { PrimaryButton } from '@venusprotocol/ui';
 import { InfoIcon } from 'components/InfoIcon';
-import { PrimaryButton } from '../Button';
 import { useStyles } from './styles';
 
 export interface ApprovalStepsProps {

apps/evm/src/components/ButtonGroup/index.tsx

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
-import { TertiaryButton } from '../Button';
+import { TertiaryButton } from '@venusprotocol/ui';
 import { useStyles } from './styles';
 
 export interface ButtonGroupProps {

apps/evm/src/components/Notice/index.tsx

@@ -1,8 +1,7 @@
 import { cn } from 'utilities';
 
-import { TextButton } from '../Button';
+import { Spinner, TextButton } from '@venusprotocol/ui';
 import { Icon, type IconName } from '../Icon';
-import { Spinner } from '../Spinner';
 import type { NoticeProps, NoticeVariant } from './types';
 
 export * from './types';

apps/evm/src/components/Pagination/index.tsx

@@ -2,7 +2,7 @@
 import Typography from '@mui/material/Typography';
 import type { ReactElement } from 'react';
 
-import { Button } from '../Button';
+import { Button } from '@venusprotocol/ui';
 import { Icon, type IconProps } from '../Icon';
 import { useStyles } from './styles';
 import { usePagination } from './usePagination';

apps/evm/src/components/Select/index.tsx

@@ -2,7 +2,7 @@ import { forwardRef, useCallback, useMemo } from 'react';
 
 import { Dropdown } from '../Dropdown';
 
-import { Button } from 'components/Button';
+import { Button } from '@venusprotocol/ui';
 import { cn } from 'utilities';
 import { renderLabel } from '../Dropdown/renderLabel';
 import { Icon } from '../Icon';

apps/evm/src/components/SelectTokenTextField/TokenList/index.tsx

@@ -7,7 +7,7 @@ import { useTranslation } from 'libs/translations';
 import type { Token, TokenBalance } from 'types';
 import { cn, convertMantissaToTokens } from 'utilities';
 
-import { SenaryButton } from '../../Button';
+import { SenaryButton } from '@venusprotocol/ui';
 import { TextField } from '../../TextField';
 import { useStyles as useParentStyles } from '../styles';
 import { getTokenListItemTestId } from '../testIdGetters';

apps/evm/src/components/SelectTokenTextField/index.tsx

@@ -5,7 +5,7 @@ import { useState } from 'react';
 import { TokenIconWithSymbol } from 'components/TokenIconWithSymbol';
 import type { Token, TokenBalance } from 'types';
 
-import { TertiaryButton } from '../Button';
+import { TertiaryButton } from '@venusprotocol/ui';
 import { Icon } from '../Icon';
 import { TokenTextField, type TokenTextFieldProps } from '../TokenTextField';
 import TokenList from './TokenList';

apps/evm/src/components/SpendingLimit/index.tsx

@@ -1,14 +1,14 @@
 import type BigNumber from 'bignumber.js';
 
+import { Spinner } from '@venusprotocol/ui';
 import { LabeledInlineContent } from 'components/LabeledInlineContent';
-import { Spinner } from 'components/Spinner';
 import useFormatTokensToReadableValue from 'hooks/useFormatTokensToReadableValue';
 import { handleError } from 'libs/errors';
 import { useTranslation } from 'libs/translations';
 import type { Token } from 'types';
 
+import { TextButton } from '@venusprotocol/ui';
 import { InfoIcon } from 'components/InfoIcon';
-import { TextButton } from '../Button';
 
 export interface SpendingLimitProps {
   token: Token;