@rango-dev/ui 0.1.14 → 0.1.16-next.0

package/src/theme.ts

@@ -2,9 +2,7 @@
 
 import { PropertyValue, CreateStitches } from '@stitches/react';
 import { DefaultThemeMap } from '@stitches/react/types/config';
-
-// Solution: (https://github.com/stitchesjs/stitches/issues/833#issuecomment-950707025)
-const { createStitches } = require('@stitches/react');
+import { createStitches } from '@stitches/react';
 
 /* ----------------------- Values ----------------------- */
 
@@ -107,8 +105,7 @@ const theme = {
     10: '12px',
   },
   shadows: {
-    s:
-      '0px 3px 5px 3px #f0f2f5, 0px 6px 10px 3px #f0f2f5, 0px 1px 18px 3px #f0f2f5',
+    s: '0px 3px 5px 3px #f0f2f5, 0px 6px 10px 3px #f0f2f5, 0px 1px 18px 3px #f0f2f5',
   },
   zIndices: {},
   transitions: {},
@@ -128,23 +125,18 @@ const utils = {
 
 const typedCreateStiches = createStitches as CreateStitches;
 
-// Note: it seems there is a bug on tsdx and when it compiles the code, it goes through an error
-// We can directly check it with `tsc` to see if the error is correct or not.
-// We `ignore` it for now, to get safety check on VSCode.
-// @ts-ignore
-export const { styled, css, createTheme, keyframes, globalCss } =
-  typedCreateStiches<
-    '',
-    typeof media,
-    typeof theme,
-    DefaultThemeMap,
-    // TODO: Make `utils` typesafe as well.
-    {}
-  >({
-    media,
-    theme,
-    utils,
-  });
+export const { styled, css, createTheme, keyframes, globalCss } = typedCreateStiches<
+  '',
+  typeof media,
+  typeof theme,
+  DefaultThemeMap,
+  // TODO: Make `utils` typesafe as well.
+  {}
+>({
+  media,
+  theme,
+  utils,
+});
 
 export const lightTheme = createTheme({});
 

package/src/types/index.ts

@@ -1,3 +1,3 @@
 export * from './wallet';
 
-export { BestRouteWithFee } from './swaps';
+export type { BestRouteWithFee } from './swaps';

package/dist/components/Spacer/Spacer.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface PropTypes {
-    size?: 4 | 8 | 12 | 16 | 18 | 20 | 24;
-    direction?: 'vertical' | 'horizontal';
-}
-export declare function Spacer({ size, direction }: PropTypes): JSX.Element;

package/dist/components/Spacer/Spacer.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { PropTypes } from './Spacer';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
-export default _default;
-export declare const Main: (props: PropTypes) => JSX.Element;

package/dist/components/Spacer/index.d.ts

@@ -1 +0,0 @@
-export { Spacer } from './Spacer';

package/dist/components/SwapContainer/SwapContainer.stories.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { PropTypes } from './SwapContainer';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
-export default _default;
-export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/TokenSelector/TokenSelector.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { TokenWithAmount } from '../TokenList/TokenList';
-import { LoadingStatus } from '../../types/meta';
-export declare const LoaderContainer: any;
-export interface PropTypes {
-    list: TokenWithAmount[];
-    type?: 'Source' | 'Destination';
-    selected: TokenWithAmount | null;
-    onChange: (token: TokenWithAmount) => void;
-    onBack?: () => void;
-    loadingStatus: LoadingStatus;
-    hasHeader?: boolean;
-}
-export declare function TokenSelector(props: PropTypes): JSX.Element;