indicator-ui 0.0.84 → 0.0.86

package/dist/index.css

@@ -251,10 +251,6 @@
 .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:hover {
   background-color: var(--blue-dark-600);
 }
-.Buttons-module__button___I3yLe.Buttons-module__primary____crHN:focus {
-  background-color: var(--blue-dark-500);
-  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
-}
 .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:disabled, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN.Buttons-module__disabled___INiFx {
   opacity: 0.3;
 }
@@ -278,9 +274,6 @@
   background-color: var(--blue-dark-50);
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-300);
 }
-.Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:focus {
-  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--blue-dark-300);
-}
 .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:disabled, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ.Buttons-module__disabled___INiFx {
   opacity: 0.5;
 }
@@ -307,9 +300,6 @@
 .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:hover .Buttons-module__text___htxqX {
   color: var(--gray-800);
 }
-.Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:focus {
-  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--gray-300);
-}
 .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:disabled, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne.Buttons-module__disabled___INiFx {
   opacity: 0.5;
 }
@@ -518,9 +508,6 @@
 .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:hover {
   background-color: var(--error-600);
 }
-.Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:focus {
-  background-color: var(--error-500);
-}
 .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:disabled, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN.Buttons-module__disabled___INiFx {
   opacity: 0.3;
 }
@@ -537,9 +524,6 @@
   background-color: var(--error-50);
   box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-400);
 }
-.Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:focus {
-  box-shadow: 0 0 0 4px var(--gray-100), 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922), 0 0 0 1px var(--error-200);
-}
 .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:disabled, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ.Buttons-module__disabled___INiFx {
   opacity: 0.5;
 }
@@ -1333,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);
@@ -1343,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);
@@ -1525,7 +1509,7 @@
   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);
+  border: 1px solid var(--gray-400);
 }
 .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__isError___i1lN2 {
   border: 1px solid var(--error-300);
@@ -1535,7 +1519,7 @@
   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);
+  border: 1px solid var(--error-400);
 }
 .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__disabled___lZGk6 {
   background-color: var(--gray-100);
@@ -2067,7 +2051,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);
@@ -2077,7 +2061,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);
@@ -2326,7 +2310,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);
@@ -2336,7 +2320,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);
@@ -2691,7 +2675,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;
@@ -2711,11 +2695,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;
@@ -2735,11 +2719,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;
@@ -2759,11 +2743,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;
@@ -2783,7 +2767,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);
@@ -2815,19 +2799,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 ***!
@@ -2964,7 +2948,6 @@
 }
 .ToggleBase-module__toggleBase___Vkhhf {
   display: flex;
-  justify-content: start;
   align-items: center;
 }
 .ToggleBase-module__toggleBase___Vkhhf .ToggleBase-module__button___LaSpg {
@@ -2973,9 +2956,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);
@@ -3569,6 +3558,7 @@
   background-color: var(--gray-100);
   cursor: pointer;
   transition: all 200ms ease-out;
+  border: transparent;
 }
 .TabButtons-module__tabButtons___vSLsZ {
   display: flex;
@@ -3640,7 +3630,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;