@uzum-tech/ui 1.7.0 → 1.7.1

package/es/tree-select/src/TreeSelect.d.ts

@@ -318,9 +318,7 @@ export declare const treeSelectProps: {
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -564,9 +562,7 @@ export declare const treeSelectProps: {
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -810,9 +806,7 @@ export declare const treeSelectProps: {
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1167,9 +1161,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1413,9 +1405,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1659,9 +1649,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1975,9 +1963,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorPressed: string;
                 caretColorSecondary: string;
                 filterCounterTextColor: string;
-                filterCounterSeparatorColor: string;
                 filterCounterTextColorDisabled: string;
-                filterCounterSeparatorColorDisabled: string;
                 arrowColorSecondary: string;
                 clearColorSecondary: string;
                 colorSecondary: string;
@@ -2459,9 +2445,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -2705,9 +2689,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -2951,9 +2933,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;

package/es/tree-select/styles/light.d.ts

@@ -211,9 +211,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         clearColorPressed: string;
         caretColorSecondary: string;
         filterCounterTextColor: string;
-        filterCounterSeparatorColor: string;
         filterCounterTextColorDisabled: string;
-        filterCounterSeparatorColorDisabled: string;
         arrowColorSecondary: string;
         clearColorSecondary: string;
         colorSecondary: string;

package/es/upload/src/useUploadActionsRender.js

@@ -5,7 +5,7 @@ import { CancelIcon, EyeIcon, RetryIcon, TrashIcon, DownloadIcon } from '../../_
 export function useUploadActionsRender(opts) {
     const { clsPrefix, listType, file, showPreviewButton, showRemoveButton, showCancelButton, showRetryButton, showDownloadButton, disabled, buttonType, mergedTheme, buttonThemeOverrides, handlePreviewClick, handleRemoveOrCancelClick, handleRetryClick, handleDownloadClick, capitalizeFirstLetter } = opts;
     const isImageType = ['image', 'image-card'].includes(listType);
-    const fileExt = file.name.split('.')[1] || '';
+    const fileExt = file.name.split('.').at(-1) || '';
     const capitalizedExt = capitalizeFirstLetter(fileExt);
     const icon = h('div', {
         class: [

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.7.0";
+declare const _default: "1.7.1";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.7.0';
+export default '1.7.1';

package/lib/_internal/icons/CheckmarkDoneSharp.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/CheckmarkDoneSharp.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'CheckmarkDoneSharp',
+    render() {
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
+            (0, vue_1.h)("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "square", "stroke-miterlimit": "10", "stroke-width": "44", d: "M465 127L241 384l-92-92" }),
+            (0, vue_1.h)("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "square", "stroke-miterlimit": "10", "stroke-width": "44", d: "M140 385l-93-93" }),
+            (0, vue_1.h)("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "square", "stroke-miterlimit": "10", "stroke-width": "44", d: "M363 127L236 273" })));
+    }
+});

package/lib/_internal/icons/MdTime.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/MdTime.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'MdTime',
+    render() {
+        return ((0, vue_1.h)("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 512 512", "enable-background": "new 0 0 512 512" },
+            (0, vue_1.h)("g", null,
+                (0, vue_1.h)("path", { "fill-opacity": "0.9", d: "M255.8,48C141,48,48,141.2,48,256s93,208,207.8,208c115,0,208.2-93.2,208.2-208S370.8,48,255.8,48z M256,422.4c-91.9,0-166.4-74.5-166.4-166.4S164.1,89.6,256,89.6S422.4,164.1,422.4,256S347.9,422.4,256,422.4z" }),
+                (0, vue_1.h)("path", { "fill-opacity": "0.9", d: "M266.4,152h-31.2v124.8l109.2,65.5l15.6-25.6l-93.6-55.5V152z" }))));
+    }
+});

package/lib/_internal/icons/PersonOutline.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/PersonOutline.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'PersonOutline',
+    render() {
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
+            (0, vue_1.h)("path", { d: "M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32" }),
+            (0, vue_1.h)("path", { d: "M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z", fill: "none", stroke: "currentColor", "stroke-miterlimit": "10", "stroke-width": "32" })));
+    }
+});

package/lib/_internal/icons/Refresh.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/Refresh.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'Refresh',
+    render() {
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
+            (0, vue_1.h)("path", { d: "M320 146s24.36-12-64-12a160 160 0 1 0 160 160", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-miterlimit": "10", "stroke-width": "32" }),
+            (0, vue_1.h)("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32", d: "M256 58l80 80l-80 80" })));
+    }
+});

package/lib/_internal/icons/index.d.ts

@@ -50,3 +50,7 @@ export { default as DismissCircleIcon } from './DismissCircle';
 export { default as FileHeart } from './FileHeart';
 export { default as ContentCopy } from './ContentCopy';
 export { default as SiderUnionBorder } from './SiderUnionBorder';
+export { default as MdTime } from './MdTime';
+export { default as Refresh } from './Refresh';
+export { default as CheckmarkDoneSharp } from './CheckmarkDoneSharp';
+export { default as PersonOutline } from './PersonOutline';

package/lib/_internal/icons/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileHeart = exports.DismissCircleIcon = exports.CheckmarkCircleIcon = exports.EditIcon = exports.ClearSmallIcon = exports.InactiveIcon = exports.InfoOutlineIcon = exports.ResizeSmallIcon = exports.PhotoIcon = exports.FileIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = exports.ArrowBackIcon = exports.RetryIcon = exports.ToIcon = exports.ChevronDownFilledIcon = exports.ClearIcon = exports.ChevronDownIcon = exports.CancelIcon = exports.WarningIcon = exports.TimeIcon = exports.SwitcherIcon = exports.SuccessIcon = exports.SearchIcon = exports.RemoveIcon = exports.MoreIcon = exports.InfoIcon = exports.ForwardIcon = exports.FilterIcon = exports.FastForwardIcon = exports.FastBackwardIcon = exports.ErrorIcon = exports.EmptyIcon = exports.DownloadIcon = exports.TrashIcon = exports.EyeOffIcon = exports.EyeIcon = exports.CloseIcon = exports.ChevronDownOutline = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.CheckmarkIcon = exports.DateIcon = exports.BackwardIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowDownIcon = exports.AddIcon = void 0;
-exports.SiderUnionBorder = exports.ContentCopy = void 0;
+exports.PersonOutline = exports.CheckmarkDoneSharp = exports.Refresh = exports.MdTime = exports.SiderUnionBorder = exports.ContentCopy = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "AddIcon", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var ArrowDown_1 = require("./ArrowDown");
@@ -109,3 +109,11 @@ var ContentCopy_1 = require("./ContentCopy");
 Object.defineProperty(exports, "ContentCopy", { enumerable: true, get: function () { return __importDefault(ContentCopy_1).default; } });
 var SiderUnionBorder_1 = require("./SiderUnionBorder");
 Object.defineProperty(exports, "SiderUnionBorder", { enumerable: true, get: function () { return __importDefault(SiderUnionBorder_1).default; } });
+var MdTime_1 = require("./MdTime");
+Object.defineProperty(exports, "MdTime", { enumerable: true, get: function () { return __importDefault(MdTime_1).default; } });
+var Refresh_1 = require("./Refresh");
+Object.defineProperty(exports, "Refresh", { enumerable: true, get: function () { return __importDefault(Refresh_1).default; } });
+var CheckmarkDoneSharp_1 = require("./CheckmarkDoneSharp");
+Object.defineProperty(exports, "CheckmarkDoneSharp", { enumerable: true, get: function () { return __importDefault(CheckmarkDoneSharp_1).default; } });
+var PersonOutline_1 = require("./PersonOutline");
+Object.defineProperty(exports, "PersonOutline", { enumerable: true, get: function () { return __importDefault(PersonOutline_1).default; } });

package/lib/_internal/select-menu/src/styles/index.cssr.js

@@ -113,7 +113,8 @@ exports.default = (0, cssr_1.cB)('base-select-menu', `
  font-size: 24px;
  position: absolute;
  right: calc(var(--u-option-padding-right) - 4px);
- top: calc(50% - 7px);
+ top: 50%;
+ transform: translateY(-50%);
  color: var(--u-option-check-color);
  transition: color .3s var(--u-bezier);
  `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)({

package/lib/_internal/select-menu/styles/light.js

@@ -30,7 +30,7 @@ const self = (vars) => {
         optionTextColor: textPrimary,
         optionTextColorPressed: textPrimary,
         optionTextColorDisabled: textSecondary,
-        optionTextColorActive: brandPrimary500,
+        optionTextColorActive: textPrimary,
         optionOpacityDisabled: '0.5',
         optionCheckColor: brandPrimary500,
         optionColorPending: transparencySecondary,

package/lib/_internal/selection/src/Selection.d.ts

@@ -166,9 +166,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorPressed: string;
         caretColorSecondary: string;
         filterCounterTextColor: string;
-        filterCounterSeparatorColor: string;
         filterCounterTextColorDisabled: string;
-        filterCounterSeparatorColorDisabled: string;
         arrowColorSecondary: string;
         clearColorSecondary: string;
         colorSecondary: string;
@@ -291,9 +289,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorPressed: string;
         caretColorSecondary: string;
         filterCounterTextColor: string;
-        filterCounterSeparatorColor: string;
         filterCounterTextColorDisabled: string;
-        filterCounterSeparatorColorDisabled: string;
         arrowColorSecondary: string;
         clearColorSecondary: string;
         colorSecondary: string;
@@ -416,9 +412,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorPressed: string;
         caretColorSecondary: string;
         filterCounterTextColor: string;
-        filterCounterSeparatorColor: string;
         filterCounterTextColorDisabled: string;
-        filterCounterSeparatorColorDisabled: string;
         arrowColorSecondary: string;
         clearColorSecondary: string;
         colorSecondary: string;
@@ -544,9 +538,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -701,9 +693,7 @@ declare const _default: import("vue").DefineComponent<{
         '--u-arrow-size': string;
         '--u-caret-color-secondary': string;
         '--u-filter-counter-text-color': string;
-        '--u-filter-counter-separator-color': string;
         '--u-filter-counter-text-color-disabled': string;
-        '--u-filter-counter-separator-color-disabled': string;
         '--u-arrow-color-secondary': string;
         '--u-clear-color-secondary': string;
         '--u-color-secondary': string;
@@ -892,9 +882,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorPressed: string;
         caretColorSecondary: string;
         filterCounterTextColor: string;
-        filterCounterSeparatorColor: string;
         filterCounterTextColorDisabled: string;
-        filterCounterSeparatorColorDisabled: string;
         arrowColorSecondary: string;
         clearColorSecondary: string;
         colorSecondary: string;
@@ -1017,9 +1005,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorPressed: string;
         caretColorSecondary: string;
         filterCounterTextColor: string;
-        filterCounterSeparatorColor: string;
         filterCounterTextColorDisabled: string;
-        filterCounterSeparatorColorDisabled: string;
         arrowColorSecondary: string;
         clearColorSecondary: string;
         colorSecondary: string;
@@ -1142,9 +1128,7 @@ declare const _default: import("vue").DefineComponent<{
         clearColorPressed: string;
         caretColorSecondary: string;
         filterCounterTextColor: string;
-        filterCounterSeparatorColor: string;
         filterCounterTextColorDisabled: string;
-        filterCounterSeparatorColorDisabled: string;
         arrowColorSecondary: string;
         clearColorSecondary: string;
         colorSecondary: string;

package/lib/_internal/selection/src/Selection.js

@@ -363,7 +363,7 @@ exports.default = (0, vue_1.defineComponent)({
             // clear
             clearColor, clearColorHover, clearColorPressed, 
             // secondary
-            arrowColorSecondary, clearColorSecondary, colorSecondary, textColorSecondary, borderSecondary, arrowColorDisabledSecondary, clearColorDisabledSecondary, colorDisabledSecondary, textColorDisabledSecondary, borderDisabledSecondary, arrowColorHoverSecondary, clearColorHoverSecondary, colorHoverSecondary, textColorHoverSecondary, borderHoverSecondary, filterCounterTextColor, filterCounterSeparatorColor, filterCounterTextColorDisabled, filterCounterSeparatorColorDisabled, caretColorSecondary, arrowColorActiveSecondary, clearColorActiveSecondary, colorActiveSecondary, textColorActiveSecondary, borderActiveSecondary, arrowColorFocusSecondary, clearColorFocusSecondary, colorFocusSecondary, textColorFocusSecondary, borderFocusSecondary, borderFilled, colorFilled, [(0, _utils_1.createKey)('clearSize', size)]: clearSize, [(0, _utils_1.createKey)('arrowSize', size)]: arrowSize, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('borderRadius', size)]: borderRadius, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('lineHeight', size)]: lineHeight } } = themeRef.value;
+            arrowColorSecondary, clearColorSecondary, colorSecondary, textColorSecondary, borderSecondary, arrowColorDisabledSecondary, clearColorDisabledSecondary, colorDisabledSecondary, textColorDisabledSecondary, borderDisabledSecondary, arrowColorHoverSecondary, clearColorHoverSecondary, colorHoverSecondary, textColorHoverSecondary, borderHoverSecondary, filterCounterTextColor, filterCounterTextColorDisabled, caretColorSecondary, arrowColorActiveSecondary, clearColorActiveSecondary, colorActiveSecondary, textColorActiveSecondary, borderActiveSecondary, arrowColorFocusSecondary, clearColorFocusSecondary, colorFocusSecondary, textColorFocusSecondary, borderFocusSecondary, borderFilled, colorFilled, [(0, _utils_1.createKey)('clearSize', size)]: clearSize, [(0, _utils_1.createKey)('arrowSize', size)]: arrowSize, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('borderRadius', size)]: borderRadius, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('lineHeight', size)]: lineHeight } } = themeRef.value;
             const { top: paddingTop, right: paddingRight, bottom: paddingBottom, left: paddingLeft } = (0, seemly_1.getPadding)(padding);
             return {
                 '--u-bezier': cubicBezierEaseInOut,
@@ -430,9 +430,7 @@ exports.default = (0, vue_1.defineComponent)({
                 // secondary
                 '--u-caret-color-secondary': caretColorSecondary,
                 '--u-filter-counter-text-color': filterCounterTextColor,
-                '--u-filter-counter-separator-color': filterCounterSeparatorColor,
                 '--u-filter-counter-text-color-disabled': filterCounterTextColorDisabled,
-                '--u-filter-counter-separator-color-disabled': filterCounterSeparatorColorDisabled,
                 '--u-arrow-color-secondary': arrowColorSecondary,
                 '--u-clear-color-secondary': clearColorSecondary,
                 '--u-color-secondary': colorSecondary,
@@ -530,7 +528,8 @@ exports.default = (0, vue_1.defineComponent)({
         const clear = this.filterCounterClearable ? ((0, vue_1.h)(clear_1.default, { clsPrefix: clsPrefix, show: true, onClear: this.handleClear })) : null;
         const suffix = ((0, vue_1.h)(_utils_1.Wrapper, null, {
             default: () => ((0, vue_1.h)("div", { class: [`${clsPrefix}-base-selection__suffix-wrapper`] },
-                (0, vue_1.h)(suffix_1.default, { clsPrefix: clsPrefix, loading: this.loading, showArrow: this.showArrow, showClear: this.showSuffixClear, onClear: this.handleClear }, {
+                (0, vue_1.h)(suffix_1.default, { clsPrefix: clsPrefix, loading: this.loading, showArrow: this.showArrow ||
+                        (this.counter && this.filterCounterLength === 0), showClear: this.showSuffixClear, onClear: this.handleClear }, {
                     default: () => { var _a, _b; return [(_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a)]; }
                 }),
                 filterCounterEl,

package/lib/_internal/selection/src/styles/index.cssr.js

@@ -59,9 +59,7 @@ const cssr_1 = require("../../../../_utils/cssr");
 // --u-arrow-size
 // --u-caret-color-secondary
 // --u-filter-counter-text-color
-// --u-filter-counter-separator-color
 // --u-filter-counter-text-color-disabled
-// --u-filter-counter-separator-color-disabled
 // --u-arrow-color-secondary
 // --u-clear-color-secondary
 // --u-color-secondary
@@ -150,7 +148,6 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  `, [(0, cssr_1.cB)('base-clear', `
  font-size: var(--u-clear-size);
  `)]), (0, cssr_1.cE)('filter-counter', `
- border-left: 1px solid var(--u-filter-counter-separator-color);
  width: 28px;
  margin-left: 6px;
  padding-left: 2px;
@@ -270,7 +267,6 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('base-selection', `
  border: var(--u-border-disabled);
  `), (0, cssr_1.cE)('filter-counter', `
  color: var(--u-filter-counter-text-color-disabled);
- border-color: var(--u-filter-counter-separator-color-disabled);
  `), (0, cssr_1.cB)('base-suffix', [(0, cssr_1.cE)('arrow', `
  color: var(--u-arrow-color-disabled);
  `)]), (0, cssr_1.cB)('base-selection-label', `

package/lib/_internal/selection/styles/light.d.ts

@@ -80,9 +80,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     clearColorPressed: string;
     caretColorSecondary: string;
     filterCounterTextColor: string;
-    filterCounterSeparatorColor: string;
     filterCounterTextColorDisabled: string;
-    filterCounterSeparatorColorDisabled: string;
     arrowColorSecondary: string;
     clearColorSecondary: string;
     colorSecondary: string;
@@ -191,9 +189,7 @@ declare const internalSelectionLight: import("../../../_mixins").Theme<"Internal
     clearColorPressed: string;
     caretColorSecondary: string;
     filterCounterTextColor: string;
-    filterCounterSeparatorColor: string;
     filterCounterTextColorDisabled: string;
-    filterCounterSeparatorColorDisabled: string;
     arrowColorSecondary: string;
     clearColorSecondary: string;
     colorSecondary: string;

package/lib/_internal/selection/styles/light.js

@@ -6,7 +6,7 @@ const common_1 = require("../../../_styles/common");
 const styles_1 = require("../../../popover/styles");
 const _mixins_1 = require("../../../_mixins");
 const self = (vars) => {
-    const { borderRadius, iconMedium, fontBodyMedium, fontBodyLarge, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge, borderRadiusLarge, textPrimary, textSecondary, elementsSecondary, elementsTertiary, elementsQuaternary, elementsPrimary, elementsQuinary, staticOrange, staticRed, textQuaternary, iconSmall, elementsSenary, lineHeightBodyMedium, lineHeightBodyLarge, fontTitleMedium, lineHeightTitleMedium } = vars;
+    const { borderRadius, iconMedium, fontBodyMedium, fontBodyLarge, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge, borderRadiusLarge, textPrimary, textSecondary, elementsSecondary, elementsTertiary, elementsQuaternary, elementsPrimary, elementsQuinary, staticOrange, staticRed, textQuaternary, iconSmall, lineHeightBodyMedium, lineHeightBodyLarge, fontTitleMedium, lineHeightTitleMedium } = vars;
     return {
         paddingTiny: '0px 12px 0px 12px',
         paddingSmall: '0px 16px 0px 16px',
@@ -101,9 +101,7 @@ const self = (vars) => {
         clearColorPressed: elementsPrimary,
         caretColorSecondary: elementsPrimary,
         filterCounterTextColor: textSecondary,
-        filterCounterSeparatorColor: elementsSenary,
         filterCounterTextColorDisabled: textSecondary,
-        filterCounterSeparatorColorDisabled: elementsQuaternary,
         arrowColorSecondary: elementsSecondary,
         clearColorSecondary: elementsSecondary,
         colorSecondary: elementsPrimary,

package/lib/cascader/src/Cascader.d.ts

@@ -257,9 +257,7 @@ export declare const cascaderProps: {
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -532,9 +530,7 @@ export declare const cascaderProps: {
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -807,9 +803,7 @@ export declare const cascaderProps: {
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1180,9 +1174,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1455,9 +1447,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -1730,9 +1720,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -2070,9 +2058,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorPressed: string;
                 caretColorSecondary: string;
                 filterCounterTextColor: string;
-                filterCounterSeparatorColor: string;
                 filterCounterTextColorDisabled: string;
-                filterCounterSeparatorColorDisabled: string;
                 arrowColorSecondary: string;
                 clearColorSecondary: string;
                 colorSecondary: string;
@@ -2535,9 +2521,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -2810,9 +2794,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;
@@ -3085,9 +3067,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorPressed: string;
             caretColorSecondary: string;
             filterCounterTextColor: string;
-            filterCounterSeparatorColor: string;
             filterCounterTextColorDisabled: string;
-            filterCounterSeparatorColorDisabled: string;
             arrowColorSecondary: string;
             clearColorSecondary: string;
             colorSecondary: string;

package/lib/cascader/src/CascaderMenu.d.ts

@@ -201,9 +201,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorPressed: string;
                 caretColorSecondary: string;
                 filterCounterTextColor: string;
-                filterCounterSeparatorColor: string;
                 filterCounterTextColorDisabled: string;
-                filterCounterSeparatorColorDisabled: string;
                 arrowColorSecondary: string;
                 clearColorSecondary: string;
                 colorSecondary: string;

package/lib/cascader/src/CascaderOption.d.ts

@@ -177,9 +177,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorPressed: string;
                 caretColorSecondary: string;
                 filterCounterTextColor: string;
-                filterCounterSeparatorColor: string;
                 filterCounterTextColorDisabled: string;
-                filterCounterSeparatorColorDisabled: string;
                 arrowColorSecondary: string;
                 clearColorSecondary: string;
                 colorSecondary: string;

package/lib/cascader/src/CascaderSelectMenu.d.ts

@@ -189,9 +189,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorPressed: string;
                 caretColorSecondary: string;
                 filterCounterTextColor: string;
-                filterCounterSeparatorColor: string;
                 filterCounterTextColorDisabled: string;
-                filterCounterSeparatorColorDisabled: string;
                 arrowColorSecondary: string;
                 clearColorSecondary: string;
                 colorSecondary: string;

package/lib/cascader/src/CascaderSubmenu.d.ts

@@ -170,9 +170,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorPressed: string;
                 caretColorSecondary: string;
                 filterCounterTextColor: string;
-                filterCounterSeparatorColor: string;
                 filterCounterTextColorDisabled: string;
-                filterCounterSeparatorColorDisabled: string;
                 arrowColorSecondary: string;
                 clearColorSecondary: string;
                 colorSecondary: string;

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

@@ -172,9 +172,7 @@ declare const cascaderLight: import("../../_mixins").Theme<"Cascader", {
         clearColorPressed: string;
         caretColorSecondary: string;
         filterCounterTextColor: string;
-        filterCounterSeparatorColor: string;
         filterCounterTextColorDisabled: string;
-        filterCounterSeparatorColorDisabled: string;
         arrowColorSecondary: string;
         clearColorSecondary: string;
         colorSecondary: string;