@mexi/uikit 0.0.1

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/testHelpers.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from "react";
+import { RenderResult } from "@testing-library/react";
+export declare const renderWithTheme: (component: ReactNode, theme?: import("styled-components").DefaultTheme) => RenderResult;
+export declare const setupMockIntersectionObserver: () => void;

package/dist/theme/base.d.ts

@@ -0,0 +1,39 @@
+import { MediaQueries, Breakpoints, Spacing } from "./types";
+export declare const breakpointMap: {
+    [key: string]: number;
+};
+export declare const shadows: {
+    level1: string;
+    active: string;
+    success: string;
+    warning: string;
+    focus: string;
+    inset: string;
+    tooltip: string;
+};
+declare const _default: {
+    siteWidth: number;
+    breakpoints: Breakpoints;
+    mediaQueries: MediaQueries;
+    spacing: Spacing;
+    shadows: {
+        level1: string;
+        active: string;
+        success: string;
+        warning: string;
+        focus: string;
+        inset: string;
+        tooltip: string;
+    };
+    radii: {
+        small: string;
+        default: string;
+        card: string;
+        circle: string;
+    };
+    zIndices: {
+        dropdown: number;
+        modal: number;
+    };
+};
+export default _default;

package/dist/theme/colors.d.ts

@@ -0,0 +1,19 @@
+import { Colors } from "./types";
+export declare const baseColors: {
+    failure: string;
+    primary: string;
+    primaryBright: string;
+    primaryDark: string;
+    secondary: string;
+    success: string;
+    warning: string;
+};
+export declare const additionalColors: {
+    binance: string;
+    overlay: string;
+    gold: string;
+    silver: string;
+    bronze: string;
+};
+export declare const lightColors: Colors;
+export declare const darkColors: Colors;

package/dist/theme/dark.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTheme } from "styled-components";
+declare const darkTheme: DefaultTheme;
+export default darkTheme;

package/dist/theme/index.d.ts

@@ -0,0 +1,32 @@
+import { AlertTheme } from "../components/Alert/types";
+import { CardTheme } from "../components/Card/types";
+import { PancakeToggleTheme } from "../components/PancakeToggle/types";
+import { RadioTheme } from "../components/Radio/types";
+import { ToggleTheme } from "../components/Toggle/theme";
+import { TooltipTheme } from "../components/Tooltip/types";
+import { NavThemeType } from "../widgets/Menu/theme";
+import { ModalTheme } from "../widgets/Modal/types";
+import { Breakpoints, Colors, MediaQueries, Radii, Shadows, Spacing, ZIndices } from "./types";
+export interface PancakeTheme {
+    siteWidth: number;
+    isDark: boolean;
+    alert: AlertTheme;
+    colors: Colors;
+    card: CardTheme;
+    nav: NavThemeType;
+    modal: ModalTheme;
+    pancakeToggle: PancakeToggleTheme;
+    radio: RadioTheme;
+    toggle: ToggleTheme;
+    tooltip: TooltipTheme;
+    breakpoints: Breakpoints;
+    mediaQueries: MediaQueries;
+    spacing: Spacing;
+    shadows: Shadows;
+    radii: Radii;
+    zIndices: ZIndices;
+}
+export { darkColors, lightColors } from "./colors";
+export { default as dark } from "./dark";
+export { default as light } from "./light";
+export * from "./types";

package/dist/theme/light.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTheme } from "styled-components";
+declare const lightTheme: DefaultTheme;
+export default lightTheme;

package/dist/theme/types.d.ts

@@ -0,0 +1,70 @@
+export declare type Breakpoints = string[];
+export declare type MediaQueries = {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    nav: string;
+};
+export declare type Spacing = number[];
+export declare type Radii = {
+    small: string;
+    default: string;
+    card: string;
+    circle: string;
+};
+export declare type Shadows = {
+    level1: string;
+    active: string;
+    success: string;
+    warning: string;
+    focus: string;
+    inset: string;
+    tooltip: string;
+};
+export declare type Gradients = {
+    bubblegum: string;
+    inverseBubblegum: string;
+    cardHeader: string;
+    blue: string;
+    violet: string;
+    violetAlt: string;
+    gold: string;
+};
+export declare type Colors = {
+    primary: string;
+    primaryBright: string;
+    primaryDark: string;
+    secondary: string;
+    tertiary: string;
+    success: string;
+    failure: string;
+    warning: string;
+    cardBorder: string;
+    contrast: string;
+    dropdown: string;
+    dropdownDeep: string;
+    invertedContrast: string;
+    input: string;
+    inputSecondary: string;
+    background: string;
+    backgroundDisabled: string;
+    backgroundAlt: string;
+    backgroundAlt2: string;
+    text: string;
+    textDisabled: string;
+    textSubtle: string;
+    disabled: string;
+    gradients: Gradients;
+    binance: string;
+    overlay: string;
+    gold: string;
+    silver: string;
+    bronze: string;
+};
+export declare type ZIndices = {
+    dropdown: number;
+    modal: number;
+};

package/dist/util/getExternalLinkProps.d.ts

@@ -0,0 +1,5 @@
+declare const getExternalLinkProps: () => {
+    target: string;
+    rel: string;
+};
+export default getExternalLinkProps;

package/dist/util/getThemeValue.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTheme } from "styled-components";
+declare const getThemeValue: (path: string, fallback?: string | number | undefined) => (theme: DefaultTheme) => string;
+export default getThemeValue;

package/dist/util/isTouchDevice.d.ts

@@ -0,0 +1,2 @@
+declare const isTouchDevice: () => boolean;
+export default isTouchDevice;

package/dist/widgets/Menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { NavProps } from "./types";
+declare const Menu: React.FC<NavProps>;
+export default Menu;

package/dist/widgets/Menu/components/Logo.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    isDark: boolean;
+    href: string;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/widgets/Menu/components/UserMenu/MenuIcon.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Variant } from "./types";
+export declare const NoProfileMenuIcon: React.FC;
+export declare const PendingMenuIcon: React.FC;
+export declare const WarningMenuIcon: React.FC;
+export declare const DangerMenuIcon: React.FC;
+declare const MenuIcon: React.FC<{
+    avatarSrc?: string;
+    variant: Variant;
+}>;
+export default MenuIcon;

package/dist/widgets/Menu/components/UserMenu/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { UserMenuProps } from "./types";
+export declare const StyledUserMenu: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../..").BoxProps & import("../../../..").FlexProps, never>;
+export declare const LabelText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const UserMenu: React.FC<UserMenuProps>;
+export default UserMenu;

package/dist/widgets/Menu/components/UserMenu/styles.d.ts

@@ -0,0 +1,3 @@
+import { UserMenuItemProps } from "./types";
+export declare const UserMenuDivider: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, {}, never>;
+export declare const UserMenuItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, UserMenuItemProps, never>;

package/dist/widgets/Menu/components/UserMenu/types.d.ts

@@ -0,0 +1,17 @@
+import { FlexProps } from "styled-system";
+export declare const variants: {
+    readonly DEFAULT: "default";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly PENDING: "pending";
+};
+export declare type Variant = typeof variants[keyof typeof variants];
+export interface UserMenuProps extends FlexProps {
+    account?: string;
+    text?: string;
+    avatarSrc?: string;
+    variant?: Variant;
+}
+export interface UserMenuItemProps {
+    disabled?: boolean;
+}

package/dist/widgets/Menu/config.d.ts

@@ -0,0 +1,15 @@
+import { DropdownMenuItems } from "../../components/DropdownMenu/types";
+import { MenuItemsType } from "../../components/MenuItems/types";
+import { LinkStatus } from "./types";
+export declare const status: {
+    LIVE: LinkStatus;
+    SOON: LinkStatus;
+    NEW: LinkStatus;
+};
+export declare const links: MenuItemsType[];
+export declare const userMenulinks: DropdownMenuItems[];
+export declare const MENU_HEIGHT = 56;
+export declare const MENU_ENTRY_HEIGHT = 48;
+export declare const MOBILE_MENU_HEIGHT = 44;
+export declare const SIDEBAR_WIDTH_FULL = 240;
+export declare const SIDEBAR_WIDTH_REDUCED = 56;

package/dist/widgets/Menu/images/logo.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const Logo: React.FC<{
+    width?: string;
+    height?: string;
+}>;
+export default Logo;

package/dist/widgets/Menu/index.d.ts

@@ -0,0 +1,9 @@
+export { default as Menu } from "./Menu";
+export type { MenuItemsType } from "../../components/MenuItems/types";
+export { DropdownMenuItemType } from "../../components/DropdownMenu/types";
+export type { FooterLinkType } from "../../components/Footer/types";
+export { status as menuStatus, links as menuConfig } from "./config";
+export type { NavProps, Language } from "./types";
+export { default as UserMenu } from "./components/UserMenu";
+export * from "./components/UserMenu/styles";
+export type { UserMenuProps, variants as userMenuVariants, Variant as UserMenuVariant, } from "./components/UserMenu/types";

package/dist/widgets/Menu/theme.d.ts

@@ -0,0 +1,5 @@
+export interface NavThemeType {
+    background: string;
+}
+export declare const light: NavThemeType;
+export declare const dark: NavThemeType;

package/dist/widgets/Menu/types.d.ts

@@ -0,0 +1,30 @@
+import { ReactElement } from "react";
+import { FooterLinkType } from "../../components/Footer/types";
+import { MenuItemsType } from "../../components/MenuItems/types";
+import { SubMenuItemsType } from "../../components/SubMenuItems/types";
+import { Colors } from "../../theme/types";
+export interface Language {
+    code: string;
+    language: string;
+    locale: string;
+}
+export interface LinkStatus {
+    text: string;
+    color: keyof Colors;
+}
+export interface NavProps {
+    userMenu?: ReactElement;
+    globalMenu?: ReactElement;
+    links: Array<MenuItemsType>;
+    subLinks: Array<SubMenuItemsType>;
+    footerLinks: Array<FooterLinkType>;
+    activeItem: string;
+    activeSubItem: string;
+    isDark: boolean;
+    toggleTheme: (isDark: boolean) => void;
+    cakePriceUsd?: number;
+    currentLang: string;
+    buyCakeLabel: string;
+    langs: Language[];
+    setLang: (lang: Language) => void;
+}

package/dist/widgets/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ModalProps } from "./types";
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/widgets/Modal/ModalContext.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Handler } from "./types";
+interface ModalsContext {
+    isOpen: boolean;
+    nodeId: string;
+    modalNode: React.ReactNode;
+    setModalNode: React.Dispatch<React.SetStateAction<React.ReactNode>>;
+    onPresent: (node: React.ReactNode, newNodeId: string) => void;
+    onDismiss: Handler;
+    setCloseOnOverlayClick: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const Context: React.Context<ModalsContext>;
+declare const ModalProvider: React.FC;
+export default ModalProvider;

package/dist/widgets/Modal/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Modal } from "./Modal";
+export { default as ModalProvider } from "./ModalContext";
+export { default as useModal } from "./useModal";
+export * from "./styles";
+export type { ModalProps, InjectedProps as InjectedModalProps } from "./types";

package/dist/widgets/Modal/styles.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ModalProps } from "./types";
+export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    background?: string | undefined;
+}, never>;
+export declare const ModalTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../components/Box").BoxProps & import("../../components/Box").FlexProps, never>;
+export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../components/Box").BoxProps & import("../../components/Box").FlexProps, never>;
+export declare const ModalCloseButton: React.FC<{
+    onDismiss: ModalProps["onDismiss"];
+}>;
+export declare const ModalBackButton: React.FC<{
+    onBack: ModalProps["onBack"];
+}>;
+export declare const ModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../components/Box").BoxProps & {
+    minWidth: string;
+}, never>;

package/dist/widgets/Modal/theme.d.ts

@@ -0,0 +1,3 @@
+import { ModalTheme } from "./types";
+export declare const light: ModalTheme;
+export declare const dark: ModalTheme;

package/dist/widgets/Modal/types.d.ts

@@ -0,0 +1,16 @@
+import { BoxProps } from "../../components/Box";
+export interface ModalTheme {
+    background: string;
+}
+export declare type Handler = () => void;
+export interface InjectedProps {
+    onDismiss?: Handler;
+}
+export interface ModalProps extends InjectedProps, BoxProps {
+    title: string;
+    hideCloseButton?: boolean;
+    onBack?: () => void;
+    bodyPadding?: string;
+    headerBackground?: string;
+    minWidth?: string;
+}

package/dist/widgets/Modal/useModal.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { Handler } from "./types";
+declare const useModal: (modal: React.ReactNode, closeOnOverlayClick?: boolean, updateOnPropsChange?: boolean, modalId?: string) => [Handler, Handler];
+export default useModal;

package/dist/widgets/WalletModal/AccountModal.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface Props {
+    account: string;
+    logout: () => void;
+    onDismiss?: () => void;
+    t: (key: string) => string;
+}
+declare const AccountModal: React.FC<Props>;
+export default AccountModal;

package/dist/widgets/WalletModal/ConnectModal.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Login } from "./types";
+interface Props {
+    login: Login;
+    onDismiss?: () => void;
+    displayCount?: number;
+    t: (key: string) => string;
+}
+declare const ConnectModal: React.FC<Props>;
+export default ConnectModal;

package/dist/widgets/WalletModal/CopyToClipboard.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    toCopy: string;
+}
+declare const CopyToClipboard: React.FC<Props>;
+export default CopyToClipboard;

package/dist/widgets/WalletModal/WalletCard.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ButtonProps } from "../../components/Button";
+import { Login, Config } from "./types";
+interface Props {
+    walletConfig: Config;
+    login: Login;
+    onDismiss: () => void;
+}
+interface MoreWalletCardProps extends ButtonProps {
+    t: (key: string) => string;
+}
+export declare const MoreWalletCard: React.FC<MoreWalletCardProps>;
+declare const WalletCard: React.FC<Props>;
+export default WalletCard;

package/dist/widgets/WalletModal/config.d.ts

@@ -0,0 +1,5 @@
+import { Config } from "./types";
+declare const connectors: Config[];
+export default connectors;
+export declare const connectorLocalStorageKey = "connectorIdv2";
+export declare const walletLocalStorageKey = "wallet";

package/dist/widgets/WalletModal/index.d.ts

@@ -0,0 +1,4 @@
+export { default as useWalletModal } from "./useWalletModal";
+export { connectorLocalStorageKey } from "./config";
+export { ConnectorNames } from "./types";
+export type { Login } from "./types";

package/dist/widgets/WalletModal/types.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import { SvgProps } from "../../components/Svg/types";
+export declare enum ConnectorNames {
+    Injected = "injected",
+    WalletConnect = "walletconnect",
+    BSC = "bsc"
+}
+export declare type Login = (connectorId: ConnectorNames) => void;
+export interface Config {
+    title: string;
+    icon: FC<SvgProps>;
+    connectorId: ConnectorNames;
+    priority: number;
+}

package/dist/widgets/WalletModal/useWalletModal.d.ts

@@ -0,0 +1,7 @@
+import { Login } from "./types";
+interface ReturnType {
+    onPresentConnectModal: () => void;
+    onPresentAccountModal: () => void;
+}
+declare const useWalletModal: (login: Login, logout: () => void, t: (key: string) => string, account?: string | undefined) => ReturnType;
+export default useWalletModal;

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@mexi/uikit",
+  "version": "0.0.1",
+  "description": "Set of UI components for pancake projects",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "repository": "https://github.com/pancakeswap/pancake-toolkit/tree/master/packages/pancake-uikit",
+  "license": "MIT",
+  "scripts": {
+    "start": "yarn storybook",
+    "build": "rm -rf ./dist && rollup -c && tsc -d --emitDeclarationOnly --declarationDir dist",
+    "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
+    "format:check": "prettier --check --loglevel error 'src/**/*.{js,jsx,ts,tsx}'",
+    "format:write": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
+    "storybook": "start-storybook -p 6006",
+    "storybook:build": "build-storybook",
+    "test": "jest",
+    "prepublishOnly": "yarn build"
+  },
+  "jest": {
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.js"
+    ]
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.11.6",
+    "@testing-library/react": "^11.2.5",
+    "@types/react-dom": "^17.0.5",
+    "jest-styled-components": "^7.0.3",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-router-dom": "^5.2.0",
+    "styled-components": "^5.2.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-router-dom": "^5.2.0",
+    "styled-components": "^5.2.3"
+  },
+  "dependencies": {
+    "@popperjs/core": "^2.9.2",
+    "@types/lodash": "^4.14.168",
+    "@types/styled-system": "^5.1.10",
+    "lodash": "^4.17.20",
+    "react-popper": "^2.2.5",
+    "styled-system": "^5.1.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}