@snack-uikit/info-block 0.6.36-preview-d1ce0cc3.0 → 0.6.36
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.
- package/CHANGELOG.md +10 -0
- package/README.md +43 -0
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
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
|
+
## <small>0.6.36 (2026-01-19)</small>
|
|
7
|
+
|
|
8
|
+
* chore(FF-6693): migrate tests from TestCafe to Playwright ([f32aff8](https://github.com/cloud-ru-tech/snack-uikit/commit/f32aff8))
|
|
9
|
+
* chore(FF-6693): tune test configs ([d194f4d](https://github.com/cloud-ru-tech/snack-uikit/commit/d194f4d))
|
|
10
|
+
* docs(FF-7788): readme update ([e3142b8](https://github.com/cloud-ru-tech/snack-uikit/commit/e3142b8))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
6
16
|
## <small>0.6.35 (2025-11-28)</small>
|
|
7
17
|
|
|
8
18
|
### Only dependencies have been changed
|
package/README.md
CHANGED
|
@@ -5,7 +5,50 @@
|
|
|
5
5
|
|
|
6
6
|
[Changelog](./CHANGELOG.md)
|
|
7
7
|
|
|
8
|
+
## Description
|
|
8
9
|
|
|
10
|
+
- Пакет `@snack-uikit/info-block` предоставляет компонент `InfoBlock` для отображения компактных информационных блоков с заголовком, описанием, иконкой и действиями.
|
|
11
|
+
- Компонент подходит для размещения вспомогательных или поясняющих сообщений в интерфейсе (состояния, подсказки, результаты действий) и поддерживает разные размеры (`size: 's' | 'm' | 'l'`) и варианты компоновки контента (`align: 'horizontal' | 'vertical'`).
|
|
12
|
+
- Иконка настраивается через проп `icon` (тип, декор, цветовое оформление), использует `IconPredefined` и автоматически подстраивается под выбранный размер блока.
|
|
13
|
+
- Для отображения действий предусмотрен вложенный подкомпонент `InfoBlock.Footer` с основной и дополнительной кнопками, которые наследуют размер блока и могут дополняться тултипами.
|
|
14
|
+
- Компонент поддерживает пробрасывание служебных пропов (например, `data-`-атрибутов) через `WithSupportProps` и позволяет кастомизировать внешний вид через `className`.
|
|
15
|
+
- Figma: [`Info Block`](https://www.figma.com/file/jtGxAPvFJOMir7V0eQFukN/Snack-UI-Kit-1.1.0?type=design&node-id=591%3A52&mode=design).
|
|
16
|
+
|
|
17
|
+
## Example
|
|
18
|
+
|
|
19
|
+
```tsx
|
|
20
|
+
import { InfoBlock } from '@snack-uikit/info-block';
|
|
21
|
+
import { PlaceholderSVG } from '@snack-uikit/icons';
|
|
22
|
+
|
|
23
|
+
export function InfoBlockExample() {
|
|
24
|
+
return (
|
|
25
|
+
<InfoBlock
|
|
26
|
+
title="Не найдено данных"
|
|
27
|
+
description="Проверьте параметры фильтра или попробуйте обновить страницу позже."
|
|
28
|
+
size="m"
|
|
29
|
+
align="vertical"
|
|
30
|
+
icon={{
|
|
31
|
+
icon: PlaceholderSVG,
|
|
32
|
+
decor: true,
|
|
33
|
+
appearance: 'primary',
|
|
34
|
+
}}
|
|
35
|
+
footer={
|
|
36
|
+
<InfoBlock.Footer
|
|
37
|
+
primaryButton={{
|
|
38
|
+
text: 'Обновить',
|
|
39
|
+
onClick: () => console.log('Refresh'),
|
|
40
|
+
}}
|
|
41
|
+
secondaryButton={{
|
|
42
|
+
text: 'Изменить фильтр',
|
|
43
|
+
onClick: () => console.log('Change filter'),
|
|
44
|
+
}}
|
|
45
|
+
/>
|
|
46
|
+
}
|
|
47
|
+
data-test-id="info-block-example"
|
|
48
|
+
/>
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
```
|
|
9
52
|
|
|
10
53
|
[//]: DOCUMENTATION_SECTION_START
|
|
11
54
|
[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Info Block",
|
|
7
|
-
"version": "0.6.36
|
|
7
|
+
"version": "0.6.36",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
"license": "Apache-2.0",
|
|
37
37
|
"scripts": {},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@snack-uikit/button": "0.19.
|
|
40
|
-
"@snack-uikit/icon-predefined": "0.7.
|
|
41
|
-
"@snack-uikit/tooltip": "0.18.8
|
|
42
|
-
"@snack-uikit/typography": "0.8.
|
|
43
|
-
"@snack-uikit/utils": "4.0.
|
|
39
|
+
"@snack-uikit/button": "0.19.17",
|
|
40
|
+
"@snack-uikit/icon-predefined": "0.7.11",
|
|
41
|
+
"@snack-uikit/tooltip": "0.18.8",
|
|
42
|
+
"@snack-uikit/typography": "0.8.12",
|
|
43
|
+
"@snack-uikit/utils": "4.0.1",
|
|
44
44
|
"classnames": "2.5.1"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "84371bbf91915f650a852df849cd71d416c5b7b2"
|
|
47
47
|
}
|