indicator-ui 0.0.4 → 0.0.5

package/README.md

@@ -1,67 +1,67 @@
-# **INDICATOR UI** 🚀
-
-## 📌 Для разработки
-
----
-
-### 🔥 Точки входа
-
-В проекте есть два ключевых входа для модулей — **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`. Там, возможно, живёт магия. 🧙‍♂️✨
-
----
-
-## 🛠 Тестирование перед публикацией
-
-Перед публикацией можно протестировать библиотеку на локальном **React**-проекте `test-project`. Для этого используется **yalc** — аналог npm, но для локальных пакетов. 🛞
-
-### 🚀 Установка `yalc`
-
-```sh
-npm install -g yalc
-```
-
-### 📦 Публикация в локальное хранилище
-
-```sh
-yalc publish
-```
-
-### 📥 Установка библиотеки в проект
-
-```sh
-yalc add indicator-ui
-```
-
-### 🔄 Обновление библиотеки
-
-```sh
-yalc update
-```
-
+# **INDICATOR UI** 🚀
+
+## 📌 Для разработки
+
+---
+
+### 🔥 Точки входа
+
+В проекте есть два ключевых входа для модулей — **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`. Там, возможно, живёт магия. 🧙‍♂️✨
+
+---
+
+## 🛠 Тестирование перед публикацией
+
+Перед публикацией можно протестировать библиотеку на локальном **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```

package/dist/index.css

@@ -1067,6 +1067,92 @@
   font-style: normal;
   font-variant: normal;
 }
+.FlexField-module__flexField___bQEfy .FlexField-module__icon___pHmKh {
+  padding: 2px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__icon___pHmKh svg * {
+  stroke: #98A2B3;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__icon___pHmKh svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__textSupport___WGMzj {
+  font-size: 16px;
+  line-height: 24px;
+  color: #98A2B3;
+  font-weight: 400;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__userPic___cJENJ {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  object-fit: scale-down;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__help___ORoT_ {
+  padding: 2px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__help___ORoT_ svg * {
+  stroke: #98A2B3;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__help___ORoT_ svg {
+  width: 16px;
+  height: 16px;
+  flex: none;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__dropdown___BqdfG {
+  padding: 2px 0;
+  transition: all ease-in-out 200ms;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__dropdown___BqdfG svg * {
+  stroke: #667085;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__dropdown___BqdfG svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__dropdown___BqdfG.FlexField-module__dropdownReverse___FNjEK {
+  transform: rotateX(-180deg);
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__button___TjLHK {
+  padding: 2px 0;
+  transition: all ease-in-out 200ms;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__button___TjLHK svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__button___TjLHK.FlexField-module__red___BY7NK svg * {
+  stroke: #F97066;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__button___TjLHK.FlexField-module__red___BY7NK:hover svg * {
+  stroke: #F04438;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__button___TjLHK.FlexField-module__gray___sjpVp svg * {
+  stroke: #98A2B3;
+}
+.FlexField-module__flexField___bQEfy .FlexField-module__button___TjLHK.FlexField-module__gray___sjpVp:hover svg * {
+  stroke: #667085;
+}
 .FlexField-module__flexField___bQEfy.FlexField-module__pointer___dOJ4b {
   cursor: pointer;
 }
@@ -1076,6 +1162,9 @@
 .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ {
   box-shadow: 0 0 0 1px #FDA29B, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
+.FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__help___ORoT_ svg * {
+  stroke: #F04438;
+}
 .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ.FlexField-module__focus___pkwN6 {
   box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
@@ -1167,6 +1256,92 @@
   font-style: normal;
   font-variant: normal;
 }
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__icon___hgSSD {
+  padding: 2px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__icon___hgSSD svg * {
+  stroke: #98A2B3;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__icon___hgSSD svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__textSupport___vm4rj {
+  font-size: 16px;
+  line-height: 24px;
+  color: #98A2B3;
+  font-weight: 400;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__userPic___ge2Qc {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  object-fit: scale-down;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__help___H6fhs {
+  padding: 2px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__help___H6fhs svg * {
+  stroke: #98A2B3;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__help___H6fhs svg {
+  width: 16px;
+  height: 16px;
+  flex: none;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__dropdown___Uy1N4 {
+  padding: 2px 0;
+  transition: all ease-in-out 200ms;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__dropdown___Uy1N4 svg * {
+  stroke: #667085;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__dropdown___Uy1N4 svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__dropdown___Uy1N4.SelectField-module__dropdownReverse___8X1vc {
+  transform: rotateX(-180deg);
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4 {
+  padding: 2px 0;
+  transition: all ease-in-out 200ms;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4 svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__red___JPj3r svg * {
+  stroke: #F97066;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__red___JPj3r:hover svg * {
+  stroke: #F04438;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__gray___IaQb0 svg * {
+  stroke: #98A2B3;
+}
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__gray___IaQb0:hover svg * {
+  stroke: #667085;
+}
 .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__pointer___EtnYh {
   cursor: pointer;
 }
@@ -1176,6 +1351,9 @@
 .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__isError___i1lN2 {
   box-shadow: 0 0 0 1px #FDA29B, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
+.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__isError___i1lN2 .SelectField-module__help___H6fhs svg * {
+  stroke: #F04438;
+}
 .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__isError___i1lN2.SelectField-module__focus___oz_Mp {
   box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
@@ -1612,6 +1790,92 @@
   font-style: normal;
   font-variant: normal;
 }
+.InputField-module__flexField___aNE6o .InputField-module__icon___xR6jG {
+  padding: 2px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.InputField-module__flexField___aNE6o .InputField-module__icon___xR6jG svg * {
+  stroke: #98A2B3;
+}
+.InputField-module__flexField___aNE6o .InputField-module__icon___xR6jG svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.InputField-module__flexField___aNE6o .InputField-module__textSupport___njpRn {
+  font-size: 16px;
+  line-height: 24px;
+  color: #98A2B3;
+  font-weight: 400;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputField-module__flexField___aNE6o .InputField-module__userPic___OQ_q0 {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  object-fit: scale-down;
+}
+.InputField-module__flexField___aNE6o .InputField-module__help___uSjvq {
+  padding: 2px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.InputField-module__flexField___aNE6o .InputField-module__help___uSjvq svg * {
+  stroke: #98A2B3;
+}
+.InputField-module__flexField___aNE6o .InputField-module__help___uSjvq svg {
+  width: 16px;
+  height: 16px;
+  flex: none;
+}
+.InputField-module__flexField___aNE6o .InputField-module__dropdown___QQuFp {
+  padding: 2px 0;
+  transition: all ease-in-out 200ms;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.InputField-module__flexField___aNE6o .InputField-module__dropdown___QQuFp svg * {
+  stroke: #667085;
+}
+.InputField-module__flexField___aNE6o .InputField-module__dropdown___QQuFp svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.InputField-module__flexField___aNE6o .InputField-module__dropdown___QQuFp.InputField-module__dropdownReverse___Nfb9Z {
+  transform: rotateX(-180deg);
+}
+.InputField-module__flexField___aNE6o .InputField-module__button___jm0td {
+  padding: 2px 0;
+  transition: all ease-in-out 200ms;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.InputField-module__flexField___aNE6o .InputField-module__button___jm0td svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.InputField-module__flexField___aNE6o .InputField-module__button___jm0td.InputField-module__red___euINw svg * {
+  stroke: #F97066;
+}
+.InputField-module__flexField___aNE6o .InputField-module__button___jm0td.InputField-module__red___euINw:hover svg * {
+  stroke: #F04438;
+}
+.InputField-module__flexField___aNE6o .InputField-module__button___jm0td.InputField-module__gray___GGFcb svg * {
+  stroke: #98A2B3;
+}
+.InputField-module__flexField___aNE6o .InputField-module__button___jm0td.InputField-module__gray___GGFcb:hover svg * {
+  stroke: #667085;
+}
 .InputField-module__flexField___aNE6o.InputField-module__pointer___Ij_hP {
   cursor: pointer;
 }
@@ -1621,6 +1885,9 @@
 .InputField-module__flexField___aNE6o.InputField-module__isError___x2fXo {
   box-shadow: 0 0 0 1px #FDA29B, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
+.InputField-module__flexField___aNE6o.InputField-module__isError___x2fXo .InputField-module__help___uSjvq svg * {
+  stroke: #F04438;
+}
 .InputField-module__flexField___aNE6o.InputField-module__isError___x2fXo.InputField-module__focus___xpWhB {
   box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
@@ -1778,6 +2045,92 @@
   font-style: normal;
   font-variant: normal;
 }
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__icon___xR6jG {
+  padding: 2px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__icon___xR6jG svg * {
+  stroke: #98A2B3;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__icon___xR6jG svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__textSupport___njpRn {
+  font-size: 16px;
+  line-height: 24px;
+  color: #98A2B3;
+  font-weight: 400;
+  font-family: "Golos UI", sans-serif;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__userPic___OQ_q0 {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  object-fit: scale-down;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__help___uSjvq {
+  padding: 2px 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__help___uSjvq svg * {
+  stroke: #98A2B3;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__help___uSjvq svg {
+  width: 16px;
+  height: 16px;
+  flex: none;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__dropdown___QQuFp {
+  padding: 2px 0;
+  transition: all ease-in-out 200ms;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__dropdown___QQuFp svg * {
+  stroke: #667085;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__dropdown___QQuFp svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__dropdown___QQuFp.InputField-module__dropdownReverse___Nfb9Z {
+  transform: rotateX(-180deg);
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__button___jm0td {
+  padding: 2px 0;
+  transition: all ease-in-out 200ms;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__button___jm0td svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__button___jm0td.InputField-module__red___euINw svg * {
+  stroke: #F97066;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__button___jm0td.InputField-module__red___euINw:hover svg * {
+  stroke: #F04438;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__button___jm0td.InputField-module__gray___GGFcb svg * {
+  stroke: #98A2B3;
+}
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o .InputField-module__button___jm0td.InputField-module__gray___GGFcb:hover svg * {
+  stroke: #667085;
+}
 .InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o.InputField-module__pointer___Ij_hP {
   cursor: pointer;
 }
@@ -1787,6 +2140,9 @@
 .InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o.InputField-module__isError___x2fXo {
   box-shadow: 0 0 0 1px #FDA29B, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }
+.InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o.InputField-module__isError___x2fXo .InputField-module__help___uSjvq svg * {
+  stroke: #F04438;
+}
 .InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o.InputField-module__isError___x2fXo.InputField-module__focus___xpWhB {
   box-shadow: 0 0 0 4px #FEE4E2, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
 }