///
import type * as Stitches from '@stitches/react';
declare const stitchesConfig: import("@stitches/react/types/stitches").default<"", {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
downXs: string;
downSm: string;
downMd: string;
downLg: string;
downXl: string;
upSm: string;
upMd: string;
upLg: string;
upxl: string;
up2xl: string;
}, {
colors: {
text: any;
primary: any;
primaryText: any;
accent: any;
accentText: any;
info: any;
infoText: any;
warning: any;
warningText: any;
positive: any;
positiveText: any;
negative: any;
negativeText: any;
accent50: any;
accent100: any;
accent200: any;
accent300: any;
accent400: any;
accent500: any;
accent600: any;
accent700: any;
accent800: any;
accent900: any;
primary50: any;
primary100: any;
primary200: any;
primary300: any;
primary400: any;
primary500: any;
primary600: any;
primary700: any;
primary800: any;
primary900: any;
indigo50: any;
indigo100: any;
indigo200: any;
indigo300: any;
indigo400: any;
indigo500: any;
indigo600: any;
indigo700: any;
indigo800: any;
indigo900: any;
purple50: any;
purple100: any;
purple200: any;
purple300: any;
purple400: any;
purple500: any;
purple600: any;
purple700: any;
purple800: any;
purple900: any;
yellow50: any;
yellow100: any;
yellow200: any;
yellow300: any;
yellow400: any;
yellow500: any;
yellow600: any;
yellow700: any;
yellow800: any;
yellow900: any;
green50: any;
green100: any;
green200: any;
green300: any;
green400: any;
green500: any;
green600: any;
green700: any;
green800: any;
green900: any;
blue50: any;
blue100: any;
blue200: any;
blue300: any;
blue400: any;
blue500: any;
blue600: any;
blue700: any;
blue800: any;
blue900: any;
red50: any;
red100: any;
red200: any;
red300: any;
red400: any;
red500: any;
red600: any;
red700: any;
red800: any;
red900: any;
gray50: any;
gray100: any;
gray200: any;
gray300: any;
gray400: any;
gray500: any;
gray600: any;
gray700: any;
gray800: any;
gray900: any;
white: any;
black: any;
};
space: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
};
radii: {
none: any;
xs: any;
sm: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
full: any;
};
fontSizes: {
pxbase: any;
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
fonts: {
primary: any;
};
lineHeights: {
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
shadows: {
sm: any;
DEFAULT: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
inner: any;
none: any;
};
sizes: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
half: any;
oneThird: any;
twoThird: any;
oneFourth: any;
twoFourth: any;
threeFourth: any;
oneFifth: any;
twoFifth: any;
threeFifth: any;
fourFifth: any;
oneSixth: any;
twoSixth: any;
threeSixth: any;
fourSixth: any;
fiveSixth: any;
oneTwelve: any;
twoTwelve: any;
threeTwelve: any;
fourTwelve: any;
fiveTwelve: any;
sixTwelve: any;
sevenTwelve: any;
eigthTwelve: any;
nineTwelve: any;
tenTwelve: any;
elevenTwelve: any;
full: any;
hscreen: any;
wscreen: any;
min: any;
max: any;
};
}, import("@stitches/react/types/config").DefaultThemeMap, {
fgap: (value: {
readonly [$$ScaleValue]: "space";
}) => {
margin: string;
'& > *': {
margin: string;
};
gap?: undefined;
} | {
gap: {
readonly [$$ScaleValue]: "space";
};
margin?: undefined;
'& > *'?: undefined;
};
m: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
};
mr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
ml: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
};
mx: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
my: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
p: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
};
pr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
pl: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
};
px: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
py: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
linearGradient: (value: string & {}) => {
backgroundImage: string;
};
br: (value: {
readonly [$$ScaleValue]: "radii";
}) => {
borderRadius: {
readonly [$$ScaleValue]: "radii";
};
};
fontType: (value: {
readonly [$$ScaleValue]: "fontSizes";
}) => {
fontSize: {
readonly [$$ScaleValue]: "fontSizes";
};
lineHeight: {
readonly [$$ScaleValue]: "fontSizes";
};
fontFamily: string;
};
}>;
export declare const Theme: {
colors: {
text: string;
primary: string;
primaryText: string;
accent: string;
accentText: string;
info: string;
infoText: string;
warning: string;
warningText: string;
positive: string;
positiveText: string;
negative: string;
negativeText: string;
accent50: string;
accent100: string;
accent200: string;
accent300: string;
accent400: string;
accent500: string;
accent600: string;
accent700: string;
accent800: string;
accent900: string;
primary50: string;
primary100: string;
primary200: string;
primary300: string;
primary400: string;
primary500: string;
primary600: string;
primary700: string;
primary800: string;
primary900: string;
indigo50: string;
indigo100: string;
indigo200: string;
indigo300: string;
indigo400: string;
indigo500: string;
indigo600: string;
indigo700: string;
indigo800: string;
indigo900: string;
purple50: string;
purple100: string;
purple200: string;
purple300: string;
purple400: string;
purple500: string;
purple600: string;
purple700: string;
purple800: string;
purple900: string;
yellow50: string;
yellow100: string;
yellow200: string;
yellow300: string;
yellow400: string;
yellow500: string;
yellow600: string;
yellow700: string;
yellow800: string;
yellow900: string;
green50: string;
green100: string;
green200: string;
green300: string;
green400: string;
green500: string;
green600: string;
green700: string;
green800: string;
green900: string;
blue50: string;
blue100: string;
blue200: string;
blue300: string;
blue400: string;
blue500: string;
blue600: string;
blue700: string;
blue800: string;
blue900: string;
red50: string;
red100: string;
red200: string;
red300: string;
red400: string;
red500: string;
red600: string;
red700: string;
red800: string;
red900: string;
gray50: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
white: string;
black: string;
};
space: {
px: string;
10: string;
20: string;
30: string;
40: string;
50: string;
60: string;
80: string;
100: string;
125: string;
150: string;
175: string;
200: string;
225: string;
250: string;
275: string;
300: string;
350: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
1000: string;
1100: string;
1200: string;
1300: string;
1400: string;
1500: string;
1600: string;
1800: string;
2000: string;
2400: string;
};
radii: {
none: number;
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
full: string;
};
fontSizes: {
pxbase: 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;
};
fonts: {
primary: string;
};
lineHeights: {
xs: string;
sm: string;
base: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
'4xl': string;
'5xl': number;
'6xl': number;
'7xl': number;
'8xl': number;
'9xl': number;
};
shadows: {
sm: string;
DEFAULT: string;
md: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
inner: string;
none: string;
};
sizes: {
px: string;
10: string;
20: string;
30: string;
40: string;
50: string;
60: string;
80: string;
100: string;
125: string;
150: string;
175: string;
200: string;
225: string;
250: string;
275: string;
300: string;
350: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
1000: string;
1100: string;
1200: string;
1300: string;
1400: string;
1500: string;
1600: string;
1800: string;
2000: string;
2400: string;
half: string;
oneThird: string;
twoThird: string;
oneFourth: string;
twoFourth: string;
threeFourth: string;
oneFifth: string;
twoFifth: string;
threeFifth: string;
fourFifth: string;
oneSixth: string;
twoSixth: string;
threeSixth: string;
fourSixth: string;
fiveSixth: string;
oneTwelve: string;
twoTwelve: string;
threeTwelve: string;
fourTwelve: string;
fiveTwelve: string;
sixTwelve: string;
sevenTwelve: string;
eigthTwelve: string;
nineTwelve: string;
tenTwelve: string;
elevenTwelve: string;
full: string;
hscreen: string;
wscreen: string;
min: string;
max: string;
};
};
export declare const styled: | import("react").FunctionComponent, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentClass | import("react").FunctionComponent | {
[name: string]: unknown;
})[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
downXs: string;
downSm: string;
downMd: string;
downLg: string;
downXl: string;
upSm: string;
upMd: string;
upLg: string;
upxl: string;
up2xl: string;
}, {
colors: {
text: any;
primary: any;
primaryText: any;
accent: any;
accentText: any;
info: any;
infoText: any;
warning: any;
warningText: any;
positive: any;
positiveText: any;
negative: any;
negativeText: any;
accent50: any;
accent100: any;
accent200: any;
accent300: any;
accent400: any;
accent500: any;
accent600: any;
accent700: any;
accent800: any;
accent900: any;
primary50: any;
primary100: any;
primary200: any;
primary300: any;
primary400: any;
primary500: any;
primary600: any;
primary700: any;
primary800: any;
primary900: any;
indigo50: any;
indigo100: any;
indigo200: any;
indigo300: any;
indigo400: any;
indigo500: any;
indigo600: any;
indigo700: any;
indigo800: any;
indigo900: any;
purple50: any;
purple100: any;
purple200: any;
purple300: any;
purple400: any;
purple500: any;
purple600: any;
purple700: any;
purple800: any;
purple900: any;
yellow50: any;
yellow100: any;
yellow200: any;
yellow300: any;
yellow400: any;
yellow500: any;
yellow600: any;
yellow700: any;
yellow800: any;
yellow900: any;
green50: any;
green100: any;
green200: any;
green300: any;
green400: any;
green500: any;
green600: any;
green700: any;
green800: any;
green900: any;
blue50: any;
blue100: any;
blue200: any;
blue300: any;
blue400: any;
blue500: any;
blue600: any;
blue700: any;
blue800: any;
blue900: any;
red50: any;
red100: any;
red200: any;
red300: any;
red400: any;
red500: any;
red600: any;
red700: any;
red800: any;
red900: any;
gray50: any;
gray100: any;
gray200: any;
gray300: any;
gray400: any;
gray500: any;
gray600: any;
gray700: any;
gray800: any;
gray900: any;
white: any;
black: any;
};
space: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
};
radii: {
none: any;
xs: any;
sm: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
full: any;
};
fontSizes: {
pxbase: any;
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
fonts: {
primary: any;
};
lineHeights: {
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
shadows: {
sm: any;
DEFAULT: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
inner: any;
none: any;
};
sizes: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
half: any;
oneThird: any;
twoThird: any;
oneFourth: any;
twoFourth: any;
threeFourth: any;
oneFifth: any;
twoFifth: any;
threeFifth: any;
fourFifth: any;
oneSixth: any;
twoSixth: any;
threeSixth: any;
fourSixth: any;
fiveSixth: any;
oneTwelve: any;
twoTwelve: any;
threeTwelve: any;
fourTwelve: any;
fiveTwelve: any;
sixTwelve: any;
sevenTwelve: any;
eigthTwelve: any;
nineTwelve: any;
tenTwelve: any;
elevenTwelve: any;
full: any;
hscreen: any;
wscreen: any;
min: any;
max: any;
};
}, import("@stitches/react/types/config").DefaultThemeMap, {
fgap: (value: {
readonly [$$ScaleValue]: "space";
}) => {
margin: string;
'& > *': {
margin: string;
};
gap?: undefined;
} | {
gap: {
readonly [$$ScaleValue]: "space";
};
margin?: undefined;
'& > *'?: undefined;
};
m: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
};
mr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
ml: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
};
mx: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
my: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
p: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
};
pr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
pl: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
};
px: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
py: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
linearGradient: (value: string & {}) => {
backgroundImage: string;
};
br: (value: {
readonly [$$ScaleValue]: "radii";
}) => {
borderRadius: {
readonly [$$ScaleValue]: "radii";
};
};
fontType: (value: {
readonly [$$ScaleValue]: "fontSizes";
}) => {
fontSize: {
readonly [$$ScaleValue]: "fontSizes";
};
lineHeight: {
readonly [$$ScaleValue]: "fontSizes";
};
fontFamily: string;
};
}>>(type: Type, ...composers: { [K in keyof Composers]: Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentClass | import("react").FunctionComponent ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex & {
variants?: {
[x: string]: {
[x: string]: CSS_1;
[x: number]: CSS_1;
};
} | undefined;
compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: (string & Record) | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) & {
css: CSS_1;
})[] | undefined;
defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: (string & Record) | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS_1 & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent, {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
downXs: string;
downSm: string;
downMd: string;
downLg: string;
downXl: string;
upSm: string;
upMd: string;
upLg: string;
upxl: string;
up2xl: string;
}, import("@stitches/react/types/css-util").CSS<{
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
downXs: string;
downSm: string;
downMd: string;
downLg: string;
downXl: string;
upSm: string;
upMd: string;
upLg: string;
upxl: string;
up2xl: string;
}, {
colors: {
text: any;
primary: any;
primaryText: any;
accent: any;
accentText: any;
info: any;
infoText: any;
warning: any;
warningText: any;
positive: any;
positiveText: any;
negative: any;
negativeText: any;
accent50: any;
accent100: any;
accent200: any;
accent300: any;
accent400: any;
accent500: any;
accent600: any;
accent700: any;
accent800: any;
accent900: any;
primary50: any;
primary100: any;
primary200: any;
primary300: any;
primary400: any;
primary500: any;
primary600: any;
primary700: any;
primary800: any;
primary900: any;
indigo50: any;
indigo100: any;
indigo200: any;
indigo300: any;
indigo400: any;
indigo500: any;
indigo600: any;
indigo700: any;
indigo800: any;
indigo900: any;
purple50: any;
purple100: any;
purple200: any;
purple300: any;
purple400: any;
purple500: any;
purple600: any;
purple700: any;
purple800: any;
purple900: any;
yellow50: any;
yellow100: any;
yellow200: any;
yellow300: any;
yellow400: any;
yellow500: any;
yellow600: any;
yellow700: any;
yellow800: any;
yellow900: any;
green50: any;
green100: any;
green200: any;
green300: any;
green400: any;
green500: any;
green600: any;
green700: any;
green800: any;
green900: any;
blue50: any;
blue100: any;
blue200: any;
blue300: any;
blue400: any;
blue500: any;
blue600: any;
blue700: any;
blue800: any;
blue900: any;
red50: any;
red100: any;
red200: any;
red300: any;
red400: any;
red500: any;
red600: any;
red700: any;
red800: any;
red900: any;
gray50: any;
gray100: any;
gray200: any;
gray300: any;
gray400: any;
gray500: any;
gray600: any;
gray700: any;
gray800: any;
gray900: any;
white: any;
black: any;
};
space: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
};
radii: {
none: any;
xs: any;
sm: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
full: any;
};
fontSizes: {
pxbase: any;
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
fonts: {
primary: any;
};
lineHeights: {
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
shadows: {
sm: any;
DEFAULT: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
inner: any;
none: any;
};
sizes: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
half: any;
oneThird: any;
twoThird: any;
oneFourth: any;
twoFourth: any;
threeFourth: any;
oneFifth: any;
twoFifth: any;
threeFifth: any;
fourFifth: any;
oneSixth: any;
twoSixth: any;
threeSixth: any;
fourSixth: any;
fiveSixth: any;
oneTwelve: any;
twoTwelve: any;
threeTwelve: any;
fourTwelve: any;
fiveTwelve: any;
sixTwelve: any;
sevenTwelve: any;
eigthTwelve: any;
nineTwelve: any;
tenTwelve: any;
elevenTwelve: any;
full: any;
hscreen: any;
wscreen: any;
min: any;
max: any;
};
}, import("@stitches/react/types/config").DefaultThemeMap, {
fgap: (value: {
readonly [$$ScaleValue]: "space";
}) => {
margin: string;
'& > *': {
margin: string;
};
gap?: undefined;
} | {
gap: {
readonly [$$ScaleValue]: "space";
};
margin?: undefined;
'& > *'?: undefined;
};
m: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
};
mr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
ml: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
};
mx: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
my: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
p: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
};
pr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
pl: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
};
px: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
py: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
linearGradient: (value: string & {}) => {
backgroundImage: string;
};
br: (value: {
readonly [$$ScaleValue]: "radii";
}) => {
borderRadius: {
readonly [$$ScaleValue]: "radii";
};
};
fontType: (value: {
readonly [$$ScaleValue]: "fontSizes";
}) => {
fontSize: {
readonly [$$ScaleValue]: "fontSizes";
};
lineHeight: {
readonly [$$ScaleValue]: "fontSizes";
};
fontFamily: string;
};
}>>, css: | ((props: any) => import("react").ReactElement | null) | (new (props: any) => import("react").Component) | {
[name: string]: unknown;
})[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
downXs: string;
downSm: string;
downMd: string;
downLg: string;
downXl: string;
upSm: string;
upMd: string;
upLg: string;
upxl: string;
up2xl: string;
}, {
colors: {
text: any;
primary: any;
primaryText: any;
accent: any;
accentText: any;
info: any;
infoText: any;
warning: any;
warningText: any;
positive: any;
positiveText: any;
negative: any;
negativeText: any;
accent50: any;
accent100: any;
accent200: any;
accent300: any;
accent400: any;
accent500: any;
accent600: any;
accent700: any;
accent800: any;
accent900: any;
primary50: any;
primary100: any;
primary200: any;
primary300: any;
primary400: any;
primary500: any;
primary600: any;
primary700: any;
primary800: any;
primary900: any;
indigo50: any;
indigo100: any;
indigo200: any;
indigo300: any;
indigo400: any;
indigo500: any;
indigo600: any;
indigo700: any;
indigo800: any;
indigo900: any;
purple50: any;
purple100: any;
purple200: any;
purple300: any;
purple400: any;
purple500: any;
purple600: any;
purple700: any;
purple800: any;
purple900: any;
yellow50: any;
yellow100: any;
yellow200: any;
yellow300: any;
yellow400: any;
yellow500: any;
yellow600: any;
yellow700: any;
yellow800: any;
yellow900: any;
green50: any;
green100: any;
green200: any;
green300: any;
green400: any;
green500: any;
green600: any;
green700: any;
green800: any;
green900: any;
blue50: any;
blue100: any;
blue200: any;
blue300: any;
blue400: any;
blue500: any;
blue600: any;
blue700: any;
blue800: any;
blue900: any;
red50: any;
red100: any;
red200: any;
red300: any;
red400: any;
red500: any;
red600: any;
red700: any;
red800: any;
red900: any;
gray50: any;
gray100: any;
gray200: any;
gray300: any;
gray400: any;
gray500: any;
gray600: any;
gray700: any;
gray800: any;
gray900: any;
white: any;
black: any;
};
space: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
};
radii: {
none: any;
xs: any;
sm: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
full: any;
};
fontSizes: {
pxbase: any;
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
fonts: {
primary: any;
};
lineHeights: {
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
shadows: {
sm: any;
DEFAULT: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
inner: any;
none: any;
};
sizes: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
half: any;
oneThird: any;
twoThird: any;
oneFourth: any;
twoFourth: any;
threeFourth: any;
oneFifth: any;
twoFifth: any;
threeFifth: any;
fourFifth: any;
oneSixth: any;
twoSixth: any;
threeSixth: any;
fourSixth: any;
fiveSixth: any;
oneTwelve: any;
twoTwelve: any;
threeTwelve: any;
fourTwelve: any;
fiveTwelve: any;
sixTwelve: any;
sevenTwelve: any;
eigthTwelve: any;
nineTwelve: any;
tenTwelve: any;
elevenTwelve: any;
full: any;
hscreen: any;
wscreen: any;
min: any;
max: any;
};
}, import("@stitches/react/types/config").DefaultThemeMap, {
fgap: (value: {
readonly [$$ScaleValue]: "space";
}) => {
margin: string;
'& > *': {
margin: string;
};
gap?: undefined;
} | {
gap: {
readonly [$$ScaleValue]: "space";
};
margin?: undefined;
'& > *'?: undefined;
};
m: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
};
mr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
ml: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
};
mx: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
my: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
p: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
};
pr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
pl: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
};
px: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
py: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
linearGradient: (value: string & {}) => {
backgroundImage: string;
};
br: (value: {
readonly [$$ScaleValue]: "radii";
}) => {
borderRadius: {
readonly [$$ScaleValue]: "radii";
};
};
fontType: (value: {
readonly [$$ScaleValue]: "fontSizes";
}) => {
fontSize: {
readonly [$$ScaleValue]: "fontSizes";
};
lineHeight: {
readonly [$$ScaleValue]: "fontSizes";
};
fontFamily: string;
};
}>>(...composers: { [K in keyof Composers]: Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ExoticComponent | ((props: any) => import("react").ReactElement | null) | (new (props: any) => import("react").Component) ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex & {
variants?: {
[x: string]: {
[x: string]: CSS_1;
[x: number]: CSS_1;
};
} | undefined;
compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: (string & Record) | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) & {
css: CSS_1;
})[] | undefined;
defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: (string & Record) | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS_1 & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").CssComponent, import("@stitches/react/types/styled-component").StyledComponentProps, {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
downXs: string;
downSm: string;
downMd: string;
downLg: string;
downXl: string;
upSm: string;
upMd: string;
upLg: string;
upxl: string;
up2xl: string;
}, CSS_1>, globalCss: (...styles: ({
'@import'?: unknown;
'@font-face'?: unknown;
} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
[x: string]: import("@stitches/react/types/css-util").CSS<{
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
downXs: string;
downSm: string;
downMd: string;
downLg: string;
downXl: string;
upSm: string;
upMd: string;
upLg: string;
upxl: string;
up2xl: string;
}, {
colors: {
text: any;
primary: any;
primaryText: any;
accent: any;
accentText: any;
info: any;
infoText: any;
warning: any;
warningText: any;
positive: any;
positiveText: any;
negative: any;
negativeText: any;
accent50: any;
accent100: any;
accent200: any;
accent300: any;
accent400: any;
accent500: any;
accent600: any;
accent700: any;
accent800: any;
accent900: any;
primary50: any;
primary100: any;
primary200: any;
primary300: any;
primary400: any;
primary500: any;
primary600: any;
primary700: any;
primary800: any;
primary900: any;
indigo50: any;
indigo100: any;
indigo200: any;
indigo300: any;
indigo400: any;
indigo500: any;
indigo600: any;
indigo700: any;
indigo800: any;
indigo900: any;
purple50: any;
purple100: any;
purple200: any;
purple300: any;
purple400: any;
purple500: any;
purple600: any;
purple700: any;
purple800: any;
purple900: any;
yellow50: any;
yellow100: any;
yellow200: any;
yellow300: any;
yellow400: any;
yellow500: any;
yellow600: any;
yellow700: any;
yellow800: any;
yellow900: any;
green50: any;
green100: any;
green200: any;
green300: any;
green400: any;
green500: any;
green600: any;
green700: any;
green800: any;
green900: any;
blue50: any;
blue100: any;
blue200: any;
blue300: any;
blue400: any;
blue500: any;
blue600: any;
blue700: any;
blue800: any;
blue900: any;
red50: any;
red100: any;
red200: any;
red300: any;
red400: any;
red500: any;
red600: any;
red700: any;
red800: any;
red900: any;
gray50: any;
gray100: any;
gray200: any;
gray300: any;
gray400: any;
gray500: any;
gray600: any;
gray700: any;
gray800: any;
gray900: any;
white: any;
black: any;
};
space: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
};
radii: {
none: any;
xs: any;
sm: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
full: any;
};
fontSizes: {
pxbase: any;
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
fonts: {
primary: any;
};
lineHeights: {
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
shadows: {
sm: any;
DEFAULT: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
inner: any;
none: any;
};
sizes: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
half: any;
oneThird: any;
twoThird: any;
oneFourth: any;
twoFourth: any;
threeFourth: any;
oneFifth: any;
twoFifth: any;
threeFifth: any;
fourFifth: any;
oneSixth: any;
twoSixth: any;
threeSixth: any;
fourSixth: any;
fiveSixth: any;
oneTwelve: any;
twoTwelve: any;
threeTwelve: any;
fourTwelve: any;
fiveTwelve: any;
sixTwelve: any;
sevenTwelve: any;
eigthTwelve: any;
nineTwelve: any;
tenTwelve: any;
elevenTwelve: any;
full: any;
hscreen: any;
wscreen: any;
min: any;
max: any;
};
}, import("@stitches/react/types/config").DefaultThemeMap, {
fgap: (value: {
readonly [$$ScaleValue]: "space";
}) => {
margin: string;
'& > *': {
margin: string;
};
gap?: undefined;
} | {
gap: {
readonly [$$ScaleValue]: "space";
};
margin?: undefined;
'& > *'?: undefined;
};
m: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
};
mr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
ml: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
};
mx: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
my: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
p: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
};
pr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
pl: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
};
px: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
py: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
linearGradient: (value: string & {}) => {
backgroundImage: string;
};
br: (value: {
readonly [$$ScaleValue]: "radii";
}) => {
borderRadius: {
readonly [$$ScaleValue]: "radii";
};
};
fontType: (value: {
readonly [$$ScaleValue]: "fontSizes";
}) => {
fontSize: {
readonly [$$ScaleValue]: "fontSizes";
};
lineHeight: {
readonly [$$ScaleValue]: "fontSizes";
};
fontFamily: string;
};
}>;
} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
downXs: string;
downSm: string;
downMd: string;
downLg: string;
downXl: string;
upSm: string;
upMd: string;
upLg: string;
upxl: string;
up2xl: string;
}, {
colors: {
text: any;
primary: any;
primaryText: any;
accent: any;
accentText: any;
info: any;
infoText: any;
warning: any;
warningText: any;
positive: any;
positiveText: any;
negative: any;
negativeText: any;
accent50: any;
accent100: any;
accent200: any;
accent300: any;
accent400: any;
accent500: any;
accent600: any;
accent700: any;
accent800: any;
accent900: any;
primary50: any;
primary100: any;
primary200: any;
primary300: any;
primary400: any;
primary500: any;
primary600: any;
primary700: any;
primary800: any;
primary900: any;
indigo50: any;
indigo100: any;
indigo200: any;
indigo300: any;
indigo400: any;
indigo500: any;
indigo600: any;
indigo700: any;
indigo800: any;
indigo900: any;
purple50: any;
purple100: any;
purple200: any;
purple300: any;
purple400: any;
purple500: any;
purple600: any;
purple700: any;
purple800: any;
purple900: any;
yellow50: any;
yellow100: any;
yellow200: any;
yellow300: any;
yellow400: any;
yellow500: any;
yellow600: any;
yellow700: any;
yellow800: any;
yellow900: any;
green50: any;
green100: any;
green200: any;
green300: any;
green400: any;
green500: any;
green600: any;
green700: any;
green800: any;
green900: any;
blue50: any;
blue100: any;
blue200: any;
blue300: any;
blue400: any;
blue500: any;
blue600: any;
blue700: any;
blue800: any;
blue900: any;
red50: any;
red100: any;
red200: any;
red300: any;
red400: any;
red500: any;
red600: any;
red700: any;
red800: any;
red900: any;
gray50: any;
gray100: any;
gray200: any;
gray300: any;
gray400: any;
gray500: any;
gray600: any;
gray700: any;
gray800: any;
gray900: any;
white: any;
black: any;
};
space: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
};
radii: {
none: any;
xs: any;
sm: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
full: any;
};
fontSizes: {
pxbase: any;
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
fonts: {
primary: any;
};
lineHeights: {
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
shadows: {
sm: any;
DEFAULT: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
inner: any;
none: any;
};
sizes: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
half: any;
oneThird: any;
twoThird: any;
oneFourth: any;
twoFourth: any;
threeFourth: any;
oneFifth: any;
twoFifth: any;
threeFifth: any;
fourFifth: any;
oneSixth: any;
twoSixth: any;
threeSixth: any;
fourSixth: any;
fiveSixth: any;
oneTwelve: any;
twoTwelve: any;
threeTwelve: any;
fourTwelve: any;
fiveTwelve: any;
sixTwelve: any;
sevenTwelve: any;
eigthTwelve: any;
nineTwelve: any;
tenTwelve: any;
elevenTwelve: any;
full: any;
hscreen: any;
wscreen: any;
min: any;
max: any;
};
}, import("@stitches/react/types/config").DefaultThemeMap, {
fgap: (value: {
readonly [$$ScaleValue]: "space";
}) => {
margin: string;
'& > *': {
margin: string;
};
gap?: undefined;
} | {
gap: {
readonly [$$ScaleValue]: "space";
};
margin?: undefined;
'& > *'?: undefined;
};
m: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
};
mr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
ml: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
};
mx: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
my: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
p: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
};
pr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
pl: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
};
px: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
py: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
linearGradient: (value: string & {}) => {
backgroundImage: string;
};
br: (value: {
readonly [$$ScaleValue]: "radii";
}) => {
borderRadius: {
readonly [$$ScaleValue]: "radii";
};
};
fontType: (value: {
readonly [$$ScaleValue]: "fontSizes";
}) => {
fontSize: {
readonly [$$ScaleValue]: "fontSizes";
};
lineHeight: {
readonly [$$ScaleValue]: "fontSizes";
};
fontFamily: string;
};
}>; })[]) => () => string, theme: string & {
className: string;
selector: string;
} & {
colors: {
text: import("@stitches/react/types/theme").Token<"text", string, "colors", "">;
primary: import("@stitches/react/types/theme").Token<"primary", string, "colors", "">;
primaryText: import("@stitches/react/types/theme").Token<"primaryText", string, "colors", "">;
accent: import("@stitches/react/types/theme").Token<"accent", string, "colors", "">;
accentText: import("@stitches/react/types/theme").Token<"accentText", string, "colors", "">;
info: import("@stitches/react/types/theme").Token<"info", string, "colors", "">;
infoText: import("@stitches/react/types/theme").Token<"infoText", string, "colors", "">;
warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", "">;
warningText: import("@stitches/react/types/theme").Token<"warningText", string, "colors", "">;
positive: import("@stitches/react/types/theme").Token<"positive", string, "colors", "">;
positiveText: import("@stitches/react/types/theme").Token<"positiveText", string, "colors", "">;
negative: import("@stitches/react/types/theme").Token<"negative", string, "colors", "">;
negativeText: import("@stitches/react/types/theme").Token<"negativeText", string, "colors", "">;
accent50: import("@stitches/react/types/theme").Token<"accent50", string, "colors", "">;
accent100: import("@stitches/react/types/theme").Token<"accent100", string, "colors", "">;
accent200: import("@stitches/react/types/theme").Token<"accent200", string, "colors", "">;
accent300: import("@stitches/react/types/theme").Token<"accent300", string, "colors", "">;
accent400: import("@stitches/react/types/theme").Token<"accent400", string, "colors", "">;
accent500: import("@stitches/react/types/theme").Token<"accent500", string, "colors", "">;
accent600: import("@stitches/react/types/theme").Token<"accent600", string, "colors", "">;
accent700: import("@stitches/react/types/theme").Token<"accent700", string, "colors", "">;
accent800: import("@stitches/react/types/theme").Token<"accent800", string, "colors", "">;
accent900: import("@stitches/react/types/theme").Token<"accent900", string, "colors", "">;
primary50: import("@stitches/react/types/theme").Token<"primary50", string, "colors", "">;
primary100: import("@stitches/react/types/theme").Token<"primary100", string, "colors", "">;
primary200: import("@stitches/react/types/theme").Token<"primary200", string, "colors", "">;
primary300: import("@stitches/react/types/theme").Token<"primary300", string, "colors", "">;
primary400: import("@stitches/react/types/theme").Token<"primary400", string, "colors", "">;
primary500: import("@stitches/react/types/theme").Token<"primary500", string, "colors", "">;
primary600: import("@stitches/react/types/theme").Token<"primary600", string, "colors", "">;
primary700: import("@stitches/react/types/theme").Token<"primary700", string, "colors", "">;
primary800: import("@stitches/react/types/theme").Token<"primary800", string, "colors", "">;
primary900: import("@stitches/react/types/theme").Token<"primary900", string, "colors", "">;
indigo50: import("@stitches/react/types/theme").Token<"indigo50", string, "colors", "">;
indigo100: import("@stitches/react/types/theme").Token<"indigo100", string, "colors", "">;
indigo200: import("@stitches/react/types/theme").Token<"indigo200", string, "colors", "">;
indigo300: import("@stitches/react/types/theme").Token<"indigo300", string, "colors", "">;
indigo400: import("@stitches/react/types/theme").Token<"indigo400", string, "colors", "">;
indigo500: import("@stitches/react/types/theme").Token<"indigo500", string, "colors", "">;
indigo600: import("@stitches/react/types/theme").Token<"indigo600", string, "colors", "">;
indigo700: import("@stitches/react/types/theme").Token<"indigo700", string, "colors", "">;
indigo800: import("@stitches/react/types/theme").Token<"indigo800", string, "colors", "">;
indigo900: import("@stitches/react/types/theme").Token<"indigo900", string, "colors", "">;
purple50: import("@stitches/react/types/theme").Token<"purple50", string, "colors", "">;
purple100: import("@stitches/react/types/theme").Token<"purple100", string, "colors", "">;
purple200: import("@stitches/react/types/theme").Token<"purple200", string, "colors", "">;
purple300: import("@stitches/react/types/theme").Token<"purple300", string, "colors", "">;
purple400: import("@stitches/react/types/theme").Token<"purple400", string, "colors", "">;
purple500: import("@stitches/react/types/theme").Token<"purple500", string, "colors", "">;
purple600: import("@stitches/react/types/theme").Token<"purple600", string, "colors", "">;
purple700: import("@stitches/react/types/theme").Token<"purple700", string, "colors", "">;
purple800: import("@stitches/react/types/theme").Token<"purple800", string, "colors", "">;
purple900: import("@stitches/react/types/theme").Token<"purple900", string, "colors", "">;
yellow50: import("@stitches/react/types/theme").Token<"yellow50", string, "colors", "">;
yellow100: import("@stitches/react/types/theme").Token<"yellow100", string, "colors", "">;
yellow200: import("@stitches/react/types/theme").Token<"yellow200", string, "colors", "">;
yellow300: import("@stitches/react/types/theme").Token<"yellow300", string, "colors", "">;
yellow400: import("@stitches/react/types/theme").Token<"yellow400", string, "colors", "">;
yellow500: import("@stitches/react/types/theme").Token<"yellow500", string, "colors", "">;
yellow600: import("@stitches/react/types/theme").Token<"yellow600", string, "colors", "">;
yellow700: import("@stitches/react/types/theme").Token<"yellow700", string, "colors", "">;
yellow800: import("@stitches/react/types/theme").Token<"yellow800", string, "colors", "">;
yellow900: import("@stitches/react/types/theme").Token<"yellow900", string, "colors", "">;
green50: import("@stitches/react/types/theme").Token<"green50", string, "colors", "">;
green100: import("@stitches/react/types/theme").Token<"green100", string, "colors", "">;
green200: import("@stitches/react/types/theme").Token<"green200", string, "colors", "">;
green300: import("@stitches/react/types/theme").Token<"green300", string, "colors", "">;
green400: import("@stitches/react/types/theme").Token<"green400", string, "colors", "">;
green500: import("@stitches/react/types/theme").Token<"green500", string, "colors", "">;
green600: import("@stitches/react/types/theme").Token<"green600", string, "colors", "">;
green700: import("@stitches/react/types/theme").Token<"green700", string, "colors", "">;
green800: import("@stitches/react/types/theme").Token<"green800", string, "colors", "">;
green900: import("@stitches/react/types/theme").Token<"green900", string, "colors", "">;
blue50: import("@stitches/react/types/theme").Token<"blue50", string, "colors", "">;
blue100: import("@stitches/react/types/theme").Token<"blue100", string, "colors", "">;
blue200: import("@stitches/react/types/theme").Token<"blue200", string, "colors", "">;
blue300: import("@stitches/react/types/theme").Token<"blue300", string, "colors", "">;
blue400: import("@stitches/react/types/theme").Token<"blue400", string, "colors", "">;
blue500: import("@stitches/react/types/theme").Token<"blue500", string, "colors", "">;
blue600: import("@stitches/react/types/theme").Token<"blue600", string, "colors", "">;
blue700: import("@stitches/react/types/theme").Token<"blue700", string, "colors", "">;
blue800: import("@stitches/react/types/theme").Token<"blue800", string, "colors", "">;
blue900: import("@stitches/react/types/theme").Token<"blue900", string, "colors", "">;
red50: import("@stitches/react/types/theme").Token<"red50", string, "colors", "">;
red100: import("@stitches/react/types/theme").Token<"red100", string, "colors", "">;
red200: import("@stitches/react/types/theme").Token<"red200", string, "colors", "">;
red300: import("@stitches/react/types/theme").Token<"red300", string, "colors", "">;
red400: import("@stitches/react/types/theme").Token<"red400", string, "colors", "">;
red500: import("@stitches/react/types/theme").Token<"red500", string, "colors", "">;
red600: import("@stitches/react/types/theme").Token<"red600", string, "colors", "">;
red700: import("@stitches/react/types/theme").Token<"red700", string, "colors", "">;
red800: import("@stitches/react/types/theme").Token<"red800", string, "colors", "">;
red900: import("@stitches/react/types/theme").Token<"red900", string, "colors", "">;
gray50: import("@stitches/react/types/theme").Token<"gray50", string, "colors", "">;
gray100: import("@stitches/react/types/theme").Token<"gray100", string, "colors", "">;
gray200: import("@stitches/react/types/theme").Token<"gray200", string, "colors", "">;
gray300: import("@stitches/react/types/theme").Token<"gray300", string, "colors", "">;
gray400: import("@stitches/react/types/theme").Token<"gray400", string, "colors", "">;
gray500: import("@stitches/react/types/theme").Token<"gray500", string, "colors", "">;
gray600: import("@stitches/react/types/theme").Token<"gray600", string, "colors", "">;
gray700: import("@stitches/react/types/theme").Token<"gray700", string, "colors", "">;
gray800: import("@stitches/react/types/theme").Token<"gray800", string, "colors", "">;
gray900: import("@stitches/react/types/theme").Token<"gray900", string, "colors", "">;
white: import("@stitches/react/types/theme").Token<"white", string, "colors", "">;
black: import("@stitches/react/types/theme").Token<"black", string, "colors", "">;
};
space: {
px: import("@stitches/react/types/theme").Token<"px", string, "space", "">;
10: import("@stitches/react/types/theme").Token<"10", string, "space", "">;
20: import("@stitches/react/types/theme").Token<"20", string, "space", "">;
30: import("@stitches/react/types/theme").Token<"30", string, "space", "">;
40: import("@stitches/react/types/theme").Token<"40", string, "space", "">;
50: import("@stitches/react/types/theme").Token<"50", string, "space", "">;
60: import("@stitches/react/types/theme").Token<"60", string, "space", "">;
80: import("@stitches/react/types/theme").Token<"80", string, "space", "">;
100: import("@stitches/react/types/theme").Token<"100", string, "space", "">;
125: import("@stitches/react/types/theme").Token<"125", string, "space", "">;
150: import("@stitches/react/types/theme").Token<"150", string, "space", "">;
175: import("@stitches/react/types/theme").Token<"175", string, "space", "">;
200: import("@stitches/react/types/theme").Token<"200", string, "space", "">;
225: import("@stitches/react/types/theme").Token<"225", string, "space", "">;
250: import("@stitches/react/types/theme").Token<"250", string, "space", "">;
275: import("@stitches/react/types/theme").Token<"275", string, "space", "">;
300: import("@stitches/react/types/theme").Token<"300", string, "space", "">;
350: import("@stitches/react/types/theme").Token<"350", string, "space", "">;
400: import("@stitches/react/types/theme").Token<"400", string, "space", "">;
500: import("@stitches/react/types/theme").Token<"500", string, "space", "">;
600: import("@stitches/react/types/theme").Token<"600", string, "space", "">;
700: import("@stitches/react/types/theme").Token<"700", string, "space", "">;
800: import("@stitches/react/types/theme").Token<"800", string, "space", "">;
900: import("@stitches/react/types/theme").Token<"900", string, "space", "">;
1000: import("@stitches/react/types/theme").Token<"1000", string, "space", "">;
1100: import("@stitches/react/types/theme").Token<"1100", string, "space", "">;
1200: import("@stitches/react/types/theme").Token<"1200", string, "space", "">;
1300: import("@stitches/react/types/theme").Token<"1300", string, "space", "">;
1400: import("@stitches/react/types/theme").Token<"1400", string, "space", "">;
1500: import("@stitches/react/types/theme").Token<"1500", string, "space", "">;
1600: import("@stitches/react/types/theme").Token<"1600", string, "space", "">;
1800: import("@stitches/react/types/theme").Token<"1800", string, "space", "">;
2000: import("@stitches/react/types/theme").Token<"2000", string, "space", "">;
2400: import("@stitches/react/types/theme").Token<"2400", string, "space", "">;
};
radii: {
none: import("@stitches/react/types/theme").Token<"none", string, "radii", "">;
xs: import("@stitches/react/types/theme").Token<"xs", string, "radii", "">;
sm: import("@stitches/react/types/theme").Token<"sm", string, "radii", "">;
md: import("@stitches/react/types/theme").Token<"md", string, "radii", "">;
lg: import("@stitches/react/types/theme").Token<"lg", string, "radii", "">;
xl: import("@stitches/react/types/theme").Token<"xl", string, "radii", "">;
'2xl': import("@stitches/react/types/theme").Token<"2xl", string, "radii", "">;
'3xl': import("@stitches/react/types/theme").Token<"3xl", string, "radii", "">;
full: import("@stitches/react/types/theme").Token<"full", string, "radii", "">;
};
fontSizes: {
pxbase: import("@stitches/react/types/theme").Token<"pxbase", string, "fontSizes", "">;
xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "">;
sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "">;
base: import("@stitches/react/types/theme").Token<"base", string, "fontSizes", "">;
lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "">;
xl: import("@stitches/react/types/theme").Token<"xl", string, "fontSizes", "">;
'2xl': import("@stitches/react/types/theme").Token<"2xl", string, "fontSizes", "">;
'3xl': import("@stitches/react/types/theme").Token<"3xl", string, "fontSizes", "">;
'4xl': import("@stitches/react/types/theme").Token<"4xl", string, "fontSizes", "">;
'5xl': import("@stitches/react/types/theme").Token<"5xl", string, "fontSizes", "">;
'6xl': import("@stitches/react/types/theme").Token<"6xl", string, "fontSizes", "">;
'7xl': import("@stitches/react/types/theme").Token<"7xl", string, "fontSizes", "">;
'8xl': import("@stitches/react/types/theme").Token<"8xl", string, "fontSizes", "">;
'9xl': import("@stitches/react/types/theme").Token<"9xl", string, "fontSizes", "">;
};
fonts: {
primary: import("@stitches/react/types/theme").Token<"primary", string, "fonts", "">;
};
lineHeights: {
xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", "">;
sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", "">;
base: import("@stitches/react/types/theme").Token<"base", string, "lineHeights", "">;
lg: import("@stitches/react/types/theme").Token<"lg", string, "lineHeights", "">;
xl: import("@stitches/react/types/theme").Token<"xl", string, "lineHeights", "">;
'2xl': import("@stitches/react/types/theme").Token<"2xl", string, "lineHeights", "">;
'3xl': import("@stitches/react/types/theme").Token<"3xl", string, "lineHeights", "">;
'4xl': import("@stitches/react/types/theme").Token<"4xl", string, "lineHeights", "">;
'5xl': import("@stitches/react/types/theme").Token<"5xl", string, "lineHeights", "">;
'6xl': import("@stitches/react/types/theme").Token<"6xl", string, "lineHeights", "">;
'7xl': import("@stitches/react/types/theme").Token<"7xl", string, "lineHeights", "">;
'8xl': import("@stitches/react/types/theme").Token<"8xl", string, "lineHeights", "">;
'9xl': import("@stitches/react/types/theme").Token<"9xl", string, "lineHeights", "">;
};
shadows: {
sm: import("@stitches/react/types/theme").Token<"sm", string, "shadows", "">;
DEFAULT: import("@stitches/react/types/theme").Token<"DEFAULT", string, "shadows", "">;
md: import("@stitches/react/types/theme").Token<"md", string, "shadows", "">;
lg: import("@stitches/react/types/theme").Token<"lg", string, "shadows", "">;
xl: import("@stitches/react/types/theme").Token<"xl", string, "shadows", "">;
'2xl': import("@stitches/react/types/theme").Token<"2xl", string, "shadows", "">;
'3xl': import("@stitches/react/types/theme").Token<"3xl", string, "shadows", "">;
inner: import("@stitches/react/types/theme").Token<"inner", string, "shadows", "">;
none: import("@stitches/react/types/theme").Token<"none", string, "shadows", "">;
};
sizes: {
px: import("@stitches/react/types/theme").Token<"px", string, "sizes", "">;
10: import("@stitches/react/types/theme").Token<"10", string, "sizes", "">;
20: import("@stitches/react/types/theme").Token<"20", string, "sizes", "">;
30: import("@stitches/react/types/theme").Token<"30", string, "sizes", "">;
40: import("@stitches/react/types/theme").Token<"40", string, "sizes", "">;
50: import("@stitches/react/types/theme").Token<"50", string, "sizes", "">;
60: import("@stitches/react/types/theme").Token<"60", string, "sizes", "">;
80: import("@stitches/react/types/theme").Token<"80", string, "sizes", "">;
100: import("@stitches/react/types/theme").Token<"100", string, "sizes", "">;
125: import("@stitches/react/types/theme").Token<"125", string, "sizes", "">;
150: import("@stitches/react/types/theme").Token<"150", string, "sizes", "">;
175: import("@stitches/react/types/theme").Token<"175", string, "sizes", "">;
200: import("@stitches/react/types/theme").Token<"200", string, "sizes", "">;
225: import("@stitches/react/types/theme").Token<"225", string, "sizes", "">;
250: import("@stitches/react/types/theme").Token<"250", string, "sizes", "">;
275: import("@stitches/react/types/theme").Token<"275", string, "sizes", "">;
300: import("@stitches/react/types/theme").Token<"300", string, "sizes", "">;
350: import("@stitches/react/types/theme").Token<"350", string, "sizes", "">;
400: import("@stitches/react/types/theme").Token<"400", string, "sizes", "">;
500: import("@stitches/react/types/theme").Token<"500", string, "sizes", "">;
600: import("@stitches/react/types/theme").Token<"600", string, "sizes", "">;
700: import("@stitches/react/types/theme").Token<"700", string, "sizes", "">;
800: import("@stitches/react/types/theme").Token<"800", string, "sizes", "">;
900: import("@stitches/react/types/theme").Token<"900", string, "sizes", "">;
1000: import("@stitches/react/types/theme").Token<"1000", string, "sizes", "">;
1100: import("@stitches/react/types/theme").Token<"1100", string, "sizes", "">;
1200: import("@stitches/react/types/theme").Token<"1200", string, "sizes", "">;
1300: import("@stitches/react/types/theme").Token<"1300", string, "sizes", "">;
1400: import("@stitches/react/types/theme").Token<"1400", string, "sizes", "">;
1500: import("@stitches/react/types/theme").Token<"1500", string, "sizes", "">;
1600: import("@stitches/react/types/theme").Token<"1600", string, "sizes", "">;
1800: import("@stitches/react/types/theme").Token<"1800", string, "sizes", "">;
2000: import("@stitches/react/types/theme").Token<"2000", string, "sizes", "">;
2400: import("@stitches/react/types/theme").Token<"2400", string, "sizes", "">;
half: import("@stitches/react/types/theme").Token<"half", string, "sizes", "">;
oneThird: import("@stitches/react/types/theme").Token<"oneThird", string, "sizes", "">;
twoThird: import("@stitches/react/types/theme").Token<"twoThird", string, "sizes", "">;
oneFourth: import("@stitches/react/types/theme").Token<"oneFourth", string, "sizes", "">;
twoFourth: import("@stitches/react/types/theme").Token<"twoFourth", string, "sizes", "">;
threeFourth: import("@stitches/react/types/theme").Token<"threeFourth", string, "sizes", "">;
oneFifth: import("@stitches/react/types/theme").Token<"oneFifth", string, "sizes", "">;
twoFifth: import("@stitches/react/types/theme").Token<"twoFifth", string, "sizes", "">;
threeFifth: import("@stitches/react/types/theme").Token<"threeFifth", string, "sizes", "">;
fourFifth: import("@stitches/react/types/theme").Token<"fourFifth", string, "sizes", "">;
oneSixth: import("@stitches/react/types/theme").Token<"oneSixth", string, "sizes", "">;
twoSixth: import("@stitches/react/types/theme").Token<"twoSixth", string, "sizes", "">;
threeSixth: import("@stitches/react/types/theme").Token<"threeSixth", string, "sizes", "">;
fourSixth: import("@stitches/react/types/theme").Token<"fourSixth", string, "sizes", "">;
fiveSixth: import("@stitches/react/types/theme").Token<"fiveSixth", string, "sizes", "">;
oneTwelve: import("@stitches/react/types/theme").Token<"oneTwelve", string, "sizes", "">;
twoTwelve: import("@stitches/react/types/theme").Token<"twoTwelve", string, "sizes", "">;
threeTwelve: import("@stitches/react/types/theme").Token<"threeTwelve", string, "sizes", "">;
fourTwelve: import("@stitches/react/types/theme").Token<"fourTwelve", string, "sizes", "">;
fiveTwelve: import("@stitches/react/types/theme").Token<"fiveTwelve", string, "sizes", "">;
sixTwelve: import("@stitches/react/types/theme").Token<"sixTwelve", string, "sizes", "">;
sevenTwelve: import("@stitches/react/types/theme").Token<"sevenTwelve", string, "sizes", "">;
eigthTwelve: import("@stitches/react/types/theme").Token<"eigthTwelve", string, "sizes", "">;
nineTwelve: import("@stitches/react/types/theme").Token<"nineTwelve", string, "sizes", "">;
tenTwelve: import("@stitches/react/types/theme").Token<"tenTwelve", string, "sizes", "">;
elevenTwelve: import("@stitches/react/types/theme").Token<"elevenTwelve", string, "sizes", "">;
full: import("@stitches/react/types/theme").Token<"full", string, "sizes", "">;
hscreen: import("@stitches/react/types/theme").Token<"hscreen", string, "sizes", "">;
wscreen: import("@stitches/react/types/theme").Token<"wscreen", string, "sizes", "">;
min: import("@stitches/react/types/theme").Token<"min", string, "sizes", "">;
max: import("@stitches/react/types/theme").Token<"max", string, "sizes", "">;
};
}, keyframes: (style: {
[offset: string]: import("@stitches/react/types/css-util").CSS<{
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
downXs: string;
downSm: string;
downMd: string;
downLg: string;
downXl: string;
upSm: string;
upMd: string;
upLg: string;
upxl: string;
up2xl: string;
}, {
colors: {
text: any;
primary: any;
primaryText: any;
accent: any;
accentText: any;
info: any;
infoText: any;
warning: any;
warningText: any;
positive: any;
positiveText: any;
negative: any;
negativeText: any;
accent50: any;
accent100: any;
accent200: any;
accent300: any;
accent400: any;
accent500: any;
accent600: any;
accent700: any;
accent800: any;
accent900: any;
primary50: any;
primary100: any;
primary200: any;
primary300: any;
primary400: any;
primary500: any;
primary600: any;
primary700: any;
primary800: any;
primary900: any;
indigo50: any;
indigo100: any;
indigo200: any;
indigo300: any;
indigo400: any;
indigo500: any;
indigo600: any;
indigo700: any;
indigo800: any;
indigo900: any;
purple50: any;
purple100: any;
purple200: any;
purple300: any;
purple400: any;
purple500: any;
purple600: any;
purple700: any;
purple800: any;
purple900: any;
yellow50: any;
yellow100: any;
yellow200: any;
yellow300: any;
yellow400: any;
yellow500: any;
yellow600: any;
yellow700: any;
yellow800: any;
yellow900: any;
green50: any;
green100: any;
green200: any;
green300: any;
green400: any;
green500: any;
green600: any;
green700: any;
green800: any;
green900: any;
blue50: any;
blue100: any;
blue200: any;
blue300: any;
blue400: any;
blue500: any;
blue600: any;
blue700: any;
blue800: any;
blue900: any;
red50: any;
red100: any;
red200: any;
red300: any;
red400: any;
red500: any;
red600: any;
red700: any;
red800: any;
red900: any;
gray50: any;
gray100: any;
gray200: any;
gray300: any;
gray400: any;
gray500: any;
gray600: any;
gray700: any;
gray800: any;
gray900: any;
white: any;
black: any;
};
space: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
};
radii: {
none: any;
xs: any;
sm: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
full: any;
};
fontSizes: {
pxbase: any;
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
fonts: {
primary: any;
};
lineHeights: {
xs: any;
sm: any;
base: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
'4xl': any;
'5xl': any;
'6xl': any;
'7xl': any;
'8xl': any;
'9xl': any;
};
shadows: {
sm: any;
DEFAULT: any;
md: any;
lg: any;
xl: any;
'2xl': any;
'3xl': any;
inner: any;
none: any;
};
sizes: {
px: any;
10: any;
20: any;
30: any;
40: any;
50: any;
60: any;
80: any;
100: any;
125: any;
150: any;
175: any;
200: any;
225: any;
250: any;
275: any;
300: any;
350: any;
400: any;
500: any;
600: any;
700: any;
800: any;
900: any;
1000: any;
1100: any;
1200: any;
1300: any;
1400: any;
1500: any;
1600: any;
1800: any;
2000: any;
2400: any;
half: any;
oneThird: any;
twoThird: any;
oneFourth: any;
twoFourth: any;
threeFourth: any;
oneFifth: any;
twoFifth: any;
threeFifth: any;
fourFifth: any;
oneSixth: any;
twoSixth: any;
threeSixth: any;
fourSixth: any;
fiveSixth: any;
oneTwelve: any;
twoTwelve: any;
threeTwelve: any;
fourTwelve: any;
fiveTwelve: any;
sixTwelve: any;
sevenTwelve: any;
eigthTwelve: any;
nineTwelve: any;
tenTwelve: any;
elevenTwelve: any;
full: any;
hscreen: any;
wscreen: any;
min: any;
max: any;
};
}, import("@stitches/react/types/config").DefaultThemeMap, {
fgap: (value: {
readonly [$$ScaleValue]: "space";
}) => {
margin: string;
'& > *': {
margin: string;
};
gap?: undefined;
} | {
gap: {
readonly [$$ScaleValue]: "space";
};
margin?: undefined;
'& > *'?: undefined;
};
m: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
};
mr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
mb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
ml: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
};
mx: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginLeft: {
readonly [$$ScaleValue]: "space";
};
marginRight: {
readonly [$$ScaleValue]: "space";
};
};
my: (value: {
readonly [$$ScaleValue]: "space";
}) => {
marginTop: {
readonly [$$ScaleValue]: "space";
};
marginBottom: {
readonly [$$ScaleValue]: "space";
};
};
p: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pt: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
};
pr: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
pb: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
pl: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
};
px: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingLeft: {
readonly [$$ScaleValue]: "space";
};
paddingRight: {
readonly [$$ScaleValue]: "space";
};
};
py: (value: {
readonly [$$ScaleValue]: "space";
}) => {
paddingTop: {
readonly [$$ScaleValue]: "space";
};
paddingBottom: {
readonly [$$ScaleValue]: "space";
};
};
linearGradient: (value: string & {}) => {
backgroundImage: string;
};
br: (value: {
readonly [$$ScaleValue]: "radii";
}) => {
borderRadius: {
readonly [$$ScaleValue]: "radii";
};
};
fontType: (value: {
readonly [$$ScaleValue]: "fontSizes";
}) => {
fontSize: {
readonly [$$ScaleValue]: "fontSizes";
};
lineHeight: {
readonly [$$ScaleValue]: "fontSizes";
};
fontFamily: string;
};
}>;
}) => {
(): string;
name: string;
}, getCssText: () => string;
export declare type CSS = Stitches.CSS;
export {};