antd-style/lib/functions/createInstance.d.ts

css-in-js solution for application combine with antd v5 token system and emotion

import { FC } from 'react';
import { CacheManager } from "../core";
import { ThemeProviderProps } from "../factories/createThemeProvider";
import { HashPriority, StyledConfig } from "../types";
declare global {
    var __ANTD_STYLE_CACHE_MANAGER_FOR_SSR__: CacheManager;
}
export interface CreateOptions<T> {
    /**
     * 生成的 css 关键词
     * @default ant-css
     */
    key?: string;
    /**
     * 默认的组件 prefixCls
     */
    prefixCls?: string;
    iconPrefixCls?: string;
    /**
     * 是否开启急速模式
     *
     * @default false
     */
    speedy?: boolean;
    container?: Node;
    /**
     * 默认的自定义 Token
     */
    customToken?: T;
    hashPriority?: HashPriority;
    ThemeProvider?: Omit<ThemeProviderProps<T>, 'children'>;
    styled?: StyledConfig;
}
/**
 * Creates a new instance of antd-style
 * 创建一个新的 antd-style 实例
 */
export declare const createInstance: <T = any>(options: CreateOptions<T>) => {
    createStyles: <Props, Input extends import("../types").BaseReturnType = import("../types").BaseReturnType>(styleOrGetStyle: import("..").StyleOrGetStyleFn<Input, Props>, options?: import("../types").ClassNameGeneratorOption | undefined) => (props?: Props | undefined) => import("..").ReturnStyles<Input>;
    createGlobalStyle: (...styles: import("../types").CSSStyle<import("../factories/createGlobalStyle").GlobalTheme>) => import("react").NamedExoticComponent<object>;
    createStylish: <Props_1, Styles extends import("../types").BaseReturnType>(cssStyleOrGetCssStyleFn: import("..").StyleOrGetStyleFn<Styles, Props_1>) => (props?: Props_1 | undefined) => import("../types").ReturnStyleToUse<Styles>;
    createStaticStyles: <T_1 extends import("../types").BaseReturnType>(stylesFn: import("../factories/createStaticStyles").StaticStylesInput<T_1>) => T_1;
    css: import("../core").SerializeCSS;
    cx: import("../types").ClassNamesUtil;
    keyframes: {
        (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
        (...args: import("@emotion/serialize").CSSInterpolation[]): string;
    };
    injectGlobal: {
        (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): void;
        (...args: import("@emotion/serialize").CSSInterpolation[]): void;
    };
    cssVar: Record<keyof import("antd/es/theme/internal").AliasToken, string>;
    responsive: {
        readonly mobile: "@media (max-width: 479.98px)";
        readonly tablet: "@media (max-width: 767.98px)";
        readonly laptop: "@media (max-width: 991.98px)";
        readonly desktop: "@media (min-width: 1200px)";
        readonly xs: "@media (max-width: 479.98px)";
        readonly sm: "@media (max-width: 575.98px)";
        readonly md: "@media (max-width: 767.98px)";
        readonly lg: "@media (max-width: 991.98px)";
        readonly xl: "@media (max-width: 1199.98px)";
        readonly xxl: "@media (min-width: 1200px)";
    };
    styleManager: import("../core").Emotion;
    useTheme: () => import("../types").Theme;
    StyleProvider: FC<import("../factories/createStyleProvider").StyleProviderProps>;
    ThemeProvider: <T_2 = any, S = any>(props: ThemeProviderProps<T_2, S>) => import("react").ReactNode;
};