fix(searchbar): clear button has focus indicator (#25828)

Author: liamdebeasi

core/src/components/input/input.scss

@@ -147,6 +147,13 @@
   appearance: none;
 }
 
+/**
+ * Normally, we would not want to use :focus
+ * here because that would mean tapping the button
+ * on mobile would focus it (and keep it focused).
+ * However, the clear button always disappears after
+ * being activated, so we never get to that state.
+ */
 .input-clear-icon:focus {
   opacity: 0.5;
 }

core/src/components/searchbar/searchbar.scss

@@ -145,6 +145,17 @@
   appearance: none;
 }
 
+/**
+ * Normally, we would not want to use :focus
+ * here because that would mean tapping the button
+ * on mobile would focus it (and keep it focused).
+ * However, the clear button always disappears after
+ * being activated, so we never get to that state.
+ */
+.searchbar-clear-button:focus {
+  opacity: 0.5;
+}
+
 :host(.searchbar-has-value.searchbar-should-show-clear) .searchbar-clear-button {
   display: block;
 }