"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.pointerPlacement = exports.boxShadow = exports.borderRaduis = exports.bg = exports.pointerSize = void 0;
exports.pointerSize = 12;
exports.bg = {
    regular: 'darkBlue.18',
    disabled: 'sandstone.55',
};
exports.borderRaduis = 1;
exports.boxShadow = 2;
exports.pointerPlacement = {
    top: {
        top: 'auto',
        bottom: `-${exports.pointerSize / 2}px`,
        left: '50%',
        right: 'auto',
        translate: '-50%, 0',
    },
    'top-start': {
        top: 'auto',
        bottom: `-${exports.pointerSize / 2}px`,
        left: exports.pointerSize * 2,
        right: undefined,
        translate: '-50%, 0',
    },
    'top-end': {
        top: 'auto',
        bottom: `-${exports.pointerSize / 2}px`,
        left: undefined,
        right: exports.pointerSize,
        translate: '-50%, 0',
    },
    right: {
        top: '50%',
        bottom: 'auto',
        left: '2px',
        right: 'auto',
        translate: '0, -50%',
    },
    'right-start': {
        top: `${exports.pointerSize * 1.5}px`,
        bottom: 'auto',
        left: '2px',
        right: 'auto',
        translate: '0, -50%',
    },
    'right-end': {
        top: 'auto',
        bottom: `${exports.pointerSize / 2}px`,
        left: '2px',
        right: 'auto',
        translate: '0, -50%',
    },
    bottom: {
        top: `-${exports.pointerSize / 2}px`,
        bottom: 'auto',
        left: '50%',
        right: 'auto',
        translate: '-50%, 0',
    },
    'bottom-start': {
        top: `-${exports.pointerSize / 2}px`,
        bottom: 'auto',
        left: exports.pointerSize * 2,
        right: undefined,
        translate: '-50%, 0',
    },
    'bottom-end': {
        top: `-${exports.pointerSize / 2}px`,
        bottom: 'auto',
        left: undefined,
        right: exports.pointerSize,
        translate: '-50%, 0',
    },
    left: {
        top: '50%',
        bottom: 'auto',
        left: 'auto',
        right: '-4px',
        translate: '-50%, -50%',
    },
    'left-start': {
        top: `${exports.pointerSize * 1.5}px`,
        bottom: 'auto',
        left: 'auto',
        right: '-4px',
        translate: '-50%, -50%',
    },
    'left-end': {
        top: 'auto',
        bottom: `${exports.pointerSize / 2}px`,
        left: 'auto',
        right: '-4px',
        translate: '-50%, -50%',
    },
};
//# sourceMappingURL=consts.js.map