@kiwicom/orbit-components/lib/common/tailwind/spacing.d.ts

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com's products.

import { QUERIES } from "../../utils/mediaQuery";
import type { Direction } from "../../Stack/types";
export declare enum SPACING {
    NONE = "none",
    REVERSE = "reverse",
    FIFTY = "50",
    ONE_HUNDRED = "100",
    ONE_HUNDRED_FIFTY = "150",
    TWO_HUNDRED = "200",
    THREE_HUNDRED = "300",
    FOUR_HUNDRED = "400",
    FIVE_HUNDRED = "500",
    SIX_HUNDRED = "600",
    EIGHT_HUNDRED = "800",
    ONE_THOUSAND = "1000",
    ONE_THOUSAND_TWO_HUNDRED = "1200",
    ONE_THOUSAND_SIX_HUNDRED = "1600"
}
export declare const horizontalTokens: {
    [K in QUERIES | SPACING]: K extends QUERIES ? Record<SPACING, string> : string;
};
export declare const verticalTokens: {
    reverse: string;
    none: string;
    50: string;
    100: string;
    150: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    800: string;
    1000: string;
    1200: string;
    1600: string;
    mediumMobile: {
        reverse: string;
        none: string;
    };
    largeMobile: {
        reverse: string;
        none: string;
        50: string;
        100: string;
        150: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        800: string;
        1000: string;
        1200: string;
        1600: string;
    };
    tablet: {
        reverse: string;
        none: string;
        50: string;
        100: string;
        150: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        800: string;
        1000: string;
        1200: string;
        1600: string;
    };
    desktop: {
        reverse: string;
        none: string;
        50: string;
        100: string;
        150: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        800: string;
        1000: string;
        1200: string;
        1600: string;
    };
    largeDesktop: {
        reverse: string;
        none: string;
        50: string;
        100: string;
        150: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        800: string;
        1000: string;
        1200: string;
        1600: string;
    };
};
export declare const gapTokens: {
    none: string;
    50: string;
    100: string;
    150: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    800: string;
    1000: string;
    1200: string;
    1600: string;
    mediumMobile: {
        none: string;
        50: string;
        100: string;
        150: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        800: string;
        1000: string;
        1200: string;
        1600: string;
    };
    largeMobile: {
        none: string;
        50: string;
        100: string;
        150: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        800: string;
        1000: string;
        1200: string;
        1600: string;
    };
    tablet: {
        none: string;
        50: string;
        100: string;
        150: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        800: string;
        1000: string;
        1200: string;
        1600: string;
    };
    desktop: {
        none: string;
        50: string;
        100: string;
        150: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        800: string;
        1000: string;
        1200: string;
        1600: string;
    };
    largeDesktop: {
        none: string;
        50: string;
        100: string;
        150: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        800: string;
        1000: string;
        1200: string;
        1600: string;
    };
};
declare const getSpacingClasses: (spacing: `${SPACING}`, viewport?: QUERIES, direction?: Direction, useMargins?: boolean) => string;
export default getSpacingClasses;
//# sourceMappingURL=spacing.d.ts.map