@central-design-system/components 3.0.0-beta.4 → 3.0.0-beta.6
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.es.js +3095 -3046
- package/dist/cds.umd.js +2 -2
- package/dist/components/CdsBadge/CdsBadge.vue.d.ts +17 -2
- package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +49 -3
- package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +1 -1
- package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +1 -1
- package/dist/components/CdsTable/CdsTable.vue.d.ts +1 -1
- package/dist/components/CdsTable/components/Table/InternalTable.d.ts +1 -1
- package/dist/components/CdsTable/components/TableProvider.d.ts +1 -1
- package/dist/components/CdsUploader/CdsUploader.vue.d.ts +1 -1
- package/package.json +1 -1
- package/src/scss/themes/b2b/tokens.json +104 -104
- package/src/scss/themes/cds/tokens.json +104 -104
- 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 +11 -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 +99 -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
|
@@ -1,29 +1,44 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
2
|
export declare const componentName = "CdsBadge";
|
|
3
3
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
|
+
variant: {
|
|
5
|
+
type: PropType<any>;
|
|
6
|
+
default: string;
|
|
7
|
+
validator: (value: "default" | "important") => boolean;
|
|
8
|
+
};
|
|
4
9
|
dark: {
|
|
5
10
|
type: PropType<boolean>;
|
|
6
11
|
default: boolean;
|
|
7
12
|
};
|
|
13
|
+
/**
|
|
14
|
+
* Число для счетчика
|
|
15
|
+
*/
|
|
8
16
|
count: {
|
|
9
17
|
type: PropType<string | number>;
|
|
10
18
|
required: true;
|
|
11
19
|
default: number;
|
|
12
|
-
description: string;
|
|
13
20
|
};
|
|
14
21
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
variant: {
|
|
23
|
+
type: PropType<any>;
|
|
24
|
+
default: string;
|
|
25
|
+
validator: (value: "default" | "important") => boolean;
|
|
26
|
+
};
|
|
15
27
|
dark: {
|
|
16
28
|
type: PropType<boolean>;
|
|
17
29
|
default: boolean;
|
|
18
30
|
};
|
|
31
|
+
/**
|
|
32
|
+
* Число для счетчика
|
|
33
|
+
*/
|
|
19
34
|
count: {
|
|
20
35
|
type: PropType<string | number>;
|
|
21
36
|
required: true;
|
|
22
37
|
default: number;
|
|
23
|
-
description: string;
|
|
24
38
|
};
|
|
25
39
|
}>>, {
|
|
26
40
|
dark: boolean;
|
|
41
|
+
variant: any;
|
|
27
42
|
count: string | number;
|
|
28
43
|
}>;
|
|
29
44
|
export default _sfc_main;
|
|
@@ -82,7 +82,53 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
82
82
|
type: PropType<boolean>;
|
|
83
83
|
default: boolean;
|
|
84
84
|
};
|
|
85
|
-
}, {
|
|
85
|
+
}, {
|
|
86
|
+
id: import("vue").ComputedRef<string>;
|
|
87
|
+
model: import("vue").Ref<any> & {
|
|
88
|
+
readonly externalValue: any;
|
|
89
|
+
};
|
|
90
|
+
hasDescription: import("vue").ComputedRef<boolean>;
|
|
91
|
+
inputProps: import("vue").Ref<{
|
|
92
|
+
[x: string]: unknown;
|
|
93
|
+
id?: string | undefined;
|
|
94
|
+
label?: string | undefined;
|
|
95
|
+
description?: string | undefined;
|
|
96
|
+
value?: any;
|
|
97
|
+
messages?: string | string[] | undefined;
|
|
98
|
+
persistentMessages?: boolean | undefined;
|
|
99
|
+
disabled?: boolean | undefined;
|
|
100
|
+
error?: boolean | undefined;
|
|
101
|
+
errorMessages?: string | string[] | undefined;
|
|
102
|
+
focused?: boolean | undefined;
|
|
103
|
+
maxErrors?: string | number | undefined;
|
|
104
|
+
name?: string | undefined;
|
|
105
|
+
readonly?: boolean | undefined;
|
|
106
|
+
rules?: (import("../../composable").TValidationResult | ((value: any) => import("../../composable").TValidationResult) | ((value: any) => PromiseLike<import("../../composable").TValidationResult>) | {
|
|
107
|
+
then: <TResult1 = import("../../composable").TValidationResult, TResult2 = never>(onfulfilled?: ((value: import("../../composable").TValidationResult) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => PromiseLike<TResult1 | TResult2>;
|
|
108
|
+
})[] | undefined;
|
|
109
|
+
modelValue?: any;
|
|
110
|
+
validateOn?: "input" | "blur" | "submit" | undefined;
|
|
111
|
+
validationValue?: any;
|
|
112
|
+
hideMessages?: boolean | undefined;
|
|
113
|
+
}>;
|
|
114
|
+
rootAttrs: import("vue").Ref<{}>;
|
|
115
|
+
inputAttrs: import("vue").Ref<{}>;
|
|
116
|
+
isFocused: import("vue").Ref<boolean>;
|
|
117
|
+
ariaChecked: import("vue").ComputedRef<any>;
|
|
118
|
+
internalDisabled: import("vue").ComputedRef<boolean>;
|
|
119
|
+
internalReadonly: import("vue").ComputedRef<boolean>;
|
|
120
|
+
internalError: import("vue").ComputedRef<boolean>;
|
|
121
|
+
isGroup: import("vue").Ref<boolean>;
|
|
122
|
+
checkboxClasses: import("vue").ComputedRef<{
|
|
123
|
+
'cds-checkbox--disabled': boolean;
|
|
124
|
+
'cds-checkbox--checked': any;
|
|
125
|
+
'cds-checkbox--indeterminate': boolean;
|
|
126
|
+
}>;
|
|
127
|
+
onBlur: () => void;
|
|
128
|
+
onFocus: () => void;
|
|
129
|
+
onInput: (event: Event) => void;
|
|
130
|
+
onChange: () => void;
|
|
131
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
86
132
|
/**
|
|
87
133
|
* Событие при фокусе
|
|
88
134
|
* @type { boolean }
|
|
@@ -92,12 +138,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
92
138
|
* Событие при изменении значения (v-model)
|
|
93
139
|
* @type { boolean }
|
|
94
140
|
*/
|
|
95
|
-
'update:modelValue': (value: any) =>
|
|
141
|
+
'update:modelValue': (value: any) => true;
|
|
96
142
|
/**
|
|
97
143
|
* Событие при изменении промежуточного состояния
|
|
98
144
|
* @type { boolean }
|
|
99
145
|
*/
|
|
100
|
-
'update:indeterminate': (value: boolean) =>
|
|
146
|
+
'update:indeterminate': (value: boolean) => true;
|
|
101
147
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
102
148
|
readonly: {
|
|
103
149
|
type: PropType<boolean>;
|
|
@@ -107,9 +107,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
107
107
|
required: boolean | "force";
|
|
108
108
|
modelValue: any;
|
|
109
109
|
readonly: boolean;
|
|
110
|
+
variant: "default" | "accordion";
|
|
110
111
|
appearance: "primary" | "secondary" | "transparent";
|
|
111
112
|
selectedClass: string;
|
|
112
113
|
max: number;
|
|
113
|
-
variant: "default" | "accordion";
|
|
114
114
|
}>;
|
|
115
115
|
export default _sfc_main;
|
|
@@ -415,6 +415,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
415
415
|
transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
|
|
416
416
|
component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
|
|
417
417
|
})>;
|
|
418
|
+
variant: any;
|
|
418
419
|
attach: string | boolean | Element;
|
|
419
420
|
contained: boolean;
|
|
420
421
|
persistent: boolean;
|
|
@@ -443,7 +444,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
443
444
|
maxWidth: string | number;
|
|
444
445
|
minHeight: string | number;
|
|
445
446
|
minWidth: string | number;
|
|
446
|
-
variant: any;
|
|
447
447
|
customIcon: "search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
|
|
448
448
|
closable: boolean;
|
|
449
449
|
closeLabel: string;
|
|
@@ -882,6 +882,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
882
882
|
locale: "ru" | "en" | import("../../locale").ILocale;
|
|
883
883
|
loading: boolean;
|
|
884
884
|
readonly: boolean;
|
|
885
|
+
onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
|
|
885
886
|
header: NTable.NRender.TPanelRender<any>;
|
|
886
887
|
expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
|
|
887
888
|
bordered: boolean;
|
|
@@ -889,7 +890,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
889
890
|
scroll: NTable.TScroll & {
|
|
890
891
|
scrollToFirstRowOnChange?: boolean | undefined;
|
|
891
892
|
};
|
|
892
|
-
onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
|
|
893
893
|
rowKey: string | NTable.NRow.TGetRowKey<any>;
|
|
894
894
|
rowClassName: string | NTable.NRow.TClassName<any>;
|
|
895
895
|
tableLayout: NTable.TLayout;
|
|
@@ -877,6 +877,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
877
877
|
locale: "ru" | "en" | import("../../../../locale").ILocale;
|
|
878
878
|
loading: boolean;
|
|
879
879
|
readonly: boolean;
|
|
880
|
+
onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
|
|
880
881
|
header: NTable.NRender.TPanelRender<any>;
|
|
881
882
|
expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
|
|
882
883
|
bordered: boolean;
|
|
@@ -884,7 +885,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
884
885
|
scroll: NTable.TScroll & {
|
|
885
886
|
scrollToFirstRowOnChange?: boolean | undefined;
|
|
886
887
|
};
|
|
887
|
-
onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
|
|
888
888
|
rowKey: string | NTable.NRow.TGetRowKey<any>;
|
|
889
889
|
rowClassName: string | NTable.NRow.TClassName<any>;
|
|
890
890
|
tableLayout: NTable.TLayout;
|
|
@@ -870,6 +870,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
870
870
|
locale: "ru" | "en" | import("../../../locale").ILocale;
|
|
871
871
|
loading: boolean;
|
|
872
872
|
readonly: boolean;
|
|
873
|
+
onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
|
|
873
874
|
header: NTable.NRender.TPanelRender<any>;
|
|
874
875
|
expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
|
|
875
876
|
bordered: boolean;
|
|
@@ -877,7 +878,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
877
878
|
scroll: NTable.TScroll & {
|
|
878
879
|
scrollToFirstRowOnChange?: boolean | undefined;
|
|
879
880
|
};
|
|
880
|
-
onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
|
|
881
881
|
rowKey: string | NTable.NRow.TGetRowKey<any>;
|
|
882
882
|
rowClassName: string | NTable.NRow.TClassName<any>;
|
|
883
883
|
tableLayout: NTable.TLayout;
|
|
@@ -466,8 +466,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
466
466
|
};
|
|
467
467
|
}>> & {
|
|
468
468
|
"onUpdate:modelValue"?: ((fileList: NUploader.IUploadFile<any>[]) => any) | undefined;
|
|
469
|
-
onRemove?: ((file: NUploader.IUploadFile<any>) => any) | undefined;
|
|
470
469
|
onChange?: ((info: NUploader.IUploadChangeParam<NUploader.IUploadFile<any>>) => any) | undefined;
|
|
470
|
+
onRemove?: ((file: NUploader.IUploadFile<any>) => any) | undefined;
|
|
471
471
|
onDownload?: ((file: NUploader.IUploadFile<any>) => any) | undefined;
|
|
472
472
|
onError?: ((error: NUploader.IUploadRequestError | ProgressEvent<EventTarget>, response: any, file: NUploader.IUploadFile<any>) => any) | undefined;
|
|
473
473
|
onSuccess?: ((response: Record<string, unknown>, file: NUploader.IUploadFile<any>) => any) | undefined;
|