@0xsquid/ui 0.26.0-beta.0 → 0.26.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.
- package/dist/cjs/index.js +826 -920
- package/dist/cjs/types/components/icons/Arrow.d.ts +0 -12
- package/dist/cjs/types/components/icons/CompassRound.d.ts +1 -5
- package/dist/cjs/types/components/layout/DetailsToolbar.d.ts +11 -3
- package/dist/cjs/types/components/lists/DropdownMenuItem.d.ts +1 -2
- package/dist/cjs/types/components/lists/HistoryItem.d.ts +1 -1
- package/dist/cjs/types/components/lists/ListItem.d.ts +1 -5
- package/dist/cjs/types/components/lists/PropertyListItem.d.ts +1 -5
- package/dist/cjs/types/components/lists/index.d.ts +0 -1
- package/dist/cjs/types/hooks/useDropdownMenu.d.ts +2 -9
- package/dist/cjs/types/stories/layout/DetailsToolbar.stories.d.ts +3 -3
- package/dist/cjs/types/stories/lists/DropdownMenuItem.stories.d.ts +0 -1
- package/dist/cjs/types/stories/lists/ListItem.stories.d.ts +0 -1
- package/dist/cjs/types/stories/lists/PropertyListItem.stories.d.ts +0 -2
- package/dist/cjs/types/types/components.d.ts +0 -1
- package/dist/cjs/types/types/config.d.ts +1 -1
- package/dist/esm/index.js +826 -914
- package/dist/esm/types/components/icons/Arrow.d.ts +0 -12
- package/dist/esm/types/components/icons/CompassRound.d.ts +1 -5
- package/dist/esm/types/components/layout/DetailsToolbar.d.ts +11 -3
- package/dist/esm/types/components/lists/DropdownMenuItem.d.ts +1 -2
- package/dist/esm/types/components/lists/HistoryItem.d.ts +1 -1
- package/dist/esm/types/components/lists/ListItem.d.ts +1 -5
- package/dist/esm/types/components/lists/PropertyListItem.d.ts +1 -5
- package/dist/esm/types/components/lists/index.d.ts +0 -1
- package/dist/esm/types/hooks/useDropdownMenu.d.ts +2 -9
- package/dist/esm/types/stories/layout/DetailsToolbar.stories.d.ts +3 -3
- package/dist/esm/types/stories/lists/DropdownMenuItem.stories.d.ts +0 -1
- package/dist/esm/types/stories/lists/ListItem.stories.d.ts +0 -1
- package/dist/esm/types/stories/lists/PropertyListItem.stories.d.ts +0 -2
- package/dist/esm/types/types/components.d.ts +0 -1
- package/dist/esm/types/types/config.d.ts +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +18 -58
- package/package.json +1 -1
- package/dist/cjs/types/components/buttons/StopsButton.d.ts +0 -13
- package/dist/cjs/types/components/lists/RouteStep.d.ts +0 -9
- package/dist/cjs/types/stories/buttons/StopsButton.stories.d.ts +0 -10
- package/dist/cjs/types/stories/lists/RouteStep.stories.d.ts +0 -7
- package/dist/esm/types/components/buttons/StopsButton.d.ts +0 -13
- package/dist/esm/types/components/lists/RouteStep.d.ts +0 -9
- package/dist/esm/types/stories/buttons/StopsButton.stories.d.ts +0 -10
- package/dist/esm/types/stories/lists/RouteStep.stories.d.ts +0 -7
package/dist/index.d.ts
CHANGED
|
@@ -63,7 +63,6 @@ type ChainTypeFilter = 'source' | 'destination';
|
|
|
63
63
|
type StatusFilter = 'success' | 'ongoing' | 'error';
|
|
64
64
|
type AssetsButtonVariant = 'primary' | 'accent';
|
|
65
65
|
type PropertyListItemSize = 'small' | 'large';
|
|
66
|
-
type DropdownPosition = 'top' | 'bottom' | 'center';
|
|
67
66
|
|
|
68
67
|
interface IconLabelProps {
|
|
69
68
|
isLoading?: boolean;
|
|
@@ -366,18 +365,6 @@ declare function ArrowCornerDownRightIcon({ size, className, }: {
|
|
|
366
365
|
size?: string;
|
|
367
366
|
className?: string;
|
|
368
367
|
}): react_jsx_runtime.JSX.Element;
|
|
369
|
-
declare function ChevronDownSmallIcon({ size, className, }: {
|
|
370
|
-
size?: string;
|
|
371
|
-
className?: string;
|
|
372
|
-
}): react_jsx_runtime.JSX.Element;
|
|
373
|
-
declare function ArrowDownIcon({ size, className, }: {
|
|
374
|
-
size?: string;
|
|
375
|
-
className?: string;
|
|
376
|
-
}): react_jsx_runtime.JSX.Element;
|
|
377
|
-
declare function ArrowSplit({ size, className, }: {
|
|
378
|
-
size?: string;
|
|
379
|
-
className?: string;
|
|
380
|
-
}): react_jsx_runtime.JSX.Element;
|
|
381
368
|
|
|
382
369
|
declare function ArrowRotate(): react_jsx_runtime.JSX.Element;
|
|
383
370
|
|
|
@@ -446,11 +433,7 @@ declare function StocksIcon({ size, className, }: {
|
|
|
446
433
|
|
|
447
434
|
declare function CollectionIcon(): react_jsx_runtime.JSX.Element;
|
|
448
435
|
|
|
449
|
-
declare function
|
|
450
|
-
size?: string;
|
|
451
|
-
className?: string;
|
|
452
|
-
}): react_jsx_runtime.JSX.Element;
|
|
453
|
-
declare function CompassRoundSolidIcon({ size, className, }: {
|
|
436
|
+
declare function CompassRound({ size, className, }: {
|
|
454
437
|
size?: string;
|
|
455
438
|
className?: string;
|
|
456
439
|
}): react_jsx_runtime.JSX.Element;
|
|
@@ -1280,16 +1263,6 @@ interface DescriptionBlocksProps extends ComponentProps<'div'> {
|
|
|
1280
1263
|
declare function DescriptionBlocks({ className, blocks: blocksProp, ...props }: DescriptionBlocksProps): react_jsx_runtime.JSX.Element;
|
|
1281
1264
|
declare function Inline({ className, children, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
1282
1265
|
|
|
1283
|
-
interface StopsProps extends React.ComponentProps<'button'> {
|
|
1284
|
-
stopsCount?: string | number;
|
|
1285
|
-
estimatedTime?: string;
|
|
1286
|
-
tooltip?: Omit<TooltipProps, 'children'>;
|
|
1287
|
-
providers: Provider[];
|
|
1288
|
-
}
|
|
1289
|
-
type Provider = {
|
|
1290
|
-
logoUrl: string;
|
|
1291
|
-
};
|
|
1292
|
-
|
|
1293
1266
|
interface DetailsToolbarProps {
|
|
1294
1267
|
errorMessage?: string;
|
|
1295
1268
|
flipButton?: {
|
|
@@ -1302,15 +1275,23 @@ interface DetailsToolbarProps {
|
|
|
1302
1275
|
tooltip?: Omit<TooltipProps, 'children'>;
|
|
1303
1276
|
onClick: () => void;
|
|
1304
1277
|
};
|
|
1278
|
+
estimatedTime?: string;
|
|
1305
1279
|
isLoading?: boolean;
|
|
1306
1280
|
isEmpty?: boolean;
|
|
1307
1281
|
helpButton?: {
|
|
1308
1282
|
label: string;
|
|
1309
1283
|
onClick: () => void;
|
|
1310
1284
|
};
|
|
1311
|
-
|
|
1285
|
+
boostButton?: {
|
|
1286
|
+
tooltip?: Omit<TooltipProps, 'children'>;
|
|
1287
|
+
onClick?: ({ boostMode }: {
|
|
1288
|
+
boostMode: BoostMode;
|
|
1289
|
+
}) => void;
|
|
1290
|
+
canToggleBoostMode?: boolean;
|
|
1291
|
+
boostMode?: BoostMode;
|
|
1292
|
+
};
|
|
1312
1293
|
}
|
|
1313
|
-
declare function DetailsToolbar({ errorMessage, helpButton, isLoading, isEmpty, flipButton, feeButton,
|
|
1294
|
+
declare function DetailsToolbar({ errorMessage, estimatedTime, helpButton, isLoading, isEmpty, flipButton, feeButton, boostButton, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
|
|
1314
1295
|
|
|
1315
1296
|
interface DropdownMenuItemProps {
|
|
1316
1297
|
label: string;
|
|
@@ -1318,9 +1299,8 @@ interface DropdownMenuItemProps {
|
|
|
1318
1299
|
imageUrl?: string;
|
|
1319
1300
|
icon?: React.ReactNode;
|
|
1320
1301
|
onClick?: () => void;
|
|
1321
|
-
link?: string;
|
|
1322
1302
|
}
|
|
1323
|
-
declare function DropdownMenuItem({ label, imageUrl, icon, labelClassName, onClick,
|
|
1303
|
+
declare function DropdownMenuItem({ label, imageUrl, icon, labelClassName, onClick, }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
1324
1304
|
|
|
1325
1305
|
interface HistoryItemProps {
|
|
1326
1306
|
firstImageUrl: string;
|
|
@@ -1336,7 +1316,7 @@ interface HistoryItemProps {
|
|
|
1336
1316
|
onClick?: () => void;
|
|
1337
1317
|
warningLabel?: string;
|
|
1338
1318
|
}
|
|
1339
|
-
declare function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, dropdownMenuItems
|
|
1319
|
+
declare function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, dropdownMenuItems, itemsContainerRef, status, warningLabel, onClick, }: HistoryItemProps): react_jsx_runtime.JSX.Element;
|
|
1340
1320
|
|
|
1341
1321
|
interface ListItemProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
1342
1322
|
itemTitle: string | React.ReactNode;
|
|
@@ -1361,12 +1341,9 @@ interface ListItemProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
|
1361
1341
|
containerProps?: React.HTMLAttributes<HTMLLIElement>;
|
|
1362
1342
|
compactOnMobile?: boolean;
|
|
1363
1343
|
extraPadding?: boolean;
|
|
1364
|
-
dropdownMenuItems?: DropdownMenuItemProps[];
|
|
1365
|
-
itemsContainerRef?: React.RefObject<HTMLElement>;
|
|
1366
1344
|
}
|
|
1367
1345
|
type ListItemSize = 'small' | 'large';
|
|
1368
|
-
declare function ListItem({ itemTitle, mainImageUrl, subtitle, subtitleOnHover, detail, icon, secondaryImageUrl, placeholderImageUrl, size, mainIcon, className, isSelected, onDetailClick, showDetailOnHoverOnly, rounded, detailButtonClassName, loading, containerProps, compactOnMobile, extraPadding,
|
|
1369
|
-
declare const ListItemActionsButton: (props: React.ComponentProps<'button'>) => react_jsx_runtime.JSX.Element;
|
|
1346
|
+
declare function ListItem({ itemTitle, mainImageUrl, subtitle, subtitleOnHover, detail, icon, secondaryImageUrl, placeholderImageUrl, size, mainIcon, className, isSelected, onDetailClick, showDetailOnHoverOnly, rounded, detailButtonClassName, loading, containerProps, compactOnMobile, extraPadding, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
|
|
1370
1347
|
|
|
1371
1348
|
interface MenuItemProps {
|
|
1372
1349
|
label: string;
|
|
@@ -1381,12 +1358,8 @@ interface PropertyListItemProps extends ComponentProps<'li'> {
|
|
|
1381
1358
|
icon?: React.ReactNode;
|
|
1382
1359
|
detail?: React.ReactNode;
|
|
1383
1360
|
variant?: PropertyListItemSize;
|
|
1384
|
-
showGradientBg?: boolean;
|
|
1385
|
-
labelClassName?: string;
|
|
1386
|
-
iconClassName?: string;
|
|
1387
|
-
detailClassName?: string;
|
|
1388
1361
|
}
|
|
1389
|
-
declare function PropertyListItem({ isLoading, label, detail, icon, className, variant,
|
|
1362
|
+
declare function PropertyListItem({ isLoading, label, detail, icon, className, variant, ...props }: PropertyListItemProps): react_jsx_runtime.JSX.Element;
|
|
1390
1363
|
|
|
1391
1364
|
interface SectionTitleProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1392
1365
|
title: string;
|
|
@@ -1757,14 +1730,6 @@ interface TransactionItemProps {
|
|
|
1757
1730
|
}
|
|
1758
1731
|
declare function TransactionItem({ className, isLoading, status, image, type, hash, fromChain, toChain, fromAmount, toAmount, timestamp, variant, }: TransactionItemProps): react_jsx_runtime.JSX.Element;
|
|
1759
1732
|
|
|
1760
|
-
interface RouteStepProps {
|
|
1761
|
-
imageUrl: string;
|
|
1762
|
-
descriptionBlocks: DescriptionBlock[];
|
|
1763
|
-
subtitle: string;
|
|
1764
|
-
showStepSeparator?: boolean;
|
|
1765
|
-
}
|
|
1766
|
-
declare function RouteStep({ imageUrl, descriptionBlocks, subtitle, showStepSeparator, }: RouteStepProps): react_jsx_runtime.JSX.Element;
|
|
1767
|
-
|
|
1768
1733
|
interface DropdownMenuProps {
|
|
1769
1734
|
dropdownRef?: React.RefObject<HTMLDivElement>;
|
|
1770
1735
|
menuRef?: React.RefObject<HTMLDivElement>;
|
|
@@ -2461,19 +2426,14 @@ declare function SquidConfigProvider({ theme, children, themeType, }: {
|
|
|
2461
2426
|
themeType?: ThemeType;
|
|
2462
2427
|
}): react_jsx_runtime.JSX.Element;
|
|
2463
2428
|
|
|
2464
|
-
|
|
2429
|
+
declare function useDropdownMenu(props?: {
|
|
2465
2430
|
initialIsModalOpen?: boolean;
|
|
2466
|
-
|
|
2467
|
-
}
|
|
2468
|
-
declare function useDropdownMenu(props?: UseDropdownMenuParams): {
|
|
2431
|
+
}): {
|
|
2469
2432
|
isDropdownOpen: boolean;
|
|
2470
2433
|
openDropdown: () => void;
|
|
2471
2434
|
closeDropdown: () => void;
|
|
2472
2435
|
dropdownRef: React.RefObject<HTMLDivElement>;
|
|
2473
2436
|
openDropdownButtonRef: React.RefObject<HTMLButtonElement>;
|
|
2474
|
-
dropdownPosition: DropdownPosition | null;
|
|
2475
|
-
itemRef: React.RefObject<HTMLLIElement>;
|
|
2476
|
-
menuRef: React.RefObject<HTMLDivElement>;
|
|
2477
2437
|
};
|
|
2478
2438
|
|
|
2479
2439
|
type UseMediaQueryOptions = {
|
|
@@ -2564,4 +2524,4 @@ declare const baseTailwindConfig: Config;
|
|
|
2564
2524
|
*/
|
|
2565
2525
|
declare const cn: (...inputs: ClassValue[]) => string;
|
|
2566
2526
|
|
|
2567
|
-
export { type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, AnimationWrapper, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon,
|
|
2527
|
+
export { type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, AnimationWrapper, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AssetsView, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, BrokenHeartIcon, BubblesIcon, Button, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockIcon, ClockOutlineIcon, CoinsAddIcon, CoinsIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CompassRound, ConsoleIcon, Copy, CrossAnimatedIcon, DashboardFast, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, Dollar, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FilledHeartIcon, FilterButton, FilterIcon, GasIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, IconLabel, ImageIcon, ImageSparkle, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LightningIcon, LinkIcon, List, ListItem, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MainView, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoonIcon, NavigationBar, NotAllowedIcon, NumericInput, PathSquareIcon, PercentIcon, PieChartIcon, PipeSeparator, PlusIcon, PowerIcon, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, PunkIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RecipientView, RefreshIcon, ReorderIcon, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidConfigProvider, SquidLogo, type SquidTheme, StakeAction, StartAction, StocksIcon, SuccessAction, SunIcon, SunriseIcon, SwapAction, SwapConfiguration, SwapDetailsView, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProgressViewHeader, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, TagIcon, TagIconFilled, TextSkeleton, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, Timeline, Timestamp, Toast, 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, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WalletsView, WrapAction, XSocial, baseTailwindConfig, cn, darkTheme, lightTheme, linkActionTimelineProps, statusTextClassMap, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useVersion };
|
package/package.json
CHANGED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TooltipProps } from '../controls';
|
|
3
|
-
export interface StopsProps extends React.ComponentProps<'button'> {
|
|
4
|
-
stopsCount?: string | number;
|
|
5
|
-
estimatedTime?: string;
|
|
6
|
-
tooltip?: Omit<TooltipProps, 'children'>;
|
|
7
|
-
providers: Provider[];
|
|
8
|
-
}
|
|
9
|
-
export declare function StopsButton({ stopsCount, estimatedTime, tooltip, providers, ...props }: StopsProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
type Provider = {
|
|
11
|
-
logoUrl: string;
|
|
12
|
-
};
|
|
13
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { DescriptionBlock } from '../../types/components';
|
|
2
|
-
interface RouteStepProps {
|
|
3
|
-
imageUrl: string;
|
|
4
|
-
descriptionBlocks: DescriptionBlock[];
|
|
5
|
-
subtitle: string;
|
|
6
|
-
showStepSeparator?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare function RouteStep({ imageUrl, descriptionBlocks, subtitle, showStepSeparator, }: RouteStepProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { StopsButton } from '../../components/buttons/StopsButton';
|
|
3
|
-
declare const meta: Meta<typeof StopsButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const OneProvider: Story;
|
|
7
|
-
export declare const TwoProviders: Story;
|
|
8
|
-
export declare const ThreeProviders: Story;
|
|
9
|
-
export declare const FourProviders: Story;
|
|
10
|
-
export declare const TenProviders: Story;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { RouteStep } from '../../components/lists/RouteStep';
|
|
3
|
-
declare const meta: Meta<typeof RouteStep>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithStepSeparator: Story;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TooltipProps } from '../controls';
|
|
3
|
-
export interface StopsProps extends React.ComponentProps<'button'> {
|
|
4
|
-
stopsCount?: string | number;
|
|
5
|
-
estimatedTime?: string;
|
|
6
|
-
tooltip?: Omit<TooltipProps, 'children'>;
|
|
7
|
-
providers: Provider[];
|
|
8
|
-
}
|
|
9
|
-
export declare function StopsButton({ stopsCount, estimatedTime, tooltip, providers, ...props }: StopsProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
type Provider = {
|
|
11
|
-
logoUrl: string;
|
|
12
|
-
};
|
|
13
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { DescriptionBlock } from '../../types/components';
|
|
2
|
-
interface RouteStepProps {
|
|
3
|
-
imageUrl: string;
|
|
4
|
-
descriptionBlocks: DescriptionBlock[];
|
|
5
|
-
subtitle: string;
|
|
6
|
-
showStepSeparator?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare function RouteStep({ imageUrl, descriptionBlocks, subtitle, showStepSeparator, }: RouteStepProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { StopsButton } from '../../components/buttons/StopsButton';
|
|
3
|
-
declare const meta: Meta<typeof StopsButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const OneProvider: Story;
|
|
7
|
-
export declare const TwoProviders: Story;
|
|
8
|
-
export declare const ThreeProviders: Story;
|
|
9
|
-
export declare const FourProviders: Story;
|
|
10
|
-
export declare const TenProviders: Story;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { RouteStep } from '../../components/lists/RouteStep';
|
|
3
|
-
declare const meta: Meta<typeof RouteStep>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithStepSeparator: Story;
|