@central-design-system/components 3.2.1 → 3.3.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 (72) hide show
  1. package/dist/cds.es.js +7630 -7252
  2. package/dist/cds.es.js.map +1 -1
  3. package/dist/cds.umd.js +5 -5
  4. package/dist/cds.umd.js.map +1 -1
  5. package/dist/components/CdsAutocomplete/CdsAutocomplete.d.ts +2 -2
  6. package/dist/components/CdsBadge/CdsBadge.d.ts +2 -2
  7. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.d.ts +2 -2
  8. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.d.ts +2 -2
  9. package/dist/components/CdsButton/CdsButton.d.ts +6 -6
  10. package/dist/components/CdsCard/CdsCard.d.ts +2 -2
  11. package/dist/components/CdsCard/CdsCardGroup.d.ts +2 -2
  12. package/dist/components/CdsCheckbox/CdsCheckbox.d.ts +4 -4
  13. package/dist/components/CdsCheckbox/CdsCheckboxGroup.d.ts +5 -5
  14. package/dist/components/CdsCombobox/CdsCombobox.d.ts +68 -68
  15. package/dist/components/CdsContainer/CdsContainer.d.ts +2 -2
  16. package/dist/components/CdsContentSwitcher/CdsContentSwitcher.d.ts +2 -2
  17. package/dist/components/CdsDatePicker/CdsDatePicker.d.ts +2 -2
  18. package/dist/components/CdsDivider/CdsDivider.d.ts +2 -2
  19. package/dist/components/CdsDrawer/CdsDrawer.d.ts +2 -2
  20. package/dist/components/CdsDropdown/CdsDropdown.d.ts +68 -68
  21. package/dist/components/CdsEmptyState/CdsEmptyState.d.ts +2 -2
  22. package/dist/components/CdsExpandablePanel/CdsExpandablePanels.d.ts +2 -2
  23. package/dist/components/CdsFooter/CdsFooter.d.ts +2 -2
  24. package/dist/components/CdsForm/CdsForm.d.ts +2 -2
  25. package/dist/components/CdsHeader/CdsHeader.d.ts +2 -2
  26. package/dist/components/CdsIcon/CdsIcon.d.ts +2 -2
  27. package/dist/components/CdsImage/CdsImage.d.ts +2 -2
  28. package/dist/components/CdsInput/CdsInput.d.ts +2 -2
  29. package/dist/components/CdsLayout/CdsLayout.d.ts +2 -2
  30. package/dist/components/CdsLink/CdsLink.d.ts +2 -2
  31. package/dist/components/CdsList/CdsList.d.ts +2 -2
  32. package/dist/components/CdsList/CdsListItem.d.ts +2 -2
  33. package/dist/components/CdsLoader/CdsLoader.d.ts +2 -2
  34. package/dist/components/CdsMenu/CdsMenu.d.ts +2 -2
  35. package/dist/components/CdsModal/CdsModal.d.ts +2 -2
  36. package/dist/components/CdsNotification/CdsNotification.d.ts +2 -2
  37. package/dist/components/CdsNotification/CdsNotificationAlert.d.ts +2 -2
  38. package/dist/components/CdsPagination/CdsPagination.d.ts +2 -2
  39. package/dist/components/CdsProgress/CdsProgress.d.ts +2 -2
  40. package/dist/components/CdsRadioButton/CdsRadio.d.ts +6 -6
  41. package/dist/components/CdsRadioButton/CdsRadioButton.d.ts +5 -5
  42. package/dist/components/CdsSelect/CdsSelect.d.ts +13 -13
  43. package/dist/components/CdsSidebar/CdsSidebar.d.ts +2 -2
  44. package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.d.ts +2 -2
  45. package/dist/components/CdsStages/CdsStages.d.ts +2 -2
  46. package/dist/components/CdsStatus/CdsStatus.d.ts +4 -4
  47. package/dist/components/CdsSteps/CdsSteps.d.ts +2 -2
  48. package/dist/components/CdsTable/CdsTable.d.ts +2 -2
  49. package/dist/components/CdsTable/components/TableProvider.d.ts +2 -2
  50. package/dist/components/CdsTabs/CdsTabs.d.ts +2 -2
  51. package/dist/components/CdsTag/CdsTag.d.ts +4 -4
  52. package/dist/components/CdsTextArea/CdsTextArea.d.ts +13 -13
  53. package/dist/components/CdsTextInput/CdsTextInput.d.ts +13 -13
  54. package/dist/components/CdsTimePicker/CdsTimePicker.d.ts +2 -2
  55. package/dist/components/CdsToggle/CdsToggle.d.ts +2 -2
  56. package/dist/components/CdsToolbar/CdsToolbar.d.ts +2 -2
  57. package/dist/components/CdsTooltip/CdsTooltip.d.ts +2 -2
  58. package/dist/components/CdsTree/CdsTree.d.ts +2 -2
  59. package/dist/components/CdsUploader/CdsUploader.d.ts +8 -8
  60. package/dist/components/CdsUploader/components/AjaxUploader.d.ts +6 -6
  61. package/dist/composable/theme.d.ts +2 -2
  62. package/dist/themes/colors.d.ts +2 -2
  63. package/dist/themes/index.d.ts +2 -0
  64. package/dist/themes/promoDark.d.ts +190 -0
  65. package/dist/themes/promoLight.d.ts +190 -0
  66. package/package.json +1 -1
  67. package/src/themes/colors.ts +2 -2
  68. package/src/themes/css/promoDark.css +184 -0
  69. package/src/themes/css/promoLight.css +184 -0
  70. package/src/themes/index.ts +2 -0
  71. package/src/themes/promoDark.ts +191 -0
  72. package/src/themes/promoLight.ts +191 -0
package/dist/components/CdsAutocomplete/CdsAutocomplete.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const componentName = "CdsAutocomplete";
4
4
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
5
  theme: {
6
6
  type: PropType<import('../../composable').TTheme | string>;
7
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
7
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
8
8
  default: undefined;
9
9
  };
10
10
  transition: {
@@ -334,7 +334,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
334
334
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
335
335
  theme: {
336
336
  type: PropType<import('../../composable').TTheme | string>;
337
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
337
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
338
338
  default: undefined;
339
339
  };
340
340
  transition: {
package/dist/components/CdsBadge/CdsBadge.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const componentName = "CdsBadge";
3
3
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
4
  theme: {
5
5
  type: PropType<import('../../composable').TTheme | string>;
6
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
6
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
7
7
  default: undefined;
8
8
  };
9
9
  invertColor: {
@@ -27,7 +27,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
27
27
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
28
28
  theme: {
29
29
  type: PropType<import('../../composable').TTheme | string>;
30
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
30
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
31
31
  default: undefined;
32
32
  };
33
33
  invertColor: {
package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.d.ts CHANGED
@@ -2,7 +2,7 @@ export declare const componentName = "CdsBreadcrumbs";
2
2
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
3
3
  theme: {
4
4
  type: import('vue').PropType<import('../../composable').TTheme | string>;
5
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
5
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
6
6
  default: undefined;
7
7
  };
8
8
  items: {
@@ -32,7 +32,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
32
32
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
33
33
  theme: {
34
34
  type: import('vue').PropType<import('../../composable').TTheme | string>;
35
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
35
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
36
36
  default: undefined;
37
37
  };
38
38
  items: {
package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const componentName = "CdsBreadcrumbsItem";
3
3
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
4
  theme: {
5
5
  type: PropType<import('../../composable').TTheme | string>;
6
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
6
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
7
7
  default: undefined;
8
8
  };
9
9
  href: {
@@ -28,7 +28,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
28
28
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
29
29
  theme: {
30
30
  type: PropType<import('../../composable').TTheme | string>;
31
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
31
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
32
32
  default: undefined;
33
33
  };
34
34
  href: {
package/dist/components/CdsButton/CdsButton.d.ts CHANGED
@@ -58,7 +58,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
58
58
  };
59
59
  theme: {
60
60
  type: PropType<import('../../composable').TTheme | string>;
61
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
61
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
62
62
  default: undefined;
63
63
  };
64
64
  appearance: {
@@ -158,7 +158,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
158
158
  };
159
159
  theme: {
160
160
  type: PropType<import('../../composable').TTheme | string>;
161
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
161
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
162
162
  default: undefined;
163
163
  };
164
164
  appearance: {
@@ -212,7 +212,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
212
212
  CdsLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
213
213
  theme: {
214
214
  type: PropType<import('../../composable').TTheme | string>;
215
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
215
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
216
216
  default: undefined;
217
217
  };
218
218
  size: {
@@ -249,7 +249,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
249
249
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
250
250
  theme: {
251
251
  type: PropType<import('../../composable').TTheme | string>;
252
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
252
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
253
253
  default: undefined;
254
254
  };
255
255
  size: {
@@ -283,7 +283,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
283
283
  CdsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
284
284
  theme: {
285
285
  type: PropType<import('../../composable').TTheme | string>;
286
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
286
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
287
287
  default: undefined;
288
288
  };
289
289
  invertColor: {
@@ -314,7 +314,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
314
314
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], never, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
315
315
  theme: {
316
316
  type: PropType<import('../../composable').TTheme | string>;
317
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
317
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
318
318
  default: undefined;
319
319
  };
320
320
  invertColor: {
package/dist/components/CdsCard/CdsCard.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const componentName = "CdsCard";
3
3
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
4
  theme: {
5
5
  type: PropType<import('../../composable').TTheme | string>;
6
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
6
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
7
7
  default: undefined;
8
8
  };
9
9
  disabled: {
@@ -120,7 +120,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
120
120
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
121
121
  theme: {
122
122
  type: PropType<import('../../composable').TTheme | string>;
123
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
123
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
124
124
  default: undefined;
125
125
  };
126
126
  disabled: {
package/dist/components/CdsCard/CdsCardGroup.d.ts CHANGED
@@ -2,7 +2,7 @@ export declare const componentName = "CdsCardGroup";
2
2
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
3
3
  theme: {
4
4
  type: import('vue').PropType<import('../../composable').TTheme | string>;
5
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
5
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
6
6
  default: undefined;
7
7
  };
8
8
  tag: {
@@ -41,7 +41,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
41
41
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
42
42
  theme: {
43
43
  type: import('vue').PropType<import('../../composable').TTheme | string>;
44
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
44
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
45
45
  default: undefined;
46
46
  };
47
47
  tag: {
package/dist/components/CdsCheckbox/CdsCheckbox.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const componentName = "CdsCheckbox";
4
4
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
5
  theme: {
6
6
  type: PropType<import('../../composable').TTheme | string>;
7
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
7
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
8
8
  default: undefined;
9
9
  };
10
10
  readonly: {
@@ -175,7 +175,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
175
175
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
176
176
  theme: {
177
177
  type: PropType<import('../../composable').TTheme | string>;
178
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
178
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
179
179
  default: undefined;
180
180
  };
181
181
  readonly: {
@@ -290,7 +290,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
290
290
  'onClick:append': PropType<import('../../utils').EventProp>;
291
291
  theme: {
292
292
  type: PropType<import('../../composable').TTheme | string>;
293
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
293
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
294
294
  default: undefined;
295
295
  };
296
296
  size: {
@@ -392,7 +392,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
392
392
  'onClick:append': PropType<import('../../utils').EventProp>;
393
393
  theme: {
394
394
  type: PropType<import('../../composable').TTheme | string>;
395
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
395
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
396
396
  default: undefined;
397
397
  };
398
398
  size: {
package/dist/components/CdsCheckbox/CdsCheckboxGroup.d.ts CHANGED
@@ -18,7 +18,7 @@ export declare const componentName = "CdsCheckboxGroup";
18
18
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
19
19
  theme: {
20
20
  type: import('vue').PropType<import('../../composable').TTheme | string>;
21
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
21
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
22
22
  default: undefined;
23
23
  };
24
24
  readonly: {
@@ -127,7 +127,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
127
127
  }, Partial<import('@vue/shared').LooseRequired<Readonly<import('vue').ExtractPropTypes<{
128
128
  theme: {
129
129
  type: import('vue').PropType<import('../../composable').TTheme | string>;
130
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
130
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
131
131
  default: undefined;
132
132
  };
133
133
  readonly: {
@@ -242,7 +242,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
242
242
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
243
243
  theme: {
244
244
  type: import('vue').PropType<import('../../composable').TTheme | string>;
245
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
245
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
246
246
  default: undefined;
247
247
  };
248
248
  readonly: {
@@ -352,7 +352,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
352
352
  'onClick:append': import('vue').PropType<import('../../utils').EventProp>;
353
353
  theme: {
354
354
  type: import('vue').PropType<import('../../composable').TTheme | string>;
355
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
355
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
356
356
  default: undefined;
357
357
  };
358
358
  size: {
@@ -454,7 +454,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
454
454
  'onClick:append': import('vue').PropType<import('../../utils').EventProp>;
455
455
  theme: {
456
456
  type: import('vue').PropType<import('../../composable').TTheme | string>;
457
- available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
457
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
458
458
  default: undefined;
459
459
  };
460
460
  size: {