$insetBoxShadow: inset 0px 2px 0px 0px rgba(0, 0, 20, 0.04);
%default-border-background {
  background: $color-white;
  border: 1px solid $color-gray-100;
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 20, 0.04);
}
%focus-border-background {
  border: 1px solid $color-indigo;
  box-shadow: $insetBoxShadow, 0px 0px 0px 3px rgba(65, 84, 251, 0.2);
  outline: none;
}
%disabled-border-background {
  background: $color-gray-140;
  border: 1px solid $color-gray-100;
}
%success-border-background {
  border: 1px solid $color-green;

  &:focus {
    border: 1px solid $color-green;
    box-shadow: $insetBoxShadow, 0 0 0 3px rgba(15, 171, 101, 0.2);
  }
}
%warning-border-background {
  border: 1px solid $color-red;

  &:focus {
    border: 1px solid $color-red;
    box-shadow: $insetBoxShadow, 0 0 0 3px rgba(242, 69, 105, 0.2);
  }
}
@import 'checkbox/checkbox';
@import 'formgroup/formgroup';
@import 'inputgroup/inputgroup';
@import 'siminputgroup/siminputgroup';
@import 'select/select';
@import './textinput';
@import 'textselect/textselect';
@import 'switch/switch';
@import 'uploadarea/uploadarea';