"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 DisclosureIconWrapper () {
        return DisclosureIconWrapper;
    },
    get StyledArrow () {
        return StyledArrow;
    },
    get Wrapper () {
        return Wrapper;
    },
    get sizeMap () {
        return sizeMap;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _mixins = require("../../../../../../mixins");
const _Icon = require("../../../../../_Icon");
const _Comboboxtokens = require("../../../../Combobox.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const sizeMap = {
    xs: '1rem',
    s: '1.5rem'
};
const StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
    displayName: "Item.styles__StyledArrow",
    componentId: "sc-e6f18654-0"
})([
    `width:`,
    `;height:`,
    `;`
], ({ size = 'xs' })=>`var(${_Comboboxtokens.tokens.disclosureIconSize}, ${sizeMap[size]})`, ({ size = 'xs' })=>`var(${_Comboboxtokens.tokens.disclosureIconSize}, ${sizeMap[size]})`);
const DisclosureIconWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Item.styles__DisclosureIconWrapper",
    componentId: "sc-e6f18654-1"
})([
    `line-height:0;margin:var(`,
    `);color:var(`,
    `);&:hover{color:var(`,
    `);}`
], _Comboboxtokens.tokens.disclosureIconMargin, _Comboboxtokens.tokens.disclosureIconColor, _Comboboxtokens.tokens.disclosureIconColorHover);
const Wrapper = _styledcomponents.default.li.withConfig({
    displayName: "Item.styles__Wrapper",
    componentId: "sc-e6f18654-2"
})([
    `display:flex;align-items:center;min-height:var(`,
    `);margin:0;box-sizing:content-box;padding:`,
    `;font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);background-color:var(`,
    `);color:var(--text-primary);border-radius:calc(var(`,
    `) - 0.125rem - var(`,
    `,0rem));user-select:none;background-clip:padding-box;&:hover:not(.`,
    `){cursor:pointer;background-color:var(`,
    `);}&.`,
    `{background-color:var(`,
    `);}&.`,
    `{opacity:`,
    `;cursor:not-allowed;}:focus{outline:none;}`,
    `;`
], _Comboboxtokens.tokens.itemHeight, ({ variant })=>`var(${variant === 'tight' ? _Comboboxtokens.tokens.itemPaddingTight : _Comboboxtokens.tokens.itemPadding})`, _Comboboxtokens.tokens.fontFamily, _Comboboxtokens.tokens.fontSize, _Comboboxtokens.tokens.fontStyle, _Comboboxtokens.tokens.fontWeight, _Comboboxtokens.tokens.fontLetterSpacing, _Comboboxtokens.tokens.fontLineHeight, _Comboboxtokens.constants.itemBackground, _Comboboxtokens.tokens.borderRadius, _Comboboxtokens.tokens.dropdownBorderWidth, _Comboboxtokens.classes.dropdownItemIsDisabled, _Comboboxtokens.tokens.itemBackgroundHover, _Comboboxtokens.classes.dropdownItemIsActive, _Comboboxtokens.tokens.itemBackgroundHover, _Comboboxtokens.classes.dropdownItemIsDisabled, _Comboboxtokens.constants.opacity, (0, _mixins.addFocus)({
    outlineSize: '0',
    outlineOffset: '0',
    outlineColor: `var(${_Comboboxtokens.constants.focusColor})`,
    outlineRadius: `calc(var(${_Comboboxtokens.tokens.borderRadius}) - 0.125rem - var(${_Comboboxtokens.tokens.dropdownBorderWidth}, 0rem))`,
    hasTransition: false,
    customFocusRules: `
            &.${_Comboboxtokens.classes.dropdownItemIsFocused}:before {
                outline: none;
                box-shadow: inset 0 0 0 0.0625rem var(${_Comboboxtokens.constants.focusColor});
            }
        `
}));
