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

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 (112) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +26 -3
  3. package/dist/cds.es.js +7821 -1449
  4. package/dist/cds.umd.js +1 -1
  5. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.vue.d.ts +64 -0
  6. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue.d.ts +54 -0
  7. package/dist/components/CdsBreadcrumbs/index.d.ts +2 -0
  8. package/dist/components/CdsButton/CdsButton.vue.d.ts +13 -13
  9. package/dist/components/CdsButton/index.d.ts +1 -0
  10. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +238 -0
  11. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +227 -0
  12. package/dist/components/CdsCheckbox/index.d.ts +2 -0
  13. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +2454 -0
  14. package/dist/components/CdsCombobox/composable/highlight.d.ts +12 -0
  15. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +246 -0
  16. package/dist/components/CdsDatePicker/composable/calendar.d.ts +315 -0
  17. package/dist/components/CdsDatePicker/composable/index.d.ts +1 -0
  18. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +4 -4
  19. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +2317 -0
  20. package/dist/components/CdsEmptyState/CdsEmptyState.vue.d.ts +54 -0
  21. package/dist/components/CdsForm/CdsForm.vue.d.ts +99 -0
  22. package/dist/components/CdsGrid/CdsCol.vue.d.ts +1 -1
  23. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +4 -4
  24. package/dist/components/CdsInput/CdsInput.vue.d.ts +219 -0
  25. package/dist/components/CdsInput/CdsInputCounter.vue.d.ts +39 -0
  26. package/dist/components/CdsInput/CdsInputDescription.vue.d.ts +26 -0
  27. package/dist/components/CdsInput/CdsInputLabel.vue.d.ts +32 -0
  28. package/dist/components/CdsInput/CdsInputMessages.vue.d.ts +221 -0
  29. package/dist/components/CdsInput/index.d.ts +5 -0
  30. package/dist/components/CdsLink/CdsLink.vue.d.ts +1 -1
  31. package/dist/components/CdsLink/index.d.ts +1 -0
  32. package/dist/components/CdsList/CdsList.vue.d.ts +20 -24
  33. package/dist/components/CdsList/CdsListGroup.vue.d.ts +7 -7
  34. package/dist/components/CdsList/CdsListItem.vue.d.ts +27 -24
  35. package/dist/components/CdsList/composable/focus.d.ts +12 -0
  36. package/dist/components/CdsList/composable/index.d.ts +1 -0
  37. package/dist/components/CdsList/composable/list.d.ts +1 -1
  38. package/dist/components/CdsLoader/CdsLoader.vue.d.ts +1 -1
  39. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +681 -0
  40. package/dist/components/CdsMenu/index.d.ts +1 -0
  41. package/dist/components/CdsMenu/shared.d.ts +10 -0
  42. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +337 -0
  43. package/dist/components/CdsOverlay/composable/activator.d.ts +81 -0
  44. package/dist/components/CdsOverlay/composable/index.d.ts +6 -0
  45. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +75 -0
  46. package/dist/components/CdsOverlay/composable/scrim.d.ts +8 -0
  47. package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts +33 -0
  48. package/dist/components/CdsOverlay/composable/stack.d.ts +9 -0
  49. package/dist/components/CdsOverlay/composable/teleport.d.ts +6 -0
  50. package/dist/components/CdsOverlay/index.d.ts +1 -0
  51. package/dist/components/CdsOverlay/utils/index.d.ts +2 -0
  52. package/dist/components/CdsOverlay/utils/point.d.ts +20 -0
  53. package/dist/components/CdsOverlay/utils/requestNewFrame.d.ts +5 -0
  54. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +223 -0
  55. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +222 -0
  56. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +722 -0
  57. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +56 -0
  58. package/dist/components/CdsStages/CdsStages.vue.d.ts +102 -0
  59. package/dist/components/CdsTag/CdsTag.vue.d.ts +2 -4
  60. package/dist/components/CdsTag/index.d.ts +1 -0
  61. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +723 -0
  62. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +660 -0
  63. package/dist/components/CdsTextInput/index.d.ts +1 -0
  64. package/dist/components/index.d.ts +24 -1
  65. package/dist/composable/color.d.ts +4 -2
  66. package/dist/composable/datetime.d.ts +76 -0
  67. package/dist/composable/delay.d.ts +29 -0
  68. package/dist/composable/dimensions.d.ts +47 -0
  69. package/dist/composable/direction.d.ts +24 -0
  70. package/dist/composable/field.d.ts +139 -0
  71. package/dist/composable/filter.d.ts +52 -0
  72. package/dist/composable/focus.d.ts +19 -9
  73. package/dist/composable/form.d.ts +128 -0
  74. package/dist/composable/hidration.d.ts +2 -0
  75. package/dist/composable/icon.d.ts +29 -4
  76. package/dist/composable/index.d.ts +18 -0
  77. package/dist/composable/input.d.ts +99 -0
  78. package/dist/composable/items.d.ts +12 -9
  79. package/dist/composable/lazy.d.ts +21 -0
  80. package/dist/composable/link.d.ts +1 -2
  81. package/dist/composable/loading.d.ts +1 -0
  82. package/dist/composable/menu.d.ts +37 -0
  83. package/dist/composable/nested/nested.d.ts +2 -2
  84. package/dist/composable/overlay.d.ts +98 -0
  85. package/dist/composable/router.d.ts +3 -0
  86. package/dist/composable/scopeId.d.ts +5 -0
  87. package/dist/composable/select.d.ts +86 -0
  88. package/dist/composable/title.d.ts +21 -0
  89. package/dist/composable/transition.d.ts +22 -0
  90. package/dist/composable/validation.d.ts +128 -0
  91. package/dist/directives/click-outside/index.d.ts +14 -0
  92. package/dist/directives/index.d.ts +1 -2
  93. package/dist/globals.d.ts +16 -0
  94. package/dist/locale/index.d.ts +12 -0
  95. package/dist/locale/ru.d.ts +3 -0
  96. package/dist/transitions/createTransition.d.ts +31 -2
  97. package/dist/transitions/index.d.ts +240 -0
  98. package/dist/utils/anchor.d.ts +23 -0
  99. package/dist/utils/animation.d.ts +6 -0
  100. package/dist/utils/box.d.ts +26 -0
  101. package/dist/utils/cache.d.ts +4 -0
  102. package/dist/utils/date.d.ts +181 -0
  103. package/dist/utils/dom.d.ts +6 -0
  104. package/dist/utils/getScrollParent.d.ts +3 -0
  105. package/dist/utils/globals.d.ts +4 -0
  106. package/dist/utils/helpers.d.ts +93 -20
  107. package/dist/utils/index.d.ts +8 -0
  108. package/package.json +5 -4
  109. package/src/scss/mixins/layout/_shadow.scss +4 -0
  110. package/src/scss/mixins/layout/index.scss +1 -0
  111. package/src/scss/modules/_transition.scss +133 -3
  112. package/src/scss/themes/index.ts +1 -1
@@ -0,0 +1,227 @@
1
+ import type { Ref } from 'vue';
2
+ export interface ICheckboxGroupProvide {
3
+ model: Ref<number[] | string[] | null | undefined>;
4
+ isGroup: Ref<boolean>;
5
+ disabledGroup: Ref<boolean>;
6
+ readonlyGroup: Ref<boolean>;
7
+ errorGroup: Ref<boolean>;
8
+ handleInputCheckbox: (payload: THandleInputPayload) => void;
9
+ }
10
+ export declare type THandleInputPayload = {
11
+ id: string;
12
+ checked: boolean;
13
+ value: string;
14
+ };
15
+ export declare const checkboxGroupProvideDefaultValue: ICheckboxGroupProvide;
16
+ export declare const CheckboxGroupKey: unique symbol;
17
+ export declare const componentName = "CdsCheckboxGroup";
18
+ declare const _sfc_main: import("vue").DefineComponent<{
19
+ direction: Omit<{
20
+ type: import("vue").PropType<"horizontal" | "vertical">;
21
+ default: string;
22
+ available: readonly ["horizontal", "vertical"];
23
+ validator: (value: "horizontal" | "vertical") => boolean;
24
+ }, "default" | "type"> & {
25
+ type: import("vue").PropType<NonNullable<"horizontal" | "vertical">>;
26
+ default: NonNullable<"horizontal" | "vertical">;
27
+ };
28
+ disabled: {
29
+ type: import("vue").PropType<boolean>;
30
+ default: boolean;
31
+ };
32
+ error: {
33
+ type: import("vue").PropType<boolean>;
34
+ default: boolean;
35
+ };
36
+ errorMessages: {
37
+ type: import("vue").PropType<string | string[]>;
38
+ default: () => never[];
39
+ };
40
+ maxErrors: {
41
+ type: import("vue").PropType<string | number>;
42
+ default: number;
43
+ };
44
+ name: {
45
+ type: import("vue").PropType<string | undefined>;
46
+ default: undefined;
47
+ };
48
+ readonly: {
49
+ type: import("vue").PropType<boolean>;
50
+ default: boolean;
51
+ };
52
+ rules: {
53
+ type: import("vue").PropType<import("../../composable").TValidationRule[]>;
54
+ default: () => never[];
55
+ };
56
+ modelValue: {
57
+ type: import("vue").PropType<any>;
58
+ default: null;
59
+ };
60
+ validateOn: {
61
+ type: import("vue").PropType<"input" | "blur" | "submit">;
62
+ default: string;
63
+ available: readonly ["blur", "input", "submit"];
64
+ validator: (value: "input" | "blur" | "submit") => boolean;
65
+ };
66
+ validationValue: {
67
+ type: import("vue").PropType<any>;
68
+ default: undefined;
69
+ };
70
+ hideMessages: {
71
+ type: import("vue").PropType<boolean>;
72
+ default: boolean;
73
+ };
74
+ id: {
75
+ type: import("vue").PropType<string>;
76
+ default: undefined;
77
+ };
78
+ label: {
79
+ type: import("vue").PropType<string>;
80
+ default: undefined;
81
+ };
82
+ description: {
83
+ type: import("vue").PropType<string>;
84
+ default: undefined;
85
+ };
86
+ value: {
87
+ type: import("vue").PropType<any>;
88
+ default: null;
89
+ };
90
+ messages: {
91
+ type: import("vue").PropType<string | string[]>;
92
+ default: () => never[];
93
+ };
94
+ persistentMessages: {
95
+ type: import("vue").PropType<boolean>;
96
+ default: boolean;
97
+ };
98
+ }, {
99
+ inputProps: Ref<{
100
+ readonly disabled?: boolean | undefined;
101
+ readonly value?: any;
102
+ readonly error?: boolean | undefined;
103
+ readonly messages?: string | string[] | undefined;
104
+ readonly persistentMessages?: boolean | undefined;
105
+ readonly errorMessages?: string | string[] | undefined;
106
+ readonly maxErrors?: string | number | undefined;
107
+ readonly readonly?: boolean | undefined;
108
+ readonly rules?: (import("../../composable").TValidationResult | ((value: any) => import("../../composable").TValidationResult) | ((value: any) => PromiseLike<import("../../composable").TValidationResult>) | {
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
+ })[] | undefined;
111
+ readonly modelValue?: any;
112
+ readonly validateOn?: "input" | "blur" | "submit" | undefined;
113
+ readonly hideMessages?: boolean | undefined;
114
+ readonly direction?: NonNullable<"horizontal" | "vertical"> | undefined;
115
+ readonly name?: string | undefined;
116
+ readonly description?: string | undefined;
117
+ readonly id?: string | undefined;
118
+ readonly label?: string | undefined;
119
+ readonly validationValue?: any;
120
+ readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
121
+ }>;
122
+ hasLabel: import("vue").ComputedRef<boolean>;
123
+ hasDescription: import("vue").ComputedRef<boolean>;
124
+ directionClasses: import("vue").ComputedRef<string>;
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
+ direction: Omit<{
127
+ type: import("vue").PropType<"horizontal" | "vertical">;
128
+ default: string;
129
+ available: readonly ["horizontal", "vertical"];
130
+ validator: (value: "horizontal" | "vertical") => boolean;
131
+ }, "default" | "type"> & {
132
+ type: import("vue").PropType<NonNullable<"horizontal" | "vertical">>;
133
+ default: NonNullable<"horizontal" | "vertical">;
134
+ };
135
+ disabled: {
136
+ type: import("vue").PropType<boolean>;
137
+ default: boolean;
138
+ };
139
+ error: {
140
+ type: import("vue").PropType<boolean>;
141
+ default: boolean;
142
+ };
143
+ errorMessages: {
144
+ type: import("vue").PropType<string | string[]>;
145
+ default: () => never[];
146
+ };
147
+ maxErrors: {
148
+ type: import("vue").PropType<string | number>;
149
+ default: number;
150
+ };
151
+ name: {
152
+ type: import("vue").PropType<string | undefined>;
153
+ default: undefined;
154
+ };
155
+ readonly: {
156
+ type: import("vue").PropType<boolean>;
157
+ default: boolean;
158
+ };
159
+ rules: {
160
+ type: import("vue").PropType<import("../../composable").TValidationRule[]>;
161
+ default: () => never[];
162
+ };
163
+ modelValue: {
164
+ type: import("vue").PropType<any>;
165
+ default: null;
166
+ };
167
+ validateOn: {
168
+ type: import("vue").PropType<"input" | "blur" | "submit">;
169
+ default: string;
170
+ available: readonly ["blur", "input", "submit"];
171
+ validator: (value: "input" | "blur" | "submit") => boolean;
172
+ };
173
+ validationValue: {
174
+ type: import("vue").PropType<any>;
175
+ default: undefined;
176
+ };
177
+ hideMessages: {
178
+ type: import("vue").PropType<boolean>;
179
+ default: boolean;
180
+ };
181
+ id: {
182
+ type: import("vue").PropType<string>;
183
+ default: undefined;
184
+ };
185
+ label: {
186
+ type: import("vue").PropType<string>;
187
+ default: undefined;
188
+ };
189
+ description: {
190
+ type: import("vue").PropType<string>;
191
+ default: undefined;
192
+ };
193
+ value: {
194
+ type: import("vue").PropType<any>;
195
+ default: null;
196
+ };
197
+ messages: {
198
+ type: import("vue").PropType<string | string[]>;
199
+ default: () => never[];
200
+ };
201
+ persistentMessages: {
202
+ type: import("vue").PropType<boolean>;
203
+ default: boolean;
204
+ };
205
+ }>> & {
206
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
207
+ }, {
208
+ name: string | undefined;
209
+ description: string;
210
+ disabled: boolean;
211
+ value: any;
212
+ error: boolean;
213
+ messages: string | string[];
214
+ id: string;
215
+ label: string;
216
+ persistentMessages: boolean;
217
+ errorMessages: string | string[];
218
+ maxErrors: string | number;
219
+ readonly: boolean;
220
+ rules: import("../../composable").TValidationRule[];
221
+ modelValue: any;
222
+ validateOn: "input" | "blur" | "submit";
223
+ validationValue: any;
224
+ hideMessages: boolean;
225
+ direction: NonNullable<"horizontal" | "vertical">;
226
+ }>;
227
+ export default _sfc_main;
@@ -0,0 +1,2 @@
1
+ export { default as CdsCheckbox } from './CdsCheckbox.vue';
2
+ export { default as CdsCheckboxGroup } from './CdsCheckboxGroup.vue';