@uzum-tech/ui 1.7.0 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (204) hide show
  1. package/dist/index.js +1365 -41760
  2. package/dist/index.prod.js +3 -3
  3. package/es/_internal/icons/CheckmarkDoneSharp.d.ts +2 -0
  4. package/es/_internal/icons/CheckmarkDoneSharp.js +10 -0
  5. package/es/_internal/icons/MdTime.d.ts +2 -0
  6. package/es/_internal/icons/MdTime.js +10 -0
  7. package/es/_internal/icons/PersonOutline.d.ts +2 -0
  8. package/es/_internal/icons/PersonOutline.js +9 -0
  9. package/es/_internal/icons/Refresh.d.ts +2 -0
  10. package/es/_internal/icons/Refresh.js +9 -0
  11. package/es/_internal/icons/index.d.ts +4 -0
  12. package/es/_internal/icons/index.js +4 -0
  13. package/es/_internal/select-menu/src/styles/index.cssr.js +2 -1
  14. package/es/_internal/select-menu/styles/light.js +1 -1
  15. package/es/_internal/selection/src/Selection.d.ts +0 -16
  16. package/es/_internal/selection/src/Selection.js +3 -4
  17. package/es/_internal/selection/src/styles/index.cssr.js +0 -4
  18. package/es/_internal/selection/styles/light.d.ts +0 -4
  19. package/es/_internal/selection/styles/light.js +1 -3
  20. package/es/cascader/src/Cascader.d.ts +0 -20
  21. package/es/cascader/src/CascaderMenu.d.ts +0 -2
  22. package/es/cascader/src/CascaderOption.d.ts +0 -2
  23. package/es/cascader/src/CascaderSelectMenu.d.ts +0 -2
  24. package/es/cascader/src/CascaderSubmenu.d.ts +0 -2
  25. package/es/cascader/styles/light.d.ts +0 -2
  26. package/es/chat/src/Chat.d.ts +38 -34
  27. package/es/chat/src/Chat.js +28 -7
  28. package/es/chat/src/ChatGlobalState.d.ts +13 -0
  29. package/es/chat/src/ChatGlobalState.js +32 -0
  30. package/es/chat/src/ChatParts/ChatAttachment.d.ts +43 -0
  31. package/es/chat/src/ChatParts/ChatAttachment.js +75 -0
  32. package/es/chat/src/ChatParts/MainArea.d.ts +3 -9
  33. package/es/chat/src/ChatParts/MainArea.js +129 -123
  34. package/es/chat/src/ChatParts/Sidebar.js +12 -19
  35. package/es/chat/src/interface.d.ts +8 -3
  36. package/es/chat/src/styles/index.cssr.js +7 -0
  37. package/es/chat/styles/dark.d.ts +0 -2
  38. package/es/chat/styles/light.d.ts +0 -2
  39. package/es/data-table/src/DataTable.d.ts +0 -16
  40. package/es/data-table/src/HeaderButton/FilterButton.d.ts +0 -4
  41. package/es/data-table/src/HeaderButton/FilterMenu.d.ts +0 -4
  42. package/es/data-table/src/TableParts/Body.d.ts +0 -4
  43. package/es/data-table/src/TableParts/Body.js +3 -1
  44. package/es/data-table/src/TableParts/Cell.js +18 -5
  45. package/es/data-table/src/TableParts/Header.d.ts +0 -4
  46. package/es/data-table/src/interface.d.ts +1 -7
  47. package/es/data-table/src/utils.js +1 -1
  48. package/es/data-table/styles/light.d.ts +0 -2
  49. package/es/dynamic-tags/src/DynamicTags.d.ts +4 -454
  50. package/es/dynamic-tags/styles/light.d.ts +0 -45
  51. package/es/empty/styles/light.js +3 -3
  52. package/es/locales/common/arDZ.js +6 -0
  53. package/es/locales/common/deDE.js +6 -0
  54. package/es/locales/common/enGB.js +6 -0
  55. package/es/locales/common/enUS.d.ts +6 -0
  56. package/es/locales/common/enUS.js +6 -0
  57. package/es/locales/common/eo.js +6 -0
  58. package/es/locales/common/esAR.js +6 -0
  59. package/es/locales/common/faIR.js +6 -0
  60. package/es/locales/common/frFR.js +6 -0
  61. package/es/locales/common/idID.js +6 -0
  62. package/es/locales/common/itIT.js +6 -0
  63. package/es/locales/common/jaJP.js +6 -0
  64. package/es/locales/common/koKR.js +6 -0
  65. package/es/locales/common/nbNO.js +6 -0
  66. package/es/locales/common/nlNL.js +6 -0
  67. package/es/locales/common/plPL.js +6 -0
  68. package/es/locales/common/ptBR.js +6 -0
  69. package/es/locales/common/ruRU.js +6 -0
  70. package/es/locales/common/skSK.js +6 -0
  71. package/es/locales/common/svSE.js +6 -0
  72. package/es/locales/common/thTH.js +6 -0
  73. package/es/locales/common/trTR.js +6 -0
  74. package/es/locales/common/ukUA.js +6 -0
  75. package/es/locales/common/viVN.js +6 -0
  76. package/es/locales/common/zhCN.js +6 -0
  77. package/es/locales/common/zhTW.js +6 -0
  78. package/es/pagination/src/Pagination.d.ts +0 -22
  79. package/es/pagination/styles/light.d.ts +0 -2
  80. package/es/select/src/Select.d.ts +0 -20
  81. package/es/select/styles/light.d.ts +0 -2
  82. package/es/status/src/Status.d.ts +14 -13
  83. package/es/status/src/Status.js +10 -13
  84. package/es/status/src/interface.d.ts +5 -1
  85. package/es/status/src/styles/index.cssr.js +1 -1
  86. package/es/status/styles/light.d.ts +1 -1
  87. package/es/status/styles/light.js +3 -3
  88. package/es/steps/src/Step.js +1 -5
  89. package/es/steps/src/styles/index.cssr.js +2 -1
  90. package/es/tabs/src/Tab.js +8 -3
  91. package/es/tabs/src/Tabs.js +2 -1
  92. package/es/tabs/src/interface.d.ts +1 -0
  93. package/es/tag/src/Tag.d.ts +4 -409
  94. package/es/tag/src/Tag.js +3 -0
  95. package/es/tag/src/common-props.d.ts +1 -1
  96. package/es/tag/styles/light.d.ts +0 -45
  97. package/es/tag/styles/light.js +2 -58
  98. package/es/tree-select/src/TreeSelect.d.ts +0 -20
  99. package/es/tree-select/styles/light.d.ts +0 -2
  100. package/es/upload/src/useUploadActionsRender.js +1 -1
  101. package/es/version.d.ts +1 -1
  102. package/es/version.js +1 -1
  103. package/lib/_internal/icons/CheckmarkDoneSharp.d.ts +2 -0
  104. package/lib/_internal/icons/CheckmarkDoneSharp.js +12 -0
  105. package/lib/_internal/icons/MdTime.d.ts +2 -0
  106. package/lib/_internal/icons/MdTime.js +12 -0
  107. package/lib/_internal/icons/PersonOutline.d.ts +2 -0
  108. package/lib/_internal/icons/PersonOutline.js +11 -0
  109. package/lib/_internal/icons/Refresh.d.ts +2 -0
  110. package/lib/_internal/icons/Refresh.js +11 -0
  111. package/lib/_internal/icons/index.d.ts +4 -0
  112. package/lib/_internal/icons/index.js +9 -1
  113. package/lib/_internal/select-menu/src/styles/index.cssr.js +2 -1
  114. package/lib/_internal/select-menu/styles/light.js +1 -1
  115. package/lib/_internal/selection/src/Selection.d.ts +0 -16
  116. package/lib/_internal/selection/src/Selection.js +3 -4
  117. package/lib/_internal/selection/src/styles/index.cssr.js +0 -4
  118. package/lib/_internal/selection/styles/light.d.ts +0 -4
  119. package/lib/_internal/selection/styles/light.js +1 -3
  120. package/lib/cascader/src/Cascader.d.ts +0 -20
  121. package/lib/cascader/src/CascaderMenu.d.ts +0 -2
  122. package/lib/cascader/src/CascaderOption.d.ts +0 -2
  123. package/lib/cascader/src/CascaderSelectMenu.d.ts +0 -2
  124. package/lib/cascader/src/CascaderSubmenu.d.ts +0 -2
  125. package/lib/cascader/styles/light.d.ts +0 -2
  126. package/lib/chat/src/Chat.d.ts +38 -34
  127. package/lib/chat/src/Chat.js +27 -6
  128. package/lib/chat/src/ChatGlobalState.d.ts +13 -0
  129. package/lib/chat/src/ChatGlobalState.js +36 -0
  130. package/lib/chat/src/ChatParts/ChatAttachment.d.ts +43 -0
  131. package/lib/chat/src/ChatParts/ChatAttachment.js +77 -0
  132. package/lib/chat/src/ChatParts/MainArea.d.ts +3 -9
  133. package/lib/chat/src/ChatParts/MainArea.js +135 -126
  134. package/lib/chat/src/ChatParts/Sidebar.js +16 -23
  135. package/lib/chat/src/interface.d.ts +8 -3
  136. package/lib/chat/src/styles/index.cssr.js +7 -0
  137. package/lib/chat/styles/dark.d.ts +0 -2
  138. package/lib/chat/styles/light.d.ts +0 -2
  139. package/lib/data-table/src/DataTable.d.ts +0 -16
  140. package/lib/data-table/src/HeaderButton/FilterButton.d.ts +0 -4
  141. package/lib/data-table/src/HeaderButton/FilterMenu.d.ts +0 -4
  142. package/lib/data-table/src/TableParts/Body.d.ts +0 -4
  143. package/lib/data-table/src/TableParts/Body.js +3 -1
  144. package/lib/data-table/src/TableParts/Cell.js +18 -5
  145. package/lib/data-table/src/TableParts/Header.d.ts +0 -4
  146. package/lib/data-table/src/interface.d.ts +1 -7
  147. package/lib/data-table/src/utils.js +1 -1
  148. package/lib/data-table/styles/light.d.ts +0 -2
  149. package/lib/dynamic-tags/src/DynamicTags.d.ts +4 -454
  150. package/lib/dynamic-tags/styles/light.d.ts +0 -45
  151. package/lib/empty/styles/light.js +3 -3
  152. package/lib/locales/common/arDZ.js +6 -0
  153. package/lib/locales/common/deDE.js +6 -0
  154. package/lib/locales/common/enGB.js +6 -0
  155. package/lib/locales/common/enUS.d.ts +6 -0
  156. package/lib/locales/common/enUS.js +6 -0
  157. package/lib/locales/common/eo.js +6 -0
  158. package/lib/locales/common/esAR.js +6 -0
  159. package/lib/locales/common/faIR.js +6 -0
  160. package/lib/locales/common/frFR.js +6 -0
  161. package/lib/locales/common/idID.js +6 -0
  162. package/lib/locales/common/itIT.js +6 -0
  163. package/lib/locales/common/jaJP.js +6 -0
  164. package/lib/locales/common/koKR.js +6 -0
  165. package/lib/locales/common/nbNO.js +6 -0
  166. package/lib/locales/common/nlNL.js +6 -0
  167. package/lib/locales/common/plPL.js +6 -0
  168. package/lib/locales/common/ptBR.js +6 -0
  169. package/lib/locales/common/ruRU.js +6 -0
  170. package/lib/locales/common/skSK.js +6 -0
  171. package/lib/locales/common/svSE.js +6 -0
  172. package/lib/locales/common/thTH.js +6 -0
  173. package/lib/locales/common/trTR.js +6 -0
  174. package/lib/locales/common/ukUA.js +6 -0
  175. package/lib/locales/common/viVN.js +6 -0
  176. package/lib/locales/common/zhCN.js +6 -0
  177. package/lib/locales/common/zhTW.js +6 -0
  178. package/lib/pagination/src/Pagination.d.ts +0 -22
  179. package/lib/pagination/styles/light.d.ts +0 -2
  180. package/lib/select/src/Select.d.ts +0 -20
  181. package/lib/select/styles/light.d.ts +0 -2
  182. package/lib/status/src/Status.d.ts +14 -13
  183. package/lib/status/src/Status.js +9 -12
  184. package/lib/status/src/interface.d.ts +5 -1
  185. package/lib/status/src/styles/index.cssr.js +1 -1
  186. package/lib/status/styles/light.d.ts +1 -1
  187. package/lib/status/styles/light.js +3 -3
  188. package/lib/steps/src/Step.js +1 -5
  189. package/lib/steps/src/styles/index.cssr.js +2 -1
  190. package/lib/tabs/src/Tab.js +7 -2
  191. package/lib/tabs/src/Tabs.js +2 -1
  192. package/lib/tabs/src/interface.d.ts +1 -0
  193. package/lib/tag/src/Tag.d.ts +4 -409
  194. package/lib/tag/src/Tag.js +3 -0
  195. package/lib/tag/src/common-props.d.ts +1 -1
  196. package/lib/tag/styles/light.d.ts +0 -45
  197. package/lib/tag/styles/light.js +2 -58
  198. package/lib/tree-select/src/TreeSelect.d.ts +0 -20
  199. package/lib/tree-select/styles/light.d.ts +0 -2
  200. package/lib/upload/src/useUploadActionsRender.js +1 -1
  201. package/lib/version.d.ts +1 -1
  202. package/lib/version.js +1 -1
  203. package/package.json +1 -1
  204. package/web-types.json +58 -19
@@ -0,0 +1,2 @@
1
+ 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<{}>>, {}, {}>;
2
+ export default _default;
@@ -0,0 +1,10 @@
1
+ import { h, defineComponent } from 'vue';
2
+ export default defineComponent({
3
+ name: 'CheckmarkDoneSharp',
4
+ render() {
5
+ return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
6
+ h("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "square", "stroke-miterlimit": "10", "stroke-width": "44", d: "M465 127L241 384l-92-92" }),
7
+ h("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "square", "stroke-miterlimit": "10", "stroke-width": "44", d: "M140 385l-93-93" }),
8
+ h("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "square", "stroke-miterlimit": "10", "stroke-width": "44", d: "M363 127L236 273" })));
9
+ }
10
+ });
@@ -0,0 +1,2 @@
1
+ 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<{}>>, {}, {}>;
2
+ export default _default;
@@ -0,0 +1,10 @@
1
+ import { h, defineComponent } from 'vue';
2
+ export default defineComponent({
3
+ name: 'MdTime',
4
+ render() {
5
+ return (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" },
6
+ h("g", null,
7
+ 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" }),
8
+ h("path", { "fill-opacity": "0.9", d: "M266.4,152h-31.2v124.8l109.2,65.5l15.6-25.6l-93.6-55.5V152z" }))));
9
+ }
10
+ });
@@ -0,0 +1,2 @@
1
+ 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<{}>>, {}, {}>;
2
+ export default _default;
@@ -0,0 +1,9 @@
1
+ import { h, defineComponent } from 'vue';
2
+ export default defineComponent({
3
+ name: 'PersonOutline',
4
+ render() {
5
+ return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
6
+ 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" }),
7
+ 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" })));
8
+ }
9
+ });
@@ -0,0 +1,2 @@
1
+ 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<{}>>, {}, {}>;
2
+ export default _default;
@@ -0,0 +1,9 @@
1
+ import { h, defineComponent } from 'vue';
2
+ export default defineComponent({
3
+ name: 'Refresh',
4
+ render() {
5
+ return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
6
+ 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" }),
7
+ h("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32", d: "M256 58l80 80l-80 80" })));
8
+ }
9
+ });
@@ -50,3 +50,7 @@ export { default as DismissCircleIcon } from './DismissCircle';
50
50
  export { default as FileHeart } from './FileHeart';
51
51
  export { default as ContentCopy } from './ContentCopy';
52
52
  export { default as SiderUnionBorder } from './SiderUnionBorder';
53
+ export { default as MdTime } from './MdTime';
54
+ export { default as Refresh } from './Refresh';
55
+ export { default as CheckmarkDoneSharp } from './CheckmarkDoneSharp';
56
+ export { default as PersonOutline } from './PersonOutline';
@@ -50,3 +50,7 @@ export { default as DismissCircleIcon } from './DismissCircle';
50
50
  export { default as FileHeart } from './FileHeart';
51
51
  export { default as ContentCopy } from './ContentCopy';
52
52
  export { default as SiderUnionBorder } from './SiderUnionBorder';
53
+ export { default as MdTime } from './MdTime';
54
+ export { default as Refresh } from './Refresh';
55
+ export { default as CheckmarkDoneSharp } from './CheckmarkDoneSharp';
56
+ export { default as PersonOutline } from './PersonOutline';
@@ -108,7 +108,8 @@ export default cB('base-select-menu', `
108
108
  font-size: 24px;
109
109
  position: absolute;
110
110
  right: calc(var(--u-option-padding-right) - 4px);
111
- top: calc(50% - 7px);
111
+ top: 50%;
112
+ transform: translateY(-50%);
112
113
  color: var(--u-option-check-color);
113
114
  transition: color .3s var(--u-bezier);
114
115
  `, [fadeInScaleUpTransition({
@@ -27,7 +27,7 @@ export const self = (vars) => {
27
27
  optionTextColor: textPrimary,
28
28
  optionTextColorPressed: textPrimary,
29
29
  optionTextColorDisabled: textSecondary,
30
- optionTextColorActive: brandPrimary500,
30
+ optionTextColorActive: textPrimary,
31
31
  optionOpacityDisabled: '0.5',
32
32
  optionCheckColor: brandPrimary500,
33
33
  optionColorPending: transparencySecondary,
@@ -166,9 +166,7 @@ declare const _default: import("vue").DefineComponent<{
166
166
  clearColorPressed: string;
167
167
  caretColorSecondary: string;
168
168
  filterCounterTextColor: string;
169
- filterCounterSeparatorColor: string;
170
169
  filterCounterTextColorDisabled: string;
171
- filterCounterSeparatorColorDisabled: string;
172
170
  arrowColorSecondary: string;
173
171
  clearColorSecondary: string;
174
172
  colorSecondary: string;
@@ -291,9 +289,7 @@ declare const _default: import("vue").DefineComponent<{
291
289
  clearColorPressed: string;
292
290
  caretColorSecondary: string;
293
291
  filterCounterTextColor: string;
294
- filterCounterSeparatorColor: string;
295
292
  filterCounterTextColorDisabled: string;
296
- filterCounterSeparatorColorDisabled: string;
297
293
  arrowColorSecondary: string;
298
294
  clearColorSecondary: string;
299
295
  colorSecondary: string;
@@ -416,9 +412,7 @@ declare const _default: import("vue").DefineComponent<{
416
412
  clearColorPressed: string;
417
413
  caretColorSecondary: string;
418
414
  filterCounterTextColor: string;
419
- filterCounterSeparatorColor: string;
420
415
  filterCounterTextColorDisabled: string;
421
- filterCounterSeparatorColorDisabled: string;
422
416
  arrowColorSecondary: string;
423
417
  clearColorSecondary: string;
424
418
  colorSecondary: string;
@@ -544,9 +538,7 @@ declare const _default: import("vue").DefineComponent<{
544
538
  clearColorPressed: string;
545
539
  caretColorSecondary: string;
546
540
  filterCounterTextColor: string;
547
- filterCounterSeparatorColor: string;
548
541
  filterCounterTextColorDisabled: string;
549
- filterCounterSeparatorColorDisabled: string;
550
542
  arrowColorSecondary: string;
551
543
  clearColorSecondary: string;
552
544
  colorSecondary: string;
@@ -701,9 +693,7 @@ declare const _default: import("vue").DefineComponent<{
701
693
  '--u-arrow-size': string;
702
694
  '--u-caret-color-secondary': string;
703
695
  '--u-filter-counter-text-color': string;
704
- '--u-filter-counter-separator-color': string;
705
696
  '--u-filter-counter-text-color-disabled': string;
706
- '--u-filter-counter-separator-color-disabled': string;
707
697
  '--u-arrow-color-secondary': string;
708
698
  '--u-clear-color-secondary': string;
709
699
  '--u-color-secondary': string;
@@ -892,9 +882,7 @@ declare const _default: import("vue").DefineComponent<{
892
882
  clearColorPressed: string;
893
883
  caretColorSecondary: string;
894
884
  filterCounterTextColor: string;
895
- filterCounterSeparatorColor: string;
896
885
  filterCounterTextColorDisabled: string;
897
- filterCounterSeparatorColorDisabled: string;
898
886
  arrowColorSecondary: string;
899
887
  clearColorSecondary: string;
900
888
  colorSecondary: string;
@@ -1017,9 +1005,7 @@ declare const _default: import("vue").DefineComponent<{
1017
1005
  clearColorPressed: string;
1018
1006
  caretColorSecondary: string;
1019
1007
  filterCounterTextColor: string;
1020
- filterCounterSeparatorColor: string;
1021
1008
  filterCounterTextColorDisabled: string;
1022
- filterCounterSeparatorColorDisabled: string;
1023
1009
  arrowColorSecondary: string;
1024
1010
  clearColorSecondary: string;
1025
1011
  colorSecondary: string;
@@ -1142,9 +1128,7 @@ declare const _default: import("vue").DefineComponent<{
1142
1128
  clearColorPressed: string;
1143
1129
  caretColorSecondary: string;
1144
1130
  filterCounterTextColor: string;
1145
- filterCounterSeparatorColor: string;
1146
1131
  filterCounterTextColorDisabled: string;
1147
- filterCounterSeparatorColorDisabled: string;
1148
1132
  arrowColorSecondary: string;
1149
1133
  clearColorSecondary: string;
1150
1134
  colorSecondary: string;
@@ -358,7 +358,7 @@ export default defineComponent({
358
358
  // clear
359
359
  clearColor, clearColorHover, clearColorPressed,
360
360
  // secondary
361
- 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, [createKey('clearSize', size)]: clearSize, [createKey('arrowSize', size)]: arrowSize, [createKey('padding', size)]: padding, [createKey('borderRadius', size)]: borderRadius, [createKey('height', size)]: height, [createKey('fontSize', size)]: fontSize, [createKey('lineHeight', size)]: lineHeight } } = themeRef.value;
361
+ 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, [createKey('clearSize', size)]: clearSize, [createKey('arrowSize', size)]: arrowSize, [createKey('padding', size)]: padding, [createKey('borderRadius', size)]: borderRadius, [createKey('height', size)]: height, [createKey('fontSize', size)]: fontSize, [createKey('lineHeight', size)]: lineHeight } } = themeRef.value;
362
362
  const { top: paddingTop, right: paddingRight, bottom: paddingBottom, left: paddingLeft } = getPadding(padding);
363
363
  return {
364
364
  '--u-bezier': cubicBezierEaseInOut,
@@ -425,9 +425,7 @@ export default defineComponent({
425
425
  // secondary
426
426
  '--u-caret-color-secondary': caretColorSecondary,
427
427
  '--u-filter-counter-text-color': filterCounterTextColor,
428
- '--u-filter-counter-separator-color': filterCounterSeparatorColor,
429
428
  '--u-filter-counter-text-color-disabled': filterCounterTextColorDisabled,
430
- '--u-filter-counter-separator-color-disabled': filterCounterSeparatorColorDisabled,
431
429
  '--u-arrow-color-secondary': arrowColorSecondary,
432
430
  '--u-clear-color-secondary': clearColorSecondary,
433
431
  '--u-color-secondary': colorSecondary,
@@ -525,7 +523,8 @@ export default defineComponent({
525
523
  const clear = this.filterCounterClearable ? (h(UBaseClear, { clsPrefix: clsPrefix, show: true, onClear: this.handleClear })) : null;
526
524
  const suffix = (h(Wrapper, null, {
527
525
  default: () => (h("div", { class: [`${clsPrefix}-base-selection__suffix-wrapper`] },
528
- h(Suffix, { clsPrefix: clsPrefix, loading: this.loading, showArrow: this.showArrow, showClear: this.showSuffixClear, onClear: this.handleClear }, {
526
+ h(Suffix, { clsPrefix: clsPrefix, loading: this.loading, showArrow: this.showArrow ||
527
+ (this.counter && this.filterCounterLength === 0), showClear: this.showSuffixClear, onClear: this.handleClear }, {
529
528
  default: () => { var _a, _b; return [(_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a)]; }
530
529
  }),
531
530
  filterCounterEl,
@@ -54,9 +54,7 @@ import { c, cB, cE, cM, cNotM } from '../../../../_utils/cssr';
54
54
  // --u-arrow-size
55
55
  // --u-caret-color-secondary
56
56
  // --u-filter-counter-text-color
57
- // --u-filter-counter-separator-color
58
57
  // --u-filter-counter-text-color-disabled
59
- // --u-filter-counter-separator-color-disabled
60
58
  // --u-arrow-color-secondary
61
59
  // --u-clear-color-secondary
62
60
  // --u-color-secondary
@@ -145,7 +143,6 @@ export default c([cB('base-selection', `
145
143
  `, [cB('base-clear', `
146
144
  font-size: var(--u-clear-size);
147
145
  `)]), cE('filter-counter', `
148
- border-left: 1px solid var(--u-filter-counter-separator-color);
149
146
  width: 28px;
150
147
  margin-left: 6px;
151
148
  padding-left: 2px;
@@ -265,7 +262,6 @@ export default c([cB('base-selection', `
265
262
  border: var(--u-border-disabled);
266
263
  `), cE('filter-counter', `
267
264
  color: var(--u-filter-counter-text-color-disabled);
268
- border-color: var(--u-filter-counter-separator-color-disabled);
269
265
  `), cB('base-suffix', [cE('arrow', `
270
266
  color: var(--u-arrow-color-disabled);
271
267
  `)]), cB('base-selection-label', `
@@ -80,9 +80,7 @@ export declare const self: (vars: ThemeCommonVars) => {
80
80
  clearColorPressed: string;
81
81
  caretColorSecondary: string;
82
82
  filterCounterTextColor: string;
83
- filterCounterSeparatorColor: string;
84
83
  filterCounterTextColorDisabled: string;
85
- filterCounterSeparatorColorDisabled: string;
86
84
  arrowColorSecondary: string;
87
85
  clearColorSecondary: string;
88
86
  colorSecondary: string;
@@ -191,9 +189,7 @@ declare const internalSelectionLight: import("../../../_mixins").Theme<"Internal
191
189
  clearColorPressed: string;
192
190
  caretColorSecondary: string;
193
191
  filterCounterTextColor: string;
194
- filterCounterSeparatorColor: string;
195
192
  filterCounterTextColorDisabled: string;
196
- filterCounterSeparatorColorDisabled: string;
197
193
  arrowColorSecondary: string;
198
194
  clearColorSecondary: string;
199
195
  colorSecondary: string;
@@ -3,7 +3,7 @@ import { commonLight } from '../../../_styles/common';
3
3
  import { popoverLight } from '../../../popover/styles';
4
4
  import { createTheme } from '../../../_mixins';
5
5
  export const self = (vars) => {
6
- 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;
6
+ 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;
7
7
  return {
8
8
  paddingTiny: '0px 12px 0px 12px',
9
9
  paddingSmall: '0px 16px 0px 16px',
@@ -98,9 +98,7 @@ export const self = (vars) => {
98
98
  clearColorPressed: elementsPrimary,
99
99
  caretColorSecondary: elementsPrimary,
100
100
  filterCounterTextColor: textSecondary,
101
- filterCounterSeparatorColor: elementsSenary,
102
101
  filterCounterTextColorDisabled: textSecondary,
103
- filterCounterSeparatorColorDisabled: elementsQuaternary,
104
102
  arrowColorSecondary: elementsSecondary,
105
103
  clearColorSecondary: elementsSecondary,
106
104
  colorSecondary: elementsPrimary,
@@ -257,9 +257,7 @@ export declare const cascaderProps: {
257
257
  clearColorPressed: string;
258
258
  caretColorSecondary: string;
259
259
  filterCounterTextColor: string;
260
- filterCounterSeparatorColor: string;
261
260
  filterCounterTextColorDisabled: string;
262
- filterCounterSeparatorColorDisabled: string;
263
261
  arrowColorSecondary: string;
264
262
  clearColorSecondary: string;
265
263
  colorSecondary: string;
@@ -532,9 +530,7 @@ export declare const cascaderProps: {
532
530
  clearColorPressed: string;
533
531
  caretColorSecondary: string;
534
532
  filterCounterTextColor: string;
535
- filterCounterSeparatorColor: string;
536
533
  filterCounterTextColorDisabled: string;
537
- filterCounterSeparatorColorDisabled: string;
538
534
  arrowColorSecondary: string;
539
535
  clearColorSecondary: string;
540
536
  colorSecondary: string;
@@ -807,9 +803,7 @@ export declare const cascaderProps: {
807
803
  clearColorPressed: string;
808
804
  caretColorSecondary: string;
809
805
  filterCounterTextColor: string;
810
- filterCounterSeparatorColor: string;
811
806
  filterCounterTextColorDisabled: string;
812
- filterCounterSeparatorColorDisabled: string;
813
807
  arrowColorSecondary: string;
814
808
  clearColorSecondary: string;
815
809
  colorSecondary: string;
@@ -1180,9 +1174,7 @@ declare const _default: import("vue").DefineComponent<{
1180
1174
  clearColorPressed: string;
1181
1175
  caretColorSecondary: string;
1182
1176
  filterCounterTextColor: string;
1183
- filterCounterSeparatorColor: string;
1184
1177
  filterCounterTextColorDisabled: string;
1185
- filterCounterSeparatorColorDisabled: string;
1186
1178
  arrowColorSecondary: string;
1187
1179
  clearColorSecondary: string;
1188
1180
  colorSecondary: string;
@@ -1455,9 +1447,7 @@ declare const _default: import("vue").DefineComponent<{
1455
1447
  clearColorPressed: string;
1456
1448
  caretColorSecondary: string;
1457
1449
  filterCounterTextColor: string;
1458
- filterCounterSeparatorColor: string;
1459
1450
  filterCounterTextColorDisabled: string;
1460
- filterCounterSeparatorColorDisabled: string;
1461
1451
  arrowColorSecondary: string;
1462
1452
  clearColorSecondary: string;
1463
1453
  colorSecondary: string;
@@ -1730,9 +1720,7 @@ declare const _default: import("vue").DefineComponent<{
1730
1720
  clearColorPressed: string;
1731
1721
  caretColorSecondary: string;
1732
1722
  filterCounterTextColor: string;
1733
- filterCounterSeparatorColor: string;
1734
1723
  filterCounterTextColorDisabled: string;
1735
- filterCounterSeparatorColorDisabled: string;
1736
1724
  arrowColorSecondary: string;
1737
1725
  clearColorSecondary: string;
1738
1726
  colorSecondary: string;
@@ -2070,9 +2058,7 @@ declare const _default: import("vue").DefineComponent<{
2070
2058
  clearColorPressed: string;
2071
2059
  caretColorSecondary: string;
2072
2060
  filterCounterTextColor: string;
2073
- filterCounterSeparatorColor: string;
2074
2061
  filterCounterTextColorDisabled: string;
2075
- filterCounterSeparatorColorDisabled: string;
2076
2062
  arrowColorSecondary: string;
2077
2063
  clearColorSecondary: string;
2078
2064
  colorSecondary: string;
@@ -2535,9 +2521,7 @@ declare const _default: import("vue").DefineComponent<{
2535
2521
  clearColorPressed: string;
2536
2522
  caretColorSecondary: string;
2537
2523
  filterCounterTextColor: string;
2538
- filterCounterSeparatorColor: string;
2539
2524
  filterCounterTextColorDisabled: string;
2540
- filterCounterSeparatorColorDisabled: string;
2541
2525
  arrowColorSecondary: string;
2542
2526
  clearColorSecondary: string;
2543
2527
  colorSecondary: string;
@@ -2810,9 +2794,7 @@ declare const _default: import("vue").DefineComponent<{
2810
2794
  clearColorPressed: string;
2811
2795
  caretColorSecondary: string;
2812
2796
  filterCounterTextColor: string;
2813
- filterCounterSeparatorColor: string;
2814
2797
  filterCounterTextColorDisabled: string;
2815
- filterCounterSeparatorColorDisabled: string;
2816
2798
  arrowColorSecondary: string;
2817
2799
  clearColorSecondary: string;
2818
2800
  colorSecondary: string;
@@ -3085,9 +3067,7 @@ declare const _default: import("vue").DefineComponent<{
3085
3067
  clearColorPressed: string;
3086
3068
  caretColorSecondary: string;
3087
3069
  filterCounterTextColor: string;
3088
- filterCounterSeparatorColor: string;
3089
3070
  filterCounterTextColorDisabled: string;
3090
- filterCounterSeparatorColorDisabled: string;
3091
3071
  arrowColorSecondary: string;
3092
3072
  clearColorSecondary: string;
3093
3073
  colorSecondary: string;
@@ -201,9 +201,7 @@ declare const _default: import("vue").DefineComponent<{
201
201
  clearColorPressed: string;
202
202
  caretColorSecondary: string;
203
203
  filterCounterTextColor: string;
204
- filterCounterSeparatorColor: string;
205
204
  filterCounterTextColorDisabled: string;
206
- filterCounterSeparatorColorDisabled: string;
207
205
  arrowColorSecondary: string;
208
206
  clearColorSecondary: string;
209
207
  colorSecondary: string;
@@ -177,9 +177,7 @@ declare const _default: import("vue").DefineComponent<{
177
177
  clearColorPressed: string;
178
178
  caretColorSecondary: string;
179
179
  filterCounterTextColor: string;
180
- filterCounterSeparatorColor: string;
181
180
  filterCounterTextColorDisabled: string;
182
- filterCounterSeparatorColorDisabled: string;
183
181
  arrowColorSecondary: string;
184
182
  clearColorSecondary: string;
185
183
  colorSecondary: string;
@@ -189,9 +189,7 @@ declare const _default: import("vue").DefineComponent<{
189
189
  clearColorPressed: string;
190
190
  caretColorSecondary: string;
191
191
  filterCounterTextColor: string;
192
- filterCounterSeparatorColor: string;
193
192
  filterCounterTextColorDisabled: string;
194
- filterCounterSeparatorColorDisabled: string;
195
193
  arrowColorSecondary: string;
196
194
  clearColorSecondary: string;
197
195
  colorSecondary: string;
@@ -170,9 +170,7 @@ declare const _default: import("vue").DefineComponent<{
170
170
  clearColorPressed: string;
171
171
  caretColorSecondary: string;
172
172
  filterCounterTextColor: string;
173
- filterCounterSeparatorColor: string;
174
173
  filterCounterTextColorDisabled: string;
175
- filterCounterSeparatorColorDisabled: string;
176
174
  arrowColorSecondary: string;
177
175
  clearColorSecondary: string;
178
176
  colorSecondary: string;
@@ -172,9 +172,7 @@ declare const cascaderLight: import("../../_mixins").Theme<"Cascader", {
172
172
  clearColorPressed: string;
173
173
  caretColorSecondary: string;
174
174
  filterCounterTextColor: string;
175
- filterCounterSeparatorColor: string;
176
175
  filterCounterTextColorDisabled: string;
177
- filterCounterSeparatorColorDisabled: string;
178
176
  arrowColorSecondary: string;
179
177
  clearColorSecondary: string;
180
178
  colorSecondary: string;