change input default focus

Author: BenOsodrac

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

@@ -330,7 +330,7 @@ input {
 // Ionic Design Checkbox Invalid
 // --------------------------------------------------
 :host(.ion-invalid) {
-  --focus-ring-color: #{globals.$ion-border-danger};
+  --focus-ring-color: #{globals.$ion-border-focus-error};
 
   .native-wrapper {
     border-color: globals.$ion-semantics-danger-800;

core/src/components/datetime/datetime.ionic.scss

@@ -108,7 +108,7 @@
 
 // TODO(ROU-11119): Rewrite this when we replace the ion-button with a native button
 .calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native) {
-  border: globals.$ion-border-size-050 globals.$ion-border-style-solid globals.$ion-border-input-focus;
+  border: globals.$ion-border-size-050 globals.$ion-border-style-solid globals.$ion-border-focus-default;
 
   outline: none;
 }

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

@@ -95,7 +95,7 @@
 .input-clear-icon:focus-visible {
   @include border-radius(globals.$ion-border-radius-100);
 
-  outline: globals.$ion-border-size-050 globals.$ion-border-style-solid globals.$ion-border-input-focus;
+  outline: globals.$ion-border-size-050 globals.$ion-border-style-solid globals.$ion-border-focus-default;
 
   opacity: 1;
 }