"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.footer = exports.sidebar = exports.header = exports.maxWidth = exports.transitions = exports.links = exports.headings = exports.texts = exports.radii = exports.shadows = exports.colors = exports.zIndexes = exports.space = exports.fontWeights = exports.lineHeights = exports.fontFamilies = exports.borderWidths = exports.fontSizes = exports.breakpoints = void 0;
/* eslint-disable prefer-destructuring */
const polished_1 = require("polished");
exports.breakpoints = {
    sm: 0,
    md: '42.5em',
    lg: '64em',
    xl: '80em',
};
exports.fontSizes = {
    0: '0.75rem',
    1: '0.875rem',
    2: '1rem',
    3: '1.125rem',
    4: '1.25rem',
    5: '1.5rem',
    6: '1.75rem',
    7: '2.125rem',
    8: '2.625rem',
    9: '3rem',
    10: '3.75rem',
    baseText: '1rem',
};
exports.borderWidths = {
    0: '0px',
    1: '1px',
};
exports.fontFamilies = {
    baseText: "'Inter', sans-serif",
};
exports.lineHeights = {
    none: 1,
    extraTight: 1.15,
    tighter: 1.316,
    tight: 1.392,
    lessTight: 1.452,
    normal: 1.688,
    loose: 2.188,
    medium: 2.938,
    large: 4.188,
    xlarge: 4.938,
};
exports.fontWeights = {
    light: 300,
    normal: 400,
    semiBold: 500,
    bold: 600,
    strong: 700,
};
exports.space = {
    0: '0',
    1: '5px',
    2: '10px',
    3: '16px',
    4: '24px',
    5: '36px',
    6: '48px',
    7: '80px',
    8: '120px',
    xs: '5px',
    s: '10px',
    m: '16px',
    l: '36px',
    xl: '48px',
    xxl: '80px',
    xxxl: '120px',
    formGap: '21px',
    gridGap: '24px',
    '-0': '-0',
    '-1': '-5px',
    '-2': '-10px',
    '-3': '-16px',
    '-4': '-24px',
    '-5': '-36px',
    '-6': '-48px',
    '-7': '-80px',
    '-8': '-120px',
    '-xs': '-5px',
    '-s': '-10px',
    '-m': '-16px',
    '-l': '-36px',
    '-xl': '-48px',
    '-xxl': '-80px',
    '-xxxl': '-120px',
    '-formGap': '-21px',
    '-gridGap': '-24px',
};
exports.zIndexes = {
    header: 80,
    sidebar: 100,
    modals: 120,
    selects: 140,
    tooltips: 9999,
};
const _colors = {
    gray: ['#FFFFFF', '#152935', '#6C7D89', '#8C9BA5', '#EBF0F7', '#F8F9FC'],
    brandBg: '#FAFDFF',
    brandLightest: '#DCEFFE',
    brandLighter: '#6DC7F7',
    brandMain: '#1348E4',
    brandDark: '#0024BD',
    brandDarkest: '#170087',
    info: '#2574B5',
    green: ['#00AA5E', '#0B6B40', '#D4F7E7'],
    yellow: ['#EFC100', '#FBF3D0', '#E3A30C'],
    red: ['#DB2C3E', '#FAE6E8'],
    white: '#FFFFFF',
    plum: ['#F2E6FF', '#4D0198'],
};
const gradients = {
    primary: `linear-gradient(
    180.63deg,
    ${_colors.brandLightest} 0.03%,
    rgba(220, 239, 254, 0) 79.96%
  )`,
};
exports.colors = Object.assign(Object.assign({}, _colors), { baseText: _colors.gray[3], highlightText: _colors.gray[1], placeholder: _colors.gray[3], inactive: _colors.gray[2], disabled: _colors.gray[4], primary: _colors.brandMain, secondary: _colors.brandLighter, idle: _colors.brandLighter, alert: _colors.red[0], warning: _colors.yellow[0], success: _colors.green[0], gradient: gradients.primary });
exports.shadows = {
    0: '',
    1: '0px 1px 2px rgba(21, 41, 53, 0.24), 0px 1px 3px rgba(21, 41, 53, 0.12);',
    2: '0px 3px 6px rgba(21, 41, 53, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.16);',
    3: '0px 3px 6px rgba(21, 41, 53, 0.1), 0px 10px 20px rgba(21, 41, 53, 0.15);',
    4: '0px 5px 10px rgba(21, 41, 53, 0.05), 0px 15px 25px rgba(21, 41, 53, 0.15);',
    5: '0px 20px 40px rgba(21, 41, 53, 0.1);',
};
exports.radii = {
    0: '',
    1: '2px',
    2: '4px',
    3: '8px',
    4: '16px',
};
exports.texts = {
    b1: {
        color: exports.colors.gray[3],
        fontSize: exports.fontSizes[2],
        fontWeight: exports.fontWeights.normal,
        lineHeight: exports.lineHeights.normal,
    },
    b1m: {
        color: exports.colors.highlightText,
        fontSize: exports.fontSizes[2],
        fontWeight: exports.fontWeights.semiBold,
        lineHeight: exports.lineHeights.normal,
    },
    b2: {
        color: exports.colors.gray[3],
        fontSize: exports.fontSizes[1],
        fontWeight: exports.fontWeights.normal,
        lineHeight: exports.lineHeights.normal,
    },
    b2m: {
        color: exports.colors.highlightText,
        fontSize: exports.fontSizes[1],
        fontWeight: exports.fontWeights.semiBold,
        lineHeight: exports.lineHeights.normal,
    },
    b3: {
        color: exports.colors.highlightText,
        fontSize: exports.fontSizes[0],
        fontWeight: exports.fontWeights.normal,
    },
    b3m: {
        color: exports.colors.highlightText,
        fontSize: exports.fontSizes[0],
        fontWeight: exports.fontWeights.semiBold,
    },
    sh1: {
        color: exports.colors.gray[3],
        fontSize: exports.fontSizes[3],
        lineHeight: exports.lineHeights.normal,
        fontWeight: exports.fontWeights.normal,
    },
    c1: {
        color: exports.colors.gray[1],
        fontSize: exports.fontSizes[1],
        lineHeight: exports.lineHeights.none,
        fontWeight: exports.fontWeights.semiBold,
        letterSpacing: '0.4px',
    },
    c2: {
        color: exports.colors.brandMain,
        fontSize: exports.fontSizes[0],
        lineHeight: exports.lineHeights.none,
        fontWeight: exports.fontWeights.semiBold,
        letterSpacing: '0.4px',
    },
};
exports.headings = {
    h1: {
        color: exports.colors.highlightText,
        fontSize: exports.fontSizes[10],
        fontWeight: exports.fontWeights.normal,
        lineHeight: exports.lineHeights.tighter,
        letterSpacing: -1,
    },
    h2: {
        color: exports.colors.highlightText,
        fontSize: exports.fontSizes[9],
        fontWeight: exports.fontWeights.normal,
        lineHeight: exports.lineHeights.tight,
        letterSpacing: -0.5,
    },
    h3: {
        color: exports.colors.highlightText,
        fontSize: exports.fontSizes[7],
        fontWeight: exports.fontWeights.semiBold,
        lineHeight: exports.lineHeights.tight,
        letterSpacing: -0.25,
    },
    h4: {
        color: exports.colors.highlightText,
        fontSize: exports.fontSizes[5],
        fontWeight: exports.fontWeights.semiBold,
        lineHeight: exports.lineHeights.lessTight,
    },
    h5: {
        color: exports.colors.highlightText,
        fontSize: exports.fontSizes[4],
        fontWeight: exports.fontWeights.semiBold,
        letterSpacing: 0.15,
        lineHeight: exports.lineHeights.lessTight,
    },
    h6: {
        color: exports.colors.highlightText,
        fontSize: exports.fontSizes.baseText,
        fontWeight: exports.fontWeights.normal,
        lineHeight: exports.lineHeights.normal,
    },
};
exports.links = {
    color: exports.colors.brandMain,
    '&:hover, &:focus': {
        color: polished_1.darken(0.2, exports.colors.secondary),
    },
};
exports.transitions = {
    hover: {
        ms: 150,
    },
    modal: {
        ms: 200,
    },
};
const _maxWidth = {
    0: '500px',
    1: '700px',
    2: '850px',
    3: '1000px',
    4: '1600px',
};
exports.maxWidth = Object.assign(Object.assign({}, _maxWidth), { xs: _maxWidth[0], s: _maxWidth[1], m: _maxWidth[2], l: _maxWidth[3], xl: _maxWidth[4] });
exports.header = {
    height: '48px',
};
exports.sidebar = {
    width: '124px',
};
exports.footer = {
    height: exports.header.height,
};
//# sourceMappingURL=themeDefinitions.js.map