@uzum-tech/ui 1.5.1 → 1.5.3

package/lib/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.cardListDark = 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.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 = exports.unstableListRtl = void 0;
-exports.unstableScrollbarRtl = exports.internalSelectionDark = exports.internalSelectMenuDark = void 0;
+exports.unstableInputOtpRtl = exports.inputOtpDark = 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.cardListDark = 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.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 = exports.unstableListRtl = exports.listDark = exports.layoutDark = void 0;
+exports.unstableScrollbarRtl = exports.internalSelectionDark = exports.internalSelectMenuDark = exports.scrollbarDark = exports.toggleButtonDark = 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; } });
@@ -87,104 +87,107 @@ Object.defineProperty(exports, "unstableInputRtl", { enumerable: true, get: func
 var styles_35 = require("./input-number/styles");
 Object.defineProperty(exports, "inputNumberDark", { enumerable: true, get: function () { return styles_35.inputNumberDark; } });
 Object.defineProperty(exports, "unstableInputNumberRtl", { enumerable: true, get: function () { return styles_35.inputNumberRtl; } });
-var styles_36 = require("./layout/styles");
-Object.defineProperty(exports, "layoutDark", { enumerable: true, get: function () { return styles_36.layoutDark; } });
-var styles_37 = require("./list/styles");
-Object.defineProperty(exports, "listDark", { enumerable: true, get: function () { return styles_37.listDark; } });
-Object.defineProperty(exports, "unstableListRtl", { enumerable: true, get: function () { return styles_37.listRtl; } });
-var styles_38 = require("./loading-bar/styles");
-Object.defineProperty(exports, "loadingBarDark", { enumerable: true, get: function () { return styles_38.loadingBarDark; } });
-var styles_39 = require("./log/styles");
-Object.defineProperty(exports, "logDark", { enumerable: true, get: function () { return styles_39.logDark; } });
-var styles_40 = require("./mention/styles");
-Object.defineProperty(exports, "mentionDark", { enumerable: true, get: function () { return styles_40.mentionDark; } });
-var styles_41 = require("./menu/styles");
-Object.defineProperty(exports, "menuDark", { enumerable: true, get: function () { return styles_41.menuDark; } });
-var styles_42 = require("./message/styles");
-Object.defineProperty(exports, "messageDark", { enumerable: true, get: function () { return styles_42.messageDark; } });
-var styles_43 = require("./modal/styles");
-Object.defineProperty(exports, "modalDark", { enumerable: true, get: function () { return styles_43.modalDark; } });
-var styles_44 = require("./notification/styles");
-Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return styles_44.notificationDark; } });
-var styles_45 = require("./pagination/styles");
-Object.defineProperty(exports, "paginationDark", { enumerable: true, get: function () { return styles_45.paginationDark; } });
-Object.defineProperty(exports, "unstablePaginationRtl", { enumerable: true, get: function () { return styles_45.paginationRtl; } });
-var styles_46 = require("./page-header/styles");
-Object.defineProperty(exports, "unstablePageHeaderRtl", { enumerable: true, get: function () { return styles_46.pageHeaderRtl; } });
-var styles_47 = require("./popconfirm/styles");
-Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_47.popconfirmDark; } });
-var styles_48 = require("./popover/styles");
-Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_48.popoverDark; } });
-var styles_49 = require("./popselect/styles");
-Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_49.popselectDark; } });
-var styles_50 = require("./progress/styles");
-Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_50.progressDark; } });
-var styles_51 = require("./radio/styles");
-Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_51.radioDark; } });
-Object.defineProperty(exports, "unstableRadioRtl", { enumerable: true, get: function () { return styles_51.radioRtl; } });
-var styles_52 = require("./rate/styles");
-Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_52.rateDark; } });
-var styles_53 = require("./result/styles");
-Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_53.resultDark; } });
-var styles_54 = require("./select/styles");
-Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_54.selectDark; } });
-var styles_55 = require("./slider/styles");
-Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_55.sliderDark; } });
-var styles_56 = require("./space/styles");
-Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_56.spaceDark; } });
-Object.defineProperty(exports, "unstableSpaceRtl", { enumerable: true, get: function () { return styles_56.spaceRtl; } });
-var styles_57 = require("./spin/styles");
-Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_57.spinDark; } });
-var styles_58 = require("./statistic/styles");
-Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_58.statisticDark; } });
-Object.defineProperty(exports, "unstableStatisticRtl", { enumerable: true, get: function () { return styles_58.statisticRtl; } });
-var styles_59 = require("./status/styles");
-Object.defineProperty(exports, "statusDark", { enumerable: true, get: function () { return styles_59.statusDark; } });
-var styles_60 = require("./steps/styles");
-Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_60.stepsDark; } });
-Object.defineProperty(exports, "unstableStepsRtl", { enumerable: true, get: function () { return styles_60.stepsRtl; } });
-var styles_61 = require("./switch/styles");
-Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_61.switchDark; } });
-var styles_62 = require("./table/styles");
-Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_62.tableDark; } });
-Object.defineProperty(exports, "unstableTableRtl", { enumerable: true, get: function () { return styles_62.tableRtl; } });
-var styles_63 = require("./tabs/styles");
-Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_63.tabsDark; } });
-var styles_64 = require("./tag/styles");
-Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_64.tagDark; } });
-Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_64.tagRtl; } });
-var styles_65 = require("./thing/styles");
-Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_65.thingDark; } });
-Object.defineProperty(exports, "unstableThingRtl", { enumerable: true, get: function () { return styles_65.thingRtl; } });
-var styles_66 = require("./time-picker/styles");
-Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_66.timePickerDark; } });
-var styles_67 = require("./timeline/styles");
-Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_67.timelineDark; } });
-var styles_68 = require("./tooltip/styles");
-Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_68.tooltipDark; } });
-var styles_69 = require("./transfer/styles");
-Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_69.transferDark; } });
-var styles_70 = require("./tree/styles");
-Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_70.treeDark; } });
-Object.defineProperty(exports, "unstableTreeRtl", { enumerable: true, get: function () { return styles_70.treeRtl; } });
-var styles_71 = require("./tree-select/styles");
-Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_71.treeSelectDark; } });
-var styles_72 = require("./typography/styles");
-Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_72.typographyDark; } });
-var styles_73 = require("./upload/styles");
-Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_73.uploadDark; } });
-var styles_74 = require("./watermark/styles");
-Object.defineProperty(exports, "watermarkDark", { enumerable: true, get: function () { return styles_74.watermarkDark; } });
-var styles_75 = require("./legacy-grid/styles");
-Object.defineProperty(exports, "unstableRowRtl", { enumerable: true, get: function () { return styles_75.rowRtl; } });
-var styles_76 = require("./toggle-button/styles");
-Object.defineProperty(exports, "toggleButtonDark", { enumerable: true, get: function () { return styles_76.toggleButtonDark; } });
+var styles_36 = require("./input-otp/styles");
+Object.defineProperty(exports, "inputOtpDark", { enumerable: true, get: function () { return styles_36.inputOtpDark; } });
+Object.defineProperty(exports, "unstableInputOtpRtl", { enumerable: true, get: function () { return styles_36.inputOtpRtl; } });
+var styles_37 = require("./layout/styles");
+Object.defineProperty(exports, "layoutDark", { enumerable: true, get: function () { return styles_37.layoutDark; } });
+var styles_38 = require("./list/styles");
+Object.defineProperty(exports, "listDark", { enumerable: true, get: function () { return styles_38.listDark; } });
+Object.defineProperty(exports, "unstableListRtl", { enumerable: true, get: function () { return styles_38.listRtl; } });
+var styles_39 = require("./loading-bar/styles");
+Object.defineProperty(exports, "loadingBarDark", { enumerable: true, get: function () { return styles_39.loadingBarDark; } });
+var styles_40 = require("./log/styles");
+Object.defineProperty(exports, "logDark", { enumerable: true, get: function () { return styles_40.logDark; } });
+var styles_41 = require("./mention/styles");
+Object.defineProperty(exports, "mentionDark", { enumerable: true, get: function () { return styles_41.mentionDark; } });
+var styles_42 = require("./menu/styles");
+Object.defineProperty(exports, "menuDark", { enumerable: true, get: function () { return styles_42.menuDark; } });
+var styles_43 = require("./message/styles");
+Object.defineProperty(exports, "messageDark", { enumerable: true, get: function () { return styles_43.messageDark; } });
+var styles_44 = require("./modal/styles");
+Object.defineProperty(exports, "modalDark", { enumerable: true, get: function () { return styles_44.modalDark; } });
+var styles_45 = require("./notification/styles");
+Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return styles_45.notificationDark; } });
+var styles_46 = require("./pagination/styles");
+Object.defineProperty(exports, "paginationDark", { enumerable: true, get: function () { return styles_46.paginationDark; } });
+Object.defineProperty(exports, "unstablePaginationRtl", { enumerable: true, get: function () { return styles_46.paginationRtl; } });
+var styles_47 = require("./page-header/styles");
+Object.defineProperty(exports, "unstablePageHeaderRtl", { enumerable: true, get: function () { return styles_47.pageHeaderRtl; } });
+var styles_48 = require("./popconfirm/styles");
+Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_48.popconfirmDark; } });
+var styles_49 = require("./popover/styles");
+Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_49.popoverDark; } });
+var styles_50 = require("./popselect/styles");
+Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_50.popselectDark; } });
+var styles_51 = require("./progress/styles");
+Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_51.progressDark; } });
+var styles_52 = require("./radio/styles");
+Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_52.radioDark; } });
+Object.defineProperty(exports, "unstableRadioRtl", { enumerable: true, get: function () { return styles_52.radioRtl; } });
+var styles_53 = require("./rate/styles");
+Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_53.rateDark; } });
+var styles_54 = require("./result/styles");
+Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_54.resultDark; } });
+var styles_55 = require("./select/styles");
+Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_55.selectDark; } });
+var styles_56 = require("./slider/styles");
+Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_56.sliderDark; } });
+var styles_57 = require("./space/styles");
+Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_57.spaceDark; } });
+Object.defineProperty(exports, "unstableSpaceRtl", { enumerable: true, get: function () { return styles_57.spaceRtl; } });
+var styles_58 = require("./spin/styles");
+Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_58.spinDark; } });
+var styles_59 = require("./statistic/styles");
+Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_59.statisticDark; } });
+Object.defineProperty(exports, "unstableStatisticRtl", { enumerable: true, get: function () { return styles_59.statisticRtl; } });
+var styles_60 = require("./status/styles");
+Object.defineProperty(exports, "statusDark", { enumerable: true, get: function () { return styles_60.statusDark; } });
+var styles_61 = require("./steps/styles");
+Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_61.stepsDark; } });
+Object.defineProperty(exports, "unstableStepsRtl", { enumerable: true, get: function () { return styles_61.stepsRtl; } });
+var styles_62 = require("./switch/styles");
+Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_62.switchDark; } });
+var styles_63 = require("./table/styles");
+Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_63.tableDark; } });
+Object.defineProperty(exports, "unstableTableRtl", { enumerable: true, get: function () { return styles_63.tableRtl; } });
+var styles_64 = require("./tabs/styles");
+Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_64.tabsDark; } });
+var styles_65 = require("./tag/styles");
+Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_65.tagDark; } });
+Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_65.tagRtl; } });
+var styles_66 = require("./thing/styles");
+Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_66.thingDark; } });
+Object.defineProperty(exports, "unstableThingRtl", { enumerable: true, get: function () { return styles_66.thingRtl; } });
+var styles_67 = require("./time-picker/styles");
+Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_67.timePickerDark; } });
+var styles_68 = require("./timeline/styles");
+Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_68.timelineDark; } });
+var styles_69 = require("./tooltip/styles");
+Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_69.tooltipDark; } });
+var styles_70 = require("./transfer/styles");
+Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_70.transferDark; } });
+var styles_71 = require("./tree/styles");
+Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_71.treeDark; } });
+Object.defineProperty(exports, "unstableTreeRtl", { enumerable: true, get: function () { return styles_71.treeRtl; } });
+var styles_72 = require("./tree-select/styles");
+Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_72.treeSelectDark; } });
+var styles_73 = require("./typography/styles");
+Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_73.typographyDark; } });
+var styles_74 = require("./upload/styles");
+Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_74.uploadDark; } });
+var styles_75 = require("./watermark/styles");
+Object.defineProperty(exports, "watermarkDark", { enumerable: true, get: function () { return styles_75.watermarkDark; } });
+var styles_76 = require("./legacy-grid/styles");
+Object.defineProperty(exports, "unstableRowRtl", { enumerable: true, get: function () { return styles_76.rowRtl; } });
+var styles_77 = require("./toggle-button/styles");
+Object.defineProperty(exports, "toggleButtonDark", { enumerable: true, get: function () { return styles_77.toggleButtonDark; } });
 // danger zone, internal styles
-var styles_77 = require("./_internal/scrollbar/styles");
-Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_77.scrollbarDark; } });
-var styles_78 = require("./_internal/select-menu/styles");
-Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return styles_78.internalSelectMenuDark; } });
-var styles_79 = require("./_internal/selection/styles");
-Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return styles_79.internalSelectionDark; } });
-var styles_80 = require("./_internal/scrollbar/styles");
-Object.defineProperty(exports, "unstableScrollbarRtl", { enumerable: true, get: function () { return styles_80.scrollbarRtl; } });
+var styles_78 = require("./_internal/scrollbar/styles");
+Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_78.scrollbarDark; } });
+var styles_79 = require("./_internal/select-menu/styles");
+Object.defineProperty(exports, "internalSelectMenuDark", { enumerable: true, get: function () { return styles_79.internalSelectMenuDark; } });
+var styles_80 = require("./_internal/selection/styles");
+Object.defineProperty(exports, "internalSelectionDark", { enumerable: true, get: function () { return styles_80.internalSelectionDark; } });
+var styles_81 = require("./_internal/scrollbar/styles");
+Object.defineProperty(exports, "unstableScrollbarRtl", { enumerable: true, get: function () { return styles_81.scrollbarRtl; } });

package/lib/switch/src/Switch.js

@@ -86,7 +86,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onChange, onUpdateValue } = props;
-            const { nTriggerFormInput, nTriggerFormChange } = formItem;
+            const { triggerFormInput, triggerFormChange } = formItem;
             if (_onUpdateValue)
                 (0, _utils_1.call)(_onUpdateValue, value);
             if (onUpdateValue)
@@ -94,16 +94,16 @@ exports.default = (0, vue_1.defineComponent)({
             if (onChange)
                 (0, _utils_1.call)(onChange, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function doFocus() {
-            const { nTriggerFormFocus } = formItem;
-            nTriggerFormFocus();
+            const { triggerFormFocus } = formItem;
+            triggerFormFocus();
         }
         function doBlur() {
-            const { nTriggerFormBlur } = formItem;
-            nTriggerFormBlur();
+            const { triggerFormBlur } = formItem;
+            triggerFormBlur();
         }
         function handleClick() {
             if (props.loading || mergedDisabledRef.value)

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

@@ -97,6 +97,7 @@ exports.default = (0, cssr_1.cB)('tag', `
  cursor: pointer;
  box-shadow: none;
  color: var(--u-text-color-checkable);
+ padding: 0px 8px;
  background-color: var(--u-color-checkable);
  transition: border-color .3s var(--u-bezier);
  `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-hover-checkable);', [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-hover-checkable);')]), (0, cssr_1.c)('&:focus', `
@@ -106,4 +107,7 @@ exports.default = (0, cssr_1.cB)('tag', `
  transition: border-color .3s var(--u-bezier);`, [(0, cssr_1.cNotM)('checked', 'color: var(--u-text-color-pressed-checkable);')])]), (0, cssr_1.cM)('checked', `
  color: var(--u-text-color-checked);
  background-color: var(--u-color-checked);
- `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:focus', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:active', 'background-color: var(--u-color-checked-pressed);')])])])]);
+ `, [(0, cssr_1.cE)('border', `
+ border-color: var(--u-color-checked);
+ transition: none;
+ `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:focus', 'background-color: var(--u-color-checked-hover);'), (0, cssr_1.c)('&:active', 'background-color: var(--u-color-checked-pressed);')])])])]);

package/lib/tag/styles/light.js

@@ -4,7 +4,7 @@ exports.self = void 0;
 const seemly_1 = require("seemly");
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { opacityDisabled, borderRadiusSmall: borderRadius, fontWeightStrong, fontWeight, elementsTertiary, fontBodySmall, fontBodyMedium, textQuaternary, elementsPrimary, elementsSenary, elementsQuinary, textPrimary, elementsQuaternary, transparencySecondary, staticDarkGrey, staticWhite, elementsDarkQuinary, brandPrimary600, brandPrimary500, brandQuaternary600, brandQuaternary500, staticGreen, staticOrange, staticRed, staticBlack } = vars;
+    const { opacityDisabled, borderRadiusSmall: borderRadius, fontWeightStrong, fontWeight, elementsTertiary, fontBodySmall, fontBodyMedium, textQuaternary, elementsPrimary, elementsSecondary, elementsSenary, elementsQuinary, textPrimary, elementsQuaternary, transparencySecondary, staticDarkGrey, staticWhite, elementsDarkQuinary, brandPrimary600, brandPrimary500, brandQuaternary600, brandQuaternary500, staticGreen, staticOrange, staticRed, staticBlack } = vars;
     const borderTagWidth = 2;
     return {
         closeIconSizeTiny: '16px',
@@ -39,7 +39,7 @@ const self = (vars) => {
         textColorHoverCheckable: textPrimary,
         textColorPressedCheckable: textPrimary,
         textColorChecked: textQuaternary,
-        colorCheckable: elementsTertiary,
+        colorCheckable: elementsSecondary,
         colorHoverCheckable: elementsQuaternary,
         colorPressedCheckable: elementsQuaternary,
         colorChecked: elementsPrimary,

package/lib/theme-editor/src/ThemeEditor.d.ts

@@ -17,6 +17,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         scrollbarHeight: string;
         scrollbarBorderRadius: string;
         opacityDisabled: string;
+        brand150: string;
+        brand350: string;
+        brand550: string;
         brandPrimary50: string;
         brandPrimary100: string;
         brandPrimary200: string;

package/lib/themes/dark.js

@@ -89,6 +89,7 @@ const styles_84 = require("../toggle-button/styles");
 const styles_85 = require("../_internal/account-option/styles");
 const styles_86 = require("../flex/styles");
 const styles_87 = require("../action-card/styles");
+const styles_88 = require("../styles");
 exports.darkTheme = {
     name: 'dark',
     common: common_1.commonDark,
@@ -133,6 +134,7 @@ exports.darkTheme = {
     IconWrapper: styles_37.iconWrapperDark,
     Image: styles_38.imageDark,
     Input: styles_39.inputDark,
+    InputOtp: styles_88.inputOtpDark,
     InputNumber: styles_40.inputNumberDark,
     LegacyTransfer: styles_42.legacyTransferDark,
     Layout: styles_41.layoutDark,

package/lib/themes/light.js

@@ -91,6 +91,7 @@ const styles_84 = require("../toggle-button/styles");
 const styles_85 = require("../_internal/account-option/styles");
 const styles_86 = require("../flex/styles");
 const styles_87 = require("../action-card/styles");
+const styles_88 = require("../input-otp/styles");
 exports.lightTheme = {
     name: 'light',
     common: common_1.commonLight,
@@ -135,6 +136,7 @@ exports.lightTheme = {
     IconWrapper: styles_37.iconWrapperLight,
     Image: styles_38.imageLight,
     Input: styles_39.inputLight,
+    InputOtp: styles_88.inputOtpLight,
     InputNumber: styles_40.inputNumberLight,
     Layout: styles_41.layoutLight,
     LegacyTransfer: styles_42.legacyTransferLight,

package/lib/time-picker/src/TimePicker.js

@@ -253,7 +253,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function doUpdateValue(value) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
-            const { nTriggerFormChange, nTriggerFormInput } = formItem;
+            const { triggerFormChange, triggerFormInput } = formItem;
             const formattedValue = createFormattedValue(value);
             if (onUpdateValue) {
                 (0, _utils_1.call)(onUpdateValue, value, formattedValue);
@@ -265,22 +265,22 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(onChange, value, formattedValue);
             doUpdateFormattedValue(formattedValue, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormChange();
-            nTriggerFormInput();
+            triggerFormChange();
+            triggerFormInput();
         }
         function doFocus(e) {
             const { onFocus } = props;
-            const { nTriggerFormFocus } = formItem;
+            const { triggerFormFocus } = formItem;
             if (onFocus)
                 (0, _utils_1.call)(onFocus, e);
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function doBlur(e) {
             const { onBlur } = props;
-            const { nTriggerFormBlur } = formItem;
+            const { triggerFormBlur } = formItem;
             if (onBlur)
                 (0, _utils_1.call)(onBlur, e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function doConfirm() {
             const { onConfirm } = props;

package/lib/transfer/src/Transfer.js

@@ -69,7 +69,7 @@ exports.default = (0, vue_1.defineComponent)({
         const { uncontrolledValueRef, mergedValueRef, targetValueSetRef, valueSetForCheckAllRef, valueSetForUncheckAllRef, valueSetForClearRef, filteredTgtOptionsRef, filteredSrcOptionsRef, targetOptionsRef, canNotSelectAnythingRef, canBeClearedRef, allCheckedRef, srcPatternRef, tgtPatternRef, mergedSrcFilterableRef, handleSrcFilterUpdateValue, handleTgtFilterUpdateValue } = (0, use_transfer_data_1.useTransferData)(props);
         function doUpdateValue(value) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
-            const { nTriggerFormInput, nTriggerFormChange } = formItem;
+            const { triggerFormInput, triggerFormChange } = formItem;
             if (onUpdateValue)
                 (0, _utils_1.call)(onUpdateValue, value);
             if (_onUpdateValue)
@@ -77,8 +77,8 @@ exports.default = (0, vue_1.defineComponent)({
             if (onChange)
                 (0, _utils_1.call)(onChange, value);
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function handleSourceCheckAll() {
             doUpdateValue([...valueSetForCheckAllRef.value]);

package/lib/tree-select/src/TreeSelect.js

@@ -76,7 +76,7 @@ exports.default = (0, vue_1.defineComponent)({
         const menuElRef = (0, vue_1.ref)(null);
         const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const { localeRef } = (0, _mixins_1.useLocale)('Select');
-        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef, nTriggerFormBlur, nTriggerFormChange, nTriggerFormFocus, nTriggerFormInput } = (0, _mixins_1.useFormItem)(props);
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef, triggerFormBlur, triggerFormChange, triggerFormFocus, triggerFormInput } = (0, _mixins_1.useFormItem)(props);
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
         const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
@@ -213,8 +213,8 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(_onUpdateValue, value, option, meta);
             }
             uncontrolledValueRef.value = value;
-            nTriggerFormInput();
-            nTriggerFormChange();
+            triggerFormInput();
+            triggerFormChange();
         }
         function doUpdateIndeterminateKeys(value, option) {
             const { onUpdateIndeterminateKeys, 'onUpdate:indeterminateKeys': _onUpdateIndeterminateKeys } = props;
@@ -239,14 +239,14 @@ exports.default = (0, vue_1.defineComponent)({
             const { onFocus } = props;
             if (onFocus)
                 onFocus(e);
-            nTriggerFormFocus();
+            triggerFormFocus();
         }
         function doBlur(e) {
             closeMenu();
             const { onBlur } = props;
             if (onBlur)
                 onBlur(e);
-            nTriggerFormBlur();
+            triggerFormBlur();
         }
         function closeMenu() {
             doUpdateShow(false);

package/lib/upload/src/UploadFile.js

@@ -222,8 +222,8 @@ exports.default = (0, vue_1.defineComponent)({
                 !this.vertical &&
                     !imageCardTypes.includes(listType) &&
                     `${clsPrefix}-upload-file-loader--default`
-            ] },
-            (0, vue_1.h)("div", { class: [
+            ] }, {
+            default: () => ((0, vue_1.h)("div", { class: [
                     `${clsPrefix}-upload-file`,
                     `${clsPrefix}-upload-file--${this.progressStatus}-status`,
                     file.url &&
@@ -249,6 +249,7 @@ exports.default = (0, vue_1.defineComponent)({
                                 ? this.$slots['upload-file-subtitle']({ file })
                                 : ''))),
                     actionsNode),
-                this.showProgress && ((0, vue_1.h)("div", { class: `${clsPrefix}-upload-file-overlay` })))));
+                this.showProgress && ((0, vue_1.h)("div", { class: `${clsPrefix}-upload-file-overlay` }))))
+        }));
     }
 });

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.5.1";
+declare const _default: "1.5.3";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.5.1';
+exports.default = '1.5.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/volar.d.ts

@@ -75,6 +75,7 @@ declare module 'vue' {
     UInputGroup: typeof import('@uzum-tech/ui')['UInputGroup']
     UInputGroupLabel: typeof import('@uzum-tech/ui')['UInputGroupLabel']
     UInputNumber: typeof import('@uzum-tech/ui')['UInputNumber']
+    UInputOtp: typeof import('@uzum-tech/ui')['UInputOtp']
     ULayout: typeof import('@uzum-tech/ui')['ULayout']
     ULayoutContent: typeof import('@uzum-tech/ui')['ULayoutContent']
     ULayoutFooter: typeof import('@uzum-tech/ui')['ULayoutFooter']