indicator-ui 0.0.5 → 0.0.6
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 +66 -66
- package/dist/index.css +1268 -248
- package/dist/index.css.map +1 -1
- package/dist/scss/styles/colors/index.scss +3 -1
- package/dist/scss/styles/colors/primary-var.scss +56 -0
- package/dist/scss/styles/colors/secondary-var.scss +15 -0
- package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss +4 -4
- package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss +4 -4
- package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss +4 -4
- package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +6 -6
- package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +7 -7
- package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +8 -8
- package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss +5 -5
- package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss +6 -6
- package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +4 -4
- package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss +4 -4
- package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +4 -4
- package/dist/scss/ui/Buttons/styles/mixins/properties/warning-primary.scss +3 -3
- package/dist/scss/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss +6 -6
- package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomInputField/CustomInput.scss +10 -10
- package/dist/scss/ui/FormBuilder/styles/CustomFields/CustomSelectField/CustomSelectFieldViewField.scss +2 -2
- package/dist/scss/ui/InputFields/FlexField/styles/mixins/flexField.scss +16 -16
- package/dist/scss/ui/InputFields/InputFieldWrapper/styles/mixins/inputFieldWrapper.scss +6 -6
- package/dist/scss/ui/InputFields/RadioField/styles/mixins/radioField.scss +5 -5
- package/dist/scss/ui/InputFields/SelectField/styles/mixins/selectField.scss +5 -5
- package/dist/scss/ui/InputFields/SwitcherField/styles/mixins/switcherField.scss +8 -8
- package/dist/scss/ui/InputFields/TextareaField/styles/mixin/textareaField.scss +7 -7
- package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss +5 -5
- package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss +3 -3
- package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss +3 -3
- package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss +1 -1
- package/dist/scss/ui/MicroButton/styles/mixins/properties/gray-fill.scss +5 -5
- package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss +3 -3
- package/dist/scss/ui/MicroButton/styles/mixins/properties/light.scss +3 -3
- package/dist/scss/ui/MicroButton/styles/mixins/properties/red-fill.scss +5 -5
- package/dist/scss/ui/MicroButton/styles/mixins/properties/red-hover.scss +3 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
# **INDICATOR UI** 🚀
|
|
2
|
-
|
|
3
|
-
## 📌 Для разработки
|
|
4
|
-
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
### 🔥 Точки входа
|
|
8
|
-
|
|
9
|
-
В проекте есть два ключевых входа для модулей — **js/ts** и **scss**.
|
|
10
|
-
|
|
11
|
-
#### 📂 `src/index.ts` (js/ts модули)
|
|
12
|
-
|
|
13
|
-
Добавляем сюда все модули, которые должны быть доступны через:
|
|
14
|
-
```ts
|
|
15
|
-
import {} from 'indicator-ui';
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
#### 🎨 `src/index.scss` (scss модули)
|
|
19
|
-
|
|
20
|
-
Добавляем сюда все стили, которые должны быть доступны через:
|
|
21
|
-
```scss
|
|
22
|
-
@use 'indicator-ui' as *;
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
---
|
|
26
|
-
|
|
27
|
-
### ⚙️ Сборка проекта
|
|
28
|
-
|
|
29
|
-
Чтобы собрать проект, используйте:
|
|
30
|
-
|
|
31
|
-
```sh
|
|
32
|
-
npm run build
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
Результаты сборки появятся в папке `dist`. Там, возможно, живёт магия. 🧙♂️✨
|
|
36
|
-
|
|
37
|
-
---
|
|
38
|
-
|
|
39
|
-
## 🛠 Тестирование перед публикацией
|
|
40
|
-
|
|
41
|
-
Перед публикацией можно протестировать библиотеку на локальном **React**-проекте `test-project`. Для этого используется **yalc** — аналог npm, но для локальных пакетов. 🛞
|
|
42
|
-
|
|
43
|
-
### 🚀 Установка `yalc`
|
|
44
|
-
|
|
45
|
-
```sh
|
|
46
|
-
npm install -g yalc
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
### 📦 Публикация в локальное хранилище
|
|
50
|
-
|
|
51
|
-
```sh
|
|
52
|
-
yalc publish
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
### 📥 Установка библиотеки в проект
|
|
56
|
-
|
|
57
|
-
```sh
|
|
58
|
-
yalc add indicator-ui
|
|
59
|
-
```
|
|
60
|
-
|
|
61
|
-
### 🔄 Обновление библиотеки
|
|
62
|
-
|
|
63
|
-
```sh
|
|
64
|
-
yalc update
|
|
65
|
-
```
|
|
66
|
-
|
|
1
|
+
# **INDICATOR UI** 🚀
|
|
2
|
+
|
|
3
|
+
## 📌 Для разработки
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
### 🔥 Точки входа
|
|
8
|
+
|
|
9
|
+
В проекте есть два ключевых входа для модулей — **js/ts** и **scss**.
|
|
10
|
+
|
|
11
|
+
#### 📂 `src/index.ts` (js/ts модули)
|
|
12
|
+
|
|
13
|
+
Добавляем сюда все модули, которые должны быть доступны через:
|
|
14
|
+
```ts
|
|
15
|
+
import {} from 'indicator-ui';
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
#### 🎨 `src/index.scss` (scss модули)
|
|
19
|
+
|
|
20
|
+
Добавляем сюда все стили, которые должны быть доступны через:
|
|
21
|
+
```scss
|
|
22
|
+
@use 'indicator-ui' as *;
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
### ⚙️ Сборка проекта
|
|
28
|
+
|
|
29
|
+
Чтобы собрать проект, используйте:
|
|
30
|
+
|
|
31
|
+
```sh
|
|
32
|
+
npm run build
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
Результаты сборки появятся в папке `dist`. Там, возможно, живёт магия. 🧙♂️✨
|
|
36
|
+
|
|
37
|
+
---
|
|
38
|
+
|
|
39
|
+
## 🛠 Тестирование перед публикацией
|
|
40
|
+
|
|
41
|
+
Перед публикацией можно протестировать библиотеку на локальном **React**-проекте `test-project`. Для этого используется **yalc** — аналог npm, но для локальных пакетов. 🛞
|
|
42
|
+
|
|
43
|
+
### 🚀 Установка `yalc`
|
|
44
|
+
|
|
45
|
+
```sh
|
|
46
|
+
npm install -g yalc
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
### 📦 Публикация в локальное хранилище
|
|
50
|
+
|
|
51
|
+
```sh
|
|
52
|
+
yalc publish
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
### 📥 Установка библиотеки в проект
|
|
56
|
+
|
|
57
|
+
```sh
|
|
58
|
+
yalc add indicator-ui
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
### 🔄 Обновление библиотеки
|
|
62
|
+
|
|
63
|
+
```sh
|
|
64
|
+
yalc update
|
|
65
|
+
```
|
|
66
|
+
|
|
67
67
|
```yalc publish --push```
|