indicator-ui 0.1.47 → 0.1.48

package/README.md

@@ -1,25 +1,25 @@
-# **Indicator UI**
-
-**Indicator UI** — это библиотека компонентов и миксинов на основе **TypeScript** и **SCSS**.
-
----
-
-### ⚠️ **Дисклеймер**
-
-Много текста, написанного автором, было закинуто в нейронку (какую — не скажу, а то еще булить будете 😜), поэтому все
-свисто-перделки, цветочки и вежливость — это от неё 🌸. Также этот гопник мог что-то неправильно исправить, так что если
-вдруг что-то не так, не вините автора — это нейронка виновата 🤖, кроме тех случаев, когда сам автор это говорит (или
-нейрока за него 🤔, восстание машин? Думайте!!!).
-
-PS: Даже этот дисклеймер закину в нейронку 🧠.
-
----
-
-### 📑 **Содержание**
-
-* [Для разработки](./docs/ForDev.md)
-* [Про CSS переменные](./docs/CSSVariables/CSSVariables.md)
-* [Про CSS переменные, но в Калифорнийском стиле](./docs/CSSVariables/CSSVariablesCalifornia.mdS)
-* [Про SCSS переменные](./docs/SCSSVariables.md)
-* [Что-то про FormBuilder](./docs/FormBuilderDocs.md)
-* [Всякие заметки](./docs/Notes.md)
+# **Indicator UI**
+
+**Indicator UI** — это библиотека компонентов и миксинов на основе **TypeScript** и **SCSS**.
+
+---
+
+### ⚠️ **Дисклеймер**
+
+Много текста, написанного автором, было закинуто в нейронку (какую — не скажу, а то еще булить будете 😜), поэтому все
+свисто-перделки, цветочки и вежливость — это от неё 🌸. Также этот гопник мог что-то неправильно исправить, так что если
+вдруг что-то не так, не вините автора — это нейронка виновата 🤖, кроме тех случаев, когда сам автор это говорит (или
+нейрока за него 🤔, восстание машин? Думайте!!!).
+
+PS: Даже этот дисклеймер закину в нейронку 🧠.
+
+---
+
+### 📑 **Содержание**
+
+* [Для разработки](./docs/ForDev.md)
+* [Про CSS переменные](./docs/CSSVariables/CSSVariables.md)
+* [Про CSS переменные, но в Калифорнийском стиле](./docs/CSSVariables/CSSVariablesCalifornia.mdS)
+* [Про SCSS переменные](./docs/SCSSVariables.md)
+* [Что-то про FormBuilder](./docs/FormBuilderDocs.md)
+* [Всякие заметки](./docs/Notes.md)

package/dist/index.css

@@ -5240,5 +5240,617 @@
 .Dropdown-module__Dropdown___qWoW1.Dropdown-module__DropdownDark___P5WL1 .Dropdown-module__header___Ct_Nh {
   color: var(--gray-iron-500);
 }
+/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/FormField/styles/FormField.module.scss ***!
+  \**********************************************************************************************************************************************************************************************************************************************************************************/
+.FormField-module__flexField___ZJjFj {
+  width: 100%;
+  height: fit-content;
+  min-width: 0;
+  padding: 9px 11px;
+  border-radius: 8px;
+  gap: 12px;
+  box-sizing: border-box;
+  background-color: var(--base-white);
+  border: 1px solid var(--gray-300);
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
+}
+.FormField-module__flexField___ZJjFj {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
+  flex: 1;
+  min-width: 0;
+  min-height: 24px;
+  outline: none;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: none;
+  text-wrap: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-900);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS::placeholder {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-400);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:read-only {
+  cursor: default;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo {
+  padding: 2px 0;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo svg * {
+  stroke: var(--gray-400);
+}
+.FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo svg {
+  width: 20px;
+  height: 20px;
+  flex: none;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-400);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__help___VvUka {
+  padding: 2px 0;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__help___VvUka {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.FormField-module__flexField___ZJjFj .FormField-module__help___VvUka svg * {
+  stroke: var(--gray-400);
+}
+.FormField-module__flexField___ZJjFj .FormField-module__help___VvUka svg {
+  width: 16px;
+  height: 16px;
+  flex: none;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__pointer___hfvGg *, .FormField-module__flexField___ZJjFj.FormField-module__pointer___hfvGg .FormField-module__inputField___jIgwS {
+  cursor: pointer;
+}
+.FormField-module__flexField___ZJjFj:focus {
+  border: 1px solid var(--gray-400);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
+  border: 1px solid var(--error-300);
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__help___VvUka svg * {
+  stroke: var(--error-500);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu.FormField-module__focus___ErRoo {
+  border: 1px solid var(--error-400);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
+  background-color: var(--gray-50);
+  cursor: default;
+  pointer-events: none;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM * {
+  cursor: default;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__userPick___MxrBc {
+  opacity: 50%;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__smallDisplay___Y3CBB, .FormField-module__flexField___ZJjFj.FormField-module__largeDisplay___u4OTy {
+  padding: 0;
+  border: none;
+  box-shadow: none;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__smallDisplay___Y3CBB .FormField-module__inputField___jIgwS {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-900);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__largeDisplay___u4OTy .FormField-module__inputField___jIgwS {
+  font-size: 20px;
+  line-height: 24px;
+  color: var(--gray-900);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ {
+  background-color: var(--gray-iron-950);
+  border: 1px solid var(--gray-iron-800);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__inputField___jIgwS {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-25);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__inputField___jIgwS::placeholder, .FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__icon___NrcZo svg * {
+  stroke: var(--gray-iron-500);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__textSupport____FpIX {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__help___VvUka svg * {
+  stroke: var(--gray-iron-500);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__dropdown___ymElW svg * {
+  stroke: var(--gray-iron-500);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__button___A8CtI.FormField-module__red___RlgTI svg * {
+  stroke: var(--error-400);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__button___A8CtI.FormField-module__red___RlgTI:hover svg * {
+  stroke: var(--error-500);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__button___A8CtI.FormField-module__gray___MoYs5 svg * {
+  stroke: var(--gray-iron-400);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ .FormField-module__button___A8CtI.FormField-module__gray___MoYs5:hover svg * {
+  stroke: var(--gray-iron-500);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ:focus {
+  border: 1px solid var(--gray-iron-700);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ.FormField-module__error___WY4nu {
+  border: 1px solid var(--error-900);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ.FormField-module__error___WY4nu .FormField-module__help___VvUka svg * {
+  stroke: var(--error-500);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ.FormField-module__error___WY4nu:focus {
+  border: 1px solid var(--error-700);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ.FormField-module__disabled___UBVzM {
+  background-color: var(--gray-iron-950);
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ.FormField-module__smallDisplay___Y3CBB .FormField-module__inputField___jIgwS {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-25);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.FormField-module__flexField___ZJjFj.FormField-module__darkTheme___LQBVZ.FormField-module__largeDisplay___u4OTy .FormField-module__inputField___jIgwS {
+  font-size: 20px;
+  line-height: 24px;
+  color: var(--gray-iron-25);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/FormFieldWrapper/styles/InputFieldWrapper.module.scss ***!
+  \*************************************************************************************************************************************************************************************************************************************************************************************************/
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL {
+  width: 100%;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V {
+  display: flex;
+  padding: 0 12px;
+  gap: 2px;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-700);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V .InputFieldWrapper-module__required___jS2ub {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--error-500);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintText___ZhvMW {
+  display: flex;
+  padding: 0 12px;
+  gap: 2px;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintText___ZhvMW {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-600);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintError___g40Tr {
+  display: flex;
+  padding: 0 12px;
+  gap: 2px;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintError___g40Tr {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--error-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ {
+  display: flex;
+  width: fit-content;
+  padding: 0 12px;
+  gap: 2px;
+  cursor: pointer;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ svg * {
+  stroke: var(--primary-500);
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ svg {
+  flex: none;
+  width: 20px;
+  height: 20px;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--primary-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__labelText___aCt1V {
+  padding: 0;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__labelText___aCt1V {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-500);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__hintText___ZhvMW {
+  padding: 0;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__hintText___ZhvMW {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-600);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__helperLink___bS1MZ {
+  padding: 0;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__darkTheme___EQseF .InputFieldWrapper-module__labelText___aCt1V {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-400);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__darkTheme___EQseF .InputFieldWrapper-module__labelText___aCt1V .InputFieldWrapper-module__required___jS2ub {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--error-500);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__darkTheme___EQseF .InputFieldWrapper-module__hintText___ZhvMW {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__darkTheme___EQseF .InputFieldWrapper-module__hintError___g40Tr {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--error-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__darkTheme___EQseF .InputFieldWrapper-module__helperLink___bS1MZ {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--rose-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__darkTheme___EQseF .InputFieldWrapper-module__helperLink___bS1MZ svg * {
+  stroke: var(--rose-500);
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__darkTheme___EQseF.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__labelText___aCt1V {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-400);
+  font-weight: 500;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__darkTheme___EQseF.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__hintText___ZhvMW {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/FormSelectField/styles/SelectField.module.scss ***!
+  \******************************************************************************************************************************************************************************************************************************************************************************************/
+.SelectField-module__selectField___ZiEcn {
+  width: 100%;
+  height: fit-content;
+}
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/extends/style/DropdownArrow.module.scss ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+.DropdownArrow-module__button___BKd2D {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.DropdownArrow-module__button___BKd2D svg * {
+  stroke: var(--gray-500);
+}
+.DropdownArrow-module__button___BKd2D svg {
+  flex: none;
+  width: 20px;
+  height: 20px;
+  transition: transform 0.2s ease-out;
+}
+.DropdownArrow-module__button___BKd2D.DropdownArrow-module__open____ebPD svg * {
+  stroke: var(--gray-500);
+}
+.DropdownArrow-module__button___BKd2D.DropdownArrow-module__open____ebPD svg {
+  transform: rotateZ(180deg);
+}
+/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/extends/style/InputInnerButton.module.scss ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************/
+.InputInnerButton-module__button___Azo3B {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.InputInnerButton-module__button___Azo3B svg {
+  flex: none;
+  width: 20px;
+  height: 20px;
+}
+.InputInnerButton-module__button___Azo3B.InputInnerButton-module__gray___q_I1j svg * {
+  stroke: var(--gray-400);
+}
+.InputInnerButton-module__button___Azo3B.InputInnerButton-module__gray___q_I1j:hover svg * {
+  stroke: var(--gray-500);
+}
+.InputInnerButton-module__button___Azo3B.InputInnerButton-module__red___EwB30 svg * {
+  stroke: var(--error-400);
+}
+.InputInnerButton-module__button___Azo3B.InputInnerButton-module__red___EwB30:hover svg * {
+  stroke: var(--error-500);
+}
+/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/FormTextareaField/styles/TextareaField.module.scss ***!
+  \**********************************************************************************************************************************************************************************************************************************************************************************************/
+.TextareaField-module__textareaField___rTOmX {
+  width: 100%;
+  height: auto;
+  min-height: 68px;
+  overflow: auto;
+  resize: none;
+  border-radius: 8px;
+  padding: 9px 11px;
+  background-color: var(--base-white);
+  border: 1px solid var(--gray-300);
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
+  transition: all ease-out 200ms;
+}
+.TextareaField-module__textareaField___rTOmX {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-900);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.TextareaField-module__textareaField___rTOmX::placeholder {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-400);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.TextareaField-module__textareaField___rTOmX:focus {
+  border: 1px solid var(--gray-400);
+}
+.TextareaField-module__textareaField___rTOmX:disabled {
+  background-color: var(--gray-50);
+}
+.TextareaField-module__textareaField___rTOmX:disabled {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm {
+  border: 1px solid var(--error-300);
+}
+.TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm:focus {
+  border: 1px solid var(--error-400);
+}
+.TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN {
+  background-color: var(--gray-iron-950);
+  border: 1px solid var(--gray-iron-800);
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
+}
+.TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-25);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN::placeholder {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN:focus {
+  border: 1px solid var(--gray-iron-700);
+}
+.TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN:disabled {
+  background-color: var(--gray-iron-950);
+}
+.TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN:disabled {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--gray-iron-500);
+  font-weight: 400;
+  font-family: var(--golos-ui);
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+}
+.TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN.TextareaField-module__isError___PNhRm {
+  border: 1px solid var(--error-300);
+}
+.TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN.TextareaField-module__isError___PNhRm:focus {
+  border: 1px solid var(--error-400);
+}
 
 /*# sourceMappingURL=index.css.map*/