@0xsquid/ui 2.6.3 → 2.6.5-animate-number-beta.0

package/dist/cjs/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { LoadingSkeleton } from "../../components/badges/LoadingSkeleton";
+import { type Meta, type StoryObj } from "@storybook/react";
+import { LoadingSkeleton } from "../../components/feedback/LoadingSkeleton";
 declare const meta: Meta<typeof LoadingSkeleton>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/cjs/types/stories/feedback/LoadingText.stories.d.ts

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

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

@@ -4,7 +4,9 @@ declare const meta: Meta<typeof SwapConfiguration>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const EmptyVariantPrimary: Story;
+export declare const EmptyVariantPrimaryLoading: Story;
 export declare const EmptyVariantWithoutNumericInputDetails: Story;
+export declare const WithoutNumericInputDetailsLoading: Story;
 export declare const EmptyVariantAccent: Story;
 export declare const Loading: Story;
 export declare const LoadingWithAllProps: Story;

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

@@ -33,3 +33,6 @@ export declare const SmallWithoutExtraPadding: Story;
 export declare const LargeWithoutExtraPadding: Story;
 export declare const LargeWithDropdownMenu: Story;
 export declare const LargeWithMultilineSubtitle: Story;
+export declare const SmallWithSwitchControl: Story;
+export declare const LargeWithSwitchControl: Story;
+export declare const LargeWithSwitchControlDisabled: Story;

package/dist/cjs/types/stories/navigation/Tabs.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Small: Story;
 export declare const Large: Story;
+export declare const Disabled: Story;

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

@@ -15,3 +15,4 @@ export declare const ConfirmationTooLong: Story;
 export declare const NeedsGas: Story;
 export declare const PartialSuccess: Story;
 export declare const Progress: Story;
+export declare const SendTransaction: Story;

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

@@ -1,7 +1,7 @@
 export type TextSize = "small" | "medium" | "large";
 export type SwitchSize = "small" | "large";
 export type ButtonVariant = "primary" | "secondary" | "tertiary";
-export type ButtonSize = "md" | "lg";
+export type ButtonSize = "sm" | "md" | "lg";
 export type SwapDirection = "from" | "to";
 export type BoostMode = "normal" | "boost";
 export type HistoryItemStatus = "completed" | "pending" | "failed" | "warning";

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

@@ -1,6 +1,6 @@
 import { type DeepPartial } from "./utils";
-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-600", "royal-700", "highlight-700", "status-positive", "status-negative", "status-partial", "button-lg-primary-bg", "button-lg-primary-text", "button-lg-secondary-bg", "button-lg-secondary-text", "button-lg-tertiary-bg", "button-lg-tertiary-text", "button-md-primary-bg", "button-md-primary-text", "button-md-secondary-bg", "button-md-secondary-text", "button-md-tertiary-bg", "button-md-tertiary-text", "input-placeholder", "input-text", "input-selection", "input-bg", "animation-bg", "animation-text", "modal-backdrop", "menu-bg", "menu-text", "menu-backdrop", "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"];
-declare const THEME_BORDER_RADIUS_KEYS: readonly ["button-lg-primary", "button-lg-secondary", "button-lg-tertiary", "button-md-primary", "button-md-secondary", "button-md-tertiary", "container", "input", "menu-sm", "menu-lg", "modal"];
+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-600", "royal-700", "highlight-700", "status-positive", "status-negative", "status-partial", "button-lg-primary-bg", "button-lg-primary-text", "button-lg-secondary-bg", "button-lg-secondary-text", "button-lg-tertiary-bg", "button-lg-tertiary-text", "button-md-primary-bg", "button-md-primary-text", "button-md-secondary-bg", "button-md-secondary-text", "button-md-tertiary-bg", "button-md-tertiary-text", "button-sm-primary-bg", "button-sm-primary-text", "button-sm-secondary-bg", "button-sm-secondary-text", "button-sm-tertiary-bg", "button-sm-tertiary-text", "input-placeholder", "input-text", "input-selection", "input-bg", "animation-bg", "animation-text", "modal-backdrop", "menu-bg", "menu-text", "menu-backdrop", "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"];
+declare const THEME_BORDER_RADIUS_KEYS: readonly ["button-lg-primary", "button-lg-secondary", "button-lg-tertiary", "button-md-primary", "button-md-secondary", "button-md-tertiary", "button-sm-primary", "button-sm-secondary", "button-sm-tertiary", "container", "input", "menu-sm", "menu-lg", "modal"];
 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"];
@@ -26,7 +26,7 @@ export interface InternalTheme {
  * These colors are optional
  * and will be generated internally using the base colors if not provided
  */
-type OptionalColorsKeys = "button-lg-primary-bg" | "button-lg-primary-text" | "button-lg-secondary-bg" | "button-lg-secondary-text" | "button-lg-tertiary-bg" | "button-lg-tertiary-text" | "button-md-primary-bg" | "button-md-primary-text" | "button-md-secondary-bg" | "button-md-secondary-text" | "button-md-tertiary-bg" | "button-md-tertiary-text" | "input-placeholder" | "input-text" | "input-selection" | "input-bg" | "animation-bg" | "animation-text" | "modal-backdrop" | "menu-bg" | "menu-text" | "menu-backdrop";
+type OptionalColorsKeys = "button-lg-primary-bg" | "button-lg-primary-text" | "button-lg-secondary-bg" | "button-lg-secondary-text" | "button-lg-tertiary-bg" | "button-lg-tertiary-text" | "button-md-primary-bg" | "button-md-primary-text" | "button-md-secondary-bg" | "button-md-secondary-text" | "button-md-tertiary-bg" | "button-md-tertiary-text" | "button-sm-primary-bg" | "button-sm-primary-text" | "button-sm-secondary-bg" | "button-sm-secondary-text" | "button-sm-tertiary-bg" | "button-sm-tertiary-text" | "input-placeholder" | "input-text" | "input-selection" | "input-bg" | "animation-bg" | "animation-text" | "modal-backdrop" | "menu-bg" | "menu-text" | "menu-backdrop";
 /**
  * These colors are generated internally using the base colors
  */

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

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