@0xsquid/ui - npm Package Compare versions

Comparing version 0.8.2 to 0.8.3

dist/cjs/types/components/controls/Input.d.ts

@@ -7,4 +7,6 @@ /// <reference types="react" />
     icon?: React.ReactNode;
+    error?: string;
+    onPasteButtonClick?: () => void;
 }
-export declare function Input({ placeholder, showIcon, showPasteButton, className, icon, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ placeholder, showIcon, showPasteButton, className, icon, error, onPasteButtonClick, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export {};

dist/cjs/types/components/layout/ErrorMessage.d.ts

@@ -1,3 +0,6 @@
-export declare function ErrorMessage({ message }: {
+type ErrorMessageProps = {
     message: string;
-}): import("react/jsx-runtime").JSX.Element;
+    showIcon?: boolean;
+};
+export declare function ErrorMessage({ message, showIcon }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};

dist/cjs/types/components/layout/index.d.ts

@@ -9,2 +9,3 @@ export * from './Boost';
 export * from './ProductCard';
+export * from './ProfileHeaderBackground';
 export * from './SwapConfiguration';
@@ -11,0 +12,0 @@ export * from './SwapProgressViewHeader';

dist/cjs/types/components/layout/SwapConfiguration.d.ts

@@ -29,4 +29,5 @@ import { SwapDirection } from '../../types/components';
     criticalPriceImpactPercentage?: number;
+    emptyAddressLabel?: string;
 }
-export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, criticalPriceImpactPercentage, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, criticalPriceImpactPercentage, emptyAddressLabel, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
 export {};

dist/cjs/types/components/lists/SettingsItem.d.ts

@@ -8,3 +8,4 @@ /// <reference types="react" />
     showHelpIcon?: boolean;
+    link?: string;
 }
-export declare function SettingsItem({ icon, label, controls, transparentControls, showHelpIcon, }: SettingsItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsItem({ icon, label, controls, transparentControls, showHelpIcon, link, }: SettingsItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -9,1 +9,2 @@ import { Meta, StoryObj } from '@storybook/react';
 export declare const WithPasteButton: Story;
+export declare const Error: Story;

dist/cjs/types/stories/layout/ErrorMessage.stories.d.ts

@@ -7,1 +7,2 @@ import { Meta, StoryObj } from '@storybook/react';
 export declare const Default: Story;
+export declare const WithoutIcon: Story;

dist/cjs/types/stories/lists/SettingsItem.stories.d.ts

@@ -10,1 +10,2 @@ import { Meta, StoryObj } from '@storybook/react';
 export declare const TransparentControls: Story;
+export declare const Link: Story;

dist/esm/types/components/controls/Input.d.ts

@@ -7,4 +7,6 @@ /// <reference types="react" />
     icon?: React.ReactNode;
+    error?: string;
+    onPasteButtonClick?: () => void;
 }
-export declare function Input({ placeholder, showIcon, showPasteButton, className, icon, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ placeholder, showIcon, showPasteButton, className, icon, error, onPasteButtonClick, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export {};

dist/esm/types/components/layout/ErrorMessage.d.ts

@@ -1,3 +0,6 @@
-export declare function ErrorMessage({ message }: {
+type ErrorMessageProps = {
     message: string;
-}): import("react/jsx-runtime").JSX.Element;
+    showIcon?: boolean;
+};
+export declare function ErrorMessage({ message, showIcon }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};

dist/esm/types/components/layout/index.d.ts

@@ -9,2 +9,3 @@ export * from './Boost';
 export * from './ProductCard';
+export * from './ProfileHeaderBackground';
 export * from './SwapConfiguration';
@@ -11,0 +12,0 @@ export * from './SwapProgressViewHeader';

dist/esm/types/components/layout/SwapConfiguration.d.ts

@@ -29,4 +29,5 @@ import { SwapDirection } from '../../types/components';
     criticalPriceImpactPercentage?: number;
+    emptyAddressLabel?: string;
 }
-export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, criticalPriceImpactPercentage, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, criticalPriceImpactPercentage, emptyAddressLabel, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
 export {};

dist/esm/types/components/lists/SettingsItem.d.ts

@@ -8,3 +8,4 @@ /// <reference types="react" />
     showHelpIcon?: boolean;
+    link?: string;
 }
-export declare function SettingsItem({ icon, label, controls, transparentControls, showHelpIcon, }: SettingsItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsItem({ icon, label, controls, transparentControls, showHelpIcon, link, }: SettingsItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -9,1 +9,2 @@ import { Meta, StoryObj } from '@storybook/react';
 export declare const WithPasteButton: Story;
+export declare const Error: Story;

dist/esm/types/stories/layout/ErrorMessage.stories.d.ts

@@ -7,1 +7,2 @@ import { Meta, StoryObj } from '@storybook/react';
 export declare const Default: Story;
+export declare const WithoutIcon: Story;

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

@@ -10,1 +10,2 @@ import { Meta, StoryObj } from '@storybook/react';
 export declare const TransparentControls: Story;
+export declare const Link: Story;

dist/index.d.ts

@@ -104,4 +104,6 @@ /// <reference types="react" />
     icon?: React.ReactNode;
+    error?: string;
+    onPasteButtonClick?: () => void;
 }
-declare function Input({ placeholder, showIcon, showPasteButton, className, icon, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ placeholder, showIcon, showPasteButton, className, icon, error, onPasteButtonClick, ...props }: InputProps): react_jsx_runtime.JSX.Element;
 
@@ -242,4 +244,5 @@ interface Props extends InputHTMLAttributes<HTMLInputElement> {
     showHelpIcon?: boolean;
+    link?: string;
 }
-declare function SettingsItem({ icon, label, controls, transparentControls, showHelpIcon, }: SettingsItemProps): react_jsx_runtime.JSX.Element;
+declare function SettingsItem({ icon, label, controls, transparentControls, showHelpIcon, link, }: SettingsItemProps): react_jsx_runtime.JSX.Element;
 
@@ -270,5 +273,7 @@ interface SwapDetailListItemProps {
 
-declare function ErrorMessage({ message }: {
+type ErrorMessageProps = {
     message: string;
-}): react_jsx_runtime.JSX.Element;
+    showIcon?: boolean;
+};
+declare function ErrorMessage({ message, showIcon }: ErrorMessageProps): react_jsx_runtime.JSX.Element;
 
@@ -308,2 +313,4 @@ type Rounded = 'sm' | 'lg';
 
+declare function ProfileHeaderBackground(): react_jsx_runtime.JSX.Element;
+
 interface SwapConfigurationProps {
@@ -336,4 +343,5 @@ direction: SwapDirection;
     criticalPriceImpactPercentage?: number;
+    emptyAddressLabel?: string;
 }
-declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, criticalPriceImpactPercentage, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
+declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, criticalPriceImpactPercentage, emptyAddressLabel, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
 
@@ -434,2 +442,2 @@ interface SwapProgressViewHeaderProps {
 
-export { AddressButton, ArrowButton, AssetsButton, BadgeImage, BodyText, Boost, BoostButton, Button, CaptionText, Chip, DetailsToolbar, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, ErrorMessage, FeeButton, HeadingText, HistoryItem, Input, ListItem, Menu, MenuItem, Modal, NavigationBar, NumericInput, ProductCard, SectionTitle, SettingsButton, type SettingsButtonProps, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, SquidConfigProvider, type SquidTheme, SwapConfiguration, SwapDetailListItem, SwapProgressViewHeader, SwapStepItem, SwapStepsCollapsed, Switch, TokenPair, Tooltip, type TooltipThreshold, type TooltipWidth, UsdAmount, useModal };
+export { AddressButton, ArrowButton, AssetsButton, BadgeImage, BodyText, Boost, BoostButton, Button, CaptionText, Chip, DetailsToolbar, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, ErrorMessage, FeeButton, HeadingText, HistoryItem, Input, ListItem, Menu, MenuItem, Modal, NavigationBar, NumericInput, ProductCard, ProfileHeaderBackground, SectionTitle, SettingsButton, type SettingsButtonProps, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, SquidConfigProvider, type SquidTheme, SwapConfiguration, SwapDetailListItem, SwapProgressViewHeader, SwapStepItem, SwapStepsCollapsed, Switch, TokenPair, Tooltip, type TooltipThreshold, type TooltipWidth, UsdAmount, useModal };

package.json

@@ -8,3 +8,3 @@ {
   "description": "Squid's UI components",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "author": "",
@@ -11,0 +11,0 @@ "license": "MIT",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

617235

increased by2.48%

Number of package files

286

increased by0.7%

Lines of code

12100

increased by0.89%

Worsened metrics

Number of low supply chain risk alerts

4

increased by100%

No dependency changes