@uzum-tech/ui 1.4.2 → 1.5.1

package/lib/steps/src/Step.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stepProps = void 0;
 const vue_1 = require("vue");
+const interface_1 = require("./interface");
 const icons_1 = require("../../_internal/icons");
 const _internal_1 = require("../../_internal");
 const _utils_1 = require("../../_utils");
@@ -33,10 +34,17 @@ exports.default = (0, vue_1.defineComponent)({
         const noIconRef = (0, vue_1.computed)(() => props.noIcon);
         const variantBehaviors = (0, vue_1.computed)(() => {
             const variant = variantRef.value;
+            const { vertical } = stepsProps;
+            const variantConfig = interface_1.variantConfigs[variant] || {};
+            const config = Object.assign(Object.assign({}, interface_1.defaultVariantConfig), variantConfig);
+            const isVertical = variantConfig.vertical !== undefined
+                ? variantConfig.vertical
+                : Boolean(vertical);
             return {
                 variant,
-                isVerticalOrHistory: stepsProps.vertical || variant === 'history',
-                shouldRenderSplitor: !stepsProps.vertical && variant !== 'history'
+                isVertical,
+                shouldRenderSplitor: config.rendersSplitor,
+                showDescription: config.showDescription
             };
         });
         const mergedStatusRef = (0, vue_1.computed)(() => {
@@ -65,7 +73,7 @@ exports.default = (0, vue_1.defineComponent)({
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { value: status } = mergedStatusRef;
             const { size } = stepsProps;
-            const { common: { cubicBezierEaseInOut }, self: { stepHeaderFontWeight, [(0, _utils_1.createKey)('stepHeaderFontSize', size)]: stepHeaderFontSize, [(0, _utils_1.createKey)('indicatorIndexFontSize', size)]: indicatorIndexFontSize, [(0, _utils_1.createKey)('indicatorSize', size)]: indicatorSize, [(0, _utils_1.createKey)('indicatorIconSize', size)]: indicatorIconSize, [(0, _utils_1.createKey)('indicatorTextColor', status)]: indicatorTextColor, [(0, _utils_1.createKey)('indicatorBorderColor', status)]: indicatorBorderColor, [(0, _utils_1.createKey)('headerTextColor', status)]: headerTextColor, [(0, _utils_1.createKey)('splitorColor', status)]: splitorColor, [(0, _utils_1.createKey)('indicatorColor', status)]: indicatorColor, [(0, _utils_1.createKey)('descriptionTextColor', status)]: descriptionTextColor, [(0, _utils_1.createKey)('indicatorIconColor', status)]: indicatorIconColor } } = mergedThemeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { stepHeaderFontWeight, [(0, _utils_1.createKey)('stepHeaderFontSize', size)]: stepHeaderFontSize, [(0, _utils_1.createKey)('indicatorIndexFontSize', size)]: indicatorIndexFontSize, [(0, _utils_1.createKey)('indicatorSize', size)]: indicatorSize, [(0, _utils_1.createKey)('indicatorIconSize', size)]: indicatorIconSize, [(0, _utils_1.createKey)('indicatorTextColor', status)]: indicatorTextColor, [(0, _utils_1.createKey)('indicatorBorderColor', status)]: indicatorBorderColor, [(0, _utils_1.createKey)('headerTextColor', status)]: headerTextColor, [(0, _utils_1.createKey)('splitorColor', status)]: splitorColor, [(0, _utils_1.createKey)('indicatorColor', status)]: indicatorColor, [(0, _utils_1.createKey)('descriptionTextColor', status)]: descriptionTextColor, [(0, _utils_1.createKey)('indicatorIconColor', status)]: indicatorIconColor, indicatorBackgroundFinishOutline, indicatorIconColorFinishDotted, indicatorIconSizeOutline, indicatorBorderColorFinishOutline, indicatorIconColorOutline, indicatorBorderRadiusOutline, indicatorBorderRadiusFinishOutline, stepHeight, indicatorSizeDotted, descriptionTextColorDotted, stepHeaderFontSizeLarge, splitorColorFinishDotted, indicatorColorDotted, splitorColorDotted, indicatorIndexFontSizeMedium } } = mergedThemeRef.value;
             return {
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-description-text-color': descriptionTextColor,
@@ -74,12 +82,29 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-indicator-color': indicatorColor,
                 '--u-indicator-icon-size': indicatorIconSize,
                 '--u-indicator-index-font-size': indicatorIndexFontSize,
+                '--u-indicator-index-font-size--outline': indicatorIndexFontSizeMedium,
                 '--u-indicator-size': indicatorSize,
+                '--u-indicator-size--dotted': indicatorSizeDotted,
+                '--u-indicator-color--dotted': indicatorColorDotted,
                 '--u-indicator-text-color': indicatorTextColor,
+                '--u-indicator-text-color--outline': headerTextColor,
                 '--u-splitor-color': splitorColor,
+                '--u-splitor-color--dotted': splitorColorDotted,
+                '--u-splitor-color-finish--dotted': splitorColorFinishDotted,
                 '--u-step-header-font-size': stepHeaderFontSize,
                 '--u-step-header-font-weight': stepHeaderFontWeight,
-                '--u-step-icon-color': indicatorIconColor
+                '--u-step-icon-color': indicatorIconColor,
+                '--u-step-icon-color--outline': headerTextColor,
+                '--u-indicator-background-finish--outline': indicatorBackgroundFinishOutline,
+                '--u-indicator-color-finish--dotted': indicatorIconColorFinishDotted,
+                '--u-indicator-icon-size--outline': indicatorIconSizeOutline,
+                '--u-indicator-border-color-finish--outline': indicatorBorderColorFinishOutline,
+                '--u-indicator-icon-color--outline': indicatorIconColorOutline,
+                '--u-indicator-border-radius--outline': indicatorBorderRadiusOutline,
+                '--u-indicator-border-radius-finish--outline': indicatorBorderRadiusFinishOutline,
+                '--u-step-height': stepHeight,
+                '--u-description-text-color--dotted': descriptionTextColorDotted,
+                '--u-step-header-font-size--dotted': stepHeaderFontSizeLarge
             };
         });
         const themeClassHandle = inlineThemeDisabled
@@ -114,6 +139,16 @@ exports.default = (0, vue_1.defineComponent)({
                 finish: () => renderFinishIcon(),
                 error: () => renderErrorIcon(),
                 default: () => (0, _utils_1.resolveWrappedSlot)(slots.icon, (icon) => icon || renderInternalIndex())
+            },
+            outline: {
+                finish: () => renderFinishIcon('outline'),
+                error: () => renderErrorIcon('outline'),
+                default: () => (0, _utils_1.resolveWrappedSlot)(slots.icon, (icon) => icon || renderInternalIndex())
+            },
+            dotted: {
+                finish: () => null,
+                error: () => null,
+                default: () => null
             }
         };
         const renderIcon = () => {
@@ -126,18 +161,32 @@ exports.default = (0, vue_1.defineComponent)({
             return rendererGroup.default();
         };
         const renderFinishIcon = (variant = 'default') => ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefixRef.value, key: "finish" }, {
-            default: () => variant === 'history'
-                ? (0, _utils_1.resolveSlot)(stepsSlots['finish-icon'], () => [
-                    (0, vue_1.h)(icons_1.CheckmarkCircleIcon, null)
-                ])
-                : (0, _utils_1.resolveSlot)(stepsSlots['finish-icon'], () => [(0, vue_1.h)(icons_1.CheckmarkIcon, null)])
+            default: () => {
+                switch (variant) {
+                    case 'history':
+                        return (0, _utils_1.resolveSlot)(stepsSlots['finish-icon'], () => [
+                            (0, vue_1.h)(icons_1.CheckmarkCircleIcon, null)
+                        ]);
+                    default:
+                        return (0, _utils_1.resolveSlot)(stepsSlots['finish-icon'], () => [
+                            (0, vue_1.h)(icons_1.CheckmarkIcon, null)
+                        ]);
+                }
+            }
         }));
         const renderErrorIcon = (variant = 'default') => ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefixRef.value, key: "error" }, {
-            default: () => variant === 'history'
-                ? (0, _utils_1.resolveSlot)(stepsSlots['error-icon'], () => [
-                    (0, vue_1.h)(icons_1.DismissCircleIcon, null)
-                ])
-                : (0, _utils_1.resolveSlot)(stepsSlots['error-icon'], () => [(0, vue_1.h)(icons_1.CloseIcon, null)])
+            default: () => {
+                switch (variant) {
+                    case 'history':
+                        return (0, _utils_1.resolveSlot)(stepsSlots['error-icon'], () => [
+                            (0, vue_1.h)(icons_1.DismissCircleIcon, null)
+                        ]);
+                    default:
+                        return (0, _utils_1.resolveSlot)(stepsSlots['error-icon'], () => [
+                            (0, vue_1.h)(icons_1.CloseIcon, null)
+                        ]);
+                }
+            }
         }));
         const renderHistoryIcon = () => ((0, vue_1.h)(_internal_1.UBaseIcon, { clsPrefix: mergedClsPrefixRef.value, key: "history" }, {
             default: () => (0, _utils_1.resolveSlot)(stepsSlots['history-icon'], () => [(0, vue_1.h)(icons_1.EditIcon, null)])
@@ -159,13 +208,15 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { mergedClsPrefix, onRender, handleStepClick, disabled, renderIcon, variantBehaviors, noIcon } = this;
-        const descriptionNode = (0, _utils_1.resolveWrappedSlot)(this.$slots.default, (children) => {
-            const mergedDescription = children || this.description;
-            if (mergedDescription) {
-                return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content__description` }, mergedDescription));
-            }
-            return null;
-        });
+        const descriptionNode = variantBehaviors.showDescription
+            ? (0, _utils_1.resolveWrappedSlot)(this.$slots.default, (children) => {
+                const mergedDescription = children || this.description;
+                if (mergedDescription) {
+                    return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content__description` }, mergedDescription));
+                }
+                return null;
+            })
+            : null;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-step`,
@@ -176,15 +227,20 @@ exports.default = (0, vue_1.defineComponent)({
                 `${mergedClsPrefix}-step--${this.mergedStatus}-status`,
                 `${mergedClsPrefix}-step--${this.variant}-variant`
             ], style: this.cssVars, onClick: handleStepClick },
-            variantBehaviors.isVerticalOrHistory || !noIcon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator` },
+            !noIcon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator-slot` },
                     (0, vue_1.h)(_internal_1.UIconSwitchTransition, null, { default: renderIcon })),
-                variantBehaviors.isVerticalOrHistory ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` })) : null)) : null,
+                variantBehaviors.isVertical &&
+                    variantBehaviors.shouldRenderSplitor ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` })) : null)) : null,
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header ${mergedClsPrefix}-step-content-header${noIcon ? '--column' : ''}` },
                     (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header__title` }, (0, _utils_1.resolveSlot)(this.$slots.title, () => [this.title])),
-                    noIcon && variantBehaviors.shouldRenderSplitor ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor-no-icon` })) : null,
-                    !noIcon && variantBehaviors.shouldRenderSplitor ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` })) : null),
+                    noIcon &&
+                        !variantBehaviors.isVertical &&
+                        variantBehaviors.shouldRenderSplitor ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor-no-icon` })) : null,
+                    !noIcon &&
+                        variantBehaviors.shouldRenderSplitor &&
+                        !variantBehaviors.isVertical ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` })) : null),
                 descriptionNode)));
     }
 });

package/lib/steps/src/Steps.d.ts

@@ -1,8 +1,8 @@
 import { type PropType, ExtractPropTypes, Ref, Slots } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { StepsTheme } from '../styles';
 import { OnUpdateValue, StepsStatus, StepsVariant } from './interface';
+import type { StepsTheme } from '../styles';
 export declare const stepsProps: {
     current: NumberConstructor;
     status: {
@@ -23,16 +23,21 @@ export declare const stepsProps: {
     theme: PropType<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
+        stepHeaderFontSizeLarge: string;
         indicatorIndexFontSizeSmall: string;
         indicatorIndexFontSizeMedium: string;
         indicatorSizeSmall: string;
         indicatorSizeMedium: string;
+        indicatorSizeDotted: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconSizeOutline: string;
         indicatorIconColorProcess: string;
         indicatorIconColorWait: string;
         indicatorIconColorFinish: string;
         indicatorIconColorError: string;
+        indicatorIconColorOutline: string;
+        indicatorIconColorFinishDotted: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -42,36 +47,50 @@ export declare const stepsProps: {
         indicatorBorderColorWait: string;
         indicatorBorderColorFinish: string;
         indicatorBorderColorError: string;
+        indicatorBorderColorFinishOutline: string;
+        indicatorBorderRadiusOutline: string;
+        indicatorBorderRadiusFinishOutline: string;
         indicatorColorProcess: string;
         indicatorColorWait: string;
         indicatorColorFinish: string;
         indicatorColorError: string;
+        indicatorColorDotted: string;
+        indicatorBackgroundFinishOutline: string;
         splitorColorProcess: string;
         splitorColorWait: string;
         splitorColorFinish: string;
         splitorColorError: string;
+        splitorColorFinishDotted: string;
+        splitorColorDotted: string;
         headerTextColorProcess: string;
         headerTextColorWait: string;
         headerTextColorFinish: string;
         headerTextColorError: string;
         descriptionTextColorProcess: string;
         descriptionTextColorWait: string;
+        descriptionTextColorDotted: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+        stepHeight: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
+        stepHeaderFontSizeLarge: string;
         indicatorIndexFontSizeSmall: string;
         indicatorIndexFontSizeMedium: string;
         indicatorSizeSmall: string;
         indicatorSizeMedium: string;
+        indicatorSizeDotted: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconSizeOutline: string;
         indicatorIconColorProcess: string;
         indicatorIconColorWait: string;
         indicatorIconColorFinish: string;
         indicatorIconColorError: string;
+        indicatorIconColorOutline: string;
+        indicatorIconColorFinishDotted: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -81,36 +100,50 @@ export declare const stepsProps: {
         indicatorBorderColorWait: string;
         indicatorBorderColorFinish: string;
         indicatorBorderColorError: string;
+        indicatorBorderColorFinishOutline: string;
+        indicatorBorderRadiusOutline: string;
+        indicatorBorderRadiusFinishOutline: string;
         indicatorColorProcess: string;
         indicatorColorWait: string;
         indicatorColorFinish: string;
         indicatorColorError: string;
+        indicatorColorDotted: string;
+        indicatorBackgroundFinishOutline: string;
         splitorColorProcess: string;
         splitorColorWait: string;
         splitorColorFinish: string;
         splitorColorError: string;
+        splitorColorFinishDotted: string;
+        splitorColorDotted: string;
         headerTextColorProcess: string;
         headerTextColorWait: string;
         headerTextColorFinish: string;
         headerTextColorError: string;
         descriptionTextColorProcess: string;
         descriptionTextColorWait: string;
+        descriptionTextColorDotted: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+        stepHeight: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
+        stepHeaderFontSizeLarge: string;
         indicatorIndexFontSizeSmall: string;
         indicatorIndexFontSizeMedium: string;
         indicatorSizeSmall: string;
         indicatorSizeMedium: string;
+        indicatorSizeDotted: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconSizeOutline: string;
         indicatorIconColorProcess: string;
         indicatorIconColorWait: string;
         indicatorIconColorFinish: string;
         indicatorIconColorError: string;
+        indicatorIconColorOutline: string;
+        indicatorIconColorFinishDotted: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -120,22 +153,31 @@ export declare const stepsProps: {
         indicatorBorderColorWait: string;
         indicatorBorderColorFinish: string;
         indicatorBorderColorError: string;
+        indicatorBorderColorFinishOutline: string;
+        indicatorBorderRadiusOutline: string;
+        indicatorBorderRadiusFinishOutline: string;
         indicatorColorProcess: string;
         indicatorColorWait: string;
         indicatorColorFinish: string;
         indicatorColorError: string;
+        indicatorColorDotted: string;
+        indicatorBackgroundFinishOutline: string;
         splitorColorProcess: string;
         splitorColorWait: string;
         splitorColorFinish: string;
         splitorColorError: string;
+        splitorColorFinishDotted: string;
+        splitorColorDotted: string;
         headerTextColorProcess: string;
         headerTextColorWait: string;
         headerTextColorFinish: string;
         headerTextColorError: string;
         descriptionTextColorProcess: string;
         descriptionTextColorWait: string;
+        descriptionTextColorDotted: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+        stepHeight: string;
     }, any>>>;
 };
 export type StepsProps = ExtractPublicPropTypes<typeof stepsProps>;
@@ -166,16 +208,21 @@ declare const _default: import("vue").DefineComponent<{
     theme: PropType<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
+        stepHeaderFontSizeLarge: string;
         indicatorIndexFontSizeSmall: string;
         indicatorIndexFontSizeMedium: string;
         indicatorSizeSmall: string;
         indicatorSizeMedium: string;
+        indicatorSizeDotted: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconSizeOutline: string;
         indicatorIconColorProcess: string;
         indicatorIconColorWait: string;
         indicatorIconColorFinish: string;
         indicatorIconColorError: string;
+        indicatorIconColorOutline: string;
+        indicatorIconColorFinishDotted: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -185,36 +232,50 @@ declare const _default: import("vue").DefineComponent<{
         indicatorBorderColorWait: string;
         indicatorBorderColorFinish: string;
         indicatorBorderColorError: string;
+        indicatorBorderColorFinishOutline: string;
+        indicatorBorderRadiusOutline: string;
+        indicatorBorderRadiusFinishOutline: string;
         indicatorColorProcess: string;
         indicatorColorWait: string;
         indicatorColorFinish: string;
         indicatorColorError: string;
+        indicatorColorDotted: string;
+        indicatorBackgroundFinishOutline: string;
         splitorColorProcess: string;
         splitorColorWait: string;
         splitorColorFinish: string;
         splitorColorError: string;
+        splitorColorFinishDotted: string;
+        splitorColorDotted: string;
         headerTextColorProcess: string;
         headerTextColorWait: string;
         headerTextColorFinish: string;
         headerTextColorError: string;
         descriptionTextColorProcess: string;
         descriptionTextColorWait: string;
+        descriptionTextColorDotted: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+        stepHeight: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
+        stepHeaderFontSizeLarge: string;
         indicatorIndexFontSizeSmall: string;
         indicatorIndexFontSizeMedium: string;
         indicatorSizeSmall: string;
         indicatorSizeMedium: string;
+        indicatorSizeDotted: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconSizeOutline: string;
         indicatorIconColorProcess: string;
         indicatorIconColorWait: string;
         indicatorIconColorFinish: string;
         indicatorIconColorError: string;
+        indicatorIconColorOutline: string;
+        indicatorIconColorFinishDotted: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -224,36 +285,50 @@ declare const _default: import("vue").DefineComponent<{
         indicatorBorderColorWait: string;
         indicatorBorderColorFinish: string;
         indicatorBorderColorError: string;
+        indicatorBorderColorFinishOutline: string;
+        indicatorBorderRadiusOutline: string;
+        indicatorBorderRadiusFinishOutline: string;
         indicatorColorProcess: string;
         indicatorColorWait: string;
         indicatorColorFinish: string;
         indicatorColorError: string;
+        indicatorColorDotted: string;
+        indicatorBackgroundFinishOutline: string;
         splitorColorProcess: string;
         splitorColorWait: string;
         splitorColorFinish: string;
         splitorColorError: string;
+        splitorColorFinishDotted: string;
+        splitorColorDotted: string;
         headerTextColorProcess: string;
         headerTextColorWait: string;
         headerTextColorFinish: string;
         headerTextColorError: string;
         descriptionTextColorProcess: string;
         descriptionTextColorWait: string;
+        descriptionTextColorDotted: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+        stepHeight: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
+        stepHeaderFontSizeLarge: string;
         indicatorIndexFontSizeSmall: string;
         indicatorIndexFontSizeMedium: string;
         indicatorSizeSmall: string;
         indicatorSizeMedium: string;
+        indicatorSizeDotted: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconSizeOutline: string;
         indicatorIconColorProcess: string;
         indicatorIconColorWait: string;
         indicatorIconColorFinish: string;
         indicatorIconColorError: string;
+        indicatorIconColorOutline: string;
+        indicatorIconColorFinishDotted: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -263,22 +338,31 @@ declare const _default: import("vue").DefineComponent<{
         indicatorBorderColorWait: string;
         indicatorBorderColorFinish: string;
         indicatorBorderColorError: string;
+        indicatorBorderColorFinishOutline: string;
+        indicatorBorderRadiusOutline: string;
+        indicatorBorderRadiusFinishOutline: string;
         indicatorColorProcess: string;
         indicatorColorWait: string;
         indicatorColorFinish: string;
         indicatorColorError: string;
+        indicatorColorDotted: string;
+        indicatorBackgroundFinishOutline: string;
         splitorColorProcess: string;
         splitorColorWait: string;
         splitorColorFinish: string;
         splitorColorError: string;
+        splitorColorFinishDotted: string;
+        splitorColorDotted: string;
         headerTextColorProcess: string;
         headerTextColorWait: string;
         headerTextColorFinish: string;
         headerTextColorError: string;
         descriptionTextColorProcess: string;
         descriptionTextColorWait: string;
+        descriptionTextColorDotted: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+        stepHeight: string;
     }, any>>>;
 }, {
     mergedClsPrefix: Ref<string>;
@@ -303,16 +387,21 @@ declare const _default: import("vue").DefineComponent<{
     theme: PropType<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
+        stepHeaderFontSizeLarge: string;
         indicatorIndexFontSizeSmall: string;
         indicatorIndexFontSizeMedium: string;
         indicatorSizeSmall: string;
         indicatorSizeMedium: string;
+        indicatorSizeDotted: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconSizeOutline: string;
         indicatorIconColorProcess: string;
         indicatorIconColorWait: string;
         indicatorIconColorFinish: string;
         indicatorIconColorError: string;
+        indicatorIconColorOutline: string;
+        indicatorIconColorFinishDotted: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -322,36 +411,50 @@ declare const _default: import("vue").DefineComponent<{
         indicatorBorderColorWait: string;
         indicatorBorderColorFinish: string;
         indicatorBorderColorError: string;
+        indicatorBorderColorFinishOutline: string;
+        indicatorBorderRadiusOutline: string;
+        indicatorBorderRadiusFinishOutline: string;
         indicatorColorProcess: string;
         indicatorColorWait: string;
         indicatorColorFinish: string;
         indicatorColorError: string;
+        indicatorColorDotted: string;
+        indicatorBackgroundFinishOutline: string;
         splitorColorProcess: string;
         splitorColorWait: string;
         splitorColorFinish: string;
         splitorColorError: string;
+        splitorColorFinishDotted: string;
+        splitorColorDotted: string;
         headerTextColorProcess: string;
         headerTextColorWait: string;
         headerTextColorFinish: string;
         headerTextColorError: string;
         descriptionTextColorProcess: string;
         descriptionTextColorWait: string;
+        descriptionTextColorDotted: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+        stepHeight: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
+        stepHeaderFontSizeLarge: string;
         indicatorIndexFontSizeSmall: string;
         indicatorIndexFontSizeMedium: string;
         indicatorSizeSmall: string;
         indicatorSizeMedium: string;
+        indicatorSizeDotted: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconSizeOutline: string;
         indicatorIconColorProcess: string;
         indicatorIconColorWait: string;
         indicatorIconColorFinish: string;
         indicatorIconColorError: string;
+        indicatorIconColorOutline: string;
+        indicatorIconColorFinishDotted: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -361,36 +464,50 @@ declare const _default: import("vue").DefineComponent<{
         indicatorBorderColorWait: string;
         indicatorBorderColorFinish: string;
         indicatorBorderColorError: string;
+        indicatorBorderColorFinishOutline: string;
+        indicatorBorderRadiusOutline: string;
+        indicatorBorderRadiusFinishOutline: string;
         indicatorColorProcess: string;
         indicatorColorWait: string;
         indicatorColorFinish: string;
         indicatorColorError: string;
+        indicatorColorDotted: string;
+        indicatorBackgroundFinishOutline: string;
         splitorColorProcess: string;
         splitorColorWait: string;
         splitorColorFinish: string;
         splitorColorError: string;
+        splitorColorFinishDotted: string;
+        splitorColorDotted: string;
         headerTextColorProcess: string;
         headerTextColorWait: string;
         headerTextColorFinish: string;
         headerTextColorError: string;
         descriptionTextColorProcess: string;
         descriptionTextColorWait: string;
+        descriptionTextColorDotted: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+        stepHeight: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
+        stepHeaderFontSizeLarge: string;
         indicatorIndexFontSizeSmall: string;
         indicatorIndexFontSizeMedium: string;
         indicatorSizeSmall: string;
         indicatorSizeMedium: string;
+        indicatorSizeDotted: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
+        indicatorIconSizeOutline: string;
         indicatorIconColorProcess: string;
         indicatorIconColorWait: string;
         indicatorIconColorFinish: string;
         indicatorIconColorError: string;
+        indicatorIconColorOutline: string;
+        indicatorIconColorFinishDotted: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -400,22 +517,31 @@ declare const _default: import("vue").DefineComponent<{
         indicatorBorderColorWait: string;
         indicatorBorderColorFinish: string;
         indicatorBorderColorError: string;
+        indicatorBorderColorFinishOutline: string;
+        indicatorBorderRadiusOutline: string;
+        indicatorBorderRadiusFinishOutline: string;
         indicatorColorProcess: string;
         indicatorColorWait: string;
         indicatorColorFinish: string;
         indicatorColorError: string;
+        indicatorColorDotted: string;
+        indicatorBackgroundFinishOutline: string;
         splitorColorProcess: string;
         splitorColorWait: string;
         splitorColorFinish: string;
         splitorColorError: string;
+        splitorColorFinishDotted: string;
+        splitorColorDotted: string;
         headerTextColorProcess: string;
         headerTextColorWait: string;
         headerTextColorFinish: string;
         headerTextColorError: string;
         descriptionTextColorProcess: string;
         descriptionTextColorWait: string;
+        descriptionTextColorDotted: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+        stepHeight: string;
     }, any>>>;
 }>>, {
     size: "small" | "medium";