@0xsquid/ui 2.6.7 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/cjs/index.js +421 -391
  2. package/dist/cjs/types/components/badges/ImageGroup.d.ts +1 -1
  3. package/dist/cjs/types/components/icons/Arrow.d.ts +6 -1
  4. package/dist/cjs/types/components/icons/Generic.d.ts +29 -0
  5. package/dist/cjs/types/components/icons/Wallet.d.ts +1 -1
  6. package/dist/cjs/types/components/icons/index.d.ts +0 -1
  7. package/dist/cjs/types/components/layout/DropdownMenu.d.ts +1 -0
  8. package/dist/cjs/types/components/layout/NavigationBar.d.ts +1 -2
  9. package/dist/cjs/types/components/lists/TokenGroup.d.ts +2 -1
  10. package/dist/cjs/types/components/navigation/Tabs.d.ts +2 -5
  11. package/dist/cjs/types/core/constants.d.ts +1 -1
  12. package/dist/cjs/types/core/design-system.d.ts +1 -0
  13. package/dist/cjs/types/services/internal/colorService.d.ts +2 -2
  14. package/dist/cjs/types/stories/badges/ImageGroup.stories.d.ts +3 -2
  15. package/dist/cjs/types/stories/controls/Input.stories.d.ts +1 -1
  16. package/dist/cjs/types/stories/layout/NavigationBar.stories.d.ts +0 -1
  17. package/dist/cjs/types/stories/layout/SwapConfiguration.stories.d.ts +0 -2
  18. package/dist/cjs/types/stories/lists/ListItem.stories.d.ts +1 -0
  19. package/dist/cjs/types/stories/lists/TokenGroup.stories.d.ts +1 -0
  20. package/dist/cjs/types/stories/navigation/Tabs.stories.d.ts +0 -1
  21. package/dist/esm/index.js +412 -390
  22. package/dist/esm/types/components/badges/ImageGroup.d.ts +1 -1
  23. package/dist/esm/types/components/icons/Arrow.d.ts +6 -1
  24. package/dist/esm/types/components/icons/Generic.d.ts +29 -0
  25. package/dist/esm/types/components/icons/Wallet.d.ts +1 -1
  26. package/dist/esm/types/components/icons/index.d.ts +0 -1
  27. package/dist/esm/types/components/layout/DropdownMenu.d.ts +1 -0
  28. package/dist/esm/types/components/layout/NavigationBar.d.ts +1 -2
  29. package/dist/esm/types/components/lists/TokenGroup.d.ts +2 -1
  30. package/dist/esm/types/components/navigation/Tabs.d.ts +2 -5
  31. package/dist/esm/types/core/constants.d.ts +1 -1
  32. package/dist/esm/types/core/design-system.d.ts +1 -0
  33. package/dist/esm/types/services/internal/colorService.d.ts +2 -2
  34. package/dist/esm/types/stories/badges/ImageGroup.stories.d.ts +3 -2
  35. package/dist/esm/types/stories/controls/Input.stories.d.ts +1 -1
  36. package/dist/esm/types/stories/layout/NavigationBar.stories.d.ts +0 -1
  37. package/dist/esm/types/stories/layout/SwapConfiguration.stories.d.ts +0 -2
  38. package/dist/esm/types/stories/lists/ListItem.stories.d.ts +1 -0
  39. package/dist/esm/types/stories/lists/TokenGroup.stories.d.ts +1 -0
  40. package/dist/esm/types/stories/navigation/Tabs.stories.d.ts +0 -1
  41. package/dist/index.css +1 -1
  42. package/dist/index.d.ts +48 -22
  43. package/package.json +1 -1
  44. package/dist/cjs/types/components/icons/CrossAnimatedIcon.d.ts +0 -7
  45. package/dist/cjs/types/stories/controls/LargeNumericInput.stories.d.ts +0 -6
  46. package/dist/esm/types/components/icons/CrossAnimatedIcon.d.ts +0 -7
  47. package/dist/esm/types/stories/controls/LargeNumericInput.stories.d.ts +0 -6
package/dist/index.d.ts CHANGED
@@ -85,7 +85,7 @@ interface IconLabelProps {
85
85
  }
86
86
  declare function IconLabel({ src, children, rounded }: IconLabelProps): react_jsx_runtime.JSX.Element;
87
87
 
88
- type ImageGroupSize = "small" | "large";
88
+ type ImageGroupSize = "small" | "medium" | "large";
89
89
  interface ImageGroupProps {
90
90
  imageUrls: string[];
91
91
  badge?: Omit<ImageProps, "border" | "size">;
@@ -357,8 +357,13 @@ declare function ChevronArrowIcon({ size, className, }: {
357
357
  size?: string;
358
358
  className?: string;
359
359
  }): react_jsx_runtime.JSX.Element;
360
- declare function ArrowTriangle({ className }: {
360
+ declare function ArrowTriangle({ className, size, }: {
361
361
  className?: string;
362
+ size?: string;
363
+ }): react_jsx_runtime.JSX.Element;
364
+ declare function ArrowCornerDownLeftIcon({ className, size, }: {
365
+ className?: string;
366
+ size?: string;
362
367
  }): react_jsx_runtime.JSX.Element;
363
368
  declare function PauseIcon({ size, className, }: {
364
369
  size?: string;
@@ -537,13 +542,6 @@ declare function PowerIcon({ size, className, }: {
537
542
  className?: string;
538
543
  }): react_jsx_runtime.JSX.Element;
539
544
 
540
- declare function CrossAnimatedIcon({ size, isOpen, transitionDuration, className, }: {
541
- size?: number;
542
- isOpen?: boolean;
543
- transitionDuration?: React.CSSProperties["transitionDuration"];
544
- className?: string;
545
- }): react_jsx_runtime.JSX.Element;
546
-
547
545
  declare function DashboardFast({ size, className, }: {
548
546
  size?: string;
549
547
  className?: string;
@@ -710,6 +708,35 @@ declare function CircleCheckIcon({ className, size, }: {
710
708
  className?: string;
711
709
  size?: string;
712
710
  }): react_jsx_runtime.JSX.Element;
711
+ declare function EscKeyIcon({ className, width, height, }: {
712
+ className?: string;
713
+ width?: string;
714
+ height?: string;
715
+ }): react_jsx_runtime.JSX.Element;
716
+ declare function StarFilledIcon({ className, size, }: {
717
+ className?: string;
718
+ size?: string;
719
+ }): react_jsx_runtime.JSX.Element;
720
+ declare function StarOutlinedIcon({ className, size, }: {
721
+ className?: string;
722
+ size?: string;
723
+ }): react_jsx_runtime.JSX.Element;
724
+ declare function FireIcon({ className, size, }: {
725
+ className?: string;
726
+ size?: string;
727
+ }): react_jsx_runtime.JSX.Element;
728
+ declare function TrophyIcon({ size, className, }: {
729
+ size?: string;
730
+ className?: string;
731
+ }): react_jsx_runtime.JSX.Element;
732
+ declare function SearchMenuIcon({ size, className, }: {
733
+ size?: string;
734
+ className?: string;
735
+ }): react_jsx_runtime.JSX.Element;
736
+ declare function MoneyBagSolidIcon({ size, className, }: {
737
+ size?: string;
738
+ className?: string;
739
+ }): react_jsx_runtime.JSX.Element;
713
740
 
714
741
  declare function EmptyHeartIcon({ className }: {
715
742
  className?: string;
@@ -906,7 +933,7 @@ declare function TriangleExclamation(): react_jsx_runtime.JSX.Element;
906
933
  declare function WalletIcon({ size }: {
907
934
  size?: string;
908
935
  }): react_jsx_runtime.JSX.Element;
909
- declare function WalletFilledIcon({ size }: {
936
+ declare function WalletOutlinedIcon({ size }: {
910
937
  size?: string;
911
938
  }): react_jsx_runtime.JSX.Element;
912
939
 
@@ -1574,6 +1601,7 @@ interface DropdownMenuProps {
1574
1601
  trigger?: React.ReactNode;
1575
1602
  }
1576
1603
  declare function DropdownMenu({ dropdownRef, className, menuRef, isHidden, listClassName, containerClassName, children, contentWrapperProps, menuContentClassName, trigger, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
1604
+ declare function DropdownMenuSeparator(): react_jsx_runtime.JSX.Element;
1577
1605
 
1578
1606
  type ErrorMessageProps = {
1579
1607
  message: string;
@@ -1675,9 +1703,8 @@ interface NavigationBarProps extends React.ComponentProps<"nav"> {
1675
1703
  actions?: ActionButton[];
1676
1704
  isLoading?: boolean;
1677
1705
  subtitle?: string;
1678
- paddingRight?: number;
1679
1706
  }
1680
- declare function NavigationBar({ title, displayBackButton, logoUrl, transparent, displayButtonShadows, onBackButtonClick, actions, isLoading, subtitle, paddingRight, ...props }: NavigationBarProps): react_jsx_runtime.JSX.Element;
1707
+ declare function NavigationBar({ title, displayBackButton, logoUrl, transparent, displayButtonShadows, onBackButtonClick, actions, isLoading, subtitle, ...props }: NavigationBarProps): react_jsx_runtime.JSX.Element;
1681
1708
 
1682
1709
  declare function PipeSeparator(props: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
1683
1710
 
@@ -2350,8 +2377,9 @@ interface TokenGroupProps<T> {
2350
2377
  onChildClick?: (tokenProps: T) => void;
2351
2378
  isAdjacentToPreviousExpanded?: boolean;
2352
2379
  isAdjacentToNextExpanded?: boolean;
2380
+ action?: React.ReactNode;
2353
2381
  }
2354
- 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>): react_jsx_runtime.JSX.Element;
2382
+ 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>): react_jsx_runtime.JSX.Element;
2355
2383
 
2356
2384
  interface TokenGroupsProps<T extends TokenGroupProps<T>> {
2357
2385
  groups: T[];
@@ -2668,21 +2696,18 @@ type TabSize = "small" | "large";
2668
2696
  interface TabsProps {
2669
2697
  tabs: Array<{
2670
2698
  label: string;
2671
- isDisabled?: boolean;
2672
2699
  }>;
2673
2700
  size?: TabSize;
2674
2701
  activeTab?: number;
2675
2702
  onTabChange?: (tabIndex: number) => void;
2676
- isDisabled?: boolean;
2677
2703
  }
2678
- declare function Tabs({ tabs, size, onTabChange, activeTab, isDisabled, }: TabsProps): react_jsx_runtime.JSX.Element;
2704
+ declare function Tabs({ tabs, size, onTabChange, activeTab, }: TabsProps): react_jsx_runtime.JSX.Element;
2679
2705
  interface TabProps extends react__default.ComponentProps<"button"> {
2680
2706
  label: string;
2681
2707
  size: TabSize;
2682
2708
  isActive?: boolean;
2683
- isDisabled?: boolean;
2684
2709
  }
2685
- declare function Tab({ label, isActive, size, isDisabled, ...props }: TabProps): react_jsx_runtime.JSX.Element;
2710
+ declare function Tab({ label, isActive, size, ...props }: TabProps): react_jsx_runtime.JSX.Element;
2686
2711
 
2687
2712
  interface BodyTextProps extends React.HTMLAttributes<HTMLSpanElement> {
2688
2713
  children: ReactNode;
@@ -3020,7 +3045,7 @@ declare const ANIMATION_DURATIONS: {
3020
3045
  BOOST_BUTTON: number;
3021
3046
  GENERIC: number;
3022
3047
  };
3023
- type MediaQuery = "MOBILE_LG" | "MOBILE_SM_HEIGHT" | "MOBILE_XS" | "MOBILE_XS_HEIGHT";
3048
+ type MediaQuery = "MOBILE_LG" | "MOBILE_SM_HEIGHT" | "MOBILE_XS" | "MOBILE_XS_HEIGHT" | "DESKTOP_MD";
3024
3049
  declare const MEDIA_QUERIES: Record<MediaQuery, {
3025
3050
  media: string;
3026
3051
  key: string;
@@ -3037,6 +3062,7 @@ declare const spacing: {
3037
3062
  "squid-m": string;
3038
3063
  "squid-l": string;
3039
3064
  "squid-xl": string;
3065
+ "squid-xl2": string;
3040
3066
  "squid-xxl": string;
3041
3067
  };
3042
3068
  declare const baseTailwindConfig: Config;
@@ -3063,8 +3089,8 @@ interface RGB {
3063
3089
  * @param style
3064
3090
  */
3065
3091
  declare const parseSquidTheme: (userTheme: Theme, themeType: ThemeType) => Record<string, string | undefined> | undefined;
3066
- declare const remToPx: (rem: string | number, baseFontSize?: number) => number;
3067
- declare const pxToRem: (px: string | number, baseFontSize?: number) => number;
3092
+ declare const remToPx: (rem: string | number, addSuffix?: boolean) => string;
3093
+ declare const pxToRem: (px: string | number, addSuffix?: boolean) => string;
3068
3094
  declare function getContrastColor({ r, g, b, }: {
3069
3095
  r: number;
3070
3096
  g: number;
@@ -17065,4 +17091,4 @@ declare const transactionRejectedAnimation: {
17065
17091
  markers: never[];
17066
17092
  };
17067
17093
 
17068
- export { ANIMATION_DURATIONS, AccountListItem, AccountsButton, type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, type AllOrNone, AnimationCard, AnimationWrapper, Announcement, type AnnouncementProps, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowExpandIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BrokenHeartIcon, BubblesIcon, Button, type ButtonSize, type ButtonVariant, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, CelebrateIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleCheckIcon, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, CoinsOutlinedIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy2Icon, CopyOutlinedIcon, CrossAnimatedIcon, CrossedOutSunSolidIcon, DashboardFast, type DeepPartial, DepositAddressView, type DescriptionBlock, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, DollarOutlinedIcon, DollarSolidIcon, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuTitle, type DropdownPosition, type DropdownStyles, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, EyeOpenIcon, FarcasterIcon, FavouriteFilterIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HighestPriceRangeIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, type IconButtonProps, IconLabel, Image, ImageGroup, ImageIcon, type ImageProps, ImageSparkle, ImageStack, ImageState, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LargeNumericInput, LightningIcon, LimitIcon, LinkIcon, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MarketCapIcon, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, ModalTitle, MoneyBagIcon, MoonIcon, NavigationBar, NewsIcon, NewspaperIcon, NotAllowedIcon, NumericInput, PathSquareIcon, PauseIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PluginIcon, PlusIcon, PoopIcon, PowerIcon, PriceChange, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, type PublicTheme, PunkIcon, QrCodeIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, type Settings, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, SettingsSliderIcon, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileFilledIcon, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, SquidVector, StakeAction, StarLinesIcon, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, Tab, Tabs, TagIcon, TagIconFilled, TelegramIcon, TextSkeleton, type Theme, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, type Timeframe, Timeline, Timestamp, Toast, TokenDetailsView, TokenGroup, type TokenGroupProps, type TokenGroupVariant, TokenGroups, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TradingViewStepsIcon, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeader, TransactionHeaderLayout, type TransactionHeaderProps, type TransactionHeaderType, TransactionItem, TransactionProperties, type TransactionPropertiesProps, type TransactionPropertiesType, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, type TransactionViewType, Transfer, TranslateIcon, TriangleExclamation, TxProgressViewHeader, UnsupportedPairNotice, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WrapAction, XSocialIcon, adjustColorForContrast, baseTailwindConfig, blendColors, buttonRoundedClassMap, cn, darkTheme, getColorBrightness, getContrastColor, getHexColorFromOpacityPercentage, getWalletCardBackground, hexToRgb, isValidHexColor, lightTheme, linkActionTimelineProps, parseColor, parseSquidTheme, pxToRem, remToPx, rgbToHex, spacing, statusTextClassMap, themeKeysToCssVariables, transactionErrorPauseAnimation, transactionFailureAnimation, transactionHalfSuccessAnimation, transactionPendingAnimation, transactionProcessingAnimation, transactionRejectedAnimation, transactionSuccessAnimation, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useUserTheme, useVersion };
17094
+ export { ANIMATION_DURATIONS, AccountListItem, AccountsButton, type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, type AllOrNone, AnimationCard, AnimationWrapper, Announcement, type AnnouncementProps, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownLeftIcon, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowExpandIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BrokenHeartIcon, BubblesIcon, Button, type ButtonSize, type ButtonVariant, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, CelebrateIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleCheckIcon, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, CoinsOutlinedIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy2Icon, CopyOutlinedIcon, CrossedOutSunSolidIcon, DashboardFast, type DeepPartial, DepositAddressView, type DescriptionBlock, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, DollarOutlinedIcon, DollarSolidIcon, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTitle, type DropdownPosition, type DropdownStyles, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EscKeyIcon, EthereumIcon, ExplosionIcon, EyeOpenIcon, FarcasterIcon, FavouriteFilterIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, FireIcon, GasIcon, GhostIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HighestPriceRangeIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, type IconButtonProps, IconLabel, Image, ImageGroup, ImageIcon, type ImageProps, ImageSparkle, ImageStack, ImageState, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LargeNumericInput, LightningIcon, LimitIcon, LinkIcon, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MarketCapIcon, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, ModalTitle, MoneyBagIcon, MoneyBagSolidIcon, MoonIcon, NavigationBar, NewsIcon, NewspaperIcon, NotAllowedIcon, NumericInput, PathSquareIcon, PauseIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PluginIcon, PlusIcon, PoopIcon, PowerIcon, PriceChange, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, type PublicTheme, PunkIcon, QrCodeIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SearchMenuIcon, SectionTitle, SendTokensAction, type Settings, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, SettingsSliderIcon, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileFilledIcon, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, SquidVector, StakeAction, StarFilledIcon, StarLinesIcon, StarOutlinedIcon, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, Tab, Tabs, TagIcon, TagIconFilled, TelegramIcon, TextSkeleton, type Theme, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, type Timeframe, Timeline, Timestamp, Toast, TokenDetailsView, TokenGroup, type TokenGroupProps, type TokenGroupVariant, TokenGroups, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TradingViewStepsIcon, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeader, TransactionHeaderLayout, type TransactionHeaderProps, type TransactionHeaderType, TransactionItem, TransactionProperties, type TransactionPropertiesProps, type TransactionPropertiesType, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, type TransactionViewType, Transfer, TranslateIcon, TriangleExclamation, TrophyIcon, TxProgressViewHeader, UnsupportedPairNotice, UsdAmount, WalletIcon, WalletLink, WalletOutlinedIcon, WrapAction, XSocialIcon, adjustColorForContrast, baseTailwindConfig, blendColors, buttonRoundedClassMap, cn, darkTheme, getColorBrightness, getContrastColor, getHexColorFromOpacityPercentage, getWalletCardBackground, hexToRgb, isValidHexColor, lightTheme, linkActionTimelineProps, parseColor, parseSquidTheme, pxToRem, remToPx, rgbToHex, spacing, statusTextClassMap, themeKeysToCssVariables, transactionErrorPauseAnimation, transactionFailureAnimation, transactionHalfSuccessAnimation, transactionPendingAnimation, transactionProcessingAnimation, transactionRejectedAnimation, transactionSuccessAnimation, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useUserTheme, useVersion };
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "url": "git+https://github.com/0xsquid/squid-ui.git"
6
6
  },
7
7
  "description": "Squid's UI components",
8
- "version": "2.6.7",
8
+ "version": "2.7.0",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function CrossAnimatedIcon({ size, isOpen, transitionDuration, className, }: {
3
- size?: number;
4
- isOpen?: boolean;
5
- transitionDuration?: React.CSSProperties["transitionDuration"];
6
- className?: string;
7
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { type Meta, type StoryObj } from "@storybook/react";
2
- import { LargeNumericInput } from "../../components/controls/LargeNumericInput";
3
- declare const meta: Meta<typeof LargeNumericInput>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function CrossAnimatedIcon({ size, isOpen, transitionDuration, className, }: {
3
- size?: number;
4
- isOpen?: boolean;
5
- transitionDuration?: React.CSSProperties["transitionDuration"];
6
- className?: string;
7
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { type Meta, type StoryObj } from "@storybook/react";
2
- import { LargeNumericInput } from "../../components/controls/LargeNumericInput";
3
- declare const meta: Meta<typeof LargeNumericInput>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;