@codesandbox/sandpack-react
Version:
<img style="width:100%" src="https://user-images.githubusercontent.com/4838076/143581035-ebee5ba2-9cb1-4fe8-a05b-2f44bd69bb4b.gif" alt="Component toolkit for live running code editing experiences" />
131 lines (130 loc) • 3.7 kB
TypeScript
export declare const iconStandaloneClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
svg: {
margin: string;
};
}>;
export declare const buttonClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
[x: string]: string | number | {
color: string;
minWidth?: undefined;
width?: undefined;
height?: undefined;
padding?: undefined;
display?: undefined;
paddingRight?: undefined;
paddingLeft?: undefined;
gap?: undefined;
} | {
minWidth: string;
width: string;
height: string;
color?: undefined;
padding?: undefined;
display?: undefined;
paddingRight?: undefined;
paddingLeft?: undefined;
gap?: undefined;
} | {
padding: string;
height: string;
display: string;
color?: undefined;
minWidth?: undefined;
width?: undefined;
paddingRight?: undefined;
paddingLeft?: undefined;
gap?: undefined;
} | {
width: string;
color?: undefined;
minWidth?: undefined;
height?: undefined;
padding?: undefined;
display?: undefined;
paddingRight?: undefined;
paddingLeft?: undefined;
gap?: undefined;
} | {
paddingRight: string;
paddingLeft: string;
gap: string;
color?: undefined;
minWidth?: undefined;
width?: undefined;
height?: undefined;
padding?: undefined;
display?: undefined;
};
appearance: string;
outline: string;
display: string;
alignItems: string;
fontSize: string;
fontFamily: string;
backgroundColor: string;
transition: string;
cursor: string;
color: string;
border: number;
textDecoration: string;
"&:disabled": {
color: string;
};
"&:hover:not(:disabled,[data-active='true'])": {
color: string;
};
'&[data-active="true"]': {
color: string;
};
svg: {
minWidth: string;
width: string;
height: string;
};
}>;
export declare const roundedButtonClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
backgroundColor: string;
borderRadius: string;
border: string;
'&[data-active="true"]': {
color: string;
background: string;
};
"&:hover:not(:disabled,[data-active='true'])": {
backgroundColor: string;
};
}>;
export declare const iconClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
padding: number;
}>;
export declare const fadeIn: {
(): string;
name: string;
};
export declare const absoluteClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
position: string;
bottom: string;
left: string;
right: string;
top: string;
margin: string;
overflow: string;
height: string;
zIndex: string;
}>;
export declare const errorClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
backgroundColor: string;
}>;
export declare const errorBundlerClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
[x: string]: string | {
marginTop: string;
width: string;
gap: string;
padding: string;
};
padding: string;
backgroundColor: string;
}>;
export declare const errorMessageClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
fontFamily: string;
}>;