@0xsquid/ui 1.0.0 → 2.0.0

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

@@ -1,16 +1,30 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { SwapConfiguration } from '../../components/layout/SwapConfiguration';
+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 EmptyVariantPrimary: Story;
+export declare const EmptyVariantWithoutNumericInputDetails: Story;
+export declare const EmptyVariantAccent: Story;
+export declare const Loading: Story;
+export declare const LoadingWithAllProps: Story;
+export declare const InputNotInteractive: Story;
+export declare const InputNotInteractiveWithAllProps: Story;
 export declare const ChainOnly: Story;
 export declare const ChainAndToken: Story;
-export declare const WithAmount: Story;
 export declare const WithSwapAmountUsd: Story;
+export declare const Address: Story;
 export declare const WithBalance: Story;
 export declare const LowPriceImpact: Story;
 export declare const HighPriceImpact: Story;
+export declare const ZeroPriceImpact: Story;
 export declare const IsFetching: Story;
 export declare const AllProps: Story;
 export declare const ToDirection: Story;
+export declare const FromAddressEmpty: Story;
+export declare const ToAddressEmpty: Story;
+export declare const Error: Story;
+export declare const WithTooltips: Story;
+export declare const WithoutSourceConnectLabels: Story;
+export declare const WithoutDestConnectLabels: Story;
+export declare const AddressOnly: Story;

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

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

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { SwapStepsCollapsed } from "../../components/layout/SwapStepsCollapsed";
+declare const meta: Meta<typeof SwapStepsCollapsed>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FirstStep: Story;
+export declare const MiddleStep: Story;
+export declare const LastStep: Story;
+export declare const ShortRoute: Story;
+export declare const LongRoute: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const LongDescriptionSteps: Story;

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Toast } from "../../components/layout/Toast";
+declare const meta: Meta<typeof Toast>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TitleAndDescription: Story;
+export declare const WithActions: Story;
+export declare const WithHeaderContent: Story;
+export declare const WithChip: Story;
+export declare const AllProps: Story;

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { TokenPair } from "../../components/layout/TokenPair";
+declare const meta: Meta<typeof TokenPair>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Horizontal: Story;
+export declare const HorizontalSmall: Story;
+export declare const Vertical: Story;
+export declare const VerticalSmall: Story;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react/*";
+declare function TransactionFiltersWithState(): import("react/jsx-runtime").JSX.Element;
+declare const meta: Meta<typeof TransactionFiltersWithState>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from "@storybook/react/*";
+import { TransactionHeader, TransactionHeaderProps } from "../../components/layout/TransactionHeader/TransactionHeader";
+declare const meta: Meta<typeof TransactionHeader>;
+export default meta;
+type Story = StoryObj<TransactionHeaderProps>;
+export declare const Swap: Story;
+export declare const BuyNFT: Story;
+export declare const Interaction: Story;
+export declare const Bridge: Story;
+export declare const Profile: Story;

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react/*";
+import { TransactionProperties, TransactionPropertiesProps } from "../../components/layout/TransactionProperties";
+declare const meta: Meta<typeof TransactionProperties>;
+export default meta;
+type Story = StoryObj<TransactionPropertiesProps>;
+export declare const Swap: Story;
+export declare const BuyNFT: Story;
+export declare const Interaction: Story;
+export declare const Bridge: Story;

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

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

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

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

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

@@ -1,7 +1,13 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { DropdownMenuItem } from '../../components/lists/DropdownMenuItem';
+import { Meta, StoryObj } from "@storybook/react";
+import { DropdownMenuItem, DropdownMenuItemProps } from "../../components/lists/DropdownMenuItem";
 declare const meta: Meta<typeof DropdownMenuItem>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = Omit<StoryObj<typeof meta>, "args"> & {
+    args: DropdownMenuItemProps;
+};
 export declare const Image: Story;
 export declare const Icon: Story;
+export declare const Link: Story;
+export declare const SwitchControl: Story;
+export declare const Detail: Story;
+export declare const Selected: Story;

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

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

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

@@ -1,7 +1,12 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { HistoryItem } from '../../components/lists/HistoryItem';
+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 Completed: Story;
 export declare const Pending: Story;
+export declare const Failed: Story;
+export declare const Warning: Story;
+export declare const WithActions: Story;
+export declare const WithActionsSubmenu: Story;
+export declare const IsClickable: Story;

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

@@ -1,14 +1,33 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ListItem } from '../../components/lists/ListItem';
+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 LargeInteractive: Story;
+export declare const LargeWithLongTitle: Story;
+export declare const LargeWithLongTitleAndSubtitle: Story;
+export declare const LargeRoundedFull: Story;
 export declare const LargeWithSubtitle: Story;
+export declare const SubtitleOnHover: Story;
+export declare const SubtitleOnHoverTokenBalance: Story;
 export declare const LargeWithDetail: Story;
 export declare const LargeWithIcon: Story;
+export declare const LargeWithDetailAndIconInteractive: Story;
+export declare const LargeShowDetailOnHoverOnly: Story;
 export declare const LargeWithSecondaryImage: Story;
+export declare const LargeSelected: Story;
 export declare const LargeWithCustomIconAsImage: Story;
+export declare const SubtitleLoading: Story;
+export declare const CustomSubtitleLoading: Story;
+export declare const ImageAndBadgeLoading: Story;
 export declare const Small: Story;
-export declare const SmallWithIcon: Story;
+export declare const SmallInteractive: Story;
+export declare const SmallWithLongTitle: Story;
+export declare const SmallSelected: Story;
 export declare const SmallWithCustomIconAsImage: Story;
+export declare const LargeCompactOnMobile: Story;
+export declare const SmallCompactOnMobile: Story;
+export declare const SmallWithoutExtraPadding: Story;
+export declare const LargeWithoutExtraPadding: Story;
+export declare const LargeWithDropdownMenu: Story;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { MenuItem } from '../../components/lists/MenuItem';
+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>;

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { PropertyListItem } from "../../components/lists/PropertyListItem";
+declare const meta: Meta<typeof PropertyListItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutGradient: Story;
+export declare const CustomColors: Story;
+export declare const TextDetail: Story;
+export declare const CustomDetail: Story;
+export declare const Loading: Story;

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

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

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

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { SectionTitle } from '../../components/lists/SectionTitle';
+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>;

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

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { SettingsItem } from "../../components/lists/SettingsItem";
+declare const meta: Meta<typeof SettingsItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithControls: Story;
+export declare const Link: Story;
+export declare const Transparent: Story;
+export declare const WithHelpTooltip: Story;
+export declare const SwitchControl: Story;
+export declare const SwitchControlWithTooltip: Story;
+export declare const AmountControls: Story;
+export declare const PercentageControls: Story;

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

@@ -0,0 +1,27 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { SwapStepItem } from "../../components/lists/SwapStepItem";
+declare const meta: Meta<typeof SwapStepItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Executed: Story;
+export declare const ExecutedWithSeparator: Story;
+export declare const ExecutedWithSeparatorAndLink: Story;
+export declare const Success: Story;
+export declare const SuccessWithSeparator: Story;
+export declare const Pending: Story;
+export declare const PendingWithSeparator: Story;
+export declare const Ongoing: Story;
+export declare const OngoingWithSeparator: Story;
+export declare const Waiting: Story;
+export declare const WaitingWithSeparator: Story;
+export declare const Error: Story;
+export declare const ErrorWithSeparator: Story;
+export declare const Warning: Story;
+export declare const WarningWithSeparator: Story;
+export declare const CustomDescription: Story;
+export declare const CustomDescriptionWithRoundedImage: Story;
+export declare const CustomDescriptionWithSeparator: Story;
+export declare const Link: Story;
+export declare const LongDescription: Story;
+export declare const LongDescriptionWithSeparator: Story;
+export declare const LongDescriptionWithSeparatorAndLink: Story;

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

@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from "@storybook/react/*";
+import { TransactionAction, TransactionActionProps } from "../../components/lists/TransactionAction";
+declare const meta: Meta<typeof TransactionAction>;
+export default meta;
+type Story = StoryObj<TransactionActionProps>;
+export declare const SuccessSuccess: Story;
+export declare const SuccessFailed: Story;
+export declare const SuccessPending: Story;
+export declare const SuccessWaiting: Story;
+export declare const RecieveTokens: Story;
+export declare const RecieveNFT: Story;
+export declare const Approve: Story;
+export declare const SendTokens: Story;
+export declare const Swap: Story;
+export declare const Wrap: Story;
+export declare const Bridge: Story;
+export declare const Stake: Story;
+export declare const StartSuccess: Story;
+export declare const StartFail: Story;
+export declare const NotStarted: Story;
+export declare const Fees: Story;
+export declare const FeesTotal: Story;
+export declare const Incomplete: Story;

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/react/*";
+import { TransactionItem } from "../../components/lists/TransactionItem";
+declare const meta: Meta<typeof TransactionItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Swap: Story;
+export declare const SwapCompact: Story;
+export declare const NFT: Story;
+export declare const NFTCompact: Story;
+export declare const Bridge: Story;
+export declare const BridgeCompact: Story;
+export declare const Approve: Story;
+export declare const ApproveCompact: Story;
+export declare const Loading: Story;
+export declare const LoadingCompact: Story;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { BodyText } from '../../components/typography/BodyText';
+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>;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { CaptionText } from '../../components/typography/CaptionText';
+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>;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { HeadingText } from '../../components/typography/HeadingText';
+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>;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { AssetsView } from '../../components/views/AssetsView';
+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>;

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

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

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

@@ -1,6 +1,7 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { MainView } from '../../components/views/MainView';
+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;
+export declare const Loading: Story;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { RecipientView } from '../../components/views/RecipientView';
+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>;

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

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

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { SwapDetailsView } from "../../components/views/SwapDetailsView";
+declare const meta: Meta<typeof SwapDetailsView>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const BoostDisabled: Story;
+export declare const BoostHidden: Story;

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

@@ -1,12 +1,17 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { SwapProgressView } from '../../components/views/SwapProgressView';
+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 WithControls: Story;
+export declare const ShortRoute: Story;
+export declare const LongDescriptionSteps: Story;
+export declare const LongRoute: Story;
 export declare const Completed: Story;
-export declare const Failed: Story;
-export declare const ConfirmationTooLong: Story;
+export declare const Error: Story;
+export declare const Confirm: Story;
 export declare const ConfirmationRejected: Story;
+export declare const ConfirmationTooLong: Story;
+export declare const NeedsGas: Story;
 export declare const PartialSuccess: Story;
+export declare const Progress: Story;

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { TransactionView, TransactionViewProps } from "../../components/views/TransactionView";
+declare const meta: Meta<typeof TransactionView>;
+export default meta;
+type Story = StoryObj<TransactionViewProps>;
+export declare const Swap: Story;
+export declare const BuyNFT: Story;
+export declare const Interaction: Story;
+export declare const Bridge: Story;

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

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { WalletsView } from '../../components/views/WalletsView';
+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>;

package/dist/esm/types/tests/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,12 +1,44 @@
-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
+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 type HistoryItemStatus = "completed" | "pending" | "failed" | "warning";
+export type DescriptionBlock = {
+    type: "string";
+    value: string;
+} | {
+    type: "image";
+    value: string;
+    rounded?: boolean;
+};
+export interface SwapStep {
+    descriptionBlocks: DescriptionBlock[];
+    link?: string;
+    status: ActionStatus;
 }
+export declare enum SwapState {
+    CONFIRM = 0,
+    PROGRESS = 1,
+    COMPLETED = 2,
+    ERROR = 3,
+    PARTIAL_SUCCESS = 4,
+    CONFIRMATION_TOO_LONG = 5,
+    CONFIRMATION_REJECTED = 6,
+    NEEDS_GAS = 7
+}
+export type DetailsToolbarState = "full" | "loading" | "empty" | "error";
+export type ThemeType = "light" | "dark";
+export type ActionStatus = "pending" | "waiting" | "ongoing" | "executed" | "success" | "error" | "warning";
+export type InputMode = "token" | "price";
+export type TransactionStateVariant = "full" | "compact" | "small";
+export type TokenPairVariant = "horizontal" | "vertical";
+export type TokenPairSize = "small" | "medium";
+export type ImageVariant = "square" | "round" | "proportional";
+export type ImageSize = "small" | "medium" | "large" | "xlarge";
+export type ChainTypeFilter = "source" | "destination";
+export type StatusFilter = "success" | "ongoing" | "error";
+export type AssetsButtonVariant = "primary" | "accent";
+export type PropertyListItemSize = "small" | "large";
+export type DropdownPosition = "top" | "bottom" | "center";

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

@@ -1,45 +1,35 @@
+declare const THEME_COLOR_KEYS: readonly ["grey-100", "grey-200", "grey-300", "grey-400", "grey-500", "grey-600", "grey-700", "grey-800", "grey-900", "royal-300", "royal-400", "royal-500", "royal-700", "status-positive", "status-negative", "status-partial", "material-light-thin", "material-light-average", "material-light-thick", "material-dark-thin", "material-dark-average", "material-dark-thick", "highlight-700", "grey-100-005", "material-light-blend-grey-900", "material-light-blend-grey-800"];
+declare const THEME_BORDER_RADIUS_KEYS: readonly ["button-large", "button-medium"];
+declare const THEME_FONT_SIZE_KEYS: readonly ["caption", "body-large", "body-medium", "body-small", "heading-small", "heading-medium", "heading-large"];
+declare const THEME_FONT_WEIGHT_KEYS: readonly ["caption", "body-small", "body-medium", "body-large", "heading-small", "heading-medium", "heading-large"];
+declare const THEME_FONT_FAMILY_KEYS: readonly ["squid-main"];
+type ThemeColors = Record<(typeof THEME_COLOR_KEYS)[number], string>;
+type ThemeFontSize = Record<(typeof THEME_FONT_SIZE_KEYS)[number], string>;
+type ThemeFontWeight = Record<(typeof THEME_FONT_WEIGHT_KEYS)[number], string>;
+type ThemeBorderRadius = Record<(typeof THEME_BORDER_RADIUS_KEYS)[number], string>;
+type ThemeFontFamily = Record<(typeof THEME_FONT_FAMILY_KEYS)[number], string>;
+export interface InternalTheme {
+    color: ThemeColors;
+    fontSize: ThemeFontSize;
+    fontWeight: ThemeFontWeight;
+    borderRadius: ThemeBorderRadius;
+    fontFamily: ThemeFontFamily;
+}
 /**
- * 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;
+  Public theme, excluding some colors that are generated internally
+*/
+export interface Theme extends Omit<InternalTheme, "color"> {
+    color: Omit<ThemeColors, "material-light-thin" | "material-light-average" | "material-light-thick" | "material-dark-thin" | "material-dark-average" | "material-dark-thick" | "grey-100-005" | "material-light-blend-grey-900" | "material-light-blend-grey-800">;
 }
+interface CssVariable {
+    cssVariable: string;
+}
+type ThemeCssVariables = {
+    [K in keyof InternalTheme]: Record<keyof InternalTheme[K], CssVariable>;
+};
 /**
- * Mapping between readable variables name and css variables used TailwindCSS config
+ * 'st' = Squid Theme
  */
-export declare const themeTypesKeys: Record<keyof ConfigTheme, {
-    cssVariable: string;
-}>;
+export declare const THEME_CSS_VARIABLE_PREFIX = "--st-";
+export declare const themeKeysToCssVariables: ThemeCssVariables;
+export {};

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

@@ -0,0 +1,3 @@
+export type { Theme } from "./config";
+export * from "./utils";
+export type { SwapState, ThemeType, SwapStep, HistoryItemStatus, ActionStatus, AssetsButtonVariant, ButtonVariant, ButtonSize, DescriptionBlock, } from "./components";

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

@@ -0,0 +1,11 @@
+/**
+ * Utility type to allow for a type to be either all of the properties of another type, or none of them
+ * @example
+ * type Person = { age: number } & AllOrNone<{ name: string, lastName: string }>
+ * const person: Person = { age: 30 } // ok
+ * const person: Person = { age: 30, name: "John" } // error, requires lastName
+ * const person: Person = { age: 30, name: "John", lastName: "Doe" } // ok, all properties are present
+ */
+export type AllOrNone<T> = T | {
+    [K in keyof T]?: never;
+};