"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _styledcomponents = require("styled-components");
const _CodeInputstyles = require("../../CodeInput.styles");
const _CodeInputtokens = require("../../CodeInput.tokens");
const _constants = require("../../../../utils/constants");
const getIconMediaQueries = ()=>{
    return Object.entries(_constants.screenGroupBreakpoints).map(([name, minWidth])=>{
        return `
                @media (min-width: ${minWidth}) {
                    ${_CodeInputtokens.privateTokens.fontSize}: var(${_CodeInputtokens.tokens[`${name}FontSize`]});
                    ${_CodeInputtokens.privateTokens.lineHeight}: var(${_CodeInputtokens.tokens[`${name}CodeItemHeight`]});
                    ${_CodeInputtokens.privateTokens.itemWidth}: var(${_CodeInputtokens.tokens[`${name}CodeItemWidth`]});
                    ${_CodeInputtokens.privateTokens.itemHeight}: var(${_CodeInputtokens.tokens[`${name}LineHeight`]});
                }
            `;
    }).join('\n');
};
const base = (0, _styledcomponents.css)([
    ``,
    ` gap:var(`,
    `);`,
    `,`,
    `{gap:var(`,
    `);}`,
    `{font-size:var(`,
    `);font-family:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);width:var(`,
    `);height:var(`,
    `);}`,
    `{font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);}`
], getIconMediaQueries(), _CodeInputtokens.tokens.captionGap, _CodeInputstyles.CodeWrapper, _CodeInputstyles.CodeGroup, _CodeInputtokens.tokens.codeItemsGap, _CodeInputstyles.ItemInput, _CodeInputtokens.privateTokens.fontSize, _CodeInputtokens.tokens.fontFamily, _CodeInputtokens.tokens.fontStyle, _CodeInputtokens.tokens.fontWeight, _CodeInputtokens.tokens.letterSpacing, _CodeInputtokens.privateTokens.lineHeight, _CodeInputtokens.privateTokens.itemWidth, _CodeInputtokens.privateTokens.itemHeight, _CodeInputstyles.CaptionWrapper, _CodeInputtokens.tokens.captionFontFamily, _CodeInputtokens.tokens.captionFontSize, _CodeInputtokens.tokens.captionFontStyle, _CodeInputtokens.tokens.captionFontWeight, _CodeInputtokens.tokens.captionLetterSpacing, _CodeInputtokens.tokens.captionLineHeight);
