Adapt radii to yaru and remove optioncard

example/lib/example_page_items.dart

@@ -14,7 +14,6 @@ import 'package:yaru_widgets_example/pages/switch_row_page.dart';
 import 'package:yaru_widgets_example/pages/tabbed_page_page.dart';
 import 'package:yaru_widgets_example/pages/toggle_buttons_row_page.dart';
 import 'package:yaru_widgets_example/widgets/option_button_list.dart';
-import 'package:yaru_widgets_example/widgets/card_list.dart';
 import 'package:yaru_widgets_example/widgets/row_list.dart';
 
 final examplePageItems = <YaruPageItem>[
@@ -49,11 +48,6 @@ final examplePageItems = <YaruPageItem>[
     iconData: YaruIcons.settings,
     builder: (_) => YaruPage(children: [OptionButtonList()]),
   ),
-  YaruPageItem(
-    titleBuilder: (context) => Text('YaruOptionCard'),
-    iconData: YaruIcons.image,
-    builder: (_) => YaruPage(children: [CardList()]),
-  ),
   YaruPageItem(
     titleBuilder: (context) => Text('YaruSearchAppBar'),
     iconData: YaruIcons.folder_search,

lib/src/constants.dart

@@ -1,3 +1,5 @@
 const kDefaultPagePadding = 20.0;
 const kDefaultDialogTitlePadding = 0.0;
 const kDefaultPageWidth = 500.0;
+const kDefaultContainerRadius = 8.0;
+const kDefaultButtonRadius = 6.0;

lib/src/yaru_carousel.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:yaru_widgets/src/constants.dart';
 
 class YaruCarousel extends StatefulWidget {
   const YaruCarousel({
@@ -8,7 +9,7 @@ class YaruCarousel extends StatefulWidget {
     this.fit,
     this.centerSlice,
     this.showBorder = true,
-    this.radius = 10.0,
+    this.radius = kDefaultContainerRadius,
     required this.images,
     this.initialIndex = 0,
     this.onTap,

lib/src/yaru_expansion_panel_list.dart

@@ -1,6 +1,7 @@
 import 'dart:math' as math;
 
 import 'package:flutter/material.dart';
+import 'package:yaru_widgets/src/constants.dart';
 
 const double _kPanelHeaderCollapsedHeight = 48.0;
 const double _kPanelHeaderExpandedHeight = 64.0;
@@ -79,7 +80,7 @@ class YaruExpansionPanelList extends StatelessWidget {
         ],
       );
 
-      double _radiusValue = 8.0;
+      double _radiusValue = kDefaultContainerRadius;
       BorderRadius borderRadius = index == 0
           ? BorderRadius.only(
               topLeft: Radius.circular(_radiusValue),

lib/src/yaru_page_item_list_view.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:yaru_widgets/src/constants.dart';
 import 'package:yaru_widgets/src/yaru_page_item.dart';
 
 const double _kScrollbarThickness = 8.0;
@@ -83,7 +84,8 @@ class _YaruListTile extends StatelessWidget {
   Widget build(BuildContext context) {
     return DecoratedBox(
       decoration: BoxDecoration(
-        borderRadius: const BorderRadius.all(Radius.circular(4.0)),
+        borderRadius:
+            const BorderRadius.all(Radius.circular(kDefaultButtonRadius)),
         color: selected
             ? Theme.of(context).colorScheme.onSurface.withOpacity(0.07)
             : null,
@@ -93,7 +95,7 @@ class _YaruListTile extends StatelessWidget {
         selectedColor: Theme.of(context).colorScheme.onSurface,
         visualDensity: const VisualDensity(horizontal: -4, vertical: -4),
         shape: const RoundedRectangleBorder(
-          borderRadius: BorderRadius.all(Radius.circular(4.0)),
+          borderRadius: BorderRadius.all(Radius.circular(kDefaultButtonRadius)),
         ),
         leading: iconData != null
             ? Icon(

lib/src/yaru_section.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:yaru_widgets/src/constants.dart';
 
 class YaruSection extends StatelessWidget {
   /// Creates a yaru style section widget with multiple
@@ -41,7 +42,8 @@ class YaruSection extends StatelessWidget {
                   color:
                       Theme.of(context).colorScheme.onSurface.withOpacity(0.15),
                 ),
-                borderRadius: BorderRadius.circular(6.0),
+                borderRadius: const BorderRadius.all(
+                    Radius.circular(kDefaultContainerRadius)),
               ),
               child: Column(
                 children: [

lib/src/yaru_selectable_container.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:yaru_widgets/src/constants.dart';
 
 class YaruSelectableContainer extends StatelessWidget {
   /// Creates a Image Tile from the image path given in the path property.
@@ -8,7 +9,7 @@ class YaruSelectableContainer extends StatelessWidget {
     this.onTap,
     required this.selected,
     this.borderRadius,
-    this.radius = 6.0,
+    this.radius = kDefaultContainerRadius,
     this.padding,
     this.selectionColor,
   }) : super(key: key);
@@ -25,7 +26,7 @@ class YaruSelectableContainer extends StatelessWidget {
   /// Callback triggered when the [YaruSelectableContainer] is clicked.
   final VoidCallback? onTap;
 
-  /// Optional custom radius for the corners which defaults to a circular 6.0 [BorderRadius]
+  /// Optional custom radius for the corners which defaults to a 8.0 [BorderRadius]
   final BorderRadius? borderRadius;
 
   /// Optional double value used for a symmetric circular [BorderRadius] if [borderRadius]
@@ -53,8 +54,7 @@ class YaruSelectableContainer extends StatelessWidget {
         child: Padding(
           padding: padding ?? const EdgeInsets.all(6.0),
           child: ClipRRect(
-            borderRadius:
-                borderRadius ?? BorderRadius.circular(radius - radius / 3),
+            borderRadius: borderRadius ?? BorderRadius.circular(radius),
             child: child,
           ),
         ),

lib/src/yaru_tabbed_page.dart

@@ -69,7 +69,8 @@ class _YaruTabbedPageState extends State<YaruTabbedPage>
           child: Container(
             width: widget.width,
             height: 60,
-            decoration: BoxDecoration(borderRadius: BorderRadius.circular(4)),
+            decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(kDefaultContainerRadius)),
             child: Theme(
               data: ThemeData().copyWith(
                 splashColor: Colors.transparent,
@@ -80,7 +81,8 @@ class _YaruTabbedPageState extends State<YaruTabbedPage>
                 controller: tabController,
                 labelColor: Theme.of(context).colorScheme.onSurface,
                 indicator: BoxDecoration(
-                    borderRadius: BorderRadius.circular(4),
+                    borderRadius:
+                        BorderRadius.circular(kDefaultContainerRadius),
                     color: Theme.of(context)
                         .colorScheme
                         .onSurface

lib/yaru_widgets.dart

@@ -11,7 +11,6 @@ export 'src/yaru_linear_progress_indicator.dart';
 export 'src/yaru_master_detail_page.dart';
 export 'src/yaru_narrow_layout.dart';
 export 'src/yaru_option_button.dart';
-export 'src/yaru_option_card.dart';
 export 'src/yaru_page.dart';
 export 'src/yaru_page_item.dart';
 export 'src/yaru_row.dart';