@central-design-system/components 3.0.0-beta.0 → 3.0.0-beta.11

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 (141) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +3 -0
  3. package/dist/cds.es.js +9693 -8457
  4. package/dist/cds.umd.js +7 -3
  5. package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +114 -62
  6. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +35 -14
  7. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.vue.d.ts +12 -5
  8. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue.d.ts +12 -6
  9. package/dist/components/CdsButton/CdsButton.vue.d.ts +25 -14
  10. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +11 -0
  11. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +13 -0
  12. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +184 -470
  13. package/dist/components/CdsContainer/CdsContainer.vue.d.ts +37 -24
  14. package/dist/components/CdsContainer/CdsContainerItem.vue.d.ts +1 -1
  15. package/dist/components/CdsContentSwitcher/CdsContentSwitcher.vue.d.ts +66 -0
  16. package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.vue.d.ts +212 -0
  17. package/dist/components/CdsContentSwitcher/index.d.ts +2 -0
  18. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +12 -7
  19. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +12 -0
  20. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +236 -485
  21. package/dist/components/CdsEmptyState/CdsEmptyState.vue.d.ts +3 -3
  22. package/dist/components/CdsExpandablePanel/CdsExpandablePanel.vue.d.ts +11 -11
  23. package/dist/components/CdsExpandablePanel/CdsExpandablePanelContent.vue.d.ts +1 -1
  24. package/dist/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue.d.ts +11 -11
  25. package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +14 -3
  26. package/dist/components/CdsExpandablePanel/composable/expandablePanelTitleProps.d.ts +2 -2
  27. package/dist/components/CdsFooter/CdsFooter.vue.d.ts +12 -1
  28. package/dist/components/CdsForm/CdsForm.vue.d.ts +12 -28
  29. package/dist/components/CdsHeader/CdsHeader.vue.d.ts +12 -1
  30. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +16 -3
  31. package/dist/components/CdsInput/CdsInput.vue.d.ts +23 -39
  32. package/dist/components/CdsInput/CdsInputMessages.vue.d.ts +5 -5
  33. package/dist/components/CdsLayout/CdsLayout.vue.d.ts +13 -4
  34. package/dist/components/CdsLink/CdsLink.vue.d.ts +12 -0
  35. package/dist/components/CdsList/CdsList.vue.d.ts +12 -5
  36. package/dist/components/CdsList/CdsListGroup.vue.d.ts +7 -7
  37. package/dist/components/CdsList/CdsListItem.vue.d.ts +14 -26
  38. package/dist/components/CdsLoader/CdsLoader.vue.d.ts +12 -0
  39. package/dist/components/CdsMain/CdsMain.vue.d.ts +1 -1
  40. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +12 -336
  41. package/dist/components/CdsModal/CdsModal.vue.d.ts +12 -341
  42. package/dist/components/CdsNotification/CdsNotification.vue.d.ts +35 -24
  43. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +28 -351
  44. package/dist/components/CdsNotification/composable/notification.d.ts +3 -3
  45. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +2 -8
  46. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +11 -11
  47. package/dist/components/CdsPage/CdsPage.vue.d.ts +1 -1
  48. package/dist/components/CdsPagination/CdsPagination.vue.d.ts +13 -7
  49. package/dist/components/CdsProgress/CdsProgress.vue.d.ts +13 -2
  50. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +224 -0
  51. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +13 -0
  52. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +77 -71
  53. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +30 -8
  54. package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts +14 -3
  55. package/dist/components/CdsSlideGroup/CdsSlideGroup.vue.d.ts +19 -19
  56. package/dist/components/CdsStages/CdsStages.vue.d.ts +12 -0
  57. package/dist/components/CdsStatus/CdsStatus.vue.d.ts +12 -0
  58. package/dist/components/CdsSteps/CdsSteps.vue.d.ts +31 -28
  59. package/dist/components/CdsTable/CdsTable.vue.d.ts +42 -16
  60. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +23 -5
  61. package/dist/components/CdsTable/components/TableProvider.d.ts +33 -4
  62. package/dist/components/CdsTable/composable/scroll.d.ts +4607 -0
  63. package/dist/components/CdsTable/composable/table.d.ts +7 -1
  64. package/dist/components/CdsTabs/CdsTab.vue.d.ts +10 -10
  65. package/dist/components/CdsTabs/CdsTabs.vue.d.ts +48 -37
  66. package/dist/components/CdsTag/CdsTag.vue.d.ts +12 -0
  67. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +81 -67
  68. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +87 -73
  69. package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +11 -0
  70. package/dist/components/CdsToggle/CdsToggle.vue.d.ts +14 -9
  71. package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +11 -0
  72. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +20 -335
  73. package/dist/components/CdsUploader/CdsUploader.vue.d.ts +61 -389
  74. package/dist/components/CdsUploader/components/AjaxUploader.d.ts +16 -16
  75. package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +42 -24
  76. package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +42 -24
  77. package/dist/components/CdsUploader/composable/upload.d.ts +25 -15
  78. package/dist/components/index.d.ts +3 -0
  79. package/dist/composable/datetime.d.ts +2 -2
  80. package/dist/composable/delay.d.ts +2 -2
  81. package/dist/composable/field.d.ts +5 -3
  82. package/dist/composable/filter.d.ts +8 -0
  83. package/dist/composable/form.d.ts +1 -1
  84. package/dist/composable/group.d.ts +2 -2
  85. package/dist/composable/icon.d.ts +2 -2
  86. package/dist/composable/index.d.ts +1 -0
  87. package/dist/composable/items.d.ts +6 -0
  88. package/dist/composable/loading.d.ts +2 -2
  89. package/dist/composable/nested/nested.d.ts +1 -2
  90. package/dist/composable/select.d.ts +31 -3
  91. package/dist/composable/tag.d.ts +0 -3
  92. package/dist/composable/theme.d.ts +82 -0
  93. package/dist/composable/variant.d.ts +1 -1
  94. package/dist/create.d.ts +5 -1
  95. package/dist/directives/index.d.ts +1 -0
  96. package/dist/directives/intersect/index.d.ts +19 -0
  97. package/dist/globals.d.ts +8 -0
  98. package/dist/themes/b2b.d.ts +26 -0
  99. package/dist/themes/cds.d.ts +26 -0
  100. package/dist/themes/dark.d.ts +26 -0
  101. package/dist/themes/index.d.ts +5 -0
  102. package/dist/themes/promo.d.ts +26 -0
  103. package/dist/themes/themes.d.ts +10 -0
  104. package/dist/transitions/createTransition.d.ts +1 -1
  105. package/dist/transitions/index.d.ts +10 -10
  106. package/dist/utils/colors.d.ts +368 -0
  107. package/dist/utils/colorsUtils/APCA.d.ts +7 -0
  108. package/dist/utils/colorsUtils/index.d.ts +1 -0
  109. package/dist/utils/colorsUtils/transformCIELAB.d.ts +3 -0
  110. package/dist/utils/colorsUtils/transformSRGB.d.ts +3 -0
  111. package/dist/utils/colorsUtils/utils.d.ts +41 -0
  112. package/dist/utils/date/date.d.ts +12 -12
  113. package/dist/utils/helpers.d.ts +30 -0
  114. package/dist/utils/index.d.ts +2 -0
  115. package/package.json +1 -1
  116. package/src/scss/modules/grid/_mixins.scss +4 -2
  117. package/src/scss/themes/index.ts +1 -1
  118. package/src/scss/utility/display.scss +56 -5
  119. package/src/scss/utility/flexbox.scss +26 -28
  120. package/src/scss/utility/index.scss +0 -2
  121. package/src/scss/utility/layout.scss +65 -3
  122. package/src/scss/utility/spacing.scss +46 -86
  123. package/src/scss/utility/variables/display.scss +10 -0
  124. package/src/scss/utility/variables/exports/_display.scss +7 -0
  125. package/src/scss/utility/variables/exports/_flex.scss +13 -0
  126. package/src/scss/utility/variables/exports/_overflow.scss +7 -0
  127. package/src/scss/utility/variables/exports/_position.scss +7 -0
  128. package/src/scss/utility/variables/exports/_spacing.scss +14 -0
  129. package/src/scss/utility/variables/exports/_visibility.scss +7 -0
  130. package/src/scss/utility/variables/exports/_widthHeight.scss +7 -0
  131. package/src/scss/utility/variables/flex.scss +140 -0
  132. package/src/scss/utility/variables/index.scss +11 -0
  133. package/src/scss/utility/variables/overflow.scss +6 -0
  134. package/src/scss/utility/variables/position.scss +7 -0
  135. package/src/scss/utility/variables/spacing.scss +37 -0
  136. package/src/scss/utility/variables/visibility.scss +5 -0
  137. package/src/scss/utility/variables/widthHeight.scss +69 -0
  138. package/src/scss/utility/generatedFiles/generatedStyles.json +0 -1
  139. package/src/scss/utility/generatedFiles/generatedStyles.scss +0 -300
  140. package/src/scss/utility/typography.scss +0 -16
  141. package/src/scss/utility/variables.scss +0 -116
@@ -6,6 +6,11 @@ declare const _default: import("vue").DefineComponent<{
6
6
  type: PropType<IContextSlots>;
7
7
  required: true;
8
8
  };
9
+ theme: {
10
+ type: PropType<string>;
11
+ available: readonly ["cds", "b2b", "promo", "dark"];
12
+ default: undefined;
13
+ };
9
14
  readonly: {
10
15
  type: PropType<boolean>;
11
16
  default: boolean;
@@ -109,6 +114,7 @@ declare const _default: import("vue").DefineComponent<{
109
114
  showSorterTooltip: {
110
115
  type: PropType<boolean | Omit<Partial<{
111
116
  disabled: boolean;
117
+ theme: string;
112
118
  id: string;
113
119
  location: NonNullable<import('../../../utils').TAnchor>;
114
120
  text: string;
@@ -327,6 +333,11 @@ declare const _default: import("vue").DefineComponent<{
327
333
  type: PropType<boolean>;
328
334
  default: boolean;
329
335
  };
336
+ theme: {
337
+ type: PropType<string>;
338
+ available: readonly ["cds", "b2b", "promo", "dark"];
339
+ default: undefined;
340
+ };
330
341
  text: {
331
342
  type: PropType<string>;
332
343
  default: undefined;
@@ -341,7 +352,7 @@ declare const _default: import("vue").DefineComponent<{
341
352
  };
342
353
  }>> & {
343
354
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
344
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
355
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
345
356
  default: boolean;
346
357
  };
347
358
  expandFixed: {
@@ -437,6 +448,11 @@ declare const _default: import("vue").DefineComponent<{
437
448
  type: PropType<IContextSlots>;
438
449
  required: true;
439
450
  };
451
+ theme: {
452
+ type: PropType<string>;
453
+ available: readonly ["cds", "b2b", "promo", "dark"];
454
+ default: undefined;
455
+ };
440
456
  readonly: {
441
457
  type: PropType<boolean>;
442
458
  default: boolean;
@@ -540,6 +556,7 @@ declare const _default: import("vue").DefineComponent<{
540
556
  showSorterTooltip: {
541
557
  type: PropType<boolean | Omit<Partial<{
542
558
  disabled: boolean;
559
+ theme: string;
543
560
  id: string;
544
561
  location: NonNullable<import('../../../utils').TAnchor>;
545
562
  text: string;
@@ -758,6 +775,11 @@ declare const _default: import("vue").DefineComponent<{
758
775
  type: PropType<boolean>;
759
776
  default: boolean;
760
777
  };
778
+ theme: {
779
+ type: PropType<string>;
780
+ available: readonly ["cds", "b2b", "promo", "dark"];
781
+ default: undefined;
782
+ };
761
783
  text: {
762
784
  type: PropType<string>;
763
785
  default: undefined;
@@ -772,7 +794,7 @@ declare const _default: import("vue").DefineComponent<{
772
794
  };
773
795
  }>> & {
774
796
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
775
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
797
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
776
798
  default: boolean;
777
799
  };
778
800
  expandFixed: {
@@ -864,6 +886,7 @@ declare const _default: import("vue").DefineComponent<{
864
886
  }, {
865
887
  size: "xs" | "sm" | "md" | "lg" | "xl";
866
888
  disabled: boolean;
889
+ theme: string;
867
890
  id: string;
868
891
  components: NTable.NCustomize.TableComponents<any>;
869
892
  data: any[];
@@ -874,7 +897,6 @@ declare const _default: import("vue").DefineComponent<{
874
897
  header: NTable.NRender.TPanelRender<any>;
875
898
  expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
876
899
  bordered: boolean;
877
- footer: NTable.NRender.TPanelRender<any>;
878
900
  columns: NTable.NColumn.TColumns<any>;
879
901
  scroll: NTable.TScroll & {
880
902
  scrollToFirstRowOnChange?: boolean | undefined;
@@ -886,12 +908,14 @@ declare const _default: import("vue").DefineComponent<{
886
908
  sticky: boolean | NTable.NSticky.ISticky;
887
909
  hovered: boolean;
888
910
  borderless: boolean;
911
+ footer: NTable.NRender.TPanelRender<any>;
889
912
  customRow: NTable.NCustomize.TGetComponentProps<any>;
890
913
  customHeaderRow: NTable.NCustomize.TGetComponentProps<NTable.NColumn.IColumn<any>[]>;
891
914
  pagination: false | NTable.NPagination.IProps;
892
915
  sortDirection: string[];
893
916
  showSorterTooltip: boolean | Omit<Partial<{
894
917
  disabled: boolean;
918
+ theme: string;
895
919
  id: string;
896
920
  location: NonNullable<import('../../../utils').TAnchor>;
897
921
  text: string;
@@ -1110,6 +1134,11 @@ declare const _default: import("vue").DefineComponent<{
1110
1134
  type: PropType<boolean>;
1111
1135
  default: boolean;
1112
1136
  };
1137
+ theme: {
1138
+ type: PropType<string>;
1139
+ available: readonly ["cds", "b2b", "promo", "dark"];
1140
+ default: undefined;
1141
+ };
1113
1142
  text: {
1114
1143
  type: PropType<string>;
1115
1144
  default: undefined;
@@ -1124,7 +1153,7 @@ declare const _default: import("vue").DefineComponent<{
1124
1153
  };
1125
1154
  }>> & {
1126
1155
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1127
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
1156
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
1128
1157
  expandFixed: NTable.TFixed;
1129
1158
  expandColumnWidth: number;
1130
1159
  expandedRowKeys: NTable.TKey[];