@central-design-system/components 3.0.0-alpha.0 → 3.0.0-alpha.1

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 (80) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +20 -3
  3. package/dist/cds.es.js +4649 -1354
  4. package/dist/cds.umd.js +1 -1
  5. package/dist/components/CdsButton/CdsButton.vue.d.ts +10 -10
  6. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +222 -0
  7. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +205 -0
  8. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +2 -2
  9. package/dist/components/CdsForm/CdsForm.vue.d.ts +99 -0
  10. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +4 -4
  11. package/dist/components/CdsInput/CdsInput.vue.d.ts +219 -0
  12. package/dist/components/CdsInput/CdsInputCounter.vue.d.ts +39 -0
  13. package/dist/components/CdsInput/CdsInputDescription.vue.d.ts +26 -0
  14. package/dist/components/CdsInput/CdsInputLabel.vue.d.ts +32 -0
  15. package/dist/components/CdsInput/CdsInputMessages.vue.d.ts +221 -0
  16. package/dist/components/CdsInput/index.d.ts +5 -0
  17. package/dist/components/CdsList/CdsList.vue.d.ts +15 -27
  18. package/dist/components/CdsList/CdsListGroup.vue.d.ts +8 -8
  19. package/dist/components/CdsList/CdsListItem.vue.d.ts +24 -18
  20. package/dist/components/CdsList/composable/focus.d.ts +12 -0
  21. package/dist/components/CdsList/composable/index.d.ts +1 -0
  22. package/dist/components/CdsList/composable/list.d.ts +1 -1
  23. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +592 -0
  24. package/dist/components/CdsMenu/shared.d.ts +10 -0
  25. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +324 -0
  26. package/dist/components/CdsOverlay/composable/activator.d.ts +81 -0
  27. package/dist/components/CdsOverlay/composable/index.d.ts +6 -0
  28. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +75 -0
  29. package/dist/components/CdsOverlay/composable/scrim.d.ts +8 -0
  30. package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts +33 -0
  31. package/dist/components/CdsOverlay/composable/stack.d.ts +9 -0
  32. package/dist/components/CdsOverlay/composable/teleport.d.ts +6 -0
  33. package/dist/components/CdsOverlay/utils/index.d.ts +2 -0
  34. package/dist/components/CdsOverlay/utils/point.d.ts +20 -0
  35. package/dist/components/CdsOverlay/utils/requestNewFrame.d.ts +5 -0
  36. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +201 -0
  37. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +200 -0
  38. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +664 -0
  39. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +61 -0
  40. package/dist/components/CdsStages/CdsStages.vue.d.ts +102 -0
  41. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +681 -0
  42. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +600 -0
  43. package/dist/components/index.d.ts +18 -1
  44. package/dist/composable/delay.d.ts +29 -0
  45. package/dist/composable/dimensions.d.ts +47 -0
  46. package/dist/composable/direction.d.ts +24 -0
  47. package/dist/composable/field.d.ts +138 -0
  48. package/dist/composable/focus.d.ts +19 -9
  49. package/dist/composable/form.d.ts +126 -0
  50. package/dist/composable/hidration.d.ts +1 -0
  51. package/dist/composable/icon.d.ts +29 -4
  52. package/dist/composable/index.d.ts +12 -0
  53. package/dist/composable/input.d.ts +97 -0
  54. package/dist/composable/items.d.ts +10 -9
  55. package/dist/composable/lazy.d.ts +11 -0
  56. package/dist/composable/link.d.ts +1 -2
  57. package/dist/composable/loading.d.ts +1 -0
  58. package/dist/composable/nested/nested.d.ts +2 -2
  59. package/dist/composable/overlay.d.ts +99 -0
  60. package/dist/composable/scopeId.d.ts +5 -0
  61. package/dist/composable/transition.d.ts +22 -0
  62. package/dist/composable/validation.d.ts +136 -0
  63. package/dist/directives/click-outside/index.d.ts +14 -0
  64. package/dist/directives/index.d.ts +1 -2
  65. package/dist/globals.d.ts +16 -0
  66. package/dist/transitions/createTransition.d.ts +31 -2
  67. package/dist/transitions/index.d.ts +90 -0
  68. package/dist/utils/anchor.d.ts +23 -0
  69. package/dist/utils/animation.d.ts +6 -0
  70. package/dist/utils/box.d.ts +26 -0
  71. package/dist/utils/dom.d.ts +6 -0
  72. package/dist/utils/getScrollParent.d.ts +3 -0
  73. package/dist/utils/globals.d.ts +4 -0
  74. package/dist/utils/helpers.d.ts +26 -2
  75. package/dist/utils/index.d.ts +6 -0
  76. package/package.json +3 -3
  77. package/src/scss/mixins/layout/_shadow.scss +4 -0
  78. package/src/scss/mixins/layout/index.scss +1 -0
  79. package/src/scss/modules/_transition.scss +31 -3
  80. package/src/scss/themes/index.ts +1 -1
@@ -0,0 +1,201 @@
1
+ export declare const componentName = "CdsRadio";
2
+ declare const _sfc_main: import("vue").DefineComponent<{
3
+ disabled: {
4
+ type: import("vue").PropType<boolean>;
5
+ default: boolean;
6
+ };
7
+ error: {
8
+ type: import("vue").PropType<boolean>;
9
+ default: boolean;
10
+ };
11
+ errorMessages: {
12
+ type: import("vue").PropType<string | string[]>;
13
+ default: () => never[];
14
+ };
15
+ maxErrors: {
16
+ type: import("vue").PropType<string | number>;
17
+ default: number;
18
+ };
19
+ name: {
20
+ type: import("vue").PropType<string | undefined>;
21
+ default: undefined;
22
+ };
23
+ label: {
24
+ type: import("vue").PropType<string | undefined>;
25
+ default: undefined;
26
+ };
27
+ readonly: {
28
+ type: import("vue").PropType<boolean>;
29
+ default: boolean;
30
+ };
31
+ rules: {
32
+ type: import("vue").PropType<import("../../composable").TValidationRule[]>;
33
+ default: () => never[];
34
+ };
35
+ modelValue: {
36
+ type: import("vue").PropType<any>;
37
+ default: null;
38
+ };
39
+ validateOn: {
40
+ type: import("vue").PropType<"input" | "blur" | "submit">;
41
+ default: string;
42
+ available: readonly ["blur", "input", "submit"];
43
+ validator: (value: "input" | "blur" | "submit") => boolean;
44
+ };
45
+ validationValue: {
46
+ type: import("vue").PropType<any>;
47
+ default: undefined;
48
+ };
49
+ hideMessages: Omit<{
50
+ type: import("vue").PropType<boolean>;
51
+ default: boolean;
52
+ }, "default" | "type"> & {
53
+ type: import("vue").PropType<boolean>;
54
+ default: boolean;
55
+ };
56
+ focused: {
57
+ type: import("vue").PropType<boolean>;
58
+ default: boolean;
59
+ };
60
+ id: {
61
+ type: import("vue").PropType<string>;
62
+ default: undefined;
63
+ };
64
+ description: {
65
+ type: import("vue").PropType<string>;
66
+ default: undefined;
67
+ };
68
+ value: {
69
+ type: import("vue").PropType<any>;
70
+ default: null;
71
+ };
72
+ messages: {
73
+ type: import("vue").PropType<string | string[]>;
74
+ default: () => never[];
75
+ };
76
+ persistentMessages: {
77
+ type: import("vue").PropType<boolean>;
78
+ default: boolean;
79
+ };
80
+ }, {
81
+ id: import("vue").ComputedRef<string>;
82
+ model: import("vue").Ref<string | number | null | undefined>;
83
+ checked: import("vue").ComputedRef<boolean>;
84
+ hasLabel: import("vue").ComputedRef<boolean>;
85
+ hasDescription: import("vue").ComputedRef<boolean>;
86
+ isGroup: import("vue").Ref<boolean>;
87
+ isFocused: import("vue").Ref<boolean>;
88
+ inputProps: import("vue").Ref<{}>;
89
+ rootAttrs: import("vue").Ref<{}>;
90
+ inputAttrs: import("vue").Ref<{}>;
91
+ internalDisabled: import("vue").ComputedRef<boolean>;
92
+ internalReadonly: import("vue").ComputedRef<boolean>;
93
+ internalError: import("vue").ComputedRef<boolean>;
94
+ radioClasses: import("vue").ComputedRef<{
95
+ 'cds-radio--disabled': boolean;
96
+ 'cds-radio--checked': string | number | null | undefined;
97
+ }>;
98
+ onBlur: () => void;
99
+ onFocus: () => void;
100
+ onChange: (event: Event) => void;
101
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:focused"[], "update:focused", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
102
+ disabled: {
103
+ type: import("vue").PropType<boolean>;
104
+ default: boolean;
105
+ };
106
+ error: {
107
+ type: import("vue").PropType<boolean>;
108
+ default: boolean;
109
+ };
110
+ errorMessages: {
111
+ type: import("vue").PropType<string | string[]>;
112
+ default: () => never[];
113
+ };
114
+ maxErrors: {
115
+ type: import("vue").PropType<string | number>;
116
+ default: number;
117
+ };
118
+ name: {
119
+ type: import("vue").PropType<string | undefined>;
120
+ default: undefined;
121
+ };
122
+ label: {
123
+ type: import("vue").PropType<string | undefined>;
124
+ default: undefined;
125
+ };
126
+ readonly: {
127
+ type: import("vue").PropType<boolean>;
128
+ default: boolean;
129
+ };
130
+ rules: {
131
+ type: import("vue").PropType<import("../../composable").TValidationRule[]>;
132
+ default: () => never[];
133
+ };
134
+ modelValue: {
135
+ type: import("vue").PropType<any>;
136
+ default: null;
137
+ };
138
+ validateOn: {
139
+ type: import("vue").PropType<"input" | "blur" | "submit">;
140
+ default: string;
141
+ available: readonly ["blur", "input", "submit"];
142
+ validator: (value: "input" | "blur" | "submit") => boolean;
143
+ };
144
+ validationValue: {
145
+ type: import("vue").PropType<any>;
146
+ default: undefined;
147
+ };
148
+ hideMessages: Omit<{
149
+ type: import("vue").PropType<boolean>;
150
+ default: boolean;
151
+ }, "default" | "type"> & {
152
+ type: import("vue").PropType<boolean>;
153
+ default: boolean;
154
+ };
155
+ focused: {
156
+ type: import("vue").PropType<boolean>;
157
+ default: boolean;
158
+ };
159
+ id: {
160
+ type: import("vue").PropType<string>;
161
+ default: undefined;
162
+ };
163
+ description: {
164
+ type: import("vue").PropType<string>;
165
+ default: undefined;
166
+ };
167
+ value: {
168
+ type: import("vue").PropType<any>;
169
+ default: null;
170
+ };
171
+ messages: {
172
+ type: import("vue").PropType<string | string[]>;
173
+ default: () => never[];
174
+ };
175
+ persistentMessages: {
176
+ type: import("vue").PropType<boolean>;
177
+ default: boolean;
178
+ };
179
+ }>> & {
180
+ "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
181
+ }, {
182
+ name: string | undefined;
183
+ description: string;
184
+ error: boolean;
185
+ disabled: boolean;
186
+ messages: string | string[];
187
+ id: string;
188
+ label: string | undefined;
189
+ value: any;
190
+ persistentMessages: boolean;
191
+ errorMessages: string | string[];
192
+ maxErrors: string | number;
193
+ readonly: boolean;
194
+ rules: import("../../composable").TValidationRule[];
195
+ modelValue: any;
196
+ validateOn: "input" | "blur" | "submit";
197
+ validationValue: any;
198
+ hideMessages: boolean;
199
+ focused: boolean;
200
+ }>;
201
+ export default _sfc_main;
@@ -0,0 +1,200 @@
1
+ import type { Ref } from 'vue';
2
+ export interface IRadioButtonProvide {
3
+ model: Ref<number | string | null | undefined>;
4
+ isGroup: Ref<boolean>;
5
+ disabledGroup: Ref<boolean>;
6
+ readonlyGroup: Ref<boolean>;
7
+ errorGroup: Ref<boolean>;
8
+ handleChangeRadio: (value: string) => void;
9
+ }
10
+ export declare const radioButtonProvideDefaultValue: IRadioButtonProvide;
11
+ export declare const RadioButtonKey: unique symbol;
12
+ export declare const componentName = "CdsRadioButton";
13
+ declare const _sfc_main: import("vue").DefineComponent<{
14
+ direction: Omit<{
15
+ type: import("vue").PropType<"horizontal" | "vertical">;
16
+ default: string;
17
+ available: readonly ["horizontal", "vertical"];
18
+ validator: (value: "horizontal" | "vertical") => boolean;
19
+ }, "default" | "type"> & {
20
+ type: import("vue").PropType<NonNullable<"horizontal" | "vertical">>;
21
+ default: NonNullable<"horizontal" | "vertical">;
22
+ };
23
+ disabled: {
24
+ type: import("vue").PropType<boolean>;
25
+ default: boolean;
26
+ };
27
+ error: {
28
+ type: import("vue").PropType<boolean>;
29
+ default: boolean;
30
+ };
31
+ errorMessages: {
32
+ type: import("vue").PropType<string | string[]>;
33
+ default: () => never[];
34
+ };
35
+ maxErrors: {
36
+ type: import("vue").PropType<string | number>;
37
+ default: number;
38
+ };
39
+ name: {
40
+ type: import("vue").PropType<string | undefined>;
41
+ default: undefined;
42
+ };
43
+ label: {
44
+ type: import("vue").PropType<string | undefined>;
45
+ default: undefined;
46
+ };
47
+ readonly: {
48
+ type: import("vue").PropType<boolean>;
49
+ default: boolean;
50
+ };
51
+ rules: {
52
+ type: import("vue").PropType<import("../../composable").TValidationRule[]>;
53
+ default: () => never[];
54
+ };
55
+ modelValue: {
56
+ type: import("vue").PropType<any>;
57
+ default: null;
58
+ };
59
+ validateOn: {
60
+ type: import("vue").PropType<"input" | "blur" | "submit">;
61
+ default: string;
62
+ available: readonly ["blur", "input", "submit"];
63
+ validator: (value: "input" | "blur" | "submit") => boolean;
64
+ };
65
+ validationValue: {
66
+ type: import("vue").PropType<any>;
67
+ default: undefined;
68
+ };
69
+ hideMessages: {
70
+ type: import("vue").PropType<boolean>;
71
+ default: boolean;
72
+ };
73
+ id: {
74
+ type: import("vue").PropType<string>;
75
+ default: undefined;
76
+ };
77
+ description: {
78
+ type: import("vue").PropType<string>;
79
+ default: undefined;
80
+ };
81
+ value: {
82
+ type: import("vue").PropType<any>;
83
+ default: null;
84
+ };
85
+ messages: {
86
+ type: import("vue").PropType<string | string[]>;
87
+ default: () => never[];
88
+ };
89
+ persistentMessages: {
90
+ type: import("vue").PropType<boolean>;
91
+ default: boolean;
92
+ };
93
+ }, {
94
+ inputProps: Ref<{}>;
95
+ hasLabel: import("vue").ComputedRef<boolean>;
96
+ hasDescription: import("vue").ComputedRef<boolean>;
97
+ directionClasses: import("vue").ComputedRef<string>;
98
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
99
+ direction: Omit<{
100
+ type: import("vue").PropType<"horizontal" | "vertical">;
101
+ default: string;
102
+ available: readonly ["horizontal", "vertical"];
103
+ validator: (value: "horizontal" | "vertical") => boolean;
104
+ }, "default" | "type"> & {
105
+ type: import("vue").PropType<NonNullable<"horizontal" | "vertical">>;
106
+ default: NonNullable<"horizontal" | "vertical">;
107
+ };
108
+ disabled: {
109
+ type: import("vue").PropType<boolean>;
110
+ default: boolean;
111
+ };
112
+ error: {
113
+ type: import("vue").PropType<boolean>;
114
+ default: boolean;
115
+ };
116
+ errorMessages: {
117
+ type: import("vue").PropType<string | string[]>;
118
+ default: () => never[];
119
+ };
120
+ maxErrors: {
121
+ type: import("vue").PropType<string | number>;
122
+ default: number;
123
+ };
124
+ name: {
125
+ type: import("vue").PropType<string | undefined>;
126
+ default: undefined;
127
+ };
128
+ label: {
129
+ type: import("vue").PropType<string | undefined>;
130
+ default: undefined;
131
+ };
132
+ readonly: {
133
+ type: import("vue").PropType<boolean>;
134
+ default: boolean;
135
+ };
136
+ rules: {
137
+ type: import("vue").PropType<import("../../composable").TValidationRule[]>;
138
+ default: () => never[];
139
+ };
140
+ modelValue: {
141
+ type: import("vue").PropType<any>;
142
+ default: null;
143
+ };
144
+ validateOn: {
145
+ type: import("vue").PropType<"input" | "blur" | "submit">;
146
+ default: string;
147
+ available: readonly ["blur", "input", "submit"];
148
+ validator: (value: "input" | "blur" | "submit") => boolean;
149
+ };
150
+ validationValue: {
151
+ type: import("vue").PropType<any>;
152
+ default: undefined;
153
+ };
154
+ hideMessages: {
155
+ type: import("vue").PropType<boolean>;
156
+ default: boolean;
157
+ };
158
+ id: {
159
+ type: import("vue").PropType<string>;
160
+ default: undefined;
161
+ };
162
+ description: {
163
+ type: import("vue").PropType<string>;
164
+ default: undefined;
165
+ };
166
+ value: {
167
+ type: import("vue").PropType<any>;
168
+ default: null;
169
+ };
170
+ messages: {
171
+ type: import("vue").PropType<string | string[]>;
172
+ default: () => never[];
173
+ };
174
+ persistentMessages: {
175
+ type: import("vue").PropType<boolean>;
176
+ default: boolean;
177
+ };
178
+ }>> & {
179
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
180
+ }, {
181
+ name: string | undefined;
182
+ description: string;
183
+ error: boolean;
184
+ disabled: boolean;
185
+ messages: string | string[];
186
+ id: string;
187
+ label: string | undefined;
188
+ value: any;
189
+ persistentMessages: boolean;
190
+ errorMessages: string | string[];
191
+ maxErrors: string | number;
192
+ readonly: boolean;
193
+ rules: import("../../composable").TValidationRule[];
194
+ modelValue: any;
195
+ validateOn: "input" | "blur" | "submit";
196
+ validationValue: any;
197
+ hideMessages: boolean;
198
+ direction: NonNullable<"horizontal" | "vertical">;
199
+ }>;
200
+ export default _sfc_main;