Fixed coloring for the hint-text. (#288)

src/core/components/inputs/text-input/text-input.component.html

@@ -1,10 +1,10 @@
 <span>
-<label for="inputElement">{{label}}</label>
-<input id="inputElement" type="text"
+  <label for="inputElement">{{label}}</label>
+  <input id="inputElement" type="text"
        [placeholder]="placeholder"
        (keydown.enter)="onEnter.emit()"
        [class]="flavor"
        [disabled]="disabled">
-  <small [class]="flavor" >{{hintText}}</small>
+  <small [class]="flavor+hintHaveColor()">{{hintText}}</small>
 </span>
 

src/core/components/inputs/text-input/text-input.component.scss

@@ -56,7 +56,7 @@ small {
   display: block;
   color: $grey-font;
   @each $name, $colors in $flavors {
-    &.#{$name} { //TODO if(hintColored && !disabled)
+    &.#{$name}true {
       color: list.nth($colors, 1);
     }
   }

src/core/components/inputs/text-input/text-input.component.ts

@@ -20,4 +20,8 @@ export class TextInputComponent {
 
   // eslint-disable-next-line @angular-eslint/no-output-on-prefix
   @Output() public onEnter = new EventEmitter<InputEvent>();
+
+  hintHaveColor() {
+    return this.hintColored && !this.disabled;
+  }
 }