@hope-ui/solid

import { StyleProps } from "./system"; import { ResponsiveValue, StitchesThemeConfig, SystemStyleObject } from "./types"; /** * Return a valid Stitches CSS object based on the given style props. * `baseStyles` objects should be declared in the order of desired style override. */ export declare function toCssObject(props: StyleProps, baseStyles?: Array<SystemStyleObject | undefined>): SystemStyleObject; /** * Create new stitches dark or light theme. * @return a merged theme object containing the base stitches theme and the override values. * * @internal */ export declare function extendBaseTheme<T extends StitchesThemeConfig>(type: "light" | "dark", themeConfig: T): string & { className: string; selector: string; } & { colors: { loContrast: import("@stitches/core/types/theme").Token<"loContrast", string, "colors", "hope">; background: import("@stitches/core/types/theme").Token<"background", string, "colors", "hope">; focusRing: import("@stitches/core/types/theme").Token<"focusRing", string, "colors", "hope">; closeButtonHoverBackground: import("@stitches/core/types/theme").Token<"closeButtonHoverBackground", string, "colors", "hope">; closeButtonActiveBackground: import("@stitches/core/types/theme").Token<"closeButtonActiveBackground", string, "colors", "hope">; progressStripe: import("@stitches/core/types/theme").Token<"progressStripe", string, "colors", "hope">; danger1: import("@stitches/core/types/theme").Token<"danger1", string, "colors", "hope">; danger2: import("@stitches/core/types/theme").Token<"danger2", string, "colors", "hope">; danger3: import("@stitches/core/types/theme").Token<"danger3", string, "colors", "hope">; danger4: import("@stitches/core/types/theme").Token<"danger4", string, "colors", "hope">; danger5: import("@stitches/core/types/theme").Token<"danger5", string, "colors", "hope">; danger6: import("@stitches/core/types/theme").Token<"danger6", string, "colors", "hope">; danger7: import("@stitches/core/types/theme").Token<"danger7", string, "colors", "hope">; danger8: import("@stitches/core/types/theme").Token<"danger8", string, "colors", "hope">; danger9: import("@stitches/core/types/theme").Token<"danger9", string, "colors", "hope">; danger10: import("@stitches/core/types/theme").Token<"danger10", string, "colors", "hope">; danger11: import("@stitches/core/types/theme").Token<"danger11", string, "colors", "hope">; danger12: import("@stitches/core/types/theme").Token<"danger12", string, "colors", "hope">; warning1: import("@stitches/core/types/theme").Token<"warning1", string, "colors", "hope">; warning2: import("@stitches/core/types/theme").Token<"warning2", string, "colors", "hope">; warning3: import("@stitches/core/types/theme").Token<"warning3", string, "colors", "hope">; warning4: import("@stitches/core/types/theme").Token<"warning4", string, "colors", "hope">; warning5: import("@stitches/core/types/theme").Token<"warning5", string, "colors", "hope">; warning6: import("@stitches/core/types/theme").Token<"warning6", string, "colors", "hope">; warning7: import("@stitches/core/types/theme").Token<"warning7", string, "colors", "hope">; warning8: import("@stitches/core/types/theme").Token<"warning8", string, "colors", "hope">; warning9: import("@stitches/core/types/theme").Token<"warning9", string, "colors", "hope">; warning10: import("@stitches/core/types/theme").Token<"warning10", string, "colors", "hope">; warning11: import("@stitches/core/types/theme").Token<"warning11", string, "colors", "hope">; warning12: import("@stitches/core/types/theme").Token<"warning12", string, "colors", "hope">; info1: import("@stitches/core/types/theme").Token<"info1", string, "colors", "hope">; info2: import("@stitches/core/types/theme").Token<"info2", string, "colors", "hope">; info3: import("@stitches/core/types/theme").Token<"info3", string, "colors", "hope">; info4: import("@stitches/core/types/theme").Token<"info4", string, "colors", "hope">; info5: import("@stitches/core/types/theme").Token<"info5", string, "colors", "hope">; info6: import("@stitches/core/types/theme").Token<"info6", string, "colors", "hope">; info7: import("@stitches/core/types/theme").Token<"info7", string, "colors", "hope">; info8: import("@stitches/core/types/theme").Token<"info8", string, "colors", "hope">; info9: import("@stitches/core/types/theme").Token<"info9", string, "colors", "hope">; info10: import("@stitches/core/types/theme").Token<"info10", string, "colors", "hope">; info11: import("@stitches/core/types/theme").Token<"info11", string, "colors", "hope">; info12: import("@stitches/core/types/theme").Token<"info12", string, "colors", "hope">; success1: import("@stitches/core/types/theme").Token<"success1", string, "colors", "hope">; success2: import("@stitches/core/types/theme").Token<"success2", string, "colors", "hope">; success3: import("@stitches/core/types/theme").Token<"success3", string, "colors", "hope">; success4: import("@stitches/core/types/theme").Token<"success4", string, "colors", "hope">; success5: import("@stitches/core/types/theme").Token<"success5", string, "colors", "hope">; success6: import("@stitches/core/types/theme").Token<"success6", string, "colors", "hope">; success7: import("@stitches/core/types/theme").Token<"success7", string, "colors", "hope">; success8: import("@stitches/core/types/theme").Token<"success8", string, "colors", "hope">; success9: import("@stitches/core/types/theme").Token<"success9", string, "colors", "hope">; success10: import("@stitches/core/types/theme").Token<"success10", string, "colors", "hope">; success11: import("@stitches/core/types/theme").Token<"success11", string, "colors", "hope">; success12: import("@stitches/core/types/theme").Token<"success12", string, "colors", "hope">; neutral1: import("@stitches/core/types/theme").Token<"neutral1", string, "colors", "hope">; neutral2: import("@stitches/core/types/theme").Token<"neutral2", string, "colors", "hope">; neutral3: import("@stitches/core/types/theme").Token<"neutral3", string, "colors", "hope">; neutral4: import("@stitches/core/types/theme").Token<"neutral4", string, "colors", "hope">; neutral5: import("@stitches/core/types/theme").Token<"neutral5", string, "colors", "hope">; neutral6: import("@stitches/core/types/theme").Token<"neutral6", string, "colors", "hope">; neutral7: import("@stitches/core/types/theme").Token<"neutral7", string, "colors", "hope">; neutral8: import("@stitches/core/types/theme").Token<"neutral8", string, "colors", "hope">; neutral9: import("@stitches/core/types/theme").Token<"neutral9", string, "colors", "hope">; neutral10: import("@stitches/core/types/theme").Token<"neutral10", string, "colors", "hope">; neutral11: import("@stitches/core/types/theme").Token<"neutral11", string, "colors", "hope">; neutral12: import("@stitches/core/types/theme").Token<"neutral12", string, "colors", "hope">; accent1: import("@stitches/core/types/theme").Token<"accent1", string, "colors", "hope">; accent2: import("@stitches/core/types/theme").Token<"accent2", string, "colors", "hope">; accent3: import("@stitches/core/types/theme").Token<"accent3", string, "colors", "hope">; accent4: import("@stitches/core/types/theme").Token<"accent4", string, "colors", "hope">; accent5: import("@stitches/core/types/theme").Token<"accent5", string, "colors", "hope">; accent6: import("@stitches/core/types/theme").Token<"accent6", string, "colors", "hope">; accent7: import("@stitches/core/types/theme").Token<"accent7", string, "colors", "hope">; accent8: import("@stitches/core/types/theme").Token<"accent8", string, "colors", "hope">; accent9: import("@stitches/core/types/theme").Token<"accent9", string, "colors", "hope">; accent10: import("@stitches/core/types/theme").Token<"accent10", string, "colors", "hope">; accent11: import("@stitches/core/types/theme").Token<"accent11", string, "colors", "hope">; accent12: import("@stitches/core/types/theme").Token<"accent12", string, "colors", "hope">; primary1: import("@stitches/core/types/theme").Token<"primary1", string, "colors", "hope">; primary2: import("@stitches/core/types/theme").Token<"primary2", string, "colors", "hope">; primary3: import("@stitches/core/types/theme").Token<"primary3", string, "colors", "hope">; primary4: import("@stitches/core/types/theme").Token<"primary4", string, "colors", "hope">; primary5: import("@stitches/core/types/theme").Token<"primary5", string, "colors", "hope">; primary6: import("@stitches/core/types/theme").Token<"primary6", string, "colors", "hope">; primary7: import("@stitches/core/types/theme").Token<"primary7", string, "colors", "hope">; primary8: import("@stitches/core/types/theme").Token<"primary8", string, "colors", "hope">; primary9: import("@stitches/core/types/theme").Token<"primary9", string, "colors", "hope">; primary10: import("@stitches/core/types/theme").Token<"primary10", string, "colors", "hope">; primary11: import("@stitches/core/types/theme").Token<"primary11", string, "colors", "hope">; primary12: import("@stitches/core/types/theme").Token<"primary12", string, "colors", "hope">; whiteAlpha1: import("@stitches/core/types/theme").Token<"whiteAlpha1", string, "colors", "hope">; whiteAlpha2: import("@stitches/core/types/theme").Token<"whiteAlpha2", string, "colors", "hope">; whiteAlpha3: import("@stitches/core/types/theme").Token<"whiteAlpha3", string, "colors", "hope">; whiteAlpha4: import("@stitches/core/types/theme").Token<"whiteAlpha4", string, "colors", "hope">; whiteAlpha5: import("@stitches/core/types/theme").Token<"whiteAlpha5", string, "colors", "hope">; whiteAlpha6: import("@stitches/core/types/theme").Token<"whiteAlpha6", string, "colors", "hope">; whiteAlpha7: import("@stitches/core/types/theme").Token<"whiteAlpha7", string, "colors", "hope">; whiteAlpha8: import("@stitches/core/types/theme").Token<"whiteAlpha8", string, "colors", "hope">; whiteAlpha9: import("@stitches/core/types/theme").Token<"whiteAlpha9", string, "colors", "hope">; whiteAlpha10: import("@stitches/core/types/theme").Token<"whiteAlpha10", string, "colors", "hope">; whiteAlpha11: import("@stitches/core/types/theme").Token<"whiteAlpha11", string, "colors", "hope">; whiteAlpha12: import("@stitches/core/types/theme").Token<"whiteAlpha12", string, "colors", "hope">; blackAlpha1: import("@stitches/core/types/theme").Token<"blackAlpha1", string, "colors", "hope">; blackAlpha2: import("@stitches/core/types/theme").Token<"blackAlpha2", string, "colors", "hope">; blackAlpha3: import("@stitches/core/types/theme").Token<"blackAlpha3", string, "colors", "hope">; blackAlpha4: import("@stitches/core/types/theme").Token<"blackAlpha4", string, "colors", "hope">; blackAlpha5: import("@stitches/core/types/theme").Token<"blackAlpha5", string, "colors", "hope">; blackAlpha6: import("@stitches/core/types/theme").Token<"blackAlpha6", string, "colors", "hope">; blackAlpha7: import("@stitches/core/types/theme").Token<"blackAlpha7", string, "colors", "hope">; blackAlpha8: import("@stitches/core/types/theme").Token<"blackAlpha8", string, "colors", "hope">; blackAlpha9: import("@stitches/core/types/theme").Token<"blackAlpha9", string, "colors", "hope">; blackAlpha10: import("@stitches/core/types/theme").Token<"blackAlpha10", string, "colors", "hope">; blackAlpha11: import("@stitches/core/types/theme").Token<"blackAlpha11", string, "colors", "hope">; blackAlpha12: import("@stitches/core/types/theme").Token<"blackAlpha12", string, "colors", "hope">; }; space: { px: import("@stitches/core/types/theme").Token<"px", string, "space", "hope">; "0_5": import("@stitches/core/types/theme").Token<"0_5", string, "space", "hope">; 1: import("@stitches/core/types/theme").Token<"1", string, "space", "hope">; "1_5": import("@stitches/core/types/theme").Token<"1_5", string, "space", "hope">; 2: import("@stitches/core/types/theme").Token<"2", string, "space", "hope">; "2_5": import("@stitches/core/types/theme").Token<"2_5", string, "space", "hope">; 3: import("@stitches/core/types/theme").Token<"3", string, "space", "hope">; "3_5": import("@stitches/core/types/theme").Token<"3_5", string, "space", "hope">; 4: import("@stitches/core/types/theme").Token<"4", string, "space", "hope">; 5: import("@stitches/core/types/theme").Token<"5", string, "space", "hope">; 6: import("@stitches/core/types/theme").Token<"6", string, "space", "hope">; 7: import("@stitches/core/types/theme").Token<"7", string, "space", "hope">; 8: import("@stitches/core/types/theme").Token<"8", string, "space", "hope">; 9: import("@stitches/core/types/theme").Token<"9", string, "space", "hope">; 10: import("@stitches/core/types/theme").Token<"10", string, "space", "hope">; 12: import("@stitches/core/types/theme").Token<"12", string, "space", "hope">; 14: import("@stitches/core/types/theme").Token<"14", string, "space", "hope">; 16: import("@stitches/core/types/theme").Token<"16", string, "space", "hope">; 20: import("@stitches/core/types/theme").Token<"20", string, "space", "hope">; 24: import("@stitches/core/types/theme").Token<"24", string, "space", "hope">; 28: import("@stitches/core/types/theme").Token<"28", string, "space", "hope">; 32: import("@stitches/core/types/theme").Token<"32", string, "space", "hope">; 36: import("@stitches/core/types/theme").Token<"36", string, "space", "hope">; 40: import("@stitches/core/types/theme").Token<"40", string, "space", "hope">; 44: import("@stitches/core/types/theme").Token<"44", string, "space", "hope">; 48: import("@stitches/core/types/theme").Token<"48", string, "space", "hope">; 52: import("@stitches/core/types/theme").Token<"52", string, "space", "hope">; 56: import("@stitches/core/types/theme").Token<"56", string, "space", "hope">; 60: import("@stitches/core/types/theme").Token<"60", string, "space", "hope">; 64: import("@stitches/core/types/theme").Token<"64", string, "space", "hope">; 72: import("@stitches/core/types/theme").Token<"72", string, "space", "hope">; 80: import("@stitches/core/types/theme").Token<"80", string, "space", "hope">; 96: import("@stitches/core/types/theme").Token<"96", string, "space", "hope">; }; sizes: { prose: import("@stitches/core/types/theme").Token<"prose", string, "sizes", "hope">; max: import("@stitches/core/types/theme").Token<"max", string, "sizes", "hope">; min: import("@stitches/core/types/theme").Token<"min", string, "sizes", "hope">; full: import("@stitches/core/types/theme").Token<"full", string, "sizes", "hope">; screenW: import("@stitches/core/types/theme").Token<"screenW", string, "sizes", "hope">; screenH: import("@stitches/core/types/theme").Token<"screenH", string, "sizes", "hope">; xs: import("@stitches/core/types/theme").Token<"xs", string, "sizes", "hope">; sm: import("@stitches/core/types/theme").Token<"sm", string, "sizes", "hope">; md: import("@stitches/core/types/theme").Token<"md", string, "sizes", "hope">; lg: import("@stitches/core/types/theme").Token<"lg", string, "sizes", "hope">; xl: import("@stitches/core/types/theme").Token<"xl", string, "sizes", "hope">; "2xl": import("@stitches/core/types/theme").Token<"2xl", string, "sizes", "hope">; "3xl": import("@stitches/core/types/theme").Token<"3xl", string, "sizes", "hope">; "4xl": import("@stitches/core/types/theme").Token<"4xl", string, "sizes", "hope">; "5xl": import("@stitches/core/types/theme").Token<"5xl", string, "sizes", "hope">; "6xl": import("@stitches/core/types/theme").Token<"6xl", string, "sizes", "hope">; "7xl": import("@stitches/core/types/theme").Token<"7xl", string, "sizes", "hope">; "8xl": import("@stitches/core/types/theme").Token<"8xl", string, "sizes", "hope">; containerSm: import("@stitches/core/types/theme").Token<"containerSm", string, "sizes", "hope">; containerMd: import("@stitches/core/types/theme").Token<"containerMd", string, "sizes", "hope">; containerLg: import("@stitches/core/types/theme").Token<"containerLg", string, "sizes", "hope">; containerXl: import("@stitches/core/types/theme").Token<"containerXl", string, "sizes", "hope">; container2xl: import("@stitches/core/types/theme").Token<"container2xl", string, "sizes", "hope">; px: import("@stitches/core/types/theme").Token<"px", string, "sizes", "hope">; "0_5": import("@stitches/core/types/theme").Token<"0_5", string, "sizes", "hope">; 1: import("@stitches/core/types/theme").Token<"1", string, "sizes", "hope">; "1_5": import("@stitches/core/types/theme").Token<"1_5", string, "sizes", "hope">; 2: import("@stitches/core/types/theme").Token<"2", string, "sizes", "hope">; "2_5": import("@stitches/core/types/theme").Token<"2_5", string, "sizes", "hope">; 3: import("@stitches/core/types/theme").Token<"3", string, "sizes", "hope">; "3_5": import("@stitches/core/types/theme").Token<"3_5", string, "sizes", "hope">; 4: import("@stitches/core/types/theme").Token<"4", string, "sizes", "hope">; 5: import("@stitches/core/types/theme").Token<"5", string, "sizes", "hope">; 6: import("@stitches/core/types/theme").Token<"6", string, "sizes", "hope">; 7: import("@stitches/core/types/theme").Token<"7", string, "sizes", "hope">; 8: import("@stitches/core/types/theme").Token<"8", string, "sizes", "hope">; 9: import("@stitches/core/types/theme").Token<"9", string, "sizes", "hope">; 10: import("@stitches/core/types/theme").Token<"10", string, "sizes", "hope">; 12: import("@stitches/core/types/theme").Token<"12", string, "sizes", "hope">; 14: import("@stitches/core/types/theme").Token<"14", string, "sizes", "hope">; 16: import("@stitches/core/types/theme").Token<"16", string, "sizes", "hope">; 20: import("@stitches/core/types/theme").Token<"20", string, "sizes", "hope">; 24: import("@stitches/core/types/theme").Token<"24", string, "sizes", "hope">; 28: import("@stitches/core/types/theme").Token<"28", string, "sizes", "hope">; 32: import("@stitches/core/types/theme").Token<"32", string, "sizes", "hope">; 36: import("@stitches/core/types/theme").Token<"36", string, "sizes", "hope">; 40: import("@stitches/core/types/theme").Token<"40", string, "sizes", "hope">; 44: import("@stitches/core/types/theme").Token<"44", string, "sizes", "hope">; 48: import("@stitches/core/types/theme").Token<"48", string, "sizes", "hope">; 52: import("@stitches/core/types/theme").Token<"52", string, "sizes", "hope">; 56: import("@stitches/core/types/theme").Token<"56", string, "sizes", "hope">; 60: import("@stitches/core/types/theme").Token<"60", string, "sizes", "hope">; 64: import("@stitches/core/types/theme").Token<"64", string, "sizes", "hope">; 72: import("@stitches/core/types/theme").Token<"72", string, "sizes", "hope">; 80: import("@stitches/core/types/theme").Token<"80", string, "sizes", "hope">; 96: import("@stitches/core/types/theme").Token<"96", string, "sizes", "hope">; }; fonts: { sans: import("@stitches/core/types/theme").Token<"sans", string, "fonts", "hope">; serif: import("@stitches/core/types/theme").Token<"serif", string, "fonts", "hope">; mono: import("@stitches/core/types/theme").Token<"mono", string, "fonts", "hope">; }; fontSizes: { "2xs": import("@stitches/core/types/theme").Token<"2xs", string, "fontSizes", "hope">; xs: import("@stitches/core/types/theme").Token<"xs", string, "fontSizes", "hope">; sm: import("@stitches/core/types/theme").Token<"sm", string, "fontSizes", "hope">; base: import("@stitches/core/types/theme").Token<"base", string, "fontSizes", "hope">; lg: import("@stitches/core/types/theme").Token<"lg", string, "fontSizes", "hope">; xl: import("@stitches/core/types/theme").Token<"xl", string, "fontSizes", "hope">; "2xl": import("@stitches/core/types/theme").Token<"2xl", string, "fontSizes", "hope">; "3xl": import("@stitches/core/types/theme").Token<"3xl", string, "fontSizes", "hope">; "4xl": import("@stitches/core/types/theme").Token<"4xl", string, "fontSizes", "hope">; "5xl": import("@stitches/core/types/theme").Token<"5xl", string, "fontSizes", "hope">; "6xl": import("@stitches/core/types/theme").Token<"6xl", string, "fontSizes", "hope">; "7xl": import("@stitches/core/types/theme").Token<"7xl", string, "fontSizes", "hope">; "8xl": import("@stitches/core/types/theme").Token<"8xl", string, "fontSizes", "hope">; "9xl": import("@stitches/core/types/theme").Token<"9xl", string, "fontSizes", "hope">; }; fontWeights: { hairline: import("@stitches/core/types/theme").Token<"hairline", string, "fontWeights", "hope">; thin: import("@stitches/core/types/theme").Token<"thin", string, "fontWeights", "hope">; light: import("@stitches/core/types/theme").Token<"light", string, "fontWeights", "hope">; normal: import("@stitches/core/types/theme").Token<"normal", string, "fontWeights", "hope">; medium: import("@stitches/core/types/theme").Token<"medium", string, "fontWeights", "hope">; semibold: import("@stitches/core/types/theme").Token<"semibold", string, "fontWeights", "hope">; bold: import("@stitches/core/types/theme").Token<"bold", string, "fontWeights", "hope">; extrabold: import("@stitches/core/types/theme").Token<"extrabold", string, "fontWeights", "hope">; black: import("@stitches/core/types/theme").Token<"black", string, "fontWeights", "hope">; }; letterSpacings: { tighter: import("@stitches/core/types/theme").Token<"tighter", string, "letterSpacings", "hope">; tight: import("@stitches/core/types/theme").Token<"tight", string, "letterSpacings", "hope">; normal: import("@stitches/core/types/theme").Token<"normal", string, "letterSpacings", "hope">; wide: import("@stitches/core/types/theme").Token<"wide", string, "letterSpacings", "hope">; wider: import("@stitches/core/types/theme").Token<"wider", string, "letterSpacings", "hope">; widest: import("@stitches/core/types/theme").Token<"widest", string, "letterSpacings", "hope">; }; lineHeights: { normal: import("@stitches/core/types/theme").Token<"normal", string, "lineHeights", "hope">; none: import("@stitches/core/types/theme").Token<"none", string, "lineHeights", "hope">; shorter: import("@stitches/core/types/theme").Token<"shorter", string, "lineHeights", "hope">; short: import("@stitches/core/types/theme").Token<"short", string, "lineHeights", "hope">; base: import("@stitches/core/types/theme").Token<"base", string, "lineHeights", "hope">; tall: import("@stitches/core/types/theme").Token<"tall", string, "lineHeights", "hope">; taller: import("@stitches/core/types/theme").Token<"taller", string, "lineHeights", "hope">; 3: import("@stitches/core/types/theme").Token<"3", string, "lineHeights", "hope">; 4: import("@stitches/core/types/theme").Token<"4", string, "lineHeights", "hope">; 5: import("@stitches/core/types/theme").Token<"5", string, "lineHeights", "hope">; 6: import("@stitches/core/types/theme").Token<"6", string, "lineHeights", "hope">; 7: import("@stitches/core/types/theme").Token<"7", string, "lineHeights", "hope">; 8: import("@stitches/core/types/theme").Token<"8", string, "lineHeights", "hope">; 9: import("@stitches/core/types/theme").Token<"9", string, "lineHeights", "hope">; 10: import("@stitches/core/types/theme").Token<"10", string, "lineHeights", "hope">; }; radii: { none: import("@stitches/core/types/theme").Token<"none", string, "radii", "hope">; xs: import("@stitches/core/types/theme").Token<"xs", string, "radii", "hope">; sm: import("@stitches/core/types/theme").Token<"sm", string, "radii", "hope">; md: import("@stitches/core/types/theme").Token<"md", string, "radii", "hope">; lg: import("@stitches/core/types/theme").Token<"lg", string, "radii", "hope">; xl: import("@stitches/core/types/theme").Token<"xl", string, "radii", "hope">; "2xl": import("@stitches/core/types/theme").Token<"2xl", string, "radii", "hope">; "3xl": import("@stitches/core/types/theme").Token<"3xl", string, "radii", "hope">; full: import("@stitches/core/types/theme").Token<"full", string, "radii", "hope">; }; shadows: { none: import("@stitches/core/types/theme").Token<"none", string, "shadows", "hope">; xs: import("@stitches/core/types/theme").Token<"xs", string, "shadows", "hope">; sm: import("@stitches/core/types/theme").Token<"sm", string, "shadows", "hope">; md: import("@stitches/core/types/theme").Token<"md", string, "shadows", "hope">; lg: import("@stitches/core/types/theme").Token<"lg", string, "shadows", "hope">; xl: import("@stitches/core/types/theme").Token<"xl", string, "shadows", "hope">; "2xl": import("@stitches/core/types/theme").Token<"2xl", string, "shadows", "hope">; inner: import("@stitches/core/types/theme").Token<"inner", string, "shadows", "hope">; outline: import("@stitches/core/types/theme").Token<"outline", string, "shadows", "hope">; }; zIndices: { hide: import("@stitches/core/types/theme").Token<"hide", string, "zIndices", "hope">; auto: import("@stitches/core/types/theme").Token<"auto", string, "zIndices", "hope">; base: import("@stitches/core/types/theme").Token<"base", string, "zIndices", "hope">; docked: import("@stitches/core/types/theme").Token<"docked", string, "zIndices", "hope">; sticky: import("@stitches/core/types/theme").Token<"sticky", string, "zIndices", "hope">; banner: import("@stitches/core/types/theme").Token<"banner", string, "zIndices", "hope">; overlay: import("@stitches/core/types/theme").Token<"overlay", string, "zIndices", "hope">; modal: import("@stitches/core/types/theme").Token<"modal", string, "zIndices", "hope">; dropdown: import("@stitches/core/types/theme").Token<"dropdown", string, "zIndices", "hope">; popover: import("@stitches/core/types/theme").Token<"popover", string, "zIndices", "hope">; tooltip: import("@stitches/core/types/theme").Token<"tooltip", string, "zIndices", "hope">; skipLink: import("@stitches/core/types/theme").Token<"skipLink", string, "zIndices", "hope">; notification: import("@stitches/core/types/theme").Token<"notification", string, "zIndices", "hope">; }; } & { className: string; selector: string; } & import("@stitches/core/types/stitches").ThemeTokens<T, "hope">; /** * Map a responsive value to a new one */ export declare function mapResponsive(prop: ResponsiveValue<any>, mapper: (val: any) => any): any; /** * Return the css variable associated with the given token if exists, or the token itself otherwise. * * @example * "$primary9" -> "var(--hope-colors-primary9)" * "tomato" -> "tomato" */ export declare function colorTokenToCssVar(token: string): string; /** * Visually hide an element without hiding it from screen readers. */ export declare const visuallyHiddenStyles: import("@stitches/core/types/styled-component").CssComponent<never, {}, { sm: string; md: string; lg: string; xl: string; "2xl": string; "reduce-motion": string; light: string; dark: string; }, import("@stitches/core/types/css-util").CSS<{ sm: string; md: string; lg: string; xl: string; "2xl": string; "reduce-motion": string; light: string; dark: string; }, { colors: { loContrast: string; background: string; focusRing: string; closeButtonHoverBackground: string; closeButtonActiveBackground: string; progressStripe: string; danger1: string; danger2: string; danger3: string; danger4: string; danger5: string; danger6: string; danger7: string; danger8: string; danger9: string; danger10: string; danger11: string; danger12: string; warning1: string; warning2: string; warning3: string; warning4: string; warning5: string; warning6: string; warning7: string; warning8: string; warning9: string; warning10: string; warning11: string; warning12: string; info1: string; info2: string; info3: string; info4: string; info5: string; info6: string; info7: string; info8: string; info9: string; info10: string; info11: string; info12: string; success1: string; success2: string; success3: string; success4: string; success5: string; success6: string; success7: string; success8: string; success9: string; success10: string; success11: string; success12: string; neutral1: string; neutral2: string; neutral3: string; neutral4: string; neutral5: string; neutral6: string; neutral7: string; neutral8: string; neutral9: string; neutral10: string; neutral11: string; neutral12: string; accent1: string; accent2: string; accent3: string; accent4: string; accent5: string; accent6: string; accent7: string; accent8: string; accent9: string; accent10: string; accent11: string; accent12: string; primary1: string; primary2: string; primary3: string; primary4: string; primary5: string; primary6: string; primary7: string; primary8: string; primary9: string; primary10: string; primary11: string; primary12: string; whiteAlpha1: string; whiteAlpha2: string; whiteAlpha3: string; whiteAlpha4: string; whiteAlpha5: string; whiteAlpha6: string; whiteAlpha7: string; whiteAlpha8: string; whiteAlpha9: string; whiteAlpha10: string; whiteAlpha11: string; whiteAlpha12: string; blackAlpha1: string; blackAlpha2: string; blackAlpha3: string; blackAlpha4: string; blackAlpha5: string; blackAlpha6: string; blackAlpha7: string; blackAlpha8: string; blackAlpha9: string; blackAlpha10: string; blackAlpha11: string; blackAlpha12: string; }; space: { px: string; "0_5": string; "1": string; "1_5": string; "2": string; "2_5": string; "3": string; "3_5": string; "4": string; "5": string; "6": string; "7": string; "8": string; "9": string; "10": string; "12": string; "14": string; "16": string; "20": string; "24": string; "28": string; "32": string; "36": string; "40": string; "44": string; "48": string; "52": string; "56": string; "60": string; "64": string; "72": string; "80": string; "96": string; }; sizes: { prose: string; max: string; min: string; full: string; screenW: string; screenH: string; xs: string; sm: string; md: string; lg: string; xl: string; "2xl": string; "3xl": string; "4xl": string; "5xl": string; "6xl": string; "7xl": string; "8xl": string; containerSm: string; containerMd: string; containerLg: string; containerXl: string; container2xl: string; px: string; "0_5": string; "1": string; "1_5": string; "2": string; "2_5": string; "3": string; "3_5": string; "4": string; "5": string; "6": string; "7": string; "8": string; "9": string; "10": string; "12": string; "14": string; "16": string; "20": string; "24": string; "28": string; "32": string; "36": string; "40": string; "44": string; "48": string; "52": string; "56": string; "60": string; "64": string; "72": string; "80": string; "96": string; }; fonts: { sans: string; serif: string; mono: string; }; fontSizes: { "2xs": string; xs: string; sm: string; base: string; lg: string; xl: string; "2xl": string; "3xl": string; "4xl": string; "5xl": string; "6xl": string; "7xl": string; "8xl": string; "9xl": string; }; fontWeights: { hairline: number; thin: number; light: number; normal: number; medium: number; semibold: number; bold: number; extrabold: number; black: number; }; letterSpacings: { tighter: string; tight: string; normal: string; wide: string; wider: string; widest: string; }; lineHeights: { normal: string; none: number; shorter: number; short: number; base: number; tall: number; taller: number; "3": string; "4": string; "5": string; "6": string; "7": string; "8": string; "9": string; "10": string; }; radii: { none: string; xs: string; sm: string; md: string; lg: string; xl: string; "2xl": string; "3xl": string; full: string; }; shadows: { none: string; xs: string; sm: string; md: string; lg: string; xl: string; "2xl": string; inner: string; outline: string; }; zIndices: { hide: number; auto: string; base: number; docked: number; sticky: number; banner: number; overlay: number; modal: number; dropdown: number; popover: number; tooltip: number; skipLink: number; notification: number; }; }, { borderWidth: "sizes"; borderTopWidth: "sizes"; borderRightWidth: "sizes"; borderBottomWidth: "sizes"; borderLeftWidth: "sizes"; strokeWidth: "sizes"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { noOfLines: (value: string | number) => { overflow: string; display: string; "-webkit-box-orient": string; "-webkit-line-clamp": string | number; }; w: (value: { readonly [$$PropertyValue]: "width"; }) => { width: { readonly [$$PropertyValue]: "width"; }; }; minW: (value: { readonly [$$PropertyValue]: "minWidth"; }) => { minWidth: { readonly [$$PropertyValue]: "minWidth"; }; }; maxW: (value: { readonly [$$PropertyValue]: "maxWidth"; }) => { maxWidth: { readonly [$$PropertyValue]: "maxWidth"; }; }; h: (value: { readonly [$$PropertyValue]: "height"; }) => { height: { readonly [$$PropertyValue]: "height"; }; }; minH: (value: { readonly [$$PropertyValue]: "minHeight"; }) => { minHeight: { readonly [$$PropertyValue]: "minHeight"; }; }; maxH: (value: { readonly [$$PropertyValue]: "maxHeight"; }) => { maxHeight: { readonly [$$PropertyValue]: "maxHeight"; }; }; boxSize: (value: { readonly [$$PropertyValue]: "width"; }) => { width: { readonly [$$PropertyValue]: "width"; }; height: { readonly [$$PropertyValue]: "width"; }; }; shadow: (value: { readonly [$$PropertyValue]: "boxShadow"; }) => { boxShadow: { readonly [$$PropertyValue]: "boxShadow"; }; }; p: (value: { readonly [$$PropertyValue]: "padding"; }) => { padding: { readonly [$$PropertyValue]: "padding"; }; }; pt: (value: { readonly [$$PropertyValue]: "paddingTop"; }) => { paddingTop: { readonly [$$PropertyValue]: "paddingTop"; }; }; pr: (value: { readonly [$$PropertyValue]: "paddingRight"; }) => { paddingRight: { readonly [$$PropertyValue]: "paddingRight"; }; }; paddingStart: (value: { readonly [$$PropertyValue]: "paddingInlineStart"; }) => { paddingInlineStart: { readonly [$$PropertyValue]: "paddingInlineStart"; }; }; ps: (value: { readonly [$$PropertyValue]: "paddingInlineStart"; }) => { paddingInlineStart: { readonly [$$PropertyValue]: "paddingInlineStart"; }; }; pb: (value: { readonly [$$PropertyValue]: "paddingBottom"; }) => { paddingBottom: { readonly [$$PropertyValue]: "paddingBottom"; }; }; pl: (value: { readonly [$$PropertyValue]: "paddingLeft"; }) => { paddingLeft: { readonly [$$PropertyValue]: "paddingLeft"; }; }; pe: (value: { readonly [$$PropertyValue]: "paddingInlineEnd"; }) => { paddingInlineEnd: { readonly [$$PropertyValue]: "paddingInlineEnd"; }; }; paddingEnd: (value: { readonly [$$PropertyValue]: "paddingInlineEnd"; }) => { paddingInlineEnd: { readonly [$$PropertyValue]: "paddingInlineEnd"; }; }; px: (value: { readonly [$$PropertyValue]: "paddingInlineStart"; }) => { paddingInlineStart: { readonly [$$PropertyValue]: "paddingInlineStart"; }; paddingInlineEnd: { readonly [$$PropertyValue]: "paddingInlineStart"; }; }; py: (value: { readonly [$$PropertyValue]: "paddingTop"; }) => { paddingTop: { readonly [$$PropertyValue]: "paddingTop"; }; paddingBottom: { readonly [$$PropertyValue]: "paddingTop"; }; }; m: (value: { readonly [$$PropertyValue]: "margin"; }) => { margin: { readonly [$$PropertyValue]: "margin"; }; }; mt: (value: { readonly [$$PropertyValue]: "marginTop"; }) => { marginTop: { readonly [$$PropertyValue]: "marginTop"; }; }; mr: (value: { readonly [$$PropertyValue]: "marginRight"; }) => { marginRight: { readonly [$$PropertyValue]: "marginRight"; }; }; marginStart: (value: { readonly [$$PropertyValue]: "marginInlineStart"; }) => { marginInlineStart: { readonly [$$PropertyValue]: "marginInlineStart"; }; }; ms: (value: { readonly [$$PropertyValue]: "marginInlineStart"; }) => { marginInlineStart: { readonly [$$PropertyValue]: "marginInlineStart"; }; }; mb: (value: { readonly [$$PropertyValue]: "marginBottom"; }) => { marginBottom: { readonly [$$PropertyValue]: "marginBottom"; }; }; ml: (value: { readonly [$$PropertyValue]: "marginLeft"; }) => { marginLeft: { readonly [$$PropertyValue]: "marginLeft"; }; }; marginEnd: (value: { readonly [$$PropertyValue]: "marginInlineEnd"; }) => { marginInlineEnd: { readonly [$$PropertyValue]: "marginInlineEnd"; }; }; me: (value: { readonly [$$PropertyValue]: "marginInlineEnd"; }) => { marginInlineEnd: { readonly [$$PropertyValue]: "marginInlineEnd"; }; }; mx: (value: { readonly [$$PropertyValue]: "marginInlineStart"; }) => { marginInlineStart: { readonly [$$PropertyValue]: "marginInlineStart"; }; marginInlineEnd: { readonly [$$PropertyValue]: "marginInlineStart"; }; }; my: (value: { readonly [$$PropertyValue]: "marginTop"; }) => { marginTop: { readonly [$$PropertyValue]: "marginTop"; }; marginBottom: { readonly [$$PropertyValue]: "marginTop"; }; }; spaceX: (value: { readonly [$$PropertyValue]: "marginLeft"; }) => { "& > * + *": { marginLeft: { readonly [$$PropertyValue]: "marginLeft"; }; }; }; spaceY: (value: { readonly [$$PropertyValue]: "marginTop"; }) => { "& > * + *": { marginTop: { readonly [$$PropertyValue]: "marginTop"; }; }; }; borderTopRadius: (value: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }) => { borderTopLeftRadius: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }; borderTopRightRadius: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }; }; borderRightRadius: (value: { readonly [$$PropertyValue]: "borderTopRightRadius"; }) => { borderTopRightRadius: { readonly [$$PropertyValue]: "borderTopRightRadius"; }; borderBottomRightRadius: { readonly [$$PropertyValue]: "borderTopRightRadius"; }; }; borderStartRadius: (value: { readonly [$$PropertyValue]: "borderStartStartRadius"; }) => { borderStartStartRadius: { readonly [$$PropertyValue]: "borderStartStartRadius"; }; borderEndStartRadius: { readonly [$$PropertyValue]: "borderStartStartRadius"; }; }; borderBottomRadius: (value: { readonly [$$PropertyValue]: "borderBottomLeftRadius"; }) => { borderBottomLeftRadius: { readonly [$$PropertyValue]: "borderBottomLeftRadius"; }; borderBottomRightRadius: { readonly [$$PropertyValue]: "borderBottomLeftRadius"; }; }; borderLeftRadius: (value: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }) => { borderTopLeftRadius: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }; borderBottomLeftRadius: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }; }; borderEndRadius: (value: { readonly [$$PropertyValue]: "borderStartEndRadius"; }) => { borderStartEndRadius: { readonly [$$PropertyValue]: "borderStartEndRadius"; }; borderEndEndRadius: { readonly [$$PropertyValue]: "borderStartEndRadius"; }; }; rounded: (value: { readonly [$$PropertyValue]: "borderRadius"; }) => { borderRadius: { readonly [$$PropertyValue]: "borderRadius"; }; }; roundedTop: (value: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }) => { borderTopLeftRadius: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }; borderTopRightRadius: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }; }; roundedRight: (value: { readonly [$$PropertyValue]: "borderTopRightRadius"; }) => { borderTopRightRadius: { readonly [$$PropertyValue]: "borderTopRightRadius"; }; borderBottomRightRadius: { readonly [$$PropertyValue]: "borderTopRightRadius"; }; }; roundedStart: (value: { readonly [$$PropertyValue]: "borderStartStartRadius"; }) => { borderStartStartRadius: { readonly [$$PropertyValue]: "borderStartStartRadius"; }; borderEndStartRadius: { readonly [$$PropertyValue]: "borderStartStartRadius"; }; }; roundedBottom: (value: { readonly [$$PropertyValue]: "borderBottomLeftRadius"; }) => { borderBottomLeftRadius: { readonly [$$PropertyValue]: "borderBottomLeftRadius"; }; borderBottomRightRadius: { readonly [$$PropertyValue]: "borderBottomLeftRadius"; }; }; roundedLeft: (value: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }) => { borderTopLeftRadius: { readonly [$$PropertyValue]: "borderTopLeftRadius"; }; borderBottomLeftRadius: { readonly [$$PropertyValue]: "borderTopLeftRadius";