@uzum-tech/ui 2.0.0-beta.8 → 2.0.0

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 +485 -373
  2. package/dist/index.mjs +485 -373
  3. package/dist/index.prod.js +2 -2
  4. package/dist/index.prod.mjs +2 -2
  5. package/es/_internal/icon/index.d.ts +2 -0
  6. package/es/_internal/icon/index.mjs +2 -1
  7. package/es/_internal/icon/src/UIcon.d.ts +126 -0
  8. package/es/_internal/icon/src/UIcon.mjs +131 -0
  9. package/es/_internal/select-menu/src/SelectOption.mjs +12 -4
  10. package/es/_mixins/use-config.d.ts +2 -1
  11. package/es/_mixins/use-config.mjs +1 -0
  12. package/es/_utils/wrap-component.mjs +3 -1
  13. package/es/auto-complete/src/AutoComplete.d.ts +70 -0
  14. package/es/auto-complete/styles/light.d.ts +7 -0
  15. package/es/carousel/src/Carousel.mjs +39 -13
  16. package/es/chat/src/Chat.d.ts +70 -0
  17. package/es/chat/src/ChatListItems.d.ts +84 -0
  18. package/es/chat/src/ChatMessages.d.ts +84 -0
  19. package/es/chat/src/ChatParts/MainArea.mjs +104 -112
  20. package/es/chat/src/ChatParts/Sidebar.d.ts +14 -0
  21. package/es/chat/src/styles/index.cssr.mjs +24 -10
  22. package/es/chat/styles/dark.d.ts +7 -0
  23. package/es/chat/styles/light.d.ts +7 -0
  24. package/es/chat/styles/light.mjs +1 -0
  25. package/es/color-picker/src/ColorInputUnit.d.ts +7 -0
  26. package/es/color-picker/src/ColorPicker.d.ts +63 -0
  27. package/es/color-picker/styles/light.d.ts +7 -0
  28. package/es/components.d.ts +1146 -39
  29. package/es/config-provider/src/ConfigProvider.d.ts +4 -1
  30. package/es/config-provider/src/ConfigProvider.mjs +8 -0
  31. package/es/config-provider/src/interface.d.ts +1 -1
  32. package/es/config-provider/src/internal-interface.d.ts +8 -0
  33. package/es/data-table/src/DataTable.d.ts +56 -0
  34. package/es/data-table/src/HeaderButton/FilterButton.d.ts +28 -0
  35. package/es/data-table/src/HeaderButton/FilterMenu.d.ts +28 -0
  36. package/es/data-table/src/TableParts/Body.d.ts +28 -0
  37. package/es/data-table/src/TableParts/Header.d.ts +28 -0
  38. package/es/data-table/src/interface.d.ts +21 -0
  39. package/es/data-table/styles/light.d.ts +7 -0
  40. package/es/date-picker/src/DatePicker.d.ts +147 -0
  41. package/es/date-picker/src/panel/date.d.ts +42 -0
  42. package/es/date-picker/src/panel/daterange.d.ts +42 -0
  43. package/es/date-picker/src/panel/datetime.d.ts +42 -0
  44. package/es/date-picker/src/panel/datetimerange.d.ts +42 -0
  45. package/es/date-picker/src/panel/panelMonth.d.ts +168 -0
  46. package/es/date-picker/src/panel/panelMonthContent.d.ts +42 -0
  47. package/es/date-picker/src/panel/panelYear.d.ts +168 -0
  48. package/es/date-picker/src/panel/panelYearContent.d.ts +42 -0
  49. package/es/date-picker/src/panel/use-calendar.d.ts +42 -0
  50. package/es/date-picker/src/panel/use-dual-calendar.d.ts +42 -0
  51. package/es/date-picker/src/panel/use-panel-common.d.ts +42 -0
  52. package/es/date-picker/styles/light.d.ts +14 -0
  53. package/es/date-picker-v2/src/DatePickerV2.d.ts +70 -0
  54. package/es/date-picker-v2/styles/dark.d.ts +7 -0
  55. package/es/date-picker-v2/styles/light.d.ts +7 -0
  56. package/es/dialog/src/DialogEnvironment.mjs +1 -2
  57. package/es/dynamic-input/src/DynamicInput.d.ts +70 -0
  58. package/es/dynamic-input/src/InputPreset.d.ts +14 -0
  59. package/es/dynamic-input/src/PairPreset.d.ts +14 -0
  60. package/es/dynamic-input/styles/light.d.ts +7 -0
  61. package/es/dynamic-tags/src/DynamicTags.d.ts +70 -0
  62. package/es/dynamic-tags/styles/light.d.ts +7 -0
  63. package/es/icon/src/Icon.d.ts +2 -109
  64. package/es/icon/src/Icon.mjs +1 -93
  65. package/es/input/src/Input.d.ts +77 -0
  66. package/es/input/src/Input.mjs +15 -0
  67. package/es/input/src/InputGroupLabel.d.ts +63 -0
  68. package/es/input/src/styles/input.cssr.mjs +1 -1
  69. package/es/input/styles/light.d.ts +7 -0
  70. package/es/input/styles/light.mjs +11 -0
  71. package/es/input-number/src/InputNumber.d.ts +70 -0
  72. package/es/input-number/styles/light.d.ts +7 -0
  73. package/es/input-otp/src/InputOtp.d.ts +70 -0
  74. package/es/input-otp/styles/light.d.ts +7 -0
  75. package/es/legacy-transfer/src/Transfer.d.ts +70 -0
  76. package/es/legacy-transfer/src/TransferFilter.d.ts +14 -0
  77. package/es/legacy-transfer/src/TransferList.d.ts +14 -0
  78. package/es/legacy-transfer/src/TransferListItem.d.ts +14 -0
  79. package/es/legacy-transfer/styles/light.d.ts +7 -0
  80. package/es/mapping-card/src/MappingCard.d.ts +9 -0
  81. package/es/mapping-card/src/MappingCardParts/Header.mjs +1 -1
  82. package/es/mapping-card/src/interface.d.ts +5 -0
  83. package/es/mapping-card/src/interface.mjs +4 -0
  84. package/es/mention/src/Mention.d.ts +70 -0
  85. package/es/mention/styles/light.d.ts +7 -0
  86. package/es/modal/src/BodyWrapper.d.ts +0 -3
  87. package/es/modal/src/Modal.d.ts +13 -7
  88. package/es/modal/src/Modal.mjs +5 -2
  89. package/es/modal/src/ModalEnvironment.d.ts +9 -5
  90. package/es/modal/src/presetProps.d.ts +1 -2
  91. package/es/modal/src/presetProps.mjs +0 -1
  92. package/es/pagination/src/Pagination.d.ts +70 -0
  93. package/es/pagination/styles/light.d.ts +7 -0
  94. package/es/time-picker/src/Panel.d.ts +14 -0
  95. package/es/time-picker/src/TimePicker.d.ts +70 -0
  96. package/es/time-picker/styles/light.d.ts +7 -0
  97. package/es/transfer/src/Transfer.d.ts +70 -0
  98. package/es/transfer/src/TransferFilter.d.ts +14 -0
  99. package/es/transfer/src/TransferList.d.ts +14 -0
  100. package/es/transfer/src/TransferListItem.d.ts +14 -0
  101. package/es/transfer/styles/light.d.ts +7 -0
  102. package/es/version.d.ts +1 -1
  103. package/es/version.mjs +1 -1
  104. package/lib/_internal/icon/index.d.ts +2 -0
  105. package/lib/_internal/icon/index.js +4 -1
  106. package/lib/_internal/icon/src/UIcon.d.ts +126 -0
  107. package/lib/_internal/icon/src/UIcon.js +108 -0
  108. package/lib/_internal/select-menu/src/SelectOption.js +8 -4
  109. package/lib/_mixins/use-config.d.ts +2 -1
  110. package/lib/_mixins/use-config.js +1 -0
  111. package/lib/_utils/wrap-component.js +3 -1
  112. package/lib/auto-complete/src/AutoComplete.d.ts +70 -0
  113. package/lib/auto-complete/styles/light.d.ts +7 -0
  114. package/lib/carousel/src/Carousel.js +26 -13
  115. package/lib/chat/src/Chat.d.ts +70 -0
  116. package/lib/chat/src/ChatListItems.d.ts +84 -0
  117. package/lib/chat/src/ChatMessages.d.ts +84 -0
  118. package/lib/chat/src/ChatParts/MainArea.js +53 -61
  119. package/lib/chat/src/ChatParts/Sidebar.d.ts +14 -0
  120. package/lib/chat/src/styles/index.cssr.js +24 -10
  121. package/lib/chat/styles/dark.d.ts +7 -0
  122. package/lib/chat/styles/light.d.ts +7 -0
  123. package/lib/chat/styles/light.js +1 -1
  124. package/lib/color-picker/src/ColorInputUnit.d.ts +7 -0
  125. package/lib/color-picker/src/ColorPicker.d.ts +63 -0
  126. package/lib/color-picker/styles/light.d.ts +7 -0
  127. package/lib/components.d.ts +1146 -39
  128. package/lib/config-provider/src/ConfigProvider.d.ts +4 -1
  129. package/lib/config-provider/src/ConfigProvider.js +8 -0
  130. package/lib/config-provider/src/interface.d.ts +1 -1
  131. package/lib/config-provider/src/internal-interface.d.ts +8 -0
  132. package/lib/data-table/src/DataTable.d.ts +56 -0
  133. package/lib/data-table/src/HeaderButton/FilterButton.d.ts +28 -0
  134. package/lib/data-table/src/HeaderButton/FilterMenu.d.ts +28 -0
  135. package/lib/data-table/src/TableParts/Body.d.ts +28 -0
  136. package/lib/data-table/src/TableParts/Header.d.ts +28 -0
  137. package/lib/data-table/src/interface.d.ts +21 -0
  138. package/lib/data-table/styles/light.d.ts +7 -0
  139. package/lib/date-picker/src/DatePicker.d.ts +147 -0
  140. package/lib/date-picker/src/panel/date.d.ts +42 -0
  141. package/lib/date-picker/src/panel/daterange.d.ts +42 -0
  142. package/lib/date-picker/src/panel/datetime.d.ts +42 -0
  143. package/lib/date-picker/src/panel/datetimerange.d.ts +42 -0
  144. package/lib/date-picker/src/panel/panelMonth.d.ts +168 -0
  145. package/lib/date-picker/src/panel/panelMonthContent.d.ts +42 -0
  146. package/lib/date-picker/src/panel/panelYear.d.ts +168 -0
  147. package/lib/date-picker/src/panel/panelYearContent.d.ts +42 -0
  148. package/lib/date-picker/src/panel/use-calendar.d.ts +42 -0
  149. package/lib/date-picker/src/panel/use-dual-calendar.d.ts +42 -0
  150. package/lib/date-picker/src/panel/use-panel-common.d.ts +42 -0
  151. package/lib/date-picker/styles/light.d.ts +14 -0
  152. package/lib/date-picker-v2/src/DatePickerV2.d.ts +70 -0
  153. package/lib/date-picker-v2/styles/dark.d.ts +7 -0
  154. package/lib/date-picker-v2/styles/light.d.ts +7 -0
  155. package/lib/dialog/src/DialogEnvironment.js +1 -1
  156. package/lib/dynamic-input/src/DynamicInput.d.ts +70 -0
  157. package/lib/dynamic-input/src/InputPreset.d.ts +14 -0
  158. package/lib/dynamic-input/src/PairPreset.d.ts +14 -0
  159. package/lib/dynamic-input/styles/light.d.ts +7 -0
  160. package/lib/dynamic-tags/src/DynamicTags.d.ts +70 -0
  161. package/lib/dynamic-tags/styles/light.d.ts +7 -0
  162. package/lib/icon/src/Icon.d.ts +2 -109
  163. package/lib/icon/src/Icon.js +3 -73
  164. package/lib/input/src/Input.d.ts +77 -0
  165. package/lib/input/src/Input.js +9 -1
  166. package/lib/input/src/InputGroupLabel.d.ts +63 -0
  167. package/lib/input/src/styles/input.cssr.js +1 -1
  168. package/lib/input/styles/light.d.ts +7 -0
  169. package/lib/input/styles/light.js +11 -1
  170. package/lib/input-number/src/InputNumber.d.ts +70 -0
  171. package/lib/input-number/styles/light.d.ts +7 -0
  172. package/lib/input-otp/src/InputOtp.d.ts +70 -0
  173. package/lib/input-otp/styles/light.d.ts +7 -0
  174. package/lib/legacy-transfer/src/Transfer.d.ts +70 -0
  175. package/lib/legacy-transfer/src/TransferFilter.d.ts +14 -0
  176. package/lib/legacy-transfer/src/TransferList.d.ts +14 -0
  177. package/lib/legacy-transfer/src/TransferListItem.d.ts +14 -0
  178. package/lib/legacy-transfer/styles/light.d.ts +7 -0
  179. package/lib/mapping-card/src/MappingCard.d.ts +9 -0
  180. package/lib/mapping-card/src/MappingCardParts/Header.js +2 -2
  181. package/lib/mapping-card/src/interface.d.ts +5 -0
  182. package/lib/mapping-card/src/interface.js +4 -0
  183. package/lib/mention/src/Mention.d.ts +70 -0
  184. package/lib/mention/styles/light.d.ts +7 -0
  185. package/lib/modal/src/BodyWrapper.d.ts +0 -3
  186. package/lib/modal/src/Modal.d.ts +13 -7
  187. package/lib/modal/src/Modal.js +5 -2
  188. package/lib/modal/src/ModalEnvironment.d.ts +9 -5
  189. package/lib/modal/src/presetProps.d.ts +1 -2
  190. package/lib/modal/src/presetProps.js +1 -1
  191. package/lib/pagination/src/Pagination.d.ts +70 -0
  192. package/lib/pagination/styles/light.d.ts +7 -0
  193. package/lib/time-picker/src/Panel.d.ts +14 -0
  194. package/lib/time-picker/src/TimePicker.d.ts +70 -0
  195. package/lib/time-picker/styles/light.d.ts +7 -0
  196. package/lib/transfer/src/Transfer.d.ts +70 -0
  197. package/lib/transfer/src/TransferFilter.d.ts +14 -0
  198. package/lib/transfer/src/TransferList.d.ts +14 -0
  199. package/lib/transfer/src/TransferListItem.d.ts +14 -0
  200. package/lib/transfer/styles/light.d.ts +7 -0
  201. package/lib/version.d.ts +1 -1
  202. package/lib/version.js +1 -1
  203. package/package.json +8 -1
  204. package/web-types.json +18 -1
@@ -1,76 +1,6 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.UIcon = exports.iconProps = void 0;
7
- const vue_1 = require("vue");
8
- const _mixins_1 = require("../../_mixins");
9
- const _utils_1 = require("../../_utils");
10
- const styles_1 = require("../styles");
11
- const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
12
- exports.iconProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object, onClick: Function });
13
- exports.UIcon = (0, vue_1.defineComponent)({
14
- _n_icon__: true,
15
- name: 'Icon',
16
- inheritAttrs: false,
17
- props: exports.iconProps,
18
- setup(props) {
19
- const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
20
- const themeRef = (0, _mixins_1.useTheme)('Icon', '-icon', index_cssr_1.default, styles_1.iconLight, props, mergedClsPrefixRef);
21
- const cssVarsRef = (0, vue_1.computed)(() => {
22
- const { depth } = props;
23
- const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
24
- if (depth !== undefined) {
25
- const { color, [`opacity${depth}Depth`]: opacity } = self;
26
- return {
27
- '--u-bezier': cubicBezierEaseInOut,
28
- '--u-color': color,
29
- '--u-opacity': opacity
30
- };
31
- }
32
- return {
33
- '--u-bezier': cubicBezierEaseInOut,
34
- '--u-color': '',
35
- '--u-opacity': ''
36
- };
37
- });
38
- const themeClassHandle = inlineThemeDisabled
39
- ? (0, _mixins_1.useThemeClass)('icon', (0, vue_1.computed)(() => `${props.depth || 'd'}`), cssVarsRef, props)
40
- : undefined;
41
- return {
42
- mergedClsPrefix: mergedClsPrefixRef,
43
- mergedStyle: (0, vue_1.computed)(() => {
44
- const { size, color } = props;
45
- return {
46
- fontSize: (0, _utils_1.formatLength)(size),
47
- color
48
- };
49
- }),
50
- cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
51
- themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
52
- onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
53
- };
54
- },
55
- render() {
56
- var _a;
57
- const { $parent, depth, mergedClsPrefix, component, onRender, themeClass } = this;
58
- if ((_a = $parent === null || $parent === void 0 ? void 0 : $parent.$options) === null || _a === void 0 ? void 0 : _a._n_icon__) {
59
- (0, _utils_1.warn)('icon', 'don\'t wrap `u-icon` inside `u-icon`');
60
- }
61
- onRender === null || onRender === void 0 ? void 0 : onRender();
62
- return (0, vue_1.h)('i', (0, vue_1.mergeProps)(this.$attrs, {
63
- role: 'img',
64
- class: [
65
- `${mergedClsPrefix}-icon`,
66
- themeClass,
67
- {
68
- [`${mergedClsPrefix}-icon--depth`]: depth,
69
- [`${mergedClsPrefix}-icon--color-transition`]: depth !== undefined
70
- }
71
- ],
72
- style: [this.cssVars, this.mergedStyle],
73
- onClick: this.onClick
74
- }), component ? (0, vue_1.h)(component) : this.$slots);
75
- }
76
- });
4
+ var icon_1 = require("../../_internal/icon");
5
+ Object.defineProperty(exports, "iconProps", { enumerable: true, get: function () { return icon_1.iconProps; } });
6
+ Object.defineProperty(exports, "UIcon", { enumerable: true, get: function () { return icon_1.UIcon; } });
@@ -150,6 +150,13 @@ export declare const inputProps: {
150
150
  borderFocus: string;
151
151
  boxShadowFocus: string;
152
152
  loadingColor: string;
153
+ loadingColorSuccess: string;
154
+ borderSuccess: string;
155
+ borderHoverSuccess: string;
156
+ colorFocusSuccess: string;
157
+ borderFocusSuccess: string;
158
+ boxShadowFocusSuccess: string;
159
+ caretColorSuccess: string;
153
160
  loadingColorWarning: string;
154
161
  borderWarning: string;
155
162
  borderHoverWarning: string;
@@ -214,6 +221,13 @@ export declare const inputProps: {
214
221
  borderFocus: string;
215
222
  boxShadowFocus: string;
216
223
  loadingColor: string;
224
+ loadingColorSuccess: string;
225
+ borderSuccess: string;
226
+ borderHoverSuccess: string;
227
+ colorFocusSuccess: string;
228
+ borderFocusSuccess: string;
229
+ boxShadowFocusSuccess: string;
230
+ caretColorSuccess: string;
217
231
  loadingColorWarning: string;
218
232
  borderWarning: string;
219
233
  borderHoverWarning: string;
@@ -278,6 +292,13 @@ export declare const inputProps: {
278
292
  borderFocus: string;
279
293
  boxShadowFocus: string;
280
294
  loadingColor: string;
295
+ loadingColorSuccess: string;
296
+ borderSuccess: string;
297
+ borderHoverSuccess: string;
298
+ colorFocusSuccess: string;
299
+ borderFocusSuccess: string;
300
+ boxShadowFocusSuccess: string;
301
+ caretColorSuccess: string;
281
302
  loadingColorWarning: string;
282
303
  borderWarning: string;
283
304
  borderHoverWarning: string;
@@ -461,6 +482,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
461
482
  borderFocus: string;
462
483
  boxShadowFocus: string;
463
484
  loadingColor: string;
485
+ loadingColorSuccess: string;
486
+ borderSuccess: string;
487
+ borderHoverSuccess: string;
488
+ colorFocusSuccess: string;
489
+ borderFocusSuccess: string;
490
+ boxShadowFocusSuccess: string;
491
+ caretColorSuccess: string;
464
492
  loadingColorWarning: string;
465
493
  borderWarning: string;
466
494
  borderHoverWarning: string;
@@ -525,6 +553,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
525
553
  borderFocus: string;
526
554
  boxShadowFocus: string;
527
555
  loadingColor: string;
556
+ loadingColorSuccess: string;
557
+ borderSuccess: string;
558
+ borderHoverSuccess: string;
559
+ colorFocusSuccess: string;
560
+ borderFocusSuccess: string;
561
+ boxShadowFocusSuccess: string;
562
+ caretColorSuccess: string;
528
563
  loadingColorWarning: string;
529
564
  borderWarning: string;
530
565
  borderHoverWarning: string;
@@ -589,6 +624,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
589
624
  borderFocus: string;
590
625
  boxShadowFocus: string;
591
626
  loadingColor: string;
627
+ loadingColorSuccess: string;
628
+ borderSuccess: string;
629
+ borderHoverSuccess: string;
630
+ colorFocusSuccess: string;
631
+ borderFocusSuccess: string;
632
+ boxShadowFocusSuccess: string;
633
+ caretColorSuccess: string;
592
634
  loadingColorWarning: string;
593
635
  borderWarning: string;
594
636
  borderHoverWarning: string;
@@ -735,6 +777,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
735
777
  borderFocus: string;
736
778
  boxShadowFocus: string;
737
779
  loadingColor: string;
780
+ loadingColorSuccess: string;
781
+ borderSuccess: string;
782
+ borderHoverSuccess: string;
783
+ colorFocusSuccess: string;
784
+ borderFocusSuccess: string;
785
+ boxShadowFocusSuccess: string;
786
+ caretColorSuccess: string;
738
787
  loadingColorWarning: string;
739
788
  borderWarning: string;
740
789
  borderHoverWarning: string;
@@ -793,6 +842,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
793
842
  '--u-text-color-disabled': string;
794
843
  '--u-box-shadow-focus': string;
795
844
  '--u-loading-color': string;
845
+ '--u-caret-color-success': string;
846
+ '--u-color-focus-success': string;
847
+ '--u-box-shadow-focus-success': string;
848
+ '--u-border-success': string;
849
+ '--u-border-focus-success': string;
850
+ '--u-border-hover-success': string;
851
+ '--u-loading-color-success': string;
796
852
  '--u-caret-color-warning': string;
797
853
  '--u-color-focus-warning': string;
798
854
  '--u-box-shadow-focus-warning': string;
@@ -973,6 +1029,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
973
1029
  borderFocus: string;
974
1030
  boxShadowFocus: string;
975
1031
  loadingColor: string;
1032
+ loadingColorSuccess: string;
1033
+ borderSuccess: string;
1034
+ borderHoverSuccess: string;
1035
+ colorFocusSuccess: string;
1036
+ borderFocusSuccess: string;
1037
+ boxShadowFocusSuccess: string;
1038
+ caretColorSuccess: string;
976
1039
  loadingColorWarning: string;
977
1040
  borderWarning: string;
978
1041
  borderHoverWarning: string;
@@ -1037,6 +1100,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1037
1100
  borderFocus: string;
1038
1101
  boxShadowFocus: string;
1039
1102
  loadingColor: string;
1103
+ loadingColorSuccess: string;
1104
+ borderSuccess: string;
1105
+ borderHoverSuccess: string;
1106
+ colorFocusSuccess: string;
1107
+ borderFocusSuccess: string;
1108
+ boxShadowFocusSuccess: string;
1109
+ caretColorSuccess: string;
1040
1110
  loadingColorWarning: string;
1041
1111
  borderWarning: string;
1042
1112
  borderHoverWarning: string;
@@ -1101,6 +1171,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1101
1171
  borderFocus: string;
1102
1172
  boxShadowFocus: string;
1103
1173
  loadingColor: string;
1174
+ loadingColorSuccess: string;
1175
+ borderSuccess: string;
1176
+ borderHoverSuccess: string;
1177
+ colorFocusSuccess: string;
1178
+ borderFocusSuccess: string;
1179
+ boxShadowFocusSuccess: string;
1180
+ caretColorSuccess: string;
1104
1181
  loadingColorWarning: string;
1105
1182
  borderWarning: string;
1106
1183
  borderHoverWarning: string;
@@ -786,7 +786,7 @@ exports.default = (0, vue_1.defineComponent)({
786
786
  const rtlEnabledRef = (0, use_rtl_1.useRtl)('Input', mergedRtlRef, mergedClsPrefixRef);
787
787
  const cssVarsRef = (0, vue_1.computed)(() => {
788
788
  const { value: size } = mergedSizeRef;
789
- const { common: { cubicBezierEaseInOut, fontWeightStrong, fontWeight }, self: { color, borderRadius, textColor, caretColor, caretColorError, caretColorWarning, textDecorationColor, border, borderDisabled, borderHover, borderFocus, placeholderColor, placeholderColorDisabled, lineHeightTextarea, colorDisabled, colorFocus, textColorDisabled, boxShadowFocus, iconSize, colorFocusWarning, boxShadowFocusWarning, borderWarning, borderFocusWarning, borderHoverWarning, colorFocusError, boxShadowFocusError, borderError, borderFocusError, borderHoverError, clearSize, clearColor, clearColorHover, clearColorPressed, iconColor, iconColorDisabled, suffixTextColor, countTextColor, countTextColorDisabled, iconColorHover, iconColorPressed, loadingColor, loadingColorError, loadingColorWarning, selectionColor, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height } } = themeRef.value;
789
+ const { common: { cubicBezierEaseInOut, fontWeightStrong, fontWeight }, self: { color, borderRadius, textColor, caretColor, caretColorSuccess, caretColorError, caretColorWarning, textDecorationColor, border, borderDisabled, borderHover, borderFocus, placeholderColor, placeholderColorDisabled, lineHeightTextarea, colorDisabled, colorFocus, textColorDisabled, boxShadowFocus, iconSize, colorFocusSuccess, boxShadowFocusSuccess, borderSuccess, borderFocusSuccess, borderHoverSuccess, colorFocusWarning, boxShadowFocusWarning, borderWarning, borderFocusWarning, borderHoverWarning, colorFocusError, boxShadowFocusError, borderError, borderFocusError, borderHoverError, clearSize, clearColor, clearColorHover, clearColorPressed, iconColor, iconColorDisabled, suffixTextColor, countTextColor, countTextColorDisabled, iconColorHover, iconColorPressed, loadingColor, loadingColorSuccess, loadingColorError, loadingColorWarning, selectionColor, [(0, _utils_1.createKey)('padding', size)]: padding, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height } } = themeRef.value;
790
790
  const { left: paddingLeft, right: paddingRight } = (0, seemly_1.getPadding)(padding);
791
791
  return {
792
792
  '--u-bezier': cubicBezierEaseInOut,
@@ -817,6 +817,14 @@ exports.default = (0, vue_1.defineComponent)({
817
817
  '--u-text-color-disabled': textColorDisabled,
818
818
  '--u-box-shadow-focus': boxShadowFocus,
819
819
  '--u-loading-color': loadingColor,
820
+ // form success
821
+ '--u-caret-color-success': caretColorSuccess,
822
+ '--u-color-focus-success': colorFocusSuccess,
823
+ '--u-box-shadow-focus-success': boxShadowFocusSuccess,
824
+ '--u-border-success': borderSuccess,
825
+ '--u-border-focus-success': borderFocusSuccess,
826
+ '--u-border-hover-success': borderHoverSuccess,
827
+ '--u-loading-color-success': loadingColorSuccess,
820
828
  // form warning
821
829
  '--u-caret-color-warning': caretColorWarning,
822
830
  '--u-color-focus-warning': colorFocusWarning,
@@ -47,6 +47,13 @@ export declare const inputGroupLabelProps: {
47
47
  borderFocus: string;
48
48
  boxShadowFocus: string;
49
49
  loadingColor: string;
50
+ loadingColorSuccess: string;
51
+ borderSuccess: string;
52
+ borderHoverSuccess: string;
53
+ colorFocusSuccess: string;
54
+ borderFocusSuccess: string;
55
+ boxShadowFocusSuccess: string;
56
+ caretColorSuccess: string;
50
57
  loadingColorWarning: string;
51
58
  borderWarning: string;
52
59
  borderHoverWarning: string;
@@ -111,6 +118,13 @@ export declare const inputGroupLabelProps: {
111
118
  borderFocus: string;
112
119
  boxShadowFocus: string;
113
120
  loadingColor: string;
121
+ loadingColorSuccess: string;
122
+ borderSuccess: string;
123
+ borderHoverSuccess: string;
124
+ colorFocusSuccess: string;
125
+ borderFocusSuccess: string;
126
+ boxShadowFocusSuccess: string;
127
+ caretColorSuccess: string;
114
128
  loadingColorWarning: string;
115
129
  borderWarning: string;
116
130
  borderHoverWarning: string;
@@ -175,6 +189,13 @@ export declare const inputGroupLabelProps: {
175
189
  borderFocus: string;
176
190
  boxShadowFocus: string;
177
191
  loadingColor: string;
192
+ loadingColorSuccess: string;
193
+ borderSuccess: string;
194
+ borderHoverSuccess: string;
195
+ colorFocusSuccess: string;
196
+ borderFocusSuccess: string;
197
+ boxShadowFocusSuccess: string;
198
+ caretColorSuccess: string;
178
199
  loadingColorWarning: string;
179
200
  borderWarning: string;
180
201
  borderHoverWarning: string;
@@ -247,6 +268,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
247
268
  borderFocus: string;
248
269
  boxShadowFocus: string;
249
270
  loadingColor: string;
271
+ loadingColorSuccess: string;
272
+ borderSuccess: string;
273
+ borderHoverSuccess: string;
274
+ colorFocusSuccess: string;
275
+ borderFocusSuccess: string;
276
+ boxShadowFocusSuccess: string;
277
+ caretColorSuccess: string;
250
278
  loadingColorWarning: string;
251
279
  borderWarning: string;
252
280
  borderHoverWarning: string;
@@ -311,6 +339,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
311
339
  borderFocus: string;
312
340
  boxShadowFocus: string;
313
341
  loadingColor: string;
342
+ loadingColorSuccess: string;
343
+ borderSuccess: string;
344
+ borderHoverSuccess: string;
345
+ colorFocusSuccess: string;
346
+ borderFocusSuccess: string;
347
+ boxShadowFocusSuccess: string;
348
+ caretColorSuccess: string;
314
349
  loadingColorWarning: string;
315
350
  borderWarning: string;
316
351
  borderHoverWarning: string;
@@ -375,6 +410,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
375
410
  borderFocus: string;
376
411
  boxShadowFocus: string;
377
412
  loadingColor: string;
413
+ loadingColorSuccess: string;
414
+ borderSuccess: string;
415
+ borderHoverSuccess: string;
416
+ colorFocusSuccess: string;
417
+ borderFocusSuccess: string;
418
+ boxShadowFocusSuccess: string;
419
+ caretColorSuccess: string;
378
420
  loadingColorWarning: string;
379
421
  borderWarning: string;
380
422
  borderHoverWarning: string;
@@ -461,6 +503,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
461
503
  borderFocus: string;
462
504
  boxShadowFocus: string;
463
505
  loadingColor: string;
506
+ loadingColorSuccess: string;
507
+ borderSuccess: string;
508
+ borderHoverSuccess: string;
509
+ colorFocusSuccess: string;
510
+ borderFocusSuccess: string;
511
+ boxShadowFocusSuccess: string;
512
+ caretColorSuccess: string;
464
513
  loadingColorWarning: string;
465
514
  borderWarning: string;
466
515
  borderHoverWarning: string;
@@ -525,6 +574,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
525
574
  borderFocus: string;
526
575
  boxShadowFocus: string;
527
576
  loadingColor: string;
577
+ loadingColorSuccess: string;
578
+ borderSuccess: string;
579
+ borderHoverSuccess: string;
580
+ colorFocusSuccess: string;
581
+ borderFocusSuccess: string;
582
+ boxShadowFocusSuccess: string;
583
+ caretColorSuccess: string;
528
584
  loadingColorWarning: string;
529
585
  borderWarning: string;
530
586
  borderHoverWarning: string;
@@ -589,6 +645,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
589
645
  borderFocus: string;
590
646
  boxShadowFocus: string;
591
647
  loadingColor: string;
648
+ loadingColorSuccess: string;
649
+ borderSuccess: string;
650
+ borderHoverSuccess: string;
651
+ colorFocusSuccess: string;
652
+ borderFocusSuccess: string;
653
+ boxShadowFocusSuccess: string;
654
+ caretColorSuccess: string;
592
655
  loadingColorWarning: string;
593
656
  borderWarning: string;
594
657
  borderHoverWarning: string;
@@ -276,7 +276,7 @@ exports.default = (0, cssr_1.cB)('input', `
276
276
  transition: color .3s var(--u-bezier);
277
277
  margin-left: 4px;
278
278
  font-variant: tabular-nums;
279
- `), ['warning', 'error'].map(status => (0, cssr_1.cM)(`${status}-status`, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.cB)('base-loading', `
279
+ `), ['warning', 'error', 'success'].map(status => (0, cssr_1.cM)(`${status}-status`, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.cB)('base-loading', `
280
280
  color: var(--u-loading-color-${status})
281
281
  `), (0, cssr_1.cE)('input-el, textarea-el', `
282
282
  caret-color: var(--u-caret-color-${status});
@@ -40,6 +40,13 @@ export declare function self(vars: ThemeCommonVars): {
40
40
  borderFocus: string;
41
41
  boxShadowFocus: string;
42
42
  loadingColor: string;
43
+ loadingColorSuccess: string;
44
+ borderSuccess: string;
45
+ borderHoverSuccess: string;
46
+ colorFocusSuccess: string;
47
+ borderFocusSuccess: string;
48
+ boxShadowFocusSuccess: string;
49
+ caretColorSuccess: string;
43
50
  loadingColorWarning: string;
44
51
  borderWarning: string;
45
52
  borderHoverWarning: string;
@@ -4,7 +4,7 @@ exports.self = self;
4
4
  const seemly_1 = require("seemly");
5
5
  const common_1 = require("../../_styles/common");
6
6
  function self(vars) {
7
- const { iconMedium, textSecondary, elementsTertiary, textPrimary, fontBodyMedium, fontBodyLarge, lineHeightBodyLarge, borderRadius, containerPrimary, elementsQuaternary, elementsPrimary, staticOrange, staticRed, elementsQuinary, brandPrimary500, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge, fontTitleMedium } = vars;
7
+ const { iconMedium, textSecondary, elementsTertiary, textPrimary, fontBodyMedium, fontBodyLarge, lineHeightBodyLarge, borderRadius, containerPrimary, elementsQuaternary, elementsPrimary, staticGreen, staticOrange, staticRed, elementsQuinary, brandPrimary500, heightTiny, heightSmall, heightMedium, heightLarge, heightHuge, fontTitleMedium } = vars;
8
8
  return {
9
9
  paddingTiny: '0 12px',
10
10
  paddingSmall: '0 12px',
@@ -45,6 +45,16 @@ function self(vars) {
45
45
  borderFocus: `2px solid ${elementsPrimary}`,
46
46
  boxShadowFocus: `0 0 0 4px ${(0, seemly_1.changeColor)(elementsPrimary, { alpha: 0.1 })}`,
47
47
  loadingColor: elementsPrimary,
48
+ // success
49
+ loadingColorSuccess: staticGreen,
50
+ borderSuccess: `2px solid ${staticGreen}`,
51
+ borderHoverSuccess: `2px solid ${staticGreen}`,
52
+ colorFocusSuccess: containerPrimary,
53
+ borderFocusSuccess: `2px solid ${staticGreen}`,
54
+ boxShadowFocusSuccess: `0 0 0 4px ${(0, seemly_1.changeColor)(staticGreen, {
55
+ alpha: 0.1
56
+ })}`,
57
+ caretColorSuccess: elementsPrimary,
48
58
  // warning
49
59
  loadingColorWarning: staticOrange,
50
60
  borderWarning: `2px solid ${staticOrange}`,
@@ -324,6 +324,13 @@ export declare const inputNumberProps: {
324
324
  borderFocus: string;
325
325
  boxShadowFocus: string;
326
326
  loadingColor: string;
327
+ loadingColorSuccess: string;
328
+ borderSuccess: string;
329
+ borderHoverSuccess: string;
330
+ colorFocusSuccess: string;
331
+ borderFocusSuccess: string;
332
+ boxShadowFocusSuccess: string;
333
+ caretColorSuccess: string;
327
334
  loadingColorWarning: string;
328
335
  borderWarning: string;
329
336
  borderHoverWarning: string;
@@ -611,6 +618,13 @@ export declare const inputNumberProps: {
611
618
  borderFocus: string;
612
619
  boxShadowFocus: string;
613
620
  loadingColor: string;
621
+ loadingColorSuccess: string;
622
+ borderSuccess: string;
623
+ borderHoverSuccess: string;
624
+ colorFocusSuccess: string;
625
+ borderFocusSuccess: string;
626
+ boxShadowFocusSuccess: string;
627
+ caretColorSuccess: string;
614
628
  loadingColorWarning: string;
615
629
  borderWarning: string;
616
630
  borderHoverWarning: string;
@@ -898,6 +912,13 @@ export declare const inputNumberProps: {
898
912
  borderFocus: string;
899
913
  boxShadowFocus: string;
900
914
  loadingColor: string;
915
+ loadingColorSuccess: string;
916
+ borderSuccess: string;
917
+ borderHoverSuccess: string;
918
+ colorFocusSuccess: string;
919
+ borderFocusSuccess: string;
920
+ boxShadowFocusSuccess: string;
921
+ caretColorSuccess: string;
901
922
  loadingColorWarning: string;
902
923
  borderWarning: string;
903
924
  borderHoverWarning: string;
@@ -1252,6 +1273,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1252
1273
  borderFocus: string;
1253
1274
  boxShadowFocus: string;
1254
1275
  loadingColor: string;
1276
+ loadingColorSuccess: string;
1277
+ borderSuccess: string;
1278
+ borderHoverSuccess: string;
1279
+ colorFocusSuccess: string;
1280
+ borderFocusSuccess: string;
1281
+ boxShadowFocusSuccess: string;
1282
+ caretColorSuccess: string;
1255
1283
  loadingColorWarning: string;
1256
1284
  borderWarning: string;
1257
1285
  borderHoverWarning: string;
@@ -1539,6 +1567,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1539
1567
  borderFocus: string;
1540
1568
  boxShadowFocus: string;
1541
1569
  loadingColor: string;
1570
+ loadingColorSuccess: string;
1571
+ borderSuccess: string;
1572
+ borderHoverSuccess: string;
1573
+ colorFocusSuccess: string;
1574
+ borderFocusSuccess: string;
1575
+ boxShadowFocusSuccess: string;
1576
+ caretColorSuccess: string;
1542
1577
  loadingColorWarning: string;
1543
1578
  borderWarning: string;
1544
1579
  borderHoverWarning: string;
@@ -1826,6 +1861,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1826
1861
  borderFocus: string;
1827
1862
  boxShadowFocus: string;
1828
1863
  loadingColor: string;
1864
+ loadingColorSuccess: string;
1865
+ borderSuccess: string;
1866
+ borderHoverSuccess: string;
1867
+ colorFocusSuccess: string;
1868
+ borderFocusSuccess: string;
1869
+ boxShadowFocusSuccess: string;
1870
+ caretColorSuccess: string;
1829
1871
  loadingColorWarning: string;
1830
1872
  borderWarning: string;
1831
1873
  borderHoverWarning: string;
@@ -2191,6 +2233,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2191
2233
  borderFocus: string;
2192
2234
  boxShadowFocus: string;
2193
2235
  loadingColor: string;
2236
+ loadingColorSuccess: string;
2237
+ borderSuccess: string;
2238
+ borderHoverSuccess: string;
2239
+ colorFocusSuccess: string;
2240
+ borderFocusSuccess: string;
2241
+ boxShadowFocusSuccess: string;
2242
+ caretColorSuccess: string;
2194
2243
  loadingColorWarning: string;
2195
2244
  borderWarning: string;
2196
2245
  borderHoverWarning: string;
@@ -2558,6 +2607,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2558
2607
  borderFocus: string;
2559
2608
  boxShadowFocus: string;
2560
2609
  loadingColor: string;
2610
+ loadingColorSuccess: string;
2611
+ borderSuccess: string;
2612
+ borderHoverSuccess: string;
2613
+ colorFocusSuccess: string;
2614
+ borderFocusSuccess: string;
2615
+ boxShadowFocusSuccess: string;
2616
+ caretColorSuccess: string;
2561
2617
  loadingColorWarning: string;
2562
2618
  borderWarning: string;
2563
2619
  borderHoverWarning: string;
@@ -2845,6 +2901,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2845
2901
  borderFocus: string;
2846
2902
  boxShadowFocus: string;
2847
2903
  loadingColor: string;
2904
+ loadingColorSuccess: string;
2905
+ borderSuccess: string;
2906
+ borderHoverSuccess: string;
2907
+ colorFocusSuccess: string;
2908
+ borderFocusSuccess: string;
2909
+ boxShadowFocusSuccess: string;
2910
+ caretColorSuccess: string;
2848
2911
  loadingColorWarning: string;
2849
2912
  borderWarning: string;
2850
2913
  borderHoverWarning: string;
@@ -3132,6 +3195,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3132
3195
  borderFocus: string;
3133
3196
  boxShadowFocus: string;
3134
3197
  loadingColor: string;
3198
+ loadingColorSuccess: string;
3199
+ borderSuccess: string;
3200
+ borderHoverSuccess: string;
3201
+ colorFocusSuccess: string;
3202
+ borderFocusSuccess: string;
3203
+ boxShadowFocusSuccess: string;
3204
+ caretColorSuccess: string;
3135
3205
  loadingColorWarning: string;
3136
3206
  borderWarning: string;
3137
3207
  borderHoverWarning: string;
@@ -265,6 +265,13 @@ declare const inputNumberLight: import("../../_mixins").Theme<"InputNumber", {
265
265
  borderFocus: string;
266
266
  boxShadowFocus: string;
267
267
  loadingColor: string;
268
+ loadingColorSuccess: string;
269
+ borderSuccess: string;
270
+ borderHoverSuccess: string;
271
+ colorFocusSuccess: string;
272
+ borderFocusSuccess: string;
273
+ boxShadowFocusSuccess: string;
274
+ caretColorSuccess: string;
268
275
  loadingColorWarning: string;
269
276
  borderWarning: string;
270
277
  borderHoverWarning: string;