/**
 * Our internal configuration for breakpoints configuration.
 *
 * We explicitly use `-0.01rem` for "max" values to both ensure we do not overlap our media queries, but also don't skip any fractional pixels.  There is a chance this is not safe in some browsers, eg. Safari has weird rounding.
 * @see: https://tzi.fr/css/prevent-double-breakpoint/
 *
 * @experimental Unsafe for direct consumption outside of the design system itself; please use our `media` export instead for media queries.
 */
export declare const UNSAFE_BREAKPOINTS_CONFIG: {
    readonly xxs: {
        readonly gridItemGutter: "var(--ds-space-200)";
        readonly gridMargin: "var(--ds-space-200)";
        readonly min: "0rem";
        readonly max: "29.99rem";
    };
    readonly xs: {
        readonly gridItemGutter: "var(--ds-space-200)";
        readonly gridMargin: "var(--ds-space-200)";
        readonly min: "30rem";
        readonly max: "47.99rem";
    };
    readonly sm: {
        readonly gridItemGutter: "var(--ds-space-200)";
        readonly gridMargin: "var(--ds-space-300)";
        readonly min: "48rem";
        readonly max: "63.99rem";
    };
    readonly md: {
        readonly gridItemGutter: "var(--ds-space-300)";
        readonly gridMargin: "var(--ds-space-400)";
        readonly min: "64rem";
        readonly max: "89.99rem";
    };
    readonly lg: {
        readonly gridItemGutter: "var(--ds-space-400)";
        readonly gridMargin: "var(--ds-space-400)";
        readonly min: "90rem";
        readonly max: "109.99rem";
    };
    readonly xl: {
        readonly gridItemGutter: "var(--ds-space-400)";
        readonly gridMargin: "var(--ds-space-500)";
        readonly min: "110rem";
        readonly max: null;
    };
};
/**
 * The list of breakpoints in order from smallest to largest.  You may need to clone and reverse this list if you want the opposite.
 *
 * This is intentional for cascading with `min-width` or `media.above`. Media queries go from lowest width to highest.
 *
 * @experimental Unsafe for consumption outside of the design system itself.
 */
export declare const UNSAFE_BREAKPOINTS_ORDERED_LIST: [
    "xxs",
    "xs",
    "sm",
    "md",
    "lg",
    "xl"
];
/**
 * This is our smallest breakpoint with a few nuances to it:
 * 1. It is the default value for shorthands, eg. `<GridItem span={6} />` maps to `{ [SMALLEST_BREAKPOINT]: props.span }`
 * 2. It's omitted in `media.below` as there's nothing below `0px`.
 */
export declare const SMALLEST_BREAKPOINT: "xxs";