@central-design-system/components 3.0.0-beta.0 → 3.0.0-beta.11

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 (141) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +3 -0
  3. package/dist/cds.es.js +9693 -8457
  4. package/dist/cds.umd.js +7 -3
  5. package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +114 -62
  6. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +35 -14
  7. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.vue.d.ts +12 -5
  8. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue.d.ts +12 -6
  9. package/dist/components/CdsButton/CdsButton.vue.d.ts +25 -14
  10. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +11 -0
  11. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +13 -0
  12. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +184 -470
  13. package/dist/components/CdsContainer/CdsContainer.vue.d.ts +37 -24
  14. package/dist/components/CdsContainer/CdsContainerItem.vue.d.ts +1 -1
  15. package/dist/components/CdsContentSwitcher/CdsContentSwitcher.vue.d.ts +66 -0
  16. package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.vue.d.ts +212 -0
  17. package/dist/components/CdsContentSwitcher/index.d.ts +2 -0
  18. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +12 -7
  19. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +12 -0
  20. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +236 -485
  21. package/dist/components/CdsEmptyState/CdsEmptyState.vue.d.ts +3 -3
  22. package/dist/components/CdsExpandablePanel/CdsExpandablePanel.vue.d.ts +11 -11
  23. package/dist/components/CdsExpandablePanel/CdsExpandablePanelContent.vue.d.ts +1 -1
  24. package/dist/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue.d.ts +11 -11
  25. package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +14 -3
  26. package/dist/components/CdsExpandablePanel/composable/expandablePanelTitleProps.d.ts +2 -2
  27. package/dist/components/CdsFooter/CdsFooter.vue.d.ts +12 -1
  28. package/dist/components/CdsForm/CdsForm.vue.d.ts +12 -28
  29. package/dist/components/CdsHeader/CdsHeader.vue.d.ts +12 -1
  30. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +16 -3
  31. package/dist/components/CdsInput/CdsInput.vue.d.ts +23 -39
  32. package/dist/components/CdsInput/CdsInputMessages.vue.d.ts +5 -5
  33. package/dist/components/CdsLayout/CdsLayout.vue.d.ts +13 -4
  34. package/dist/components/CdsLink/CdsLink.vue.d.ts +12 -0
  35. package/dist/components/CdsList/CdsList.vue.d.ts +12 -5
  36. package/dist/components/CdsList/CdsListGroup.vue.d.ts +7 -7
  37. package/dist/components/CdsList/CdsListItem.vue.d.ts +14 -26
  38. package/dist/components/CdsLoader/CdsLoader.vue.d.ts +12 -0
  39. package/dist/components/CdsMain/CdsMain.vue.d.ts +1 -1
  40. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +12 -336
  41. package/dist/components/CdsModal/CdsModal.vue.d.ts +12 -341
  42. package/dist/components/CdsNotification/CdsNotification.vue.d.ts +35 -24
  43. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +28 -351
  44. package/dist/components/CdsNotification/composable/notification.d.ts +3 -3
  45. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +2 -8
  46. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +11 -11
  47. package/dist/components/CdsPage/CdsPage.vue.d.ts +1 -1
  48. package/dist/components/CdsPagination/CdsPagination.vue.d.ts +13 -7
  49. package/dist/components/CdsProgress/CdsProgress.vue.d.ts +13 -2
  50. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +224 -0
  51. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +13 -0
  52. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +77 -71
  53. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +30 -8
  54. package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts +14 -3
  55. package/dist/components/CdsSlideGroup/CdsSlideGroup.vue.d.ts +19 -19
  56. package/dist/components/CdsStages/CdsStages.vue.d.ts +12 -0
  57. package/dist/components/CdsStatus/CdsStatus.vue.d.ts +12 -0
  58. package/dist/components/CdsSteps/CdsSteps.vue.d.ts +31 -28
  59. package/dist/components/CdsTable/CdsTable.vue.d.ts +42 -16
  60. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +23 -5
  61. package/dist/components/CdsTable/components/TableProvider.d.ts +33 -4
  62. package/dist/components/CdsTable/composable/scroll.d.ts +4607 -0
  63. package/dist/components/CdsTable/composable/table.d.ts +7 -1
  64. package/dist/components/CdsTabs/CdsTab.vue.d.ts +10 -10
  65. package/dist/components/CdsTabs/CdsTabs.vue.d.ts +48 -37
  66. package/dist/components/CdsTag/CdsTag.vue.d.ts +12 -0
  67. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +81 -67
  68. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +87 -73
  69. package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +11 -0
  70. package/dist/components/CdsToggle/CdsToggle.vue.d.ts +14 -9
  71. package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +11 -0
  72. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +20 -335
  73. package/dist/components/CdsUploader/CdsUploader.vue.d.ts +61 -389
  74. package/dist/components/CdsUploader/components/AjaxUploader.d.ts +16 -16
  75. package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +42 -24
  76. package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +42 -24
  77. package/dist/components/CdsUploader/composable/upload.d.ts +25 -15
  78. package/dist/components/index.d.ts +3 -0
  79. package/dist/composable/datetime.d.ts +2 -2
  80. package/dist/composable/delay.d.ts +2 -2
  81. package/dist/composable/field.d.ts +5 -3
  82. package/dist/composable/filter.d.ts +8 -0
  83. package/dist/composable/form.d.ts +1 -1
  84. package/dist/composable/group.d.ts +2 -2
  85. package/dist/composable/icon.d.ts +2 -2
  86. package/dist/composable/index.d.ts +1 -0
  87. package/dist/composable/items.d.ts +6 -0
  88. package/dist/composable/loading.d.ts +2 -2
  89. package/dist/composable/nested/nested.d.ts +1 -2
  90. package/dist/composable/select.d.ts +31 -3
  91. package/dist/composable/tag.d.ts +0 -3
  92. package/dist/composable/theme.d.ts +82 -0
  93. package/dist/composable/variant.d.ts +1 -1
  94. package/dist/create.d.ts +5 -1
  95. package/dist/directives/index.d.ts +1 -0
  96. package/dist/directives/intersect/index.d.ts +19 -0
  97. package/dist/globals.d.ts +8 -0
  98. package/dist/themes/b2b.d.ts +26 -0
  99. package/dist/themes/cds.d.ts +26 -0
  100. package/dist/themes/dark.d.ts +26 -0
  101. package/dist/themes/index.d.ts +5 -0
  102. package/dist/themes/promo.d.ts +26 -0
  103. package/dist/themes/themes.d.ts +10 -0
  104. package/dist/transitions/createTransition.d.ts +1 -1
  105. package/dist/transitions/index.d.ts +10 -10
  106. package/dist/utils/colors.d.ts +368 -0
  107. package/dist/utils/colorsUtils/APCA.d.ts +7 -0
  108. package/dist/utils/colorsUtils/index.d.ts +1 -0
  109. package/dist/utils/colorsUtils/transformCIELAB.d.ts +3 -0
  110. package/dist/utils/colorsUtils/transformSRGB.d.ts +3 -0
  111. package/dist/utils/colorsUtils/utils.d.ts +41 -0
  112. package/dist/utils/date/date.d.ts +12 -12
  113. package/dist/utils/helpers.d.ts +30 -0
  114. package/dist/utils/index.d.ts +2 -0
  115. package/package.json +1 -1
  116. package/src/scss/modules/grid/_mixins.scss +4 -2
  117. package/src/scss/themes/index.ts +1 -1
  118. package/src/scss/utility/display.scss +56 -5
  119. package/src/scss/utility/flexbox.scss +26 -28
  120. package/src/scss/utility/index.scss +0 -2
  121. package/src/scss/utility/layout.scss +65 -3
  122. package/src/scss/utility/spacing.scss +46 -86
  123. package/src/scss/utility/variables/display.scss +10 -0
  124. package/src/scss/utility/variables/exports/_display.scss +7 -0
  125. package/src/scss/utility/variables/exports/_flex.scss +13 -0
  126. package/src/scss/utility/variables/exports/_overflow.scss +7 -0
  127. package/src/scss/utility/variables/exports/_position.scss +7 -0
  128. package/src/scss/utility/variables/exports/_spacing.scss +14 -0
  129. package/src/scss/utility/variables/exports/_visibility.scss +7 -0
  130. package/src/scss/utility/variables/exports/_widthHeight.scss +7 -0
  131. package/src/scss/utility/variables/flex.scss +140 -0
  132. package/src/scss/utility/variables/index.scss +11 -0
  133. package/src/scss/utility/variables/overflow.scss +6 -0
  134. package/src/scss/utility/variables/position.scss +7 -0
  135. package/src/scss/utility/variables/spacing.scss +37 -0
  136. package/src/scss/utility/variables/visibility.scss +5 -0
  137. package/src/scss/utility/variables/widthHeight.scss +69 -0
  138. package/src/scss/utility/generatedFiles/generatedStyles.json +0 -1
  139. package/src/scss/utility/generatedFiles/generatedStyles.scss +0 -300
  140. package/src/scss/utility/typography.scss +0 -16
  141. package/src/scss/utility/variables.scss +0 -116
@@ -143,13 +143,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
143
143
  type: PropType<boolean>;
144
144
  default: boolean;
145
145
  };
146
- }, {
147
- activatorEl: import("vue").Ref<HTMLElement | undefined>;
148
- contentEl: import("vue").Ref<HTMLElement | undefined>;
149
- globalTop: Readonly<import("vue").Ref<boolean>>;
150
- localTop: import("vue").ComputedRef<boolean>;
151
- updateLocation: import("vue").Ref<((event: Event) => void) | undefined>;
152
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
146
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
153
147
  /**
154
148
  * Событие при изменении значения (v-model)
155
149
  * @type { boolean }
@@ -308,8 +302,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
308
302
  };
309
303
  }>> & {
310
304
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
311
- "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
312
305
  onAfterLeave?: (() => any) | undefined;
306
+ "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
313
307
  }, {
314
308
  disabled: boolean;
315
309
  location: import('../../utils').TAnchor;
@@ -30,17 +30,6 @@ export interface IUseLocationStrategies {
30
30
  contentStyles: Ref<Record<string, string>>;
31
31
  updateLocation: Ref<((event: Event) => void) | undefined>;
32
32
  }
33
- export declare const makeLocationProps: <Defaults extends {
34
- location?: unknown;
35
- } = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
36
- /**
37
- * Выравнивание компонент по краям top, bottom, left, right. Можно комбинировать, например, top left
38
- */
39
- location: {
40
- type: PropType<TAnchor>;
41
- default: string;
42
- };
43
- }, Defaults>;
44
33
  export declare const makeLocationStrategyProps: <Defaults extends {
45
34
  locationStrategy?: unknown;
46
35
  location?: unknown;
@@ -77,6 +66,17 @@ export declare const makeLocationStrategyProps: <Defaults extends {
77
66
  default: null;
78
67
  };
79
68
  }, Defaults>;
69
+ export declare const makeLocationProps: <Defaults extends {
70
+ location?: unknown;
71
+ } = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
72
+ /**
73
+ * Выравнивание компонент по краям top, bottom, left, right. Можно комбинировать, например, top left
74
+ */
75
+ location: {
76
+ type: PropType<TAnchor>;
77
+ default: string;
78
+ };
79
+ }, Defaults>;
80
80
  export declare function useLocationStrategies(props: ILocationStrategyProps, data: ILocationStrategyData): IUseLocationStrategies;
81
81
  export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number): {
82
82
  locationStyles: import("vue").ComputedRef<CSSProperties>;
@@ -9,7 +9,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
9
9
  type: PropType<(offset: number, height: number) => string>;
10
10
  default: undefined;
11
11
  };
12
- }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
12
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
13
13
  padding: {
14
14
  type: PropType<boolean>;
15
15
  default: boolean;
@@ -1,6 +1,11 @@
1
1
  import type { PropType } from 'vue';
2
2
  export declare const componentName = "CdsPagination";
3
3
  declare const _sfc_main: import("vue").DefineComponent<{
4
+ theme: {
5
+ type: PropType<string>;
6
+ available: readonly ["cds", "b2b", "promo", "dark"];
7
+ default: undefined;
8
+ };
4
9
  disabled: {
5
10
  type: PropType<boolean>;
6
11
  default: boolean;
@@ -49,12 +54,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
49
54
  type: PropType<number>;
50
55
  default: (props: any) => number;
51
56
  };
52
- }, {
53
- setFirst: () => void;
54
- setLast: () => void;
55
- setNext: () => void;
56
- setPrev: () => void;
57
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
57
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
58
58
  /**
59
59
  * Событие изменения значения v-model
60
60
  */
@@ -76,6 +76,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
76
76
  */
77
77
  prev: (value: number) => true;
78
78
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
79
+ theme: {
80
+ type: PropType<string>;
81
+ available: readonly ["cds", "b2b", "promo", "dark"];
82
+ default: undefined;
83
+ };
79
84
  disabled: {
80
85
  type: PropType<boolean>;
81
86
  default: boolean;
@@ -131,12 +136,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
131
136
  onNext?: ((value: number) => any) | undefined;
132
137
  onPrev?: ((value: number) => any) | undefined;
133
138
  }, {
139
+ ellipsis: string;
134
140
  tag: string;
135
141
  disabled: boolean;
136
142
  length: string | number;
143
+ theme: string;
137
144
  modelValue: number;
138
145
  start: string | number;
139
146
  totalVisible: string | number;
140
- ellipsis: string;
141
147
  }>;
142
148
  export default _sfc_main;
@@ -8,6 +8,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
8
8
  type: PropType<NonNullable<import('../../utils').TAnchor>>;
9
9
  default: NonNullable<import('../../utils').TAnchor>;
10
10
  };
11
+ theme: {
12
+ type: PropType<string>;
13
+ available: readonly ["cds", "b2b", "promo", "dark"];
14
+ default: undefined;
15
+ };
11
16
  tag: {
12
17
  type: PropType<string>;
13
18
  default: string;
@@ -71,6 +76,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
71
76
  type: PropType<NonNullable<import('../../utils').TAnchor>>;
72
77
  default: NonNullable<import('../../utils').TAnchor>;
73
78
  };
79
+ theme: {
80
+ type: PropType<string>;
81
+ available: readonly ["cds", "b2b", "promo", "dark"];
82
+ default: undefined;
83
+ };
74
84
  tag: {
75
85
  type: PropType<string>;
76
86
  default: string;
@@ -129,13 +139,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
129
139
  }, {
130
140
  tag: string;
131
141
  reverse: boolean;
142
+ theme: string;
132
143
  indeterminate: boolean;
133
- active: boolean;
134
144
  location: NonNullable<import('../../utils').TAnchor>;
145
+ active: boolean;
135
146
  modelValue: string | number;
147
+ max: string | number;
136
148
  height: string | number;
137
149
  absolute: boolean;
138
- max: string | number;
139
150
  bgColor: string;
140
151
  bgOpacity: string | number;
141
152
  bufferValue: string | number;
@@ -83,6 +83,230 @@ declare const _sfc_main: import("vue").DefineComponent<{
83
83
  checked: import("vue").ComputedRef<boolean>;
84
84
  hasLabel: import("vue").ComputedRef<boolean>;
85
85
  hasDescription: import("vue").ComputedRef<boolean>;
86
+ validationRef: import("vue").Ref<import("vue").DefineComponent<{
87
+ 'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
88
+ 'onClick:append': import("vue").PropType<(...args: any[]) => any>;
89
+ theme: {
90
+ type: import("vue").PropType<string>;
91
+ available: readonly ["cds", "b2b", "promo", "dark"];
92
+ default: undefined;
93
+ };
94
+ size: {
95
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
96
+ default: string;
97
+ available: readonly ["xs", "sm", "md", "lg", "xl"];
98
+ validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
99
+ };
100
+ readonly: {
101
+ type: import("vue").PropType<boolean>;
102
+ default: boolean;
103
+ };
104
+ disabled: {
105
+ type: import("vue").PropType<boolean>;
106
+ default: boolean;
107
+ };
108
+ focused: {
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
+ rules: {
129
+ type: import("vue").PropType<import("../../composable").TValidationRule[]>;
130
+ default: () => never[];
131
+ };
132
+ modelValue: {
133
+ type: import("vue").PropType<any>;
134
+ default: null;
135
+ };
136
+ validateOn: {
137
+ type: import("vue").PropType<"input" | "blur" | "submit">;
138
+ default: string;
139
+ available: readonly ["blur", "input", "submit"];
140
+ validator: (value: "input" | "blur" | "submit") => boolean;
141
+ };
142
+ validationValue: {
143
+ type: import("vue").PropType<any>;
144
+ default: undefined;
145
+ };
146
+ hideMessages: {
147
+ type: import("vue").PropType<boolean>;
148
+ default: boolean;
149
+ };
150
+ prependIcon: {
151
+ type: import("vue").PropType<"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">;
152
+ default: undefined;
153
+ validator: (value: "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") => boolean;
154
+ };
155
+ appendIcon: {
156
+ type: import("vue").PropType<"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">;
157
+ default: undefined;
158
+ validator: (value: "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") => boolean;
159
+ };
160
+ id: {
161
+ type: import("vue").PropType<string>;
162
+ default: undefined;
163
+ };
164
+ label: {
165
+ type: import("vue").PropType<string>;
166
+ default: undefined;
167
+ };
168
+ description: {
169
+ type: import("vue").PropType<string>;
170
+ default: undefined;
171
+ };
172
+ value: {
173
+ type: import("vue").PropType<any>;
174
+ default: null;
175
+ };
176
+ messages: {
177
+ type: import("vue").PropType<string | string[]>;
178
+ default: () => never[];
179
+ };
180
+ persistentMessages: {
181
+ type: import("vue").PropType<boolean>;
182
+ default: boolean;
183
+ };
184
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
185
+ 'update:modelValue': (value: any) => boolean;
186
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
187
+ 'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
188
+ 'onClick:append': import("vue").PropType<(...args: any[]) => any>;
189
+ theme: {
190
+ type: import("vue").PropType<string>;
191
+ available: readonly ["cds", "b2b", "promo", "dark"];
192
+ default: undefined;
193
+ };
194
+ size: {
195
+ type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
196
+ default: string;
197
+ available: readonly ["xs", "sm", "md", "lg", "xl"];
198
+ validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
199
+ };
200
+ readonly: {
201
+ type: import("vue").PropType<boolean>;
202
+ default: boolean;
203
+ };
204
+ disabled: {
205
+ type: import("vue").PropType<boolean>;
206
+ default: boolean;
207
+ };
208
+ focused: {
209
+ type: import("vue").PropType<boolean>;
210
+ default: boolean;
211
+ };
212
+ error: {
213
+ type: import("vue").PropType<boolean>;
214
+ default: boolean;
215
+ };
216
+ errorMessages: {
217
+ type: import("vue").PropType<string | string[]>;
218
+ default: () => never[];
219
+ };
220
+ maxErrors: {
221
+ type: import("vue").PropType<string | number>;
222
+ default: number;
223
+ };
224
+ name: {
225
+ type: import("vue").PropType<string | undefined>;
226
+ default: undefined;
227
+ };
228
+ rules: {
229
+ type: import("vue").PropType<import("../../composable").TValidationRule[]>;
230
+ default: () => never[];
231
+ };
232
+ modelValue: {
233
+ type: import("vue").PropType<any>;
234
+ default: null;
235
+ };
236
+ validateOn: {
237
+ type: import("vue").PropType<"input" | "blur" | "submit">;
238
+ default: string;
239
+ available: readonly ["blur", "input", "submit"];
240
+ validator: (value: "input" | "blur" | "submit") => boolean;
241
+ };
242
+ validationValue: {
243
+ type: import("vue").PropType<any>;
244
+ default: undefined;
245
+ };
246
+ hideMessages: {
247
+ type: import("vue").PropType<boolean>;
248
+ default: boolean;
249
+ };
250
+ prependIcon: {
251
+ type: import("vue").PropType<"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">;
252
+ default: undefined;
253
+ validator: (value: "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") => boolean;
254
+ };
255
+ appendIcon: {
256
+ type: import("vue").PropType<"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">;
257
+ default: undefined;
258
+ validator: (value: "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") => boolean;
259
+ };
260
+ id: {
261
+ type: import("vue").PropType<string>;
262
+ default: undefined;
263
+ };
264
+ label: {
265
+ type: import("vue").PropType<string>;
266
+ default: undefined;
267
+ };
268
+ description: {
269
+ type: import("vue").PropType<string>;
270
+ default: undefined;
271
+ };
272
+ value: {
273
+ type: import("vue").PropType<any>;
274
+ default: null;
275
+ };
276
+ messages: {
277
+ type: import("vue").PropType<string | string[]>;
278
+ default: () => never[];
279
+ };
280
+ persistentMessages: {
281
+ type: import("vue").PropType<boolean>;
282
+ default: boolean;
283
+ };
284
+ }>> & {
285
+ "onUpdate:modelValue"?: ((value: any) => any) | undefined;
286
+ }, {
287
+ value: any;
288
+ description: string;
289
+ size: "xs" | "sm" | "md" | "lg" | "xl";
290
+ disabled: boolean;
291
+ theme: string;
292
+ name: string | undefined;
293
+ id: string;
294
+ error: boolean;
295
+ label: string;
296
+ messages: string | string[];
297
+ persistentMessages: boolean;
298
+ errorMessages: string | string[];
299
+ maxErrors: string | number;
300
+ rules: import("../../composable").TValidationRule[];
301
+ modelValue: any;
302
+ validateOn: "input" | "blur" | "submit";
303
+ validationValue: any;
304
+ hideMessages: boolean;
305
+ prependIcon: "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";
306
+ appendIcon: "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";
307
+ focused: boolean;
308
+ readonly: boolean;
309
+ }> | undefined>;
86
310
  isGroup: import("vue").Ref<boolean>;
87
311
  isFocused: import("vue").Ref<boolean>;
88
312
  inputProps: import("vue").Ref<{
@@ -11,6 +11,11 @@ export declare const radioButtonProvideDefaultValue: IRadioButtonProvide;
11
11
  export declare const RadioButtonKey: unique symbol;
12
12
  export declare const componentName = "CdsRadioButton";
13
13
  declare const _sfc_main: import("vue").DefineComponent<{
14
+ theme: {
15
+ type: import("vue").PropType<string>;
16
+ available: readonly ["cds", "b2b", "promo", "dark"];
17
+ default: undefined;
18
+ };
14
19
  readonly: {
15
20
  type: import("vue").PropType<boolean>;
16
21
  default: boolean;
@@ -108,6 +113,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
108
113
  readonly readonly?: boolean | undefined;
109
114
  readonly direction?: NonNullable<"horizontal" | "vertical"> | undefined;
110
115
  readonly description?: string | undefined;
116
+ readonly theme?: string | undefined;
111
117
  readonly name?: string | undefined;
112
118
  readonly id?: string | undefined;
113
119
  readonly label?: string | undefined;
@@ -117,6 +123,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
117
123
  hasLabel: import("vue").ComputedRef<boolean>;
118
124
  hasDescription: import("vue").ComputedRef<boolean>;
119
125
  directionClasses: import("vue").ComputedRef<string>;
126
+ themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
120
127
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
121
128
  /**
122
129
  * Событие при изменении значения (v-model)
@@ -124,6 +131,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
124
131
  */
125
132
  'update:modelValue': (value: string[]) => boolean;
126
133
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
134
+ theme: {
135
+ type: import("vue").PropType<string>;
136
+ available: readonly ["cds", "b2b", "promo", "dark"];
137
+ default: undefined;
138
+ };
127
139
  readonly: {
128
140
  type: import("vue").PropType<boolean>;
129
141
  default: boolean;
@@ -209,6 +221,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
209
221
  value: any;
210
222
  description: string;
211
223
  disabled: boolean;
224
+ theme: string;
212
225
  name: string | undefined;
213
226
  id: string;
214
227
  error: boolean;