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

Saleor's UI component library

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