"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 StyledArrow () {
        return StyledArrow;
    },
    get StyledChips () {
        return StyledChips;
    },
    get StyledComboboxInput () {
        return StyledComboboxInput;
    },
    get StyledComboboxInputHelper () {
        return StyledComboboxInputHelper;
    },
    get StyledComboboxTarget () {
        return StyledComboboxTarget;
    },
    get StyledContent () {
        return StyledContent;
    },
    get StyledLabel () {
        return StyledLabel;
    },
    get StyledText () {
        return StyledText;
    }
});
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
var _Icon = require("../../../../_Icon");
var _mixins = require("../../../../../mixins");
var _Comboboxtokens = require("../../Combobox.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
var hasChips = _Comboboxtokens.classes.hasChips, innerLabelUp = _Comboboxtokens.classes.innerLabelUp, arrowInverse = _Comboboxtokens.classes.arrowInverse, comboboxTargetArrow = _Comboboxtokens.classes.comboboxTargetArrow, comboboxTargeText = _Comboboxtokens.classes.comboboxTargeText, comboboxTargetInput = _Comboboxtokens.classes.comboboxTargetInput, comboboxTargetLabel = _Comboboxtokens.classes.comboboxTargetLabel;
var StyledComboboxTarget = _styledcomponents.default.div.withConfig({
    displayName: "ComboboxTarget.styles__StyledComboboxTarget",
    componentId: "sc-2249d9e4-0"
})([
    "display:flex;align-items:center;gap:0.5rem;cursor:pointer;box-sizing:border-box;height:var(",
    ");width:var(",
    ");overflow:hidden;border-radius:var(",
    ");font-family:var(",
    ");font-size:var(",
    ");font-weight:var(",
    ");letter-spacing:var(",
    ");line-height:var(",
    ");color:var(",
    ");background-color:",
    ";box-shadow:inset 0 0 0 0.0625rem ",
    ";&:hover:not([disabled]):not([readonly]){background-color:",
    ";box-shadow:inset 0 0 0 0.0625rem ",
    ";}&:active:not([disabled]):not([readonly]){background-color:",
    ";box-shadow:inset 0 0 0 0.0625rem ",
    ";}padding:var(",
    ");display:flex;justify-content:flex-start;&[disabled]{cursor:not-allowed;opacity:var(",
    ");}&[readonly]{cursor:default;.",
    "{opacity:0.4;}}.",
    "{transform:rotate(-180deg);}&.",
    "{padding:var(",
    ");}&.",
    "{.",
    ",.",
    "{top:var(",
    ");}.",
    "{top:var(",
    ");font-family:var(",
    ");font-size:var(",
    ");font-style:var(",
    ");font-weight:var(",
    ");letter-spacing:var(",
    ");line-height:var(",
    ");}}overflow:visible;--plasma_private-combobox-focus-size:0.0625rem;",
    ""
], _Comboboxtokens.tokens.targetHeight, _Comboboxtokens.tokens.targetWidth, _Comboboxtokens.tokens.targetRadius, _Comboboxtokens.tokens.targetFontFamily, _Comboboxtokens.tokens.targetFontStyle, _Comboboxtokens.tokens.targetFontWeight, _Comboboxtokens.tokens.targetLetterSpacing, _Comboboxtokens.tokens.targetLineHeight, _Comboboxtokens.tokens.targetColor, function(param) {
    var opened = param.opened;
    return opened ? "var(".concat(_Comboboxtokens.tokens.targetBackgroundColorOpen, ")") : "var(".concat(_Comboboxtokens.tokens.targetBackgroundColor, ")");
}, function(param) {
    var opened = param.opened;
    return opened ? "var(".concat(_Comboboxtokens.tokens.targetBorderColorOpen, ")") : "var(".concat(_Comboboxtokens.tokens.targetBorderColor, ")");
}, function(param) {
    var opened = param.opened;
    return opened ? "var(".concat(_Comboboxtokens.tokens.targetBackgroundColorOpen, ")") : "var(".concat(_Comboboxtokens.tokens.targetBackgroundColorHover, ")");
}, function(param) {
    var opened = param.opened;
    return opened ? "var(".concat(_Comboboxtokens.tokens.targetBorderColorOpen, ")") : "var(".concat(_Comboboxtokens.tokens.targetBorderColorHover, ")");
}, function(param) {
    var opened = param.opened;
    return opened ? "var(".concat(_Comboboxtokens.tokens.targetBackgroundColorOpen, ")") : "var(".concat(_Comboboxtokens.tokens.targetBackgroundColorActive, ")");
}, function(param) {
    var opened = param.opened;
    return opened ? "var(".concat(_Comboboxtokens.tokens.targetBorderColorOpen, ")") : "var(".concat(_Comboboxtokens.tokens.targetBorderColorActive, ")");
}, _Comboboxtokens.tokens.targetPaddingWithInput, _Comboboxtokens.tokens.disabledOpacity, String(comboboxTargetArrow), String(arrowInverse), String(hasChips), _Comboboxtokens.tokens.targetPaddingHasChips, String(innerLabelUp), String(comboboxTargetInput), String(comboboxTargeText), _Comboboxtokens.tokens.targetInnerTop, String(comboboxTargetLabel), _Comboboxtokens.tokens.targetLabelInnerTop, _Comboboxtokens.tokens.targetLabelInnerFontFamily, _Comboboxtokens.tokens.targetLabelInnerFontSize, _Comboboxtokens.tokens.targetLabelInnerFontStyle, _Comboboxtokens.tokens.targetLabelInnerFontWeight, _Comboboxtokens.tokens.targetLabelInnerLetterSpacing, _Comboboxtokens.tokens.targetLabelInnerLineHeight, (0, _mixins.addFocus)({
    hasTransition: false,
    outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',
    outlineRadius: "calc(var(".concat(_Comboboxtokens.tokens.targetRadius, ") + var(--plasma_private-combobox-focus-size))"),
    outlineSize: 'var(--plasma_private-combobox-focus-size)',
    customFocusRules: "\n            &:focus-within {\n                box-shadow: none;\n                background-color: var(".concat(_Comboboxtokens.tokens.targetBackgroundColorOpen, ");\n\n                &::before {\n                    box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(").concat(_Comboboxtokens.tokens.targetBorderColorOpen, ");\n                }\n            }\n        ")
}));
var StyledArrow = (0, _styledcomponents.default)(_Icon.IconChevronDown).withConfig({
    displayName: "ComboboxTarget.styles__StyledArrow",
    componentId: "sc-2249d9e4-1"
})([
    "transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;position:absolute;right:var(",
    ");color:var(",
    ");"
], _Comboboxtokens.tokens.targetArrowRight, _Comboboxtokens.tokens.targetArrowColor);
var StyledContent = _styledcomponents.default.div.withConfig({
    displayName: "ComboboxTarget.styles__StyledContent",
    componentId: "sc-2249d9e4-2"
})([
    "&.",
    "{border-radius:var(",
    ");}font-family:var(",
    ");font-size:var(",
    ");font-style:var(",
    ");font-weight:var(",
    ");letter-spacing:var(",
    ");line-height:var(",
    ");overflow:scroll;position:relative;width:100%;height:var(",
    ");display:inline-flex;align-items:center;gap:0.5rem;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;"
], String(hasChips), _Comboboxtokens.tokens.chipBorderRadius, _Comboboxtokens.tokens.targetFontFamily, _Comboboxtokens.tokens.targetFontSize, _Comboboxtokens.tokens.targetFontStyle, _Comboboxtokens.tokens.targetFontWeight, _Comboboxtokens.tokens.targetLetterSpacing, _Comboboxtokens.tokens.targetLineHeight, _Comboboxtokens.tokens.chipHeight);
var StyledComboboxInput = _styledcomponents.default.input.withConfig({
    displayName: "ComboboxTarget.styles__StyledComboboxInput",
    componentId: "sc-2249d9e4-3"
})([
    "position:relative;color:var(",
    ");border:none;outline:none;caret-color:var(",
    ");margin:0;padding:0;background:transparent;flex:1;min-width:50%;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;&::placeholder{color:var(",
    ");}&:disabled{cursor:not-allowed;}"
], _Comboboxtokens.tokens.targetColor, _Comboboxtokens.tokens.focusColor, _Comboboxtokens.tokens.targetLabelColor);
var StyledComboboxInputHelper = _styledcomponents.default.div.withConfig({
    displayName: "ComboboxTarget.styles__StyledComboboxInputHelper",
    componentId: "sc-2249d9e4-4"
})([
    "position:absolute;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre-wrap;visibility:hidden;overflow:hidden;"
]);
var StyledText = _styledcomponents.default.span.withConfig({
    displayName: "ComboboxTarget.styles__StyledText",
    componentId: "sc-2249d9e4-5"
})([
    "white-space:nowrap;position:relative;user-select:none;color:var(",
    ");"
], _Comboboxtokens.tokens.targetColor);
var StyledChips = _styledcomponents.default.div.withConfig({
    displayName: "ComboboxTarget.styles__StyledChips",
    componentId: "sc-2249d9e4-6"
})([
    "display:flex;gap:var(",
    ");user-select:none;"
], _Comboboxtokens.tokens.chipGap);
var StyledLabel = _styledcomponents.default.label.withConfig({
    displayName: "ComboboxTarget.styles__StyledLabel",
    componentId: "sc-2249d9e4-7"
})([
    "",
    ";box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;width:100%;height:auto;color:var(",
    ");font-family:var(",
    ");font-size:var(",
    ");font-style:var(",
    ");font-weight:var(",
    ");letter-spacing:var(",
    ");line-height:var(",
    ");"
], (0, _mixins.applyEllipsis)(), _Comboboxtokens.tokens.targetLabelColor, _Comboboxtokens.tokens.targetFontFamily, _Comboboxtokens.tokens.targetFontSize, _Comboboxtokens.tokens.targetFontStyle, _Comboboxtokens.tokens.targetFontWeight, _Comboboxtokens.tokens.targetLetterSpacing, _Comboboxtokens.tokens.targetLineHeight);
