@cloud-ru/uikit-product-site-section 1.4.2-preview-926fd6b4.0 → 1.5.0

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 (3) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +253 -0
  3. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # 1.5.0 (2026-05-21)
7
+
8
+
9
+ ### Features
10
+
11
+ * **SITE-10945:** upd cardBasic for section benefits ([6834fda](https://github.com/cloud-ru-tech/uikit-product/commit/6834fdaf23d07ad0e998c314be0eec6865be059d))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 1.4.1 (2026-04-30)
7
18
 
8
19
  ### Only dependencies have been changed
package/README.md CHANGED
@@ -10,82 +10,335 @@
10
10
  ### Props
11
11
  | name | type | default value | description |
12
12
  |------|------|---------------|-------------|
13
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
14
+ | items* | `AccordionItem[]` | - | Массив айтемов |
15
+ | title* | `string` | - | Название секции |
16
+ | selectionMode | "single" \| "multiple" | multiple | |
17
+ | expandedDefault | `string \| string[]` | - | |
18
+ | onExpandedChange | `((value?: string) => void) \| ((value?: string[]) => void)` | - | |
19
+ | id | `string` | - | id секции |
20
+ | description | `string` | - | Описание |
21
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
22
+ | outline | `boolean` | - | Внешний бордер для блоков |
23
+ | className | `string` | - | CSS-класс |
13
24
  ## SectionBasic
14
25
  ### Props
15
26
  | name | type | default value | description |
16
27
  |------|------|---------------|-------------|
28
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
29
+ | title | `string` | - | Название секции |
30
+ | subtitle | `string` | - | Подзаголовок секции |
31
+ | description | `string` | - | Описание секции |
32
+ | titleSectionSize | enum Size: `"s"`, `"m"`, `"l"` | m | Размер шрифтов заголовка и подзаголовка |
33
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
34
+ | subtitleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег подзаголовка |
35
+ | titleAlign | "left" \| "center" | - | Выравнивание текста |
36
+ | id | `string` | - | id секции |
37
+ | tabBarItems | `TabBarItem[]` | - | Массив табов |
38
+ | filterItems | `FieldSelectProps[]` | - | Массив фильтров |
39
+ | pagination | `PaginationProps` | - | Настройки пагинации |
40
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | neutral-background1-level | Цвет фона |
41
+ | className | `string` | - | CSS-класс |
42
+ | moreButton | `{ label?: string; href?: string; onClick: MouseEventHandler<HTMLElement>; 'data-test-id'?: string; }` | - | Кнопка внизу секции |
17
43
  ## SectionBenefits
18
44
  ### Props
19
45
  | name | type | default value | description |
20
46
  |------|------|---------------|-------------|
47
+ | content* | `ContentBasicTab[] \| CardBasicArray \| ContentInfoTab[] \| CardInfoArray \| ContentNumericTab[] \| CardNumericArray \| ContentProductTab[] \| CardProductArray` | - | |
48
+ | type* | "basic" \| "info" \| "numeric" \| "product" | - | |
49
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
50
+ | columnsConfig* | `ColumnsConfig` | - | Конфигурация настройки колонок для разных layoutType |
51
+ | id | `string` | - | id секции |
52
+ | title | `string` | - | Название секции |
53
+ | subtitle | `string` | - | Название подзаголовка секции |
54
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона секции |
55
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
56
+ | subtitleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
57
+ | description | `string` | - | Описание секции |
58
+ | note | `string` | - | Текст нижней сноски |
59
+ | buttons | `SectionButtonProps[]` | - | |
60
+ | buttonsAlign | "left" \| "center" | left | Выравнивание кнопок по горизонтали |
61
+ | tabBarItems | `TabBarItem[]` | - | |
62
+ | outline | `boolean` | - | |
21
63
  ## SectionBenefitsBanner
22
64
  ### Props
23
65
  | name | type | default value | description |
24
66
  |------|------|---------------|-------------|
67
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
68
+ | items* | `ItemProps[]` | - | Выгоды |
69
+ | id | `string` | - | id секции |
70
+ | title | `string` | - | Заголовок |
71
+ | titleTag | enum Tag: `"span"`, `"h1"`, `"h2"`, `"h3"`, `"h4"`, `"h5"`, `"h6"`, `"div"`, `"label"`, `"p"` | h3 | Тэг заголовка |
72
+ | description | `string \| string[]` | - | Описание под баннером |
73
+ | className | `string` | - | CSS класс |
74
+ | backgroundSectionColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Фон подложки |
75
+ | appearance | "decor" \| "brand" \| "graphite" | brand | |
76
+ | color | enum ColorType: `"neutral"`, `"white"`, `"violet"`, `"blue"` | - | |
77
+ | backgroundType | "color" \| "image" | color | |
78
+ | backgroundImage | `string` | - | |
25
79
  ## SectionBlogCarousel
26
80
  ### Props
27
81
  | name | type | default value | description |
28
82
  |------|------|---------------|-------------|
83
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
84
+ | items* | `BlogCarouselItem[]` | - | Массив айтемов |
85
+ | title | `string` | - | Название секции |
86
+ | subtitle | `string` | - | Подзаголовок секции |
87
+ | description | `string` | - | Описание секции |
88
+ | titleSectionSize | enum Size: `"s"`, `"m"`, `"l"` | - | Размер шрифтов заголовка и подзаголовка |
89
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
90
+ | subtitleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег подзаголовка |
91
+ | titleAlign | "left" \| "center" | - | Выравнивание текста |
92
+ | id | `string` | - | id секции |
93
+ | className | `string` | - | CSS - класснейм |
94
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
95
+ | moreButton | `{ label?: string; href?: string; onClick: MouseEventHandler<HTMLElement>; 'data-test-id'?: string; }` | - | Кнопка внизу секции |
96
+ | appearance | "neutral" \| "invert" | - | |
97
+ | autoSwipe | `number` | 9 | Автоматическое переключение слайдов в секундах |
98
+ | infiniteScroll | `boolean` | false | Цикличная прокрутка |
29
99
  ## SectionCaseCarousel
30
100
  ### Props
31
101
  | name | type | default value | description |
32
102
  |------|------|---------------|-------------|
103
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
104
+ | items* | `CaseItem[]` | - | Массив айтемов |
105
+ | title | `string` | - | Название секции |
106
+ | subtitle | `string` | - | Подзаголовок секции |
107
+ | titleSectionSize | enum Size: `"s"`, `"m"`, `"l"` | - | Размер шрифтов заголовка и подзаголовка |
108
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
109
+ | subtitleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег подзаголовка |
110
+ | titleAlign | "left" \| "center" | - | Выравнивание текста |
111
+ | id | `string` | - | id секции |
112
+ | className | `string` | - | CSS - класснейм |
113
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
114
+ | moreButton | `{ label?: string; href?: string; onClick: MouseEventHandler<HTMLElement>; 'data-test-id'?: string; }` | - | Кнопка внизу секции |
115
+ | appearance | "neutral" \| "invert" | - | |
116
+ | autoSwipe | `number` | 9 | Автоматическое переключение слайдов в секундах |
117
+ | infiniteScroll | `boolean` | false | Цикличная прокрутка |
33
118
  ## SectionCatalog
34
119
  ### Props
35
120
  | name | type | default value | description |
36
121
  |------|------|---------------|-------------|
122
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
123
+ | categories* | `ProductCategory[]` | - | Список продуктов по категориям |
124
+ | title* | `string` | - | Заголовок |
125
+ | id | `string` | - | id секции |
126
+ | className | `string` | - | CSS-класс |
127
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
128
+ | selectedCategory | `string` | - | Выбранная категория продуктов |
129
+ | onCategorySelect | `(category: string) => void` | - | Колбек смены выбранной категории продуктов |
130
+ | footer | `FooterItem[]` | - | Список элементов для футера в каталоге |
37
131
  ## SectionClientsCarousel
38
132
  ### Props
39
133
  | name | type | default value | description |
40
134
  |------|------|---------------|-------------|
135
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
136
+ | items* | `CardClientProps[]` | - | Массив айтемов |
137
+ | title | `string` | - | Название секции |
138
+ | subtitle | `string` | - | Подзаголовок секции |
139
+ | titleSectionSize | enum Size: `"s"`, `"m"`, `"l"` | - | Размер шрифтов заголовка и подзаголовка |
140
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
141
+ | subtitleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег подзаголовка |
142
+ | titleAlign | "left" \| "center" | - | Выравнивание текста |
143
+ | id | `string` | - | id секции |
144
+ | className | `string` | - | CSS - класснейм |
145
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
146
+ | moreButton | `{ label?: string; href?: string; onClick: MouseEventHandler<HTMLElement>; 'data-test-id'?: string; }` | - | Кнопка внизу секции |
147
+ | appearance | "neutral" \| "invert" | - | |
148
+ | autoSwipe | `number` | 9 | Автоматическое переключение слайдов в секундах |
149
+ | infiniteScroll | `boolean` | false | Цикличная прокрутка |
41
150
  ## SectionContent
42
151
  ### Props
43
152
  | name | type | default value | description |
44
153
  |------|------|---------------|-------------|
154
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
155
+ | id | `string` | - | id секции |
156
+ | className | `string` | - | CSS-класс |
157
+ | title | `string` | - | Заголовок |
158
+ | description | `string` | - | Описание |
159
+ | button | `Omit<ButtonFilledProps, "size" \| "fullWidth">` | - | Кнопка действия |
160
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | neutral-background1-level | Цвет фона |
161
+ | contentPosition | "left" \| "right" | left | Местоположение контента в секции |
162
+ | video | `ReactNode \| VideoPlayerProps` | - | |
163
+ | onPlay | `() => void` | - | |
164
+ | onError | `ReactEventHandler<HTMLVideoElement>` | - | |
165
+ | image | `{ src: string; alt?: string; }` | - | Ссылка на изображение |
166
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
45
167
  ## SectionContentList
46
168
  ### Props
47
169
  | name | type | default value | description |
48
170
  |------|------|---------------|-------------|
171
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
172
+ | id | `string` | - | id секции |
173
+ | className | `string` | - | CSS-класс |
174
+ | title | `string` | - | Заголовок |
175
+ | description | `string` | - | Описание |
176
+ | items | `Item[]` | - | Список элементов |
177
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
178
+ | contentPosition | "left" \| "right" | left | Местоположение контента в секции |
179
+ | video | `ReactNode \| VideoPlayerProps` | - | |
180
+ | onPlay | `() => void` | - | |
181
+ | onError | `ReactEventHandler<HTMLVideoElement>` | - | |
182
+ | image | `{ src: string; alt?: string; }` | - | Ссылка на изображение |
183
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
49
184
  ## SectionContentTabs
50
185
  ### Props
51
186
  | name | type | default value | description |
52
187
  |------|------|---------------|-------------|
188
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
189
+ | tabs* | `TabItem[]` | - | Список вкладок |
190
+ | id | `string` | - | id секции |
191
+ | className | `string` | - | CSS-класс |
192
+ | title | `string` | - | Заголовок |
193
+ | activeTab | `string` | - | Выбранная вкладок |
194
+ | onActiveTabChange | `() => void` | - | колбэк на смену вкладки |
195
+ | button | `Omit<ButtonFilledProps, "size" \| "fullWidth">` | - | Кнопка действия |
196
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
197
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
53
198
  ## SectionExpertsCarousel
54
199
  ### Props
55
200
  | name | type | default value | description |
56
201
  |------|------|---------------|-------------|
202
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
203
+ | items* | `ExpertDetails[]` | - | Массив айтемов |
204
+ | title | `string` | - | Название секции |
205
+ | subtitle | `string` | - | Подзаголовок секции |
206
+ | titleSectionSize | enum Size: `"s"`, `"m"`, `"l"` | - | Размер шрифтов заголовка и подзаголовка |
207
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
208
+ | subtitleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег подзаголовка |
209
+ | titleAlign | "left" \| "center" | - | Выравнивание текста |
210
+ | id | `string` | - | id секции |
211
+ | className | `string` | - | CSS - класснейм |
212
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
213
+ | moreButton | `{ label?: string; href?: string; onClick: MouseEventHandler<HTMLElement>; 'data-test-id'?: string; }` | - | Кнопка внизу секции |
214
+ | appearance | "neutral" \| "invert" | - | |
215
+ | autoSwipe | `number` | 9 | Автоматическое переключение слайдов в секундах |
216
+ | infiniteScroll | `boolean` | false | Цикличная прокрутка |
57
217
  ## SectionLeading
58
218
  ### Props
59
219
  | name | type | default value | description |
60
220
  |------|------|---------------|-------------|
221
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
222
+ | items* | `CardLeadingItem[]` | - | Массив айтемов |
223
+ | title | `string` | - | Название секции |
224
+ | description | `string` | - | Описание секции |
225
+ | titleSectionSize | enum Size: `"s"`, `"m"`, `"l"` | m | Размер шрифтов заголовка и подзаголовка |
226
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
227
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
228
+ | autoSwipe | `number` | 9 | Автоматическое переключение слайдов в секундах |
229
+ | id | `string` | - | id секции |
230
+ | footerDescription | `string` | - | Описание секции |
231
+ | className | `string` | - | CSS - класснейм |
61
232
  ## SectionMarketplaceCarousel
62
233
  ### Props
63
234
  | name | type | default value | description |
64
235
  |------|------|---------------|-------------|
236
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
237
+ | items* | `CardMarketplaceProps[]` | - | Массив айтемов |
238
+ | title | `string` | - | Название секции |
239
+ | subtitle | `string` | - | Подзаголовок секции |
240
+ | description | `string` | - | Описание секции |
241
+ | titleSectionSize | enum Size: `"s"`, `"m"`, `"l"` | - | Размер шрифтов заголовка и подзаголовка |
242
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
243
+ | subtitleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег подзаголовка |
244
+ | titleAlign | "left" \| "center" | - | Выравнивание текста |
245
+ | id | `string` | - | id секции |
246
+ | className | `string` | - | CSS - класснейм |
247
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
248
+ | moreButton | `{ label?: string; href?: string; onClick: MouseEventHandler<HTMLElement>; 'data-test-id'?: string; }` | - | Кнопка внизу секции |
249
+ | appearance | "neutral" \| "invert" | - | |
250
+ | autoSwipe | `number` | 9 | Автоматическое переключение слайдов в секундах |
251
+ | infiniteScroll | `boolean` | false | Цикличная прокрутка |
65
252
  ## SectionMedia
66
253
  ### Props
67
254
  | name | type | default value | description |
68
255
  |------|------|---------------|-------------|
256
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
257
+ | title | `string` | - | Название секции |
258
+ | description | `string` | - | Описание секции |
259
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
260
+ | id | `string` | - | id секции |
261
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
262
+ | video | `ReactNode \| VideoPlayerProps` | - | |
263
+ | onPlay | `() => void` | - | |
264
+ | onError | `ReactEventHandler<HTMLVideoElement>` | - | |
265
+ | image | `{ src: string; alt?: string; }` | - | Ссылка на изображение |
69
266
  ## SectionPersonalManager
70
267
  ### Props
71
268
  | name | type | default value | description |
72
269
  |------|------|---------------|-------------|
270
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
271
+ | onGetConsultationClick* | `() => void` | - | Хэндлер клика по кнопке "Получить консультацию" |
272
+ | manager* | `{ img: string; title?: string; text?: string; }` | - | |
273
+ | id | `string` | - | id секции |
274
+ | title | `string` | - | |
275
+ | description | `string` | - | |
276
+ | card | `{ title: string; text: string; }` | - | |
277
+ | benefits | `Pick<CardBasicProps, "title" \| "icon">[]` | - | |
278
+ | withoutBenefits | `boolean` | - | |
279
+ | className | `string` | - | CSS-класс |
73
280
  ## SectionPromoList
74
281
  ### Props
75
282
  | name | type | default value | description |
76
283
  |------|------|---------------|-------------|
284
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
285
+ | rightList* | `PromoListProps` | - | Элементы правого списка |
286
+ | leftList* | `PromoListProps` | - | Элементы левого списка |
287
+ | image* | `string` | - | Ссылка на изображение |
288
+ | title* | `string` | - | Заголовок |
289
+ | id | `string` | - | id секции |
290
+ | className | `string` | - | CSS-класс |
291
+ | description | `string` | - | Описание |
77
292
  ## SectionSocial
78
293
  ### Props
79
294
  | name | type | default value | description |
80
295
  |------|------|---------------|-------------|
296
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
297
+ | cards* | `Omit<CardSocialProps, "layoutType">[]` | - | |
298
+ | title | `string` | - | Название секции Заголовок |
299
+ | subtitle | `string` | - | Подзаголовок секции |
300
+ | titleAlign | "left" \| "center" | - | Выравнивание текста |
301
+ | id | `string` | - | id секции |
302
+ | className | `string` | - | CSS-класс |
303
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Цвет фона |
304
+ | gap | "s" \| "m" \| "l" \| "xs" | s | Размер отступов сетки |
81
305
  ## SectionTable
82
306
  ### Props
83
307
  | name | type | default value | description |
84
308
  |------|------|---------------|-------------|
309
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
310
+ | rows* | `Cell[][]` | - | |
311
+ | id | `string` | - | id секции |
312
+ | className | `string` | - | CSS-класс |
313
+ | title | `string` | - | Заголовок |
314
+ | subtitle | `string` | - | Подзаголовок |
315
+ | description | `string` | - | Описание |
316
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | - | Фон подложки |
317
+ | withHeader | `boolean` | - | |
85
318
  ## SectionCarousel
86
319
  ### Props
87
320
  | name | type | default value | description |
88
321
  |------|------|---------------|-------------|
322
+ | maxItemsPerPage* | `number` | - | Максимальное количество айтемов на слайде |
323
+ | itemMinWidth* | `number` | - | Минимальная ширина айтема |
324
+ | children* | `ReactElement<any, string \| JSXElementConstructor<any>>[]` | - | Массив повторяющихся айтмов, из которых состоят слайды карусели |
325
+ | layoutType* | enum LayoutType: `"mobile"`, `"tablet"`, `"desktop"`, `"desktopSmall"` | - | |
326
+ | title | `string` | - | Название секции |
327
+ | subtitle | `string` | - | Подзаголовок секции |
328
+ | titleLink | `PickLinkProps<(<T extends ElementType = "a">({ text, className, textMode, size, purpose, appearance, insideText, truncateVariant, as, ...rest }: LinkProps<T>) => Element), "onClick" \| "appearance" \| "href" \| "target" \| "textMode">` | - | Ссылка в названии |
329
+ | description | `string` | - | Описание секции |
330
+ | titleSectionSize | enum Size: `"s"`, `"m"`, `"l"` | - | Размер шрифтов заголовка и подзаголовка |
331
+ | titleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег заголовка |
332
+ | subtitleTag | enum SectionTag: `"h2"`, `"h3"`, `"h4"` | - | Тег подзаголовка |
333
+ | titleAlign | "left" \| "center" | - | Выравнивание текста |
334
+ | appearance | "neutral" \| "invert" | - | |
335
+ | id | `string` | - | id секции |
336
+ | backgroundColor | enum SectionColor: `"neutral-background1-level"`, `"neutral-background"`, `"graphite-accent-default"` | neutral-background1-level | Цвет фона |
337
+ | className | `string` | - | CSS - класснейм |
338
+ | autoSwipe | `number` | 9 | Автоматическое переключение слайдов в секундах |
339
+ | gap | `string` | var(--dimension-2m) | Расстояние между айтемами |
340
+ | infiniteScroll | `boolean` | true | Цикличная прокрутка |
341
+ | moreButton | `{ label?: string; href?: string; onClick: MouseEventHandler<HTMLElement>; 'data-test-id'?: string; }` | - | Кнопка внизу секции |
89
342
 
90
343
 
91
344
  [//]: DOCUMENTATION_SECTION_END
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloud-ru/uikit-product-site-section",
3
3
  "title": "Site Section",
4
- "version": "1.4.2-preview-926fd6b4.0",
4
+ "version": "1.5.0",
5
5
  "sideEffects": [
6
6
  "*.css",
7
7
  "*.woff",
@@ -37,18 +37,18 @@
37
37
  "scripts": {},
38
38
  "dependencies": {
39
39
  "@cloud-ru/uikit-product-icons": "17.3.0",
40
- "@cloud-ru/uikit-product-mobile-fields": "2.1.3-preview-926fd6b4.0",
41
- "@cloud-ru/uikit-product-site-cards": "1.1.12-preview-926fd6b4.0",
42
- "@cloud-ru/uikit-product-site-case-card": "1.2.3-preview-926fd6b4.0",
40
+ "@cloud-ru/uikit-product-mobile-fields": "2.1.2",
41
+ "@cloud-ru/uikit-product-site-cards": "1.2.0",
42
+ "@cloud-ru/uikit-product-site-case-card": "1.2.2",
43
43
  "@cloud-ru/uikit-product-site-grid": "1.1.3",
44
44
  "@cloud-ru/uikit-product-site-layout": "1.1.3",
45
45
  "@cloud-ru/uikit-product-site-media": "1.1.10",
46
46
  "@cloud-ru/uikit-product-site-rich-text": "1.1.3",
47
- "@cloud-ru/uikit-product-site-table": "1.1.5-preview-926fd6b4.0",
47
+ "@cloud-ru/uikit-product-site-table": "1.1.4",
48
48
  "@cloud-ru/uikit-product-utils": "9.1.0",
49
49
  "@snack-uikit/accordion": "0.11.23",
50
50
  "@snack-uikit/button": "0.19.7",
51
- "@snack-uikit/card": "0.20.20",
51
+ "@snack-uikit/card": "0.20.18",
52
52
  "@snack-uikit/carousel": "0.6.11",
53
53
  "@snack-uikit/link": "0.17.20",
54
54
  "@snack-uikit/pagination": "0.10.24",
@@ -67,5 +67,5 @@
67
67
  "@cloud-ru/uikit-product-locale": "*",
68
68
  "@snack-uikit/figma-tokens": "*"
69
69
  },
70
- "gitHead": "b3f5ee8a0353d2bdf60276fcd5326b4e809bbd7e"
70
+ "gitHead": "c54a42b8331d54039cddc555871694162252a046"
71
71
  }