"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 ButtonWrapper () {
        return ButtonWrapper;
    },
    get IconArrowWrapper () {
        return IconArrowWrapper;
    },
    get Label () {
        return Label;
    },
    get StyledArrow () {
        return StyledArrow;
    },
    get StyledButton () {
        return StyledButton;
    },
    get sizeMap () {
        return sizeMap;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _mixins = require("../../../../../../mixins");
const _engines = require("../../../../../../engines");
const _Button = require("../../../../../Button");
const _Icon = require("../../../../../_Icon");
const _Selecttokens = require("../../../../Select.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedButtonConfig = (0, _engines.mergeConfig)(_Button.buttonConfig);
const Button = (0, _engines.component)(mergedButtonConfig);
const StyledButton = /*#__PURE__*/ (0, _styled.default)(Button, {
    target: "e1yfa1qq0",
    label: "StyledButton"
})(_Button.buttonTokens.buttonColor, ":var(", _Selecttokens.tokens.buttonColor, ");", _Button.buttonTokens.buttonColorHover, ":var(", _Selecttokens.tokens.buttonColorHover, ");", _Button.buttonTokens.buttonColorActive, ":var(", _Selecttokens.tokens.buttonColorActive, ");", _Button.buttonTokens.buttonBackgroundColor, ":var(", _Selecttokens.tokens.buttonBackgroundColor, ");", _Button.buttonTokens.buttonBackgroundColorHover, ":var(", _Selecttokens.tokens.buttonBackgroundColorHover, ");", _Button.buttonTokens.buttonBackgroundColorActive, ":var(", _Selecttokens.tokens.buttonBackgroundColorActive, ");", _Button.buttonTokens.buttonRightContentMargin, ":var(", _Selecttokens.tokens.buttonArrowMargin, ");", _Button.buttonTokens.buttonHeight, ":var(", _Selecttokens.tokens.targetHeight, ");", _Button.buttonTokens.buttonWidth, ":100%;", _Button.buttonTokens.buttonPadding, ":var(", _Selecttokens.tokens.buttonPadding, ");", _Button.buttonTokens.buttonRadius, ":var(", _Selecttokens.tokens.borderRadius, ");", _Button.buttonTokens.buttonFontFamily, ":var(", _Selecttokens.tokens.fontFamily, ");", _Button.buttonTokens.buttonFontSize, ":var(", _Selecttokens.tokens.fontSize, ");", _Button.buttonTokens.buttonFontStyle, ":var(", _Selecttokens.tokens.fontStyle, ");", _Button.buttonTokens.buttonFontWeight, ":var(", _Selecttokens.tokens.fontWeight, ");", _Button.buttonTokens.buttonLetterSpacing, ":var(", _Selecttokens.tokens.fontLetterSpacing, ");", _Button.buttonTokens.buttonLineHeight, ":var(", _Selecttokens.tokens.fontLineHeight, ");", _Button.buttonTokens.buttonDisabledOpacity, ":", _Selecttokens.constants.opacity, ";", _Button.buttonTokens.buttonFocusColor, ":var(", _Selecttokens.constants.focusColor, ");text-align:left;");
const IconArrowWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1yfa1qq1",
    label: "IconArrowWrapper"
})("line-height:0;color:var(", _Selecttokens.tokens.buttonArrowColor, ");&:hover{color:var(", _Selecttokens.tokens.buttonArrowColorHover, ");}&:active{color:var(", _Selecttokens.tokens.buttonArrowColorActive, ");}");
const sizeMap = {
    xs: '1rem',
    s: '1.5rem'
};
const StyledArrow = /*#__PURE__*/ (0, _styled.default)(_Icon.IconDisclosureDownCentered, {
    target: "e1yfa1qq2",
    label: "StyledArrow"
})("transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;width:", ({ size = 'xs' })=>`var(${_Selecttokens.tokens.disclosureIconSize}, ${sizeMap[size]})`, ";height:", ({ size = 'xs' })=>`var(${_Selecttokens.tokens.disclosureIconSize}, ${sizeMap[size]})`, ";");
const ButtonWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1yfa1qq3",
    label: "ButtonWrapper"
})("display:inline;.", _Selecttokens.classes.selectWithoutBoxShadow, "::before{box-shadow:none !important;}.", _Selecttokens.classes.arrowInverse, "{transform:rotate(-180deg);}");
const Label = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1yfa1qq4",
    label: "Label"
})("display:inline;width:100%;text-align:left;", (0, _mixins.applyEllipsis)());
