[TabLayout] tab layout should not ignore focused state ripple color

Resolves: #2434

in sdk >= 21 RippleUtils.convertToRippleDrawable ignores the ColorStateList's focused color. therefore, updating TabLayout to use RippleUtils.sanitizeRippleDrawableColor should fix the bug

PiperOrigin-RevId: 438875412

Author: veganafro

lib/java/com/google/android/material/ripple/RippleUtils.java

@@ -110,7 +110,7 @@ private RippleUtils() {}
   @NonNull
   public static ColorStateList convertToRippleDrawableColor(@Nullable ColorStateList rippleColor) {
     if (USE_FRAMEWORK_RIPPLE) {
-      int size = 2;
+      int size = 3;
 
       final int[][] states = new int[size][];
       final int[] colors = new int[size];
@@ -126,6 +126,10 @@ public static ColorStateList convertToRippleDrawableColor(@Nullable ColorStateLi
       colors[i] = getColorForState(rippleColor, SELECTED_PRESSED_STATE_SET);
       i++;
 
+      states[i] = FOCUSED_STATE_SET;
+      colors[i] = getColorForState(rippleColor, FOCUSED_STATE_SET);
+      i++;
+
       // Non-selected base state.
       states[i] = StateSet.NOTHING;
       colors[i] = getColorForState(rippleColor, PRESSED_STATE_SET);