naive-ui 2.32.0 → 2.32.2

package/lib/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mentionDark = exports.logDark = exports.loadingBarDark = 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.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.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.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 = void 0;
+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;
 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; } });
@@ -28,151 +28,156 @@ Object.defineProperty(exports, "buttonDark", { enumerable: true, get: function (
 Object.defineProperty(exports, "unstableButtonRtl", { enumerable: true, get: function () { return styles_9.buttonRtl; } });
 var styles_10 = require("./notification/styles");
 Object.defineProperty(exports, "unstableNotificationRtl", { enumerable: true, get: function () { return styles_10.notificationRtl; } });
-var styles_11 = require("./button-group/styles");
-Object.defineProperty(exports, "buttonGroupDark", { enumerable: true, get: function () { return styles_11.buttonGroupDark; } });
-Object.defineProperty(exports, "unstableButtonGroupRtl", { enumerable: true, get: function () { return styles_11.buttonGroupRtl; } });
-var styles_12 = require("./card/styles");
-Object.defineProperty(exports, "cardDark", { enumerable: true, get: function () { return styles_12.cardDark; } });
-Object.defineProperty(exports, "unstableCardRtl", { enumerable: true, get: function () { return styles_12.cardRtl; } });
-var styles_13 = require("./cascader/styles");
-Object.defineProperty(exports, "cascaderDark", { enumerable: true, get: function () { return styles_13.cascaderDark; } });
-var styles_14 = require("./checkbox/styles");
-Object.defineProperty(exports, "checkboxDark", { enumerable: true, get: function () { return styles_14.checkboxDark; } });
-Object.defineProperty(exports, "unstableCheckboxRtl", { enumerable: true, get: function () { return styles_14.checkboxRtl; } });
-var styles_15 = require("./code/styles");
-Object.defineProperty(exports, "codeDark", { enumerable: true, get: function () { return styles_15.codeDark; } });
-var styles_16 = require("./collapse/styles");
-Object.defineProperty(exports, "collapseDark", { enumerable: true, get: function () { return styles_16.collapseDark; } });
-Object.defineProperty(exports, "unstableCollapseRtl", { enumerable: true, get: function () { return styles_16.collapseRtl; } });
-var styles_17 = require("./collapse-transition/styles");
-Object.defineProperty(exports, "unstableCollapseTransitionRtl", { enumerable: true, get: function () { return styles_17.collapseTransitionRtl; } });
-var styles_18 = require("./data-table/styles");
-Object.defineProperty(exports, "dataTableDark", { enumerable: true, get: function () { return styles_18.dataTableDark; } });
-var styles_19 = require("./date-picker/styles");
-Object.defineProperty(exports, "datePickerDark", { enumerable: true, get: function () { return styles_19.datePickerDark; } });
-var styles_20 = require("./descriptions/styles");
-Object.defineProperty(exports, "descriptionsDark", { enumerable: true, get: function () { return styles_20.descriptionsDark; } });
-var styles_21 = require("./dialog/styles");
-Object.defineProperty(exports, "dialogDark", { enumerable: true, get: function () { return styles_21.dialogDark; } });
-var styles_22 = require("./divider/styles");
-Object.defineProperty(exports, "dividerDark", { enumerable: true, get: function () { return styles_22.dividerDark; } });
-var styles_23 = require("./drawer/styles");
-Object.defineProperty(exports, "drawerDark", { enumerable: true, get: function () { return styles_23.drawerDark; } });
-var styles_24 = require("./dropdown/styles");
-Object.defineProperty(exports, "dropdownDark", { enumerable: true, get: function () { return styles_24.dropdownDark; } });
-var styles_25 = require("./dynamic-input/styles");
-Object.defineProperty(exports, "dynamicInputDark", { enumerable: true, get: function () { return styles_25.dynamicInputDark; } });
-Object.defineProperty(exports, "unstableDynamicInputRtl", { enumerable: true, get: function () { return styles_25.dynamicInputRtl; } });
-var styles_26 = require("./dynamic-tags/styles");
-Object.defineProperty(exports, "dynamicTagsDark", { enumerable: true, get: function () { return styles_26.dynamicTagsDark; } });
-var styles_27 = require("./element/styles");
-Object.defineProperty(exports, "elementDark", { enumerable: true, get: function () { return styles_27.elementDark; } });
-var styles_28 = require("./empty/styles");
-Object.defineProperty(exports, "emptyDark", { enumerable: true, get: function () { return styles_28.emptyDark; } });
-var styles_29 = require("./form/styles");
-Object.defineProperty(exports, "formDark", { enumerable: true, get: function () { return styles_29.formDark; } });
-var styles_30 = require("./gradient-text/styles");
-Object.defineProperty(exports, "gradientTextDark", { enumerable: true, get: function () { return styles_30.gradientTextDark; } });
-var styles_31 = require("./icon/styles");
-Object.defineProperty(exports, "iconDark", { enumerable: true, get: function () { return styles_31.iconDark; } });
-var styles_32 = require("./input/styles");
-Object.defineProperty(exports, "inputDark", { enumerable: true, get: function () { return styles_32.inputDark; } });
-Object.defineProperty(exports, "unstableInputRtl", { enumerable: true, get: function () { return styles_32.inputRtl; } });
-var styles_33 = require("./input-number/styles");
-Object.defineProperty(exports, "inputNumberDark", { enumerable: true, get: function () { return styles_33.inputNumberDark; } });
-Object.defineProperty(exports, "unstableInputNumberRtl", { enumerable: true, get: function () { return styles_33.inputNumberRtl; } });
-var styles_34 = require("./layout/styles");
-Object.defineProperty(exports, "layoutDark", { enumerable: true, get: function () { return styles_34.layoutDark; } });
-var styles_35 = require("./list/styles");
-Object.defineProperty(exports, "listDark", { enumerable: true, get: function () { return styles_35.listDark; } });
-var styles_36 = require("./loading-bar/styles");
-Object.defineProperty(exports, "loadingBarDark", { enumerable: true, get: function () { return styles_36.loadingBarDark; } });
-var styles_37 = require("./log/styles");
-Object.defineProperty(exports, "logDark", { enumerable: true, get: function () { return styles_37.logDark; } });
-var styles_38 = require("./mention/styles");
-Object.defineProperty(exports, "mentionDark", { enumerable: true, get: function () { return styles_38.mentionDark; } });
-var styles_39 = require("./menu/styles");
-Object.defineProperty(exports, "menuDark", { enumerable: true, get: function () { return styles_39.menuDark; } });
-var styles_40 = require("./message/styles");
-Object.defineProperty(exports, "messageDark", { enumerable: true, get: function () { return styles_40.messageDark; } });
-var styles_41 = require("./modal/styles");
-Object.defineProperty(exports, "modalDark", { enumerable: true, get: function () { return styles_41.modalDark; } });
-var styles_42 = require("./notification/styles");
-Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return styles_42.notificationDark; } });
-var styles_43 = require("./pagination/styles");
-Object.defineProperty(exports, "paginationDark", { enumerable: true, get: function () { return styles_43.paginationDark; } });
-Object.defineProperty(exports, "unstablePaginationRtl", { enumerable: true, get: function () { return styles_43.paginationRtl; } });
-var styles_44 = require("./page-header/styles");
-Object.defineProperty(exports, "unstablePageHeaderRtl", { enumerable: true, get: function () { return styles_44.pageHeaderRtl; } });
-var styles_45 = require("./popconfirm/styles");
-Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_45.popconfirmDark; } });
-var styles_46 = require("./popover/styles");
-Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_46.popoverDark; } });
-var styles_47 = require("./popselect/styles");
-Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_47.popselectDark; } });
-var styles_48 = require("./progress/styles");
-Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_48.progressDark; } });
-var styles_49 = require("./radio/styles");
-Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_49.radioDark; } });
-Object.defineProperty(exports, "unstableRadioRtl", { enumerable: true, get: function () { return styles_49.radioRtl; } });
-var styles_50 = require("./rate/styles");
-Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_50.rateDark; } });
-var styles_51 = require("./result/styles");
-Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_51.resultDark; } });
-var styles_52 = require("./select/styles");
-Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_52.selectDark; } });
-var styles_53 = require("./slider/styles");
-Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_53.sliderDark; } });
-var styles_54 = require("./space/styles");
-Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_54.spaceDark; } });
-Object.defineProperty(exports, "unstableSpaceRtl", { enumerable: true, get: function () { return styles_54.spaceRtl; } });
-var styles_55 = require("./spin/styles");
-Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_55.spinDark; } });
-var styles_56 = require("./statistic/styles");
-Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_56.statisticDark; } });
-Object.defineProperty(exports, "unstableStatisticRtl", { enumerable: true, get: function () { return styles_56.statisticRtl; } });
-var styles_57 = require("./steps/styles");
-Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_57.stepsDark; } });
-var styles_58 = require("./switch/styles");
-Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_58.switchDark; } });
-var styles_59 = require("./table/styles");
-Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_59.tableDark; } });
-Object.defineProperty(exports, "unstableTableRtl", { enumerable: true, get: function () { return styles_59.tableRtl; } });
-var styles_60 = require("./tabs/styles");
-Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_60.tabsDark; } });
-var styles_61 = require("./tag/styles");
-Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_61.tagDark; } });
-Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_61.tagRtl; } });
-var styles_62 = require("./thing/styles");
-Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_62.thingDark; } });
-Object.defineProperty(exports, "unstableThingRtl", { enumerable: true, get: function () { return styles_62.thingRtl; } });
-var styles_63 = require("./time-picker/styles");
-Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_63.timePickerDark; } });
-var styles_64 = require("./timeline/styles");
-Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_64.timelineDark; } });
-var styles_65 = require("./tooltip/styles");
-Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_65.tooltipDark; } });
-var styles_66 = require("./transfer/styles");
-Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_66.transferDark; } });
-var styles_67 = require("./tree/styles");
-Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_67.treeDark; } });
-Object.defineProperty(exports, "unstableTreeRtl", { enumerable: true, get: function () { return styles_67.treeRtl; } });
-var styles_68 = require("./tree-select/styles");
-Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_68.treeSelectDark; } });
-var styles_69 = require("./typography/styles");
-Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_69.typographyDark; } });
-var styles_70 = require("./upload/styles");
-Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_70.uploadDark; } });
-var styles_71 = require("./watermark/styles");
-Object.defineProperty(exports, "watermarkDark", { enumerable: true, get: function () { return styles_71.watermarkDark; } });
-var styles_72 = require("./legacy-grid/styles");
-Object.defineProperty(exports, "unstableRowRtl", { enumerable: true, get: function () { return styles_72.rowRtl; } });
+var styles_11 = require("./message/styles");
+Object.defineProperty(exports, "unstableMessageRtl", { enumerable: true, get: function () { return styles_11.messageRtl; } });
+var styles_12 = require("./button-group/styles");
+Object.defineProperty(exports, "buttonGroupDark", { enumerable: true, get: function () { return styles_12.buttonGroupDark; } });
+Object.defineProperty(exports, "unstableButtonGroupRtl", { enumerable: true, get: function () { return styles_12.buttonGroupRtl; } });
+var styles_13 = require("./card/styles");
+Object.defineProperty(exports, "cardDark", { enumerable: true, get: function () { return styles_13.cardDark; } });
+Object.defineProperty(exports, "unstableCardRtl", { enumerable: true, get: function () { return styles_13.cardRtl; } });
+var styles_14 = require("./cascader/styles");
+Object.defineProperty(exports, "cascaderDark", { enumerable: true, get: function () { return styles_14.cascaderDark; } });
+var styles_15 = require("./checkbox/styles");
+Object.defineProperty(exports, "checkboxDark", { enumerable: true, get: function () { return styles_15.checkboxDark; } });
+Object.defineProperty(exports, "unstableCheckboxRtl", { enumerable: true, get: function () { return styles_15.checkboxRtl; } });
+var styles_16 = require("./code/styles");
+Object.defineProperty(exports, "codeDark", { enumerable: true, get: function () { return styles_16.codeDark; } });
+var styles_17 = require("./collapse/styles");
+Object.defineProperty(exports, "collapseDark", { enumerable: true, get: function () { return styles_17.collapseDark; } });
+Object.defineProperty(exports, "unstableCollapseRtl", { enumerable: true, get: function () { return styles_17.collapseRtl; } });
+var styles_18 = require("./collapse-transition/styles");
+Object.defineProperty(exports, "unstableCollapseTransitionRtl", { enumerable: true, get: function () { return styles_18.collapseTransitionRtl; } });
+var styles_19 = require("./data-table/styles");
+Object.defineProperty(exports, "dataTableDark", { enumerable: true, get: function () { return styles_19.dataTableDark; } });
+var styles_20 = require("./date-picker/styles");
+Object.defineProperty(exports, "datePickerDark", { enumerable: true, get: function () { return styles_20.datePickerDark; } });
+var styles_21 = require("./descriptions/styles");
+Object.defineProperty(exports, "descriptionsDark", { enumerable: true, get: function () { return styles_21.descriptionsDark; } });
+var styles_22 = require("./dialog/styles");
+Object.defineProperty(exports, "dialogDark", { enumerable: true, get: function () { return styles_22.dialogDark; } });
+var styles_23 = require("./divider/styles");
+Object.defineProperty(exports, "dividerDark", { enumerable: true, get: function () { return styles_23.dividerDark; } });
+var styles_24 = require("./drawer/styles");
+Object.defineProperty(exports, "drawerDark", { enumerable: true, get: function () { return styles_24.drawerDark; } });
+Object.defineProperty(exports, "unstableDrawerRtl", { enumerable: true, get: function () { return styles_24.drawerRtl; } });
+var styles_25 = require("./dropdown/styles");
+Object.defineProperty(exports, "dropdownDark", { enumerable: true, get: function () { return styles_25.dropdownDark; } });
+var styles_26 = require("./dynamic-input/styles");
+Object.defineProperty(exports, "dynamicInputDark", { enumerable: true, get: function () { return styles_26.dynamicInputDark; } });
+Object.defineProperty(exports, "unstableDynamicInputRtl", { enumerable: true, get: function () { return styles_26.dynamicInputRtl; } });
+var styles_27 = require("./dynamic-tags/styles");
+Object.defineProperty(exports, "dynamicTagsDark", { enumerable: true, get: function () { return styles_27.dynamicTagsDark; } });
+var styles_28 = require("./element/styles");
+Object.defineProperty(exports, "elementDark", { enumerable: true, get: function () { return styles_28.elementDark; } });
+var styles_29 = require("./empty/styles");
+Object.defineProperty(exports, "emptyDark", { enumerable: true, get: function () { return styles_29.emptyDark; } });
+var styles_30 = require("./form/styles");
+Object.defineProperty(exports, "formDark", { enumerable: true, get: function () { return styles_30.formDark; } });
+var styles_31 = require("./gradient-text/styles");
+Object.defineProperty(exports, "gradientTextDark", { enumerable: true, get: function () { return styles_31.gradientTextDark; } });
+var styles_32 = require("./icon/styles");
+Object.defineProperty(exports, "iconDark", { enumerable: true, get: function () { return styles_32.iconDark; } });
+var styles_33 = require("./input/styles");
+Object.defineProperty(exports, "inputDark", { enumerable: true, get: function () { return styles_33.inputDark; } });
+Object.defineProperty(exports, "unstableInputRtl", { enumerable: true, get: function () { return styles_33.inputRtl; } });
+var styles_34 = require("./input-number/styles");
+Object.defineProperty(exports, "inputNumberDark", { enumerable: true, get: function () { return styles_34.inputNumberDark; } });
+Object.defineProperty(exports, "unstableInputNumberRtl", { enumerable: true, get: function () { return styles_34.inputNumberRtl; } });
+var styles_35 = require("./layout/styles");
+Object.defineProperty(exports, "layoutDark", { enumerable: true, get: function () { return styles_35.layoutDark; } });
+var styles_36 = require("./list/styles");
+Object.defineProperty(exports, "listDark", { enumerable: true, get: function () { return styles_36.listDark; } });
+Object.defineProperty(exports, "unstableListRtl", { enumerable: true, get: function () { return styles_36.listRtl; } });
+var styles_37 = require("./loading-bar/styles");
+Object.defineProperty(exports, "loadingBarDark", { enumerable: true, get: function () { return styles_37.loadingBarDark; } });
+var styles_38 = require("./log/styles");
+Object.defineProperty(exports, "logDark", { enumerable: true, get: function () { return styles_38.logDark; } });
+var styles_39 = require("./mention/styles");
+Object.defineProperty(exports, "mentionDark", { enumerable: true, get: function () { return styles_39.mentionDark; } });
+var styles_40 = require("./menu/styles");
+Object.defineProperty(exports, "menuDark", { enumerable: true, get: function () { return styles_40.menuDark; } });
+var styles_41 = require("./message/styles");
+Object.defineProperty(exports, "messageDark", { enumerable: true, get: function () { return styles_41.messageDark; } });
+var styles_42 = require("./modal/styles");
+Object.defineProperty(exports, "modalDark", { enumerable: true, get: function () { return styles_42.modalDark; } });
+var styles_43 = require("./notification/styles");
+Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return styles_43.notificationDark; } });
+var styles_44 = require("./pagination/styles");
+Object.defineProperty(exports, "paginationDark", { enumerable: true, get: function () { return styles_44.paginationDark; } });
+Object.defineProperty(exports, "unstablePaginationRtl", { enumerable: true, get: function () { return styles_44.paginationRtl; } });
+var styles_45 = require("./page-header/styles");
+Object.defineProperty(exports, "unstablePageHeaderRtl", { enumerable: true, get: function () { return styles_45.pageHeaderRtl; } });
+var styles_46 = require("./popconfirm/styles");
+Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_46.popconfirmDark; } });
+var styles_47 = require("./popover/styles");
+Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_47.popoverDark; } });
+var styles_48 = require("./popselect/styles");
+Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_48.popselectDark; } });
+var styles_49 = require("./progress/styles");
+Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_49.progressDark; } });
+var styles_50 = require("./radio/styles");
+Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_50.radioDark; } });
+Object.defineProperty(exports, "unstableRadioRtl", { enumerable: true, get: function () { return styles_50.radioRtl; } });
+var styles_51 = require("./rate/styles");
+Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_51.rateDark; } });
+var styles_52 = require("./result/styles");
+Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_52.resultDark; } });
+var styles_53 = require("./select/styles");
+Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_53.selectDark; } });
+var styles_54 = require("./slider/styles");
+Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_54.sliderDark; } });
+var styles_55 = require("./space/styles");
+Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_55.spaceDark; } });
+Object.defineProperty(exports, "unstableSpaceRtl", { enumerable: true, get: function () { return styles_55.spaceRtl; } });
+var styles_56 = require("./spin/styles");
+Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_56.spinDark; } });
+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; } });
 // danger zone, internal styles
-var styles_73 = require("./_internal/scrollbar/styles");
-Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_73.scrollbarDark; } });
-var styles_74 = require("./_internal/select-menu/styles");
-Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return styles_74.internalSelectMenuDark; } });
-var styles_75 = require("./_internal/selection/styles");
-Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return styles_75.internalSelectionDark; } });
-var styles_76 = require("./_internal/scrollbar/styles");
-Object.defineProperty(exports, "unstableScrollbarRtl", { enumerable: true, get: function () { return styles_76.scrollbarRtl; } });
+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; } });

package/lib/switch/src/Switch.js

@@ -39,6 +39,7 @@ exports.switchProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, 
     /** @deprecated */
     onChange: [Function, Array] });
+let supportCssMax;
 exports.default = (0, vue_1.defineComponent)({
     name: 'Switch',
     props: exports.switchProps,
@@ -50,6 +51,21 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
+        if (supportCssMax === undefined) {
+            if (typeof CSS !== 'undefined') {
+                if (typeof CSS.supports !== 'undefined') {
+                    supportCssMax = CSS.supports('width', 'max(1px)');
+                }
+                else {
+                    supportCssMax = false;
+                }
+            }
+            else {
+                // If you are using SSR, we assume that you are targeting browsers with
+                // recent versions
+                supportCssMax = true;
+            }
+        }
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Switch', '-switch', index_cssr_1.default, styles_1.switchLight, props, mergedClsPrefixRef);
         const formItem = (0, _mixins_1.useFormItem)(props);
@@ -132,11 +148,22 @@ exports.default = (0, vue_1.defineComponent)({
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { value: size } = mergedSizeRef;
             const { self: { opacityDisabled, railColor, railColorActive, buttonBoxShadow, buttonColor, boxShadowFocus, loadingColor, textColor, iconColor, [(0, _utils_1.createKey)('buttonHeight', size)]: buttonHeight, [(0, _utils_1.createKey)('buttonWidth', size)]: buttonWidth, [(0, _utils_1.createKey)('buttonWidthPressed', size)]: buttonWidthPressed, [(0, _utils_1.createKey)('railHeight', size)]: railHeight, [(0, _utils_1.createKey)('railWidth', size)]: railWidth, [(0, _utils_1.createKey)('railBorderRadius', size)]: railBorderRadius, [(0, _utils_1.createKey)('buttonBorderRadius', size)]: buttonBorderRadius }, common: { cubicBezierEaseInOut } } = themeRef.value;
-            const offset = (0, seemly_1.pxfy)(((0, seemly_1.depx)(railHeight) - (0, seemly_1.depx)(buttonHeight)) / 2);
-            const height = (0, seemly_1.pxfy)(Math.max((0, seemly_1.depx)(railHeight), (0, seemly_1.depx)(buttonHeight)));
-            const width = (0, seemly_1.depx)(railHeight) > (0, seemly_1.depx)(buttonHeight)
-                ? railWidth
-                : (0, seemly_1.pxfy)((0, seemly_1.depx)(railWidth) + (0, seemly_1.depx)(buttonHeight) - (0, seemly_1.depx)(railHeight));
+            let offset;
+            let height;
+            let width;
+            if (supportCssMax) {
+                offset = `calc((${railHeight} - ${buttonHeight}) / 2)`;
+                height = `max(${railHeight}, ${buttonHeight})`;
+                width = `max(${railWidth}, calc(${railWidth} + ${buttonHeight} - ${railHeight}))`;
+            }
+            else {
+                offset = (0, seemly_1.pxfy)(((0, seemly_1.depx)(railHeight) - (0, seemly_1.depx)(buttonHeight)) / 2);
+                height = (0, seemly_1.pxfy)(Math.max((0, seemly_1.depx)(railHeight), (0, seemly_1.depx)(buttonHeight)));
+                width =
+                    (0, seemly_1.depx)(railHeight) > (0, seemly_1.depx)(buttonHeight)
+                        ? railWidth
+                        : (0, seemly_1.pxfy)((0, seemly_1.depx)(railWidth) + (0, seemly_1.depx)(buttonHeight) - (0, seemly_1.depx)(railHeight));
+            }
             return {
                 '--n-bezier': cubicBezierEaseInOut,
                 '--n-button-border-radius': buttonBorderRadius,

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

@@ -82,7 +82,7 @@ exports.default = (0, cssr_1.cB)('switch', `
  padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
  `), (0, cssr_1.c)('&:focus', [(0, cssr_1.cE)('rail', `
  box-shadow: var(--n-box-shadow-focus);
- `)]), (0, cssr_1.cM)('round', [(0, cssr_1.cE)('rail', 'border-radius: calc(var(--n-rail-height) / 2);', [(0, cssr_1.cE)('button', 'border-radius: calc(var(--n-button-height) / 2);')])]), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.cNotM)('icon', [(0, cssr_1.cM)('rubber-band', [(0, cssr_1.cM)('pressed', [(0, cssr_1.cE)('rail', [(0, cssr_1.cE)('button', 'max-width: var(--n-button-width-pressed);')])]), (0, cssr_1.cE)('rail', [(0, cssr_1.c)('&:active', [(0, cssr_1.cE)('button', 'max-width: var(--n-button-width-pressed);')])]), (0, cssr_1.cM)('active', [(0, cssr_1.cM)('pressed', [(0, cssr_1.cE)('rail', [(0, cssr_1.cE)('button', 'left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));')])]), (0, cssr_1.cE)('rail', [(0, cssr_1.c)('&:active', [(0, cssr_1.cE)('button', 'left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));')])])])])])]), (0, cssr_1.cM)('active', [(0, cssr_1.cE)('rail', [(0, cssr_1.cE)('button', 'left: calc(100% - (var(--n-rail-height) + var(--n-button-width)) / 2)')])]), (0, cssr_1.cE)('rail', `
+ `)]), (0, cssr_1.cM)('round', [(0, cssr_1.cE)('rail', 'border-radius: calc(var(--n-rail-height) / 2);', [(0, cssr_1.cE)('button', 'border-radius: calc(var(--n-button-height) / 2);')])]), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.cNotM)('icon', [(0, cssr_1.cM)('rubber-band', [(0, cssr_1.cM)('pressed', [(0, cssr_1.cE)('rail', [(0, cssr_1.cE)('button', 'max-width: var(--n-button-width-pressed);')])]), (0, cssr_1.cE)('rail', [(0, cssr_1.c)('&:active', [(0, cssr_1.cE)('button', 'max-width: var(--n-button-width-pressed);')])]), (0, cssr_1.cM)('active', [(0, cssr_1.cM)('pressed', [(0, cssr_1.cE)('rail', [(0, cssr_1.cE)('button', 'left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));')])]), (0, cssr_1.cE)('rail', [(0, cssr_1.c)('&:active', [(0, cssr_1.cE)('button', 'left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));')])])])])])]), (0, cssr_1.cM)('active', [(0, cssr_1.cE)('rail', [(0, cssr_1.cE)('button', 'left: calc(100% - var(--n-button-width) - var(--n-offset))')])]), (0, cssr_1.cE)('rail', `
  overflow: hidden;
  height: var(--n-rail-height);
  min-width: var(--n-rail-width);
@@ -111,7 +111,7 @@ exports.default = (0, cssr_1.cB)('switch', `
  align-items: center; 
  top: var(--n-offset);
  left: var(--n-offset);
- height: var(--n-button-width);
+ height: var(--n-button-height);
  width: var(--n-button-width-pressed);
  max-width: var(--n-button-width);
  border-radius: var(--n-button-border-radius);

package/lib/tag/src/Tag.d.ts

@@ -14,6 +14,7 @@ export declare const tagProps: {
     checked: BooleanConstructor;
     checkable: BooleanConstructor;
     strong: BooleanConstructor;
+    triggerClickOnClose: BooleanConstructor;
     onClose: PropType<MaybeArray<(e: MouseEvent) => void>>;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
@@ -23,7 +24,6 @@ export declare const tagProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    internalStopClickPropagation: BooleanConstructor;
     onCheckedChange: {
         type: PropType<(checked: boolean) => void>;
         validator: () => boolean;
@@ -325,6 +325,7 @@ declare const _default: import("vue").DefineComponent<{
     checked: BooleanConstructor;
     checkable: BooleanConstructor;
     strong: BooleanConstructor;
+    triggerClickOnClose: BooleanConstructor;
     onClose: PropType<MaybeArray<(e: MouseEvent) => void>>;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
@@ -334,7 +335,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    internalStopClickPropagation: BooleanConstructor;
     onCheckedChange: {
         type: PropType<(checked: boolean) => void>;
         validator: () => boolean;
@@ -674,6 +674,7 @@ declare const _default: import("vue").DefineComponent<{
     checked: BooleanConstructor;
     checkable: BooleanConstructor;
     strong: BooleanConstructor;
+    triggerClickOnClose: BooleanConstructor;
     onClose: PropType<MaybeArray<(e: MouseEvent) => void>>;
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
@@ -683,7 +684,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    internalStopClickPropagation: BooleanConstructor;
     onCheckedChange: {
         type: PropType<(checked: boolean) => void>;
         validator: () => boolean;
@@ -981,8 +981,8 @@ declare const _default: import("vue").DefineComponent<{
     bordered: boolean | undefined;
     closable: boolean;
     checkable: boolean;
+    triggerClickOnClose: boolean;
     internalCloseFocusable: boolean;
-    internalStopClickPropagation: boolean;
     onCheckedChange: (checked: boolean) => void;
 }>;
 export default _default;

package/lib/tag/src/Tag.js

@@ -15,12 +15,12 @@ const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.tagProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), common_props_1.default), { bordered: {
         type: Boolean,
         default: undefined
-    }, checked: Boolean, checkable: Boolean, strong: Boolean, onClose: [Array, Function], onMouseenter: Function, onMouseleave: Function, 'onUpdate:checked': Function, onUpdateChecked: Function, 
+    }, checked: Boolean, checkable: Boolean, strong: Boolean, triggerClickOnClose: Boolean, onClose: [Array, Function], onMouseenter: Function, onMouseleave: Function, 'onUpdate:checked': Function, onUpdateChecked: Function, 
     // private
     internalCloseFocusable: {
         type: Boolean,
         default: true
-    }, internalStopClickPropagation: Boolean, 
+    }, 
     // deprecated
     onCheckedChange: {
         type: Function,
@@ -58,7 +58,7 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         function handleCloseClick(e) {
-            if (props.internalStopClickPropagation) {
+            if (!props.triggerClickOnClose) {
                 e.stopPropagation();
             }
             if (!props.disabled) {

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

@@ -79,7 +79,6 @@ exports.default = (0, cssr_1.cB)('tag', `
  transition:
  background-color .3s var(--n-bezier),
  color .3s var(--n-bezier);
- cursor: pointer;
  `), (0, cssr_1.cM)('round', `
  padding: 0 calc(var(--n-height) / 3);
  border-radius: calc(var(--n-height) / 2);

package/lib/tag/styles/light.js

@@ -13,7 +13,10 @@ const self = (vars) => {
         // checked
         textColorCheckable: textColor2, textColorHoverCheckable: textColor2, textColorPressedCheckable: textColor2, textColorChecked: baseColor, colorCheckable: '#0000', colorHoverCheckable: buttonColor2Hover, colorPressedCheckable: buttonColor2Pressed, colorChecked: primaryColor, colorCheckedHover: primaryColorHover, colorCheckedPressed: primaryColorPressed, 
         // default
-        border: `1px solid ${borderColor}`, textColor: textColor2, color: tagColor, colorBordered: 'rgb(250, 250, 252)', closeIconColor: closeIconColor, closeIconColorHover: closeIconColorHover, closeIconColorPressed: closeIconColorPressed, closeColorHover,
+        border: `1px solid ${borderColor}`, textColor: textColor2, color: tagColor, colorBordered: 'rgb(250, 250, 252)', closeIconColor,
+        closeIconColorHover,
+        closeIconColorPressed,
+        closeColorHover,
         closeColorPressed, borderPrimary: `1px solid ${(0, seemly_1.changeColor)(primaryColor, { alpha: 0.3 })}`, textColorPrimary: primaryColor, colorPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.12 }), colorBorderedPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), closeIconColorPrimary: primaryColor, closeIconColorHoverPrimary: primaryColor, closeIconColorPressedPrimary: primaryColor, closeColorHoverPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.12 }), closeColorPressedPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.18 }), borderInfo: `1px solid ${(0, seemly_1.changeColor)(infoColor, { alpha: 0.3 })}`, textColorInfo: infoColor, colorInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.12 }), colorBorderedInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.1 }), closeIconColorInfo: infoColor, closeIconColorHoverInfo: infoColor, closeIconColorPressedInfo: infoColor, closeColorHoverInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.12 }), closeColorPressedInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.18 }), borderSuccess: `1px solid ${(0, seemly_1.changeColor)(successColor, { alpha: 0.3 })}`, textColorSuccess: successColor, colorSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.12 }), colorBorderedSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.1 }), closeIconColorSuccess: successColor, closeIconColorHoverSuccess: successColor, closeIconColorPressedSuccess: successColor, closeColorHoverSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.12 }), closeColorPressedSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.18 }), borderWarning: `1px solid ${(0, seemly_1.changeColor)(warningColor, { alpha: 0.35 })}`, textColorWarning: warningColor, colorWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.15 }), colorBorderedWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.12 }), closeIconColorWarning: warningColor, closeIconColorHoverWarning: warningColor, closeIconColorPressedWarning: warningColor, closeColorHoverWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.12 }), closeColorPressedWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.18 }), borderError: `1px solid ${(0, seemly_1.changeColor)(errorColor, { alpha: 0.23 })}`, textColorError: errorColor, colorError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.1 }), colorBorderedError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.08 }), closeIconColorError: errorColor, closeIconColorHoverError: errorColor, closeIconColorPressedError: errorColor, closeColorHoverError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.12 }), closeColorPressedError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.18 }) });
 };
 const tagLight = {