"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 Bullet () {
        return Bullet;
    },
    get BulletIndicator () {
        return BulletIndicator;
    },
    get BulletIndicatorWrapper () {
        return BulletIndicatorWrapper;
    },
    get SpinnerStyled () {
        return SpinnerStyled;
    },
    get StepItemContent () {
        return StepItemContent;
    },
    get StepItemContentWrapper () {
        return StepItemContentWrapper;
    },
    get StepItemDivider () {
        return StepItemDivider;
    },
    get StepItemStyled () {
        return StepItemStyled;
    },
    get StepItemTitle () {
        return StepItemTitle;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _Stepstokens = require("../../Steps.tokens");
const _engines = require("../../../../engines");
const _Spinner = require("../../../Spinner");
const _mixins = require("../../../../mixins");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedConfig = (0, _engines.mergeConfig)(_Spinner.spinnerConfig);
const Spinner = (0, _engines.component)(mergedConfig);
const SpinnerStyled = (0, _styledcomponents.default)(Spinner).withConfig({
    displayName: "StepItem.styles__SpinnerStyled",
    componentId: "sc-bb36c21e-0"
})([
    ``,
    `:`,
    `;`,
    `:var(`,
    `,var(`,
    `));`
], _Spinner.spinnerTokens.size, ({ hasIndicator })=>hasIndicator ? `var(${_Stepstokens.tokens.activeIndicatorSize})` : `var(${_Stepstokens.tokens.activeBulletSize})`, _Spinner.spinnerTokens.color, _Stepstokens.tokens.loaderSpinnerColor, _Stepstokens.tokens.activeIndicatorColor);
const StepItemTitle = _styledcomponents.default.div.withConfig({
    displayName: "StepItem.styles__StepItemTitle",
    componentId: "sc-bb36c21e-1"
})([
    `padding-top:var(`,
    `);padding-right:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);word-break:break-word;`
], _Stepstokens.tokens.titlePaddingTop, _Stepstokens.tokens.contentSidePadding, _Stepstokens.tokens.titleFontFamily, _Stepstokens.tokens.titleFontSize, _Stepstokens.tokens.titleFontStyle, _Stepstokens.tokens.titleFontWeight, _Stepstokens.tokens.titleLetterSpacing, _Stepstokens.tokens.titleLineHeight);
const StepItemContent = _styledcomponents.default.div.withConfig({
    displayName: "StepItem.styles__StepItemContent",
    componentId: "sc-bb36c21e-2"
})([
    `padding-top:var(`,
    `);padding-right:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);word-break:break-word;color:var(`,
    `);`
], _Stepstokens.tokens.contentPaddingTop, _Stepstokens.tokens.contentSidePadding, _Stepstokens.tokens.contentFontFamily, _Stepstokens.tokens.contentFontSize, _Stepstokens.tokens.contentFontStyle, _Stepstokens.tokens.contentFontWeight, _Stepstokens.tokens.contentLetterSpacing, _Stepstokens.tokens.contentLineHeight, _Stepstokens.tokens.contentColor);
const BulletIndicatorWrapper = _styledcomponents.default.div.withConfig({
    displayName: "StepItem.styles__BulletIndicatorWrapper",
    componentId: "sc-bb36c21e-3"
})([
    `display:flex;align-items:center;box-sizing:content-box;&:not(.`,
    `){flex:0;&.`,
    `{width:100%;min-height:var(`,
    `);}&:not(.`,
    `){width:100%;min-height:var(`,
    `);}&.`,
    `{padding-right:var(`,
    `);}}&.`,
    `{flex:0;justify-content:center;&.`,
    `{width:var(`,
    `);}&:not(.`,
    `){width:var(`,
    `);}}&.`,
    `{flex-direction:column;align-items:center;justify-content:center;&.`,
    `{min-width:var(`,
    `);}&:not(.`,
    `){min-width:var(`,
    `);}}&.`,
    `{justify-content:center;}`
], _Stepstokens.classes.simple, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeBulletSize, _Stepstokens.classes.verticalOrientation, _Stepstokens.tokens.verticalContentPaddingLeft, _Stepstokens.classes.simple, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeBulletSize, _Stepstokens.classes.verticalOrientation, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeBulletSize, _Stepstokens.classes.centered);
const BulletIndicator = _styledcomponents.default.button.withConfig({
    displayName: "StepItem.styles__BulletIndicator",
    componentId: "sc-bb36c21e-4"
})([
    `display:flex;align-items:center;justify-content:center;width:var(`,
    `);height:var(`,
    `);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:var(`,
    `) solid var(`,
    `,transparent);cursor:pointer;color:var(`,
    `);background:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);`,
    ` &.`,
    `{width:var(`,
    `);height:var(`,
    `);border:var(`,
    `) var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);color:var(`,
    `);background:var(`,
    `);`,
    `}&.`,
    `{color:var(`,
    `);background:var(`,
    `);border:none;&.`,
    `{&:before,&:after{background:var(`,
    `);}}}`
], _Stepstokens.tokens.indicatorSize, _Stepstokens.tokens.indicatorSize, _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.completedIndicatorBorder, _Stepstokens.tokens.completedIndicatorColor, _Stepstokens.tokens.completedIndicatorBackground, _Stepstokens.tokens.indicatorFontFamily, _Stepstokens.tokens.indicatorFontSize, _Stepstokens.tokens.indicatorFontStyle, _Stepstokens.tokens.indicatorFontWeight, _Stepstokens.tokens.indicatorLetterSpacing, _Stepstokens.tokens.indicatorLineHeight, (0, _mixins.addFocus)({
    outlineOffset: '-0.0625rem',
    outlineSize: '0.0625rem',
    outlineRadius: '50%',
    outlineColor: `var(${_Stepstokens.tokens.focusColor})`
}), _Stepstokens.classes.active, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.activeIndicatorBorder, _Stepstokens.tokens.activeIndicatorFontFamily, _Stepstokens.tokens.activeIndicatorFontSize, _Stepstokens.tokens.activeIndicatorFontStyle, _Stepstokens.tokens.activeIndicatorFontWeight, _Stepstokens.tokens.activeIndicatorLetterSpacing, _Stepstokens.tokens.activeIndicatorLineHeight, _Stepstokens.tokens.activeIndicatorColor, _Stepstokens.tokens.activeIndicatorBackground, (0, _mixins.addFocus)({
    outlineOffset: '-0.1875rem',
    outlineSize: '0.0625rem',
    outlineRadius: '50%',
    outlineColor: `var(${_Stepstokens.tokens.focusColor})`
}), _Stepstokens.classes.inactive, _Stepstokens.tokens.inactiveIndicatorColor, _Stepstokens.tokens.inactiveIndicatorBackground, _Stepstokens.classes.simple, _Stepstokens.tokens.dividerColor);
const Bullet = (0, _styledcomponents.default)(BulletIndicator).withConfig({
    displayName: "StepItem.styles__Bullet",
    componentId: "sc-bb36c21e-5"
})([
    `width:var(`,
    `);height:var(`,
    `);border:var(`,
    `) solid var(`,
    `,var(`,
    `,transparent));background:var(`,
    `,var(`,
    `));&.`,
    `{width:var(`,
    `);height:var(`,
    `);border:var(`,
    `) var(`,
    `,var(`,
    `));background:var(`,
    `,var(`,
    `));}&.`,
    `{color:var(`,
    `);background:var(`,
    `);border:none;&.`,
    `{&:before,&:after{background:var(`,
    `);}}}`
], _Stepstokens.tokens.bulletSize, _Stepstokens.tokens.bulletSize, _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.completedBulletBorder, _Stepstokens.tokens.completedIndicatorBorder, _Stepstokens.tokens.completedBulletBackground, _Stepstokens.tokens.completedIndicatorBackground, _Stepstokens.classes.active, _Stepstokens.tokens.activeBulletSize, _Stepstokens.tokens.activeBulletSize, _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.bulletActiveIndicatorBorder, _Stepstokens.tokens.activeIndicatorBorder, _Stepstokens.tokens.bulletActiveBackground, _Stepstokens.tokens.activeIndicatorBackground, _Stepstokens.classes.inactive, _Stepstokens.tokens.inactiveIndicatorColor, _Stepstokens.tokens.inactiveIndicatorBackground, _Stepstokens.classes.simple, _Stepstokens.tokens.dividerColor);
const StepItemDivider = _styledcomponents.default.div.withConfig({
    displayName: "StepItem.styles__StepItemDivider",
    componentId: "sc-bb36c21e-6"
})([
    `flex:1;width:100%;height:var(`,
    `);background:var(`,
    `);&.`,
    `{background:var(`,
    `,var(`,
    `));}&.`,
    `{width:var(`,
    `);height:100%;background:var(`,
    `);&.`,
    `{background:var(`,
    `,var(`,
    `));}}&.`,
    `{background:var(`,
    `);}&.`,
    `{opacity:var(`,
    `);cursor:not-allowed;}&.`,
    `{background:transparent;}&.`,
    `{height:`,
    `;min-height:`,
    `;max-height:`,
    `;&.`,
    `{height:auto;max-height:none;}&.`,
    `.`,
    `{background:var(`,
    `,var(`,
    `));}}`
], _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.dividerColor, _Stepstokens.classes.nextActive, _Stepstokens.tokens.dividerGradientColor, _Stepstokens.tokens.dividerColor, _Stepstokens.classes.verticalOrientation, _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.dividerColor, _Stepstokens.classes.nextActive, _Stepstokens.tokens.dividerVerticalGradientColor, _Stepstokens.tokens.dividerColor, _Stepstokens.classes.inactive, _Stepstokens.tokens.inactiveIndicatorBackground, _Stepstokens.classes.disabled, _Stepstokens.tokens.disabledOpacity, _Stepstokens.classes.transparentDivider, _Stepstokens.classes.indentDivider, ({ indentToken })=>indentToken || '', ({ indentToken })=>indentToken || '', ({ indentToken })=>indentToken || '', _Stepstokens.classes.simple, _Stepstokens.classes.verticalOrientation, _Stepstokens.classes.active, _Stepstokens.tokens.dividerVerticalIndentColor, _Stepstokens.tokens.dividerColor);
const StepItemContentWrapper = _styledcomponents.default.div.withConfig({
    displayName: "StepItem.styles__StepItemContentWrapper",
    componentId: "sc-bb36c21e-7"
})([
    `&.`,
    `{width:100%;`,
    `{padding-top:var(`,
    `);padding-right:0;}`,
    `{padding-top:var(`,
    `);padding-bottom:var(`,
    `);padding-right:0;}}`
], _Stepstokens.classes.verticalOrientation, StepItemTitle, _Stepstokens.tokens.contentVerticalPadding, StepItemContent, _Stepstokens.tokens.contentVerticalPadding, _Stepstokens.tokens.contentVerticalPadding);
const StepItemStyled = _styledcomponents.default.div.withConfig({
    displayName: "StepItem.styles__StepItemStyled",
    componentId: "sc-bb36c21e-8"
})([
    `position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;color:var(`,
    `);&.`,
    `{flex-direction:row;align-items:stretch;`,
    `{width:var(`,
    `);height:100%;}}`,
    `{color:var(`,
    `,`,
    `);}&.`,
    `{`,
    `{cursor:default;}`,
    `{color:var(`,
    `);}}&.`,
    `{color:var(`,
    `);`,
    `{color:var(`,
    `);}}&.`,
    `{flex:0;align-items:center;justify-content:center;flex-direction:row;height:100%;&.`,
    `{min-width:var(`,
    `);min-height:var(`,
    `);}&:not(.`,
    `){width:var(`,
    `);min-height:var(`,
    `);}&.`,
    `,&:not(.`,
    `){&:before,&:after{content:'';display:block;width:calc((var(`,
    `) - var(`,
    `)) / 2);height:var(`,
    `);background:var(`,
    `);}&:not(.`,
    `){&:before,&:after{width:calc((var(`,
    `) - var(`,
    `)) / 2);}}&.`,
    `{flex-direction:column;&:before,&:after{width:var(`,
    `);height:calc((var(`,
    `) - var(`,
    `)) / 2);margin:0 auto;align-self:auto;}&:not(.`,
    `){&:before,&:after{height:calc((var(`,
    `) - var(`,
    `)) / 2);}}&:after{margin:0 auto;}}&.isFirst{&:before{background:transparent;}}&.isLast{&:after{background:transparent;}}}&.`,
    `{&:after,&:before{background:var(`,
    `);}}&.isPrevInactive{&:before{background:var(`,
    `);}}&.isNextInactive{&:after{background:var(`,
    `);}}&.`,
    `{&:before,&:after{background:var(`,
    `);opacity:1;}}&.`,
    `{&:before,&:after{background:transparent;}}}&:not(.`,
    `):not(.`,
    `){&:not(.`,
    `).isNextActive{`,
    `{width:calc(100% - (var(`,
    `) - var(`,
    `)) / 2);}}&.`,
    `{`,
    `{margin-left:calc((var(`,
    `) - var(`,
    `)) / -2);width:calc(100% + (var(`,
    `) - var(`,
    `)) / 2);}}}&.`,
    `{&:not(.`,
    `){`,
    `{cursor:pointer;color:var(`,
    `);}`,
    `{color:var(`,
    `);background:var(`,
    `);border:var(`,
    `) solid var(`,
    `,transparent);}`,
    `{color:var(`,
    `,var(`,
    `));background:var( `,
    `,var(`,
    `) );border:var(`,
    `) solid var(`,
    `,transparent);}}&.`,
    `{`,
    `{color:var(`,
    `);}`,
    `,`,
    `{color:var(`,
    `);background:var(`,
    `);border:none;}}`,
    `{cursor:pointer;}}&.`,
    `{align-items:center;`,
    `{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(`,
    `) / 2);padding-right:calc(var(`,
    `) / 2);`,
    `{width:100%;}`,
    `,`,
    `{padding-right:0;text-align:center;}}}&.`,
    `{cursor:not-allowed;opacity:var(`,
    `);`,
    `,`,
    `{cursor:not-allowed;}}`
], _Stepstokens.tokens.activeIndicatorColor, _Stepstokens.classes.verticalOrientation, StepItemDivider, _Stepstokens.tokens.dividerThickness, StepItemTitle, _Stepstokens.tokens.completedTitleColor, _Stepstokens.tokens.activeTitleColor, _Stepstokens.classes.active, BulletIndicator, StepItemTitle, _Stepstokens.tokens.activeTitleColor, _Stepstokens.classes.inactive, _Stepstokens.tokens.inactiveIndicatorColor, StepItemTitle, _Stepstokens.tokens.inactiveTitleColor, _Stepstokens.classes.simple, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeBulletSize, _Stepstokens.tokens.activeBulletSize, _Stepstokens.classes.inactive, _Stepstokens.classes.active, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.tokens.indicatorSize, _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.dividerColor, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeBulletSize, _Stepstokens.tokens.bulletSize, _Stepstokens.classes.verticalOrientation, _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.tokens.indicatorSize, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeBulletSize, _Stepstokens.tokens.bulletSize, _Stepstokens.classes.inactive, _Stepstokens.tokens.inactiveIndicatorBackground, _Stepstokens.tokens.inactiveIndicatorBackground, _Stepstokens.tokens.inactiveIndicatorBackground, _Stepstokens.classes.disabled, _Stepstokens.tokens.inactiveIndicatorBackground, _Stepstokens.classes.transparentDivider, _Stepstokens.classes.simple, _Stepstokens.classes.verticalOrientation, _Stepstokens.classes.centered, BulletIndicatorWrapper, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.tokens.indicatorSize, _Stepstokens.classes.active, BulletIndicatorWrapper, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.tokens.indicatorSize, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.tokens.indicatorSize, _Stepstokens.classes.hovered, _Stepstokens.classes.active, StepItemTitle, _Stepstokens.tokens.completedTitleColorHover, BulletIndicator, _Stepstokens.tokens.completedIndicatorColorHover, _Stepstokens.tokens.completedIndicatorBackgroundHover, _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.completedIndicatorBorderHover, Bullet, _Stepstokens.tokens.completedBulletBackground, _Stepstokens.tokens.completedIndicatorColorHover, _Stepstokens.tokens.completedBulletBackgroundHover, _Stepstokens.tokens.completedIndicatorBackgroundHover, _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.completedBulletBorderHover, _Stepstokens.classes.inactive, StepItemTitle, _Stepstokens.tokens.inactiveTitleColorHover, BulletIndicator, Bullet, _Stepstokens.tokens.inactiveIndicatorColorHover, _Stepstokens.tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, _Stepstokens.classes.centered, StepItemContentWrapper, _Stepstokens.tokens.contentSidePadding, _Stepstokens.tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, _Stepstokens.classes.disabled, _Stepstokens.tokens.disabledOpacity, BulletIndicator, Bullet);
