@consta/header 1.2.0 → 1.2.1
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/README.md
CHANGED
|
@@ -15,7 +15,7 @@ $ yarn add @consta/header
|
|
|
15
15
|
|
|
16
16
|
## Подключите зависимости
|
|
17
17
|
|
|
18
|
-
Чтобы начать работу, установите библиотеку [`@consta/uikit`](https://www.npmjs.com/package/@consta/uikit) и [настройте тему](http://
|
|
18
|
+
Чтобы начать работу, установите библиотеку [`@consta/uikit`](https://www.npmjs.com/package/@consta/uikit) и [настройте тему](http://consta.design/libs/portal/theme-themeabout).
|
|
19
19
|
|
|
20
20
|
### Можно использовать компоненты
|
|
21
21
|
|
|
@@ -33,11 +33,15 @@ const App = () => {
|
|
|
33
33
|
};
|
|
34
34
|
```
|
|
35
35
|
|
|
36
|
+
## Документация
|
|
37
|
+
|
|
38
|
+
[Посмотреть документацию и примеры](http://consta.design/libs/header)
|
|
39
|
+
|
|
36
40
|
## Разработка
|
|
37
41
|
|
|
38
42
|
### Подготовка окружения
|
|
39
43
|
|
|
40
|
-
Рабочее окружение должно содержать NodeJS и Yarn
|
|
44
|
+
Рабочее окружение должно содержать NodeJS и Yarn.
|
|
41
45
|
|
|
42
46
|
Чтобы установить зависимости, выполните команду:
|
|
43
47
|
|
|
@@ -48,27 +52,22 @@ $ yarn install
|
|
|
48
52
|
### Основные команды
|
|
49
53
|
|
|
50
54
|
```sh
|
|
51
|
-
#
|
|
55
|
+
# Запуск локального сервера для разработки
|
|
52
56
|
$ yarn start
|
|
53
|
-
|
|
57
|
+
|
|
58
|
+
# Сборка пакета
|
|
54
59
|
$ yarn build
|
|
55
|
-
# Линтинг всех файлов
|
|
56
|
-
$ yarn lint
|
|
57
|
-
# Форматирование всех файлов prettier
|
|
58
|
-
$ yarn format
|
|
59
|
-
# Запуск юнит-тестов
|
|
60
|
-
$ yarn unit
|
|
61
|
-
# Запуск юнит-тестов, тестирование TS, линтинг файлов
|
|
62
|
-
$ yarn test
|
|
63
|
-
```
|
|
64
60
|
|
|
65
|
-
|
|
61
|
+
# Сборка стенда
|
|
62
|
+
$ yarn stand:build
|
|
66
63
|
|
|
67
|
-
|
|
64
|
+
# Запуск тестов
|
|
65
|
+
$ yarn test
|
|
66
|
+
```
|
|
68
67
|
|
|
69
68
|
## Контрибьюторам
|
|
70
69
|
|
|
71
|
-
Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](
|
|
70
|
+
Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](https://consta.design/libs/portal/contributers-code).
|
|
72
71
|
|
|
73
72
|
## Лицензия
|
|
74
73
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.che--BannerBarItem{align-items:flex-start;background:var(--color-bg-default);display:flex;flex-direction:var(--banner-bar-item-direction);gap:var(--space-m);justify-content:flex-start}.che--BannerBarItem_view_vertical{--banner-bar-item-direction:column;width:100%}.che--BannerBarItem_view_horizontal{--banner-bar-item-direction:row;height:100%}.che--BannerBarItem-Image{height:100%;max-height:195px;max-width:256px;object-fit:cover;overflow:hidden;width:100%}.che--BannerBarItem-ImageContainer{border-radius:var(--control-radius);max-height:100%;max-width:100%;overflow:hidden}.che--BannerBarItem-Content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-xs);justify-content:flex-start;max-width:260px;width:100%}.che--BannerBarItem-Description{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:block;display:-webkit-box;max-height:3em;overflow:hidden;text-overflow:ellipsis}.che--BannerBarItem-Button.Button{margin-top:var(--space-xs);padding:0}.che--BannerBarItem-Button.Button:hover{background-color:
|
|
1
|
+
.che--BannerBarItem{align-items:flex-start;background:var(--color-bg-default);display:flex;flex-direction:var(--banner-bar-item-direction);gap:var(--space-m);justify-content:flex-start}.che--BannerBarItem_view_vertical{--banner-bar-item-direction:column;width:100%}.che--BannerBarItem_view_horizontal{--banner-bar-item-direction:row;height:100%}.che--BannerBarItem-Image{height:100%;max-height:195px;max-width:256px;object-fit:cover;overflow:hidden;width:100%}.che--BannerBarItem-ImageContainer{border-radius:var(--control-radius);max-height:100%;max-width:100%;overflow:hidden}.che--BannerBarItem-Content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-xs);justify-content:flex-start;max-width:260px;width:100%}.che--BannerBarItem-Description{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:block;display:-webkit-box;max-height:3em;overflow:hidden;text-overflow:ellipsis}.che--BannerBarItem-Button.Button{margin-top:var(--space-xs);padding:0}.che--BannerBarItem-Button.Button:hover{background-color:transparent;color:var(--color-control-bg-primary)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.che--GlobalMenuGroup{display:flex;flex-direction:column;gap:var(--space-s);width:100%}.che--GlobalMenuGroup-Title_clickable{cursor:pointer;transition:color .3s}.che--GlobalMenuGroup-
|
|
1
|
+
.che--GlobalMenuGroup{display:flex;flex-direction:column;gap:var(--space-s);width:100%}.che--GlobalMenuGroup-Title_clickable{cursor:pointer;transition:color .3s}.che--GlobalMenuGroup-Title_clickable:hover{color:var(--color-control-bg-primary)}.che--GlobalMenuGroup-Item:hover{background:transparent;color:var(--color-control-bg-primary)}.che--GlobalMenuGroup-Content.ListBox{display:flex;flex-direction:column;gap:calc(var(--space-xs) + var(--space-3xs));padding:0;width:100%}.che--GlobalMenuGroup-Button.Button{color:var(--color-typo-secondary);padding:0;width:max-content}.che--GlobalMenuGroup-Button.Button:hover{background-color:transparent;color:var(--color-control-bg-primary)}.che--GlobalMenuGroup-Button.Button>.Button-Icon{transition:transform .3s}.che--GlobalMenuGroup-Button.Button.che--GlobalMenuGroup-Button_open>.Button-Icon{transform:rotate(180deg)}
|