fix(checkbox, input, select, textarea): uniform invalid border color

Author: joselrio

core/src/components/checkbox/checkbox.ionic.scss

@@ -117,7 +117,7 @@ input {
 }
 
 .checkbox-bottom .error-text {
-  color: globals.$ion-semantics-danger-800;
+  color: globals.$ion-text-danger;
 }
 
 .checkbox-bottom .helper-text {
@@ -198,7 +198,7 @@ input {
 // Ionic Design Checkbox Invalid
 // --------------------------------------------------
 :host(.ion-invalid) {
-  --focus-ring-color: #{globals.$ion-border-focus-error};
+  --focus-ring-color: #{globals.$ion-border-danger-default};
 }
 
 :host(.ion-invalid:not(.checkbox-checked)),

core/src/components/input/input.ionic.scss

@@ -271,6 +271,10 @@
   color: globals.$ion-primitives-neutral-800;
 }
 
+.input-bottom .error-text {
+  color: globals.$ion-text-danger;
+}
+
 :host(.has-focus.ion-valid) .helper-text {
   color: var(--highlight-color-valid);
 }

core/src/components/select/select.ionic.scss

@@ -36,6 +36,10 @@
   color: globals.$ion-primitives-neutral-800;
 }
 
+.select-bottom .error-text {
+  color: globals.$ion-text-danger;
+}
+
 .select-text {
   min-width: globals.$ion-space-400;
 

core/src/components/textarea/textarea.ionic.scss

@@ -146,6 +146,10 @@ ion-icon {
   color: globals.$ion-text-subtlest;
 }
 
+.textarea-bottom .error-text {
+  color: globals.$ion-text-danger;
+}
+
 :host(.has-focus.ion-valid) .helper-text {
   color: var(--highlight-color-valid);
 }