indicator-ui 0.1.123 → 0.1.131

package/docs/CSSVariables/CSSVariablesCalifornia.md

@@ -1,62 +1,62 @@
-[🔙 Назад](../../README.md)
-
-# CSS Variables 🌴🌊
-
-Йооо, чуваки, в этой библиотеке мы юзаем **CSS-переменные** для цветов (ну, возможно, в будущем не только для них, кто знает). Иногда захочешь немного покрутить их под свой проект, и вот тебе, как это сделать, если хочешь, чтобы всё было чётко! ✌️
-
----
-
-## 🔧 Как это работает, чувак?
-
-Мы задаем переменные в библиотеке через **CSS Variables**:
-
-```css
-:root {
-    --var: #fff; /* Ну типа белый цвет, да */
-}
-```
-
-А когда хочешь использовать эту штуку, просто пиши так:
-
-```scss
-@use 'variables' as *;
-
-background-color: var(--var); /* Эй, хватит смотреть на меня, ты ж знаешь, что это делает */
-```
-
-📌 **Тупо важно**: Когда ты делаешь новые компоненты для библиотеки, **используй только** CSS-переменные, чтобы другие ребята могли под себя всё настроить. Просто чётко, понял? 😎
-
----
-
-## 🎨 Как настроить свой проект, чувак?
-
-### 1️⃣ Создай файл, где ты всё переделаешь
-
-Эй, не усложняй, просто создай отдельный файл (например, `indicator-ui-variables.scss`), где будешь переделывать эти переменные на свой вкус. Все твои новые переменные должны быть в `:root {}`. Это как твоя домашка, только тут можно реально кайфануть. 😁
-
-Пример, ну типа так:
-
-```scss
-:root {
-  --base-black: #000000; /* Ну ты понял, базовый чёрный */
-  --base-white: #ffffff; /* Базовый белый, чтоб не скучно было */
-  /* Добавь что хочешь — зелёный для своей ласточки или оранжевый для веселья */
-}
-```
-
-🔹 _(Не переживай, я не расист, всё как-то так у Rockstar вон, если что 😜)_
-
-### 2️⃣ Импортируй файл с переменными
-
-Чувак, вот тут важный момент — тебе нужно импортировать твой файл **после** подключения самой библиотеки, иначе, ну, как бы, не прокатит. Это как печеньки после молока, понял? 😋
-
-```scss
-@import 'indicator-ui/dist/index.css';
-@import 'indicator-ui-variables.scss'; /* И вот тут ты подключаешь свои переменные */
-```
-
-🎉 **Йо! Ты переопределил переменные в библиотеке, теперь ты как бог в своём проекте.** 🔥
-
----
-
+[🔙 Назад](../../README.md)
+
+# CSS Variables 🌴🌊
+
+Йооо, чуваки, в этой библиотеке мы юзаем **CSS-переменные** для цветов (ну, возможно, в будущем не только для них, кто знает). Иногда захочешь немного покрутить их под свой проект, и вот тебе, как это сделать, если хочешь, чтобы всё было чётко! ✌️
+
+---
+
+## 🔧 Как это работает, чувак?
+
+Мы задаем переменные в библиотеке через **CSS Variables**:
+
+```css
+:root {
+    --var: #fff; /* Ну типа белый цвет, да */
+}
+```
+
+А когда хочешь использовать эту штуку, просто пиши так:
+
+```scss
+@use 'variables' as *;
+
+background-color: var(--var); /* Эй, хватит смотреть на меня, ты ж знаешь, что это делает */
+```
+
+📌 **Тупо важно**: Когда ты делаешь новые компоненты для библиотеки, **используй только** CSS-переменные, чтобы другие ребята могли под себя всё настроить. Просто чётко, понял? 😎
+
+---
+
+## 🎨 Как настроить свой проект, чувак?
+
+### 1️⃣ Создай файл, где ты всё переделаешь
+
+Эй, не усложняй, просто создай отдельный файл (например, `indicator-ui-variables.scss`), где будешь переделывать эти переменные на свой вкус. Все твои новые переменные должны быть в `:root {}`. Это как твоя домашка, только тут можно реально кайфануть. 😁
+
+Пример, ну типа так:
+
+```scss
+:root {
+  --base-black: #000000; /* Ну ты понял, базовый чёрный */
+  --base-white: #ffffff; /* Базовый белый, чтоб не скучно было */
+  /* Добавь что хочешь — зелёный для своей ласточки или оранжевый для веселья */
+}
+```
+
+🔹 _(Не переживай, я не расист, всё как-то так у Rockstar вон, если что 😜)_
+
+### 2️⃣ Импортируй файл с переменными
+
+Чувак, вот тут важный момент — тебе нужно импортировать твой файл **после** подключения самой библиотеки, иначе, ну, как бы, не прокатит. Это как печеньки после молока, понял? 😋
+
+```scss
+@import 'indicator-ui/dist/index.css';
+@import 'indicator-ui-variables.scss'; /* И вот тут ты подключаешь свои переменные */
+```
+
+🎉 **Йо! Ты переопределил переменные в библиотеке, теперь ты как бог в своём проекте.** 🔥
+
+---
+
 Теперь ты точно в игре! Не забывай — кастомизация это твоя фишка, а библиотека — твой инструмент. Давай, чувак, делай всё по-своему и кайфуй! 🌞🌴

package/docs/ForDev.md

@@ -1,106 +1,106 @@
-[🔙 Назад](../README.md)
-
-# 📌 Для разработки
-
----
-
-## 🔥 Точки входа
-
-В проекте есть два ключевых входа для модулей — **js/ts** и **scss**.
-
-#### 📂 `src/index.ts` (js/ts модули)
-
-Добавляем сюда все модули, которые должны быть доступны через:
-
-```ts
-import {} from 'indicator-ui';
-```
-
-#### 🎨 `src/index.scss` (scss модули)
-
-Добавляем сюда все стили, которые должны быть доступны через:
-
-```scss
-@use 'indicator-ui' as *;
-```
-
----
-
-## ⚙️ Сборка проекта
-
-Чтобы собрать проект, используйте:
-
-```sh
-npm run lib:build
-```
-
-Результаты сборки появятся в папке `dist`. Там, возможно, живёт магия. 🧙‍♂️✨
-
----
-
-## 🧪 Тестирование во время разработки
-
-Для быстрого тестирования и проверки работы библиотеки используйте **React приложение** в папке с исходным кодом. Оно
-доступно по следующему пути:
-
-**[Жмак](../src/test/index.tsx)**
-
-В этом приложении настроен роутинг с несколькими страницами. Для тестирования просто добавляйте нужные элементы и
-страницы, следуя шаблону.
-
-Для добавления страниц в роутинг откройте и отредактируйте файл:
-
-**[Жмyк](../src/test/App.tsx)**
-
-### 🏃‍♂️ Запуск dev-сервера
-
-Чтобы запустить локальный сервер для разработки, выполните команду:
-
-```sh
-npm run dev:dev
-```
-
-**Важно:** Стремитесь создавать страницы, максимально приближенные к финальному дизайну, чтобы дизайнер мог проверить
-вашу работу в реальном времени и удостовериться, что она соответствует его ожиданиям.
-
-## 🛠 Тестирование перед публикацией
-
-Перед публикацией можно протестировать библиотеку на локальном **React**-проекте `test-project`. Для этого используется
-**yalc** — аналог npm, но для локальных пакетов.
-
-### 🚀 Установка `yalc`
-
-```sh
-npm install -g yalc
-```
-
-### 📦 Публикация в локальное хранилище
-
-```sh
-yalc publish
-```
-
-Есть вторая команда, которая по идее должна еще и обновлять библу, где она используется.
-
-```sh
-yalc publish --push
-```
-
-### 📥 Установка библиотеки в проект
-
-```sh
-yalc add indicator-ui
-```
-
-### 🔄 Обновление библиотеки
-
-```sh
-yalc update
-```
-
-Также советую делать удаление библы, так как `yalc` и `npm` очень странно работают и иногда могут добавлять изменения.
-
-```sh 
-npm uninstall indicator-ui
-```
-
+[🔙 Назад](../README.md)
+
+# 📌 Для разработки
+
+---
+
+## 🔥 Точки входа
+
+В проекте есть два ключевых входа для модулей — **js/ts** и **scss**.
+
+#### 📂 `src/index.ts` (js/ts модули)
+
+Добавляем сюда все модули, которые должны быть доступны через:
+
+```ts
+import {} from 'indicator-ui';
+```
+
+#### 🎨 `src/index.scss` (scss модули)
+
+Добавляем сюда все стили, которые должны быть доступны через:
+
+```scss
+@use 'indicator-ui' as *;
+```
+
+---
+
+## ⚙️ Сборка проекта
+
+Чтобы собрать проект, используйте:
+
+```sh
+npm run lib:build
+```
+
+Результаты сборки появятся в папке `dist`. Там, возможно, живёт магия. 🧙‍♂️✨
+
+---
+
+## 🧪 Тестирование во время разработки
+
+Для быстрого тестирования и проверки работы библиотеки используйте **React приложение** в папке с исходным кодом. Оно
+доступно по следующему пути:
+
+**[Жмак](../src/test/index.tsx)**
+
+В этом приложении настроен роутинг с несколькими страницами. Для тестирования просто добавляйте нужные элементы и
+страницы, следуя шаблону.
+
+Для добавления страниц в роутинг откройте и отредактируйте файл:
+
+**[Жмyк](../src/test/App.tsx)**
+
+### 🏃‍♂️ Запуск dev-сервера
+
+Чтобы запустить локальный сервер для разработки, выполните команду:
+
+```sh
+npm run dev:dev
+```
+
+**Важно:** Стремитесь создавать страницы, максимально приближенные к финальному дизайну, чтобы дизайнер мог проверить
+вашу работу в реальном времени и удостовериться, что она соответствует его ожиданиям.
+
+## 🛠 Тестирование перед публикацией
+
+Перед публикацией можно протестировать библиотеку на локальном **React**-проекте `test-project`. Для этого используется
+**yalc** — аналог npm, но для локальных пакетов.
+
+### 🚀 Установка `yalc`
+
+```sh
+npm install -g yalc
+```
+
+### 📦 Публикация в локальное хранилище
+
+```sh
+yalc publish
+```
+
+Есть вторая команда, которая по идее должна еще и обновлять библу, где она используется.
+
+```sh
+yalc publish --push
+```
+
+### 📥 Установка библиотеки в проект
+
+```sh
+yalc add indicator-ui
+```
+
+### 🔄 Обновление библиотеки
+
+```sh
+yalc update
+```
+
+Также советую делать удаление библы, так как `yalc` и `npm` очень странно работают и иногда могут добавлять изменения.
+
+```sh 
+npm uninstall indicator-ui
+```
+