@uzum-tech/ui 0.1.2 → 1.0.0

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

@@ -16,6 +16,14 @@ export declare const stepsProps: {
     'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
     onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
+        stepHeaderFontSizeSmall: string;
+        stepHeaderFontSizeMedium: string;
+        indicatorIndexFontSizeSmall: string;
+        indicatorIndexFontSizeMedium: string;
+        indicatorSizeSmall: string;
+        indicatorSizeMedium: string;
+        indicatorIconSizeSmall: string;
+        indicatorIconSizeMedium: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -41,6 +49,8 @@ export declare const stepsProps: {
         descriptionTextColorWait: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
         indicatorIndexFontSizeSmall: string;
@@ -49,8 +59,6 @@ export declare const stepsProps: {
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -76,6 +84,8 @@ export declare const stepsProps: {
         descriptionTextColorWait: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
         indicatorIndexFontSizeSmall: string;
@@ -84,8 +94,6 @@ export declare const stepsProps: {
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -111,14 +119,6 @@ export declare const stepsProps: {
         descriptionTextColorWait: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
-        stepHeaderFontSizeSmall: string;
-        stepHeaderFontSizeMedium: string;
-        indicatorIndexFontSizeSmall: string;
-        indicatorIndexFontSizeMedium: string;
-        indicatorSizeSmall: string;
-        indicatorSizeMedium: string;
-        indicatorIconSizeSmall: string;
-        indicatorIconSizeMedium: string;
     }, any>>>;
 };
 export interface StepsInjection {
@@ -143,6 +143,14 @@ declare const _default: import("vue").DefineComponent<{
     'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
     onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
+        stepHeaderFontSizeSmall: string;
+        stepHeaderFontSizeMedium: string;
+        indicatorIndexFontSizeSmall: string;
+        indicatorIndexFontSizeMedium: string;
+        indicatorSizeSmall: string;
+        indicatorSizeMedium: string;
+        indicatorIconSizeSmall: string;
+        indicatorIconSizeMedium: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -168,6 +176,8 @@ declare const _default: import("vue").DefineComponent<{
         descriptionTextColorWait: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
         indicatorIndexFontSizeSmall: string;
@@ -176,8 +186,6 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -203,6 +211,8 @@ declare const _default: import("vue").DefineComponent<{
         descriptionTextColorWait: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
         indicatorIndexFontSizeSmall: string;
@@ -211,8 +221,6 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -238,14 +246,6 @@ declare const _default: import("vue").DefineComponent<{
         descriptionTextColorWait: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
-        stepHeaderFontSizeSmall: string;
-        stepHeaderFontSizeMedium: string;
-        indicatorIndexFontSizeSmall: string;
-        indicatorIndexFontSizeMedium: string;
-        indicatorSizeSmall: string;
-        indicatorSizeMedium: string;
-        indicatorIconSizeSmall: string;
-        indicatorIconSizeMedium: string;
     }, any>>>;
 }, {
     mergedClsPrefix: Ref<string>;
@@ -264,6 +264,14 @@ declare const _default: import("vue").DefineComponent<{
     'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
     onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
+        stepHeaderFontSizeSmall: string;
+        stepHeaderFontSizeMedium: string;
+        indicatorIndexFontSizeSmall: string;
+        indicatorIndexFontSizeMedium: string;
+        indicatorSizeSmall: string;
+        indicatorSizeMedium: string;
+        indicatorIconSizeSmall: string;
+        indicatorIconSizeMedium: string;
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -289,6 +297,8 @@ declare const _default: import("vue").DefineComponent<{
         descriptionTextColorWait: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
         indicatorIndexFontSizeSmall: string;
@@ -297,8 +307,6 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -324,6 +332,8 @@ declare const _default: import("vue").DefineComponent<{
         descriptionTextColorWait: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontSizeSmall: string;
         stepHeaderFontSizeMedium: string;
         indicatorIndexFontSizeSmall: string;
@@ -332,8 +342,6 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -359,14 +367,6 @@ declare const _default: import("vue").DefineComponent<{
         descriptionTextColorWait: string;
         descriptionTextColorFinish: string;
         descriptionTextColorError: string;
-        stepHeaderFontSizeSmall: string;
-        stepHeaderFontSizeMedium: string;
-        indicatorIndexFontSizeSmall: string;
-        indicatorIndexFontSizeMedium: string;
-        indicatorSizeSmall: string;
-        indicatorSizeMedium: string;
-        indicatorIconSizeSmall: string;
-        indicatorIconSizeMedium: string;
     }, any>>>;
 }>>, {
     size: "small" | "medium";

package/lib/steps/src/styles/index.cssr.js

@@ -30,7 +30,8 @@ exports.default = (0, cssr_1.cB)('steps', `
  `), (0, cssr_1.c)('&:last-child', [(0, cssr_1.cB)('step-splitor', 'display: none;')])]), (0, cssr_1.cB)('step-splitor', `
  background-color: var(--u-splitor-color);
  margin-top: calc(var(--u-step-header-font-size) / 2);
- height: 1px;
+ height: 6px;
+ border-radius: 8px;
  flex: 1;
  align-self: flex-start;
  margin-left: 12px;
@@ -38,6 +39,14 @@ exports.default = (0, cssr_1.cB)('steps', `
  transition:
  color .3s var(--u-bezier),
  background-color .3s var(--u-bezier);
+ `), (0, cssr_1.cB)('step-splitor-no-icon', `
+ background-color: var(--u-splitor-color);
+ margin-top: 12px;
+ height: 6px;
+ border-radius: 8px;
+ transition:
+ color .3s var(--u-bezier),
+ background-color .3s var(--u-bezier);
  `), (0, cssr_1.cB)('step-content', 'flex: 1;', [(0, cssr_1.cB)('step-content-header', `
  color: var(--u-header-text-color);
  margin-top: calc(var(--u-indicator-size) / 2 - var(--u-step-header-font-size) / 2);
@@ -46,14 +55,20 @@ exports.default = (0, cssr_1.cB)('steps', `
  position: relative;
  display: flex;
  font-weight: var(--u-step-header-font-weight);
- margin-left: 9px;
+ margin-left: 8px;
  transition:
  color .3s var(--u-bezier),
  background-color .3s var(--u-bezier);
  `, [(0, cssr_1.cE)('title', `
  white-space: nowrap;
  flex: 0;
- `)]), (0, cssr_1.cE)('description', `
+ `), (0, cssr_1.cM)('column', `
+ flex-direction: column;
+ `, [(0, cssr_1.cE)('title', `
+ white-space: normal;
+ word-break: auto-phrase;
+ line-height: 20px;
+ `)])]), (0, cssr_1.cE)('description', `
  color: var(--u-description-text-color);
  margin-top: 12px;
  margin-left: 9px;

package/lib/steps/styles/light.d.ts

@@ -1,6 +1,14 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
+    stepHeaderFontSizeSmall: string;
+    stepHeaderFontSizeMedium: string;
+    indicatorIndexFontSizeSmall: string;
+    indicatorIndexFontSizeMedium: string;
+    indicatorSizeSmall: string;
+    indicatorSizeMedium: string;
+    indicatorIconSizeSmall: string;
+    indicatorIconSizeMedium: string;
     stepHeaderFontWeight: string;
     indicatorTextColorProcess: string;
     indicatorTextColorWait: string;
@@ -26,14 +34,6 @@ export declare const self: (vars: ThemeCommonVars) => {
     descriptionTextColorWait: string;
     descriptionTextColorFinish: string;
     descriptionTextColorError: string;
-    stepHeaderFontSizeSmall: string;
-    stepHeaderFontSizeMedium: string;
-    indicatorIndexFontSizeSmall: string;
-    indicatorIndexFontSizeMedium: string;
-    indicatorSizeSmall: string;
-    indicatorSizeMedium: string;
-    indicatorIconSizeSmall: string;
-    indicatorIconSizeMedium: string;
 };
 export type StepsThemeVars = ReturnType<typeof self>;
 declare const stepsLight: Theme<'Steps', StepsThemeVars>;

package/lib/steps/styles/light.js

@@ -1,14 +1,44 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
-const _common_1 = __importDefault(require("./_common"));
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { fontWeightStrong, baseColor, textColorDisabled, primaryColor, errorColor, textColor1, textColor2 } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { stepHeaderFontWeight: fontWeightStrong, indicatorTextColorProcess: baseColor, indicatorTextColorWait: textColorDisabled, indicatorTextColorFinish: primaryColor, indicatorTextColorError: errorColor, indicatorBorderColorProcess: primaryColor, indicatorBorderColorWait: textColorDisabled, indicatorBorderColorFinish: primaryColor, indicatorBorderColorError: errorColor, indicatorColorProcess: primaryColor, indicatorColorWait: '#0000', indicatorColorFinish: '#0000', indicatorColorError: '#0000', splitorColorProcess: textColorDisabled, splitorColorWait: textColorDisabled, splitorColorFinish: primaryColor, splitorColorError: textColorDisabled, headerTextColorProcess: textColor1, headerTextColorWait: textColorDisabled, headerTextColorFinish: textColorDisabled, headerTextColorError: errorColor, descriptionTextColorProcess: textColor2, descriptionTextColorWait: textColorDisabled, descriptionTextColorFinish: textColorDisabled, descriptionTextColorError: errorColor });
+    const { fontWeightStrong, fontBodySmall, fontBodyMedium, fontBodyLarge, textPrimary, brandPrimary500, staticRed, elementsTertiary, brandPrimary300, textSecondary, staticWhite } = vars;
+    return {
+        stepHeaderFontSizeSmall: fontBodySmall,
+        stepHeaderFontSizeMedium: fontBodyMedium,
+        indicatorIndexFontSizeSmall: fontBodyMedium,
+        indicatorIndexFontSizeMedium: fontBodyLarge,
+        indicatorSizeSmall: '22px',
+        indicatorSizeMedium: '28px',
+        indicatorIconSizeSmall: '14px',
+        indicatorIconSizeMedium: '18px',
+        stepHeaderFontWeight: fontWeightStrong,
+        indicatorTextColorProcess: staticWhite,
+        indicatorTextColorWait: textSecondary,
+        indicatorTextColorFinish: staticWhite,
+        indicatorTextColorError: staticWhite,
+        indicatorBorderColorProcess: brandPrimary500,
+        indicatorBorderColorWait: elementsTertiary,
+        indicatorBorderColorFinish: brandPrimary300,
+        indicatorBorderColorError: staticRed,
+        indicatorColorProcess: brandPrimary500,
+        indicatorColorWait: elementsTertiary,
+        indicatorColorFinish: brandPrimary300,
+        indicatorColorError: staticRed,
+        splitorColorProcess: brandPrimary500,
+        splitorColorWait: elementsTertiary,
+        splitorColorFinish: brandPrimary300,
+        splitorColorError: staticRed,
+        headerTextColorProcess: textPrimary,
+        headerTextColorWait: textSecondary,
+        headerTextColorFinish: textPrimary,
+        headerTextColorError: staticRed,
+        descriptionTextColorProcess: textPrimary,
+        descriptionTextColorWait: textSecondary,
+        descriptionTextColorFinish: textPrimary,
+        descriptionTextColorError: staticRed
+    };
 };
 exports.self = self;
 const stepsLight = {

package/lib/styles.d.ts

@@ -56,6 +56,7 @@ export { sliderDark } from './slider/styles';
 export { spaceDark, spaceRtl as unstableSpaceRtl } from './space/styles';
 export { spinDark } from './spin/styles';
 export { statisticDark, statisticRtl as unstableStatisticRtl } from './statistic/styles';
+export { statusDark } from './status/styles';
 export { stepsDark, stepsRtl as unstableStepsRtl } from './steps/styles';
 export { switchDark } from './switch/styles';
 export { tableDark, tableRtl as unstableTableRtl } from './table/styles';
@@ -72,6 +73,7 @@ export { typographyDark } from './typography/styles';
 export { uploadDark } from './upload/styles';
 export { watermarkDark } from './watermark/styles';
 export { rowRtl as unstableRowRtl } from './legacy-grid/styles';
+export { toggleButtonDark } from './toggle-button/styles';
 export { scrollbarDark } from './_internal/scrollbar/styles';
 export { internalSelectMenuDark } from './_internal/select-menu/styles';
 export { internalSelectionDark } from './_internal/selection/styles';

package/lib/styles.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.unstableListRtl = exports.listDark = exports.layoutDark = exports.unstableInputNumberRtl = exports.inputNumberDark = exports.unstableInputRtl = exports.inputDark = exports.iconDark = exports.gradientTextDark = exports.formDark = exports.emptyDark = exports.elementDark = exports.dynamicTagsDark = exports.unstableDynamicInputRtl = exports.dynamicInputDark = exports.dropdownDark = exports.unstableDrawerRtl = exports.drawerDark = exports.dividerDark = exports.dialogDark = exports.descriptionsDark = exports.datePickerDark = exports.dataTableDark = exports.unstableCollapseTransitionRtl = exports.unstableCollapseRtl = exports.collapseDark = exports.codeDark = exports.unstableCheckboxRtl = exports.checkboxDark = exports.cascaderDark = exports.unstableCardRtl = exports.cardDark = exports.unstableButtonGroupRtl = exports.buttonGroupDark = exports.unstableMessageRtl = exports.unstableNotificationRtl = exports.unstableButtonRtl = exports.buttonDark = exports.breadcrumbDark = exports.unstableBadgeRtl = exports.badgeDark = exports.backTopDark = exports.unstableAvatarGroupRtl = exports.avatarDark = exports.autoCompleteDark = exports.anchorDark = exports.unstableAlertRtl = exports.alertDark = exports.commonLight = exports.commonDark = void 0;
-exports.unstableScrollbarRtl = exports.internalSelectionDark = exports.internalSelectMenuDark = exports.scrollbarDark = exports.unstableRowRtl = exports.watermarkDark = exports.uploadDark = exports.typographyDark = exports.treeSelectDark = exports.unstableTreeRtl = exports.treeDark = exports.transferDark = exports.tooltipDark = exports.timelineDark = exports.timePickerDark = exports.unstableThingRtl = exports.thingDark = exports.unstableTagRtl = exports.tagDark = exports.tabsDark = exports.unstableTableRtl = exports.tableDark = exports.switchDark = exports.unstableStepsRtl = exports.stepsDark = exports.unstableStatisticRtl = exports.statisticDark = exports.spinDark = exports.unstableSpaceRtl = exports.spaceDark = exports.sliderDark = exports.selectDark = exports.resultDark = exports.rateDark = exports.unstableRadioRtl = exports.radioDark = exports.progressDark = exports.popselectDark = exports.popoverDark = exports.popconfirmDark = exports.unstablePageHeaderRtl = exports.unstablePaginationRtl = exports.paginationDark = exports.notificationDark = exports.modalDark = exports.messageDark = exports.menuDark = exports.mentionDark = exports.logDark = exports.loadingBarDark = void 0;
+exports.internalSelectMenuDark = exports.scrollbarDark = exports.toggleButtonDark = exports.unstableRowRtl = exports.watermarkDark = exports.uploadDark = exports.typographyDark = exports.treeSelectDark = exports.unstableTreeRtl = exports.treeDark = exports.transferDark = exports.tooltipDark = exports.timelineDark = exports.timePickerDark = exports.unstableThingRtl = exports.thingDark = exports.unstableTagRtl = exports.tagDark = exports.tabsDark = exports.unstableTableRtl = exports.tableDark = exports.switchDark = exports.unstableStepsRtl = exports.stepsDark = exports.statusDark = exports.unstableStatisticRtl = exports.statisticDark = exports.spinDark = exports.unstableSpaceRtl = exports.spaceDark = exports.sliderDark = exports.selectDark = exports.resultDark = exports.rateDark = exports.unstableRadioRtl = exports.radioDark = exports.progressDark = exports.popselectDark = exports.popoverDark = exports.popconfirmDark = exports.unstablePageHeaderRtl = exports.unstablePaginationRtl = exports.paginationDark = exports.notificationDark = exports.modalDark = exports.messageDark = exports.menuDark = exports.mentionDark = exports.logDark = exports.loadingBarDark = void 0;
+exports.unstableScrollbarRtl = exports.internalSelectionDark = void 0;
 var common_1 = require("./_styles/common");
 Object.defineProperty(exports, "commonDark", { enumerable: true, get: function () { return common_1.commonDark; } });
 Object.defineProperty(exports, "commonLight", { enumerable: true, get: function () { return common_1.commonLight; } });
@@ -135,49 +136,53 @@ Object.defineProperty(exports, "spinDark", { enumerable: true, get: function ()
 var styles_57 = require("./statistic/styles");
 Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_57.statisticDark; } });
 Object.defineProperty(exports, "unstableStatisticRtl", { enumerable: true, get: function () { return styles_57.statisticRtl; } });
-var styles_58 = require("./steps/styles");
-Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_58.stepsDark; } });
-Object.defineProperty(exports, "unstableStepsRtl", { enumerable: true, get: function () { return styles_58.stepsRtl; } });
-var styles_59 = require("./switch/styles");
-Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_59.switchDark; } });
-var styles_60 = require("./table/styles");
-Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_60.tableDark; } });
-Object.defineProperty(exports, "unstableTableRtl", { enumerable: true, get: function () { return styles_60.tableRtl; } });
-var styles_61 = require("./tabs/styles");
-Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_61.tabsDark; } });
-var styles_62 = require("./tag/styles");
-Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_62.tagDark; } });
-Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_62.tagRtl; } });
-var styles_63 = require("./thing/styles");
-Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_63.thingDark; } });
-Object.defineProperty(exports, "unstableThingRtl", { enumerable: true, get: function () { return styles_63.thingRtl; } });
-var styles_64 = require("./time-picker/styles");
-Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_64.timePickerDark; } });
-var styles_65 = require("./timeline/styles");
-Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_65.timelineDark; } });
-var styles_66 = require("./tooltip/styles");
-Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_66.tooltipDark; } });
-var styles_67 = require("./transfer/styles");
-Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_67.transferDark; } });
-var styles_68 = require("./tree/styles");
-Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_68.treeDark; } });
-Object.defineProperty(exports, "unstableTreeRtl", { enumerable: true, get: function () { return styles_68.treeRtl; } });
-var styles_69 = require("./tree-select/styles");
-Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_69.treeSelectDark; } });
-var styles_70 = require("./typography/styles");
-Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_70.typographyDark; } });
-var styles_71 = require("./upload/styles");
-Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_71.uploadDark; } });
-var styles_72 = require("./watermark/styles");
-Object.defineProperty(exports, "watermarkDark", { enumerable: true, get: function () { return styles_72.watermarkDark; } });
-var styles_73 = require("./legacy-grid/styles");
-Object.defineProperty(exports, "unstableRowRtl", { enumerable: true, get: function () { return styles_73.rowRtl; } });
+var styles_58 = require("./status/styles");
+Object.defineProperty(exports, "statusDark", { enumerable: true, get: function () { return styles_58.statusDark; } });
+var styles_59 = require("./steps/styles");
+Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_59.stepsDark; } });
+Object.defineProperty(exports, "unstableStepsRtl", { enumerable: true, get: function () { return styles_59.stepsRtl; } });
+var styles_60 = require("./switch/styles");
+Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_60.switchDark; } });
+var styles_61 = require("./table/styles");
+Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_61.tableDark; } });
+Object.defineProperty(exports, "unstableTableRtl", { enumerable: true, get: function () { return styles_61.tableRtl; } });
+var styles_62 = require("./tabs/styles");
+Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_62.tabsDark; } });
+var styles_63 = require("./tag/styles");
+Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_63.tagDark; } });
+Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_63.tagRtl; } });
+var styles_64 = require("./thing/styles");
+Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_64.thingDark; } });
+Object.defineProperty(exports, "unstableThingRtl", { enumerable: true, get: function () { return styles_64.thingRtl; } });
+var styles_65 = require("./time-picker/styles");
+Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_65.timePickerDark; } });
+var styles_66 = require("./timeline/styles");
+Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_66.timelineDark; } });
+var styles_67 = require("./tooltip/styles");
+Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_67.tooltipDark; } });
+var styles_68 = require("./transfer/styles");
+Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_68.transferDark; } });
+var styles_69 = require("./tree/styles");
+Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_69.treeDark; } });
+Object.defineProperty(exports, "unstableTreeRtl", { enumerable: true, get: function () { return styles_69.treeRtl; } });
+var styles_70 = require("./tree-select/styles");
+Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_70.treeSelectDark; } });
+var styles_71 = require("./typography/styles");
+Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_71.typographyDark; } });
+var styles_72 = require("./upload/styles");
+Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_72.uploadDark; } });
+var styles_73 = require("./watermark/styles");
+Object.defineProperty(exports, "watermarkDark", { enumerable: true, get: function () { return styles_73.watermarkDark; } });
+var styles_74 = require("./legacy-grid/styles");
+Object.defineProperty(exports, "unstableRowRtl", { enumerable: true, get: function () { return styles_74.rowRtl; } });
+var styles_75 = require("./toggle-button/styles");
+Object.defineProperty(exports, "toggleButtonDark", { enumerable: true, get: function () { return styles_75.toggleButtonDark; } });
 // danger zone, internal styles
-var styles_74 = require("./_internal/scrollbar/styles");
-Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_74.scrollbarDark; } });
-var styles_75 = require("./_internal/select-menu/styles");
-Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return styles_75.internalSelectMenuDark; } });
-var styles_76 = require("./_internal/selection/styles");
-Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return styles_76.internalSelectionDark; } });
-var styles_77 = require("./_internal/scrollbar/styles");
-Object.defineProperty(exports, "unstableScrollbarRtl", { enumerable: true, get: function () { return styles_77.scrollbarRtl; } });
+var styles_76 = require("./_internal/scrollbar/styles");
+Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_76.scrollbarDark; } });
+var styles_77 = require("./_internal/select-menu/styles");
+Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return styles_77.internalSelectMenuDark; } });
+var styles_78 = require("./_internal/selection/styles");
+Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return styles_78.internalSelectionDark; } });
+var styles_79 = require("./_internal/scrollbar/styles");
+Object.defineProperty(exports, "unstableScrollbarRtl", { enumerable: true, get: function () { return styles_79.scrollbarRtl; } });