antd-style
Version:
css-in-js solution for application combine with antd v5 token system and emotion
29 lines (28 loc) • 2.47 kB
TypeScript
/// <reference types="react" />
import { createInstance } from './createInstance';
export { extractStaticStyle } from './extractStaticStyle';
export { setupStyled } from './setupStyled';
export { createInstance };
export { createStaticStylesFactory } from "../factories/createStaticStyles";
export declare const createStyles: <Props, Input extends import("..").BaseReturnType = import("..").BaseReturnType>(styleOrGetStyle: import("..").StyleOrGetStyleFn<Input, Props>, options?: import("..").ClassNameGeneratorOption | undefined) => (props?: Props | undefined) => import("..").ReturnStyles<Input>, createGlobalStyle: (...styles: import("..").CSSStyle<import("../factories/createGlobalStyle").GlobalTheme>) => import("react").NamedExoticComponent<object>, createStylish: <Props, Styles extends import("..").BaseReturnType>(cssStyleOrGetCssStyleFn: import("..").StyleOrGetStyleFn<Styles, Props>) => (props?: Props | undefined) => import("..").ReturnStyleToUse<Styles>, createStaticStyles: <T extends import("..").BaseReturnType>(stylesFn: import("../factories/createStaticStyles").StaticStylesInput<T>) => T, css: import("../core").SerializeCSS, cx: import("..").ClassNamesUtil, keyframes: {
(template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
(...args: import("@emotion/serialize").CSSInterpolation[]): string;
},
/**
* @deprecated
*/
injectGlobal: {
(template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): void;
(...args: import("@emotion/serialize").CSSInterpolation[]): void;
}, styleManager: import("../core").Emotion, ThemeProvider: <T = any, S = any>(props: import("..").ThemeProviderProps<T, S>) => import("react").ReactNode, StyleProvider: import("react").FC<import("../factories/createStyleProvider").StyleProviderProps>, useTheme: () => import("..").Theme, 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)";
};