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

package/src/components/BlockchainSelector/BlockchainSelector.stories.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { BlockchainSelector, PropTypes } from './BlockchainSelector';
-import { blockchainMeta } from '../BlockchainsList/mockData';
-import { SwapContainer } from '../SwapContainer/SwapContainer';
-
-export default {
-  title: 'Blockchain Selector',
-  component: BlockchainSelector,
-  argTypes: {
-    type: {
-      defaultValue: 'Source',
-    },
-  },
-} as ComponentMeta<typeof BlockchainSelector>;
-
-export const Main = (args: PropTypes) => (
-  <SwapContainer>
-    <BlockchainSelector
-      {...args}
-      list={blockchainMeta}
-      selected={blockchainMeta[0]}
-    />
-  </SwapContainer>
-);

package/src/components/ConnectWalletsModal/ConnectWallets.stories.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { ConnectWalletsModal, PropTypes } from './ConnectWalletsModal';
-import { walletsInfo } from './mockData';
-
-export default {
-  title: 'Connect Wallets Modal',
-  component: ConnectWalletsModal,
-} as ComponentMeta<typeof ConnectWalletsModal>;
-
-export const Main = (args: PropTypes) => (
-  <ConnectWalletsModal {...args} list={walletsInfo} />
-);

package/src/components/Settings/Settings.stories.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-import { Settings, PropTypes } from './Settings';
-import { SwapContainer } from '../SwapContainer/SwapContainer';
-import { liquiditySources } from '../LiquiditySourceList/mockData';
-
-export default {
-  title: 'Settings',
-  component: Settings,
-  argTypes: {
-    slippages: {
-      defaultValue: [0.5, 1, 3, 5, 8, 13, 20],
-    },
-    selectedSlippage: { defaultValue: 3 },
-    liquiditySources: {
-      defaultValue: liquiditySources,
-    },
-    selectedLiquiditySources: {
-      defaultValue: liquiditySources.slice(0, 5),
-    },
-    minSlippage: {
-      defaultValue: 1,
-    },
-    maxSlippage: {
-      defaultValue: 10,
-    },
-  },
-} as ComponentMeta<typeof Settings>;
-
-export const Main = (args: PropTypes) => (
-  <SwapContainer>
-    <Settings {...args} />
-  </SwapContainer>
-);

package/src/components/Spacer/Spacer.stories.tsx

@@ -1,31 +0,0 @@
-import { ComponentMeta } from '@storybook/react';
-import React from 'react';
-import { Typography } from '../Typography';
-import { Spacer, PropTypes } from './Spacer';
-
-export default {
-  title: 'Components/Spacer',
-  component: Spacer,
-  argTypes: {
-    size: {
-      name: 'size',
-      control: { type: 'select' },
-      options: [12, 16, 18, 20],
-      defaultValue: 12,
-    },
-    direction: {
-      name: 'direction',
-      control: { type: 'select' },
-      options: ['vertical', 'horizontal'],
-      defaultValue: 'horizontal',
-    },
-  },
-} as ComponentMeta<typeof Spacer>;
-
-export const Main = (props: PropTypes) => (
-  <div style={{ display: props.direction === 'horizontal' ? 'flex' : 'block' }}>
-    <Typography variant="body1">spacer </Typography>
-    <Spacer {...props} />
-    <Typography variant="body1">spacer</Typography>
-  </div>
-);

package/src/components/Spacer/Spacer.tsx

@@ -1,128 +0,0 @@
-import React from 'react';
-import { styled } from '../../theme';
-
-const SpacerContainer = styled('div', {
-  variants: {
-    size: {
-      4: {},
-      8: {},
-      12: {},
-      16: {},
-      18: {},
-      20: {},
-      24: {},
-    },
-    direction: {
-      vertical: {},
-      horizontal: {},
-    },
-  },
-  compoundVariants: [
-    {
-      size: 4,
-      direction: 'horizontal',
-      css: {
-        width: '$4',
-      },
-    },
-    {
-      size: 4,
-      direction: 'vertical',
-      css: {
-        height: '$4',
-      },
-    },
-    {
-      size: 8,
-      direction: 'horizontal',
-      css: {
-        width: '$8',
-      },
-    },
-    {
-      size: 8,
-      direction: 'vertical',
-      css: {
-        height: '$8',
-      },
-    },
-    {
-      size: 12,
-      direction: 'horizontal',
-      css: {
-        width: '$12',
-      },
-    },
-    {
-      size: 12,
-      direction: 'vertical',
-      css: {
-        height: '$12',
-      },
-    },
-    {
-      size: 16,
-      direction: 'horizontal',
-      css: {
-        width: '$16',
-      },
-    },
-    {
-      size: 16,
-      direction: 'vertical',
-      css: {
-        height: '$16',
-      },
-    },
-    {
-      size: 18,
-      direction: 'horizontal',
-      css: {
-        width: '$18',
-      },
-    },
-    {
-      size: 18,
-      direction: 'vertical',
-      css: {
-        height: '$18',
-      },
-    },
-    {
-      size: 20,
-      direction: 'horizontal',
-      css: {
-        width: '$20',
-      },
-    },
-    {
-      size: 20,
-      direction: 'vertical',
-      css: {
-        height: '$20',
-      },
-    },
-    {
-      size: 24,
-      direction: 'horizontal',
-      css: {
-        width: '$24',
-      },
-    },
-    {
-      size: 24,
-      direction: 'vertical',
-      css: {
-        height: '$24',
-      },
-    },
-  ],
-});
-export interface PropTypes {
-  size?: 4 | 8 | 12 | 16 | 18 | 20 | 24;
-  direction?: 'vertical' | 'horizontal';
-}
-
-export function Spacer({ size = 12, direction = 'horizontal' }: PropTypes) {
-  return <SpacerContainer size={size} direction={direction} />;
-}

package/src/components/Spacer/index.ts

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

package/src/components/SwapContainer/SwapContainer.stories.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ComponentMeta } from '@storybook/react';
-
-import { SwapContainer, PropTypes } from './SwapContainer';
-
-export default {
-  title: 'Components/Swap Box',
-  component: SwapContainer,
-} as ComponentMeta<typeof SwapContainer>;
-
-export const Main = (args: PropTypes) => (
-  <SwapContainer {...args}></SwapContainer>
-);