indicator-ui 0.0.85 → 0.0.87

package/dist/index.css

@@ -1317,7 +1317,7 @@
   cursor: pointer;
 }
 .FlexField-module__flexField___bQEfy.FlexField-module__focus___pkwN6 {
-  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
+  border: 1px solid var(--gray-400);
 }
 .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ {
   border: 1px solid var(--error-300);
@@ -1327,7 +1327,7 @@
   stroke: var(--error-500);
 }
 .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);
+  border: 1px solid var(--error-400);
 }
 .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv {
   background-color: var(--gray-100);
@@ -1371,179 +1371,13 @@
   width: 100%;
   position: relative;
 }
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY {
-  width: 100%;
-  height: fit-content;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 10px 12px;
-  border-radius: 8px;
-  gap: 12px;
-  background-color: var(--base-white);
-  border: 1px solid var(--gray-300);
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
-  box-sizing: border-box;
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__inputField___R6ZBR {
-  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;
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__inputField___R6ZBR {
-  font-size: 16px;
-  line-height: 24px;
-  color: var(--gray-900);
-  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__inputField___R6ZBR::placeholder, .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__inputField___R6ZBR.SelectField-module__placeholder___biEam {
-  font-size: 16px;
-  line-height: 24px;
-  color: var(--gray-400);
-  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__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: var(--gray-400);
-}
-.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: var(--gray-400);
-  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: var(--gray-400);
-}
-.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: var(--gray-500);
-}
-.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: var(--error-400);
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__red___JPj3r:hover svg * {
-  stroke: var(--error-500);
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__gray___IaQb0 svg * {
-  stroke: var(--gray-400);
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__gray___IaQb0:hover svg * {
-  stroke: var(--gray-500);
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__pointer___EtnYh {
-  cursor: pointer;
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__focus___oz_Mp {
-  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__isError___i1lN2 {
-  border: 1px solid var(--error-300);
-  box-shadow: 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: var(--error-500);
-}
-.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);
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__disabled___lZGk6 {
-  background-color: var(--gray-100);
-  cursor: default;
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__disabled___lZGk6 * {
-  cursor: default;
-}
-.SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__disabled___lZGk6 .SelectField-module__inputField___R6ZBR {
-  font-size: 16px;
-  line-height: 24px;
-  color: var(--gray-500);
-  font-weight: 400;
-  font-family: "Golos UI", sans-serif;
-  font-stretch: normal;
-  font-style: normal;
-  font-variant: normal;
-}
 .SelectField-module__selectField___p9S2j .SelectField-module__modalWindow___JVZ8d {
   width: 100%;
   position: absolute;
   z-index: 1;
 }
 .SelectField-module__selectField___p9S2j .SelectField-module__modalWindow___JVZ8d .SelectField-module__selectModalWindow___w55Pm {
+  animation: SelectField-module__show-animation___Ee3LS ease-out forwards 200ms;
   width: 100%;
   height: fit-content;
   max-height: 300px;
@@ -1590,6 +1424,15 @@
 .SelectField-module__selectField___p9S2j .SelectField-module__modalWindow___JVZ8d .SelectField-module__selectModalWindow___w55Pm .SelectField-module__selectFieldOptionsItem___hQMC7.SelectField-module__active___a3j2T svg * {
   stroke: var(--blue-dark-500);
 }
+
+@keyframes SelectField-module__show-animation___Ee3LS {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
 /*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss ***!
   \***************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -2051,7 +1894,7 @@
   cursor: pointer;
 }
 .InputField-module__flexField___aNE6o.InputField-module__focus___xpWhB {
-  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
+  border: 1px solid var(--gray-400);
 }
 .InputField-module__flexField___aNE6o.InputField-module__isError___x2fXo {
   border: 1px solid var(--error-300);
@@ -2061,7 +1904,7 @@
   stroke: var(--error-500);
 }
 .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);
+  border: 1px solid var(--error-400);
 }
 .InputField-module__flexField___aNE6o.InputField-module__disabled___hH7HA {
   background-color: var(--gray-100);
@@ -2310,7 +2153,7 @@
   cursor: pointer;
 }
 .InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o.InputField-module__focus___xpWhB {
-  box-shadow: 0 0 0 4px #F2F4F7, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
+  border: 1px solid var(--gray-400);
 }
 .InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o.InputField-module__isError___x2fXo {
   border: 1px solid var(--error-300);
@@ -2320,7 +2163,7 @@
   stroke: var(--error-500);
 }
 .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);
+  border: 1px solid var(--error-400);
 }
 .InputField-module__selectField___ED0Q3 .InputField-module__flexField___aNE6o.InputField-module__disabled___hH7HA {
   background-color: var(--gray-100);
@@ -2345,6 +2188,7 @@
   z-index: 1;
 }
 .InputField-module__selectField___ED0Q3 .InputField-module__modalWindow___JplNC .InputField-module__selectModalWindow___Dg52i {
+  opacity: 0;
   width: 100%;
   height: fit-content;
   max-height: 300px;
@@ -2391,6 +2235,9 @@
 .InputField-module__selectField___ED0Q3 .InputField-module__modalWindow___JplNC .InputField-module__selectModalWindow___Dg52i .InputField-module__selectFieldOptionsItem___HBdJA.InputField-module__active___RcF6w svg * {
   stroke: var(--blue-dark-500);
 }
+.InputField-module__selectField___ED0Q3 .InputField-module__modalWindow___JplNC.InputField-module__show___g12r_ {
+  opacity: 1;
+}
 
 .InputField-module__switcherField___Qezr0 {
   width: 36px;
@@ -2675,7 +2522,7 @@
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
   background-color: var(--blue-dark-500);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
   font-size: 14px;
@@ -2695,11 +2542,11 @@
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:hover {
   background-color: var(--blue-dark-600);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
   background-color: var(--gray-300);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
   font-size: 14px;
@@ -2719,11 +2566,11 @@
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
   background-color: var(--gray-300);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
   background-color: var(--error-500);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
   font-size: 14px;
@@ -2743,11 +2590,11 @@
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:hover {
   background-color: var(--error-600);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
   background-color: var(--gray-300);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
   font-size: 14px;
@@ -2767,7 +2614,7 @@
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
   background-color: var(--gray-300);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19 {
   background-color: var(--blue-dark-50);
@@ -2799,19 +2646,19 @@
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
   background-color: var(--blue-dark-600);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
   background-color: var(--gray-300);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
   background-color: var(--error-600);
-  border: none;
+  border: transparent;
 }
 .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
   background-color: var(--gray-300);
-  border: none;
+  border: transparent;
 }
 /*!*********************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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/Checkbox/styles/Checkbox.module.scss ***!
@@ -2948,7 +2795,6 @@
 }
 .ToggleBase-module__toggleBase___Vkhhf {
   display: flex;
-  justify-content: start;
   align-items: center;
 }
 .ToggleBase-module__toggleBase___Vkhhf .ToggleBase-module__button___LaSpg {
@@ -2957,9 +2803,15 @@
   background-color: var(--base-white);
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);
 }
+.ToggleBase-module__toggleBase___Vkhhf .ToggleBase-module__spacer___Ib4qu {
+  transition: flex-grow ease-in-out 0.2s;
+  flex-grow: 0;
+}
 .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__active___q_Db4 {
   background-color: var(--blue-dark-500);
-  justify-content: end;
+}
+.ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__active___q_Db4 .ToggleBase-module__spacer___Ib4qu {
+  flex-grow: 1;
 }
 .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__error___IfdU2 {
   background-color: var(--error-200);
@@ -3553,7 +3405,7 @@
   background-color: var(--gray-100);
   cursor: pointer;
   transition: all 200ms ease-out;
-  outline: none;
+  border: transparent;
 }
 .TabButtons-module__tabButtons___vSLsZ {
   display: flex;
@@ -3625,7 +3477,7 @@
   background-color: var(--gray-50);
 }
 .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__disabled___MlvE9, .TabButtons-module__tabButtons___vSLsZ:disabled {
-  border: none;
+  border: transparent 1px solid;
   box-shadow: none;
   background-color: var(--gray-100);
   cursor: default;