@saleor/macaw-ui/dist/theme/contract.css.d.ts

Saleor's UI component library

export declare const vars: {
    spacing: {
        0: `var(--${string})`;
        px: `var(--${string})`;
        0.5: `var(--${string})`;
        1: `var(--${string})`;
        1.5: `var(--${string})`;
        2: `var(--${string})`;
        2.5: `var(--${string})`;
        3: `var(--${string})`;
        3.5: `var(--${string})`;
        4: `var(--${string})`;
        5: `var(--${string})`;
        6: `var(--${string})`;
        7: `var(--${string})`;
        8: `var(--${string})`;
        9: `var(--${string})`;
        10: `var(--${string})`;
        11: `var(--${string})`;
        12: `var(--${string})`;
        14: `var(--${string})`;
        16: `var(--${string})`;
        20: `var(--${string})`;
        24: `var(--${string})`;
        28: `var(--${string})`;
        32: `var(--${string})`;
        36: `var(--${string})`;
        40: `var(--${string})`;
        44: `var(--${string})`;
        48: `var(--${string})`;
        52: `var(--${string})`;
    };
    colors: {
        background: {
            accent1: `var(--${string})`;
            accent1Hovered: `var(--${string})`;
            accent1Focused: `var(--${string})`;
            accent1Pressed: `var(--${string})`;
            buttonCriticalDisabled: `var(--${string})`;
            buttonCriticalPrimary: `var(--${string})`;
            buttonCriticalPrimaryFocused: `var(--${string})`;
            buttonCriticalPrimaryHovered: `var(--${string})`;
            buttonCriticalPrimaryPressed: `var(--${string})`;
            buttonDefaultDisabled: `var(--${string})`;
            buttonDefaultPrimary: `var(--${string})`;
            buttonDefaultPrimaryFocused: `var(--${string})`;
            buttonDefaultPrimaryHovered: `var(--${string})`;
            buttonDefaultPrimaryPressed: `var(--${string})`;
            buttonDefaultSecondary: `var(--${string})`;
            buttonDefaultSecondaryFocused: `var(--${string})`;
            buttonDefaultSecondaryHovered: `var(--${string})`;
            buttonDefaultSecondaryPressed: `var(--${string})`;
            buttonDefaultTertiary: `var(--${string})`;
            buttonDefaultTertiaryFocused: `var(--${string})`;
            buttonDefaultTertiaryHovered: `var(--${string})`;
            buttonDefaultTertiaryPressed: `var(--${string})`;
            critical1: `var(--${string})`;
            critical1Focused: `var(--${string})`;
            critical1Hovered: `var(--${string})`;
            critical1Pressed: `var(--${string})`;
            critical2: `var(--${string})`;
            default1: `var(--${string})`;
            default1Focused: `var(--${string})`;
            default1Hovered: `var(--${string})`;
            default1Pressed: `var(--${string})`;
            default2: `var(--${string})`;
            default3: `var(--${string})`;
            defaultDisabled: `var(--${string})`;
            info1: `var(--${string})`;
            success1: `var(--${string})`;
            warning1: `var(--${string})`;
        };
        text: {
            accent1: `var(--${string})`;
            buttonCriticalDisabled: `var(--${string})`;
            buttonCriticalPrimary: `var(--${string})`;
            buttonDefaultPrimary: `var(--${string})`;
            buttonDefaultSecondary: `var(--${string})`;
            buttonDefaultTertiary: `var(--${string})`;
            critical1: `var(--${string})`;
            critical2: `var(--${string})`;
            default1: `var(--${string})`;
            default2: `var(--${string})`;
            defaultDisabled: `var(--${string})`;
            info1: `var(--${string})`;
            success1: `var(--${string})`;
            warning1: `var(--${string})`;
        };
        border: {
            accent1: `var(--${string})`;
            critical1: `var(--${string})`;
            default1: `var(--${string})`;
            default1Focused: `var(--${string})`;
            default1Hovered: `var(--${string})`;
            default2: `var(--${string})`;
            defaultDisabled: `var(--${string})`;
            info1: `var(--${string})`;
            success1: `var(--${string})`;
            warning1: `var(--${string})`;
        };
    };
    fontSize: {
        1: `var(--${string})`;
        2: `var(--${string})`;
        3: `var(--${string})`;
        4: `var(--${string})`;
        5: `var(--${string})`;
        6: `var(--${string})`;
        7: `var(--${string})`;
        8: `var(--${string})`;
        9: `var(--${string})`;
        10: `var(--${string})`;
        11: `var(--${string})`;
    };
    borderRadius: {
        1: `var(--${string})`;
        2: `var(--${string})`;
        3: `var(--${string})`;
        4: `var(--${string})`;
        5: `var(--${string})`;
        6: `var(--${string})`;
        7: `var(--${string})`;
        8: `var(--${string})`;
        9: `var(--${string})`;
    };
    lineHeight: {
        1: `var(--${string})`;
        2: `var(--${string})`;
        3: `var(--${string})`;
        4: `var(--${string})`;
        5: `var(--${string})`;
        6: `var(--${string})`;
        7: `var(--${string})`;
        8: `var(--${string})`;
        9: `var(--${string})`;
        10: `var(--${string})`;
        11: `var(--${string})`;
    };
    fontWeight: {
        light: `var(--${string})`;
        regular: `var(--${string})`;
        medium: `var(--${string})`;
        bold: `var(--${string})`;
    };
    letterSpacing: {
        1: `var(--${string})`;
        2: `var(--${string})`;
        3: `var(--${string})`;
        4: `var(--${string})`;
        5: `var(--${string})`;
        6: `var(--${string})`;
        7: `var(--${string})`;
        8: `var(--${string})`;
        9: `var(--${string})`;
        10: `var(--${string})`;
        11: `var(--${string})`;
    };
    boxShadow: {
        defaultFocused: `var(--${string})`;
        defaultHovered: `var(--${string})`;
        defaultOverlay: `var(--${string})`;
        defaultModal: `var(--${string})`;
    };
    borderWidth: {
        0: `var(--${string})`;
        1: `var(--${string})`;
    };
};