Add YaruRoundIconButton and get rid of IconButtons (#146)

* YaruRoundToggleButton: replace icon button

* RoundButtons: adapt to material 3

* Ger rid of icon buttons in yaru_widgets

lib/src/yaru_expandable.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:yaru_widgets/yaru_widgets.dart';
 
 const _kAnimationDuration = Duration(milliseconds: 250);
 const _kAnimationCurve = Curves.easeInOutCubic;
@@ -53,14 +54,16 @@ class _YaruExpandableState extends State<YaruExpandable> {
             GestureDetector(
                 onTap: () => setState(() => _isExpanded = !_isExpanded),
                 child: widget.header),
-            IconButton(
-                splashRadius: 20,
-                onPressed: () => setState(() => _isExpanded = !_isExpanded),
-                icon: AnimatedRotation(
-                    turns: _isExpanded ? .25 : 0,
-                    duration: _kAnimationDuration,
-                    curve: _kAnimationCurve,
-                    child: widget.expandIcon ?? const Icon(Icons.arrow_right))),
+            YaruRoundIconButton(
+              size: 32,
+              onTap: () => setState(() => _isExpanded = !_isExpanded),
+              child: AnimatedRotation(
+                turns: _isExpanded ? .25 : 0,
+                duration: _kAnimationDuration,
+                curve: _kAnimationCurve,
+                child: widget.expandIcon ?? const Icon(Icons.arrow_right),
+              ),
+            ),
           ],
         ),
         AnimatedCrossFade(

lib/src/yaru_round_icon_button.dart

@@ -0,0 +1,46 @@
+import 'package:flutter/material.dart';
+
+class YaruRoundIconButton extends StatelessWidget {
+  const YaruRoundIconButton({
+    super.key,
+    this.backgroundColor,
+    this.onTap,
+    this.tooltip,
+    required this.child,
+    this.size = 40,
+  });
+
+  /// The [Color] used for the round background.
+  final Color? backgroundColor;
+
+  /// Optional onTap callback to select the button
+  final Function()? onTap;
+
+  /// String shown in the [Tooltip]
+  final String? tooltip;
+
+  ///
+  final Widget child;
+
+  final double size;
+
+  @override
+  Widget build(BuildContext context) {
+    return Tooltip(
+      message: tooltip ?? '',
+      child: SizedBox(
+        height: size,
+        width: size,
+        child: Material(
+          color: backgroundColor,
+          borderRadius: BorderRadius.circular(100),
+          child: InkWell(
+            borderRadius: BorderRadius.circular(100),
+            onTap: onTap,
+            child: child,
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/src/yaru_round_toggle_button.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:yaru_widgets/src/yaru_round_icon_button.dart';
 
 /// A selectable [IconButton], wrapped in a [CircleAvatar]
 class YaruRoundToggleButton extends StatelessWidget {
@@ -11,7 +12,7 @@ class YaruRoundToggleButton extends StatelessWidget {
   /// Optional onPressed callback to select the button
   final Function()? onPressed;
 
-  /// Optional tooltip
+  /// Tooltip
   final String? tooltip;
 
   const YaruRoundToggleButton({
@@ -24,22 +25,18 @@ class YaruRoundToggleButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return CircleAvatar(
-      backgroundColor: selected
-          ? Theme.of(context).colorScheme.onSurface.withOpacity(0.05)
-          : Colors.transparent,
-      child: IconButton(
-        tooltip: tooltip,
-        color: selected ? Colors.grey : null,
-        splashRadius: 20,
-        onPressed: onPressed,
-        icon: Icon(
-          iconData,
-          color: selected
-              ? Theme.of(context).primaryColor
-              : Theme.of(context).colorScheme.onSurface.withOpacity(0.8),
-        ),
+    return YaruRoundIconButton(
+      onTap: onPressed,
+      tooltip: tooltip,
+      child: Icon(
+        iconData,
+        color: selected
+            ? Theme.of(context).primaryColor
+            : Theme.of(context).colorScheme.onSurface.withOpacity(0.8),
       ),
+      backgroundColor: selected
+          ? Theme.of(context).colorScheme.onSurface.withOpacity(0.1)
+          : null,
     );
   }
 }

lib/src/yaru_search_app_bar.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:yaru_widgets/yaru_widgets.dart';
 
 /// Creates a search bar inside an [AppBar].
 ///
@@ -101,10 +102,9 @@ class YaruSearchAppBar extends StatelessWidget implements PreferredSizeWidget {
                   BoxConstraints.expand(width: 48, height: appBarHeight),
               suffixIcon: Padding(
                 padding: const EdgeInsets.only(right: 6, bottom: 3),
-                child: IconButton(
-                  splashRadius: appBarHeight / 3,
-                  onPressed: onEscape,
-                  icon: Icon(
+                child: YaruRoundIconButton(
+                  onTap: onEscape,
+                  child: Icon(
                     clearSearchIconData ?? Icons.close,
                     color: textColor,
                   ),

lib/yaru_widgets.dart

@@ -18,6 +18,7 @@ export 'src/yaru_narrow_layout.dart';
 export 'src/yaru_option_button.dart';
 export 'src/yaru_page.dart';
 export 'src/yaru_page_item.dart';
+export 'src/yaru_round_icon_button.dart';
 export 'src/yaru_round_toggle_button.dart';
 export 'src/yaru_row.dart';
 export 'src/yaru_search_app_bar.dart';