"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 DoubleWrapper () {
        return DoubleWrapper;
    },
    get InputsWrapper () {
        return InputsWrapper;
    },
    get Label () {
        return _SliderBasestyles.Label;
    },
    get LabelContentLeft () {
        return LabelContentLeft;
    },
    get LabelWrapper () {
        return LabelWrapper;
    },
    get SliderContainer () {
        return SliderContainer;
    },
    get SliderWrapper () {
        return SliderWrapper;
    },
    get StyledDoubleProgress () {
        return StyledDoubleProgress;
    },
    get StyledInput () {
        return StyledInput;
    },
    get StyledRange () {
        return StyledRange;
    },
    get StyledTrack () {
        return StyledTrack;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _TextFieldstyles = require("../../../TextField/TextField.styles");
const _engines = require("../../../../engines");
const _Slidertokens = require("../../Slider.tokens");
const _TextField = require("../../../TextField");
const _SliderBasestyles = require("../SliderBase/SliderBase.styles");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
const TextField = (0, _engines.component)(mergedConfig);
const LabelWrapper = (0, _styledcomponents.default)(_SliderBasestyles.LabelWrapper).withConfig({
    displayName: "Double.styles__LabelWrapper",
    componentId: "sc-f2813718-0"
})([
    `margin-bottom:var(`,
    `);`
], _Slidertokens.tokens.labelWrapperMarginBottom);
const LabelContentLeft = _styledcomponents.default.div.withConfig({
    displayName: "Double.styles__LabelContentLeft",
    componentId: "sc-f2813718-1"
})([
    ``
]);
const InputsWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Double.styles__InputsWrapper",
    componentId: "sc-f2813718-2"
})([
    `display:flex;gap:var(`,
    `);margin-top:var(`,
    `);box-shadow:var(`,
    `);`
], _Slidertokens.tokens.textFieldWrapperGap, _Slidertokens.tokens.doubleWrapperGap, _Slidertokens.tokens.doubleBoxShadow);
const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
    displayName: "Double.styles__StyledInput",
    componentId: "sc-f2813718-3"
})([
    `flex:1;`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);&&.`,
    `{`,
    `{background:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `),inset 0 0 0 0 transparent;}}&&.`,
    `{`,
    `{background:var(`,
    `);box-shadow:inset 0 0 0 var(`,
    `) var(`,
    `),inset 0 0 0 0 transparent;}}&.`,
    `{margin-right:var(`,
    `,0);`,
    `{clip-path:var(`,
    `);}&&.`,
    `,&&.`,
    `{`,
    `{clip-path:inset(0 0 0 0);}& + .`,
    `:not(.`,
    `) `,
    `{clip-path:var(`,
    `);}}& > `,
    `{border-top-right-radius:0;border-bottom-right-radius:0;}}&.`,
    ` > `,
    `{border-top-left-radius:0;border-bottom-left-radius:0;}`
], _TextField.textFieldTokens.color, _Slidertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Slidertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Slidertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Slidertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderWidth, _Slidertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderColor, _Slidertokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Slidertokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Slidertokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.caretColor, _Slidertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Slidertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.disabledOpacity, _Slidertokens.tokens.disabledOpacity, _TextField.textFieldTokens.height, _Slidertokens.tokens.textFieldHeight, _TextField.textFieldTokens.padding, _Slidertokens.tokens.textFieldPadding, _TextField.textFieldTokens.borderRadius, _Slidertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.fontFamily, _Slidertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Slidertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Slidertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Slidertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Slidertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Slidertokens.tokens.textFieldLineHeight, _Slidertokens.classes.textFieldHovered, _TextFieldstyles.InputWrapper, _Slidertokens.tokens.textFieldBackgroundColorHover, _Slidertokens.tokens.textFieldBorderWidth, _Slidertokens.tokens.textFieldBorderColorHover, _Slidertokens.classes.textFieldFocused, _TextFieldstyles.InputWrapper, _Slidertokens.tokens.textFieldBackgroundColorFocus, _Slidertokens.tokens.textFieldBorderWidth, _Slidertokens.tokens.textFieldBorderColorFocus, _Slidertokens.classes.firstTextField, _Slidertokens.tokens.textFieldWebMarginRight, _TextFieldstyles.InputWrapper, _Slidertokens.tokens.textFieldWebClipPath, _Slidertokens.classes.textFieldHovered, _Slidertokens.classes.textFieldFocused, _TextFieldstyles.InputWrapper, _Slidertokens.classes.secondTextField, _Slidertokens.classes.textFieldFocused, _TextFieldstyles.InputWrapper, _Slidertokens.tokens.textFieldWebReversedClipPath, _TextFieldstyles.InputWrapper, _Slidertokens.classes.secondTextField, _TextFieldstyles.InputWrapper);
const DoubleWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Double.styles__DoubleWrapper",
    componentId: "sc-f2813718-4"
})([
    `opacity:var(`,
    `);`
], _Slidertokens.tokens.disabledOpacity);
const SliderContainer = _SliderBasestyles.BaseSliderContainer;
const StyledTrack = _SliderBasestyles.BaseStyledTrack;
const StyledDoubleProgress = _styledcomponents.default.div.withConfig({
    displayName: "Double.styles__StyledDoubleProgress",
    componentId: "sc-f2813718-5"
})([
    `position:absolute;top:50%;transform:translateY(-50%);height:var(`,
    `);border-radius:var(`,
    `);background:var(`,
    `);pointer-events:none;`
], _Slidertokens.tokens.railThickness, _Slidertokens.tokens.railBorderRadius, _Slidertokens.tokens.fillColor);
const StyledRange = (0, _styledcomponents.default)(_SliderBasestyles.BaseStyledRange).withConfig({
    displayName: "Double.styles__StyledRange",
    componentId: "sc-f2813718-6"
})([
    `grid-area:1 / 1;pointer-events:none;&::-webkit-slider-thumb{pointer-events:all;}&::-moz-range-thumb{pointer-events:all;}`
]);
const SliderWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Double.styles__SliderWrapper",
    componentId: "sc-f2813718-7"
})([
    ``
]);
