use the +error class on NumericInput

Author: VeraZab

src/components/widgets/NumericInput.js

@@ -26,7 +26,7 @@ export default class NumericInput extends Component {
   getNumericInputClassName(value) {
     return isNumeric(value) || value === ''
       ? `numeric-input__number ${this.props.editableClassName ? this.props.editableClassName : ''}`
-      : `numeric-input__number--error ${
+      : `numeric-input__number +error ${
           this.props.editableClassName ? this.props.editableClassName : ''
         }`;
   }

src/styles/components/widgets/_numeric-input.scss

@@ -49,17 +49,6 @@
   font-family: inherit;
 }
 
-.numeric-input__number--error {
-  @extend .numeric-input__number;
-  border-color: var(--color-sienna);
-}
-
-.numeric-input__number--error:focus {
-  @extend .numeric-input__number;
-  border-color: var(--color-sienna);
-  outline-color: var(--color-sienna);
-}
-
 .numeric-input__caret-box {
   display: inline-block;
   max-height: 32px;