"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.tokens = exports.tokensPixelated = void 0;
const colors_1 = require("./colors");
const core_1 = require("./core");
const breakpoints = {
    xsmall: 360,
    small: 500,
    medium: 700,
    large: 900,
    xlarge: 1200,
    xxlarge: 1600,
};
const radius = {
    xxxsmall: core_1.coreSpacing.space05,
    xxsmall: core_1.coreSpacing.space10,
    xsmall: core_1.coreSpacing.space15,
    small: core_1.coreSpacing.space20,
    medium: core_1.coreSpacing.space25,
    large: core_1.coreSpacing.space30,
    xlarge: core_1.coreSpacing.space40,
    xxlarge: core_1.coreSpacing.space50,
    massive: core_1.coreSpacing.space125,
    half: '50%',
    full: '100%',
};
const spacing = {
    xxxxsmall: core_1.coreSpacing.space025,
    xxxsmall: core_1.coreSpacing.space05,
    xxsmall: core_1.coreSpacing.space10,
    xsmall: core_1.coreSpacing.space15,
    small: core_1.coreSpacing.space20,
    medium: core_1.coreSpacing.space30,
    large: core_1.coreSpacing.space40,
    xlarge: core_1.coreSpacing.space50,
    xxlarge: core_1.coreSpacing.space80,
    xxxlarge: core_1.coreSpacing.space100,
    xxxxlarge: core_1.coreSpacing.space125,
    massive: core_1.coreSpacing.space150,
};
/** Layering scale: one place to see and adjust stacking order. Toast > Modal > overlay UI > dropdown. */
const zIndex = {
    above: 1,
    control: 2,
    controlRaised: 3,
    dropdown: 100,
    sticky: 200,
    modal: 1000,
    toast: 1100,
};
exports.tokensPixelated = {
    breakpoints: (0, core_1.pixelateObjValues)(breakpoints),
    radius: (0, core_1.pixelateObjValues)(radius),
    spacing: (0, core_1.pixelateObjValues)(spacing),
    color: colors_1.colors,
    zIndex,
};
exports.tokens = {
    breakpoints,
    radius,
    spacing,
    color: colors_1.colors,
    zIndex,
};
//# sourceMappingURL=index.js.map