"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "StyledChip", {
    enumerable: true,
    get: function() {
        return StyledChip;
    }
});
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
var _Chip = require("../../../../Chip");
var _engines = require("../../../../../engines");
var _Comboboxtokens = require("../../Combobox.tokens");
var _mixins = require("../../../../../mixins");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
// issue #823
var mergedConfig = (0, _engines.mergeConfig)(_Chip.chipConfig);
var Chip = (0, _engines.component)(mergedConfig);
var StyledChip = (0, _styledcomponents.default)(Chip).withConfig({
    displayName: "ComboboxChip.styles__StyledChip",
    componentId: "sc-2518d740-0"
})([
    "",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    " &[readonly]{opacity:var(",
    ");}"
], _Chip.chipTokens.color, _Comboboxtokens.tokens.chipColor, _Chip.chipTokens.background, _Comboboxtokens.tokens.chipBackground, _Chip.chipTokens.colorHover, _Comboboxtokens.tokens.chipColorHover, _Chip.chipTokens.backgroundHover, _Comboboxtokens.tokens.chipBackgroundHover, _Chip.chipTokens.colorActive, _Comboboxtokens.tokens.chipColorActive, _Chip.chipTokens.backgroundActive, _Comboboxtokens.tokens.chipBackgroundActive, _Chip.chipTokens.backgroundReadOnly, _Comboboxtokens.tokens.chipBackgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Comboboxtokens.tokens.chipColorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Comboboxtokens.tokens.chipBackgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Comboboxtokens.tokens.chipColorReadOnlyHover, _Chip.chipTokens.borderRadius, _Comboboxtokens.tokens.chipBorderRadius, _Chip.chipTokens.width, _Comboboxtokens.tokens.chipWidth, _Chip.chipTokens.height, _Comboboxtokens.tokens.chipHeight, _Chip.chipTokens.padding, _Comboboxtokens.tokens.chipPadding, _Chip.chipTokens.fontFamily, _Comboboxtokens.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _Comboboxtokens.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _Comboboxtokens.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _Comboboxtokens.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _Comboboxtokens.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _Comboboxtokens.tokens.chipLineHeight, _Chip.chipTokens.clearContentMarginLeft, _Comboboxtokens.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Comboboxtokens.tokens.chipClearContentMarginRight, _Chip.chipTokens.closeIconSize, _Comboboxtokens.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _Comboboxtokens.tokens.chipCloseIconColor, _Chip.chipTokens.focusColor, _Comboboxtokens.tokens.focusColor, (0, _mixins.addFocus)({
    outlineOffset: '0.125rem',
    outlineSize: '0.0625rem',
    outlineRadius: "calc(var(".concat(_Comboboxtokens.tokens.chipBorderRadius, ") - 0.1rem)"),
    outlineColor: "var(".concat(_Comboboxtokens.tokens.focusColor, ")")
}), _Comboboxtokens.tokens.chipOpacityReadonly);
