@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/consts";
import type { Direction } from "../../Stack/types";
export declare enum SPACING {
    none = "none",
    XXXSmall = "XXXSmall",
    XXSmall = "XXSmall",
    XSmall = "XSmall",
    small = "small",
    medium = "medium",
    large = "large",
    XLarge = "XLarge",
    XXLarge = "XXLarge",
    XXXLarge = "XXXLarge",
    reverse = "reverse"
}
export declare const horizontalTokens: {
    [K in QUERIES | SPACING]: K extends QUERIES ? Record<SPACING, string> : string;
};
export declare const verticalTokens: {
    none: string;
    XXXSmall: string;
    XXSmall: string;
    XSmall: string;
    small: string;
    medium: string;
    large: string;
    XLarge: string;
    XXLarge: string;
    XXXLarge: string;
    reverse: string;
    mediumMobile: {
        none: string;
        XXXSmall: string;
        XXSmall: string;
        XSmall: string;
        small: string;
        medium: string;
        large: string;
        XLarge: string;
        XXLarge: string;
        XXXLarge: string;
        reverse: string;
    };
    largeMobile: {
        none: string;
        XXXSmall: string;
        XXSmall: string;
        XSmall: string;
        small: string;
        medium: string;
        large: string;
        XLarge: string;
        XXLarge: string;
        XXXLarge: string;
        reverse: string;
    };
    tablet: {
        none: string;
        XXXSmall: string;
        XXSmall: string;
        XSmall: string;
        small: string;
        medium: string;
        large: string;
        XLarge: string;
        XXLarge: string;
        XXXLarge: string;
        reverse: string;
    };
    desktop: {
        none: string;
        XXXSmall: string;
        XXSmall: string;
        XSmall: string;
        small: string;
        medium: string;
        large: string;
        XLarge: string;
        XXLarge: string;
        XXXLarge: string;
        reverse: string;
    };
    largeDesktop: {
        none: string;
        XXXSmall: string;
        XXSmall: string;
        XSmall: string;
        small: string;
        medium: string;
        large: string;
        XLarge: string;
        XXLarge: string;
        XXXLarge: string;
        reverse: string;
    };
};
export declare const gapTokens: {
    none: string;
    XXXSmall: string;
    XXSmall: string;
    XSmall: string;
    small: string;
    medium: string;
    large: string;
    XLarge: string;
    XXLarge: string;
    XXXLarge: string;
    mediumMobile: {
        none: string;
        XXXSmall: string;
        XXSmall: string;
        XSmall: string;
        small: string;
        medium: string;
        large: string;
        XLarge: string;
        XXLarge: string;
        XXXLarge: string;
    };
    largeMobile: {
        none: string;
        XXXSmall: string;
        XXSmall: string;
        XSmall: string;
        small: string;
        medium: string;
        large: string;
        XLarge: string;
        XXLarge: string;
        XXXLarge: string;
    };
    tablet: {
        none: string;
        XXXSmall: string;
        XXSmall: string;
        XSmall: string;
        small: string;
        medium: string;
        large: string;
        XLarge: string;
        XXLarge: string;
        XXXLarge: string;
    };
    desktop: {
        none: string;
        XXXSmall: string;
        XXSmall: string;
        XSmall: string;
        small: string;
        medium: string;
        large: string;
        XLarge: string;
        XXLarge: string;
        XXXLarge: string;
    };
    largeDesktop: {
        none: string;
        XXXSmall: string;
        XXSmall: string;
        XSmall: string;
        small: string;
        medium: string;
        large: string;
        XLarge: string;
        XXLarge: string;
        XXXLarge: string;
    };
};
declare const getSpacingClasses: (spacing: `${SPACING}`, viewport?: QUERIES, direction?: Direction, legacy?: boolean) => string;
export default getSpacingClasses;