@central-design-system/components 3.10.6 → 3.11.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 (51) hide show
  1. package/UPGRADE.md +146 -0
  2. package/dist/cds.d.ts +4 -0
  3. package/dist/cds.es.js +7734 -7362
  4. package/dist/cds.es.js.map +1 -1
  5. package/dist/cds.umd.js +5 -5
  6. package/dist/cds.umd.js.map +1 -1
  7. package/dist/components/CdsAutocomplete/CdsAutocomplete.d.ts +21 -3
  8. package/dist/components/CdsBadge/CdsBadge.d.ts +1 -1
  9. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.d.ts +15 -0
  10. package/dist/components/CdsCard/CdsCard.d.ts +20 -1
  11. package/dist/components/CdsCheckbox/CdsCheckbox.d.ts +43 -2
  12. package/dist/components/CdsCheckbox/CdsCheckboxGroup.d.ts +48 -0
  13. package/dist/components/CdsCombobox/CdsCombobox.d.ts +366 -23
  14. package/dist/components/CdsDropdown/CdsDropdown.d.ts +381 -26
  15. package/dist/components/CdsEmptyState/CdsEmptyState.d.ts +1 -1
  16. package/dist/components/CdsInput/CdsDescription.d.ts +31 -0
  17. package/dist/components/CdsInput/CdsInput.d.ts +18 -0
  18. package/dist/components/CdsInput/CdsLabel.d.ts +48 -0
  19. package/dist/components/CdsInput/index.d.ts +2 -0
  20. package/dist/components/CdsList/CdsListGroup.d.ts +1 -1
  21. package/dist/components/CdsList/CdsListItem.d.ts +19 -0
  22. package/dist/components/CdsNotification/CdsNotification.d.ts +1 -1
  23. package/dist/components/CdsNotification/CdsNotificationAlert.d.ts +1 -1
  24. package/dist/components/CdsNotification/composable/notification.d.ts +4 -2
  25. package/dist/components/CdsProgress/CdsProgressBar.d.ts +158 -0
  26. package/dist/components/CdsProgress/index.d.ts +1 -0
  27. package/dist/components/CdsRadioButton/CdsRadio.d.ts +84 -0
  28. package/dist/components/CdsRadioButton/CdsRadioButton.d.ts +48 -0
  29. package/dist/components/CdsRadioButton/CdsRadioGroup.d.ts +681 -0
  30. package/dist/components/CdsRadioButton/index.d.ts +1 -0
  31. package/dist/components/CdsSelect/CdsSelect.d.ts +90 -6
  32. package/dist/components/CdsSlideGroup/CdsSlideGroup.d.ts +59 -29
  33. package/dist/components/CdsStatus/CdsStatus.d.ts +23 -1
  34. package/dist/components/CdsTable/CdsTable.d.ts +3 -1
  35. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +3 -1
  36. package/dist/components/CdsTable/components/TableProvider.d.ts +3 -1
  37. package/dist/components/CdsTabsV2/CdsTabsV2.d.ts +30 -0
  38. package/dist/components/CdsTag/CdsTag.d.ts +26 -0
  39. package/dist/components/CdsTextArea/CdsTextArea.d.ts +93 -6
  40. package/dist/components/CdsTextInput/CdsTextInput.d.ts +93 -6
  41. package/dist/components/CdsToggle/CdsToggle.d.ts +18 -0
  42. package/dist/components/CdsTooltip/CdsTooltip.d.ts +21 -0
  43. package/dist/components/CdsUploader/CdsUploader.d.ts +18 -0
  44. package/dist/components/index.d.ts +4 -0
  45. package/dist/composable/field.d.ts +5 -3
  46. package/dist/composable/input.d.ts +20 -0
  47. package/dist/composable/status.d.ts +14 -2
  48. package/dist/utils/compat.d.ts +33 -0
  49. package/dist/utils/dom/warn.d.ts +42 -0
  50. package/dist/utils/index.d.ts +1 -0
  51. package/package.json +4 -2
@@ -61,6 +61,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
61
61
  title: string;
62
62
  description: string;
63
63
  theme: string;
64
- illustration: "chocolate-menu" | "key" | "actives-rise-rub" | "bank-rub" | "book-building" | "book-chat" | "book-finger" | "books-apple-hat" | "calendar-watch" | "car-boxes" | "chip" | "display-analytics" | "display-demo" | "display-user-profile" | "doc-laptop" | "documents" | "finger-click-rub" | "hammer-buildings" | "hand-card-rub" | "hand-gear" | "hand-glass" | "hand-money" | "handshake-rub" | "like-display-click" | "like-profile-rub" | "mail-opened" | "man-laptop-world" | "man-spyglass" | "phone-in-hand" | "rocket" | "sandwatch-rub" | "search-interface" | "support" | "user-analytics" | "woman-chat";
64
+ illustration: "chocolate-menu" | "key" | "actives-rise-rub" | "bank-rub" | "book-building" | "book-chat" | "book-finger" | "books-apple-hat" | "calendar-watch" | "car-boxes" | "chip" | "display-analytics" | "display-demo" | "display-user-profile" | "doc-laptop" | "documents" | "finger-click-rub" | "hammer-buildings" | "hand-card-rub" | "hand-gear" | "hand-glass" | "hand-money" | "handshake-rub" | "like-display-click" | "like-profile-rub" | "mail-opened" | "man-laptop-world" | "man-spyglass" | "outsourcing" | "phone-in-hand" | "rocket" | "sandwatch-rub" | "search-interface" | "support" | "user-analytics" | "woman-chat";
65
65
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
66
66
  export default _default;
@@ -0,0 +1,31 @@
1
+ /**
2
+ * `CdsDescription` доступен с 3.11.0 — алиас `CdsInputDescription`. В CDS 4
3
+ * описание поля стало самостоятельным компонентом, им же описывают группу
4
+ * чекбоксов вместо удалённого `CdsCheckboxGroup`. Пропсы `text` / `tag`
5
+ * и слот совпадают.
6
+ */
7
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
8
+ tag: {
9
+ type: import('vue').PropType<string>;
10
+ default: string;
11
+ description: string;
12
+ };
13
+ text: {
14
+ type: import('vue').PropType<string | number>;
15
+ default: undefined;
16
+ };
17
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
18
+ tag: {
19
+ type: import('vue').PropType<string>;
20
+ default: string;
21
+ description: string;
22
+ };
23
+ text: {
24
+ type: import('vue').PropType<string | number>;
25
+ default: undefined;
26
+ };
27
+ }>> & Readonly<{}>, {
28
+ text: string | number;
29
+ tag: string;
30
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
31
+ export default _default;
@@ -99,6 +99,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
99
99
  type: PropType<boolean>;
100
100
  default: boolean;
101
101
  };
102
+ hint: {
103
+ type: PropType<string>;
104
+ default: undefined;
105
+ };
106
+ persistentHint: {
107
+ type: PropType<boolean>;
108
+ default: boolean;
109
+ };
102
110
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
103
111
  'update:modelValue': (value: any) => true;
104
112
  'click:control': (event: MouseEvent) => true;
@@ -201,6 +209,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
201
209
  type: PropType<boolean>;
202
210
  default: boolean;
203
211
  };
212
+ hint: {
213
+ type: PropType<string>;
214
+ default: undefined;
215
+ };
216
+ persistentHint: {
217
+ type: PropType<boolean>;
218
+ default: boolean;
219
+ };
204
220
  }>> & Readonly<{
205
221
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
206
222
  "onClick:control"?: ((event: MouseEvent) => any) | undefined;
@@ -220,6 +236,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
220
236
  label: string;
221
237
  messages: string | string[];
222
238
  persistentMessages: boolean;
239
+ hint: string;
240
+ persistentHint: boolean;
223
241
  errorMessages: string | string[];
224
242
  maxErrors: string | number;
225
243
  rules: import('../../composable').TValidationRule[];
@@ -0,0 +1,48 @@
1
+ /**
2
+ * `CdsLabel` доступен с 3.11.0 — алиас `CdsInputLabel`. В CDS 4 подпись поля
3
+ * стала самостоятельным компонентом, им же подписывают группу чекбоксов вместо
4
+ * удалённого `CdsCheckboxGroup`. Проп `text` и слот по умолчанию совпадают,
5
+ * `for` долетает нативным атрибутом на `<label>`.
6
+ */
7
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
8
+ tag: Omit<{
9
+ type: import('vue').PropType<string>;
10
+ default: string;
11
+ description: string;
12
+ }, "default" | "type"> & {
13
+ type: import('vue').PropType<string>;
14
+ default: string;
15
+ };
16
+ disabled: {
17
+ type: import('vue').PropType<boolean>;
18
+ default: boolean;
19
+ };
20
+ text: {
21
+ type: import('vue').PropType<string | number>;
22
+ default: undefined;
23
+ };
24
+ }>, {
25
+ disabledClasses: import('vue').ComputedRef<string | undefined>;
26
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
27
+ tag: Omit<{
28
+ type: import('vue').PropType<string>;
29
+ default: string;
30
+ description: string;
31
+ }, "default" | "type"> & {
32
+ type: import('vue').PropType<string>;
33
+ default: string;
34
+ };
35
+ disabled: {
36
+ type: import('vue').PropType<boolean>;
37
+ default: boolean;
38
+ };
39
+ text: {
40
+ type: import('vue').PropType<string | number>;
41
+ default: undefined;
42
+ };
43
+ }>> & Readonly<{}>, {
44
+ text: string | number;
45
+ tag: string;
46
+ disabled: boolean;
47
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
48
+ export default _default;
@@ -2,4 +2,6 @@ export { default as CdsInput } from './CdsInput';
2
2
  export { default as CdsInputLabel } from './CdsInputLabel';
3
3
  export { default as CdsInputDescription } from './CdsInputDescription';
4
4
  export { default as CdsInputMessages } from './CdsInputMessages';
5
+ export { default as CdsLabel } from './CdsLabel';
6
+ export { default as CdsDescription } from './CdsDescription';
5
7
  export { default as CdsInputCounter } from './CdsInputCounter';
@@ -57,7 +57,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
57
57
  id: string;
58
58
  appendIcon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
59
59
  class: string;
60
- isClickable: boolean;
60
+ link: boolean;
61
61
  }>;
62
62
  isExpandable: import('vue').ComputedRef<boolean>;
63
63
  classes: import('vue').ComputedRef<{
@@ -59,11 +59,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
59
59
  };
60
60
  /**
61
61
  * Принудительно сделать элемент списка кликабельным
62
+ * @deprecated Используйте `link`
62
63
  */
63
64
  isClickable: {
64
65
  type: PropType<boolean>;
65
66
  default: boolean;
66
67
  };
68
+ /**
69
+ * Принудительно сделать элемент списка кликабельным. Доступно с 3.11.0 —
70
+ * замена `isClickable`.
71
+ */
72
+ link: {
73
+ type: PropType<boolean>;
74
+ default: boolean;
75
+ };
67
76
  }>, {
68
77
  internalTag: import('vue').ComputedRef<any>;
69
78
  href: import('vue').ComputedRef<string | undefined>;
@@ -146,11 +155,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
146
155
  };
147
156
  /**
148
157
  * Принудительно сделать элемент списка кликабельным
158
+ * @deprecated Используйте `link`
149
159
  */
150
160
  isClickable: {
151
161
  type: PropType<boolean>;
152
162
  default: boolean;
153
163
  };
164
+ /**
165
+ * Принудительно сделать элемент списка кликабельным. Доступно с 3.11.0 —
166
+ * замена `isClickable`.
167
+ */
168
+ link: {
169
+ type: PropType<boolean>;
170
+ default: boolean;
171
+ };
154
172
  }>> & Readonly<{
155
173
  onClick?: ((event: MouseEvent | KeyboardEvent | TouchEvent) => any) | undefined;
156
174
  }>, {
@@ -158,6 +176,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
158
176
  to: import('vue-router').RouteLocationRaw;
159
177
  href: string;
160
178
  tag: string;
179
+ link: boolean;
161
180
  prependIcon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
162
181
  appendIcon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
163
182
  active: boolean;
@@ -149,7 +149,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
149
149
  title: string;
150
150
  tag: string;
151
151
  icon: false | "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
152
- status: "error" | "info" | "success" | "warning" | "progress";
152
+ status: import('../../composable').TStatus;
153
153
  modelValue: boolean;
154
154
  theme: string;
155
155
  customIcon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube" | undefined;
@@ -435,7 +435,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
435
435
  location: NonNullable<import('../../utils').TAnchor>;
436
436
  icon: false | "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
437
437
  disabled: boolean;
438
- status: "error" | "info" | "success" | "warning" | "progress";
438
+ status: import('../../composable').TStatus;
439
439
  modelValue: boolean;
440
440
  transition: NonNullable<string | boolean | (import('vue').TransitionProps & {
441
441
  component?: import('vue').Component;
@@ -23,7 +23,8 @@ export declare const makeNotificationProps: <Defaults extends {
23
23
  closeIcon?: unknown;
24
24
  } = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
25
25
  /**
26
- * Иконка
26
+ * Иконка. Кроме `false` (скрыть) принимает имя иконки — так своя иконка
27
+ * задаётся в CDS 4 вместо отдельного `customIcon`.
27
28
  */
28
29
  icon: {
29
30
  type: PropType<false | TCdsIconsName>;
@@ -31,6 +32,7 @@ export declare const makeNotificationProps: <Defaults extends {
31
32
  };
32
33
  /**
33
34
  * Своя иконка
35
+ * @deprecated Используйте `icon` с именем иконки
34
36
  */
35
37
  customIcon: {
36
38
  type: PropType<TCdsIconsName | undefined>;
@@ -60,4 +62,4 @@ export declare const makeNotificationProps: <Defaults extends {
60
62
  validator: (value: TCdsIconsName) => boolean;
61
63
  };
62
64
  }, Defaults>;
63
- export declare function useNotification(props: INotificationProps): IUseNotification;
65
+ export declare function useNotification(props: INotificationProps, name: string): IUseNotification;
@@ -0,0 +1,158 @@
1
+ /**
2
+ * `CdsProgressBar` доступен с 3.11.0 — полный алиас `CdsProgress`: API
3
+ * совпадает, поэтому имя можно занять, не дожидаясь апгрейда до CDS 4.
4
+ */
5
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
6
+ location: Omit<{
7
+ type: import('vue').PropType<import('../../utils').TAnchor>;
8
+ default: string;
9
+ }, "default" | "type"> & {
10
+ type: import('vue').PropType<NonNullable<import('../../utils').TAnchor>>;
11
+ default: NonNullable<import('../../utils').TAnchor>;
12
+ };
13
+ theme: {
14
+ type: import('vue').PropType<import('../../composable').TTheme | string>;
15
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
16
+ default: undefined;
17
+ };
18
+ tag: {
19
+ type: import('vue').PropType<string>;
20
+ default: string;
21
+ description: string;
22
+ };
23
+ modelValue: {
24
+ type: import('vue').PropType<number | string>;
25
+ default: number;
26
+ };
27
+ absolute: {
28
+ type: import('vue').PropType<boolean>;
29
+ default: boolean;
30
+ };
31
+ active: {
32
+ type: import('vue').PropType<boolean>;
33
+ default: boolean;
34
+ };
35
+ bgColor: {
36
+ type: import('vue').PropType<string>;
37
+ default: undefined;
38
+ };
39
+ bgOpacity: {
40
+ type: import('vue').PropType<number | string>;
41
+ default: undefined;
42
+ };
43
+ bufferValue: {
44
+ type: import('vue').PropType<number | string>;
45
+ default: number;
46
+ };
47
+ height: {
48
+ type: import('vue').PropType<number | string>;
49
+ default: number;
50
+ };
51
+ indeterminate: {
52
+ type: import('vue').PropType<boolean>;
53
+ default: boolean;
54
+ };
55
+ clickable: {
56
+ type: import('vue').PropType<boolean>;
57
+ default: boolean;
58
+ };
59
+ max: {
60
+ type: import('vue').PropType<number | string>;
61
+ default: number;
62
+ };
63
+ stream: {
64
+ type: import('vue').PropType<boolean>;
65
+ default: boolean;
66
+ };
67
+ reverse: {
68
+ type: import('vue').PropType<boolean>;
69
+ default: boolean;
70
+ };
71
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
72
+ 'update:modelValue': (value: number) => true;
73
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
74
+ location: Omit<{
75
+ type: import('vue').PropType<import('../../utils').TAnchor>;
76
+ default: string;
77
+ }, "default" | "type"> & {
78
+ type: import('vue').PropType<NonNullable<import('../../utils').TAnchor>>;
79
+ default: NonNullable<import('../../utils').TAnchor>;
80
+ };
81
+ theme: {
82
+ type: import('vue').PropType<import('../../composable').TTheme | string>;
83
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
84
+ default: undefined;
85
+ };
86
+ tag: {
87
+ type: import('vue').PropType<string>;
88
+ default: string;
89
+ description: string;
90
+ };
91
+ modelValue: {
92
+ type: import('vue').PropType<number | string>;
93
+ default: number;
94
+ };
95
+ absolute: {
96
+ type: import('vue').PropType<boolean>;
97
+ default: boolean;
98
+ };
99
+ active: {
100
+ type: import('vue').PropType<boolean>;
101
+ default: boolean;
102
+ };
103
+ bgColor: {
104
+ type: import('vue').PropType<string>;
105
+ default: undefined;
106
+ };
107
+ bgOpacity: {
108
+ type: import('vue').PropType<number | string>;
109
+ default: undefined;
110
+ };
111
+ bufferValue: {
112
+ type: import('vue').PropType<number | string>;
113
+ default: number;
114
+ };
115
+ height: {
116
+ type: import('vue').PropType<number | string>;
117
+ default: number;
118
+ };
119
+ indeterminate: {
120
+ type: import('vue').PropType<boolean>;
121
+ default: boolean;
122
+ };
123
+ clickable: {
124
+ type: import('vue').PropType<boolean>;
125
+ default: boolean;
126
+ };
127
+ max: {
128
+ type: import('vue').PropType<number | string>;
129
+ default: number;
130
+ };
131
+ stream: {
132
+ type: import('vue').PropType<boolean>;
133
+ default: boolean;
134
+ };
135
+ reverse: {
136
+ type: import('vue').PropType<boolean>;
137
+ default: boolean;
138
+ };
139
+ }>> & Readonly<{
140
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
141
+ }>, {
142
+ tag: string;
143
+ location: NonNullable<import('../../utils').TAnchor>;
144
+ active: boolean;
145
+ indeterminate: boolean;
146
+ reverse: boolean;
147
+ modelValue: string | number;
148
+ height: string | number;
149
+ theme: string;
150
+ absolute: boolean;
151
+ max: string | number;
152
+ bgColor: string;
153
+ bgOpacity: string | number;
154
+ bufferValue: string | number;
155
+ clickable: boolean;
156
+ stream: boolean;
157
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
158
+ export default _default;
@@ -1 +1,2 @@
1
1
  export { default as CdsProgress } from './CdsProgress';
2
+ export { default as CdsProgressBar } from './CdsProgressBar';
@@ -77,6 +77,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
77
77
  type: import('vue').PropType<boolean>;
78
78
  default: boolean;
79
79
  };
80
+ hint: {
81
+ type: import('vue').PropType<string>;
82
+ default: undefined;
83
+ };
84
+ persistentHint: {
85
+ type: import('vue').PropType<boolean>;
86
+ default: boolean;
87
+ };
80
88
  }>, {
81
89
  id: import('vue').ComputedRef<string>;
82
90
  model: import('vue').Ref<string | number | null | undefined, string | number | null | undefined>;
@@ -181,6 +189,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
181
189
  type: import('vue').PropType<boolean>;
182
190
  default: boolean;
183
191
  };
192
+ hint: {
193
+ type: import('vue').PropType<string>;
194
+ default: undefined;
195
+ };
196
+ persistentHint: {
197
+ type: import('vue').PropType<boolean>;
198
+ default: boolean;
199
+ };
184
200
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
185
201
  'update:modelValue': (value: any) => true;
186
202
  'click:control': (event: MouseEvent) => true;
@@ -283,6 +299,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
283
299
  type: import('vue').PropType<boolean>;
284
300
  default: boolean;
285
301
  };
302
+ hint: {
303
+ type: import('vue').PropType<string>;
304
+ default: undefined;
305
+ };
306
+ persistentHint: {
307
+ type: import('vue').PropType<boolean>;
308
+ default: boolean;
309
+ };
286
310
  }>> & Readonly<{
287
311
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
288
312
  "onClick:control"?: ((event: MouseEvent) => any) | undefined;
@@ -302,6 +326,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
302
326
  label: string;
303
327
  messages: string | string[];
304
328
  persistentMessages: boolean;
329
+ hint: string;
330
+ persistentHint: boolean;
305
331
  errorMessages: string | string[];
306
332
  maxErrors: string | number;
307
333
  rules: import('../../composable').TValidationRule[];
@@ -408,6 +434,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
408
434
  type: import('vue').PropType<boolean>;
409
435
  default: boolean;
410
436
  };
437
+ hint: {
438
+ type: import('vue').PropType<string>;
439
+ default: undefined;
440
+ };
441
+ persistentHint: {
442
+ type: import('vue').PropType<boolean>;
443
+ default: boolean;
444
+ };
411
445
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
412
446
  'update:modelValue': (value: any) => true;
413
447
  'click:control': (event: MouseEvent) => true;
@@ -510,6 +544,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
510
544
  type: import('vue').PropType<boolean>;
511
545
  default: boolean;
512
546
  };
547
+ hint: {
548
+ type: import('vue').PropType<string>;
549
+ default: undefined;
550
+ };
551
+ persistentHint: {
552
+ type: import('vue').PropType<boolean>;
553
+ default: boolean;
554
+ };
513
555
  }>> & Readonly<{
514
556
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
515
557
  "onClick:control"?: ((event: MouseEvent) => any) | undefined;
@@ -529,6 +571,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
529
571
  label: string;
530
572
  messages: string | string[];
531
573
  persistentMessages: boolean;
574
+ hint: string;
575
+ persistentHint: boolean;
532
576
  errorMessages: string | string[];
533
577
  maxErrors: string | number;
534
578
  rules: import('../../composable').TValidationRule[];
@@ -548,6 +592,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
548
592
  readonly focused?: boolean | undefined;
549
593
  readonly messages?: string | string[] | undefined;
550
594
  readonly persistentMessages?: boolean | undefined;
595
+ readonly persistentHint?: boolean | undefined;
551
596
  readonly errorMessages?: string | string[] | undefined;
552
597
  readonly maxErrors?: string | number | undefined;
553
598
  readonly rules?: (import('../../composable').TValidationResult | ((value: any) => import('../../composable').TValidationResult) | ((value: any) => PromiseLike<import('../../composable').TValidationResult>) | {
@@ -560,6 +605,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
560
605
  readonly description?: string | undefined;
561
606
  readonly id?: string | undefined;
562
607
  readonly label?: string | undefined;
608
+ readonly hint?: string | undefined;
563
609
  readonly validationValue?: any;
564
610
  readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
565
611
  }, Partial<import('@vue/shared').LooseRequired<Readonly<import('vue').ExtractPropTypes<{
@@ -640,6 +686,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
640
686
  type: import('vue').PropType<boolean>;
641
687
  default: boolean;
642
688
  };
689
+ hint: {
690
+ type: import('vue').PropType<string>;
691
+ default: undefined;
692
+ };
693
+ persistentHint: {
694
+ type: import('vue').PropType<boolean>;
695
+ default: boolean;
696
+ };
643
697
  }>> & Readonly<{
644
698
  "onUpdate:focused"?: ((value: boolean) => any) | undefined;
645
699
  }> & {}>> | {
@@ -650,6 +704,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
650
704
  readonly focused?: boolean | undefined;
651
705
  readonly messages?: string | string[] | undefined;
652
706
  readonly persistentMessages?: boolean | undefined;
707
+ readonly persistentHint?: boolean | undefined;
653
708
  readonly errorMessages?: string | string[] | undefined;
654
709
  readonly maxErrors?: string | number | undefined;
655
710
  readonly rules?: (import('../../composable').TValidationResult | ((value: any) => import('../../composable').TValidationResult) | ((value: any) => PromiseLike<import('../../composable').TValidationResult>) | {
@@ -662,6 +717,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
662
717
  readonly description?: string | undefined;
663
718
  readonly id?: string | undefined;
664
719
  readonly label?: string | undefined;
720
+ readonly hint?: string | undefined;
665
721
  readonly validationValue?: any;
666
722
  readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
667
723
  }>;
@@ -762,6 +818,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
762
818
  type: import('vue').PropType<boolean>;
763
819
  default: boolean;
764
820
  };
821
+ hint: {
822
+ type: import('vue').PropType<string>;
823
+ default: undefined;
824
+ };
825
+ persistentHint: {
826
+ type: import('vue').PropType<boolean>;
827
+ default: boolean;
828
+ };
765
829
  }>> & Readonly<{
766
830
  "onUpdate:focused"?: ((value: boolean) => any) | undefined;
767
831
  }>, {
@@ -776,6 +840,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
776
840
  label: string;
777
841
  messages: string | string[];
778
842
  persistentMessages: boolean;
843
+ hint: string;
844
+ persistentHint: boolean;
779
845
  errorMessages: string | string[];
780
846
  maxErrors: string | number;
781
847
  rules: import('../../composable').TValidationRule[];
@@ -882,6 +948,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
882
948
  type: import('vue').PropType<boolean>;
883
949
  default: boolean;
884
950
  };
951
+ hint: {
952
+ type: import('vue').PropType<string>;
953
+ default: undefined;
954
+ };
955
+ persistentHint: {
956
+ type: import('vue').PropType<boolean>;
957
+ default: boolean;
958
+ };
885
959
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
886
960
  'update:modelValue': (value: any) => true;
887
961
  'click:control': (event: MouseEvent) => true;
@@ -984,6 +1058,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
984
1058
  type: import('vue').PropType<boolean>;
985
1059
  default: boolean;
986
1060
  };
1061
+ hint: {
1062
+ type: import('vue').PropType<string>;
1063
+ default: undefined;
1064
+ };
1065
+ persistentHint: {
1066
+ type: import('vue').PropType<boolean>;
1067
+ default: boolean;
1068
+ };
987
1069
  }>> & Readonly<{
988
1070
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
989
1071
  "onClick:control"?: ((event: MouseEvent) => any) | undefined;
@@ -1003,6 +1085,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1003
1085
  label: string;
1004
1086
  messages: string | string[];
1005
1087
  persistentMessages: boolean;
1088
+ hint: string;
1089
+ persistentHint: boolean;
1006
1090
  errorMessages: string | string[];
1007
1091
  maxErrors: string | number;
1008
1092
  rules: import('../../composable').TValidationRule[];