indicator-ui 0.0.8 → 0.0.10

package/README.md

@@ -1,67 +1,21 @@
-# **INDICATOR UI** 🚀
+# **Indicator UI**
 
-## 📌 Для разработки
+**Indicator UI** — это библиотека компонентов и миксинов на основе **TypeScript** и **SCSS**.
 
 ---
 
-### 🔥 Точки входа
+### ⚠️ **Дисклеймер**
 
-В проекте есть два ключевых входа для модулей — **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 build
-```
-
-Результаты сборки появятся в папке `dist`. Там, возможно, живёт магия. 🧙‍♂️✨
+PS: Даже этот дисклеймер закину в нейронку 🧠.
 
 ---
 
-## 🛠 Тестирование перед публикацией
-
-Перед публикацией можно протестировать библиотеку на локальном **React**-проекте `test-project`. Для этого используется **yalc** — аналог npm, но для локальных пакетов. 🛞
-
-### 🚀 Установка `yalc`
-
-```sh
-npm install -g yalc
-```
-
-### 📦 Публикация в локальное хранилище
-
-```sh
-yalc publish
-```
-
-### 📥 Установка библиотеки в проект
-
-```sh
-yalc add indicator-ui
-```
-
-### 🔄 Обновление библиотеки
-
-```sh
-yalc update
-```
+### 📑 **Содержание**
 
-```yalc publish --push```
+* [Для разработки](./docs/ForDev.md)
+* [Про CSS переменные](./docs/CSSVariables/CSSVariables.md)
+* [Про CSS переменные, но в Калифорнийском стиле](./docs/CSSVariables/CSSVariablesCalifornia.mdS)
+* [Про SCSS переменные](./docs/SCSSVariables.md)
+* [Что-то про FormBuilder](./docs/FormBuilderDocs.md)

package/dist/index.js

@@ -8181,25 +8181,19 @@ const FlexField = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ value, ty
     const getDropdown = () => {
         if (!dropdown)
             return undefined;
-        if (typeof dropdown === "boolean") {
-            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.dropdown, { [className?.dropdownReverse]: dropdownState }), children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.ChevronDownSVG, {}) });
-        }
-        else {
-            return dropdown;
-        }
+        const dropdownIcon = typeof dropdown === "boolean" ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.ChevronDownSVG, {}) : dropdown;
+        const dropdownClassName = typeof dropdownState === 'string' ? dropdownState : (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.dropdown, { [className?.dropdownReverse]: dropdownState });
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: dropdownClassName, children: dropdownIcon });
     };
     const getButton = () => {
         if (!button)
             return undefined;
-        if (typeof button === "boolean") {
-            return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { onClick: onButtonClick, className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.button, {
-                    [className?.gray]: buttonState === 'gray',
-                    [className?.red]: buttonState === 'red'
-                }), children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.XCloseSVG, {}) });
-        }
-        else {
-            return button;
-        }
+        const buttonIcon = typeof button === "boolean" ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_4__.XCloseSVG, {}) : button;
+        const buttonClassName = typeof buttonState === 'string' ? buttonState : (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.button, {
+            [className?.gray]: buttonState === 'gray',
+            [className?.red]: buttonState === 'red'
+        });
+        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: buttonClassName, children: buttonIcon });
     };
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { ref: ref, onClick: onClick, className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(className?.flexField, {
             [className?.isError]: isError,