@0xsquid/ui 2.6.6 → 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 (43) hide show
  1. package/dist/cjs/index.js +414 -384
  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/core/constants.d.ts +1 -1
  11. package/dist/cjs/types/core/design-system.d.ts +1 -0
  12. package/dist/cjs/types/services/internal/colorService.d.ts +2 -2
  13. package/dist/cjs/types/stories/badges/ImageGroup.stories.d.ts +3 -2
  14. package/dist/cjs/types/stories/controls/Input.stories.d.ts +1 -1
  15. package/dist/cjs/types/stories/layout/NavigationBar.stories.d.ts +0 -1
  16. package/dist/cjs/types/stories/layout/SwapConfiguration.stories.d.ts +0 -2
  17. package/dist/cjs/types/stories/lists/ListItem.stories.d.ts +1 -0
  18. package/dist/cjs/types/stories/lists/TokenGroup.stories.d.ts +1 -0
  19. package/dist/esm/index.js +405 -383
  20. package/dist/esm/types/components/badges/ImageGroup.d.ts +1 -1
  21. package/dist/esm/types/components/icons/Arrow.d.ts +6 -1
  22. package/dist/esm/types/components/icons/Generic.d.ts +29 -0
  23. package/dist/esm/types/components/icons/Wallet.d.ts +1 -1
  24. package/dist/esm/types/components/icons/index.d.ts +0 -1
  25. package/dist/esm/types/components/layout/DropdownMenu.d.ts +1 -0
  26. package/dist/esm/types/components/layout/NavigationBar.d.ts +1 -2
  27. package/dist/esm/types/components/lists/TokenGroup.d.ts +2 -1
  28. package/dist/esm/types/core/constants.d.ts +1 -1
  29. package/dist/esm/types/core/design-system.d.ts +1 -0
  30. package/dist/esm/types/services/internal/colorService.d.ts +2 -2
  31. package/dist/esm/types/stories/badges/ImageGroup.stories.d.ts +3 -2
  32. package/dist/esm/types/stories/controls/Input.stories.d.ts +1 -1
  33. package/dist/esm/types/stories/layout/NavigationBar.stories.d.ts +0 -1
  34. package/dist/esm/types/stories/layout/SwapConfiguration.stories.d.ts +0 -2
  35. package/dist/esm/types/stories/lists/ListItem.stories.d.ts +1 -0
  36. package/dist/esm/types/stories/lists/TokenGroup.stories.d.ts +1 -0
  37. package/dist/index.css +1 -1
  38. package/dist/index.d.ts +46 -17
  39. package/package.json +1 -1
  40. package/dist/cjs/types/components/icons/CrossAnimatedIcon.d.ts +0 -7
  41. package/dist/cjs/types/stories/controls/LargeNumericInput.stories.d.ts +0 -6
  42. package/dist/esm/types/components/icons/CrossAnimatedIcon.d.ts +0 -7
  43. 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[];
@@ -3017,7 +3045,7 @@ declare const ANIMATION_DURATIONS: {
3017
3045
  BOOST_BUTTON: number;
3018
3046
  GENERIC: number;
3019
3047
  };
3020
- 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";
3021
3049
  declare const MEDIA_QUERIES: Record<MediaQuery, {
3022
3050
  media: string;
3023
3051
  key: string;
@@ -3034,6 +3062,7 @@ declare const spacing: {
3034
3062
  "squid-m": string;
3035
3063
  "squid-l": string;
3036
3064
  "squid-xl": string;
3065
+ "squid-xl2": string;
3037
3066
  "squid-xxl": string;
3038
3067
  };
3039
3068
  declare const baseTailwindConfig: Config;
@@ -3060,8 +3089,8 @@ interface RGB {
3060
3089
  * @param style
3061
3090
  */
3062
3091
  declare const parseSquidTheme: (userTheme: Theme, themeType: ThemeType) => Record<string, string | undefined> | undefined;
3063
- declare const remToPx: (rem: string | number, baseFontSize?: number) => number;
3064
- 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;
3065
3094
  declare function getContrastColor({ r, g, b, }: {
3066
3095
  r: number;
3067
3096
  g: number;
@@ -17062,4 +17091,4 @@ declare const transactionRejectedAnimation: {
17062
17091
  markers: never[];
17063
17092
  };
17064
17093
 
17065
- 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.6",
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;