@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.
- package/dist/cds.css +1 -1
- package/dist/cds.d.ts +3 -0
- package/dist/cds.es.js +9693 -8457
- package/dist/cds.umd.js +7 -3
- package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +114 -62
- package/dist/components/CdsBadge/CdsBadge.vue.d.ts +35 -14
- package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.vue.d.ts +12 -5
- package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue.d.ts +12 -6
- package/dist/components/CdsButton/CdsButton.vue.d.ts +25 -14
- package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +11 -0
- package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +13 -0
- package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +184 -470
- package/dist/components/CdsContainer/CdsContainer.vue.d.ts +37 -24
- package/dist/components/CdsContainer/CdsContainerItem.vue.d.ts +1 -1
- package/dist/components/CdsContentSwitcher/CdsContentSwitcher.vue.d.ts +66 -0
- package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.vue.d.ts +212 -0
- package/dist/components/CdsContentSwitcher/index.d.ts +2 -0
- package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +12 -7
- package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +12 -0
- package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +236 -485
- package/dist/components/CdsEmptyState/CdsEmptyState.vue.d.ts +3 -3
- package/dist/components/CdsExpandablePanel/CdsExpandablePanel.vue.d.ts +11 -11
- package/dist/components/CdsExpandablePanel/CdsExpandablePanelContent.vue.d.ts +1 -1
- package/dist/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue.d.ts +11 -11
- package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +14 -3
- package/dist/components/CdsExpandablePanel/composable/expandablePanelTitleProps.d.ts +2 -2
- package/dist/components/CdsFooter/CdsFooter.vue.d.ts +12 -1
- package/dist/components/CdsForm/CdsForm.vue.d.ts +12 -28
- package/dist/components/CdsHeader/CdsHeader.vue.d.ts +12 -1
- package/dist/components/CdsIcon/CdsIcon.vue.d.ts +16 -3
- package/dist/components/CdsInput/CdsInput.vue.d.ts +23 -39
- package/dist/components/CdsInput/CdsInputMessages.vue.d.ts +5 -5
- package/dist/components/CdsLayout/CdsLayout.vue.d.ts +13 -4
- package/dist/components/CdsLink/CdsLink.vue.d.ts +12 -0
- package/dist/components/CdsList/CdsList.vue.d.ts +12 -5
- package/dist/components/CdsList/CdsListGroup.vue.d.ts +7 -7
- package/dist/components/CdsList/CdsListItem.vue.d.ts +14 -26
- package/dist/components/CdsLoader/CdsLoader.vue.d.ts +12 -0
- package/dist/components/CdsMain/CdsMain.vue.d.ts +1 -1
- package/dist/components/CdsMenu/CdsMenu.vue.d.ts +12 -336
- package/dist/components/CdsModal/CdsModal.vue.d.ts +12 -341
- package/dist/components/CdsNotification/CdsNotification.vue.d.ts +35 -24
- package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +28 -351
- package/dist/components/CdsNotification/composable/notification.d.ts +3 -3
- package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +2 -8
- package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +11 -11
- package/dist/components/CdsPage/CdsPage.vue.d.ts +1 -1
- package/dist/components/CdsPagination/CdsPagination.vue.d.ts +13 -7
- package/dist/components/CdsProgress/CdsProgress.vue.d.ts +13 -2
- package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +224 -0
- package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +13 -0
- package/dist/components/CdsSelect/CdsSelect.vue.d.ts +77 -71
- package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +30 -8
- package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts +14 -3
- package/dist/components/CdsSlideGroup/CdsSlideGroup.vue.d.ts +19 -19
- package/dist/components/CdsStages/CdsStages.vue.d.ts +12 -0
- package/dist/components/CdsStatus/CdsStatus.vue.d.ts +12 -0
- package/dist/components/CdsSteps/CdsSteps.vue.d.ts +31 -28
- package/dist/components/CdsTable/CdsTable.vue.d.ts +42 -16
- package/dist/components/CdsTable/components/Table/InternalTable.d.ts +23 -5
- package/dist/components/CdsTable/components/TableProvider.d.ts +33 -4
- package/dist/components/CdsTable/composable/scroll.d.ts +4607 -0
- package/dist/components/CdsTable/composable/table.d.ts +7 -1
- package/dist/components/CdsTabs/CdsTab.vue.d.ts +10 -10
- package/dist/components/CdsTabs/CdsTabs.vue.d.ts +48 -37
- package/dist/components/CdsTag/CdsTag.vue.d.ts +12 -0
- package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +81 -67
- package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +87 -73
- package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +11 -0
- package/dist/components/CdsToggle/CdsToggle.vue.d.ts +14 -9
- package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +11 -0
- package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +20 -335
- package/dist/components/CdsUploader/CdsUploader.vue.d.ts +61 -389
- package/dist/components/CdsUploader/components/AjaxUploader.d.ts +16 -16
- package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +42 -24
- package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +42 -24
- package/dist/components/CdsUploader/composable/upload.d.ts +25 -15
- package/dist/components/index.d.ts +3 -0
- package/dist/composable/datetime.d.ts +2 -2
- package/dist/composable/delay.d.ts +2 -2
- package/dist/composable/field.d.ts +5 -3
- package/dist/composable/filter.d.ts +8 -0
- package/dist/composable/form.d.ts +1 -1
- package/dist/composable/group.d.ts +2 -2
- package/dist/composable/icon.d.ts +2 -2
- package/dist/composable/index.d.ts +1 -0
- package/dist/composable/items.d.ts +6 -0
- package/dist/composable/loading.d.ts +2 -2
- package/dist/composable/nested/nested.d.ts +1 -2
- package/dist/composable/select.d.ts +31 -3
- package/dist/composable/tag.d.ts +0 -3
- package/dist/composable/theme.d.ts +82 -0
- package/dist/composable/variant.d.ts +1 -1
- package/dist/create.d.ts +5 -1
- package/dist/directives/index.d.ts +1 -0
- package/dist/directives/intersect/index.d.ts +19 -0
- package/dist/globals.d.ts +8 -0
- package/dist/themes/b2b.d.ts +26 -0
- package/dist/themes/cds.d.ts +26 -0
- package/dist/themes/dark.d.ts +26 -0
- package/dist/themes/index.d.ts +5 -0
- package/dist/themes/promo.d.ts +26 -0
- package/dist/themes/themes.d.ts +10 -0
- package/dist/transitions/createTransition.d.ts +1 -1
- package/dist/transitions/index.d.ts +10 -10
- package/dist/utils/colors.d.ts +368 -0
- package/dist/utils/colorsUtils/APCA.d.ts +7 -0
- package/dist/utils/colorsUtils/index.d.ts +1 -0
- package/dist/utils/colorsUtils/transformCIELAB.d.ts +3 -0
- package/dist/utils/colorsUtils/transformSRGB.d.ts +3 -0
- package/dist/utils/colorsUtils/utils.d.ts +41 -0
- package/dist/utils/date/date.d.ts +12 -12
- package/dist/utils/helpers.d.ts +30 -0
- package/dist/utils/index.d.ts +2 -0
- package/package.json +1 -1
- package/src/scss/modules/grid/_mixins.scss +4 -2
- package/src/scss/themes/index.ts +1 -1
- package/src/scss/utility/display.scss +56 -5
- package/src/scss/utility/flexbox.scss +26 -28
- package/src/scss/utility/index.scss +0 -2
- package/src/scss/utility/layout.scss +65 -3
- package/src/scss/utility/spacing.scss +46 -86
- package/src/scss/utility/variables/display.scss +10 -0
- package/src/scss/utility/variables/exports/_display.scss +7 -0
- package/src/scss/utility/variables/exports/_flex.scss +13 -0
- package/src/scss/utility/variables/exports/_overflow.scss +7 -0
- package/src/scss/utility/variables/exports/_position.scss +7 -0
- package/src/scss/utility/variables/exports/_spacing.scss +14 -0
- package/src/scss/utility/variables/exports/_visibility.scss +7 -0
- package/src/scss/utility/variables/exports/_widthHeight.scss +7 -0
- package/src/scss/utility/variables/flex.scss +140 -0
- package/src/scss/utility/variables/index.scss +11 -0
- package/src/scss/utility/variables/overflow.scss +6 -0
- package/src/scss/utility/variables/position.scss +7 -0
- package/src/scss/utility/variables/spacing.scss +37 -0
- package/src/scss/utility/variables/visibility.scss +5 -0
- package/src/scss/utility/variables/widthHeight.scss +69 -0
- package/src/scss/utility/generatedFiles/generatedStyles.json +0 -1
- package/src/scss/utility/generatedFiles/generatedStyles.scss +0 -300
- package/src/scss/utility/typography.scss +0 -16
- 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[];
|