├── LICENSE ├── README.md ├── dist ├── ResetCSS.d.ts ├── components │ ├── Alert │ │ ├── Alert.d.ts │ │ ├── index.d.ts │ │ ├── theme.d.ts │ │ └── types.d.ts │ ├── BalanceInput │ │ ├── BalanceInput.d.ts │ │ ├── TextField.d.ts │ │ ├── index.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── BaseMenu │ │ ├── BaseMenu.d.ts │ │ ├── InlineMenu.d.ts │ │ ├── SubMenu.d.ts │ │ ├── index.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── BottomNav │ │ ├── BottomNav.d.ts │ │ ├── constants.d.ts │ │ ├── index.d.ts │ │ ├── mock.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── BottomNavItem │ │ ├── BottomNavItem.d.ts │ │ ├── index.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── Box │ │ ├── Box.d.ts │ │ ├── Flex.d.ts │ │ ├── Grid.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── Breadcrumbs │ │ ├── Breadcrumbs.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── Button │ │ ├── Button.d.ts │ │ ├── ExpandableButton.d.ts │ │ ├── IconButton.d.ts │ │ ├── StyledButton.d.ts │ │ ├── index.d.ts │ │ ├── theme.d.ts │ │ └── types.d.ts │ ├── ButtonMenu │ │ ├── ButtonMenu.d.ts │ │ ├── ButtonMenuItem.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── CakePrice │ │ ├── CakePrice.d.ts │ │ └── index.d.ts │ ├── Card │ │ ├── Card.d.ts │ │ ├── CardBody.d.ts │ │ ├── CardFooter.d.ts │ │ ├── CardHeader.d.ts │ │ ├── CardRibbon.d.ts │ │ ├── StyledCard.d.ts │ │ ├── index.d.ts │ │ ├── theme.d.ts │ │ └── types.d.ts │ ├── Checkbox │ │ ├── Checkbox.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── Dropdown │ │ ├── Dropdown.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── DropdownMenu │ │ ├── DropdownMenu.d.ts │ │ ├── index.d.ts │ │ ├── mock.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── FallingBunnies │ │ ├── FallingBunnies.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── Footer │ │ ├── Components │ │ │ └── SocialLinks.d.ts │ │ ├── Footer.d.ts │ │ ├── config.d.ts │ │ ├── index.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── Heading │ │ ├── Heading.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── Image │ │ ├── BackgroundImage.d.ts │ │ ├── Image.d.ts │ │ ├── Placeholder.d.ts │ │ ├── ProfileAvatar.d.ts │ │ ├── TokenImage.d.ts │ │ ├── TokenPairImage.d.ts │ │ ├── Wrapper.d.ts │ │ ├── index.d.ts │ │ ├── options.d.ts │ │ ├── styles.d.ts │ │ ├── tokens.d.ts │ │ └── types.d.ts │ ├── Input │ │ ├── Input.d.ts │ │ ├── InputGroup.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── LangSelector │ │ ├── LangSelector.d.ts │ │ ├── MenuButton.d.ts │ │ └── types.d.ts │ ├── Layouts │ │ ├── BaseLayout.d.ts │ │ ├── CardsLayout.d.ts │ │ └── index.d.ts │ ├── Link │ │ ├── Link.d.ts │ │ ├── LinkExternal.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── MenuItem │ │ ├── MenuItem.d.ts │ │ ├── index.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── MenuItems │ │ ├── MenuItems.d.ts │ │ ├── index.d.ts │ │ ├── mock.d.ts │ │ └── types.d.ts │ ├── Message │ │ ├── Message.d.ts │ │ ├── index.d.ts │ │ ├── theme.d.ts │ │ └── types.d.ts │ ├── NotificationDot │ │ ├── NotificationDot.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── Overlay │ │ ├── Overlay.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── PancakeToggle │ │ ├── PancakeToggle.d.ts │ │ ├── StyledPancakeToggle.d.ts │ │ ├── index.d.ts │ │ ├── theme.d.ts │ │ └── types.d.ts │ ├── Progress │ │ ├── Progress.d.ts │ │ ├── ProgressBunnyWrapper.d.ts │ │ ├── StyledProgress.d.ts │ │ ├── index.d.ts │ │ ├── themes.d.ts │ │ └── types.d.ts │ ├── Radio │ │ ├── Radio.d.ts │ │ ├── index.d.ts │ │ ├── theme.d.ts │ │ └── types.d.ts │ ├── Skeleton │ │ ├── Skeleton.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── Slider │ │ ├── Slider.d.ts │ │ ├── index.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── Spinner │ │ ├── PanIcon.d.ts │ │ ├── PancakeIcon.d.ts │ │ ├── Spinner.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── Stepper │ │ ├── Step.d.ts │ │ ├── Stepper.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── SubMenu │ │ ├── SubMenu.d.ts │ │ ├── index.d.ts │ │ └── styles.d.ts │ ├── SubMenuItems │ │ ├── SubMenuItems.d.ts │ │ ├── index.d.ts │ │ ├── mock.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── Svg │ │ ├── AnimatedIconComponent.d.ts │ │ ├── IconComponent.d.ts │ │ ├── Icons │ │ │ ├── Account.d.ts │ │ │ ├── AccountFilled.d.ts │ │ │ ├── Add.d.ts │ │ │ ├── ArrowBack.d.ts │ │ │ ├── ArrowDown.d.ts │ │ │ ├── ArrowDropDown.d.ts │ │ │ ├── ArrowDropUp.d.ts │ │ │ ├── ArrowFirst.d.ts │ │ │ ├── ArrowForward.d.ts │ │ │ ├── ArrowLast.d.ts │ │ │ ├── ArrowUp.d.ts │ │ │ ├── AutoRenew.d.ts │ │ │ ├── Binance.d.ts │ │ │ ├── BinanceChain.d.ts │ │ │ ├── Block.d.ts │ │ │ ├── BnbUsdtPairToken.d.ts │ │ │ ├── BscScan.d.ts │ │ │ ├── BunnyCards.d.ts │ │ │ ├── BunnyPlaceholder.d.ts │ │ │ ├── Calculate.d.ts │ │ │ ├── Camera.d.ts │ │ │ ├── CardView.d.ts │ │ │ ├── Cards.d.ts │ │ │ ├── Chart.d.ts │ │ │ ├── Checkmark.d.ts │ │ │ ├── CheckmarkCircle.d.ts │ │ │ ├── CheckmarkCircleFill.d.ts │ │ │ ├── ChevronDown.d.ts │ │ │ ├── ChevronLeft.d.ts │ │ │ ├── ChevronRight.d.ts │ │ │ ├── ChevronUp.d.ts │ │ │ ├── CircleOutline.d.ts │ │ │ ├── Close.d.ts │ │ │ ├── Cog.d.ts │ │ │ ├── Coin98.d.ts │ │ │ ├── Community.d.ts │ │ │ ├── CommunityFilled.d.ts │ │ │ ├── Copy.d.ts │ │ │ ├── Crown.d.ts │ │ │ ├── Currency.d.ts │ │ │ ├── Earn.d.ts │ │ │ ├── EarnFill.d.ts │ │ │ ├── EarnFilled.d.ts │ │ │ ├── Ellipsis.d.ts │ │ │ ├── Error.d.ts │ │ │ ├── EthereumIcon.d.ts │ │ │ ├── Farm.d.ts │ │ │ ├── Github.d.ts │ │ │ ├── Groups.d.ts │ │ │ ├── Hamburger.d.ts │ │ │ ├── HamburgerClose.d.ts │ │ │ ├── Help.d.ts │ │ │ ├── History.d.ts │ │ │ ├── Home.d.ts │ │ │ ├── Ifo.d.ts │ │ │ ├── Info.d.ts │ │ │ ├── Instagram.d.ts │ │ │ ├── Language.d.ts │ │ │ ├── LanguageCurrency.d.ts │ │ │ ├── LaurelLeft.d.ts │ │ │ ├── LaurelRight.d.ts │ │ │ ├── ListView.d.ts │ │ │ ├── Login.d.ts │ │ │ ├── Logo.d.ts │ │ │ ├── LogoRound.d.ts │ │ │ ├── LogoWithText.d.ts │ │ │ ├── Logout.d.ts │ │ │ ├── MathWallet.d.ts │ │ │ ├── MedalBronze.d.ts │ │ │ ├── MedalGold.d.ts │ │ │ ├── MedalPurple.d.ts │ │ │ ├── MedalSilver.d.ts │ │ │ ├── MedalTeal.d.ts │ │ │ ├── Metamask.d.ts │ │ │ ├── Minus.d.ts │ │ │ ├── Moon.d.ts │ │ │ ├── More.d.ts │ │ │ ├── MoreHorizontal.d.ts │ │ │ ├── MoreVertical.d.ts │ │ │ ├── Nft.d.ts │ │ │ ├── NftFill.d.ts │ │ │ ├── NftFilled.d.ts │ │ │ ├── NoProfileAvatar.d.ts │ │ │ ├── OpenNew.d.ts │ │ │ ├── PancakeRound.d.ts │ │ │ ├── Pancakes.d.ts │ │ │ ├── Pencil.d.ts │ │ │ ├── PlayCircleOutline.d.ts │ │ │ ├── PocketWatch.d.ts │ │ │ ├── PolygonIcon.d.ts │ │ │ ├── Pool.d.ts │ │ │ ├── Predictions.d.ts │ │ │ ├── PresentCheck.d.ts │ │ │ ├── PresentNone.d.ts │ │ │ ├── PresentWon.d.ts │ │ │ ├── Prize.d.ts │ │ │ ├── ProgressBunny.d.ts │ │ │ ├── Proposal.d.ts │ │ │ ├── Reddit.d.ts │ │ │ ├── Refresh.d.ts │ │ │ ├── Remove.d.ts │ │ │ ├── Resources.d.ts │ │ │ ├── ResourcesFilled.d.ts │ │ │ ├── SafePal.d.ts │ │ │ ├── Search.d.ts │ │ │ ├── Sell.d.ts │ │ │ ├── Share.d.ts │ │ │ ├── SmallDot.d.ts │ │ │ ├── StarFill.d.ts │ │ │ ├── StarLine.d.ts │ │ │ ├── Sun.d.ts │ │ │ ├── Swap.d.ts │ │ │ ├── SwapFill.d.ts │ │ │ ├── SwapVert.d.ts │ │ │ ├── SyncAlt.d.ts │ │ │ ├── TeamBattle.d.ts │ │ │ ├── TeamPlayer.d.ts │ │ │ ├── Telegram.d.ts │ │ │ ├── Testnet.d.ts │ │ │ ├── Ticket.d.ts │ │ │ ├── TicketFill.d.ts │ │ │ ├── TicketRound.d.ts │ │ │ ├── Timer.d.ts │ │ │ ├── TokenPocket.d.ts │ │ │ ├── Trade.d.ts │ │ │ ├── TradeFilled.d.ts │ │ │ ├── Trophy.d.ts │ │ │ ├── TrophyFill.d.ts │ │ │ ├── TrophyGold.d.ts │ │ │ ├── TrustWallet.d.ts │ │ │ ├── Tune.d.ts │ │ │ ├── Twitter.d.ts │ │ │ ├── Verified.d.ts │ │ │ ├── VisibilityOff.d.ts │ │ │ ├── VisibilityOn.d.ts │ │ │ ├── VolumeOff.d.ts │ │ │ ├── VolumeUp.d.ts │ │ │ ├── Vote.d.ts │ │ │ ├── Wait.d.ts │ │ │ ├── Wallet.d.ts │ │ │ ├── WalletConnect.d.ts │ │ │ ├── WalletFilled.d.ts │ │ │ └── Warning.d.ts │ │ ├── Svg.d.ts │ │ ├── index.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── TabMenu │ │ ├── Tab.d.ts │ │ ├── TabMenu.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── Table │ │ ├── Cell.d.ts │ │ ├── Table.d.ts │ │ ├── example │ │ │ ├── const.d.ts │ │ │ └── header.d.ts │ │ ├── hooks.d.ts │ │ ├── index.d.ts │ │ ├── types.d.ts │ │ └── utils.d.ts │ ├── Tag │ │ ├── StyledTag.d.ts │ │ ├── Tag.d.ts │ │ ├── index.d.ts │ │ ├── theme.d.ts │ │ └── types.d.ts │ ├── Text │ │ ├── Text.d.ts │ │ ├── TooltipText.d.ts │ │ ├── index.d.ts │ │ └── types.d.ts │ ├── ThemeSwitcher │ │ ├── ThemeSwitcher.d.ts │ │ └── index.d.ts │ ├── Timeline │ │ ├── InfoTooltip.d.ts │ │ ├── Timeline.d.ts │ │ ├── index.d.ts │ │ ├── styles.d.ts │ │ └── types.d.ts │ ├── Toggle │ │ ├── StyledToggle.d.ts │ │ ├── Toggle.d.ts │ │ ├── index.d.ts │ │ ├── theme.d.ts │ │ └── types.d.ts │ └── Tooltip │ │ ├── theme.d.ts │ │ └── types.d.ts ├── hooks │ ├── index.d.ts │ ├── useKonamiCheatCode.d.ts │ ├── useMatchBreakpoints.d.ts │ ├── useParticleBurst.d.ts │ └── useTooltip │ │ ├── StyledTooltip.d.ts │ │ ├── index.d.ts │ │ ├── types.d.ts │ │ └── useTooltip.d.ts ├── index.cjs.js ├── index.d.ts ├── index.esm.js ├── setupTests.d.ts ├── testHelpers.d.ts ├── theme │ ├── base.d.ts │ ├── colors.d.ts │ ├── dark.d.ts │ ├── index.d.ts │ ├── light.d.ts │ └── types.d.ts ├── util │ ├── getExternalLinkProps.d.ts │ ├── getThemeValue.d.ts │ └── isTouchDevice.d.ts └── widgets │ ├── Menu │ ├── Menu.d.ts │ ├── components │ │ ├── Accordion.d.ts │ │ ├── CakePrice.d.ts │ │ ├── LangSelector.d.ts │ │ ├── Logo.d.ts │ │ ├── MenuButton.d.ts │ │ ├── MenuEntry.d.ts │ │ ├── MenuLink.d.ts │ │ ├── Panel.d.ts │ │ ├── PanelBody.d.ts │ │ ├── PanelFooter.d.ts │ │ ├── SocialLinks.d.ts │ │ ├── ThemeSwitcher.d.ts │ │ └── UserMenu │ │ │ ├── MenuIcon.d.ts │ │ │ ├── index.d.ts │ │ │ ├── styles.d.ts │ │ │ └── types.d.ts │ ├── config.d.ts │ ├── icons │ │ ├── Farm.d.ts │ │ ├── Groups.d.ts │ │ ├── Hamburger.d.ts │ │ ├── HamburgerClose.d.ts │ │ ├── Home.d.ts │ │ ├── Ifo.d.ts │ │ ├── Info.d.ts │ │ ├── Logo.d.ts │ │ ├── Moon.d.ts │ │ ├── More.d.ts │ │ ├── Nft.d.ts │ │ ├── Pool.d.ts │ │ ├── Predictions.d.ts │ │ ├── Sun.d.ts │ │ ├── TeamBattle.d.ts │ │ ├── Telegram.d.ts │ │ ├── Ticket.d.ts │ │ ├── Trade.d.ts │ │ ├── Twitter.d.ts │ │ └── index.d.ts │ ├── index.d.ts │ ├── theme.d.ts │ └── types.d.ts │ ├── Modal │ ├── Modal.d.ts │ ├── ModalContext.d.ts │ ├── index.d.ts │ ├── styles.d.ts │ ├── theme.d.ts │ ├── types.d.ts │ └── useModal.d.ts │ └── WalletModal │ ├── AccountModal.d.ts │ ├── ConnectModal.d.ts │ ├── CopyToClipboard.d.ts │ ├── WalletCard.d.ts │ ├── config.d.ts │ ├── index.d.ts │ ├── types.d.ts │ └── useWalletModal.d.ts └── package.json /README.md: -------------------------------------------------------------------------------- 1 | # 🥞 Pancake UIkit 2 | 3 | [![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) 4 | 5 | Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode. 6 | 7 | ## Install 8 | 9 | `yarn add @pancakeswap-libs/uikit` 10 | 11 | ## Setup 12 | 13 | ### Theme 14 | 15 | Before using Pancake UIkit, you need to provide the theme file to styled-component. 16 | 17 | ``` 18 | import { ThemeProvider } from 'styled-components' 19 | import { light, dark } from '@pancakeswap-libs/uikit' 20 | ... 21 | ... 22 | ``` 23 | 24 | ### Reset 25 | 26 | A reset CSS is available as a global styled component. 27 | 28 | ``` 29 | import { ResetCSS } from '@pancakeswap-libs/uikit' 30 | ... 31 | 32 | ``` 33 | 34 | ### Types 35 | 36 | This project is built with Typescript and export all the relevant types. 37 | 38 | ## How to use the UIkit 39 | 40 | If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/) 41 | -------------------------------------------------------------------------------- /dist/ResetCSS.d.ts: -------------------------------------------------------------------------------- 1 | declare const ResetCSS: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>; 2 | export default ResetCSS; 3 | -------------------------------------------------------------------------------- /dist/components/Alert/Alert.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { AlertProps } from "./types"; 3 | declare const Alert: React.FC; 4 | export default Alert; 5 | -------------------------------------------------------------------------------- /dist/components/Alert/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Alert } from "./Alert"; 2 | export { variants as alertVariants } from "./types"; 3 | export type { AlertProps, Variants as AlertVariants } from "./types"; 4 | -------------------------------------------------------------------------------- /dist/components/Alert/theme.d.ts: -------------------------------------------------------------------------------- 1 | import { AlertTheme } from "./types"; 2 | export declare const light: AlertTheme; 3 | export declare const dark: AlertTheme; 4 | -------------------------------------------------------------------------------- /dist/components/Alert/types.d.ts: -------------------------------------------------------------------------------- 1 | import { MouseEvent, ReactNode } from "react"; 2 | export declare type AlertTheme = { 3 | background: string; 4 | }; 5 | export declare const variants: { 6 | readonly INFO: "info"; 7 | readonly DANGER: "danger"; 8 | readonly SUCCESS: "success"; 9 | readonly WARNING: "warning"; 10 | }; 11 | export declare type Variants = typeof variants[keyof typeof variants]; 12 | export interface AlertProps { 13 | variant?: Variants; 14 | title: string; 15 | children?: ReactNode; 16 | onClick?: (evt: MouseEvent) => void; 17 | } 18 | -------------------------------------------------------------------------------- /dist/components/BalanceInput/BalanceInput.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { BalanceInputProps } from "./types"; 3 | declare const BalanceInput: React.FC; 4 | export default BalanceInput; 5 | -------------------------------------------------------------------------------- /dist/components/BalanceInput/TextField.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { TextfieldProps } from "./types"; 3 | declare const Textfield: React.FC; 4 | export default Textfield; 5 | -------------------------------------------------------------------------------- /dist/components/BalanceInput/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as BalanceInput } from "./BalanceInput"; 2 | export type { BalanceInputProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/BalanceInput/styles.d.ts: -------------------------------------------------------------------------------- 1 | import { BalanceInputProps } from "./types"; 2 | export declare const SwitchUnitsButton: import("styled-components").StyledComponent, import("styled-components").DefaultTheme, {}, never>; 3 | export declare const UnitContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps, never>; 4 | export declare const StyledBalanceInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & { 5 | isWarning: BalanceInputProps["isWarning"]; 6 | }, never>; 7 | export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("../Input").InputProps, never>; 8 | -------------------------------------------------------------------------------- /dist/components/BalanceInput/types.d.ts: -------------------------------------------------------------------------------- 1 | import { InputHTMLAttributes, ReactNode, ReactText } from "react"; 2 | import { BoxProps } from "../Box"; 3 | export interface BalanceInputProps extends BoxProps { 4 | value: ReactText; 5 | onUserInput: (input: string) => void; 6 | innerRef?: React.RefObject; 7 | currencyValue?: ReactNode; 8 | placeholder?: string; 9 | inputProps?: Omit, "value" | "placeholder" | "onChange">; 10 | isWarning?: boolean; 11 | decimals?: number; 12 | unit?: string; 13 | switchEditingUnits?: () => void; 14 | } 15 | -------------------------------------------------------------------------------- /dist/components/BaseMenu/BaseMenu.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { BaseMenuProps } from "./types"; 3 | declare const BaseMenu: React.FC; 4 | export default BaseMenu; 5 | -------------------------------------------------------------------------------- /dist/components/BaseMenu/InlineMenu.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { BoxProps } from "../Box"; 3 | import { BaseMenuProps } from "./types"; 4 | declare const InlineMenu: React.FC; 5 | export default InlineMenu; 6 | -------------------------------------------------------------------------------- /dist/components/BaseMenu/SubMenu.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { FlexProps } from "../Box"; 3 | import { BaseMenuProps } from "./types"; 4 | declare const SubMenu: React.FC; 5 | export default SubMenu; 6 | -------------------------------------------------------------------------------- /dist/components/BaseMenu/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as BaseMenu } from "./BaseMenu"; 2 | export { default as InlineMenu } from "./InlineMenu"; 3 | export { default as SubMenu } from "./SubMenu"; 4 | export * from "./styles"; 5 | export type { MenuOptions, BaseMenuProps } from "./types"; 6 | -------------------------------------------------------------------------------- /dist/components/BaseMenu/styles.d.ts: -------------------------------------------------------------------------------- 1 | export declare const InlineMenuContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps, never>; 2 | export declare const SubMenuContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").FlexProps, never>; 3 | export declare const ClickableElementContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; 4 | export declare const SubMenuItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>; 5 | -------------------------------------------------------------------------------- /dist/components/BaseMenu/types.d.ts: -------------------------------------------------------------------------------- 1 | import { ReactNode } from "react"; 2 | import { Placement, Padding } from "@popperjs/core"; 3 | export interface MenuOptions { 4 | placement?: Placement; 5 | offset?: [number, number]; 6 | padding?: Padding; 7 | } 8 | export interface BaseMenuProps { 9 | component: ReactNode; 10 | options?: MenuOptions; 11 | isOpen?: boolean; 12 | } 13 | -------------------------------------------------------------------------------- /dist/components/BottomNav/BottomNav.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { BottomNavProps } from "./types"; 3 | declare const BottomNav: React.FC; 4 | export default BottomNav; 5 | -------------------------------------------------------------------------------- /dist/components/BottomNav/constants.d.ts: -------------------------------------------------------------------------------- 1 | declare const MAX_TIME_PRESSED = 500; 2 | export default MAX_TIME_PRESSED; 3 | -------------------------------------------------------------------------------- /dist/components/BottomNav/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./BottomNav"; 2 | -------------------------------------------------------------------------------- /dist/components/BottomNav/mock.d.ts: -------------------------------------------------------------------------------- 1 | import { MenuItemsType } from "../MenuItems/types"; 2 | declare const MenuItemsMock: MenuItemsType[]; 3 | export default MenuItemsMock; 4 | -------------------------------------------------------------------------------- /dist/components/BottomNav/styles.d.ts: -------------------------------------------------------------------------------- 1 | declare const StyledBottomNav: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").FlexProps, never>; 2 | export default StyledBottomNav; 3 | -------------------------------------------------------------------------------- /dist/components/BottomNav/types.d.ts: -------------------------------------------------------------------------------- 1 | import { BoxProps } from "../Box"; 2 | import { MenuItemsType } from "../MenuItems/types"; 3 | export interface BottomNavProps extends BoxProps { 4 | items: MenuItemsType[]; 5 | activeItem?: string; 6 | activeSubItem?: string; 7 | } 8 | -------------------------------------------------------------------------------- /dist/components/BottomNavItem/BottomNavItem.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { BottomNavItemProps } from "./types"; 3 | declare const BottomNavItem: React.FC; 4 | export default BottomNavItem; 5 | -------------------------------------------------------------------------------- /dist/components/BottomNavItem/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./BottomNavItem"; 2 | -------------------------------------------------------------------------------- /dist/components/BottomNavItem/styles.d.ts: -------------------------------------------------------------------------------- 1 | export declare const StyledBottomNavItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>; 2 | export declare const StyledBottomNavText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps, never>; 3 | -------------------------------------------------------------------------------- /dist/components/BottomNavItem/types.d.ts: -------------------------------------------------------------------------------- 1 | export interface BottomNavItemProps { 2 | label: string; 3 | href: string; 4 | iconName?: string; 5 | isActive?: boolean; 6 | showItemsOnMobile?: boolean; 7 | } 8 | -------------------------------------------------------------------------------- /dist/components/Box/Box.d.ts: -------------------------------------------------------------------------------- 1 | import { BoxProps } from "./types"; 2 | declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BoxProps, never>; 3 | export default Box; 4 | -------------------------------------------------------------------------------- /dist/components/Box/Flex.d.ts: -------------------------------------------------------------------------------- 1 | import { FlexProps } from "./types"; 2 | declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./types").BoxProps & FlexProps, never>; 3 | export default Flex; 4 | -------------------------------------------------------------------------------- /dist/components/Box/Grid.d.ts: -------------------------------------------------------------------------------- 1 | import { GridProps } from "./types"; 2 | declare const Grid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./types").BoxProps & GridProps, never>; 3 | export default Grid; 4 | -------------------------------------------------------------------------------- /dist/components/Box/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Box } from "./Box"; 2 | export { default as Flex } from "./Flex"; 3 | export { default as Grid } from "./Grid"; 4 | export type { BoxProps, FlexProps, GridProps } from "./types"; 5 | -------------------------------------------------------------------------------- /dist/components/Box/types.d.ts: -------------------------------------------------------------------------------- 1 | import { HTMLAttributes } from "react"; 2 | import { BackgroundProps, BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, GridProps as _GridProps } from "styled-system"; 3 | export interface BoxProps extends BackgroundProps, BorderProps, LayoutProps, PositionProps, SpaceProps, HTMLAttributes { 4 | } 5 | export interface FlexProps extends BoxProps, FlexboxProps { 6 | } 7 | export interface GridProps extends FlexProps, _GridProps { 8 | } 9 | -------------------------------------------------------------------------------- /dist/components/Breadcrumbs/Breadcrumbs.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { BreadcrumbsProps } from "./types"; 3 | declare const Breadcrumbs: React.FC; 4 | export default Breadcrumbs; 5 | -------------------------------------------------------------------------------- /dist/components/Breadcrumbs/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Breadcrumbs } from "./Breadcrumbs"; 2 | export type { BreadcrumbsProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Breadcrumbs/types.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { SpaceProps } from "styled-system"; 3 | export interface BreadcrumbsProps extends SpaceProps { 4 | separator?: React.ReactNode; 5 | } 6 | -------------------------------------------------------------------------------- /dist/components/Button/Button.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { ButtonProps } from "./types"; 3 | declare const Button: { 4 | = "button">(props: ButtonProps): JSX.Element; 5 | defaultProps: { 6 | isLoading: boolean; 7 | external: boolean; 8 | variant: "primary"; 9 | scale: "md"; 10 | disabled: boolean; 11 | }; 12 | }; 13 | export default Button; 14 | -------------------------------------------------------------------------------- /dist/components/Button/ExpandableButton.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | interface Props { 3 | onClick?: () => void; 4 | expanded?: boolean; 5 | } 6 | export declare const ExpandableButton: React.FC; 7 | export declare const ExpandableLabel: React.FC; 8 | export {}; 9 | -------------------------------------------------------------------------------- /dist/components/Button/IconButton.d.ts: -------------------------------------------------------------------------------- 1 | import { BaseButtonProps, PolymorphicComponent } from "./types"; 2 | declare const IconButton: PolymorphicComponent; 3 | export default IconButton; 4 | -------------------------------------------------------------------------------- /dist/components/Button/StyledButton.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultTheme } from "styled-components"; 2 | import { BaseButtonProps } from "./types"; 3 | declare const StyledButton: import("styled-components").StyledComponent<"button", DefaultTheme, BaseButtonProps, never>; 4 | export default StyledButton; 5 | -------------------------------------------------------------------------------- /dist/components/Button/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Button } from "./Button"; 2 | export { default as IconButton } from "./IconButton"; 3 | export * from "./ExpandableButton"; 4 | export type { ButtonProps, BaseButtonProps, Scale as ButtonScale, Variant as ButtonVariant } from "./types"; 5 | -------------------------------------------------------------------------------- /dist/components/Button/theme.d.ts: -------------------------------------------------------------------------------- 1 | export declare const scaleVariants: { 2 | md: { 3 | height: string; 4 | padding: string; 5 | }; 6 | sm: { 7 | height: string; 8 | padding: string; 9 | }; 10 | xs: { 11 | height: string; 12 | fontSize: string; 13 | padding: string; 14 | }; 15 | }; 16 | export declare const styleVariants: { 17 | primary: { 18 | backgroundColor: string; 19 | color: string; 20 | }; 21 | secondary: { 22 | backgroundColor: string; 23 | border: string; 24 | borderColor: string; 25 | boxShadow: string; 26 | color: string; 27 | ":disabled": { 28 | backgroundColor: string; 29 | }; 30 | }; 31 | tertiary: { 32 | backgroundColor: string; 33 | boxShadow: string; 34 | color: string; 35 | }; 36 | subtle: { 37 | backgroundColor: string; 38 | color: string; 39 | }; 40 | danger: { 41 | backgroundColor: string; 42 | color: string; 43 | }; 44 | success: { 45 | backgroundColor: string; 46 | color: string; 47 | }; 48 | text: { 49 | backgroundColor: string; 50 | color: string; 51 | boxShadow: string; 52 | }; 53 | }; 54 | -------------------------------------------------------------------------------- /dist/components/Button/types.d.ts: -------------------------------------------------------------------------------- 1 | import { ComponentProps, ElementType, ReactElement, ReactNode } from "react"; 2 | import { Link } from "react-router-dom"; 3 | import { LayoutProps, SpaceProps } from "styled-system"; 4 | export declare const scales: { 5 | readonly MD: "md"; 6 | readonly SM: "sm"; 7 | readonly XS: "xs"; 8 | }; 9 | export declare const variants: { 10 | readonly PRIMARY: "primary"; 11 | readonly SECONDARY: "secondary"; 12 | readonly TERTIARY: "tertiary"; 13 | readonly TEXT: "text"; 14 | readonly DANGER: "danger"; 15 | readonly SUBTLE: "subtle"; 16 | readonly SUCCESS: "success"; 17 | }; 18 | export declare type Scale = typeof scales[keyof typeof scales]; 19 | export declare type Variant = typeof variants[keyof typeof variants]; 20 | /** 21 | * @see https://www.benmvp.com/blog/polymorphic-react-components-typescript/ 22 | */ 23 | export declare type AsProps = { 24 | as?: E; 25 | }; 26 | export declare type MergeProps = AsProps & Omit, keyof AsProps>; 27 | export declare type PolymorphicComponentProps = P & MergeProps; 28 | export declare type PolymorphicComponent = (props: PolymorphicComponentProps) => ReactElement | null; 29 | export interface BaseButtonProps extends LayoutProps, SpaceProps { 30 | as?: "a" | "button" | typeof Link; 31 | external?: boolean; 32 | isLoading?: boolean; 33 | scale?: Scale; 34 | variant?: Variant; 35 | disabled?: boolean; 36 | startIcon?: ReactNode; 37 | endIcon?: ReactNode; 38 | } 39 | export declare type ButtonProps

= PolymorphicComponentProps; 40 | -------------------------------------------------------------------------------- /dist/components/ButtonMenu/ButtonMenu.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { ButtonMenuProps } from "./types"; 3 | declare const ButtonMenu: React.FC; 4 | export default ButtonMenu; 5 | -------------------------------------------------------------------------------- /dist/components/ButtonMenu/ButtonMenuItem.d.ts: -------------------------------------------------------------------------------- 1 | import { PolymorphicComponent } from "../Button/types"; 2 | import { ButtonMenuItemProps } from "./types"; 3 | declare const ButtonMenuItem: PolymorphicComponent; 4 | export default ButtonMenuItem; 5 | -------------------------------------------------------------------------------- /dist/components/ButtonMenu/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as ButtonMenu } from "./ButtonMenu"; 2 | export { default as ButtonMenuItem } from "./ButtonMenuItem"; 3 | export type { ButtonMenuProps, ButtonMenuItemProps } from "./types"; 4 | -------------------------------------------------------------------------------- /dist/components/ButtonMenu/types.d.ts: -------------------------------------------------------------------------------- 1 | import { ReactElement } from "react"; 2 | import { SpaceProps } from "styled-system"; 3 | import { BaseButtonProps, Scale, variants } from "../Button/types"; 4 | export interface ButtonMenuItemProps extends BaseButtonProps { 5 | isActive?: boolean; 6 | } 7 | export interface ButtonMenuProps extends SpaceProps { 8 | variant?: typeof variants.PRIMARY | typeof variants.SUBTLE; 9 | activeIndex?: number; 10 | onItemClick?: (index: number) => void; 11 | scale?: Scale; 12 | disabled?: boolean; 13 | children: ReactElement[]; 14 | fullWidth?: boolean; 15 | } 16 | -------------------------------------------------------------------------------- /dist/components/CakePrice/CakePrice.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Colors } from "../../theme"; 3 | export interface Props { 4 | color?: keyof Colors; 5 | cakePriceUsd?: number; 6 | } 7 | declare const _default: React.NamedExoticComponent; 8 | export default _default; 9 | -------------------------------------------------------------------------------- /dist/components/CakePrice/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as CakePrice } from "./CakePrice"; 2 | export type { Props as CakePriceProps } from "./CakePrice"; 3 | -------------------------------------------------------------------------------- /dist/components/Card/Card.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { CardProps } from "./types"; 3 | declare const Card: React.FC; 4 | export default Card; 5 | -------------------------------------------------------------------------------- /dist/components/Card/CardBody.d.ts: -------------------------------------------------------------------------------- 1 | import { SpaceProps } from "styled-system"; 2 | export declare type CardBodyProps = SpaceProps; 3 | declare const CardBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CardBodyProps, never>; 4 | export default CardBody; 5 | -------------------------------------------------------------------------------- /dist/components/Card/CardFooter.d.ts: -------------------------------------------------------------------------------- 1 | import { SpaceProps } from "styled-system"; 2 | export declare type CardFooterProps = SpaceProps; 3 | declare const CardFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CardFooterProps, never>; 4 | export default CardFooter; 5 | -------------------------------------------------------------------------------- /dist/components/Card/CardHeader.d.ts: -------------------------------------------------------------------------------- 1 | import { SpaceProps } from "styled-system"; 2 | import { CardTheme } from "./types"; 3 | export interface CardHeaderProps extends SpaceProps { 4 | variant?: keyof CardTheme["cardHeaderBackground"]; 5 | } 6 | declare const CardHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CardHeaderProps, never>; 7 | export default CardHeader; 8 | -------------------------------------------------------------------------------- /dist/components/Card/CardRibbon.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { CardRibbonProps } from "./types"; 3 | declare const CardRibbon: React.FC; 4 | export default CardRibbon; 5 | -------------------------------------------------------------------------------- /dist/components/Card/StyledCard.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultTheme } from "styled-components"; 2 | import { CardProps } from "./types"; 3 | interface StyledCardProps extends CardProps { 4 | theme: DefaultTheme; 5 | } 6 | export declare const StyledCard: import("styled-components").StyledComponent<"div", DefaultTheme, StyledCardProps, never>; 7 | export declare const StyledCardInner: import("styled-components").StyledComponent<"div", DefaultTheme, import("../Box").BoxProps & { 8 | background?: string | undefined; 9 | hasCustomBorder: boolean; 10 | }, never>; 11 | export {}; 12 | -------------------------------------------------------------------------------- /dist/components/Card/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Card } from "./Card"; 2 | export { default as CardBody } from "./CardBody"; 3 | export { default as CardHeader } from "./CardHeader"; 4 | export { default as CardFooter } from "./CardFooter"; 5 | export { default as CardRibbon } from "./CardRibbon"; 6 | export type { CardProps, CardRibbonProps } from "./types"; 7 | -------------------------------------------------------------------------------- /dist/components/Card/theme.d.ts: -------------------------------------------------------------------------------- 1 | import { CardTheme } from "./types"; 2 | export declare const light: CardTheme; 3 | export declare const dark: CardTheme; 4 | -------------------------------------------------------------------------------- /dist/components/Card/types.d.ts: -------------------------------------------------------------------------------- 1 | import { HTMLAttributes } from "react"; 2 | import { SpaceProps } from "styled-system"; 3 | import { Colors } from "../../theme/types"; 4 | export interface CardRibbonProps extends SpaceProps, HTMLAttributes { 5 | variantColor?: keyof Colors; 6 | text: string; 7 | ribbonPosition?: "right" | "left"; 8 | } 9 | export declare type CardTheme = { 10 | background: string; 11 | boxShadow: string; 12 | boxShadowActive: string; 13 | boxShadowSuccess: string; 14 | boxShadowWarning: string; 15 | cardHeaderBackground: { 16 | default: string; 17 | blue: string; 18 | bubblegum: string; 19 | violet: string; 20 | }; 21 | dropShadow: string; 22 | }; 23 | export interface CardProps extends SpaceProps, HTMLAttributes { 24 | isActive?: boolean; 25 | isSuccess?: boolean; 26 | isWarning?: boolean; 27 | isDisabled?: boolean; 28 | ribbon?: React.ReactNode; 29 | borderBackground?: string; 30 | background?: string; 31 | } 32 | -------------------------------------------------------------------------------- /dist/components/Checkbox/Checkbox.d.ts: -------------------------------------------------------------------------------- 1 | import { CheckboxProps } from "./types"; 2 | declare const Checkbox: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, { 3 | type: "checkbox"; 4 | } & CheckboxProps, "type">; 5 | export default Checkbox; 6 | -------------------------------------------------------------------------------- /dist/components/Checkbox/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Checkbox } from "./Checkbox"; 2 | export type { CheckboxProps, Scales as CheckboxScales } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Checkbox/types.d.ts: -------------------------------------------------------------------------------- 1 | export declare const scales: { 2 | readonly SM: "sm"; 3 | readonly MD: "md"; 4 | }; 5 | export declare type Scales = typeof scales[keyof typeof scales]; 6 | export interface CheckboxProps { 7 | scale?: Scales; 8 | } 9 | -------------------------------------------------------------------------------- /dist/components/Dropdown/Dropdown.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { DropdownProps } from "./types"; 3 | declare const Dropdown: React.FC; 4 | export default Dropdown; 5 | -------------------------------------------------------------------------------- /dist/components/Dropdown/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Dropdown } from "./Dropdown"; 2 | export type { DropdownProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Dropdown/types.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | export declare type Position = "top" | "top-right" | "bottom"; 3 | export interface PositionProps { 4 | position?: Position; 5 | } 6 | export interface DropdownProps extends PositionProps { 7 | target: React.ReactElement; 8 | } 9 | -------------------------------------------------------------------------------- /dist/components/DropdownMenu/DropdownMenu.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { DropdownMenuProps } from "./types"; 3 | declare const DropdownMenu: React.FC; 4 | export default DropdownMenu; 5 | -------------------------------------------------------------------------------- /dist/components/DropdownMenu/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as DropdownMenu } from "./DropdownMenu"; 2 | export type { DropdownMenuProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/DropdownMenu/mock.d.ts: -------------------------------------------------------------------------------- 1 | import { DropdownMenuItems } from "./types"; 2 | declare const ItemsMock: DropdownMenuItems[]; 3 | export default ItemsMock; 4 | -------------------------------------------------------------------------------- /dist/components/DropdownMenu/styles.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultTheme } from "styled-components"; 2 | import { Colors } from "../../theme"; 3 | import { StyledDropdownMenuItemProps } from "./types"; 4 | export declare const DropdownMenuItem: import("styled-components").StyledComponent<"button", DefaultTheme, StyledDropdownMenuItemProps & { 5 | $isActive: boolean; 6 | }, never>; 7 | export declare const StyledDropdownMenuItemContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>; 8 | export declare const DropdownMenuDivider: import("styled-components").StyledComponent<"hr", DefaultTheme, {}, never>; 9 | export declare const StyledOverlay: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>; 10 | export declare const StyledDropdownMenu: import("styled-components").StyledComponent<"div", DefaultTheme, { 11 | $isOpen: boolean; 12 | $isBottomNav: boolean; 13 | }, never>; 14 | export declare const LinkStatus: import("styled-components").StyledComponent<"div", DefaultTheme, import("../Text").TextProps & { 15 | color: keyof Colors; 16 | }, never>; 17 | -------------------------------------------------------------------------------- /dist/components/DropdownMenu/types.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Colors } from "../../theme"; 3 | import { BoxProps } from "../Box"; 4 | export interface DropdownMenuProps extends BoxProps { 5 | items?: DropdownMenuItems[]; 6 | activeItem?: string; 7 | isBottomNav?: boolean; 8 | openMenuTimeout?: number; 9 | showItemsOnMobile?: boolean; 10 | } 11 | export interface StyledDropdownMenuItemProps extends React.ComponentPropsWithoutRef<"button"> { 12 | disabled?: boolean; 13 | isActive?: boolean; 14 | } 15 | export declare enum DropdownMenuItemType { 16 | INTERNAL_LINK = 0, 17 | EXTERNAL_LINK = 1, 18 | BUTTON = 2, 19 | DIVIDER = 3 20 | } 21 | export interface LinkStatus { 22 | text: string; 23 | color: keyof Colors; 24 | } 25 | export interface DropdownMenuItems { 26 | label?: string | React.ReactNode; 27 | href?: string; 28 | onClick?: () => void; 29 | type?: DropdownMenuItemType; 30 | status?: LinkStatus; 31 | disabled?: boolean; 32 | } 33 | -------------------------------------------------------------------------------- /dist/components/FallingBunnies/FallingBunnies.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { FallingBunniesProps } from "./types"; 3 | declare const FallingBunnies: React.FC; 4 | export default FallingBunnies; 5 | -------------------------------------------------------------------------------- /dist/components/FallingBunnies/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as FallingBunnies } from "./FallingBunnies"; 2 | export type { FallingBunniesProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/FallingBunnies/types.d.ts: -------------------------------------------------------------------------------- 1 | export interface BunnyProps { 2 | position: number; 3 | iterations: number; 4 | duration: number; 5 | } 6 | export interface FallingBunniesProps { 7 | size?: number; 8 | count?: number; 9 | iterations?: number; 10 | duration?: number; 11 | } 12 | -------------------------------------------------------------------------------- /dist/components/Footer/Components/SocialLinks.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { FlexProps } from "../../Box"; 3 | declare const _default: React.NamedExoticComponent; 4 | export default _default; 5 | -------------------------------------------------------------------------------- /dist/components/Footer/Footer.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { FooterProps } from "./types"; 3 | declare const MenuItem: React.FC; 4 | export default MenuItem; 5 | -------------------------------------------------------------------------------- /dist/components/Footer/config.d.ts: -------------------------------------------------------------------------------- 1 | import { Language } from "../LangSelector/types"; 2 | import { FooterLinkType } from "./types"; 3 | export declare const footerLinks: FooterLinkType[]; 4 | export declare const socials: { 5 | label: string; 6 | icon: string; 7 | href: string; 8 | }[]; 9 | export declare const langs: Language[]; 10 | -------------------------------------------------------------------------------- /dist/components/Footer/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./Footer"; 2 | -------------------------------------------------------------------------------- /dist/components/Footer/styles.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | export declare const StyledFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").FlexProps, never>; 3 | export declare const StyledList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>; 4 | export declare const StyledListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>; 5 | export declare const StyledIconMobileContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps, never>; 6 | export declare const StyledToolsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").FlexProps, never>; 7 | export declare const StyledSocialLinks: import("styled-components").StyledComponent, import("styled-components").DefaultTheme, {}, never>; 8 | -------------------------------------------------------------------------------- /dist/components/Footer/types.d.ts: -------------------------------------------------------------------------------- 1 | import { Language } from "../LangSelector/types"; 2 | import { FlexProps } from "../Box"; 3 | export declare type FooterLinkType = { 4 | label: string; 5 | items: { 6 | label: string; 7 | href?: string; 8 | isHighlighted?: boolean; 9 | }[]; 10 | }; 11 | export declare type FooterProps = { 12 | items: FooterLinkType[]; 13 | buyCakeLabel: string; 14 | isDark: boolean; 15 | toggleTheme: (isDark: boolean) => void; 16 | cakePriceUsd?: number; 17 | currentLang: string; 18 | langs: Language[]; 19 | setLang: (lang: Language) => void; 20 | } & FlexProps; 21 | -------------------------------------------------------------------------------- /dist/components/Heading/Heading.d.ts: -------------------------------------------------------------------------------- 1 | import { HeadingProps } from "./types"; 2 | declare const Heading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps & { 3 | bold: boolean; 4 | } & HeadingProps, "bold">; 5 | export default Heading; 6 | -------------------------------------------------------------------------------- /dist/components/Heading/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Heading } from "./Heading"; 2 | export type { HeadingProps, Scales as HeadingScales, Tags as HeadingTags } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Heading/types.d.ts: -------------------------------------------------------------------------------- 1 | export declare const tags: { 2 | H1: string; 3 | H2: string; 4 | H3: string; 5 | H4: string; 6 | H5: string; 7 | H6: string; 8 | }; 9 | export declare const scales: { 10 | readonly MD: "md"; 11 | readonly LG: "lg"; 12 | readonly XL: "xl"; 13 | readonly XXL: "xxl"; 14 | }; 15 | export declare type Tags = typeof tags[keyof typeof tags]; 16 | export declare type Scales = typeof scales[keyof typeof scales]; 17 | export interface HeadingProps { 18 | as?: Tags; 19 | scale?: Scales; 20 | } 21 | -------------------------------------------------------------------------------- /dist/components/Image/BackgroundImage.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { BackgroundImageProps } from "./types"; 3 | declare const BackgroundImage: React.FC; 4 | export default BackgroundImage; 5 | -------------------------------------------------------------------------------- /dist/components/Image/Image.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { ImageProps } from "./types"; 3 | declare const Image: React.FC; 4 | export default Image; 5 | -------------------------------------------------------------------------------- /dist/components/Image/Placeholder.d.ts: -------------------------------------------------------------------------------- 1 | declare const Placeholder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; 2 | export default Placeholder; 3 | -------------------------------------------------------------------------------- /dist/components/Image/ProfileAvatar.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { BackgroundImageProps } from "./types"; 3 | declare const ProfileAvatar: React.FC; 4 | export default ProfileAvatar; 5 | -------------------------------------------------------------------------------- /dist/components/Image/TokenImage.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare const TokenImage: import("styled-components").StyledComponent, import("styled-components").DefaultTheme, {}, never>; 3 | export default TokenImage; 4 | -------------------------------------------------------------------------------- /dist/components/Image/TokenPairImage.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { TokenPairImageProps } from "./types"; 3 | declare const TokenPairImage: React.FC; 4 | export default TokenPairImage; 5 | -------------------------------------------------------------------------------- /dist/components/Image/Wrapper.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { WrapperProps } from "./types"; 3 | declare const Wrapper: React.ForwardRefExoticComponent>; 4 | export default Wrapper; 5 | -------------------------------------------------------------------------------- /dist/components/Image/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as BackgroundImage } from "./BackgroundImage"; 2 | export { default as Image } from "./Image"; 3 | export { default as TokenImage } from "./TokenImage"; 4 | export { default as TokenPairImage } from "./TokenPairImage"; 5 | export { default as ProfileAvatar } from "./ProfileAvatar"; 6 | export type { ImageProps, TokenPairImageProps, variants as tokenPairImageVariant, Variant as TokenPairImageVariant, } from "./types"; 7 | -------------------------------------------------------------------------------- /dist/components/Image/options.d.ts: -------------------------------------------------------------------------------- 1 | declare const _default: { 2 | root: null; 3 | rootMargin: string; 4 | threshold: number; 5 | }; 6 | export default _default; 7 | -------------------------------------------------------------------------------- /dist/components/Image/styles.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { ImageProps, Variant } from "./types"; 3 | interface StyledImageProps extends ImageProps { 4 | variant: Variant; 5 | } 6 | export declare const StyledPrimaryImage: import("styled-components").StyledComponent, import("styled-components").DefaultTheme, StyledImageProps, never>; 7 | export declare const StyledSecondaryImage: import("styled-components").StyledComponent, import("styled-components").DefaultTheme, StyledImageProps, never>; 8 | export {}; 9 | -------------------------------------------------------------------------------- /dist/components/Image/types.d.ts: -------------------------------------------------------------------------------- 1 | import { HTMLAttributes, ImgHTMLAttributes, ReactElement } from "react"; 2 | import { SpaceProps } from "styled-system"; 3 | import { BoxProps } from "../Box"; 4 | export interface WrapperProps extends SpaceProps, HTMLAttributes { 5 | width: number; 6 | height: number; 7 | } 8 | export interface ImageProps extends ImgHTMLAttributes, SpaceProps { 9 | width: number; 10 | height: number; 11 | wrapperProps?: WrapperProps; 12 | } 13 | export interface BackgroundImageProps extends ImageProps { 14 | loadingPlaceholder?: ReactElement; 15 | } 16 | export declare const variants: { 17 | readonly DEFAULT: "default"; 18 | readonly INVERTED: "inverted"; 19 | }; 20 | export declare type Variant = typeof variants[keyof typeof variants]; 21 | export interface TokenPairImageProps extends BoxProps { 22 | primarySrc: string; 23 | secondarySrc: string; 24 | variant?: Variant; 25 | height: number; 26 | width: number; 27 | primaryImageProps?: Omit; 28 | secondaryImageProps?: Omit; 29 | } 30 | -------------------------------------------------------------------------------- /dist/components/Input/Input.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultTheme } from "styled-components"; 2 | import { InputProps } from "./types"; 3 | declare const Input: import("styled-components").StyledComponent<"input", DefaultTheme, InputProps, never>; 4 | export default Input; 5 | -------------------------------------------------------------------------------- /dist/components/Input/InputGroup.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { InputGroupProps } from "./types"; 3 | declare const InputGroup: ({ scale, startIcon, endIcon, children, ...props }: InputGroupProps) => JSX.Element; 4 | export default InputGroup; 5 | -------------------------------------------------------------------------------- /dist/components/Input/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Input } from "./Input"; 2 | export { default as InputGroup } from "./InputGroup"; 3 | export type { InputProps, InputGroupProps, Scales as InputScales } from "./types"; 4 | -------------------------------------------------------------------------------- /dist/components/Input/types.d.ts: -------------------------------------------------------------------------------- 1 | import { ReactElement } from "react"; 2 | import { SpaceProps } from "styled-system"; 3 | export declare const scales: { 4 | readonly SM: "sm"; 5 | readonly MD: "md"; 6 | readonly LG: "lg"; 7 | }; 8 | export declare type Scales = typeof scales[keyof typeof scales]; 9 | export interface InputProps extends SpaceProps { 10 | scale?: Scales; 11 | isSuccess?: boolean; 12 | isWarning?: boolean; 13 | } 14 | export interface InputGroupProps extends SpaceProps { 15 | scale?: Scales; 16 | startIcon?: ReactElement; 17 | endIcon?: ReactElement; 18 | children: JSX.Element; 19 | } 20 | -------------------------------------------------------------------------------- /dist/components/LangSelector/LangSelector.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Colors } from "../../theme"; 3 | import { Language } from "./types"; 4 | import { Position } from "../Dropdown/types"; 5 | import { Scale } from "../Button/types"; 6 | interface Props { 7 | currentLang: string; 8 | langs: Language[]; 9 | setLang: (lang: Language) => void; 10 | color: keyof Colors; 11 | dropdownPosition?: Position; 12 | buttonScale?: Scale; 13 | hideLanguage?: boolean; 14 | } 15 | declare const _default: React.NamedExoticComponent; 16 | export default _default; 17 | -------------------------------------------------------------------------------- /dist/components/LangSelector/MenuButton.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare const MenuButton: import("styled-components").StyledComponent<{ 3 | = "button">(props: import("../Button").ButtonProps): JSX.Element; 4 | defaultProps: { 5 | isLoading: boolean; 6 | external: boolean; 7 | variant: "primary"; 8 | scale: "md"; 9 | disabled: boolean; 10 | }; 11 | }, import("styled-components").DefaultTheme, {}, never>; 12 | export default MenuButton; 13 | -------------------------------------------------------------------------------- /dist/components/LangSelector/types.d.ts: -------------------------------------------------------------------------------- 1 | export interface Language { 2 | code: string; 3 | language: string; 4 | locale: string; 5 | } 6 | -------------------------------------------------------------------------------- /dist/components/Layouts/BaseLayout.d.ts: -------------------------------------------------------------------------------- 1 | declare const GridLayout: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").GridProps, never>; 2 | export default GridLayout; 3 | -------------------------------------------------------------------------------- /dist/components/Layouts/CardsLayout.d.ts: -------------------------------------------------------------------------------- 1 | declare const GridLayout: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").GridProps, never>; 2 | export default GridLayout; 3 | -------------------------------------------------------------------------------- /dist/components/Layouts/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as BaseLayout } from "./BaseLayout"; 2 | export { default as CardsLayout } from "./CardsLayout"; 3 | -------------------------------------------------------------------------------- /dist/components/Link/Link.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { LinkProps } from "./types"; 3 | declare const Link: React.FC; 4 | export default Link; 5 | -------------------------------------------------------------------------------- /dist/components/Link/LinkExternal.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { LinkProps } from "./types"; 3 | declare const LinkExternal: React.FC; 4 | export default LinkExternal; 5 | -------------------------------------------------------------------------------- /dist/components/Link/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Link } from "./Link"; 2 | export { default as LinkExternal } from "./LinkExternal"; 3 | export type { LinkProps } from "./types"; 4 | -------------------------------------------------------------------------------- /dist/components/Link/types.d.ts: -------------------------------------------------------------------------------- 1 | import { AnchorHTMLAttributes } from "react"; 2 | import { TextProps } from "../Text"; 3 | export interface LinkProps extends TextProps, AnchorHTMLAttributes { 4 | external?: boolean; 5 | } 6 | -------------------------------------------------------------------------------- /dist/components/MenuItem/MenuItem.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { MenuItemProps } from "./types"; 3 | declare const MenuItem: React.FC; 4 | export default MenuItem; 5 | -------------------------------------------------------------------------------- /dist/components/MenuItem/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./MenuItem"; 2 | -------------------------------------------------------------------------------- /dist/components/MenuItem/styles.d.ts: -------------------------------------------------------------------------------- 1 | import { StyledMenuItemProps } from "./types"; 2 | export declare const StyledMenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledMenuItemProps, never>; 3 | declare const StyledMenuItem: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, StyledMenuItemProps, never>; 4 | export default StyledMenuItem; 5 | -------------------------------------------------------------------------------- /dist/components/MenuItem/types.d.ts: -------------------------------------------------------------------------------- 1 | import { Colors } from "../../theme"; 2 | export declare type MenuItemVariant = "default" | "subMenu"; 3 | export interface MenuItemProps { 4 | isActive?: boolean; 5 | href: string; 6 | variant?: MenuItemVariant; 7 | statusColor?: keyof Colors; 8 | } 9 | export declare type StyledMenuItemProps = { 10 | $isActive?: boolean; 11 | $variant?: MenuItemVariant; 12 | $statusColor?: keyof Colors; 13 | }; 14 | -------------------------------------------------------------------------------- /dist/components/MenuItems/MenuItems.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { MenuItemsProps } from "./types"; 3 | declare const MenuItems: React.FC; 4 | export default MenuItems; 5 | -------------------------------------------------------------------------------- /dist/components/MenuItems/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./MenuItems"; 2 | -------------------------------------------------------------------------------- /dist/components/MenuItems/mock.d.ts: -------------------------------------------------------------------------------- 1 | declare const MenuItemsMock: { 2 | label: string; 3 | href: string; 4 | items: import("../DropdownMenu/types").DropdownMenuItems[]; 5 | }[]; 6 | export default MenuItemsMock; 7 | -------------------------------------------------------------------------------- /dist/components/MenuItems/types.d.ts: -------------------------------------------------------------------------------- 1 | import { BoxProps } from "../Box"; 2 | import { DropdownMenuItems } from "../DropdownMenu/types"; 3 | export declare type MenuItemsType = { 4 | label: string; 5 | href: string; 6 | icon?: string; 7 | items?: DropdownMenuItems[]; 8 | showOnMobile?: boolean; 9 | showItemsOnMobile?: boolean; 10 | }; 11 | export interface MenuItemsProps extends BoxProps { 12 | items: MenuItemsType[]; 13 | activeItem?: string; 14 | activeSubItem?: string; 15 | } 16 | -------------------------------------------------------------------------------- /dist/components/Message/Message.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { MessageProps } from "./types"; 3 | declare const Message: React.FC; 4 | export default Message; 5 | -------------------------------------------------------------------------------- /dist/components/Message/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Message } from "./Message"; 2 | export type { MessageProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Message/theme.d.ts: -------------------------------------------------------------------------------- 1 | declare const variants: { 2 | warning: { 3 | background: string; 4 | borderColor: string; 5 | }; 6 | danger: { 7 | background: string; 8 | borderColor: string; 9 | }; 10 | }; 11 | export default variants; 12 | -------------------------------------------------------------------------------- /dist/components/Message/types.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SpaceProps } from "styled-system"; 3 | export declare const variants: { 4 | readonly WARNING: "warning"; 5 | readonly DANGER: "danger"; 6 | }; 7 | export declare type Variant = typeof variants[keyof typeof variants]; 8 | export interface MessageProps extends SpaceProps { 9 | variant: Variant; 10 | icon?: React.ReactNode; 11 | } 12 | -------------------------------------------------------------------------------- /dist/components/NotificationDot/NotificationDot.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { NotificationDotProps } from "./types"; 3 | declare const NotificationDot: React.FC; 4 | export default NotificationDot; 5 | -------------------------------------------------------------------------------- /dist/components/NotificationDot/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as NotificationDot } from "./NotificationDot"; 2 | export type { NotificationDotProps, DotProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/NotificationDot/types.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | export interface NotificationDotProps { 3 | show?: boolean; 4 | children: React.ReactElement | React.ReactElement[]; 5 | } 6 | export interface DotProps { 7 | show: boolean; 8 | } 9 | -------------------------------------------------------------------------------- /dist/components/Overlay/Overlay.d.ts: -------------------------------------------------------------------------------- 1 | import { OverlayProps } from "./types"; 2 | declare const Overlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, { 3 | role: "presentation"; 4 | } & OverlayProps, "role">; 5 | export default Overlay; 6 | -------------------------------------------------------------------------------- /dist/components/Overlay/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Overlay } from "./Overlay"; 2 | export type { OverlayProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Overlay/types.d.ts: -------------------------------------------------------------------------------- 1 | export declare type OverlayProps = { 2 | show: boolean; 3 | zIndex?: number; 4 | }; 5 | -------------------------------------------------------------------------------- /dist/components/PancakeToggle/PancakeToggle.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { PancakeToggleProps } from "./types"; 3 | declare const PancakeToggle: React.FC; 4 | export default PancakeToggle; 5 | -------------------------------------------------------------------------------- /dist/components/PancakeToggle/StyledPancakeToggle.d.ts: -------------------------------------------------------------------------------- 1 | import { PancakeToggleProps, HandleProps, InputProps } from "./types"; 2 | export declare const PancakeStack: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HandleProps, never>; 3 | export declare const PancakeInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, InputProps, never>; 4 | export declare const PancakeLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, PancakeToggleProps, never>; 5 | -------------------------------------------------------------------------------- /dist/components/PancakeToggle/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as PancakeToggle } from "./PancakeToggle"; 2 | export type { PancakeToggleProps, Scales as PancakeToggleScales } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/PancakeToggle/theme.d.ts: -------------------------------------------------------------------------------- 1 | import { PancakeToggleTheme } from "./types"; 2 | export declare const light: PancakeToggleTheme; 3 | export declare const dark: PancakeToggleTheme; 4 | -------------------------------------------------------------------------------- /dist/components/PancakeToggle/types.d.ts: -------------------------------------------------------------------------------- 1 | import { InputHTMLAttributes } from "react"; 2 | export declare type PancakeToggleTheme = { 3 | handleBackground: string; 4 | handleShadow: string; 5 | }; 6 | export declare const scales: { 7 | readonly SM: "sm"; 8 | readonly MD: "md"; 9 | readonly LG: "lg"; 10 | }; 11 | export declare type Scales = typeof scales[keyof typeof scales]; 12 | export interface PancakeToggleProps extends InputHTMLAttributes { 13 | scale?: Scales; 14 | checked?: boolean; 15 | } 16 | export interface HandleProps { 17 | scale: Scales; 18 | } 19 | export interface InputProps { 20 | scale: Scales; 21 | } 22 | export declare const scaleKeys: { 23 | readonly pancakeSize: "pancakeSize"; 24 | readonly travelDistance: "travelDistance"; 25 | readonly toggleHeight: "toggleHeight"; 26 | readonly toggleWidth: "toggleWidth"; 27 | readonly pancakeThickness: "pancakeThickness"; 28 | readonly pancakeTwoOffset: "pancakeTwoOffset"; 29 | readonly pancakeThreeOffset: "pancakeThreeOffset"; 30 | readonly butterTop: "butterTop"; 31 | readonly butterLeft: "butterLeft"; 32 | readonly butterWidth: "butterWidth"; 33 | readonly butterHeight: "butterHeight"; 34 | readonly butterThickness: "butterThickness"; 35 | readonly butterRadius: "butterRadius"; 36 | readonly butterSmearOneTop: "butterSmearOneTop"; 37 | readonly butterSmearOneLeft: "butterSmearOneLeft"; 38 | readonly butterSmearTwoTop: "butterSmearTwoTop"; 39 | readonly butterSmearTwoRight: "butterSmearTwoRight"; 40 | }; 41 | export declare type ScaleKeys = typeof scaleKeys[keyof typeof scaleKeys]; 42 | -------------------------------------------------------------------------------- /dist/components/Progress/Progress.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { ProgressProps } from "./types"; 3 | declare const Progress: React.FC; 4 | export default Progress; 5 | -------------------------------------------------------------------------------- /dist/components/Progress/ProgressBunnyWrapper.d.ts: -------------------------------------------------------------------------------- 1 | declare const ProgressBunnyWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; 2 | export default ProgressBunnyWrapper; 3 | -------------------------------------------------------------------------------- /dist/components/Progress/StyledProgress.d.ts: -------------------------------------------------------------------------------- 1 | import { ProgressProps } from "./types"; 2 | interface BarProps { 3 | primary?: boolean; 4 | } 5 | export declare const Bar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BarProps, never>; 6 | interface StyledProgressProps { 7 | variant: ProgressProps["variant"]; 8 | scale: ProgressProps["scale"]; 9 | } 10 | declare const StyledProgress: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledProgressProps, never>; 11 | export default StyledProgress; 12 | -------------------------------------------------------------------------------- /dist/components/Progress/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Progress } from "./Progress"; 2 | export type { ProgressProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Progress/themes.d.ts: -------------------------------------------------------------------------------- 1 | export declare const styleVariants: { 2 | round: { 3 | borderRadius: string; 4 | }; 5 | flat: { 6 | borderRadius: number; 7 | }; 8 | }; 9 | export declare const styleScales: { 10 | md: { 11 | height: string; 12 | }; 13 | sm: { 14 | height: string; 15 | }; 16 | }; 17 | export default styleVariants; 18 | -------------------------------------------------------------------------------- /dist/components/Progress/types.d.ts: -------------------------------------------------------------------------------- 1 | export declare const variants: { 2 | readonly ROUND: "round"; 3 | readonly FLAT: "flat"; 4 | }; 5 | export declare const scales: { 6 | readonly MD: "md"; 7 | readonly SM: "sm"; 8 | }; 9 | export declare type Scale = typeof scales[keyof typeof scales]; 10 | export declare type Variant = typeof variants[keyof typeof variants]; 11 | export interface ProgressProps { 12 | variant?: Variant; 13 | scale?: Scale; 14 | primaryStep?: number; 15 | secondaryStep?: number; 16 | showProgressBunny?: boolean; 17 | } 18 | -------------------------------------------------------------------------------- /dist/components/Radio/Radio.d.ts: -------------------------------------------------------------------------------- 1 | import { RadioProps } from "./types"; 2 | declare const Radio: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, { 3 | type: "radio"; 4 | } & RadioProps, "type">; 5 | export default Radio; 6 | -------------------------------------------------------------------------------- /dist/components/Radio/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Radio } from "./Radio"; 2 | export type { RadioProps, Scales as RadioScales } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Radio/theme.d.ts: -------------------------------------------------------------------------------- 1 | import { RadioTheme } from "./types"; 2 | export declare const light: RadioTheme; 3 | export declare const dark: RadioTheme; 4 | -------------------------------------------------------------------------------- /dist/components/Radio/types.d.ts: -------------------------------------------------------------------------------- 1 | import { SpaceProps } from "styled-system"; 2 | export declare type RadioTheme = { 3 | handleBackground: string; 4 | }; 5 | export declare const scales: { 6 | readonly SM: "sm"; 7 | readonly MD: "md"; 8 | }; 9 | export declare type Scales = typeof scales[keyof typeof scales]; 10 | export interface RadioProps extends SpaceProps { 11 | scale?: Scales; 12 | } 13 | -------------------------------------------------------------------------------- /dist/components/Skeleton/Skeleton.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SkeletonProps } from "./types"; 3 | declare const Skeleton: React.FC; 4 | export default Skeleton; 5 | -------------------------------------------------------------------------------- /dist/components/Skeleton/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Skeleton } from "./Skeleton"; 2 | export type { SkeletonProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Skeleton/types.d.ts: -------------------------------------------------------------------------------- 1 | import { LayoutProps, SpaceProps } from "styled-system"; 2 | export declare const animation: { 3 | readonly WAVES: "waves"; 4 | readonly PULSE: "pulse"; 5 | }; 6 | export declare const variant: { 7 | readonly RECT: "rect"; 8 | readonly CIRCLE: "circle"; 9 | }; 10 | export declare type Animation = typeof animation[keyof typeof animation]; 11 | export declare type Variant = typeof variant[keyof typeof variant]; 12 | export interface SkeletonProps extends SpaceProps, LayoutProps { 13 | animation?: Animation; 14 | variant?: Variant; 15 | } 16 | -------------------------------------------------------------------------------- /dist/components/Slider/Slider.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import SliderProps from "./types"; 3 | declare const Slider: React.FC; 4 | export default Slider; 5 | -------------------------------------------------------------------------------- /dist/components/Slider/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Slider } from "./Slider"; 2 | export type { default as SliderProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Slider/styles.d.ts: -------------------------------------------------------------------------------- 1 | import { InputHTMLAttributes } from "react"; 2 | interface SliderLabelProps { 3 | progress: string; 4 | } 5 | interface StyledInputProps extends InputHTMLAttributes { 6 | isMax: boolean; 7 | } 8 | interface DisabledProp { 9 | disabled?: boolean; 10 | } 11 | export declare const SliderLabelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; 12 | export declare const SliderLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps & SliderLabelProps, never>; 13 | export declare const BunnyButt: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DisabledProp, never>; 14 | export declare const BunnySlider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; 15 | export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, StyledInputProps, never>; 16 | export declare const BarBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DisabledProp, never>; 17 | export declare const BarProgress: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DisabledProp, never>; 18 | export {}; 19 | -------------------------------------------------------------------------------- /dist/components/Slider/types.d.ts: -------------------------------------------------------------------------------- 1 | import { BoxProps } from "../Box/types"; 2 | export default interface SliderProps extends BoxProps { 3 | name: string; 4 | min: number; 5 | max: number; 6 | value: number; 7 | step?: number | "any"; 8 | onValueChanged: (newValue: number) => void; 9 | valueLabel?: string; 10 | disabled?: boolean; 11 | } 12 | -------------------------------------------------------------------------------- /dist/components/Spinner/PanIcon.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Spinner/PancakeIcon.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Spinner/Spinner.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SpinnerProps } from "./types"; 3 | declare const Spinner: React.FC; 4 | export default Spinner; 5 | -------------------------------------------------------------------------------- /dist/components/Spinner/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Spinner } from "./Spinner"; 2 | export type { SpinnerProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Spinner/types.d.ts: -------------------------------------------------------------------------------- 1 | export interface SpinnerProps { 2 | size?: number; 3 | } 4 | -------------------------------------------------------------------------------- /dist/components/Stepper/Step.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { StatusProps, StepProps } from "./types"; 3 | export declare const StepNumber: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StatusProps, never>; 4 | /** 5 | * ChildrenLeftWrapper and ChildrenRightWrapper are used on the non mobile version, to force the alternate layout. 6 | * One of the child is hidden based on the step number. 7 | */ 8 | export declare const Step: React.FC; 9 | -------------------------------------------------------------------------------- /dist/components/Stepper/Stepper.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | declare const Stepper: React.FC; 3 | export default Stepper; 4 | -------------------------------------------------------------------------------- /dist/components/Stepper/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Stepper } from "./Stepper"; 2 | export { Step } from "./Step"; 3 | export type { Status as StepStatus, StepProps } from "./types"; 4 | -------------------------------------------------------------------------------- /dist/components/Stepper/types.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultTheme } from "styled-components"; 2 | export interface ThemedProps { 3 | theme: DefaultTheme; 4 | } 5 | export declare type Status = "past" | "current" | "future"; 6 | export interface StatusProps extends ThemedProps { 7 | theme: DefaultTheme; 8 | status: Status; 9 | } 10 | export interface StepProps { 11 | index: number; 12 | status: Status; 13 | numberOfSteps?: number; 14 | } 15 | -------------------------------------------------------------------------------- /dist/components/SubMenu/SubMenu.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Placement, Padding } from "@popperjs/core"; 3 | export interface SubMenuProps { 4 | component: React.ReactNode; 5 | options?: { 6 | placement?: Placement; 7 | offset?: [number, number]; 8 | padding?: Padding; 9 | }; 10 | } 11 | declare const SubMenu: React.FC; 12 | export default SubMenu; 13 | -------------------------------------------------------------------------------- /dist/components/SubMenu/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as SubMenu } from "./SubMenu"; 2 | export { SubMenuItem } from "./styles"; 3 | -------------------------------------------------------------------------------- /dist/components/SubMenu/styles.d.ts: -------------------------------------------------------------------------------- 1 | export declare const SubMenuContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; 2 | export declare const ClickableElementContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; 3 | export declare const SubMenuItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>; 4 | -------------------------------------------------------------------------------- /dist/components/SubMenuItems/SubMenuItems.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SubMenuItemsProps } from "./types"; 3 | declare const SubMenuItems: React.FC; 4 | export default SubMenuItems; 5 | -------------------------------------------------------------------------------- /dist/components/SubMenuItems/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as SubMenuItems } from "./SubMenuItems"; 2 | export type { SubMenuItemsType, SubMenuItemsProps } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/SubMenuItems/mock.d.ts: -------------------------------------------------------------------------------- 1 | declare const SubMenuItemsMock: { 2 | label: string; 3 | href: string; 4 | }[]; 5 | export default SubMenuItemsMock; 6 | -------------------------------------------------------------------------------- /dist/components/SubMenuItems/styles.d.ts: -------------------------------------------------------------------------------- 1 | declare const StyledSubMenuItems: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").FlexProps, never>; 2 | export default StyledSubMenuItems; 3 | -------------------------------------------------------------------------------- /dist/components/SubMenuItems/types.d.ts: -------------------------------------------------------------------------------- 1 | import { FlexProps } from "../Box"; 2 | export declare type SubMenuItemsType = { 3 | label: string; 4 | href: string; 5 | }; 6 | export interface SubMenuItemsProps extends FlexProps { 7 | items: SubMenuItemsType[]; 8 | activeItem?: string; 9 | } 10 | -------------------------------------------------------------------------------- /dist/components/Svg/AnimatedIconComponent.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { IconComponentType } from "./types"; 3 | declare const AnimatedIconComponent: React.FC; 4 | export default AnimatedIconComponent; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/IconComponent.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "./types"; 3 | declare const IconComponent: React.FC<{ 4 | iconName: string; 5 | } & SvgProps>; 6 | export default IconComponent; 7 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Account.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/AccountFilled.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Add.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ArrowBack.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ArrowDown.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ArrowDropDown.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ArrowDropUp.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ArrowFirst.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ArrowForward.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ArrowLast.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ArrowUp.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/AutoRenew.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Binance.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/BinanceChain.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Block.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/BnbUsdtPairToken.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/BscScan.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/BunnyCards.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/BunnyPlaceholder.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Calculate.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Camera.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/CardView.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Cards.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Chart.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Checkmark.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/CheckmarkCircle.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/CheckmarkCircleFill.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ChevronDown.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ChevronLeft.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ChevronRight.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ChevronUp.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/CircleOutline.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Close.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Cog.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Coin98.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Community.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/CommunityFilled.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Copy.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Crown.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Currency.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Earn.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/EarnFill.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/EarnFilled.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Ellipsis.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Error.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/EthereumIcon.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Farm.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Github.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Groups.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Hamburger.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/HamburgerClose.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Help.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/History.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Home.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Ifo.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Info.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Instagram.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Language.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/LanguageCurrency.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/LaurelLeft.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/LaurelRight.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ListView.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Login.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Logo.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/LogoRound.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/LogoWithText.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | interface LogoProps extends SvgProps { 4 | isDark: boolean; 5 | } 6 | declare const _default: React.NamedExoticComponent; 7 | export default _default; 8 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Logout.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/MathWallet.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/MedalBronze.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/MedalGold.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/MedalPurple.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/MedalSilver.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/MedalTeal.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Metamask.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Minus.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Moon.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/More.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/MoreHorizontal.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/MoreVertical.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Nft.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/NftFill.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/NftFilled.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/NoProfileAvatar.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/OpenNew.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/PancakeRound.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Pancakes.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Pencil.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/PlayCircleOutline.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/PocketWatch.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/PolygonIcon.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Pool.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Predictions.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/PresentCheck.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/PresentNone.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/PresentWon.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Prize.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ProgressBunny.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Proposal.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Reddit.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Refresh.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Remove.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Resources.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/ResourcesFilled.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/SafePal.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Search.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Sell.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Share.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/SmallDot.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/StarFill.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/StarLine.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Sun.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Swap.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/SwapFill.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/SwapVert.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/SyncAlt.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/TeamBattle.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/TeamPlayer.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Telegram.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Testnet.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Ticket.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/TicketFill.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/TicketRound.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Timer.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/TokenPocket.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Trade.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/TradeFilled.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Trophy.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/TrophyFill.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/TrophyGold.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/TrustWallet.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Tune.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Twitter.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 6 | export default Icon; 7 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Verified.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/VisibilityOff.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/VisibilityOn.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/VolumeOff.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/VolumeUp.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Vote.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Wait.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Wallet.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/WalletConnect.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/WalletFilled.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Icons/Warning.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/components/Svg/Svg.d.ts: -------------------------------------------------------------------------------- 1 | import { SvgProps } from "./types"; 2 | declare const Svg: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, SvgProps, never>; 3 | export default Svg; 4 | -------------------------------------------------------------------------------- /dist/components/Svg/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as AddIcon } from "./Icons/Add"; 2 | export { default as ArrowBackIcon } from "./Icons/ArrowBack"; 3 | export { default as ArrowDownIcon } from "./Icons/ArrowDown"; 4 | export { default as ArrowDropDownIcon } from "./Icons/ArrowDropDown"; 5 | export { default as ArrowDropUpIcon } from "./Icons/ArrowDropUp"; 6 | export { default as ArrowFirstIcon } from "./Icons/ArrowFirst"; 7 | export { default as ArrowForwardIcon } from "./Icons/ArrowForward"; 8 | export { default as ArrowLastIcon } from "./Icons/ArrowLast"; 9 | export { default as ArrowUpIcon } from "./Icons/ArrowUp"; 10 | export { default as AutoRenewIcon } from "./Icons/AutoRenew"; 11 | export { default as BinanceIcon } from "./Icons/Binance"; 12 | export { default as BinanceChainIcon } from "./Icons/BinanceChain"; 13 | export { default as BlockIcon } from "./Icons/Block"; 14 | export { default as BnbUsdtPairTokenIcon } from "./Icons/BnbUsdtPairToken"; 15 | export { default as BunnyCardsIcon } from "./Icons/BunnyCards"; 16 | export { default as BunnyPlaceholderIcon } from "./Icons/BunnyPlaceholder"; 17 | export { default as Cards } from "./Icons/Cards"; 18 | export { default as CardViewIcon } from "./Icons/CardView"; 19 | export { default as CalculateIcon } from "./Icons/Calculate"; 20 | export { default as CircleOutlineIcon } from "./Icons/CircleOutline"; 21 | export { default as ChartIcon } from "./Icons/Chart"; 22 | export { default as CheckmarkIcon } from "./Icons/Checkmark"; 23 | export { default as CheckmarkCircleIcon } from "./Icons/CheckmarkCircle"; 24 | export { default as CheckmarkCircleFillIcon } from "./Icons/CheckmarkCircleFill"; 25 | export { default as ChevronDownIcon } from "./Icons/ChevronDown"; 26 | export { default as ChevronLeftIcon } from "./Icons/ChevronLeft"; 27 | export { default as ChevronRightIcon } from "./Icons/ChevronRight"; 28 | export { default as ChevronUpIcon } from "./Icons/ChevronUp"; 29 | export { default as CloseIcon } from "./Icons/Close"; 30 | export { default as CogIcon } from "./Icons/Cog"; 31 | export { default as Coin98Icon } from "./Icons/Coin98"; 32 | export { default as CommunityIcon } from "./Icons/Community"; 33 | export { default as CopyIcon } from "./Icons/Copy"; 34 | export { default as CrownIcon } from "./Icons/Crown"; 35 | export { default as CurrencyIcon } from "./Icons/Currency"; 36 | export { default as ErrorIcon } from "./Icons/Error"; 37 | export { default as EllipsisIcon } from "./Icons/Ellipsis"; 38 | export { default as HelpIcon } from "./Icons/Help"; 39 | export { default as HistoryIcon } from "./Icons/History"; 40 | export { default as InfoIcon } from "./Icons/Info"; 41 | export { default as LanguageIcon } from "./Icons/Language"; 42 | export { default as LanguageCurrencyIcon } from "./Icons/LanguageCurrency"; 43 | export { default as LaurelLeftIcon } from "./Icons/LaurelLeft"; 44 | export { default as LaurelRightIcon } from "./Icons/LaurelRight"; 45 | export { default as ListViewIcon } from "./Icons/ListView"; 46 | export { default as LoginIcon } from "./Icons/Login"; 47 | export { default as LogoIcon } from "./Icons/Logo"; 48 | export { default as LogoRoundIcon } from "./Icons/LogoRound"; 49 | export { default as MathWalletIcon } from "./Icons/MathWallet"; 50 | export { default as LogoutIcon } from "./Icons/Logout"; 51 | export { default as MedalBronzeIcon } from "./Icons/MedalBronze"; 52 | export { default as MedalGoldIcon } from "./Icons/MedalGold"; 53 | export { default as MedalPurpleIcon } from "./Icons/MedalPurple"; 54 | export { default as MedalSilverIcon } from "./Icons/MedalSilver"; 55 | export { default as MedalTealIcon } from "./Icons/MedalTeal"; 56 | export { default as MetamaskIcon } from "./Icons/Metamask"; 57 | export { default as MinusIcon } from "./Icons/Minus"; 58 | export { default as MoreHorizontalIcon } from "./Icons/MoreHorizontal"; 59 | export { default as MoreVerticalIcon } from "./Icons/MoreVertical"; 60 | export { default as NoProfileAvatarIcon } from "./Icons/NoProfileAvatar"; 61 | export { default as OpenNewIcon } from "./Icons/OpenNew"; 62 | export { default as PancakesIcon } from "./Icons/Pancakes"; 63 | export { default as PencilIcon } from "./Icons/Pencil"; 64 | export { default as PancakeRoundIcon } from "./Icons/PancakeRound"; 65 | export { default as PocketWatchIcon } from "./Icons/PocketWatch"; 66 | export { default as PlayCircleOutlineIcon } from "./Icons/PlayCircleOutline"; 67 | export { default as PredictionsIcon } from "../../widgets/Menu/icons/Predictions"; 68 | export { default as PrizeIcon } from "./Icons/Prize"; 69 | export { default as ProposalIcon } from "./Icons/Proposal"; 70 | export { default as RemoveIcon } from "./Icons/Remove"; 71 | export { default as VerifiedIcon } from "./Icons/Verified"; 72 | export { default as ProgressBunny } from "./Icons/ProgressBunny"; 73 | export { default as PresentCheckIcon } from "./Icons/PresentCheck"; 74 | export { default as PresentWonIcon } from "./Icons/PresentWon"; 75 | export { default as PresentNoneIcon } from "./Icons/PresentNone"; 76 | export { default as RefreshIcon } from "./Icons/Refresh"; 77 | export { default as SafePalIcon } from "./Icons/SafePal"; 78 | export { default as SearchIcon } from "./Icons/Search"; 79 | export { default as SmallDotIcon } from "./Icons/SmallDot"; 80 | export { default as StarFillIcon } from "./Icons/StarFill"; 81 | export { default as StarLineIcon } from "./Icons/StarLine"; 82 | export { default as SwapIcon } from "./Icons/Swap"; 83 | export { default as SwapVertIcon } from "./Icons/SwapVert"; 84 | export { default as SyncAltIcon } from "./Icons/SyncAlt"; 85 | export { default as TeamPlayerIcon } from "./Icons/TeamPlayer"; 86 | export { default as TestnetIcon } from "./Icons/Testnet"; 87 | export { default as Ticket } from "./Icons/Ticket"; 88 | export { default as TicketFillIcon } from "./Icons/TicketFill"; 89 | export { default as TicketRound } from "./Icons/TicketRound"; 90 | export { default as TimerIcon } from "./Icons/Timer"; 91 | export { default as TokenPocketIcon } from "./Icons/TokenPocket"; 92 | export { default as TrophyGoldIcon } from "./Icons/TrophyGold"; 93 | export { default as TrustWalletIcon } from "./Icons/TrustWallet"; 94 | export { default as TuneIcon } from "./Icons/Tune"; 95 | export { default as VisibilityOff } from "./Icons/VisibilityOff"; 96 | export { default as VisibilityOn } from "./Icons/VisibilityOn"; 97 | export { default as VolumeOffIcon } from "./Icons/VolumeOff"; 98 | export { default as VolumeUpIcon } from "./Icons/VolumeUp"; 99 | export { default as VoteIcon } from "./Icons/Vote"; 100 | export { default as WarningIcon } from "./Icons/Warning"; 101 | export { default as WalletConnectIcon } from "./Icons/WalletConnect"; 102 | export { default as WalletIcon } from "./Icons/Wallet"; 103 | export { default as WalletFilledIcon } from "./Icons/WalletFilled"; 104 | export { default as WaitIcon } from "./Icons/Wait"; 105 | export { default as Svg } from "./Svg"; 106 | export type { SvgProps } from "./types"; 107 | -------------------------------------------------------------------------------- /dist/components/Svg/styles.d.ts: -------------------------------------------------------------------------------- 1 | import { Colors } from "../../theme"; 2 | export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, { 3 | activeBackgroundColor?: keyof Colors | undefined; 4 | }, never>; 5 | export declare const StyledAnimatedIconComponent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, { 6 | isActive: boolean; 7 | height?: string | undefined; 8 | width?: string | undefined; 9 | hasFillIcon: boolean; 10 | }, never>; 11 | -------------------------------------------------------------------------------- /dist/components/Svg/types.d.ts: -------------------------------------------------------------------------------- 1 | import { SVGAttributes } from "react"; 2 | import { DefaultTheme } from "styled-components"; 3 | import { SpaceProps } from "styled-system"; 4 | export interface SvgProps extends SVGAttributes, SpaceProps { 5 | theme?: DefaultTheme; 6 | spin?: boolean; 7 | } 8 | -------------------------------------------------------------------------------- /dist/components/TabMenu/Tab.d.ts: -------------------------------------------------------------------------------- 1 | import { TabProps } from "./types"; 2 | declare const Tab: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, TabProps, never>; 3 | export default Tab; 4 | -------------------------------------------------------------------------------- /dist/components/TabMenu/TabMenu.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { TabMenuProps } from "./types"; 3 | declare const ButtonMenu: React.FC; 4 | export default ButtonMenu; 5 | -------------------------------------------------------------------------------- /dist/components/TabMenu/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as TabMenu } from "./TabMenu"; 2 | export { default as Tab } from "./Tab"; 3 | export type { TabMenuProps, TabProps } from "./types"; 4 | -------------------------------------------------------------------------------- /dist/components/TabMenu/types.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { ColorProps } from "styled-system"; 3 | export interface TabMenuProps { 4 | activeIndex?: number; 5 | onItemClick?: (index: number) => void; 6 | children: React.ReactElement[]; 7 | } 8 | export interface TabProps extends ColorProps { 9 | isActive?: boolean; 10 | onClick?: () => void; 11 | scale?: "md" | "lg"; 12 | } 13 | -------------------------------------------------------------------------------- /dist/components/Table/Cell.d.ts: -------------------------------------------------------------------------------- 1 | import { TypographyProps } from "styled-system"; 2 | export declare const Td: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, TypographyProps>>, never>; 3 | export declare const Th: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, TypographyProps>> & { 4 | as: string; 5 | }, "as">; 6 | -------------------------------------------------------------------------------- /dist/components/Table/Table.d.ts: -------------------------------------------------------------------------------- 1 | declare const Table: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>; 2 | export default Table; 3 | -------------------------------------------------------------------------------- /dist/components/Table/example/const.d.ts: -------------------------------------------------------------------------------- 1 | export declare const columns: ({ 2 | id: number; 3 | name: string; 4 | hidden: boolean; 5 | label?: undefined; 6 | render?: undefined; 7 | } | { 8 | id: number; 9 | name: string; 10 | label: string; 11 | render: ({ value }: { 12 | value: React.ReactNode; 13 | }) => React.ReactNode; 14 | hidden?: undefined; 15 | } | { 16 | id: number; 17 | name: string; 18 | label: string; 19 | hidden?: undefined; 20 | render?: undefined; 21 | } | { 22 | id: number; 23 | name: string; 24 | hidden?: undefined; 25 | label?: undefined; 26 | render?: undefined; 27 | })[]; 28 | export declare const data: never[]; 29 | -------------------------------------------------------------------------------- /dist/components/Table/example/header.d.ts: -------------------------------------------------------------------------------- 1 | declare const StyledTh: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, {}, never>; 2 | export default StyledTh; 3 | -------------------------------------------------------------------------------- /dist/components/Table/hooks.d.ts: -------------------------------------------------------------------------------- 1 | import { ReactNode } from "react"; 2 | import { ColumnType, DataType, UseTableReturnType, UseTableOptionsType } from "./types"; 3 | export declare const makeRender: (value: any, render: (({ value: val, row }: { 4 | value: any; 5 | row: T; 6 | }) => ReactNode) | undefined, row: T) => (() => React.ReactNode); 7 | export declare const useTable: (columns: ColumnType[], data: T[], options?: UseTableOptionsType | undefined) => UseTableReturnType; 8 | -------------------------------------------------------------------------------- /dist/components/Table/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Table } from "./Table"; 2 | export * from "./Cell"; 3 | export * from "./hooks"; 4 | export * from "./types"; 5 | export * from "./utils"; 6 | -------------------------------------------------------------------------------- /dist/components/Table/types.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | export declare type ColumnType = { 3 | name: string; 4 | label?: string; 5 | hidden?: boolean; 6 | sort?: ((a: RowType, b: RowType) => number) | undefined; 7 | render?: ({ value, row }: { 8 | value: any; 9 | row: T; 10 | }) => React.ReactNode; 11 | headerRender?: HeaderRenderType; 12 | }; 13 | export declare type ColumnStateType = { 14 | name: string; 15 | label: string; 16 | hidden: boolean; 17 | sort?: ((a: RowType, b: RowType) => number) | undefined; 18 | sorted: { 19 | on: boolean; 20 | asc?: boolean; 21 | }; 22 | headerRender?: HeaderRenderType; 23 | }; 24 | export declare type HeaderRenderType = ({ label }: { 25 | label: React.ReactNode; 26 | }) => React.ReactNode; 27 | export declare type HeaderType = { 28 | name: string; 29 | label?: string; 30 | hidden?: boolean; 31 | sorted: { 32 | on: boolean; 33 | asc?: boolean; 34 | }; 35 | sort?: ((a: RowType, b: RowType) => number) | undefined; 36 | render: () => React.ReactNode; 37 | }; 38 | export declare type DataType = { 39 | [key: string]: any; 40 | }; 41 | export declare type ColumnByNamesType = { 42 | [key: string]: ColumnType; 43 | }; 44 | export declare type RenderFunctionType = ({ value, row }: RenderFunctionArgsType) => React.ReactNode | undefined; 45 | declare type RenderFunctionArgsType = { 46 | value: any; 47 | row: T; 48 | }; 49 | export declare type ColumnByNameType = Omit>, "name" | "sort">; 50 | export interface RowType { 51 | id: number; 52 | cells: CellType[]; 53 | hidden?: boolean; 54 | selected?: boolean; 55 | original: T; 56 | } 57 | export declare type CellType = { 58 | value: any; 59 | render: () => React.ReactNode; 60 | }; 61 | export interface UseTableTypeParams { 62 | columns: ColumnType[]; 63 | data: T[]; 64 | options?: { 65 | sortable?: boolean; 66 | selectable?: boolean; 67 | filter?: (row: RowType[]) => RowType[]; 68 | filterOn?: boolean; 69 | }; 70 | } 71 | export interface UseTablePropsType { 72 | columns: ColumnType[]; 73 | data: T[]; 74 | options?: { 75 | sortable?: boolean; 76 | selectable?: boolean; 77 | filter?: (row: RowType[]) => RowType[]; 78 | }; 79 | } 80 | export interface UseTableOptionsType { 81 | sortable?: boolean; 82 | selectable?: boolean; 83 | pagination?: boolean; 84 | sortColumn?: string; 85 | filter?: (row: RowType[]) => RowType[]; 86 | } 87 | export interface UseTableReturnType { 88 | headers: HeaderType[]; 89 | originalRows: RowType[]; 90 | rows: RowType[]; 91 | selectedRows: RowType[]; 92 | dispatch: React.Dispatch>; 93 | toggleSort: (columnName: string, isAscOverride?: boolean) => void; 94 | selectRow: (id: number) => void; 95 | toggleAll: () => void; 96 | setSearchString: (searchString: string) => void; 97 | toggleAllState: boolean; 98 | pagination: PaginatorType; 99 | } 100 | declare type PaginatorType = { 101 | nextPage: () => void; 102 | prevPage: () => void; 103 | page: number; 104 | perPage: number; 105 | canNext: boolean; 106 | canPrev: boolean; 107 | }; 108 | export declare type TableState = { 109 | columnsByName: ColumnByNamesType; 110 | columns: ColumnStateType[]; 111 | rows: RowType[]; 112 | originalRows: RowType[]; 113 | selectedRows: RowType[]; 114 | filterOn: boolean; 115 | sortColumn: string | null | undefined; 116 | toggleAllState: boolean; 117 | pagination: PaginatorType; 118 | paginationEnabled: boolean; 119 | }; 120 | export declare type TableAction = { 121 | type: "TOGGLE_SORT"; 122 | columnName: string; 123 | isAscOverride?: boolean; 124 | } | { 125 | type: "SELECT_ROW"; 126 | rowId: number; 127 | } | { 128 | type: "GLOBAL_FILTER"; 129 | filter: (row: RowType[]) => RowType[]; 130 | } | { 131 | type: "SEARCH_STRING"; 132 | searchString: string; 133 | } | { 134 | type: "GLOBAL_FILTER_OFF"; 135 | } | { 136 | type: "SET_ROWS"; 137 | data: RowType[]; 138 | } | { 139 | type: "NEXT_PAGE"; 140 | } | { 141 | type: "PREV_PAGE"; 142 | } | { 143 | type: "TOGGLE_ALL"; 144 | }; 145 | export {}; 146 | -------------------------------------------------------------------------------- /dist/components/Table/utils.d.ts: -------------------------------------------------------------------------------- 1 | export declare const byTextAscending: (getTextProperty: (object: T) => string) => (objectA: T, objectB: T) => number; 2 | export declare const byTextDescending: (getTextProperty: (object: T) => string) => (objectA: T, objectB: T) => number; 3 | -------------------------------------------------------------------------------- /dist/components/Tag/StyledTag.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultTheme } from "styled-components"; 2 | import { TagProps } from "./types"; 3 | interface ThemedProps extends TagProps { 4 | theme: DefaultTheme; 5 | } 6 | export declare const StyledTag: import("styled-components").StyledComponent<"div", DefaultTheme, ThemedProps, never>; 7 | declare const _default: null; 8 | export default _default; 9 | -------------------------------------------------------------------------------- /dist/components/Tag/Tag.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { TagProps } from "./types"; 3 | declare const Tag: React.FC; 4 | export default Tag; 5 | -------------------------------------------------------------------------------- /dist/components/Tag/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Tag } from "./Tag"; 2 | export type { TagProps, Variant as TagVariant, Scale as TagScale } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Tag/theme.d.ts: -------------------------------------------------------------------------------- 1 | export declare const scaleVariants: { 2 | md: { 3 | height: string; 4 | padding: string; 5 | fontSize: string; 6 | }; 7 | sm: { 8 | height: string; 9 | padding: string; 10 | fontSize: string; 11 | }; 12 | }; 13 | export declare const styleVariants: { 14 | primary: { 15 | backgroundColor: string; 16 | }; 17 | secondary: { 18 | backgroundColor: string; 19 | }; 20 | success: { 21 | backgroundColor: string; 22 | }; 23 | textDisabled: { 24 | backgroundColor: string; 25 | }; 26 | textSubtle: { 27 | backgroundColor: string; 28 | }; 29 | binance: { 30 | backgroundColor: string; 31 | }; 32 | failure: { 33 | backgroundColor: string; 34 | }; 35 | warning: { 36 | backgroundColor: string; 37 | }; 38 | }; 39 | -------------------------------------------------------------------------------- /dist/components/Tag/types.d.ts: -------------------------------------------------------------------------------- 1 | import { ReactNode } from "react"; 2 | import { SpaceProps, TypographyProps } from "styled-system"; 3 | export declare const variants: { 4 | readonly PRIMARY: "primary"; 5 | readonly SECONDARY: "secondary"; 6 | readonly SUCCESS: "success"; 7 | readonly TEXTDISABLED: "textDisabled"; 8 | readonly TEXTSUBTLE: "textSubtle"; 9 | readonly BINANCE: "binance"; 10 | readonly FAILURE: "failure"; 11 | readonly WARNING: "warning"; 12 | }; 13 | export declare const scales: { 14 | readonly MD: "md"; 15 | readonly SM: "sm"; 16 | }; 17 | export declare type Scale = typeof scales[keyof typeof scales]; 18 | export declare type Variant = typeof variants[keyof typeof variants]; 19 | export interface TagProps extends SpaceProps, TypographyProps { 20 | variant?: Variant; 21 | scale?: Scale; 22 | startIcon?: ReactNode; 23 | endIcon?: ReactNode; 24 | outline?: boolean; 25 | textTransform?: "uppercase" | "lowercase" | "capitalize"; 26 | } 27 | -------------------------------------------------------------------------------- /dist/components/Text/Text.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultTheme } from "styled-components"; 2 | import { TextProps } from "./types"; 3 | declare const Text: import("styled-components").StyledComponent<"div", DefaultTheme, TextProps, never>; 4 | export default Text; 5 | -------------------------------------------------------------------------------- /dist/components/Text/TooltipText.d.ts: -------------------------------------------------------------------------------- 1 | declare const TooltipText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./types").TextProps, never>; 2 | export default TooltipText; 3 | -------------------------------------------------------------------------------- /dist/components/Text/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Text } from "./Text"; 2 | export { default as TooltipText } from "./TooltipText"; 3 | export type { TextProps } from "./types"; 4 | -------------------------------------------------------------------------------- /dist/components/Text/types.d.ts: -------------------------------------------------------------------------------- 1 | import { LayoutProps, SpaceProps, TypographyProps } from "styled-system"; 2 | export interface TextProps extends SpaceProps, TypographyProps, LayoutProps { 3 | color?: string; 4 | fontSize?: string; 5 | bold?: boolean; 6 | small?: boolean; 7 | ellipsis?: boolean; 8 | textTransform?: "uppercase" | "lowercase" | "capitalize"; 9 | } 10 | -------------------------------------------------------------------------------- /dist/components/ThemeSwitcher/ThemeSwitcher.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | export interface Props { 3 | isDark: boolean; 4 | toggleTheme: (isDark: boolean) => void; 5 | } 6 | declare const _default: React.NamedExoticComponent; 7 | export default _default; 8 | -------------------------------------------------------------------------------- /dist/components/ThemeSwitcher/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as ThemeSwitcher } from "./ThemeSwitcher"; 2 | export type { Props as ThemeSwitcherProps } from "./ThemeSwitcher"; 3 | -------------------------------------------------------------------------------- /dist/components/Timeline/InfoTooltip.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { BoxProps } from "../Box"; 3 | declare type InfoTooltip = { 4 | text: string; 5 | iconColor?: string; 6 | } & BoxProps; 7 | declare const InfoTooltip: React.FC; 8 | export default InfoTooltip; 9 | -------------------------------------------------------------------------------- /dist/components/Timeline/Timeline.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { TimelineProps } from "./types"; 3 | declare const Timeline: React.FC; 4 | export default Timeline; 5 | -------------------------------------------------------------------------------- /dist/components/Timeline/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Timeline } from "./Timeline"; 2 | export type { EventStatus } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Timeline/styles.d.ts: -------------------------------------------------------------------------------- 1 | export declare const TimelineContainer: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>; 2 | export declare const TimelineEvent: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, { 3 | $useDark: boolean; 4 | }, never>; 5 | -------------------------------------------------------------------------------- /dist/components/Timeline/types.d.ts: -------------------------------------------------------------------------------- 1 | export declare type EventStatus = "past" | "live" | "upcoming"; 2 | export declare type Event = { 3 | status: EventStatus; 4 | text: string; 5 | altText?: string; 6 | infoText?: string; 7 | }; 8 | export declare type TimelineProps = { 9 | events: Event[]; 10 | useDark?: boolean; 11 | }; 12 | -------------------------------------------------------------------------------- /dist/components/Toggle/StyledToggle.d.ts: -------------------------------------------------------------------------------- 1 | import { ToggleProps, HandleProps, InputProps } from "./types"; 2 | export declare const Handle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HandleProps, never>; 3 | export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, InputProps, never>; 4 | declare const StyledToggle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ToggleProps, never>; 5 | export default StyledToggle; 6 | -------------------------------------------------------------------------------- /dist/components/Toggle/Toggle.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { ToggleProps } from "./types"; 3 | declare const Toggle: React.FC; 4 | export default Toggle; 5 | -------------------------------------------------------------------------------- /dist/components/Toggle/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Toggle } from "./Toggle"; 2 | export type { ToggleProps, Scales as ToggleScales } from "./types"; 3 | -------------------------------------------------------------------------------- /dist/components/Toggle/theme.d.ts: -------------------------------------------------------------------------------- 1 | import { ToggleTheme } from "./types"; 2 | export declare const light: ToggleTheme; 3 | export declare const dark: ToggleTheme; 4 | -------------------------------------------------------------------------------- /dist/components/Toggle/types.d.ts: -------------------------------------------------------------------------------- 1 | import { InputHTMLAttributes } from "react"; 2 | export declare type ToggleTheme = { 3 | handleBackground: string; 4 | }; 5 | export declare const scales: { 6 | readonly SM: "sm"; 7 | readonly MD: "md"; 8 | readonly LG: "lg"; 9 | }; 10 | export declare type Scales = typeof scales[keyof typeof scales]; 11 | export interface ToggleProps extends InputHTMLAttributes { 12 | scale?: Scales; 13 | checked?: boolean; 14 | } 15 | export interface HandleProps { 16 | scale: Scales; 17 | } 18 | export interface InputProps { 19 | scale: Scales; 20 | } 21 | export declare const scaleKeys: { 22 | readonly handleHeight: "handleHeight"; 23 | readonly handleWidth: "handleWidth"; 24 | readonly handleLeft: "handleLeft"; 25 | readonly handleTop: "handleTop"; 26 | readonly checkedLeft: "checkedLeft"; 27 | readonly toggleHeight: "toggleHeight"; 28 | readonly toggleWidth: "toggleWidth"; 29 | }; 30 | export declare type ScaleKeys = typeof scaleKeys[keyof typeof scaleKeys]; 31 | -------------------------------------------------------------------------------- /dist/components/Tooltip/theme.d.ts: -------------------------------------------------------------------------------- 1 | import { TooltipTheme } from "./types"; 2 | export declare const light: TooltipTheme; 3 | export declare const dark: TooltipTheme; 4 | -------------------------------------------------------------------------------- /dist/components/Tooltip/types.d.ts: -------------------------------------------------------------------------------- 1 | export declare type TooltipTheme = { 2 | background: string; 3 | text: string; 4 | boxShadow: string; 5 | }; 6 | -------------------------------------------------------------------------------- /dist/hooks/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as useMatchBreakpoints } from "./useMatchBreakpoints"; 2 | export { default as useParticleBurst } from "./useParticleBurst"; 3 | export { default as useKonamiCheatCode } from "./useKonamiCheatCode"; 4 | export * from "./useTooltip"; 5 | -------------------------------------------------------------------------------- /dist/hooks/useKonamiCheatCode.d.ts: -------------------------------------------------------------------------------- 1 | declare const useKonamiCheatCode: (matchedCodeHandler: () => void) => void; 2 | export default useKonamiCheatCode; 3 | -------------------------------------------------------------------------------- /dist/hooks/useMatchBreakpoints.d.ts: -------------------------------------------------------------------------------- 1 | declare type State = { 2 | [key: string]: boolean; 3 | }; 4 | declare type BreakpointChecks = { 5 | isMobile: boolean; 6 | isTablet: boolean; 7 | isDesktop: boolean; 8 | } & State; 9 | declare const useMatchBreakpoints: () => BreakpointChecks; 10 | export default useMatchBreakpoints; 11 | -------------------------------------------------------------------------------- /dist/hooks/useParticleBurst.d.ts: -------------------------------------------------------------------------------- 1 | declare type ParticleOptions = { 2 | size?: number; 3 | distance?: number; 4 | }; 5 | declare type Options = { 6 | imgSrc: string; 7 | selector?: string; 8 | numberOfParticles?: number; 9 | debounceDuration?: number; 10 | disableWhen?: () => boolean; 11 | particleOptions?: ParticleOptions; 12 | }; 13 | /** 14 | * @see https://css-tricks.com/playing-with-particles-using-the-web-animations-api/ 15 | */ 16 | declare const useParticleBurst: (options: Options) => { 17 | initialize: () => void; 18 | teardown: () => void; 19 | }; 20 | export default useParticleBurst; 21 | -------------------------------------------------------------------------------- /dist/hooks/useTooltip/StyledTooltip.d.ts: -------------------------------------------------------------------------------- 1 | export declare const Arrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; 2 | export declare const StyledTooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; 3 | -------------------------------------------------------------------------------- /dist/hooks/useTooltip/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as useTooltip } from "./useTooltip"; 2 | export type { TooltipRefs, TriggerType, TooltipOptions } from "./types"; 3 | export type { Placement } from "@popperjs/core"; 4 | -------------------------------------------------------------------------------- /dist/hooks/useTooltip/types.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | import { Placement, Padding } from "@popperjs/core"; 3 | export interface TooltipRefs { 4 | targetRef: React.Dispatch>; 5 | tooltip: React.ReactNode; 6 | tooltipVisible: boolean; 7 | } 8 | export interface TooltipOptions { 9 | placement?: Placement; 10 | trigger?: TriggerType; 11 | arrowPadding?: Padding; 12 | tooltipPadding?: Padding; 13 | tooltipOffset?: [number, number]; 14 | } 15 | export declare type TriggerType = "click" | "hover" | "focus"; 16 | -------------------------------------------------------------------------------- /dist/hooks/useTooltip/useTooltip.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { TooltipOptions, TooltipRefs } from "./types"; 3 | declare const useTooltip: (content: React.ReactNode, options: TooltipOptions) => TooltipRefs; 4 | export default useTooltip; 5 | -------------------------------------------------------------------------------- /dist/index.d.ts: -------------------------------------------------------------------------------- 1 | export * from "./components/Alert"; 2 | export * from "./components/BalanceInput"; 3 | export * from "./components/Box"; 4 | export * from "./components/Breadcrumbs"; 5 | export * from "./components/Button"; 6 | export * from "./components/ButtonMenu"; 7 | export * from "./components/Card"; 8 | export * from "./components/Checkbox"; 9 | export * from "./components/Dropdown"; 10 | export * from "./components/FallingBunnies"; 11 | export * from "./components/Heading"; 12 | export * from "./components/Image"; 13 | export * from "./components/Input"; 14 | export * from "./components/Layouts"; 15 | export * from "./components/Link"; 16 | export * from "./components/Message"; 17 | export * from "./components/NotificationDot"; 18 | export * from "./components/Overlay"; 19 | export * from "./components/PancakeToggle"; 20 | export * from "./components/Progress"; 21 | export * from "./components/Radio"; 22 | export * from "./components/Slider"; 23 | export * from "./components/Skeleton"; 24 | export * from "./components/Spinner"; 25 | export * from "./components/Stepper"; 26 | export * from "./components/SubMenu"; 27 | export * from "./components/Svg"; 28 | export * from "./components/Table"; 29 | export * from "./components/TabMenu"; 30 | export * from "./components/Tag"; 31 | export * from "./components/Text"; 32 | export * from "./components/Toggle"; 33 | export * from "./hooks"; 34 | export * from "./widgets/Modal"; 35 | export * from "./widgets/Menu"; 36 | export * from "./widgets/WalletModal"; 37 | export { default as ResetCSS } from "./ResetCSS"; 38 | export * from "./theme"; 39 | -------------------------------------------------------------------------------- /dist/setupTests.d.ts: -------------------------------------------------------------------------------- 1 | export {}; 2 | -------------------------------------------------------------------------------- /dist/testHelpers.d.ts: -------------------------------------------------------------------------------- 1 | import { ReactNode } from "react"; 2 | import { RenderResult } from "@testing-library/react"; 3 | export declare const renderWithTheme: (component: ReactNode, theme?: import("styled-components").DefaultTheme) => RenderResult; 4 | export declare const setupMockIntersectionObserver: () => void; 5 | -------------------------------------------------------------------------------- /dist/theme/base.d.ts: -------------------------------------------------------------------------------- 1 | import { MediaQueries, Breakpoints, Spacing } from "./types"; 2 | export declare const breakpointMap: { 3 | [key: string]: number; 4 | }; 5 | export declare const shadows: { 6 | level1: string; 7 | active: string; 8 | success: string; 9 | warning: string; 10 | focus: string; 11 | inset: string; 12 | }; 13 | declare const _default: { 14 | siteWidth: number; 15 | breakpoints: Breakpoints; 16 | mediaQueries: MediaQueries; 17 | spacing: Spacing; 18 | shadows: { 19 | level1: string; 20 | active: string; 21 | success: string; 22 | warning: string; 23 | focus: string; 24 | inset: string; 25 | }; 26 | radii: { 27 | small: string; 28 | default: string; 29 | card: string; 30 | circle: string; 31 | }; 32 | zIndices: { 33 | dropdown: number; 34 | modal: number; 35 | }; 36 | }; 37 | export default _default; 38 | -------------------------------------------------------------------------------- /dist/theme/colors.d.ts: -------------------------------------------------------------------------------- 1 | import { Colors } from "./types"; 2 | export declare const baseColors: { 3 | failure: string; 4 | primary: string; 5 | primaryBright: string; 6 | primaryDark: string; 7 | secondary: string; 8 | success: string; 9 | warning: string; 10 | }; 11 | export declare const additionalColors: { 12 | binance: string; 13 | overlay: string; 14 | gold: string; 15 | silver: string; 16 | bronze: string; 17 | }; 18 | export declare const lightColors: Colors; 19 | export declare const darkColors: Colors; 20 | -------------------------------------------------------------------------------- /dist/theme/dark.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultTheme } from "styled-components"; 2 | declare const darkTheme: DefaultTheme; 3 | export default darkTheme; 4 | -------------------------------------------------------------------------------- /dist/theme/index.d.ts: -------------------------------------------------------------------------------- 1 | import { AlertTheme } from "../components/Alert/types"; 2 | import { CardTheme } from "../components/Card/types"; 3 | import { PancakeToggleTheme } from "../components/PancakeToggle/types"; 4 | import { RadioTheme } from "../components/Radio/types"; 5 | import { ToggleTheme } from "../components/Toggle/types"; 6 | import { TooltipTheme } from "../components/Tooltip/types"; 7 | import { NavTheme } from "../widgets/Menu/types"; 8 | import { ModalTheme } from "../widgets/Modal/types"; 9 | import { Colors, Breakpoints, MediaQueries, Spacing, Shadows, Radii, ZIndices } from "./types"; 10 | export interface PancakeTheme { 11 | siteWidth: number; 12 | isDark: boolean; 13 | alert: AlertTheme; 14 | colors: Colors; 15 | card: CardTheme; 16 | nav: NavTheme; 17 | modal: ModalTheme; 18 | pancakeToggle: PancakeToggleTheme; 19 | radio: RadioTheme; 20 | toggle: ToggleTheme; 21 | tooltip: TooltipTheme; 22 | breakpoints: Breakpoints; 23 | mediaQueries: MediaQueries; 24 | spacing: Spacing; 25 | shadows: Shadows; 26 | radii: Radii; 27 | zIndices: ZIndices; 28 | } 29 | export { default as dark } from "./dark"; 30 | export { default as light } from "./light"; 31 | export { lightColors } from "./colors"; 32 | export { darkColors } from "./colors"; 33 | export * from "./types"; 34 | -------------------------------------------------------------------------------- /dist/theme/light.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultTheme } from "styled-components"; 2 | declare const lightTheme: DefaultTheme; 3 | export default lightTheme; 4 | -------------------------------------------------------------------------------- /dist/theme/types.d.ts: -------------------------------------------------------------------------------- 1 | export declare type Breakpoints = string[]; 2 | export declare type MediaQueries = { 3 | xs: string; 4 | sm: string; 5 | md: string; 6 | lg: string; 7 | xl: string; 8 | xxl: string; 9 | nav: string; 10 | }; 11 | export declare type Spacing = number[]; 12 | export declare type Radii = { 13 | small: string; 14 | default: string; 15 | card: string; 16 | circle: string; 17 | }; 18 | export declare type Shadows = { 19 | level1: string; 20 | active: string; 21 | success: string; 22 | warning: string; 23 | focus: string; 24 | inset: string; 25 | }; 26 | export declare type Gradients = { 27 | bubblegum: string; 28 | inverseBubblegum: string; 29 | cardHeader: string; 30 | blue: string; 31 | violet: string; 32 | violetAlt: string; 33 | gold: string; 34 | }; 35 | export declare type Colors = { 36 | primary: string; 37 | primaryBright: string; 38 | primaryDark: string; 39 | secondary: string; 40 | tertiary: string; 41 | success: string; 42 | failure: string; 43 | warning: string; 44 | cardBorder: string; 45 | contrast: string; 46 | dropdown: string; 47 | dropdownDeep: string; 48 | invertedContrast: string; 49 | input: string; 50 | inputSecondary: string; 51 | background: string; 52 | backgroundDisabled: string; 53 | backgroundAlt: string; 54 | text: string; 55 | textDisabled: string; 56 | textSubtle: string; 57 | disabled: string; 58 | gradients: Gradients; 59 | binance: string; 60 | overlay: string; 61 | gold: string; 62 | silver: string; 63 | bronze: string; 64 | }; 65 | export declare type ZIndices = { 66 | dropdown: number; 67 | modal: number; 68 | }; 69 | -------------------------------------------------------------------------------- /dist/util/getExternalLinkProps.d.ts: -------------------------------------------------------------------------------- 1 | declare const getExternalLinkProps: () => { 2 | target: string; 3 | rel: string; 4 | }; 5 | export default getExternalLinkProps; 6 | -------------------------------------------------------------------------------- /dist/util/getThemeValue.d.ts: -------------------------------------------------------------------------------- 1 | import { DefaultTheme } from "styled-components"; 2 | declare const getThemeValue: (path: string, fallback?: string | number | undefined) => (theme: DefaultTheme) => string; 3 | export default getThemeValue; 4 | -------------------------------------------------------------------------------- /dist/util/isTouchDevice.d.ts: -------------------------------------------------------------------------------- 1 | declare const isTouchDevice: () => boolean; 2 | export default isTouchDevice; 3 | -------------------------------------------------------------------------------- /dist/widgets/Menu/Menu.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { NavProps } from "./types"; 3 | declare const Menu: React.FC; 4 | export default Menu; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/Accordion.d.ts: -------------------------------------------------------------------------------- 1 | import React, { ReactNode } from "react"; 2 | import { LinkStatus, PushedProps } from "../types"; 3 | interface Props extends PushedProps { 4 | label: string; 5 | status?: LinkStatus; 6 | icon: React.ReactElement; 7 | initialOpenState?: boolean; 8 | className?: string; 9 | children: ReactNode; 10 | isActive?: boolean; 11 | } 12 | declare const Accordion: React.FC; 13 | export default Accordion; 14 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/CakePrice.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | interface Props { 3 | cakePriceUsd?: number; 4 | } 5 | declare const _default: React.NamedExoticComponent; 6 | export default _default; 7 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/LangSelector.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Language } from "../types"; 3 | interface Props { 4 | currentLang: string; 5 | langs: Language[]; 6 | setLang: (lang: Language) => void; 7 | } 8 | declare const _default: React.NamedExoticComponent; 9 | export default _default; 10 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/Logo.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | interface Props { 3 | isPushed: boolean; 4 | isDark: boolean; 5 | togglePush: () => void; 6 | href: string; 7 | } 8 | declare const _default: React.NamedExoticComponent; 9 | export default _default; 10 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/MenuButton.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | declare const MenuButton: import("styled-components").StyledComponent<{ 3 | = "button">(props: import("../../..").ButtonProps): JSX.Element; 4 | defaultProps: { 5 | isLoading: boolean; 6 | external: boolean; 7 | variant: "primary"; 8 | scale: "md"; 9 | disabled: boolean; 10 | }; 11 | }, import("styled-components").DefaultTheme, {}, never>; 12 | export default MenuButton; 13 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/MenuEntry.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { DefaultTheme } from "styled-components"; 3 | import { Colors } from "../../../theme/types"; 4 | export interface Props { 5 | secondary?: boolean; 6 | isActive?: boolean; 7 | theme: DefaultTheme; 8 | } 9 | declare const MenuEntry: import("styled-components").StyledComponent<"div", DefaultTheme, Props, never>; 10 | declare const LinkStatus: import("styled-components").StyledComponent<"div", DefaultTheme, import("../../../components/Text").TextProps & { 11 | color: keyof Colors; 12 | }, never>; 13 | declare const LinkLabelMemo: React.MemoExoticComponent>; 16 | export { MenuEntry, LinkStatus, LinkLabelMemo as LinkLabel }; 17 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/MenuLink.d.ts: -------------------------------------------------------------------------------- 1 | import React, { AnchorHTMLAttributes } from "react"; 2 | declare const MenuLink: React.FC>; 3 | export default MenuLink; 4 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/Panel.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { PanelProps, PushedProps } from "../types"; 3 | interface Props extends PanelProps, PushedProps { 4 | showMenu: boolean; 5 | isMobile: boolean; 6 | } 7 | declare const Panel: React.FC; 8 | export default Panel; 9 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/PanelBody.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { PanelProps, PushedProps } from "../types"; 3 | interface Props extends PanelProps, PushedProps { 4 | isMobile: boolean; 5 | } 6 | declare const PanelBody: React.FC; 7 | export default PanelBody; 8 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/PanelFooter.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { PanelProps, PushedProps } from "../types"; 3 | interface Props extends PanelProps, PushedProps { 4 | } 5 | declare const PanelFooter: React.FC; 6 | export default PanelFooter; 7 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/SocialLinks.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | declare const _default: React.NamedExoticComponent<{}>; 3 | export default _default; 4 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/ThemeSwitcher.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | interface Props { 3 | isDark: boolean; 4 | toggleTheme: (isDark: boolean) => void; 5 | } 6 | declare const _default: React.NamedExoticComponent; 7 | export default _default; 8 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/UserMenu/MenuIcon.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Variant } from "./types"; 3 | export declare const NoProfileMenuIcon: React.FC; 4 | export declare const PendingMenuIcon: React.FC; 5 | export declare const WarningMenuIcon: React.FC; 6 | export declare const DangerMenuIcon: React.FC; 7 | declare const MenuIcon: React.FC<{ 8 | avatarSrc?: string; 9 | variant: Variant; 10 | }>; 11 | export default MenuIcon; 12 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/UserMenu/index.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { UserMenuProps } from "./types"; 3 | declare const UserMenu: React.FC; 4 | export default UserMenu; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/UserMenu/styles.d.ts: -------------------------------------------------------------------------------- 1 | import { UserMenuItemProps } from "./types"; 2 | export declare const UserMenuDivider: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, {}, never>; 3 | export declare const UserMenuItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, UserMenuItemProps, never>; 4 | -------------------------------------------------------------------------------- /dist/widgets/Menu/components/UserMenu/types.d.ts: -------------------------------------------------------------------------------- 1 | import { FlexProps } from "styled-system"; 2 | export declare const variants: { 3 | readonly DEFAULT: "default"; 4 | readonly WARNING: "warning"; 5 | readonly DANGER: "danger"; 6 | readonly PENDING: "pending"; 7 | }; 8 | export declare type Variant = typeof variants[keyof typeof variants]; 9 | export interface UserMenuProps extends FlexProps { 10 | account?: string; 11 | text?: string; 12 | avatarSrc?: string; 13 | variant?: Variant; 14 | } 15 | export interface UserMenuItemProps { 16 | disabled?: boolean; 17 | } 18 | -------------------------------------------------------------------------------- /dist/widgets/Menu/config.d.ts: -------------------------------------------------------------------------------- 1 | import { LinkStatus } from "./types"; 2 | export declare const status: { 3 | LIVE: LinkStatus; 4 | SOON: LinkStatus; 5 | NEW: LinkStatus; 6 | }; 7 | export declare const links: ({ 8 | label: string; 9 | icon: string; 10 | href: string; 11 | items?: undefined; 12 | status?: undefined; 13 | calloutClass?: undefined; 14 | } | { 15 | label: string; 16 | icon: string; 17 | items: { 18 | label: string; 19 | href: string; 20 | }[]; 21 | href?: undefined; 22 | status?: undefined; 23 | calloutClass?: undefined; 24 | } | { 25 | label: string; 26 | icon: string; 27 | href: string; 28 | status: LinkStatus; 29 | items?: undefined; 30 | calloutClass?: undefined; 31 | } | { 32 | label: string; 33 | icon: string; 34 | status: LinkStatus; 35 | items: ({ 36 | label: string; 37 | href: string; 38 | status: LinkStatus; 39 | } | { 40 | label: string; 41 | href: string; 42 | status?: undefined; 43 | })[]; 44 | calloutClass: string; 45 | href?: undefined; 46 | })[]; 47 | export declare const socials: { 48 | label: string; 49 | icon: string; 50 | href: string; 51 | }[]; 52 | export declare const MENU_HEIGHT = 64; 53 | export declare const MENU_ENTRY_HEIGHT = 48; 54 | export declare const SIDEBAR_WIDTH_FULL = 240; 55 | export declare const SIDEBAR_WIDTH_REDUCED = 56; 56 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Farm.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Groups.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Hamburger.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/HamburgerClose.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Home.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Ifo.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Info.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Logo.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | interface LogoProps extends SvgProps { 4 | isDark: boolean; 5 | } 6 | declare const _default: React.NamedExoticComponent; 7 | export default _default; 8 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Moon.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/More.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Nft.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Pool.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Predictions.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Sun.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/TeamBattle.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Telegram.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Ticket.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Trade.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/Twitter.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { SvgProps } from "../../../components/Svg/types"; 3 | declare const Icon: React.FC; 4 | export default Icon; 5 | -------------------------------------------------------------------------------- /dist/widgets/Menu/icons/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as FarmIcon } from "./Farm"; 2 | export { default as GroupsIcon } from "./Groups"; 3 | export { default as HamburgerIcon } from "./Hamburger"; 4 | export { default as HamburgerCloseIcon } from "./HamburgerClose"; 5 | export { default as HomeIcon } from "./Home"; 6 | export { default as IfoIcon } from "./Ifo"; 7 | export { default as InfoIcon } from "./Info"; 8 | export { default as LogoIcon } from "./Logo"; 9 | export { default as MoonIcon } from "./Moon"; 10 | export { default as MoreIcon } from "./More"; 11 | export { default as NftIcon } from "./Nft"; 12 | export { default as PoolIcon } from "./Pool"; 13 | export { default as PredictionsIcon } from "./Predictions"; 14 | export { default as SunIcon } from "./Sun"; 15 | export { default as TeamBattleIcon } from "./TeamBattle"; 16 | export { default as TelegramIcon } from "./Telegram"; 17 | export { default as TicketIcon } from "./Ticket"; 18 | export { default as TradeIcon } from "./Trade"; 19 | export { default as TwitterIcon } from "./Twitter"; 20 | -------------------------------------------------------------------------------- /dist/widgets/Menu/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Menu } from "./Menu"; 2 | export { status as menuStatus, links as menuConfig } from "./config"; 3 | export type { NavProps, Language, MenuEntry } from "./types"; 4 | export { default as UserMenu } from "./components/UserMenu"; 5 | export * from "./components/UserMenu/styles"; 6 | export type { UserMenuProps, variants as userMenuVariants, Variant as UserMenuVariant, } from "./components/UserMenu/types"; 7 | -------------------------------------------------------------------------------- /dist/widgets/Menu/theme.d.ts: -------------------------------------------------------------------------------- 1 | import { NavTheme } from "./types"; 2 | export declare const light: NavTheme; 3 | export declare const dark: NavTheme; 4 | -------------------------------------------------------------------------------- /dist/widgets/Menu/types.d.ts: -------------------------------------------------------------------------------- 1 | import { ReactElement } from "react"; 2 | import { Colors } from "../../theme/types"; 3 | export interface Language { 4 | code: string; 5 | language: string; 6 | locale: string; 7 | } 8 | export interface PushedProps { 9 | isPushed: boolean; 10 | pushNav: (isPushed: boolean) => void; 11 | } 12 | export interface NavTheme { 13 | background: string; 14 | } 15 | export interface LinkStatus { 16 | text: string; 17 | color: keyof Colors; 18 | } 19 | export interface MenuSubEntry { 20 | label: string; 21 | href: string; 22 | calloutClass?: string; 23 | status?: LinkStatus; 24 | } 25 | export interface MenuEntry { 26 | label: string; 27 | icon: string; 28 | items?: MenuSubEntry[]; 29 | href?: string; 30 | calloutClass?: string; 31 | initialOpenState?: boolean; 32 | status?: LinkStatus; 33 | } 34 | export interface PanelProps { 35 | isDark: boolean; 36 | toggleTheme: (isDark: boolean) => void; 37 | cakePriceUsd?: number; 38 | currentLang: string; 39 | langs: Language[]; 40 | setLang: (lang: Language) => void; 41 | links: Array; 42 | } 43 | export interface NavProps extends PanelProps { 44 | userMenu?: ReactElement; 45 | globalMenu?: ReactElement; 46 | } 47 | -------------------------------------------------------------------------------- /dist/widgets/Modal/Modal.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { ModalProps } from "./types"; 3 | declare const Modal: React.FC; 4 | export default Modal; 5 | -------------------------------------------------------------------------------- /dist/widgets/Modal/ModalContext.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Handler } from "./types"; 3 | interface ModalsContext { 4 | isOpen: boolean; 5 | nodeId: string; 6 | modalNode: React.ReactNode; 7 | setModalNode: React.Dispatch>; 8 | onPresent: (node: React.ReactNode, newNodeId: string) => void; 9 | onDismiss: Handler; 10 | setCloseOnOverlayClick: React.Dispatch>; 11 | } 12 | export declare const Context: React.Context; 13 | declare const ModalProvider: React.FC; 14 | export default ModalProvider; 15 | -------------------------------------------------------------------------------- /dist/widgets/Modal/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as Modal } from "./Modal"; 2 | export { default as ModalProvider } from "./ModalContext"; 3 | export { default as useModal } from "./useModal"; 4 | export * from "./styles"; 5 | export type { ModalProps, InjectedProps as InjectedModalProps } from "./types"; 6 | -------------------------------------------------------------------------------- /dist/widgets/Modal/styles.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { ModalProps } from "./types"; 3 | export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, { 4 | background?: string | undefined; 5 | }, never>; 6 | export declare const ModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../components/Box").BoxProps & import("../../components/Box").FlexProps, never>; 7 | export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../components/Box").BoxProps & import("../../components/Box").FlexProps, never>; 8 | export declare const ModalCloseButton: React.FC<{ 9 | onDismiss: ModalProps["onDismiss"]; 10 | }>; 11 | export declare const ModalBackButton: React.FC<{ 12 | onBack: ModalProps["onBack"]; 13 | }>; 14 | export declare const ModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../components/Box").BoxProps & { 15 | minWidth: string; 16 | }, never>; 17 | -------------------------------------------------------------------------------- /dist/widgets/Modal/theme.d.ts: -------------------------------------------------------------------------------- 1 | import { ModalTheme } from "./types"; 2 | export declare const light: ModalTheme; 3 | export declare const dark: ModalTheme; 4 | -------------------------------------------------------------------------------- /dist/widgets/Modal/types.d.ts: -------------------------------------------------------------------------------- 1 | import { BoxProps } from "../../components/Box"; 2 | export interface ModalTheme { 3 | background: string; 4 | } 5 | export declare type Handler = () => void; 6 | export interface InjectedProps { 7 | onDismiss?: Handler; 8 | } 9 | export interface ModalProps extends InjectedProps, BoxProps { 10 | title: string; 11 | hideCloseButton?: boolean; 12 | onBack?: () => void; 13 | bodyPadding?: string; 14 | headerBackground?: string; 15 | minWidth?: string; 16 | } 17 | -------------------------------------------------------------------------------- /dist/widgets/Modal/useModal.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Handler } from "./types"; 3 | declare const useModal: (modal: React.ReactNode, closeOnOverlayClick?: boolean, updateOnPropsChange?: boolean, modalId?: string) => [Handler, Handler]; 4 | export default useModal; 5 | -------------------------------------------------------------------------------- /dist/widgets/WalletModal/AccountModal.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | interface Props { 3 | account: string; 4 | logout: () => void; 5 | onDismiss?: () => void; 6 | t: (key: string) => string; 7 | } 8 | declare const AccountModal: React.FC; 9 | export default AccountModal; 10 | -------------------------------------------------------------------------------- /dist/widgets/WalletModal/ConnectModal.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Login } from "./types"; 3 | interface Props { 4 | login: Login; 5 | onDismiss?: () => void; 6 | displayCount?: number; 7 | t: (key: string) => string; 8 | } 9 | declare const ConnectModal: React.FC; 10 | export default ConnectModal; 11 | -------------------------------------------------------------------------------- /dist/widgets/WalletModal/CopyToClipboard.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | interface Props { 3 | toCopy: string; 4 | } 5 | declare const CopyToClipboard: React.FC; 6 | export default CopyToClipboard; 7 | -------------------------------------------------------------------------------- /dist/widgets/WalletModal/WalletCard.d.ts: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { ButtonProps } from "../../components/Button"; 3 | import { Login, Config } from "./types"; 4 | interface Props { 5 | walletConfig: Config; 6 | login: Login; 7 | onDismiss: () => void; 8 | } 9 | interface MoreWalletCardProps extends ButtonProps { 10 | t: (key: string) => string; 11 | } 12 | export declare const MoreWalletCard: React.FC; 13 | declare const WalletCard: React.FC; 14 | export default WalletCard; 15 | -------------------------------------------------------------------------------- /dist/widgets/WalletModal/config.d.ts: -------------------------------------------------------------------------------- 1 | import { Config } from "./types"; 2 | declare const connectors: Config[]; 3 | export default connectors; 4 | export declare const connectorLocalStorageKey = "connectorIdv2"; 5 | export declare const walletLocalStorageKey = "wallet"; 6 | -------------------------------------------------------------------------------- /dist/widgets/WalletModal/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default as useWalletModal } from "./useWalletModal"; 2 | export { connectorLocalStorageKey } from "./config"; 3 | export { ConnectorNames } from "./types"; 4 | export type { Login } from "./types"; 5 | -------------------------------------------------------------------------------- /dist/widgets/WalletModal/types.d.ts: -------------------------------------------------------------------------------- 1 | import { FC } from "react"; 2 | import { SvgProps } from "../../components/Svg/types"; 3 | export declare enum ConnectorNames { 4 | Injected = "injected", 5 | WalletConnect = "walletconnect", 6 | BSC = "bsc" 7 | } 8 | export declare type Login = (connectorId: ConnectorNames) => void; 9 | export interface Config { 10 | title: string; 11 | icon: FC; 12 | connectorId: ConnectorNames; 13 | priority: number; 14 | } 15 | -------------------------------------------------------------------------------- /dist/widgets/WalletModal/useWalletModal.d.ts: -------------------------------------------------------------------------------- 1 | import { Login } from "./types"; 2 | interface ReturnType { 3 | onPresentConnectModal: () => void; 4 | onPresentAccountModal: () => void; 5 | } 6 | declare const useWalletModal: (login: Login, logout: () => void, t: (key: string) => string, account?: string | undefined) => ReturnType; 7 | export default useWalletModal; 8 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@pancakeswap/uikit", 3 | "version": "0.50.1", 4 | "description": "Set of UI components for pancake projects", 5 | "main": "dist/index.cjs.js", 6 | "module": "dist/index.esm.js", 7 | "types": "dist/index.d.ts", 8 | "files": [ 9 | "dist" 10 | ], 11 | "repository": "https://github.com/pancakeswap/pancake-toolkit/tree/master/packages/pancake-uikit", 12 | "license": "MIT", 13 | "scripts": { 14 | "start": "yarn storybook", 15 | "build": "rm -rf ./dist && rollup -c && tsc -d --emitDeclarationOnly --declarationDir dist", 16 | "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'", 17 | "format:check": "prettier --check --loglevel error 'src/**/*.{js,jsx,ts,tsx}'", 18 | "format:write": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'", 19 | "storybook": "start-storybook -p 6006", 20 | "storybook:build": "build-storybook", 21 | "test": "jest", 22 | "prepublishOnly": "yarn build" 23 | }, 24 | "jest": { 25 | "setupFilesAfterEnv": [ 26 | "/src/setupTests.js" 27 | ] 28 | }, 29 | "devDependencies": { 30 | "@testing-library/jest-dom": "^5.11.6", 31 | "@testing-library/react": "^11.2.5", 32 | "@types/react-dom": "^17.0.5", 33 | "jest-styled-components": "^7.0.3", 34 | "react": "^17.0.1", 35 | "react-dom": "^17.0.1", 36 | "react-router-dom": "^5.2.0", 37 | "styled-components": "^5.2.0" 38 | }, 39 | "peerDependencies": { 40 | "react": "^17.0.2", 41 | "react-dom": "^17.0.2", 42 | "react-router-dom": "^5.2.0", 43 | "styled-components": "^5.2.3" 44 | }, 45 | "dependencies": { 46 | "@popperjs/core": "^2.9.2", 47 | "@types/lodash": "^4.14.168", 48 | "@types/styled-system": "^5.1.10", 49 | "lodash": "^4.17.20", 50 | "react-popper": "^2.2.5", 51 | "styled-system": "^5.1.5" 52 | }, 53 | "publishConfig": { 54 | "access": "public" 55 | }, 56 | "gitHead": "aba04f3b0ad7e18e5738a2ee269e5c02c2f35075" 57 | } 58 | --------------------------------------------------------------------------------