@useloops/design-system/dist/systems/BrandCore/primitiveVariables.d.ts

The official React based Loops design system

type GenericSizeMap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
declare const breakpoints: {
    sm: number;
    md: number;
    lg: number;
    lgNav: number;
    xl: number;
    xxl: number;
};
declare const space: {
    0: number;
    25: number;
    50: number;
    100: number;
    150: number;
    200: number;
    300: number;
    350: number;
    400: number;
    500: number;
    600: number;
    800: number;
    1000: number;
    2000: number;
};
declare const base: number;
declare const margin: {
    none: number;
    xs: number;
    sm: number;
    md: number;
    lg: number;
    xl: number;
    xxl: number;
    xxxl: number;
};
declare const padding: {
    none: number;
    xs: number;
    sm: number;
    md: number;
    lg: number;
    xl: number;
};
declare const radius: {
    none: number;
    xs: number;
    sm: number;
    md: number;
    lg: number;
    xl: number;
    round: number;
};
declare const elevation: {
    raised: string;
    float: string;
    overlay: string;
    aiSummary: string;
};
declare const elevationFilter: {
    raised: string;
    float: string;
    overlay: string;
};
declare const boxShadow: {
    input: {
        focus: string;
    };
};
declare const easing: {
    default: string;
    input: string;
};

export { base, boxShadow, breakpoints, easing, elevation, elevationFilter, margin, padding, radius, space };
export type { GenericSizeMap };