"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get StyledChip () {
        return StyledChip;
    },
    get TextChip () {
        return TextChip;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _engines = require("../../../../engines");
const _mixins = require("../../../../mixins");
const _Chip = require("../../../Chip");
const _Chipstyles = require("../../../Chip/Chip.styles");
const _TextFieldtokens = require("../../TextField.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
// issue #823
const mergedConfig = (0, _engines.mergeConfig)(_Chip.chipConfig);
const Chip = (0, _engines.component)(mergedConfig);
const StyledChip = /*#__PURE__*/ (0, _styled.default)(Chip, {
    target: "ejc0dfw0",
    label: "StyledChip"
})(_Chip.chipTokens.color, ":var(", _TextFieldtokens.tokens.chipColor, ");", _Chip.chipTokens.background, ":var(", _TextFieldtokens.tokens.chipBackground, ");", _Chip.chipTokens.colorHover, ":var(", _TextFieldtokens.tokens.chipColorHover, ");", _Chip.chipTokens.backgroundHover, ":var(", _TextFieldtokens.tokens.chipBackgroundHover, ");", _Chip.chipTokens.colorActive, ":var(", _TextFieldtokens.tokens.chipColorActive, ");", _Chip.chipTokens.backgroundActive, ":var(", _TextFieldtokens.tokens.chipBackgroundActive, ");", _Chip.chipTokens.backgroundReadOnly, ":var(", _TextFieldtokens.tokens.chipBackgroundReadOnly, ");", _Chip.chipTokens.colorReadOnly, ":var(", _TextFieldtokens.tokens.chipColorReadOnly, ");", _Chip.chipTokens.backgroundReadOnlyHover, ":var(", _TextFieldtokens.tokens.chipBackgroundReadOnlyHover, ");", _Chip.chipTokens.colorReadOnlyHover, ":var(", _TextFieldtokens.tokens.chipColorReadOnlyHover, ");", _Chip.chipTokens.borderRadius, ":var(", _TextFieldtokens.tokens.chipBorderRadius, ");", _Chip.chipTokens.width, ":var(", _TextFieldtokens.tokens.chipWidth, ");", _Chip.chipTokens.height, ":var(", _TextFieldtokens.tokens.chipHeight, ");", _Chip.chipTokens.padding, ":var(", _TextFieldtokens.tokens.chipPadding, ");", _Chip.chipTokens.fontFamily, ":var(", _TextFieldtokens.tokens.chipFontFamily, ");", _Chip.chipTokens.fontSize, ":var(", _TextFieldtokens.tokens.chipFontSize, ");", _Chip.chipTokens.fontStyle, ":var(", _TextFieldtokens.tokens.chipFontStyle, ");", _Chip.chipTokens.fontWeight, ":var(", _TextFieldtokens.tokens.chipFontWeight, ");", _Chip.chipTokens.letterSpacing, ":var(", _TextFieldtokens.tokens.chipLetterSpacing, ");", _Chip.chipTokens.lineHeight, ":var(", _TextFieldtokens.tokens.chipLineHeight, ");", _Chip.chipTokens.clearContentMarginLeft, ":var(", _TextFieldtokens.tokens.chipClearContentMarginLeft, ");", _Chip.chipTokens.clearContentMarginRight, ":var(", _TextFieldtokens.tokens.chipClearContentMarginRight, ");", _Chip.chipTokens.closeIconSize, ":var(", _TextFieldtokens.tokens.chipCloseIconSize, ");", _Chip.chipTokens.closeIconColor, ":var(", _TextFieldtokens.tokens.chipCloseIconColor, ");", _Chip.chipTokens.closeIconColorHover, ":var(", _TextFieldtokens.tokens.chipCloseIconColorHover, ");", _Chip.chipTokens.focusColor, ":var(", _TextFieldtokens.tokens.focusColor, ");scroll-snap-align:center;scroll-snap-stop:normal;", (0, _mixins.addFocus)({
    outlineOffset: '-0.0625rem',
    outlineSize: '0.0625rem',
    outlineRadius: `var(${_TextFieldtokens.tokens.chipBorderRadius})`,
    outlineColor: `var(${_TextFieldtokens.tokens.focusColor})`
}), "    &[readonly]{opacity:var(", _TextFieldtokens.tokens.chipOpacityReadonly, ");}", _Chipstyles.StyledContentClear, "{display:var(", _TextFieldtokens.tokens.chipCloseIconDisplay, ",flex);}");
const TextChip = (0, /*#__PURE__*/ _styled.default)("button", {
    target: "ejc0dfw1",
    label: "TextChip"
})("display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", _TextFieldtokens.tokens.fontFamily, ");font-size:var(", _TextFieldtokens.tokens.fontSize, ");font-style:var(", _TextFieldtokens.tokens.fontStyle, ");font-weight:var(", _TextFieldtokens.tokens.fontWeight, ");letter-spacing:var(", _TextFieldtokens.tokens.letterSpacing, ");line-height:var(", _TextFieldtokens.tokens.lineHeight, ");color:var(", _TextFieldtokens.tokens.color, ");", (0, _mixins.addFocus)({
    outlineOffset: '-0.0625rem',
    outlineSize: '0.0625rem',
    outlineRadius: `var(${_TextFieldtokens.tokens.chipBorderRadius})`,
    outlineColor: `var(${_TextFieldtokens.tokens.focusColor})`
}), "    &:after{content:',';}&:last-child{&:after{content:'';}}");
