@0xsquid/ui 2.6.7 → 2.7.0

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

@@ -1,5 +1,5 @@
 import { type ImageProps } from "./Image";
-type ImageGroupSize = "small" | "large";
+type ImageGroupSize = "small" | "medium" | "large";
 interface ImageGroupProps {
     imageUrls: string[];
     badge?: Omit<ImageProps, "border" | "size">;

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

@@ -14,8 +14,13 @@ export declare function ChevronArrowIcon({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function ArrowTriangle({ className }: {
+export declare function ArrowTriangle({ className, size, }: {
     className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowCornerDownLeftIcon({ className, size, }: {
+    className?: string;
+    size?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function PauseIcon({ size, className, }: {
     size?: string;

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

@@ -122,3 +122,32 @@ export declare function CircleCheckIcon({ className, size, }: {
     className?: string;
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function EscKeyIcon({ className, width, height, }: {
+    className?: string;
+    width?: string;
+    height?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function StarFilledIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function StarOutlinedIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FireIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TrophyIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SearchMenuIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MoneyBagSolidIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 export declare function WalletIcon({ size }: {
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function WalletFilledIcon({ size }: {
+export declare function WalletOutlinedIcon({ size }: {
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -12,7 +12,6 @@ export * from "./Clock";
 export * from "./Coins";
 export * from "./Collection";
 export * from "./CompassRound";
-export * from "./CrossAnimatedIcon";
 export * from "./DashboardFast";
 export * from "./DockIcons";
 export * from "./DotGrid";

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

@@ -13,4 +13,5 @@ interface DropdownMenuProps {
     trigger?: React.ReactNode;
 }
 export declare function DropdownMenu({ dropdownRef, className, menuRef, isHidden, listClassName, containerClassName, children, contentWrapperProps, menuContentClassName, trigger, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuSeparator(): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -18,7 +18,6 @@ interface NavigationBarProps extends React.ComponentProps<"nav"> {
     actions?: ActionButton[];
     isLoading?: boolean;
     subtitle?: string;
-    paddingRight?: number;
 }
-export declare function NavigationBar({ title, displayBackButton, logoUrl, transparent, displayButtonShadows, onBackButtonClick, actions, isLoading, subtitle, paddingRight, ...props }: NavigationBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavigationBar({ title, displayBackButton, logoUrl, transparent, displayButtonShadows, onBackButtonClick, actions, isLoading, subtitle, ...props }: NavigationBarProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -18,5 +18,6 @@ export interface TokenGroupProps<T> {
     onChildClick?: (tokenProps: T) => void;
     isAdjacentToPreviousExpanded?: boolean;
     isAdjacentToNextExpanded?: boolean;
+    action?: React.ReactNode;
 }
-export declare function TokenGroup<T extends TokenGroupProps<T>>({ isSelected, tokenItems, priceChange, balance, balanceUsd, extraSpacing, chainImageUrl, imageUrl, symbol, name, onClick, variant, className, onChildClick, isAdjacentToPreviousExpanded, isAdjacentToNextExpanded, }: TokenGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TokenGroup<T extends TokenGroupProps<T>>({ isSelected, tokenItems, priceChange, balance, balanceUsd, extraSpacing, chainImageUrl, imageUrl, symbol, name, onClick, variant, className, onChildClick, isAdjacentToPreviousExpanded, isAdjacentToNextExpanded, action, }: TokenGroupProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -3,19 +3,16 @@ type TabSize = "small" | "large";
 interface TabsProps {
     tabs: Array<{
         label: string;
-        isDisabled?: boolean;
     }>;
     size?: TabSize;
     activeTab?: number;
     onTabChange?: (tabIndex: number) => void;
-    isDisabled?: boolean;
 }
-export declare function Tabs({ tabs, size, onTabChange, activeTab, isDisabled, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ tabs, size, onTabChange, activeTab, }: TabsProps): import("react/jsx-runtime").JSX.Element;
 interface TabProps extends React.ComponentProps<"button"> {
     label: string;
     size: TabSize;
     isActive?: boolean;
-    isDisabled?: boolean;
 }
-export declare function Tab({ label, isActive, size, isDisabled, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tab({ label, isActive, size, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/core/constants.d.ts

@@ -36,7 +36,7 @@ export declare const ANIMATION_TIMINGS: {
     HIDE_ROUTE: string;
     GENERIC: string;
 };
-type MediaQuery = "MOBILE_LG" | "MOBILE_SM_HEIGHT" | "MOBILE_XS" | "MOBILE_XS_HEIGHT";
+type MediaQuery = "MOBILE_LG" | "MOBILE_SM_HEIGHT" | "MOBILE_XS" | "MOBILE_XS_HEIGHT" | "DESKTOP_MD";
 export declare const MEDIA_QUERIES: Record<MediaQuery, {
     media: string;
     key: string;

package/dist/cjs/types/core/design-system.d.ts

@@ -6,6 +6,7 @@ export declare const spacing: {
     "squid-m": string;
     "squid-l": string;
     "squid-xl": string;
+    "squid-xl2": string;
     "squid-xxl": string;
 };
 export declare const boxShadow: {

package/dist/cjs/types/services/internal/colorService.d.ts

@@ -12,8 +12,8 @@ interface RGB {
  * @param style
  */
 export declare const parseSquidTheme: (userTheme: Theme, themeType: ThemeType) => Record<string, string | undefined> | undefined;
-export declare const remToPx: (rem: string | number, baseFontSize?: number) => number;
-export declare const pxToRem: (px: string | number, baseFontSize?: number) => number;
+export declare const remToPx: (rem: string | number, addSuffix?: boolean) => string;
+export declare const pxToRem: (px: string | number, addSuffix?: boolean) => string;
 export declare function getContrastColor({ r, g, b, }: {
     r: number;
     g: number;

package/dist/cjs/types/stories/badges/ImageGroup.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof ImageGroup>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Large: Story;
+export declare const Medium: Story;
 export declare const Small: Story;
-export declare const Badge: Story;
-export declare const CustomBadgeContent: Story;
+export declare const LargeWithBadge: Story;
+export declare const LargeWithCustomBadgeContent: Story;

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

@@ -1,4 +1,4 @@
-import { type Meta, type StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { Input } from "../../components/controls/Input";
 declare const meta: Meta<typeof Input>;
 export default meta;

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

@@ -17,4 +17,3 @@ export declare const AllProps: Story;
 export declare const Loading: Story;
 export declare const LoadingAndSubtitle: Story;
 export declare const Transparent: Story;
-export declare const ActionsWithPadding: Story;

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

@@ -4,9 +4,7 @@ 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

@@ -23,6 +23,7 @@ export declare const SubtitleLoading: Story;
 export declare const CustomSubtitleLoading: Story;
 export declare const ImageAndBadgeLoading: Story;
 export declare const Small: Story;
+export declare const SmallWithImageGroup: Story;
 export declare const SmallInteractive: Story;
 export declare const SmallWithLongTitle: Story;
 export declare const SmallSelected: Story;

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

@@ -8,6 +8,7 @@ export declare const BalanceUsd: Story;
 export declare const PositivePriceChange: Story;
 export declare const NegativePriceChange: Story;
 export declare const NeutralPriceChange: Story;
+export declare const ActionButton: Story;
 export declare const LargeVariant: Story;
 export declare const SmallVariant: Story;
 export declare const CompactVariant: Story;

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

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