///
import type * as Stitches from "@stitches/react";
export declare const styled: | import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements, Composers extends (string | import("react").ComponentType | import("@stitches/react/types/util").Function | {
[name: string]: unknown;
})[], CSS = import("@stitches/react/types/css-util").CSS<{
s: string;
m: string;
l: string;
xl: string;
}, {
opacities: {
disabled: number;
};
colors: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
};
fonts: {
decorative: string;
text: string;
};
fontSizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
fontWeights: {
black: number;
bold: number;
medium: number;
regular: number;
};
lineHeights: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
space: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
};
sizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
radii: {
xs: string;
s: string;
m: string;
round: string;
};
shadows: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
card: string;
tooltip: string;
};
}, {
opacity: "opacities";
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";
}, {
p: (value: Stitches.PropertyValue<"padding">) => {
padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">;
};
pt: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
pr: (value: Stitches.PropertyValue<"paddingRight">) => {
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">;
};
pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">;
};
pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
px: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
py: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
m: (value: Stitches.PropertyValue<"margin">) => {
margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">;
};
mt: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
mr: (value: Stitches.PropertyValue<"marginRight">) => {
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">;
};
mb: (value: Stitches.PropertyValue<"marginBottom">) => {
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">;
};
ml: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
mx: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
my: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
size: (value: Stitches.PropertyValue<"width">) => {
width: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
height: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
};
bg: (value: Stitches.PropertyValue<"background">) => {
background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
};
pos: (value: Stitches.PropertyValue<"position">) => {
position: import("@stitches/react/types/css-util").WithPropertyValue<"position">;
};
}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").ComponentType | import("@stitches/react/types/util").Function ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex & {
variants?: {
[x: string]: {
[x: string]: CSS;
[x: number]: CSS;
};
} | undefined;
compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) & {
css: CSS;
})[] | undefined;
defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent, {
s: string;
m: string;
l: string;
xl: string;
}, import("@stitches/react/types/css-util").CSS<{
s: string;
m: string;
l: string;
xl: string;
}, {
opacities: {
disabled: number;
};
colors: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
};
fonts: {
decorative: string;
text: string;
};
fontSizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
fontWeights: {
black: number;
bold: number;
medium: number;
regular: number;
};
lineHeights: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
space: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
};
sizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
radii: {
xs: string;
s: string;
m: string;
round: string;
};
shadows: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
card: string;
tooltip: string;
};
}, {
opacity: "opacities";
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";
}, {
p: (value: Stitches.PropertyValue<"padding">) => {
padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">;
};
pt: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
pr: (value: Stitches.PropertyValue<"paddingRight">) => {
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">;
};
pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">;
};
pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
px: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
py: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
m: (value: Stitches.PropertyValue<"margin">) => {
margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">;
};
mt: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
mr: (value: Stitches.PropertyValue<"marginRight">) => {
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">;
};
mb: (value: Stitches.PropertyValue<"marginBottom">) => {
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">;
};
ml: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
mx: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
my: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
size: (value: Stitches.PropertyValue<"width">) => {
width: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
height: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
};
bg: (value: Stitches.PropertyValue<"background">) => {
background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
};
pos: (value: Stitches.PropertyValue<"position">) => {
position: import("@stitches/react/types/css-util").WithPropertyValue<"position">;
};
}>>, css: | import("react").ExoticComponent | import("@stitches/react/types/util").Function | {
[name: string]: unknown;
})[], CSS = import("@stitches/react/types/css-util").CSS<{
s: string;
m: string;
l: string;
xl: string;
}, {
opacities: {
disabled: number;
};
colors: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
};
fonts: {
decorative: string;
text: string;
};
fontSizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
fontWeights: {
black: number;
bold: number;
medium: number;
regular: number;
};
lineHeights: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
space: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
};
sizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
radii: {
xs: string;
s: string;
m: string;
round: string;
};
shadows: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
card: string;
tooltip: string;
};
}, {
opacity: "opacities";
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";
}, {
p: (value: Stitches.PropertyValue<"padding">) => {
padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">;
};
pt: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
pr: (value: Stitches.PropertyValue<"paddingRight">) => {
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">;
};
pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">;
};
pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
px: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
py: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
m: (value: Stitches.PropertyValue<"margin">) => {
margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">;
};
mt: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
mr: (value: Stitches.PropertyValue<"marginRight">) => {
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">;
};
mb: (value: Stitches.PropertyValue<"marginBottom">) => {
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">;
};
ml: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
mx: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
my: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
size: (value: Stitches.PropertyValue<"width">) => {
width: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
height: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
};
bg: (value: Stitches.PropertyValue<"background">) => {
background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
};
pos: (value: Stitches.PropertyValue<"position">) => {
position: import("@stitches/react/types/css-util").WithPropertyValue<"position">;
};
}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").JSXElementConstructor | import("react").ExoticComponent | import("@stitches/react/types/util").Function ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex & {
variants?: {
[x: string]: {
[x: string]: CSS;
[x: number]: CSS;
};
} | undefined;
compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) & {
css: CSS;
})[] | undefined;
defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").CssComponent, import("@stitches/react/types/styled-component").StyledComponentProps, {
s: string;
m: string;
l: string;
xl: string;
}, CSS>, 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<{
s: string;
m: string;
l: string;
xl: string;
}, {
opacities: {
disabled: number;
};
colors: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
};
fonts: {
decorative: string;
text: string;
};
fontSizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
fontWeights: {
black: number;
bold: number;
medium: number;
regular: number;
};
lineHeights: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
space: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
};
sizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
radii: {
xs: string;
s: string;
m: string;
round: string;
};
shadows: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
card: string;
tooltip: string;
};
}, {
opacity: "opacities";
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";
}, {
p: (value: Stitches.PropertyValue<"padding">) => {
padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">;
};
pt: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
pr: (value: Stitches.PropertyValue<"paddingRight">) => {
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">;
};
pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">;
};
pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
px: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
py: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
m: (value: Stitches.PropertyValue<"margin">) => {
margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">;
};
mt: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
mr: (value: Stitches.PropertyValue<"marginRight">) => {
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">;
};
mb: (value: Stitches.PropertyValue<"marginBottom">) => {
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">;
};
ml: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
mx: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
my: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
size: (value: Stitches.PropertyValue<"width">) => {
width: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
height: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
};
bg: (value: Stitches.PropertyValue<"background">) => {
background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
};
pos: (value: Stitches.PropertyValue<"position">) => {
position: import("@stitches/react/types/css-util").WithPropertyValue<"position">;
};
}>;
} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
s: string;
m: string;
l: string;
xl: string;
}, {
opacities: {
disabled: number;
};
colors: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
};
fonts: {
decorative: string;
text: string;
};
fontSizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
fontWeights: {
black: number;
bold: number;
medium: number;
regular: number;
};
lineHeights: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
space: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
};
sizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
radii: {
xs: string;
s: string;
m: string;
round: string;
};
shadows: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
card: string;
tooltip: string;
};
}, {
opacity: "opacities";
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";
}, {
p: (value: Stitches.PropertyValue<"padding">) => {
padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">;
};
pt: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
pr: (value: Stitches.PropertyValue<"paddingRight">) => {
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">;
};
pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">;
};
pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
px: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
py: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
m: (value: Stitches.PropertyValue<"margin">) => {
margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">;
};
mt: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
mr: (value: Stitches.PropertyValue<"marginRight">) => {
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">;
};
mb: (value: Stitches.PropertyValue<"marginBottom">) => {
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">;
};
ml: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
mx: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
my: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
size: (value: Stitches.PropertyValue<"width">) => {
width: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
height: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
};
bg: (value: Stitches.PropertyValue<"background">) => {
background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
};
pos: (value: Stitches.PropertyValue<"position">) => {
position: import("@stitches/react/types/css-util").WithPropertyValue<"position">;
};
}>; })[]) => () => string, keyframes: (style: {
[offset: string]: import("@stitches/react/types/css-util").CSS<{
s: string;
m: string;
l: string;
xl: string;
}, {
opacities: {
disabled: number;
};
colors: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
};
fonts: {
decorative: string;
text: string;
};
fontSizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
fontWeights: {
black: number;
bold: number;
medium: number;
regular: number;
};
lineHeights: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
space: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
};
sizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
radii: {
xs: string;
s: string;
m: string;
round: string;
};
shadows: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
card: string;
tooltip: string;
};
}, {
opacity: "opacities";
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";
}, {
p: (value: Stitches.PropertyValue<"padding">) => {
padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">;
};
pt: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
pr: (value: Stitches.PropertyValue<"paddingRight">) => {
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">;
};
pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">;
};
pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
px: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
py: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
m: (value: Stitches.PropertyValue<"margin">) => {
margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">;
};
mt: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
mr: (value: Stitches.PropertyValue<"marginRight">) => {
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">;
};
mb: (value: Stitches.PropertyValue<"marginBottom">) => {
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">;
};
ml: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
mx: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
my: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
size: (value: Stitches.PropertyValue<"width">) => {
width: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
height: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
};
bg: (value: Stitches.PropertyValue<"background">) => {
background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
};
pos: (value: Stitches.PropertyValue<"position">) => {
position: import("@stitches/react/types/css-util").WithPropertyValue<"position">;
};
}>;
}) => {
(): string;
name: string;
}, getCssText: () => string, theme: string & {
className: string;
selector: string;
} & {
opacities: {
disabled: import("@stitches/react/types/theme").Token<"disabled", string, "opacities", "cw-">;
};
colors: {
"light-chromia-dark": import("@stitches/react/types/theme").Token<"light-chromia-dark", string, "colors", "cw-">;
"light-off-white": import("@stitches/react/types/theme").Token<"light-off-white", string, "colors", "cw-">;
"light-red": import("@stitches/react/types/theme").Token<"light-red", string, "colors", "cw-">;
"light-orange": import("@stitches/react/types/theme").Token<"light-orange", string, "colors", "cw-">;
"light-steel-blue": import("@stitches/react/types/theme").Token<"light-steel-blue", string, "colors", "cw-">;
"light-purple": import("@stitches/react/types/theme").Token<"light-purple", string, "colors", "cw-">;
"light-soft-pink": import("@stitches/react/types/theme").Token<"light-soft-pink", string, "colors", "cw-">;
"light-yellow": import("@stitches/react/types/theme").Token<"light-yellow", string, "colors", "cw-">;
"light-green": import("@stitches/react/types/theme").Token<"light-green", string, "colors", "cw-">;
"dark-chromia-dark": import("@stitches/react/types/theme").Token<"dark-chromia-dark", string, "colors", "cw-">;
"dark-off-white": import("@stitches/react/types/theme").Token<"dark-off-white", string, "colors", "cw-">;
"dark-red": import("@stitches/react/types/theme").Token<"dark-red", string, "colors", "cw-">;
"dark-orange": import("@stitches/react/types/theme").Token<"dark-orange", string, "colors", "cw-">;
"dark-steel-blue": import("@stitches/react/types/theme").Token<"dark-steel-blue", string, "colors", "cw-">;
"dark-purple": import("@stitches/react/types/theme").Token<"dark-purple", string, "colors", "cw-">;
"dark-soft-pink": import("@stitches/react/types/theme").Token<"dark-soft-pink", string, "colors", "cw-">;
"dark-yellow": import("@stitches/react/types/theme").Token<"dark-yellow", string, "colors", "cw-">;
"dark-green": import("@stitches/react/types/theme").Token<"dark-green", string, "colors", "cw-">;
"gray-1": import("@stitches/react/types/theme").Token<"gray-1", string, "colors", "cw-">;
"gray-2": import("@stitches/react/types/theme").Token<"gray-2", string, "colors", "cw-">;
"gray-3": import("@stitches/react/types/theme").Token<"gray-3", string, "colors", "cw-">;
"gray-4": import("@stitches/react/types/theme").Token<"gray-4", string, "colors", "cw-">;
"gray-5": import("@stitches/react/types/theme").Token<"gray-5", string, "colors", "cw-">;
"off-white-72": import("@stitches/react/types/theme").Token<"off-white-72", string, "colors", "cw-">;
"off-white-36": import("@stitches/react/types/theme").Token<"off-white-36", string, "colors", "cw-">;
"off-white-18": import("@stitches/react/types/theme").Token<"off-white-18", string, "colors", "cw-">;
"off-white-9": import("@stitches/react/types/theme").Token<"off-white-9", string, "colors", "cw-">;
"off-white-3": import("@stitches/react/types/theme").Token<"off-white-3", string, "colors", "cw-">;
"off-white-72-opaque": import("@stitches/react/types/theme").Token<"off-white-72-opaque", string, "colors", "cw-">;
"off-white-36-opaque": import("@stitches/react/types/theme").Token<"off-white-36-opaque", string, "colors", "cw-">;
"off-white-18-opaque": import("@stitches/react/types/theme").Token<"off-white-18-opaque", string, "colors", "cw-">;
"off-white-9-opaque": import("@stitches/react/types/theme").Token<"off-white-9-opaque", string, "colors", "cw-">;
"off-white-3-opaque": import("@stitches/react/types/theme").Token<"off-white-3-opaque", string, "colors", "cw-">;
"chromia-dark-36": import("@stitches/react/types/theme").Token<"chromia-dark-36", string, "colors", "cw-">;
currentColor: import("@stitches/react/types/theme").Token<"currentColor", string, "colors", "cw-">;
};
fonts: {
decorative: import("@stitches/react/types/theme").Token<"decorative", string, "fonts", "cw-">;
text: import("@stitches/react/types/theme").Token<"text", string, "fonts", "cw-">;
};
fontSizes: {
1: import("@stitches/react/types/theme").Token<"1", string, "fontSizes", "cw-">;
2: import("@stitches/react/types/theme").Token<"2", string, "fontSizes", "cw-">;
3: import("@stitches/react/types/theme").Token<"3", string, "fontSizes", "cw-">;
4: import("@stitches/react/types/theme").Token<"4", string, "fontSizes", "cw-">;
5: import("@stitches/react/types/theme").Token<"5", string, "fontSizes", "cw-">;
6: import("@stitches/react/types/theme").Token<"6", string, "fontSizes", "cw-">;
7: import("@stitches/react/types/theme").Token<"7", string, "fontSizes", "cw-">;
};
fontWeights: {
black: import("@stitches/react/types/theme").Token<"black", string, "fontWeights", "cw-">;
bold: import("@stitches/react/types/theme").Token<"bold", string, "fontWeights", "cw-">;
medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", "cw-">;
regular: import("@stitches/react/types/theme").Token<"regular", string, "fontWeights", "cw-">;
};
lineHeights: {
1: import("@stitches/react/types/theme").Token<"1", string, "lineHeights", "cw-">;
2: import("@stitches/react/types/theme").Token<"2", string, "lineHeights", "cw-">;
3: import("@stitches/react/types/theme").Token<"3", string, "lineHeights", "cw-">;
4: import("@stitches/react/types/theme").Token<"4", string, "lineHeights", "cw-">;
5: import("@stitches/react/types/theme").Token<"5", string, "lineHeights", "cw-">;
6: import("@stitches/react/types/theme").Token<"6", string, "lineHeights", "cw-">;
7: import("@stitches/react/types/theme").Token<"7", string, "lineHeights", "cw-">;
};
space: {
1: import("@stitches/react/types/theme").Token<"1", string, "space", "cw-">;
2: import("@stitches/react/types/theme").Token<"2", string, "space", "cw-">;
3: import("@stitches/react/types/theme").Token<"3", string, "space", "cw-">;
4: import("@stitches/react/types/theme").Token<"4", string, "space", "cw-">;
5: import("@stitches/react/types/theme").Token<"5", string, "space", "cw-">;
6: import("@stitches/react/types/theme").Token<"6", string, "space", "cw-">;
7: import("@stitches/react/types/theme").Token<"7", string, "space", "cw-">;
8: import("@stitches/react/types/theme").Token<"8", string, "space", "cw-">;
9: import("@stitches/react/types/theme").Token<"9", string, "space", "cw-">;
10: import("@stitches/react/types/theme").Token<"10", string, "space", "cw-">;
};
sizes: {
1: import("@stitches/react/types/theme").Token<"1", string, "sizes", "cw-">;
2: import("@stitches/react/types/theme").Token<"2", string, "sizes", "cw-">;
3: import("@stitches/react/types/theme").Token<"3", string, "sizes", "cw-">;
4: import("@stitches/react/types/theme").Token<"4", string, "sizes", "cw-">;
5: import("@stitches/react/types/theme").Token<"5", string, "sizes", "cw-">;
6: import("@stitches/react/types/theme").Token<"6", string, "sizes", "cw-">;
7: import("@stitches/react/types/theme").Token<"7", string, "sizes", "cw-">;
8: import("@stitches/react/types/theme").Token<"8", string, "sizes", "cw-">;
9: import("@stitches/react/types/theme").Token<"9", string, "sizes", "cw-">;
};
radii: {
xs: import("@stitches/react/types/theme").Token<"xs", string, "radii", "cw-">;
s: import("@stitches/react/types/theme").Token<"s", string, "radii", "cw-">;
m: import("@stitches/react/types/theme").Token<"m", string, "radii", "cw-">;
round: import("@stitches/react/types/theme").Token<"round", string, "radii", "cw-">;
};
shadows: {
"light-chromia-dark": import("@stitches/react/types/theme").Token<"light-chromia-dark", string, "shadows", "cw-">;
"light-off-white": import("@stitches/react/types/theme").Token<"light-off-white", string, "shadows", "cw-">;
"light-red": import("@stitches/react/types/theme").Token<"light-red", string, "shadows", "cw-">;
"light-orange": import("@stitches/react/types/theme").Token<"light-orange", string, "shadows", "cw-">;
"light-steel-blue": import("@stitches/react/types/theme").Token<"light-steel-blue", string, "shadows", "cw-">;
"light-purple": import("@stitches/react/types/theme").Token<"light-purple", string, "shadows", "cw-">;
"light-soft-pink": import("@stitches/react/types/theme").Token<"light-soft-pink", string, "shadows", "cw-">;
"light-yellow": import("@stitches/react/types/theme").Token<"light-yellow", string, "shadows", "cw-">;
"light-green": import("@stitches/react/types/theme").Token<"light-green", string, "shadows", "cw-">;
"dark-chromia-dark": import("@stitches/react/types/theme").Token<"dark-chromia-dark", string, "shadows", "cw-">;
"dark-off-white": import("@stitches/react/types/theme").Token<"dark-off-white", string, "shadows", "cw-">;
"dark-red": import("@stitches/react/types/theme").Token<"dark-red", string, "shadows", "cw-">;
"dark-orange": import("@stitches/react/types/theme").Token<"dark-orange", string, "shadows", "cw-">;
"dark-steel-blue": import("@stitches/react/types/theme").Token<"dark-steel-blue", string, "shadows", "cw-">;
"dark-purple": import("@stitches/react/types/theme").Token<"dark-purple", string, "shadows", "cw-">;
"dark-soft-pink": import("@stitches/react/types/theme").Token<"dark-soft-pink", string, "shadows", "cw-">;
"dark-yellow": import("@stitches/react/types/theme").Token<"dark-yellow", string, "shadows", "cw-">;
"dark-green": import("@stitches/react/types/theme").Token<"dark-green", string, "shadows", "cw-">;
"gray-1": import("@stitches/react/types/theme").Token<"gray-1", string, "shadows", "cw-">;
"gray-2": import("@stitches/react/types/theme").Token<"gray-2", string, "shadows", "cw-">;
"gray-3": import("@stitches/react/types/theme").Token<"gray-3", string, "shadows", "cw-">;
"gray-4": import("@stitches/react/types/theme").Token<"gray-4", string, "shadows", "cw-">;
"gray-5": import("@stitches/react/types/theme").Token<"gray-5", string, "shadows", "cw-">;
"off-white-72": import("@stitches/react/types/theme").Token<"off-white-72", string, "shadows", "cw-">;
"off-white-36": import("@stitches/react/types/theme").Token<"off-white-36", string, "shadows", "cw-">;
"off-white-18": import("@stitches/react/types/theme").Token<"off-white-18", string, "shadows", "cw-">;
"off-white-9": import("@stitches/react/types/theme").Token<"off-white-9", string, "shadows", "cw-">;
"off-white-3": import("@stitches/react/types/theme").Token<"off-white-3", string, "shadows", "cw-">;
"off-white-72-opaque": import("@stitches/react/types/theme").Token<"off-white-72-opaque", string, "shadows", "cw-">;
"off-white-36-opaque": import("@stitches/react/types/theme").Token<"off-white-36-opaque", string, "shadows", "cw-">;
"off-white-18-opaque": import("@stitches/react/types/theme").Token<"off-white-18-opaque", string, "shadows", "cw-">;
"off-white-9-opaque": import("@stitches/react/types/theme").Token<"off-white-9-opaque", string, "shadows", "cw-">;
"off-white-3-opaque": import("@stitches/react/types/theme").Token<"off-white-3-opaque", string, "shadows", "cw-">;
"chromia-dark-36": import("@stitches/react/types/theme").Token<"chromia-dark-36", string, "shadows", "cw-">;
currentColor: import("@stitches/react/types/theme").Token<"currentColor", string, "shadows", "cw-">;
card: import("@stitches/react/types/theme").Token<"card", string, "shadows", "cw-">;
tooltip: import("@stitches/react/types/theme").Token<"tooltip", string, "shadows", "cw-">;
};
}, createTheme: (nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
className: string;
selector: string;
} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens : import("@stitches/react/types/stitches").ThemeTokens), config: {
prefix: "cw-";
media: {
s: string;
m: string;
l: string;
xl: string;
};
theme: {
opacities: {
disabled: number;
};
colors: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
};
fonts: {
decorative: string;
text: string;
};
fontSizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
fontWeights: {
black: number;
bold: number;
medium: number;
regular: number;
};
lineHeights: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
};
space: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
};
sizes: {
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
};
radii: {
xs: string;
s: string;
m: string;
round: string;
};
shadows: {
"light-chromia-dark": string;
"light-off-white": string;
"light-red": string;
"light-orange": string;
"light-steel-blue": string;
"light-purple": string;
"light-soft-pink": string;
"light-yellow": string;
"light-green": string;
"dark-chromia-dark": string;
"dark-off-white": string;
"dark-red": string;
"dark-orange": string;
"dark-steel-blue": string;
"dark-purple": string;
"dark-soft-pink": string;
"dark-yellow": string;
"dark-green": string;
"gray-1": string;
"gray-2": string;
"gray-3": string;
"gray-4": string;
"gray-5": string;
"off-white-72": string;
"off-white-36": string;
"off-white-18": string;
"off-white-9": string;
"off-white-3": string;
"off-white-72-opaque": string;
"off-white-36-opaque": string;
"off-white-18-opaque": string;
"off-white-9-opaque": string;
"off-white-3-opaque": string;
"chromia-dark-36": string;
currentColor: string;
card: string;
tooltip: string;
};
};
themeMap: {
opacity: "opacities";
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";
};
utils: {
p: (value: Stitches.PropertyValue<"padding">) => {
padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">;
};
pt: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
pr: (value: Stitches.PropertyValue<"paddingRight">) => {
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">;
};
pb: (value: Stitches.PropertyValue<"paddingBottom">) => {
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">;
};
pl: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
px: (value: Stitches.PropertyValue<"paddingLeft">) => {
paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">;
};
py: (value: Stitches.PropertyValue<"paddingTop">) => {
paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">;
};
m: (value: Stitches.PropertyValue<"margin">) => {
margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">;
};
mt: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
mr: (value: Stitches.PropertyValue<"marginRight">) => {
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">;
};
mb: (value: Stitches.PropertyValue<"marginBottom">) => {
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">;
};
ml: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
mx: (value: Stitches.PropertyValue<"marginLeft">) => {
marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">;
};
my: (value: Stitches.PropertyValue<"marginTop">) => {
marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">;
};
size: (value: Stitches.PropertyValue<"width">) => {
width: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
height: import("@stitches/react/types/css-util").WithPropertyValue<"width">;
};
bg: (value: Stitches.PropertyValue<"background">) => {
background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
};
pos: (value: Stitches.PropertyValue<"position">) => {
position: import("@stitches/react/types/css-util").WithPropertyValue<"position">;
};
};
};
export type CSS = Stitches.CSS;
export type StyledCSS = CSS & {
variants?: Record>;
};
export type CSSSingleVariant = Exclude[string];
//# sourceMappingURL=theme.d.ts.map