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