@central-design-system/components 3.0.0-alpha.4 → 3.0.0-alpha.5
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 +4 -3
- package/dist/cds.es.js +4036 -3634
- package/dist/cds.umd.js +1 -1
- package/dist/components/CdsButton/CdsButton.vue.d.ts +9 -0
- package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +11 -11
- package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +18 -18
- package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +109 -167
- package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +17 -17
- package/dist/components/CdsDatePicker/composable/calendar.d.ts +3 -1
- package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +76 -77
- package/dist/components/CdsForm/CdsForm.vue.d.ts +1 -1
- package/dist/components/CdsInput/CdsInput.vue.d.ts +11 -11
- package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +18 -18
- package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +18 -18
- package/dist/components/CdsSelect/CdsSelect.vue.d.ts +51 -33
- package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +83 -62
- package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +37 -73
- package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +171 -0
- package/dist/components/CdsTimePicker/composable/index.d.ts +1 -0
- package/dist/components/CdsTimePicker/composable/time.d.ts +134 -0
- package/dist/components/index.d.ts +2 -1
- package/dist/composable/datetime.d.ts +2 -17
- package/dist/composable/index.d.ts +1 -0
- package/dist/composable/readonly.d.ts +19 -0
- package/dist/composable/validation.d.ts +0 -16
- package/dist/utils/date.d.ts +2 -1
- package/dist/utils/helpers.d.ts +1 -0
- package/package.json +1 -1
- package/src/scss/themes/index.ts +1 -1
- package/src/utils/date.ts +9 -3
- package/src/utils/helpers.ts +2 -1
|
@@ -17,6 +17,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
17
17
|
type: PropType<import("vue-router").RouteLocationRaw>;
|
|
18
18
|
default: undefined;
|
|
19
19
|
};
|
|
20
|
+
readonly: {
|
|
21
|
+
type: PropType<boolean>;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
20
24
|
disabled: {
|
|
21
25
|
type: PropType<boolean>;
|
|
22
26
|
default: boolean;
|
|
@@ -87,6 +91,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
87
91
|
type: PropType<import("vue-router").RouteLocationRaw>;
|
|
88
92
|
default: undefined;
|
|
89
93
|
};
|
|
94
|
+
readonly: {
|
|
95
|
+
type: PropType<boolean>;
|
|
96
|
+
default: boolean;
|
|
97
|
+
};
|
|
90
98
|
disabled: {
|
|
91
99
|
type: PropType<boolean>;
|
|
92
100
|
default: boolean;
|
|
@@ -134,6 +142,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
134
142
|
appearance: "primary" | "secondary" | "transparent";
|
|
135
143
|
prependIcon: "link" | "filters" | "search" | "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" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "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" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
|
|
136
144
|
appendIcon: "link" | "filters" | "search" | "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" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "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" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
|
|
145
|
+
readonly: boolean;
|
|
137
146
|
loading: boolean;
|
|
138
147
|
iconOnly: boolean;
|
|
139
148
|
}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
2
|
export declare const componentName = "CdsCheckbox";
|
|
3
3
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
|
-
|
|
4
|
+
readonly: {
|
|
5
5
|
type: PropType<boolean>;
|
|
6
6
|
default: boolean;
|
|
7
7
|
};
|
|
@@ -9,6 +9,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
9
9
|
type: PropType<boolean>;
|
|
10
10
|
default: boolean;
|
|
11
11
|
};
|
|
12
|
+
focused: {
|
|
13
|
+
type: PropType<boolean>;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
12
16
|
error: {
|
|
13
17
|
type: PropType<boolean>;
|
|
14
18
|
default: boolean;
|
|
@@ -25,10 +29,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
25
29
|
type: PropType<string | undefined>;
|
|
26
30
|
default: undefined;
|
|
27
31
|
};
|
|
28
|
-
readonly: {
|
|
29
|
-
type: PropType<boolean>;
|
|
30
|
-
default: boolean;
|
|
31
|
-
};
|
|
32
32
|
rules: {
|
|
33
33
|
type: PropType<import("../../composable").TValidationRule[]>;
|
|
34
34
|
default: () => never[];
|
|
@@ -145,7 +145,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
145
145
|
*/
|
|
146
146
|
'update:indeterminate': (value: boolean) => true;
|
|
147
147
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
148
|
-
|
|
148
|
+
readonly: {
|
|
149
149
|
type: PropType<boolean>;
|
|
150
150
|
default: boolean;
|
|
151
151
|
};
|
|
@@ -153,6 +153,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
153
153
|
type: PropType<boolean>;
|
|
154
154
|
default: boolean;
|
|
155
155
|
};
|
|
156
|
+
focused: {
|
|
157
|
+
type: PropType<boolean>;
|
|
158
|
+
default: boolean;
|
|
159
|
+
};
|
|
156
160
|
error: {
|
|
157
161
|
type: PropType<boolean>;
|
|
158
162
|
default: boolean;
|
|
@@ -169,10 +173,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
169
173
|
type: PropType<string | undefined>;
|
|
170
174
|
default: undefined;
|
|
171
175
|
};
|
|
172
|
-
readonly: {
|
|
173
|
-
type: PropType<boolean>;
|
|
174
|
-
default: boolean;
|
|
175
|
-
};
|
|
176
176
|
rules: {
|
|
177
177
|
type: PropType<import("../../composable").TValidationRule[]>;
|
|
178
178
|
default: () => never[];
|
|
@@ -236,13 +236,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
236
236
|
disabled: boolean;
|
|
237
237
|
value: any;
|
|
238
238
|
error: boolean;
|
|
239
|
+
readonly: boolean;
|
|
239
240
|
messages: string | string[];
|
|
240
241
|
id: string;
|
|
241
242
|
label: string;
|
|
242
243
|
persistentMessages: boolean;
|
|
243
244
|
errorMessages: string | string[];
|
|
244
245
|
maxErrors: string | number;
|
|
245
|
-
readonly: boolean;
|
|
246
246
|
rules: import("../../composable").TValidationRule[];
|
|
247
247
|
modelValue: any;
|
|
248
248
|
validateOn: "input" | "blur" | "submit";
|
|
@@ -16,6 +16,14 @@ export declare const checkboxGroupProvideDefaultValue: ICheckboxGroupProvide;
|
|
|
16
16
|
export declare const CheckboxGroupKey: unique symbol;
|
|
17
17
|
export declare const componentName = "CdsCheckboxGroup";
|
|
18
18
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
19
|
+
readonly: {
|
|
20
|
+
type: import("vue").PropType<boolean>;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
disabled: {
|
|
24
|
+
type: import("vue").PropType<boolean>;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
19
27
|
direction: Omit<{
|
|
20
28
|
type: import("vue").PropType<"horizontal" | "vertical">;
|
|
21
29
|
default: string;
|
|
@@ -25,10 +33,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
25
33
|
type: import("vue").PropType<NonNullable<"horizontal" | "vertical">>;
|
|
26
34
|
default: NonNullable<"horizontal" | "vertical">;
|
|
27
35
|
};
|
|
28
|
-
disabled: {
|
|
29
|
-
type: import("vue").PropType<boolean>;
|
|
30
|
-
default: boolean;
|
|
31
|
-
};
|
|
32
36
|
error: {
|
|
33
37
|
type: import("vue").PropType<boolean>;
|
|
34
38
|
default: boolean;
|
|
@@ -45,10 +49,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
45
49
|
type: import("vue").PropType<string | undefined>;
|
|
46
50
|
default: undefined;
|
|
47
51
|
};
|
|
48
|
-
readonly: {
|
|
49
|
-
type: import("vue").PropType<boolean>;
|
|
50
|
-
default: boolean;
|
|
51
|
-
};
|
|
52
52
|
rules: {
|
|
53
53
|
type: import("vue").PropType<import("../../composable").TValidationRule[]>;
|
|
54
54
|
default: () => never[];
|
|
@@ -100,11 +100,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
100
100
|
readonly disabled?: boolean | undefined;
|
|
101
101
|
readonly value?: any;
|
|
102
102
|
readonly error?: boolean | undefined;
|
|
103
|
+
readonly readonly?: boolean | undefined;
|
|
103
104
|
readonly messages?: string | string[] | undefined;
|
|
104
105
|
readonly persistentMessages?: boolean | undefined;
|
|
105
106
|
readonly errorMessages?: string | string[] | undefined;
|
|
106
107
|
readonly maxErrors?: string | number | undefined;
|
|
107
|
-
readonly readonly?: boolean | undefined;
|
|
108
108
|
readonly rules?: (import("../../composable").TValidationResult | ((value: any) => import("../../composable").TValidationResult) | ((value: any) => PromiseLike<import("../../composable").TValidationResult>) | {
|
|
109
109
|
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>;
|
|
110
110
|
})[] | undefined;
|
|
@@ -123,6 +123,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
123
123
|
hasDescription: import("vue").ComputedRef<boolean>;
|
|
124
124
|
directionClasses: import("vue").ComputedRef<string>;
|
|
125
125
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
126
|
+
readonly: {
|
|
127
|
+
type: import("vue").PropType<boolean>;
|
|
128
|
+
default: boolean;
|
|
129
|
+
};
|
|
130
|
+
disabled: {
|
|
131
|
+
type: import("vue").PropType<boolean>;
|
|
132
|
+
default: boolean;
|
|
133
|
+
};
|
|
126
134
|
direction: Omit<{
|
|
127
135
|
type: import("vue").PropType<"horizontal" | "vertical">;
|
|
128
136
|
default: string;
|
|
@@ -132,10 +140,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
132
140
|
type: import("vue").PropType<NonNullable<"horizontal" | "vertical">>;
|
|
133
141
|
default: NonNullable<"horizontal" | "vertical">;
|
|
134
142
|
};
|
|
135
|
-
disabled: {
|
|
136
|
-
type: import("vue").PropType<boolean>;
|
|
137
|
-
default: boolean;
|
|
138
|
-
};
|
|
139
143
|
error: {
|
|
140
144
|
type: import("vue").PropType<boolean>;
|
|
141
145
|
default: boolean;
|
|
@@ -152,10 +156,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
152
156
|
type: import("vue").PropType<string | undefined>;
|
|
153
157
|
default: undefined;
|
|
154
158
|
};
|
|
155
|
-
readonly: {
|
|
156
|
-
type: import("vue").PropType<boolean>;
|
|
157
|
-
default: boolean;
|
|
158
|
-
};
|
|
159
159
|
rules: {
|
|
160
160
|
type: import("vue").PropType<import("../../composable").TValidationRule[]>;
|
|
161
161
|
default: () => never[];
|
|
@@ -210,13 +210,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
210
210
|
disabled: boolean;
|
|
211
211
|
value: any;
|
|
212
212
|
error: boolean;
|
|
213
|
+
readonly: boolean;
|
|
213
214
|
messages: string | string[];
|
|
214
215
|
id: string;
|
|
215
216
|
label: string;
|
|
216
217
|
persistentMessages: boolean;
|
|
217
218
|
errorMessages: string | string[];
|
|
218
219
|
maxErrors: string | number;
|
|
219
|
-
readonly: boolean;
|
|
220
220
|
rules: import("../../composable").TValidationRule[];
|
|
221
221
|
modelValue: any;
|
|
222
222
|
validateOn: "input" | "blur" | "submit";
|