"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 _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
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 = (0, _styledcomponents.default)(Button).withConfig({
    displayName: "Button.styles__StyledButton",
    componentId: "sc-71164f2b-0"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:100%;`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:`,
    `;`,
    `:var(`,
    `);text-align:left;`
], _Button.buttonTokens.buttonColor, _Selecttokens.tokens.buttonColor, _Button.buttonTokens.buttonColorHover, _Selecttokens.tokens.buttonColorHover, _Button.buttonTokens.buttonColorActive, _Selecttokens.tokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColor, _Selecttokens.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Selecttokens.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive, _Selecttokens.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonRightContentMargin, _Selecttokens.tokens.buttonArrowMargin, _Button.buttonTokens.buttonHeight, _Selecttokens.tokens.targetHeight, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Selecttokens.tokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Selecttokens.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Selecttokens.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Selecttokens.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Selecttokens.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Selecttokens.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Selecttokens.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Selecttokens.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Selecttokens.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Selecttokens.constants.focusColor);
const IconArrowWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Button.styles__IconArrowWrapper",
    componentId: "sc-71164f2b-1"
})([
    `line-height:0;color:var(`,
    `);&:hover{color:var(`,
    `);}&:active{color:var(`,
    `);}`
], _Selecttokens.tokens.buttonArrowColor, _Selecttokens.tokens.buttonArrowColorHover, _Selecttokens.tokens.buttonArrowColorActive);
const sizeMap = {
    xs: '1rem',
    s: '1.5rem'
};
const StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureDownCentered).withConfig({
    displayName: "Button.styles__StyledArrow",
    componentId: "sc-71164f2b-2"
})([
    `transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;width:`,
    `;height:`,
    `;`
], ({ size = 'xs' })=>`var(${_Selecttokens.tokens.disclosureIconSize}, ${sizeMap[size]})`, ({ size = 'xs' })=>`var(${_Selecttokens.tokens.disclosureIconSize}, ${sizeMap[size]})`);
const ButtonWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Button.styles__ButtonWrapper",
    componentId: "sc-71164f2b-3"
})([
    `display:inline;.`,
    `::before{box-shadow:none !important;}.`,
    `{transform:rotate(-180deg);}`
], _Selecttokens.classes.selectWithoutBoxShadow, _Selecttokens.classes.arrowInverse);
const Label = _styledcomponents.default.div.withConfig({
    displayName: "Button.styles__Label",
    componentId: "sc-71164f2b-4"
})([
    `display:inline;width:100%;text-align:left;`,
    ``
], (0, _mixins.applyEllipsis)());
