@central-design-system/components 3.10.7 → 3.12.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 (78) hide show
  1. package/UPGRADE.md +148 -0
  2. package/dist/cds.css +1 -1
  3. package/dist/cds.d.ts +5 -0
  4. package/dist/cds.es.js +10113 -9619
  5. package/dist/cds.es.js.map +1 -1
  6. package/dist/cds.umd.js +5 -5
  7. package/dist/cds.umd.js.map +1 -1
  8. package/dist/components/CdsAutocomplete/CdsAutocomplete.d.ts +39 -10
  9. package/dist/components/CdsBadge/CdsBadge.d.ts +2 -2
  10. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.d.ts +9 -0
  11. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.d.ts +15 -0
  12. package/dist/components/CdsButton/CdsButton.d.ts +5 -5
  13. package/dist/components/CdsButton/CdsFunctionalButton.d.ts +2 -2
  14. package/dist/components/CdsCard/CdsCard.d.ts +23 -4
  15. package/dist/components/CdsCard/CdsCardItem.d.ts +2 -2
  16. package/dist/components/CdsCheckbox/CdsCheckbox.d.ts +45 -4
  17. package/dist/components/CdsCheckbox/CdsCheckboxGroup.d.ts +50 -2
  18. package/dist/components/CdsCombobox/CdsCombobox.d.ts +493 -112
  19. package/dist/components/CdsContainer/CdsContainer.d.ts +10 -10
  20. package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.d.ts +6 -6
  21. package/dist/components/CdsDatePicker/CdsDatePicker.d.ts +1 -1
  22. package/dist/components/CdsDropdown/CdsDropdown.d.ts +527 -126
  23. package/dist/components/CdsExpandablePanel/CdsExpandablePanel.d.ts +2 -2
  24. package/dist/components/CdsExpandablePanel/CdsExpandablePanelTitle.d.ts +2 -2
  25. package/dist/components/CdsIcon/CdsIcon.d.ts +1 -1
  26. package/dist/components/CdsInput/CdsDescription.d.ts +31 -0
  27. package/dist/components/CdsInput/CdsInput.d.ts +20 -2
  28. package/dist/components/CdsInput/CdsLabel.d.ts +48 -0
  29. package/dist/components/CdsInput/index.d.ts +2 -0
  30. package/dist/components/CdsList/CdsList.d.ts +9 -0
  31. package/dist/components/CdsList/CdsListGroup.d.ts +4 -4
  32. package/dist/components/CdsList/CdsListItem.d.ts +22 -3
  33. package/dist/components/CdsList/CdsListSubheader.d.ts +68 -0
  34. package/dist/components/CdsList/index.d.ts +1 -0
  35. package/dist/components/CdsNotification/CdsNotification.d.ts +4 -4
  36. package/dist/components/CdsNotification/CdsNotificationAlert.d.ts +4 -4
  37. package/dist/components/CdsNotification/composable/notification.d.ts +4 -2
  38. package/dist/components/CdsProgress/CdsProgressBar.d.ts +158 -0
  39. package/dist/components/CdsProgress/index.d.ts +1 -0
  40. package/dist/components/CdsRadioButton/CdsRadio.d.ts +90 -6
  41. package/dist/components/CdsRadioButton/CdsRadioButton.d.ts +50 -2
  42. package/dist/components/CdsRadioButton/CdsRadioGroup.d.ts +681 -0
  43. package/dist/components/CdsRadioButton/index.d.ts +1 -0
  44. package/dist/components/CdsSelect/CdsSelect.d.ts +129 -30
  45. package/dist/components/CdsSidebar/CdsSidebar.d.ts +2 -2
  46. package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.d.ts +1 -1
  47. package/dist/components/CdsSlideGroup/CdsSlideGroup.d.ts +65 -35
  48. package/dist/components/CdsSlideView/CdsSlideView.d.ts +2 -2
  49. package/dist/components/CdsStages/CdsStages.d.ts +9 -0
  50. package/dist/components/CdsStatus/CdsStatus.d.ts +25 -3
  51. package/dist/components/CdsTable/CdsTable.d.ts +5 -3
  52. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +5 -3
  53. package/dist/components/CdsTable/components/TableProvider.d.ts +5 -3
  54. package/dist/components/CdsTabs/CdsTab.d.ts +2 -2
  55. package/dist/components/CdsTabs/CdsTabs.d.ts +10 -10
  56. package/dist/components/CdsTabsV2/CdsTabV2.d.ts +2 -2
  57. package/dist/components/CdsTabsV2/CdsTabsV2.d.ts +40 -10
  58. package/dist/components/CdsTag/CdsTag.d.ts +29 -3
  59. package/dist/components/CdsTextArea/CdsTextArea.d.ts +117 -30
  60. package/dist/components/CdsTextInput/CdsTextInput.d.ts +117 -30
  61. package/dist/components/CdsToggle/CdsToggle.d.ts +18 -0
  62. package/dist/components/CdsToolbar/CdsToolbar.d.ts +1 -1
  63. package/dist/components/CdsTooltip/CdsTooltip.d.ts +21 -0
  64. package/dist/components/CdsUploader/CdsUploader.d.ts +28 -10
  65. package/dist/components/CdsUploader/components/AjaxUploader.d.ts +8 -8
  66. package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +3 -3
  67. package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +3 -3
  68. package/dist/components/index.d.ts +5 -0
  69. package/dist/composable/field.d.ts +5 -3
  70. package/dist/composable/filter.d.ts +2 -1
  71. package/dist/composable/input.d.ts +20 -0
  72. package/dist/composable/items.d.ts +14 -0
  73. package/dist/composable/status.d.ts +14 -2
  74. package/dist/utils/compat.d.ts +33 -0
  75. package/dist/utils/dom/overlayFocus.d.ts +8 -0
  76. package/dist/utils/dom/warn.d.ts +42 -0
  77. package/dist/utils/index.d.ts +1 -0
  78. package/package.json +4 -2
package/dist/components/CdsRadioButton/CdsRadioButton.d.ts CHANGED
@@ -95,6 +95,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
95
95
  type: import('vue').PropType<boolean>;
96
96
  default: boolean;
97
97
  };
98
+ hint: {
99
+ type: import('vue').PropType<string>;
100
+ default: undefined;
101
+ };
102
+ persistentHint: {
103
+ type: import('vue').PropType<boolean>;
104
+ default: boolean;
105
+ };
98
106
  }>, {
99
107
  inputProps: Ref<{
100
108
  readonly error?: boolean | undefined;
@@ -103,6 +111,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
103
111
  readonly value?: any;
104
112
  readonly messages?: string | string[] | undefined;
105
113
  readonly persistentMessages?: boolean | undefined;
114
+ readonly persistentHint?: boolean | undefined;
106
115
  readonly errorMessages?: string | string[] | undefined;
107
116
  readonly maxErrors?: string | number | undefined;
108
117
  readonly rules?: (import('../../composable').TValidationResult | ((value: any) => import('../../composable').TValidationResult) | ((value: any) => PromiseLike<import('../../composable').TValidationResult>) | {
@@ -116,6 +125,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
116
125
  readonly description?: string | undefined;
117
126
  readonly id?: string | undefined;
118
127
  readonly label?: string | undefined;
128
+ readonly hint?: string | undefined;
119
129
  readonly validationValue?: any;
120
130
  readonly theme?: string | undefined;
121
131
  readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
@@ -204,6 +214,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
204
214
  type: import('vue').PropType<boolean>;
205
215
  default: boolean;
206
216
  };
217
+ hint: {
218
+ type: import('vue').PropType<string>;
219
+ default: undefined;
220
+ };
221
+ persistentHint: {
222
+ type: import('vue').PropType<boolean>;
223
+ default: boolean;
224
+ };
207
225
  }>> & Readonly<{
208
226
  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
209
227
  }> & {}>> | {
@@ -213,6 +231,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
213
231
  readonly value?: any;
214
232
  readonly messages?: string | string[] | undefined;
215
233
  readonly persistentMessages?: boolean | undefined;
234
+ readonly persistentHint?: boolean | undefined;
216
235
  readonly errorMessages?: string | string[] | undefined;
217
236
  readonly maxErrors?: string | number | undefined;
218
237
  readonly rules?: (import('../../composable').TValidationResult | ((value: any) => import('../../composable').TValidationResult) | ((value: any) => PromiseLike<import('../../composable').TValidationResult>) | {
@@ -226,6 +245,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
226
245
  readonly description?: string | undefined;
227
246
  readonly id?: string | undefined;
228
247
  readonly label?: string | undefined;
248
+ readonly hint?: string | undefined;
229
249
  readonly validationValue?: any;
230
250
  readonly theme?: string | undefined;
231
251
  readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
@@ -325,6 +345,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
325
345
  type: import('vue').PropType<boolean>;
326
346
  default: boolean;
327
347
  };
348
+ hint: {
349
+ type: import('vue').PropType<string>;
350
+ default: undefined;
351
+ };
352
+ persistentHint: {
353
+ type: import('vue').PropType<boolean>;
354
+ default: boolean;
355
+ };
328
356
  }>> & Readonly<{
329
357
  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
330
358
  }>, {
@@ -338,6 +366,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
338
366
  label: string;
339
367
  messages: string | string[];
340
368
  persistentMessages: boolean;
369
+ hint: string;
370
+ persistentHint: boolean;
341
371
  errorMessages: string | string[];
342
372
  maxErrors: string | number;
343
373
  rules: import('../../composable').TValidationRule[];
@@ -446,6 +476,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
446
476
  type: import('vue').PropType<boolean>;
447
477
  default: boolean;
448
478
  };
479
+ hint: {
480
+ type: import('vue').PropType<string>;
481
+ default: undefined;
482
+ };
483
+ persistentHint: {
484
+ type: import('vue').PropType<boolean>;
485
+ default: boolean;
486
+ };
449
487
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
450
488
  'update:modelValue': (value: any) => true;
451
489
  'click:control': (event: MouseEvent) => true;
@@ -548,6 +586,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
548
586
  type: import('vue').PropType<boolean>;
549
587
  default: boolean;
550
588
  };
589
+ hint: {
590
+ type: import('vue').PropType<string>;
591
+ default: undefined;
592
+ };
593
+ persistentHint: {
594
+ type: import('vue').PropType<boolean>;
595
+ default: boolean;
596
+ };
551
597
  }>> & Readonly<{
552
598
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
553
599
  "onClick:control"?: ((event: MouseEvent) => any) | undefined;
@@ -556,8 +602,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
556
602
  name: string | undefined;
557
603
  size: "xs" | "sm" | "md" | "lg" | "xl";
558
604
  error: boolean;
559
- 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";
560
- 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";
605
+ 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" | "reset" | "sandglass" | "save" | "scale-left" | "scale-right" | "send-down-fill" | "send-down" | "send-left-fill" | "send-left" | "send-right-fill" | "send-right" | "send-up-fill" | "send-up" | "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" | "wallet-fill" | "wallet" | "whatsapp" | "winner" | "workspace" | "youtube";
606
+ 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" | "reset" | "sandglass" | "save" | "scale-left" | "scale-right" | "send-down-fill" | "send-down" | "send-left-fill" | "send-left" | "send-right-fill" | "send-right" | "send-up-fill" | "send-up" | "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" | "wallet-fill" | "wallet" | "whatsapp" | "winner" | "workspace" | "youtube";
561
607
  disabled: boolean;
562
608
  readonly: boolean;
563
609
  description: string;
@@ -567,6 +613,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
567
613
  label: string;
568
614
  messages: string | string[];
569
615
  persistentMessages: boolean;
616
+ hint: string;
617
+ persistentHint: boolean;
570
618
  errorMessages: string | string[];
571
619
  maxErrors: string | number;
572
620
  rules: import('../../composable').TValidationRule[];