@rango-dev/ui 0.33.1-next.0 → 0.33.1-next.2

package/src/components/Alert/Alert.stories.tsx

@@ -1,47 +0,0 @@
-import type { PropTypes } from './Alert.types';
-import type { Meta } from '@storybook/react';
-
-import React from 'react';
-
-import { Alert } from '.';
-
-export default {
-  title: 'Components/Alert',
-  component: Alert,
-  args: {
-    type: 'success',
-    title: 'Please reset your liquidity sources.',
-  },
-  argTypes: {
-    type: {
-      name: 'type',
-      defaultValue: 'success',
-      control: {
-        type: 'select',
-        options: ['success', 'warning', 'error', 'info'],
-      },
-    },
-
-    title: {
-      name: 'title',
-      defaultValue: 'Swap transaction successfully',
-      control: {
-        type: 'text',
-      },
-    },
-  },
-} as Meta<typeof Alert>;
-
-export const Main = (args: PropTypes) => (
-  <div style={{ width: 350 }}>
-    <Alert
-      {...args}
-      footer="Transaction was not sent. 38.3493  AVAX on Avalanche remain in your wallet."
-    />
-  </div>
-);
-export const WithoutFooter = (args: PropTypes) => (
-  <div style={{ width: 350 }}>
-    <Alert {...args} variant="alarm" />
-  </div>
-);

package/src/components/Button/Button.stories.tsx

@@ -1,36 +0,0 @@
-import type { PropTypes } from './Button.types';
-import type { Meta } from '@storybook/react';
-
-import React from 'react';
-
-import { WalletIcon } from '../../icons';
-
-import { Button } from './Button';
-
-const meta: Meta<typeof Button> = {
-  component: Button,
-};
-
-export default meta;
-
-export const Main = (props: PropTypes) => (
-  <Button {...props}>I'm a button</Button>
-);
-
-export const WithPrefix = (args: PropTypes) => {
-  return (
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    //@ts-ignore
-    <Button prefix={<WalletIcon />} {...args}>
-      I'm a button
-    </Button>
-  );
-};
-
-export const WithSuffix = (args: PropTypes) => (
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  //@ts-ignore
-  <Button suffix={<WalletIcon />} {...args}>
-    I'm a button
-  </Button>
-);

package/src/components/ChainToken/ChainToken.stories.tsx

@@ -1,20 +0,0 @@
-import type { PropTypes } from './ChainToken.types';
-import type { Meta } from '@storybook/react';
-
-import React from 'react';
-
-import { ChainToken } from './ChainToken';
-
-const meta: Meta<typeof ChainToken> = {
-  title: 'Components/Chain Token',
-  component: ChainToken,
-  args: {
-    chainImage: 'https://api.rango.exchange/blockchains/bsc.svg',
-    tokenImage: 'https://api.rango.exchange/tokens/ETH/BNB.png',
-    size: 'medium',
-  },
-};
-
-export default meta;
-
-export const Main = (args: PropTypes) => <ChainToken {...args} />;

package/src/components/Checkbox/Checkbox.stories.tsx

@@ -1,33 +0,0 @@
-import type { PropTypes } from './Checkbox.types';
-import type { Meta } from '@storybook/react';
-
-import React from 'react';
-
-import { Checkbox } from './Checkbox';
-
-const meta: Meta<typeof Checkbox> = {
-  title: 'Components/Checkbox',
-  component: Checkbox,
-  args: {
-    label: 'I am a checkbox',
-    defaultChecked: true,
-  },
-  argTypes: {
-    label: {
-      name: 'label',
-      control: { type: 'text' },
-      defaultValue: 'I am a checkbox',
-    },
-    defaultChecked: {
-      name: 'defaultChecked',
-      control: { type: 'boolean' },
-      defaultValue: true,
-    },
-  },
-};
-
-export default meta;
-
-export const Main = (props: PropTypes) => (
-  <Checkbox id="test" label="My checkbox" {...props} />
-);

package/src/components/Chip/Chip.stories.tsx

@@ -1,54 +0,0 @@
-import type { PropTypes } from './Chip.types';
-
-import React from 'react';
-
-import { Chip } from './Chip';
-
-export default {
-  title: 'Components/Chip',
-  component: Chip,
-  args: {
-    label: 'chip',
-    selected: true,
-  },
-  argTypes: {
-    label: {
-      name: 'label',
-      defaultValue: 'chip',
-      control: {
-        type: 'text',
-      },
-    },
-    selected: {
-      name: 'selected',
-      control: { type: 'boolean' },
-      defaultValue: true,
-    },
-  },
-};
-
-export const Main = (args: PropTypes) => <Chip {...args} />;
-
-export const ChipWithPrefix = (args: PropTypes) => (
-  <Chip
-    {...args}
-    prefix={
-      <img
-        src="https://api.rango.exchange/blockchains/binance.svg"
-        style={{ width: '20px' }}
-      />
-    }
-  />
-);
-
-export const ChipWithSuffix = (args: PropTypes) => (
-  <Chip
-    {...args}
-    suffix={
-      <img
-        src="	https://api.rango.exchange/blockchains/binance.svg"
-        style={{ width: '20px' }}
-      />
-    }
-  />
-);

package/src/components/Collapsible/Collapsible.stories.tsx

@@ -1,47 +0,0 @@
-import type { CollapsibleProps } from './Collapsible.types';
-
-import React, { useState } from 'react';
-
-import { ChevronDownIcon } from '../../icons';
-import { Button } from '../Button';
-import { Typography } from '../Typography';
-
-import { CollapsibleComponent as Collapsible } from './Collapsible';
-
-export default {
-  title: 'Components/Collapsible',
-  component: Collapsible,
-  args: {
-    open: false,
-  },
-  argTypes: {
-    open: {
-      name: 'open',
-      defaultValue: false,
-      control: { type: 'boolean' },
-    },
-  },
-};
-
-export const Main = (args: CollapsibleProps) => {
-  const [open, setOpen] = useState<boolean>(false);
-
-  return (
-    <Collapsible
-      {...args}
-      trigger={
-        <Button onClick={() => setOpen(!open)}>
-          <Typography size="medium" variant="title">
-            Trigger
-          </Typography>
-          <ChevronDownIcon size={10} color="gray" />
-        </Button>
-      }
-      open={open || args.open}
-      onOpenChange={() => setOpen(!open)}>
-      <Typography size="medium" variant="title">
-        Content
-      </Typography>
-    </Collapsible>
-  );
-};

package/src/components/Flags/flags.stories.tsx

@@ -1,67 +0,0 @@
-import type { Meta } from '@storybook/react';
-
-import React from 'react';
-
-import { styled } from '../../theme';
-import { Typography } from '../Typography';
-
-import * as Flags from '.';
-
-export default {
-  title: 'Components/Flags',
-  component: Flags.English,
-  args: {
-    size: 16,
-    color: 'black',
-  },
-  argTypes: {
-    color: {
-      name: 'color',
-      control: { type: 'select' },
-      options: [
-        'primary',
-        'secondary',
-        'error',
-        'warning',
-        'success',
-        'black',
-        'white',
-        'gray',
-        'info',
-      ],
-    },
-
-    size: {
-      name: 'size',
-      control: { type: 'select' },
-      // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-      options: [16, 18, 20, 24, 28, 32, 36, 40],
-      defaultValue: 16,
-    },
-  },
-} as Meta<any>;
-
-const Container = styled('div', {
-  display: 'grid',
-  gridTemplateColumns: 'auto auto auto auto auto',
-  gap: 15,
-});
-
-export const Main = (props: Flags.FlagPropTypes) => (
-  <Container>
-    {Object.keys(Flags).map((icon) => {
-      // eslint-disable-next-line
-      // @ts-ignore
-      const Component = Flags[icon];
-      return (
-        <div key={icon}>
-          <Component {...props} />
-          <div />
-          <Typography variant="label" size="medium">
-            {icon}
-          </Typography>
-        </div>
-      );
-    })}
-  </Container>
-);

package/src/components/FullExpandedQuote/FullExpandedQuote.stories.tsx

@@ -1,29 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { FullExpandedQuote } from './FullExpandedQuote';
-import { steps, tags } from './mock';
-
-const meta: Meta<typeof FullExpandedQuote> = {
-  component: FullExpandedQuote,
-};
-
-export default meta;
-type Story = StoryObj<typeof FullExpandedQuote>;
-
-export const Main: Story = {
-  args: {
-    steps,
-    tags,
-    time: '11:30',
-    fee: '16.46',
-    warningLevel: 'low',
-    percentageChange: '10',
-    outputPrice: {
-      realValue: '2.87978979879',
-      realUsdValue: '23.65484879797',
-      value: '2.5556484',
-      usdValue: '23.564464',
-    },
-    selected: false,
-  },
-};