Move the FAB styles to the theme

Author: 0nko

app/src/main/res/layout/activity_tab_switcher.xml

@@ -52,10 +52,6 @@
         android:layout_margin="@dimen/keyline_4"
         android:contentDescription="New Tab"
         android:text="New tab"
-        android:height="56dp"
-        app:shapeAppearanceOverlay="@style/NewTabButtonOverlay"
-        style="@style/NewTabButtonStyle"
-        app:icon="@drawable/ic_add_24"
-        app:fabSize="normal" />
+        app:icon="@drawable/ic_add_24" />
 
 </androidx.coordinatorlayout.widget.CoordinatorLayout>

app/src/main/res/values/styles.xml

@@ -73,6 +73,9 @@
     <dimen name="gridItemTextWidth">72dp</dimen>
     <dimen name="gridItemPreviewHeight">170dp</dimen>
 
+    <!-- Extended FAB -->
+    <dimen name="fabHeight">56dp</dimen>
+
     <!-- PopupMenu -->
     <dimen name="popupMenuWidth">200dp</dimen>
     <dimen name="popupMenuNavigationItemHeight">24dp</dimen>

common/common-ui/src/main/res/values/design-system-dimensions.xml

@@ -55,6 +55,7 @@
         <item name="tabStyle">@style/Widget.DuckDuckGo.TabLayout</item>
         <item name="radioButtonStyle">@style/Widget.DuckDuckGo.RadioButton</item>
         <item name="checkboxStyle">@style/Widget.DuckDuckGo.CheckBox</item>
+        <item name="extendedFloatingActionButtonStyle">@style/Widget.DuckDuckGo.ExtensibleFloatingActionButton</item>
         <item name="sliderStyle">@style/Widget.DuckDuckGo.Slider</item>
         <item name="switchStyle">@style/Widget.DuckDuckGo.v3.Switch</item>
         <item name="snackbarStyle">@style/Widget.DuckDuckGo.Snackbar</item>

common/common-ui/src/main/res/values/design-system-theming.xml

@@ -41,4 +41,7 @@
     <color name="searchWidgetSearchBarTrailingIconColor">@color/black84</color>
     <color name="emptyFavoriteDescriptionTextColor">@color/black60</color>
     <color name="emptyFavoriteActionTextColor">@color/blue50</color>
+    <color name="fabBackgroundTint">@color/blue10_solid</color>
+    <color name="fabIconTint">@color/blue70</color>
+    <color name="fabTextColor">@color/blue70</color>
 </resources>

common/common-ui/src/main/res/values/widget-colors.xml

@@ -207,6 +207,20 @@
         <item name="android:paddingStart">@dimen/keyline_2</item>
     </style>
 
+    <style name="Widget.DuckDuckGo.ExtensibleFloatingActionButton" parent="Widget.MaterialComponents.ExtendedFloatingActionButton">
+        <item name="backgroundTint">@color/fabBackgroundTint</item>
+        <item name="iconTint">@color/fabIconTint</item>
+        <item name="android:textColor">@color/fabTextColor</item>
+        <item name="shapeAppearanceOverlay">@style/Widget.DuckDuckGo.ExtensibleFloatingActionButton.Overlay</item>
+        <item name="fabSize">normal</item>
+        <item name="android:height">@dimen/fabHeight</item>
+    </style>
+
+    <style name="Widget.DuckDuckGo.ExtensibleFloatingActionButton.Overlay">
+        <item name="cornerFamily">rounded</item>
+        <item name="cornerSize">@dimen/keyline_4</item>
+    </style>
+
     <!-- List Items -->
     <style name="Widget.DuckDuckGo.OneLineListItem">
         <item name="android:layout_width">match_parent</item>