@100mslive/roomkit-react
Version:

346 lines (345 loc) • 12 kB
TypeScript
export declare const Fieldset: import("@stitches/react/types/styled-component").StyledComponent<"fieldset", {}, {
allowMotion: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
ls: string;
}, import("@stitches/react/types/css-util").CSS<{
allowMotion: string;
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
ls: string;
}, {
colors: {
primary_default: string;
primary_bright: string;
primary_dim: string;
primary_disabled: string;
on_primary_high: string;
on_primary_medium: string;
on_primary_low: string;
secondary_default: string;
secondary_bright: string;
secondary_dim: string;
secondary_disabled: string;
on_secondary_high: string;
on_secondary_medium: string;
on_secondary_low: string;
background_default: string;
background_dim: string;
surface_default: string;
surface_bright: string;
surface_brighter: string;
surface_dim: string;
on_surface_high: string;
on_surface_medium: string;
on_surface_low: string;
border_default: string;
border_bright: string;
alert_success: string;
alert_warning: string;
alert_error_default: string;
alert_error_bright: string;
alert_error_brighter: string;
alert_error_dim: string;
};
shadows: {
sm: string;
md: string;
};
fonts: {
sans: string;
};
fontSizes: {
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h6: string;
tiny: string;
xs: string;
sm: string;
md: string;
lg: string;
};
fontWeights: {
semiBold: number;
medium: number;
regular: number;
};
lineHeights: {
h1: string;
h2: string;
h3: string;
h4: string;
h5: string;
h6: string;
tiny: string;
xs: string;
sm: string;
md: string;
};
radii: {
'0': string;
'1': string;
'2': string;
'3': string;
'4': string;
round: string;
};
space: {
0: string;
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
px: string;
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
12: string;
13: string;
14: string;
15: string;
16: string;
17: string;
18: string;
19: string;
20: string;
24: string;
28: string;
32: string;
36: string;
40: string;
44: string;
48: string;
52: string;
56: string;
60: string;
64: string;
72: string;
80: string;
96: string;
100: string;
};
borderWidths: {
light: string;
normal: string;
bold: string;
extrabold: string;
black: string;
};
}, {
width: string;
height: string;
minWidth: string;
maxWidth: string;
minHeight: string;
maxHeight: string;
flexBasis: string;
gridTemplateColumns: string;
gridTemplateRows: string;
blockSize: string;
minBlockSize: string;
maxBlockSize: string;
inlineSize: string;
minInlineSize: string;
maxInlineSize: string;
gap: "space";
gridGap: "space";
columnGap: "space";
gridColumnGap: "space";
rowGap: "space";
gridRowGap: "space";
inset: "space";
insetBlock: "space";
insetBlockEnd: "space";
insetBlockStart: "space";
insetInline: "space";
insetInlineEnd: "space";
insetInlineStart: "space";
margin: "space";
marginTop: "space";
marginRight: "space";
marginBottom: "space";
marginLeft: "space";
marginBlock: "space";
marginBlockEnd: "space";
marginBlockStart: "space";
marginInline: "space";
marginInlineEnd: "space";
marginInlineStart: "space";
padding: "space";
paddingTop: "space";
paddingRight: "space";
paddingBottom: "space";
paddingLeft: "space";
paddingBlock: "space";
paddingBlockEnd: "space";
paddingBlockStart: "space";
paddingInline: "space";
paddingInlineEnd: "space";
paddingInlineStart: "space";
scrollMargin: "space";
scrollMarginTop: "space";
scrollMarginRight: "space";
scrollMarginBottom: "space";
scrollMarginLeft: "space";
scrollMarginBlock: "space";
scrollMarginBlockEnd: "space";
scrollMarginBlockStart: "space";
scrollMarginInline: "space";
scrollMarginInlineEnd: "space";
scrollMarginInlineStart: "space";
scrollPadding: "space";
scrollPaddingTop: "space";
scrollPaddingRight: "space";
scrollPaddingBottom: "space";
scrollPaddingLeft: "space";
scrollPaddingBlock: "space";
scrollPaddingBlockEnd: "space";
scrollPaddingBlockStart: "space";
scrollPaddingInline: "space";
scrollPaddingInlineEnd: "space";
scrollPaddingInlineStart: "space";
top: "space";
right: "space";
bottom: "space";
left: "space";
fontSize: "fontSizes";
background: "colors";
backgroundColor: "colors";
backgroundImage: "colors";
borderImage: "colors";
border: "colors";
borderBlock: "colors";
borderBlockEnd: "colors";
borderBlockStart: "colors";
borderBottom: "colors";
borderBottomColor: "colors";
borderColor: "colors";
borderInline: "colors";
borderInlineEnd: "colors";
borderInlineStart: "colors";
borderLeft: "colors";
borderLeftColor: "colors";
borderRight: "colors";
borderRightColor: "colors";
borderTop: "colors";
borderTopColor: "colors";
caretColor: "colors";
color: "colors";
columnRuleColor: "colors";
outline: "colors";
outlineColor: "colors";
fill: "colors";
stroke: "colors";
textDecorationColor: "colors";
fontFamily: "fonts";
fontWeight: "fontWeights";
lineHeight: "lineHeights";
letterSpacing: "letterSpacings";
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";
}, {
bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
};
c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
};
r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
};
fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
};
size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
};
}>>;