@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,56 @@
1
+ import type { PropType } from 'vue';
2
+ export declare const componentName = "CdsSidebar";
3
+ declare const _sfc_main: import("vue").DefineComponent<{
4
+ title: {
5
+ type: PropType<string>;
6
+ default: string;
7
+ };
8
+ size: {
9
+ type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
10
+ default: string;
11
+ available: readonly ["xs", "sm", "md", "lg", "xl"];
12
+ validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
13
+ };
14
+ /**
15
+ * Показать/Скрыть
16
+ */
17
+ modelValue: {
18
+ type: PropType<boolean>;
19
+ default: boolean;
20
+ };
21
+ }, {
22
+ attrs: {
23
+ [x: string]: unknown;
24
+ };
25
+ sizeClasses: import("vue").ComputedRef<string>;
26
+ hasToolbarSlot: import("vue").ComputedRef<boolean>;
27
+ hasAppendSlot: import("vue").ComputedRef<boolean>;
28
+ hide: () => void;
29
+ onClickOutside: () => void;
30
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "click:outside")[], "update:modelValue" | "click:outside", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
31
+ title: {
32
+ type: PropType<string>;
33
+ default: string;
34
+ };
35
+ size: {
36
+ type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
37
+ default: string;
38
+ available: readonly ["xs", "sm", "md", "lg", "xl"];
39
+ validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
40
+ };
41
+ /**
42
+ * Показать/Скрыть
43
+ */
44
+ modelValue: {
45
+ type: PropType<boolean>;
46
+ default: boolean;
47
+ };
48
+ }>> & {
49
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
50
+ "onClick:outside"?: ((...args: any[]) => any) | undefined;
51
+ }, {
52
+ title: string;
53
+ size: "xs" | "sm" | "md" | "lg" | "xl";
54
+ modelValue: boolean;
55
+ }>;
56
+ export default _sfc_main;
@@ -0,0 +1,102 @@
1
+ import type { PropType } from 'vue';
2
+ import type { IInternalItem } from '../../composable';
3
+ export declare const componentName = "CdsStages";
4
+ declare const _sfc_main: import("vue").DefineComponent<{
5
+ items: {
6
+ type: PropType<any[]>;
7
+ default: () => never[];
8
+ };
9
+ itemTitle: {
10
+ type: PropType<import("../../composable").TItemKey>;
11
+ default: string;
12
+ };
13
+ itemValue: {
14
+ type: PropType<import("../../composable").TItemKey>;
15
+ default: string;
16
+ };
17
+ itemChildren: {
18
+ type: PropType<import("../../composable").TItemKey>;
19
+ default: string;
20
+ };
21
+ itemProps: {
22
+ type: PropType<import("../../composable").TItemKey>;
23
+ default: string;
24
+ };
25
+ returnObject: {
26
+ type: PropType<boolean>;
27
+ default: boolean;
28
+ };
29
+ /**
30
+ * Текущий этап
31
+ */
32
+ current: {
33
+ type: PropType<string | number | null>;
34
+ default: null;
35
+ };
36
+ /**
37
+ * Завершены все этапы
38
+ */
39
+ finished: {
40
+ type: PropType<boolean>;
41
+ default: boolean;
42
+ };
43
+ }, {
44
+ getStageClasses: (item: IInternalItem, idx: number) => {
45
+ "cds-state-active": boolean;
46
+ "cds-state-invalid": any;
47
+ "cds-state-checked": boolean;
48
+ };
49
+ isCurrent: (idx: number) => boolean;
50
+ isFinished: import("vue").ComputedRef<boolean>;
51
+ hasError: (item: IInternalItem) => any;
52
+ innerStyle: import("vue").ComputedRef<string>;
53
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
54
+ items: {
55
+ type: PropType<any[]>;
56
+ default: () => never[];
57
+ };
58
+ itemTitle: {
59
+ type: PropType<import("../../composable").TItemKey>;
60
+ default: string;
61
+ };
62
+ itemValue: {
63
+ type: PropType<import("../../composable").TItemKey>;
64
+ default: string;
65
+ };
66
+ itemChildren: {
67
+ type: PropType<import("../../composable").TItemKey>;
68
+ default: string;
69
+ };
70
+ itemProps: {
71
+ type: PropType<import("../../composable").TItemKey>;
72
+ default: string;
73
+ };
74
+ returnObject: {
75
+ type: PropType<boolean>;
76
+ default: boolean;
77
+ };
78
+ /**
79
+ * Текущий этап
80
+ */
81
+ current: {
82
+ type: PropType<string | number | null>;
83
+ default: null;
84
+ };
85
+ /**
86
+ * Завершены все этапы
87
+ */
88
+ finished: {
89
+ type: PropType<boolean>;
90
+ default: boolean;
91
+ };
92
+ }>>, {
93
+ items: any[];
94
+ itemTitle: import("../../composable").TItemKey;
95
+ itemValue: import("../../composable").TItemKey;
96
+ itemChildren: import("../../composable").TItemKey;
97
+ itemProps: import("../../composable").TItemKey;
98
+ returnObject: boolean;
99
+ current: string | number | null;
100
+ finished: boolean;
101
+ }>;
102
+ export default _sfc_main;
@@ -9,7 +9,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
9
9
  type: PropType<"yellow" | "light-blue" | "blue" | "deep-purple" | "purple" | "pink">;
10
10
  available: readonly ["yellow", "light-blue", "blue", "deep-purple", "purple", "pink"];
11
11
  default: undefined;
12
- description: string;
13
12
  validator: (value: "yellow" | "light-blue" | "blue" | "deep-purple" | "purple" | "pink") => boolean;
14
13
  };
15
14
  href: {
@@ -56,7 +55,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
56
55
  type: PropType<"yellow" | "light-blue" | "blue" | "deep-purple" | "purple" | "pink">;
57
56
  available: readonly ["yellow", "light-blue", "blue", "deep-purple", "purple", "pink"];
58
57
  default: undefined;
59
- description: string;
60
58
  validator: (value: "yellow" | "light-blue" | "blue" | "deep-purple" | "purple" | "pink") => boolean;
61
59
  };
62
60
  href: {
@@ -85,11 +83,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
85
83
  }>> & {
86
84
  onRemove?: ((...args: any[]) => any) | undefined;
87
85
  }, {
88
- size: "xs" | "sm" | "md" | "lg" | "xl";
89
86
  text: string;
90
- disabled: boolean;
91
87
  href: string;
92
88
  to: import("vue-router").RouteLocationRaw;
89
+ disabled: boolean;
90
+ size: "xs" | "sm" | "md" | "lg" | "xl";
93
91
  color: "yellow" | "light-blue" | "blue" | "deep-purple" | "purple" | "pink";
94
92
  removable: boolean;
95
93
  }>;
@@ -0,0 +1 @@
1
+ export { default as CdsTag } from './CdsTag.vue';