@0xsquid/ui 0.1.1-beta.0

package/dist/esm/types/stories/buttons/FeeButton.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FeeButton } from '../../components/buttons/FeeButton';
+declare const meta: Meta<typeof FeeButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/stories/controls/Input.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Input } from '../../components/controls/Input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutIcon: Story;
+export declare const WithPasteButton: Story;

package/dist/esm/types/stories/controls/Switch.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Switch } from '../../components/controls/Switch';
+declare const meta: Meta<typeof Switch>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LargeChecked: Story;
+export declare const LargeUnchecked: Story;
+export declare const SmallChecked: Story;
+export declare const SmallUnchecked: Story;

package/dist/esm/types/stories/controls/Tooltip.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from '../../components/controls/Tooltip';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FillContainerShortText: Story;
+export declare const FillContainerLongText: Story;
+export declare const FillMaxShortText: Story;
+export declare const FillMaxLongText: Story;
+export declare const ThresholdExtraExtraSmall: Story;
+export declare const ThresholdMedium: Story;
+export declare const ThresholdExtraLarge: Story;

package/dist/esm/types/stories/layout/DetailsToolbar.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DetailsToolbar } from '../../components/layout/DetailsToolbar';
+declare const meta: Meta<typeof DetailsToolbar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const Error: Story;

package/dist/esm/types/stories/layout/Menu.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Menu } from '../../components/layout/Menu';
+declare const meta: Meta<typeof Menu>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/stories/layout/NavigationBar.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NavigationBar } from '../../components/layout/NavigationBar';
+declare const meta: Meta<typeof NavigationBar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Title: Story;
+export declare const BackButton: Story;
+export declare const Logo: Story;
+export declare const AllProps: Story;

package/dist/esm/types/stories/layout/ProductCard.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ProductCard } from '../../components/layout/ProductCard';
+declare const meta: Meta<typeof ProductCard>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/stories/layout/SwapConfiguration.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SwapConfiguration } from '../../components/layout/SwapConfiguration';
+declare const meta: Meta<typeof SwapConfiguration>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ChainOnly: Story;
+export declare const ChainAndToken: Story;
+export declare const WithAmount: Story;
+export declare const WithSwapAmountUsd: Story;
+export declare const WithBalance: Story;
+export declare const LowPriceImpact: Story;
+export declare const HighPriceImpact: Story;
+export declare const IsFetching: Story;
+export declare const AllProps: Story;
+export declare const ToDirection: Story;

package/dist/esm/types/stories/lists/DropdownMenuItem.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DropdownMenuItem } from '../../components/lists/DropdownMenuItem';
+declare const meta: Meta<typeof DropdownMenuItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Image: Story;
+export declare const Icon: Story;

package/dist/esm/types/stories/lists/HistoryItem.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { HistoryItem } from '../../components/lists/HistoryItem';
+declare const meta: Meta<typeof HistoryItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Pending: Story;

package/dist/esm/types/stories/lists/ListItem.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ListItem } from '../../components/lists/ListItem';
+declare const meta: Meta<typeof ListItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Large: Story;
+export declare const LargeWithSubtitle: Story;
+export declare const LargeWithDetail: Story;
+export declare const LargeWithIcon: Story;
+export declare const LargeWithSecondaryImage: Story;
+export declare const LargeWithCustomIconAsImage: Story;
+export declare const Small: Story;
+export declare const SmallWithIcon: Story;
+export declare const SmallWithCustomIconAsImage: Story;

package/dist/esm/types/stories/lists/MenuItem.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MenuItem } from '../../components/lists/MenuItem';
+declare const meta: Meta<typeof MenuItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithImage: Story;
+export declare const WithIcon: Story;

package/dist/esm/types/stories/lists/SectionTitle.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SectionTitle } from '../../components/lists/SectionTitle';
+declare const meta: Meta<typeof SectionTitle>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TitleOnly: Story;
+export declare const WithIcon: Story;
+export declare const WithIconAndAccessory: Story;

package/dist/esm/types/stories/typography/BodyText.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BodyText } from '../../components/typography/BodyText';
+declare const meta: Meta<typeof BodyText>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const SmallBold: Story;
+export declare const MediumBold: Story;
+export declare const LargeBold: Story;

package/dist/esm/types/stories/typography/CaptionText.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CaptionText } from '../../components/typography/CaptionText';
+declare const meta: Meta<typeof CaptionText>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/stories/typography/HeadingText.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { HeadingText } from '../../components/typography/HeadingText';
+declare const meta: Meta<typeof HeadingText>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const SmallBold: Story;
+export declare const MediumBold: Story;
+export declare const LargeBold: Story;

package/dist/esm/types/stories/views/AssetsView.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AssetsView } from '../../components/views/AssetsView';
+declare const meta: Meta<typeof AssetsView>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/stories/views/MainView.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MainView } from '../../components/views/MainView';
+declare const meta: Meta<typeof MainView>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/stories/views/RecipientView.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RecipientView } from '../../components/views/RecipientView';
+declare const meta: Meta<typeof RecipientView>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const PaymentMethod: Story;
+export declare const RecipientEmpty: Story;
+export declare const RecipientTypingEns: Story;
+export declare const RecipientTypingAddress: Story;

package/dist/esm/types/stories/views/SwapProgressView.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SwapProgressView } from '../../components/views/SwapProgressView';
+declare const meta: Meta<typeof SwapProgressView>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Confirm: Story;
+export declare const Progress: Story;
+export declare const Completed: Story;
+export declare const Failed: Story;
+export declare const ConfirmationTooLong: Story;
+export declare const ConfirmationRejected: Story;
+export declare const PartialSuccess: Story;

package/dist/esm/types/stories/views/WalletsView.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { WalletsView } from '../../components/views/WalletsView';
+declare const meta: Meta<typeof WalletsView>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/types/components.d.ts

@@ -0,0 +1,12 @@
+export type TextSize = 'small' | 'medium' | 'large';
+export type SwitchSize = 'small' | 'large';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+export type ButtonSize = 'md' | 'lg';
+export type SwapDirection = 'from' | 'to';
+export type BoostMode = 'normal' | 'boost';
+export declare enum DetailsToolbarState {
+    FULL = 0,
+    LOADING = 1,
+    EMPTY = 2,
+    ERROR = 3
+}

package/dist/esm/types/types/config.d.ts

@@ -0,0 +1,45 @@
+/**
+ * The color format must be of type #FFFFFF
+ */
+export type ColorType = `#${string}${string}${string}${string}${string}${string}`;
+export interface ConfigTheme {
+    'grey-100': string;
+    'grey-200': string;
+    'grey-300': string;
+    'grey-400': string;
+    'grey-500': string;
+    'grey-600': string;
+    'grey-700': string;
+    'grey-800': string;
+    'grey-900': string;
+    'royal-100': string;
+    'royal-200': string;
+    'royal-300': string;
+    'royal-400': string;
+    'royal-500': string;
+    'royal-600': string;
+    'royal-700': string;
+    'royal-800': string;
+    'status-positive': string;
+    'status-negative': string;
+    'material-light-thin': string;
+    'material-light-average': string;
+    'material-light-thick': string;
+    'material-dark-thin': string;
+    'material-dark-average': string;
+    'material-dark-thick': string;
+    'volt-300': string;
+    'volt-400': string;
+    'volt-600': string;
+    'volt-700': string;
+    'volt-800': string;
+    'volt-900': string;
+    'accent-salmon': string;
+    'accent-gold': string;
+}
+/**
+ * Mapping between readable variables name and css variables used TailwindCSS config
+ */
+export declare const themeTypesKeys: Record<keyof ConfigTheme, {
+    cssVariable: string;
+}>;