Update chip styles to snowflake approved values

Update the chip colors/styles to be the snowflake approved styles.  This
currently includes changing the background color, the text color and the
stroke color for chip states.

This patch also updates the padding for the chip list in downloads home
v2 to match spec.

BUG=893915

Change-Id: I7f298542cbe630f6d6b2f02f104b4b5f71f0ba85
Reviewed-on: https://chromium-review.googlesource.com/c/1278987
Commit-Queue: David Trainor <dtrainor@chromium.org>
Reviewed-by: Becky Zhou <huayinz@chromium.org>
Reviewed-by: Shakti Sahu <shaktisahu@chromium.org>
Cr-Commit-Position: refs/heads/master@{#600021}

chrome/android/java/res/color/chip_background_color.xml

@@ -5,7 +5,18 @@
 -->
 
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:color="@color/google_blue_50" android:state_selected="true" />
-    <item android:color="@android:color/white" android:state_enabled="true" />
-    <item android:color="@color/modern_grey_100" />
+    <item android:alpha="@dimen/chip_background_disabled_alpha"
+        android:color="@color/modern_grey_100"
+        android:state_enabled="false" />
+    <item android:alpha="@dimen/chip_background_selected_focused_alpha"
+        android:color="@color/modern_blue_600"
+        android:state_selected="true"
+        android:state_focused="true" />
+    <item android:alpha="@dimen/chip_background_selected_alpha"
+        android:color="@color/modern_blue_600"
+        android:state_selected="true" />
+    <item android:alpha="@dimen/chip_background_focused_alpha"
+        android:color="@color/modern_grey_800"
+        android:state_focused="true" />
+    <item android:color="@android:color/white" />
 </selector>

chrome/android/java/res/color/chip_stroke_color.xml

@@ -5,9 +5,8 @@
 -->
 
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:color="@color/modern_grey_300"
+    <item android:color="@color/hairline_stroke_color"
         android:state_enabled="true"
-        android:state_pressed="false"
         android:state_selected="false" />
     <item android:color="@android:color/transparent" />
 </selector>

chrome/android/java/res/drawable/flush_footer_button.xml

@@ -6,5 +6,5 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <solid android:color="@color/flush_footer_button_color" />
-    <stroke android:width="1dp" android:color="@color/modern_grey_300"/>
+    <stroke android:width="1dp" android:color="@color/hairline_stroke_color"/>
 </shape>
\ No newline at end of file

chrome/android/java/res/drawable/hairline_border_card_background.xml

@@ -7,6 +7,6 @@
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle" >
     <solid android:color="@android:color/white" />
-    <stroke android:width="1dp" android:color="@color/modern_grey_300"/>
+    <stroke android:width="1dp" android:color="@color/hairline_stroke_color"/>
     <corners android:radius="@dimen/content_suggestions_card_modern_corner_radius" />
 </shape>

chrome/android/java/res/values/dimens.xml

@@ -532,10 +532,15 @@
     <item type="dimen" name="dialog_fixed_height_major">100%</item>
     <item type="dimen" name="dialog_fixed_height_minor">100%</item>
 
-    <!-- Chip list dimensions -->
+    <!-- Chip list -->
     <dimen name="chip_no_icon_padding">16dp</dimen>
-    <dimen name="chip_icon_padding">4dp</dimen>
-    <dimen name="chip_list_padding">2.5dp</dimen>
+    <dimen name="chip_icon_padding">8dp</dimen>
+    <dimen name="chip_list_inter_chip_padding">2.5dp</dimen>
+    <dimen name="chip_list_side_padding">16dp</dimen>
+    <item name="chip_background_disabled_alpha" format="float" type="dimen">0.38</item>
+    <item name="chip_background_focused_alpha" format="float" type="dimen">0.06</item>
+    <item name="chip_background_selected_focused_alpha" format="float" type="dimen">0.12</item>
+    <item name="chip_background_selected_alpha" format="float" type="dimen">0.06</item>
 
     <!-- Download manager dimensions -->
     <dimen name="download_manager_ideal_image_width">150dp</dimen>

chrome/android/java/res_autofill_assistant/drawable/autofill_assistant_chip_bg_normal.xml

@@ -11,5 +11,5 @@
       android:color="@color/white_mode_tint" />
   <stroke
       android:width="1dp"
-      android:color="@color/modern_grey_300" />
+      android:color="@color/hairline_stroke_color" />
 </shape>

chrome/android/java/src/org/chromium/chrome/browser/download/home/filter/chips/ChipsCoordinator.java

@@ -77,10 +77,15 @@ public class ChipsCoordinator implements ChipsProvider.Observer {
     }
 
     private static class SpaceItemDecoration extends ItemDecoration {
-        private final int mPaddingPx;
+        private final int mInterPaddingPx;
+        private final int mSidePaddingPx;
 
         public SpaceItemDecoration(Context context) {
-            mPaddingPx = (int) context.getResources().getDimension(R.dimen.chip_list_padding);
+            mInterPaddingPx = (int) context.getResources().getDimensionPixelSize(
+                    R.dimen.chip_list_inter_chip_padding);
+            mSidePaddingPx = (int) context.getResources().getDimensionPixelSize(
+                    R.dimen.chip_list_side_padding);
+            ;
         }
 
         @Override
@@ -89,8 +94,8 @@ public class ChipsCoordinator implements ChipsProvider.Observer {
             boolean isFirst = position == 0;
             boolean isLast = position == parent.getAdapter().getItemCount() - 1;
 
-            outRect.left = isFirst ? 2 * mPaddingPx : mPaddingPx;
-            outRect.right = isLast ? 2 * mPaddingPx : mPaddingPx;
+            outRect.left = isFirst ? mSidePaddingPx : mInterPaddingPx;
+            outRect.right = isLast ? mSidePaddingPx : mInterPaddingPx;
         }
     }
 }
\ No newline at end of file

ui/android/java/res/values/colors.xml

@@ -20,6 +20,7 @@
     <color name="default_icon_color_white" tools:ignore="UnusedResources">
         @android:color/white
     </color>
+    <color name="hairline_stroke_color" tools:ignore="UnusedResources">@color/modern_grey_300</color>
 
     <!-- Modern color palette -->
     <color name="modern_blue_300">#8AB4F8</color>