@codesandbox/sandpack-react/dist/styles/shared.d.ts

<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" />

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;
}>;