@guruhotel/aura-ui
Version:
⚛️ React UI library by GuruHotel
1,296 lines • 257 kB
TypeScript
/// <reference types="react" />
import type * as Stitches from "@stitches/react";
import { Theme, BaseTheme } from "./types";
export declare const getStitchesTheme: (targetTheme: BaseTheme) => BaseTheme;
export declare const createThemeBase: <Argument0 extends string | ({
shadows?: {
"2xs"?: string | number | boolean | undefined;
xs?: string | number | boolean | undefined;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
"2xl"?: string | number | boolean | undefined;
outline?: string | number | boolean | undefined;
inner?: string | number | boolean | undefined;
none?: string | number | boolean | undefined;
dark?: string | number | boolean | undefined;
} | undefined;
colors?: {
gray1?: string | number | boolean | undefined;
gray2?: string | number | boolean | undefined;
gray3?: string | number | boolean | undefined;
gray4?: string | number | boolean | undefined;
gray5?: string | number | boolean | undefined;
gray6?: string | number | boolean | undefined;
gray7?: string | number | boolean | undefined;
gray8?: string | number | boolean | undefined;
gray9?: string | number | boolean | undefined;
gray10?: string | number | boolean | undefined;
gray11?: string | number | boolean | undefined;
gray12?: string | number | boolean | undefined;
text1?: string | number | boolean | undefined;
text2?: string | number | boolean | undefined;
text3?: string | number | boolean | undefined;
text4?: string | number | boolean | undefined;
text5?: string | number | boolean | undefined;
text6?: string | number | boolean | undefined;
text7?: string | number | boolean | undefined;
text8?: string | number | boolean | undefined;
text9?: string | number | boolean | undefined;
text10?: string | number | boolean | undefined;
text11?: string | number | boolean | undefined;
text12?: string | number | boolean | undefined;
guru1?: string | number | boolean | undefined;
guru2?: string | number | boolean | undefined;
guru3?: string | number | boolean | undefined;
guru4?: string | number | boolean | undefined;
guru5?: string | number | boolean | undefined;
guru6?: string | number | boolean | undefined;
guru7?: string | number | boolean | undefined;
guru8?: string | number | boolean | undefined;
guru9?: string | number | boolean | undefined;
guru10?: string | number | boolean | undefined;
guru11?: string | number | boolean | undefined;
guru12?: string | number | boolean | undefined;
fellow1?: string | number | boolean | undefined;
fellow2?: string | number | boolean | undefined;
fellow3?: string | number | boolean | undefined;
fellow4?: string | number | boolean | undefined;
fellow5?: string | number | boolean | undefined;
fellow6?: string | number | boolean | undefined;
fellow7?: string | number | boolean | undefined;
fellow8?: string | number | boolean | undefined;
fellow9?: string | number | boolean | undefined;
fellow10?: string | number | boolean | undefined;
fellow11?: string | number | boolean | undefined;
fellow12?: string | number | boolean | undefined;
darkie1?: string | number | boolean | undefined;
darkie2?: string | number | boolean | undefined;
darkie3?: string | number | boolean | undefined;
darkie4?: string | number | boolean | undefined;
darkie5?: string | number | boolean | undefined;
darkie6?: string | number | boolean | undefined;
darkie7?: string | number | boolean | undefined;
darkie8?: string | number | boolean | undefined;
darkie9?: string | number | boolean | undefined;
darkie10?: string | number | boolean | undefined;
darkie11?: string | number | boolean | undefined;
darkie12?: string | number | boolean | undefined;
red1?: string | number | boolean | undefined;
red2?: string | number | boolean | undefined;
red3?: string | number | boolean | undefined;
red4?: string | number | boolean | undefined;
red5?: string | number | boolean | undefined;
red6?: string | number | boolean | undefined;
red7?: string | number | boolean | undefined;
red8?: string | number | boolean | undefined;
red9?: string | number | boolean | undefined;
red10?: string | number | boolean | undefined;
red11?: string | number | boolean | undefined;
red12?: string | number | boolean | undefined;
nature1?: string | number | boolean | undefined;
nature2?: string | number | boolean | undefined;
nature3?: string | number | boolean | undefined;
nature4?: string | number | boolean | undefined;
nature5?: string | number | boolean | undefined;
nature6?: string | number | boolean | undefined;
nature7?: string | number | boolean | undefined;
nature8?: string | number | boolean | undefined;
nature9?: string | number | boolean | undefined;
nature10?: string | number | boolean | undefined;
nature11?: string | number | boolean | undefined;
nature12?: string | number | boolean | undefined;
sunshine1?: string | number | boolean | undefined;
sunshine2?: string | number | boolean | undefined;
sunshine3?: string | number | boolean | undefined;
sunshine4?: string | number | boolean | undefined;
sunshine5?: string | number | boolean | undefined;
sunshine6?: string | number | boolean | undefined;
sunshine7?: string | number | boolean | undefined;
sunshine8?: string | number | boolean | undefined;
sunshine9?: string | number | boolean | undefined;
sunshine10?: string | number | boolean | undefined;
sunshine11?: string | number | boolean | undefined;
sunshine12?: string | number | boolean | undefined;
violet1?: string | number | boolean | undefined;
violet2?: string | number | boolean | undefined;
violet3?: string | number | boolean | undefined;
violet4?: string | number | boolean | undefined;
violet5?: string | number | boolean | undefined;
violet6?: string | number | boolean | undefined;
violet7?: string | number | boolean | undefined;
violet8?: string | number | boolean | undefined;
violet9?: string | number | boolean | undefined;
violet10?: string | number | boolean | undefined;
violet11?: string | number | boolean | undefined;
violet12?: string | number | boolean | undefined;
blackA1?: string | number | boolean | undefined;
blackA2?: string | number | boolean | undefined;
blackA3?: string | number | boolean | undefined;
blackA4?: string | number | boolean | undefined;
blackA5?: string | number | boolean | undefined;
blackA6?: string | number | boolean | undefined;
blackA7?: string | number | boolean | undefined;
blackA8?: string | number | boolean | undefined;
blackA9?: string | number | boolean | undefined;
blackA10?: string | number | boolean | undefined;
blackA11?: string | number | boolean | undefined;
blackA12?: string | number | boolean | undefined;
whiteA1?: string | number | boolean | undefined;
whiteA2?: string | number | boolean | undefined;
whiteA3?: string | number | boolean | undefined;
whiteA4?: string | number | boolean | undefined;
whiteA5?: string | number | boolean | undefined;
whiteA6?: string | number | boolean | undefined;
whiteA7?: string | number | boolean | undefined;
whiteA8?: string | number | boolean | undefined;
whiteA9?: string | number | boolean | undefined;
whiteA10?: string | number | boolean | undefined;
whiteA11?: string | number | boolean | undefined;
whiteA12?: string | number | boolean | undefined;
transparent?: string | number | boolean | undefined;
placeholder?: string | number | boolean | undefined;
surfaceLight?: string | number | boolean | undefined;
surfaceMid?: string | number | boolean | undefined;
surfaceDark?: string | number | boolean | undefined;
} | undefined;
fonts?: {
heading?: string | number | boolean | undefined;
base?: string | number | boolean | undefined;
mono?: string | number | boolean | undefined;
} | undefined;
fontSizes?: {
"2xs"?: string | number | boolean | undefined;
xs?: string | number | boolean | undefined;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
"2xl"?: string | number | boolean | undefined;
"3xl"?: string | number | boolean | undefined;
"4xl"?: string | number | boolean | undefined;
"5xl"?: string | number | boolean | undefined;
"6xl"?: string | number | boolean | undefined;
} | undefined;
fontWeights?: {
hairline?: string | number | boolean | undefined;
thin?: string | number | boolean | undefined;
light?: string | number | boolean | undefined;
normal?: string | number | boolean | undefined;
medium?: string | number | boolean | undefined;
semibold?: string | number | boolean | undefined;
bold?: string | number | boolean | undefined;
extrabold?: string | number | boolean | undefined;
black?: string | number | boolean | undefined;
} | undefined;
lineHeights?: {
normal?: string | number | boolean | undefined;
none?: string | number | boolean | undefined;
shorter?: string | number | boolean | undefined;
short?: string | number | boolean | undefined;
base?: string | number | boolean | undefined;
tall?: string | number | boolean | undefined;
taller?: string | number | boolean | undefined;
3?: string | number | boolean | undefined;
4?: string | number | boolean | undefined;
5?: string | number | boolean | undefined;
6?: string | number | boolean | undefined;
7?: string | number | boolean | undefined;
8?: string | number | boolean | undefined;
9?: string | number | boolean | undefined;
10?: string | number | boolean | undefined;
} | undefined;
letterSpacings?: {
tighter?: string | number | boolean | undefined;
tight?: string | number | boolean | undefined;
normal?: string | number | boolean | undefined;
wide?: string | number | boolean | undefined;
wider?: string | number | boolean | undefined;
widest?: string | number | boolean | undefined;
} | undefined;
space?: {
px?: string | number | boolean | undefined;
0?: string | number | boolean | undefined;
0.5?: string | number | boolean | undefined;
1?: string | number | boolean | undefined;
1.5?: string | number | boolean | undefined;
2?: string | number | boolean | undefined;
2.5?: string | number | boolean | undefined;
3?: string | number | boolean | undefined;
3.5?: string | number | boolean | undefined;
4?: string | number | boolean | undefined;
5?: string | number | boolean | undefined;
6?: string | number | boolean | undefined;
7?: string | number | boolean | undefined;
8?: string | number | boolean | undefined;
9?: string | number | boolean | undefined;
10?: string | number | boolean | undefined;
12?: string | number | boolean | undefined;
14?: string | number | boolean | undefined;
16?: string | number | boolean | undefined;
20?: string | number | boolean | undefined;
24?: string | number | boolean | undefined;
28?: string | number | boolean | undefined;
32?: string | number | boolean | undefined;
36?: string | number | boolean | undefined;
40?: string | number | boolean | undefined;
44?: string | number | boolean | undefined;
48?: string | number | boolean | undefined;
52?: string | number | boolean | undefined;
56?: string | number | boolean | undefined;
60?: string | number | boolean | undefined;
64?: string | number | boolean | undefined;
72?: string | number | boolean | undefined;
80?: string | number | boolean | undefined;
96?: string | number | boolean | undefined;
} | undefined;
sizes?: {
1?: string | number | boolean | undefined;
2?: string | number | boolean | undefined;
3?: string | number | boolean | undefined;
4?: string | number | boolean | undefined;
5?: string | number | boolean | undefined;
6?: string | number | boolean | undefined;
7?: string | number | boolean | undefined;
8?: string | number | boolean | undefined;
9?: string | number | boolean | undefined;
10?: string | number | boolean | undefined;
12?: string | number | boolean | undefined;
14?: string | number | boolean | undefined;
16?: string | number | boolean | undefined;
20?: string | number | boolean | undefined;
24?: string | number | boolean | undefined;
28?: string | number | boolean | undefined;
32?: string | number | boolean | undefined;
36?: string | number | boolean | undefined;
40?: string | number | boolean | undefined;
44?: string | number | boolean | undefined;
48?: string | number | boolean | undefined;
52?: string | number | boolean | undefined;
56?: string | number | boolean | undefined;
60?: string | number | boolean | undefined;
64?: string | number | boolean | undefined;
72?: string | number | boolean | undefined;
80?: string | number | boolean | undefined;
96?: string | number | boolean | undefined;
max?: string | number | boolean | undefined;
min?: string | number | boolean | undefined;
full?: string | number | boolean | undefined;
"3xs"?: string | number | boolean | undefined;
"2xs"?: string | number | boolean | undefined;
xs?: string | number | boolean | undefined;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
"2xl"?: string | number | boolean | undefined;
"3xl"?: string | number | boolean | undefined;
"4xl"?: string | number | boolean | undefined;
"5xl"?: string | number | boolean | undefined;
"6xl"?: string | number | boolean | undefined;
"7xl"?: string | number | boolean | undefined;
"8xl"?: string | number | boolean | undefined;
} | undefined;
radii?: {
none?: string | number | boolean | undefined;
xs?: string | number | boolean | undefined;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
"2xl"?: string | number | boolean | undefined;
"3xl"?: string | number | boolean | undefined;
full?: string | number | boolean | undefined;
base?: string | number | boolean | undefined;
halfBase?: string | number | boolean | undefined;
} | undefined;
zIndices?: {
hide?: string | number | boolean | undefined;
auto?: string | number | boolean | undefined;
base?: string | number | boolean | undefined;
docked?: string | number | boolean | undefined;
dropdown?: string | number | boolean | undefined;
sticky?: string | number | boolean | undefined;
banner?: string | number | boolean | undefined;
overlay?: string | number | boolean | undefined;
modal?: string | number | boolean | undefined;
popover?: string | number | boolean | undefined;
skipLink?: string | number | boolean | undefined;
toast?: string | number | boolean | undefined;
tooltip?: string | number | boolean | undefined;
} | undefined;
borderWeights?: {
light?: string | number | boolean | undefined;
normal?: string | number | boolean | undefined;
bold?: string | number | boolean | undefined;
extrabold?: string | number | boolean | undefined;
black?: string | number | boolean | undefined;
} | undefined;
transitions?: {
default?: string | number | boolean | undefined;
} | undefined;
breakpoints?: {
xs?: string | number | boolean | undefined;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
xxl?: string | number | boolean | undefined;
} | undefined;
} & {
[x: string]: {
[x: string]: string | number | boolean;
[x: number]: string | number | boolean;
};
}), Argument1 extends string | ({
shadows?: {
"2xs"?: string | number | boolean | undefined;
xs?: string | number | boolean | undefined;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
"2xl"?: string | number | boolean | undefined;
outline?: string | number | boolean | undefined;
inner?: string | number | boolean | undefined;
none?: string | number | boolean | undefined;
dark?: string | number | boolean | undefined;
} | undefined;
colors?: {
gray1?: string | number | boolean | undefined;
gray2?: string | number | boolean | undefined;
gray3?: string | number | boolean | undefined;
gray4?: string | number | boolean | undefined;
gray5?: string | number | boolean | undefined;
gray6?: string | number | boolean | undefined;
gray7?: string | number | boolean | undefined;
gray8?: string | number | boolean | undefined;
gray9?: string | number | boolean | undefined;
gray10?: string | number | boolean | undefined;
gray11?: string | number | boolean | undefined;
gray12?: string | number | boolean | undefined;
text1?: string | number | boolean | undefined;
text2?: string | number | boolean | undefined;
text3?: string | number | boolean | undefined;
text4?: string | number | boolean | undefined;
text5?: string | number | boolean | undefined;
text6?: string | number | boolean | undefined;
text7?: string | number | boolean | undefined;
text8?: string | number | boolean | undefined;
text9?: string | number | boolean | undefined;
text10?: string | number | boolean | undefined;
text11?: string | number | boolean | undefined;
text12?: string | number | boolean | undefined;
guru1?: string | number | boolean | undefined;
guru2?: string | number | boolean | undefined;
guru3?: string | number | boolean | undefined;
guru4?: string | number | boolean | undefined;
guru5?: string | number | boolean | undefined;
guru6?: string | number | boolean | undefined;
guru7?: string | number | boolean | undefined;
guru8?: string | number | boolean | undefined;
guru9?: string | number | boolean | undefined;
guru10?: string | number | boolean | undefined;
guru11?: string | number | boolean | undefined;
guru12?: string | number | boolean | undefined;
fellow1?: string | number | boolean | undefined;
fellow2?: string | number | boolean | undefined;
fellow3?: string | number | boolean | undefined;
fellow4?: string | number | boolean | undefined;
fellow5?: string | number | boolean | undefined;
fellow6?: string | number | boolean | undefined;
fellow7?: string | number | boolean | undefined;
fellow8?: string | number | boolean | undefined;
fellow9?: string | number | boolean | undefined;
fellow10?: string | number | boolean | undefined;
fellow11?: string | number | boolean | undefined;
fellow12?: string | number | boolean | undefined;
darkie1?: string | number | boolean | undefined;
darkie2?: string | number | boolean | undefined;
darkie3?: string | number | boolean | undefined;
darkie4?: string | number | boolean | undefined;
darkie5?: string | number | boolean | undefined;
darkie6?: string | number | boolean | undefined;
darkie7?: string | number | boolean | undefined;
darkie8?: string | number | boolean | undefined;
darkie9?: string | number | boolean | undefined;
darkie10?: string | number | boolean | undefined;
darkie11?: string | number | boolean | undefined;
darkie12?: string | number | boolean | undefined;
red1?: string | number | boolean | undefined;
red2?: string | number | boolean | undefined;
red3?: string | number | boolean | undefined;
red4?: string | number | boolean | undefined;
red5?: string | number | boolean | undefined;
red6?: string | number | boolean | undefined;
red7?: string | number | boolean | undefined;
red8?: string | number | boolean | undefined;
red9?: string | number | boolean | undefined;
red10?: string | number | boolean | undefined;
red11?: string | number | boolean | undefined;
red12?: string | number | boolean | undefined;
nature1?: string | number | boolean | undefined;
nature2?: string | number | boolean | undefined;
nature3?: string | number | boolean | undefined;
nature4?: string | number | boolean | undefined;
nature5?: string | number | boolean | undefined;
nature6?: string | number | boolean | undefined;
nature7?: string | number | boolean | undefined;
nature8?: string | number | boolean | undefined;
nature9?: string | number | boolean | undefined;
nature10?: string | number | boolean | undefined;
nature11?: string | number | boolean | undefined;
nature12?: string | number | boolean | undefined;
sunshine1?: string | number | boolean | undefined;
sunshine2?: string | number | boolean | undefined;
sunshine3?: string | number | boolean | undefined;
sunshine4?: string | number | boolean | undefined;
sunshine5?: string | number | boolean | undefined;
sunshine6?: string | number | boolean | undefined;
sunshine7?: string | number | boolean | undefined;
sunshine8?: string | number | boolean | undefined;
sunshine9?: string | number | boolean | undefined;
sunshine10?: string | number | boolean | undefined;
sunshine11?: string | number | boolean | undefined;
sunshine12?: string | number | boolean | undefined;
violet1?: string | number | boolean | undefined;
violet2?: string | number | boolean | undefined;
violet3?: string | number | boolean | undefined;
violet4?: string | number | boolean | undefined;
violet5?: string | number | boolean | undefined;
violet6?: string | number | boolean | undefined;
violet7?: string | number | boolean | undefined;
violet8?: string | number | boolean | undefined;
violet9?: string | number | boolean | undefined;
violet10?: string | number | boolean | undefined;
violet11?: string | number | boolean | undefined;
violet12?: string | number | boolean | undefined;
blackA1?: string | number | boolean | undefined;
blackA2?: string | number | boolean | undefined;
blackA3?: string | number | boolean | undefined;
blackA4?: string | number | boolean | undefined;
blackA5?: string | number | boolean | undefined;
blackA6?: string | number | boolean | undefined;
blackA7?: string | number | boolean | undefined;
blackA8?: string | number | boolean | undefined;
blackA9?: string | number | boolean | undefined;
blackA10?: string | number | boolean | undefined;
blackA11?: string | number | boolean | undefined;
blackA12?: string | number | boolean | undefined;
whiteA1?: string | number | boolean | undefined;
whiteA2?: string | number | boolean | undefined;
whiteA3?: string | number | boolean | undefined;
whiteA4?: string | number | boolean | undefined;
whiteA5?: string | number | boolean | undefined;
whiteA6?: string | number | boolean | undefined;
whiteA7?: string | number | boolean | undefined;
whiteA8?: string | number | boolean | undefined;
whiteA9?: string | number | boolean | undefined;
whiteA10?: string | number | boolean | undefined;
whiteA11?: string | number | boolean | undefined;
whiteA12?: string | number | boolean | undefined;
transparent?: string | number | boolean | undefined;
placeholder?: string | number | boolean | undefined;
surfaceLight?: string | number | boolean | undefined;
surfaceMid?: string | number | boolean | undefined;
surfaceDark?: string | number | boolean | undefined;
} | undefined;
fonts?: {
heading?: string | number | boolean | undefined;
base?: string | number | boolean | undefined;
mono?: string | number | boolean | undefined;
} | undefined;
fontSizes?: {
"2xs"?: string | number | boolean | undefined;
xs?: string | number | boolean | undefined;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
"2xl"?: string | number | boolean | undefined;
"3xl"?: string | number | boolean | undefined;
"4xl"?: string | number | boolean | undefined;
"5xl"?: string | number | boolean | undefined;
"6xl"?: string | number | boolean | undefined;
} | undefined;
fontWeights?: {
hairline?: string | number | boolean | undefined;
thin?: string | number | boolean | undefined;
light?: string | number | boolean | undefined;
normal?: string | number | boolean | undefined;
medium?: string | number | boolean | undefined;
semibold?: string | number | boolean | undefined;
bold?: string | number | boolean | undefined;
extrabold?: string | number | boolean | undefined;
black?: string | number | boolean | undefined;
} | undefined;
lineHeights?: {
normal?: string | number | boolean | undefined;
none?: string | number | boolean | undefined;
shorter?: string | number | boolean | undefined;
short?: string | number | boolean | undefined;
base?: string | number | boolean | undefined;
tall?: string | number | boolean | undefined;
taller?: string | number | boolean | undefined;
3?: string | number | boolean | undefined;
4?: string | number | boolean | undefined;
5?: string | number | boolean | undefined;
6?: string | number | boolean | undefined;
7?: string | number | boolean | undefined;
8?: string | number | boolean | undefined;
9?: string | number | boolean | undefined;
10?: string | number | boolean | undefined;
} | undefined;
letterSpacings?: {
tighter?: string | number | boolean | undefined;
tight?: string | number | boolean | undefined;
normal?: string | number | boolean | undefined;
wide?: string | number | boolean | undefined;
wider?: string | number | boolean | undefined;
widest?: string | number | boolean | undefined;
} | undefined;
space?: {
px?: string | number | boolean | undefined;
0?: string | number | boolean | undefined;
0.5?: string | number | boolean | undefined;
1?: string | number | boolean | undefined;
1.5?: string | number | boolean | undefined;
2?: string | number | boolean | undefined;
2.5?: string | number | boolean | undefined;
3?: string | number | boolean | undefined;
3.5?: string | number | boolean | undefined;
4?: string | number | boolean | undefined;
5?: string | number | boolean | undefined;
6?: string | number | boolean | undefined;
7?: string | number | boolean | undefined;
8?: string | number | boolean | undefined;
9?: string | number | boolean | undefined;
10?: string | number | boolean | undefined;
12?: string | number | boolean | undefined;
14?: string | number | boolean | undefined;
16?: string | number | boolean | undefined;
20?: string | number | boolean | undefined;
24?: string | number | boolean | undefined;
28?: string | number | boolean | undefined;
32?: string | number | boolean | undefined;
36?: string | number | boolean | undefined;
40?: string | number | boolean | undefined;
44?: string | number | boolean | undefined;
48?: string | number | boolean | undefined;
52?: string | number | boolean | undefined;
56?: string | number | boolean | undefined;
60?: string | number | boolean | undefined;
64?: string | number | boolean | undefined;
72?: string | number | boolean | undefined;
80?: string | number | boolean | undefined;
96?: string | number | boolean | undefined;
} | undefined;
sizes?: {
1?: string | number | boolean | undefined;
2?: string | number | boolean | undefined;
3?: string | number | boolean | undefined;
4?: string | number | boolean | undefined;
5?: string | number | boolean | undefined;
6?: string | number | boolean | undefined;
7?: string | number | boolean | undefined;
8?: string | number | boolean | undefined;
9?: string | number | boolean | undefined;
10?: string | number | boolean | undefined;
12?: string | number | boolean | undefined;
14?: string | number | boolean | undefined;
16?: string | number | boolean | undefined;
20?: string | number | boolean | undefined;
24?: string | number | boolean | undefined;
28?: string | number | boolean | undefined;
32?: string | number | boolean | undefined;
36?: string | number | boolean | undefined;
40?: string | number | boolean | undefined;
44?: string | number | boolean | undefined;
48?: string | number | boolean | undefined;
52?: string | number | boolean | undefined;
56?: string | number | boolean | undefined;
60?: string | number | boolean | undefined;
64?: string | number | boolean | undefined;
72?: string | number | boolean | undefined;
80?: string | number | boolean | undefined;
96?: string | number | boolean | undefined;
max?: string | number | boolean | undefined;
min?: string | number | boolean | undefined;
full?: string | number | boolean | undefined;
"3xs"?: string | number | boolean | undefined;
"2xs"?: string | number | boolean | undefined;
xs?: string | number | boolean | undefined;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
"2xl"?: string | number | boolean | undefined;
"3xl"?: string | number | boolean | undefined;
"4xl"?: string | number | boolean | undefined;
"5xl"?: string | number | boolean | undefined;
"6xl"?: string | number | boolean | undefined;
"7xl"?: string | number | boolean | undefined;
"8xl"?: string | number | boolean | undefined;
} | undefined;
radii?: {
none?: string | number | boolean | undefined;
xs?: string | number | boolean | undefined;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
"2xl"?: string | number | boolean | undefined;
"3xl"?: string | number | boolean | undefined;
full?: string | number | boolean | undefined;
base?: string | number | boolean | undefined;
halfBase?: string | number | boolean | undefined;
} | undefined;
zIndices?: {
hide?: string | number | boolean | undefined;
auto?: string | number | boolean | undefined;
base?: string | number | boolean | undefined;
docked?: string | number | boolean | undefined;
dropdown?: string | number | boolean | undefined;
sticky?: string | number | boolean | undefined;
banner?: string | number | boolean | undefined;
overlay?: string | number | boolean | undefined;
modal?: string | number | boolean | undefined;
popover?: string | number | boolean | undefined;
skipLink?: string | number | boolean | undefined;
toast?: string | number | boolean | undefined;
tooltip?: string | number | boolean | undefined;
} | undefined;
borderWeights?: {
light?: string | number | boolean | undefined;
normal?: string | number | boolean | undefined;
bold?: string | number | boolean | undefined;
extrabold?: string | number | boolean | undefined;
black?: string | number | boolean | undefined;
} | undefined;
transitions?: {
default?: string | number | boolean | undefined;
} | undefined;
breakpoints?: {
xs?: string | number | boolean | undefined;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
xxl?: string | number | boolean | undefined;
} | undefined;
} & {
[x: string]: {
[x: string]: string | number | boolean;
[x: number]: string | number | boolean;
};
})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
className: string;
selector: string;
} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, string> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, string>);
export declare const styled: <Type extends import("@stitches/react/types/util").Function | import("react").ComponentType<any> | keyof JSX.IntrinsicElements, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
[name: string]: unknown;
})[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
xxl: string;
motion: string;
safari: string;
hover: string;
dark: string;
light: string;
}, {
shadows: {
"2xs": string;
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
"2xl": string;
outline: string;
inner: string;
none: string;
dark: string;
};
colors: {
gray1: string;
gray2: string;
gray3: string;
gray4: string;
gray5: string;
gray6: string;
gray7: string;
gray8: string;
gray9: string;
gray10: string;
gray11: string;
gray12: string;
text1: string;
text2: string;
text3: string;
text4: string;
text5: string;
text6: string;
text7: string;
text8: string;
text9: string;
text10: string;
text11: string;
text12: string;
guru1: string;
guru2: string;
guru3: string;
guru4: string;
guru5: string;
guru6: string;
guru7: string;
guru8: string;
guru9: string;
guru10: string;
guru11: string;
guru12: string;
fellow1: string;
fellow2: string;
fellow3: string;
fellow4: string;
fellow5: string;
fellow6: string;
fellow7: string;
fellow8: string;
fellow9: string;
fellow10: string;
fellow11: string;
fellow12: string;
darkie1: string;
darkie2: string;
darkie3: string;
darkie4: string;
darkie5: string;
darkie6: string;
darkie7: string;
darkie8: string;
darkie9: string;
darkie10: string;
darkie11: string;
darkie12: string;
red1: string;
red2: string;
red3: string;
red4: string;
red5: string;
red6: string;
red7: string;
red8: string;
red9: string;
red10: string;
red11: string;
red12: string;
nature1: string;
nature2: string;
nature3: string;
nature4: string;
nature5: string;
nature6: string;
nature7: string;
nature8: string;
nature9: string;
nature10: string;
nature11: string;
nature12: string;
sunshine1: string;
sunshine2: string;
sunshine3: string;
sunshine4: string;
sunshine5: string;
sunshine6: string;
sunshine7: string;
sunshine8: string;
sunshine9: string;
sunshine10: string;
sunshine11: string;
sunshine12: string;
violet1: string;
violet2: string;
violet3: string;
violet4: string;
violet5: string;
violet6: string;
violet7: string;
violet8: string;
violet9: string;
violet10: string;
violet11: string;
violet12: string;
blackA1: string;
blackA2: string;
blackA3: string;
blackA4: string;
blackA5: string;
blackA6: string;
blackA7: string;
blackA8: string;
blackA9: string;
blackA10: string;
blackA11: string;
blackA12: string;
whiteA1: string;
whiteA2: string;
whiteA3: string;
whiteA4: string;
whiteA5: string;
whiteA6: string;
whiteA7: string;
whiteA8: string;
whiteA9: string;
whiteA10: string;
whiteA11: string;
whiteA12: string;
transparent: string;
placeholder: string;
surfaceLight: string;
surfaceMid: string;
surfaceDark: string;
};
fonts: {
heading: string;
base: string;
mono: string;
};
fontSizes: {
"2xs": string;
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
"2xl": string;
"3xl": string;
"4xl": string;
"5xl": string;
"6xl": string;
};
fontWeights: {
hairline: number;
thin: number;
light: number;
normal: number;
medium: number;
semibold: number;
bold: number;
extrabold: number;
black: number;
};
lineHeights: {
normal: string;
none: number;
shorter: number;
short: number;
base: number;
tall: number;
taller: string;
"3": string;
"4": string;
"5": string;
"6": string;
"7": string;
"8": string;
"9": string;
"10": string;
};
letterSpacings: {
tighter: string;
tight: string;
normal: string;
wide: string;
wider: string;
widest: string;
};
space: {
px: string;
0: 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: {
1: string;
2: string;
3: 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;
max: string;
min: string;
full: string;
"3xs": string;
"2xs": 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;
};
radii: {
none: string;
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
"2xl": string;
"3xl": string;
full: string;
base: string;
halfBase: string;
};
zIndices: {
hide: number;
auto: string;
base: number;
docked: number;
dropdown: number;
sticky: number;
banner: number;
overlay: number;
modal: number;
popover: number;
skipLink: number;
toast: number;
tooltip: number;
};
borderWeights: {
light: string;
normal: string;
bold: string;
extrabold: string;
black: string;
};
transitions: {
default: string;
};
breakpoints: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
xxl: string;
};
}, {
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";
borderWidth: "borderWidths";
borderTopWidth: "borderWidths";
borderLeftWidth: "borderWidths";
borderRightWidth: "borderWidths";
borderBottomWidth: "borderWidths";
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";
}, {
_hover: (value: Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>) => {
"&:hover": Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>;
};
_active: (value: Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>) => {
"&:active": Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>;
};
_focus: (value: Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>) => {
"&:focus": Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>;
};
_disabled: (value: Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>) => {
"&:disabled": Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>;
};
_visited: (value: Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>) => {
"&:visited": Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>;
};
_focusWithin: (value: Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>) => {
"&:focus-within": Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>;
};
_focusVisible: (value: Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>) => {
"&:focus-visible": Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>;
};
_target: (value: Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>) => {
"&:target": Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>;
};
_placeholder: (value: Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>) => {
"&::placeholder": Stitches.CSS<{
media: {};
theme: {};
themeMap: {};
utils: {};
}>;
};
bg: (value: {
readonly [Stitches.$$PropertyValue]: "color";
}) => {
background: {
readonly [Stitches.$$PropertyValue]: "color";
};
};
bgColor: (value: {
readonly [