YaruRow: drop Row-specific properties and rename to YaruTile

example/lib/example_page_items.dart

@@ -15,16 +15,16 @@ import 'package:yaru_widgets_example/pages/slider_page.dart';
 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/row_list.dart';
+import 'package:yaru_widgets_example/widgets/tile_list.dart';
 
 const _lorem =
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';
 
 final examplePageItems = <YaruPageItem>[
   YaruPageItem(
-      titleBuilder: (context) => YaruPageItemTitle.text('YaruRow'),
+      titleBuilder: (context) => YaruPageItemTitle.text('YaruTile'),
       iconData: YaruIcons.format_unordered_list,
-      builder: (_) => YaruPage(children: [RowList()]),
+      builder: (_) => YaruPage(children: [TileList()]),
       itemWidget: SizedBox(
         height: 20,
         child: YaruCircularProgressIndicator(strokeWidth: 2),

example/lib/main.dart

@@ -55,7 +55,7 @@ class _HomeState extends State<Home> {
           onChanged: (v) => setState(() => _compactMode = v),
         ),
         if (_compactMode)
-          YaruRow(
+          YaruTile(
             title: Text('YaruPageItem amount'),
             trailing: Row(
               children: [

example/lib/pages/section_page.dart

@@ -30,7 +30,7 @@ class _SectionPageState extends State<SectionPage> {
         YaruSection(
           width: sectionWidth,
           children: [
-            YaruRow(
+            YaruTile(
               title: Text('Title'),
               subtitle: Text('Subtitle'),
               trailing: Text('Trailing'),

example/lib/widgets/dummy_section.dart

@@ -16,7 +16,7 @@ class DummySection extends StatelessWidget {
         width: 20,
       ),
       children: [
-        YaruRow(
+        YaruTile(
           title: Text('Title'),
           subtitle: Text('Subtitle'),
           trailing: Text('Trailing'),

example/lib/widgets/row_list.dart → example/lib/widgets/tile_list.dart

@@ -2,18 +2,18 @@ import 'package:flutter/material.dart';
 import 'package:yaru_icons/yaru_icons.dart';
 import 'package:yaru_widgets/yaru_widgets.dart';
 
-class RowList extends StatelessWidget {
-  const RowList({Key? key}) : super(key: key);
+class TileList extends StatelessWidget {
+  const TileList({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return ListView.builder(
       shrinkWrap: true,
-      itemBuilder: (context, index) => const YaruRow(
-        title: Text("Trailing Widget"),
-        trailing: Text("Action Widget"),
+      itemBuilder: (context, index) => const YaruTile(
+        title: Text('Title'),
+        trailing: Icon(YaruIcons.information),
         leading: Icon(YaruIcons.audio),
-        subtitle: Text("Description"),
+        subtitle: Text('Subtitle'),
       ),
       itemCount: 20,
     );

lib/src/pages/rows/yaru_extra_option_row.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:yaru_widgets/src/controls/yaru_option_button.dart';
-import 'package:yaru_widgets/src/pages/rows/yaru_row.dart';
+import 'package:yaru_widgets/src/pages/yaru_tile.dart';
 
 class YaruExtraOptionRow extends StatelessWidget {
   /// Creates a row having switch, label, description and YaruOptionButton.
@@ -14,12 +14,6 @@ class YaruExtraOptionRow extends StatelessWidget {
     required this.onPressed,
     required this.iconData,
     this.padding = const EdgeInsets.all(8.0),
-    this.mainAxisAlignment = MainAxisAlignment.spaceBetween,
-    this.mainAxisSize = MainAxisSize.max,
-    this.crossAxisAlignment = CrossAxisAlignment.center,
-    this.verticalDirection = VerticalDirection.down,
-    this.textDirection,
-    this.textBaseline,
   });
 
   /// Whether or not we can interact with the widget
@@ -74,37 +68,13 @@ class YaruExtraOptionRow extends StatelessWidget {
   /// The padding [EdgeInsets] which defaults to `EdgeInsets.all(8.0)`.
   final EdgeInsets padding;
 
-  /// The [MainAxisAlignment] which defaults to [MainAxisAlignment.spaceBetween].
-  final MainAxisAlignment mainAxisAlignment;
-
-  /// The [MainAxisSize] which defaults to [MainAxisSize.max].
-  final MainAxisSize mainAxisSize;
-
-  /// The [CrossAxisAlignment] which defaults to [CrossAxisAlignment.center].
-  final CrossAxisAlignment crossAxisAlignment;
-
-  /// The optional [TextDirection].
-  final TextDirection? textDirection;
-
-  /// The [VerticalDirection] which defaults to [VerticalDirection.down].
-  final VerticalDirection verticalDirection;
-
-  /// The optional [TextBaseline].
-  final TextBaseline? textBaseline;
-
   @override
   Widget build(BuildContext context) {
     final enabled = this.enabled && value != null;
-    return YaruRow(
+    return YaruTile(
       enabled: enabled,
       title: Text(actionLabel),
       subtitle: actionDescription != null ? Text(actionDescription!) : null,
-      mainAxisAlignment: mainAxisAlignment,
-      mainAxisSize: mainAxisSize,
-      crossAxisAlignment: crossAxisAlignment,
-      textDirection: textDirection,
-      verticalDirection: verticalDirection,
-      textBaseline: textBaseline,
       trailing: Row(
         children: [
           Switch(

lib/src/pages/rows/yaru_single_info_row.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 
-import 'yaru_row.dart';
+import '../yaru_tile.dart';
 
 class YaruSingleInfoRow extends StatelessWidget {
   /// Creates an info widget with infoLabel and infoValue.
@@ -19,12 +19,6 @@ class YaruSingleInfoRow extends StatelessWidget {
     required this.infoLabel,
     required this.infoValue,
     this.padding = const EdgeInsets.all(8.0),
-    this.mainAxisAlignment = MainAxisAlignment.spaceBetween,
-    this.mainAxisSize = MainAxisSize.max,
-    this.crossAxisAlignment = CrossAxisAlignment.center,
-    this.verticalDirection = VerticalDirection.down,
-    this.textDirection,
-    this.textBaseline,
   });
 
   /// Specifies the label for the information and is placed at the trailing position.
@@ -40,34 +34,10 @@ class YaruSingleInfoRow extends StatelessWidget {
   /// The padding [EdgeInsets] which defaults to `EdgeInsets.all(8.0)`.
   final EdgeInsets padding;
 
-  /// The [MainAxisAlignment] which defaults to [MainAxisAlignment.spaceBetween].
-  final MainAxisAlignment mainAxisAlignment;
-
-  /// The [MainAxisSize] which defaults to [MainAxisSize.max].
-  final MainAxisSize mainAxisSize;
-
-  /// The [CrossAxisAlignment] which defaults to [CrossAxisAlignment.center].
-  final CrossAxisAlignment crossAxisAlignment;
-
-  /// The optional [TextDirection].
-  final TextDirection? textDirection;
-
-  /// The [VerticalDirection] which defaults to [VerticalDirection.down].
-  final VerticalDirection verticalDirection;
-
-  /// The optional [TextBaseline].
-  final TextBaseline? textBaseline;
-
   @override
   Widget build(BuildContext context) {
-    return YaruRow(
+    return YaruTile(
       enabled: true,
-      mainAxisAlignment: mainAxisAlignment,
-      mainAxisSize: mainAxisSize,
-      crossAxisAlignment: crossAxisAlignment,
-      textDirection: textDirection,
-      verticalDirection: verticalDirection,
-      textBaseline: textBaseline,
       title: Text(infoLabel),
       trailing: Expanded(
         flex: 2,

lib/src/pages/rows/yaru_slider_row.dart

@@ -1,10 +1,10 @@
 import 'package:flutter/material.dart';
-import 'package:yaru_widgets/src/pages/rows/yaru_row.dart';
+import 'package:yaru_widgets/src/pages/yaru_tile.dart';
 
 class YaruSliderRow extends StatelessWidget {
   /// Creates a yaru style slider.
   /// If the `value` property is null the [Widget] will return [SizedBox].
-  /// Slider is passed as an `actionWidget   inside [YaruRow].
+  /// Slider is passed as an `actionWidget   inside [YaruTile].
   /// `actionLabel` and `actionDescription` is placed in a row along with the slider.
   ///
   /// For example:
@@ -35,12 +35,6 @@ class YaruSliderRow extends StatelessWidget {
     this.fractionDigits = 0,
     required this.onChanged,
     this.padding = const EdgeInsets.all(8.0),
-    this.mainAxisAlignment = MainAxisAlignment.spaceBetween,
-    this.mainAxisSize = MainAxisSize.max,
-    this.crossAxisAlignment = CrossAxisAlignment.center,
-    this.verticalDirection = VerticalDirection.down,
-    this.textDirection,
-    this.textBaseline,
   });
 
   /// Whether or not we can interact with the widget
@@ -80,40 +74,16 @@ class YaruSliderRow extends StatelessWidget {
   /// The padding [EdgeInsets] which defaults to `EdgeInsets.all(8.0)`.
   final EdgeInsets padding;
 
-  /// The [MainAxisAlignment] which defaults to [MainAxisAlignment.spaceBetween].
-  final MainAxisAlignment mainAxisAlignment;
-
-  /// The [MainAxisSize] which defaults to [MainAxisSize.max].
-  final MainAxisSize mainAxisSize;
-
-  /// The [CrossAxisAlignment] which defaults to [CrossAxisAlignment.center].
-  final CrossAxisAlignment crossAxisAlignment;
-
-  /// The optional [TextDirection].
-  final TextDirection? textDirection;
-
-  /// The [VerticalDirection] which defaults to [VerticalDirection.down].
-  final VerticalDirection verticalDirection;
-
-  /// The optional [TextBaseline].
-  final TextBaseline? textBaseline;
-
   @override
   Widget build(BuildContext context) {
     const thumbRadius = 24.0;
 
     final enabled = this.enabled && value != null;
 
-    return YaruRow(
+    return YaruTile(
       enabled: enabled,
       title: Text(actionLabel),
       subtitle: actionDescription != null ? Text(actionDescription!) : null,
-      mainAxisAlignment: mainAxisAlignment,
-      mainAxisSize: mainAxisSize,
-      crossAxisAlignment: crossAxisAlignment,
-      textDirection: textDirection,
-      verticalDirection: verticalDirection,
-      textBaseline: textBaseline,
       trailing: Expanded(
         flex: 2,
         child: Row(

lib/src/pages/rows/yaru_switch_row.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:yaru_widgets/src/pages/rows/yaru_row.dart';
+import 'package:yaru_widgets/src/pages/yaru_tile.dart';
 
 class YaruSwitchRow extends StatelessWidget {
   /// Creates yaru style switch. The [Switch] will be aligned horizontally along with the  `trailingWidget`.
@@ -25,12 +25,6 @@ class YaruSwitchRow extends StatelessWidget {
     required this.value,
     required this.onChanged,
     this.padding = const EdgeInsets.all(8.0),
-    this.mainAxisAlignment = MainAxisAlignment.spaceBetween,
-    this.mainAxisSize = MainAxisSize.max,
-    this.crossAxisAlignment = CrossAxisAlignment.center,
-    this.verticalDirection = VerticalDirection.down,
-    this.textDirection,
-    this.textBaseline,
   });
 
   /// Whether or not we can interact with the widget
@@ -51,38 +45,14 @@ class YaruSwitchRow extends StatelessWidget {
   /// The padding [EdgeInsets] which defaults to `EdgeInsets.all(8.0)`.
   final EdgeInsets padding;
 
-  /// The [MainAxisAlignment] which defaults to [MainAxisAlignment.spaceBetween].
-  final MainAxisAlignment mainAxisAlignment;
-
-  /// The [MainAxisSize] which defaults to [MainAxisSize.max].
-  final MainAxisSize mainAxisSize;
-
-  /// The [CrossAxisAlignment] which defaults to [CrossAxisAlignment.center].
-  final CrossAxisAlignment crossAxisAlignment;
-
-  /// The optional [TextDirection].
-  final TextDirection? textDirection;
-
-  /// The [VerticalDirection] which defaults to [VerticalDirection.down].
-  final VerticalDirection verticalDirection;
-
-  /// The optional [TextBaseline].
-  final TextBaseline? textBaseline;
-
   @override
   Widget build(BuildContext context) {
     final enabled = this.enabled && value != null;
 
-    return YaruRow(
+    return YaruTile(
       enabled: enabled,
       title: trailingWidget,
       subtitle: actionDescription != null ? Text(actionDescription!) : null,
-      mainAxisAlignment: mainAxisAlignment,
-      mainAxisSize: mainAxisSize,
-      crossAxisAlignment: crossAxisAlignment,
-      textDirection: textDirection,
-      verticalDirection: verticalDirection,
-      textBaseline: textBaseline,
       trailing: Switch(
         value: value ?? false,
         onChanged: enabled ? onChanged : null,

lib/src/pages/rows/yaru_toggle_buttons_row.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:yaru_widgets/src/pages/rows/yaru_row.dart';
+import 'package:yaru_widgets/src/pages/yaru_tile.dart';
 
 class YaruToggleButtonsRow extends StatelessWidget {
   /// Creates a set of Yaru style toggle buttons.
@@ -38,12 +38,6 @@ class YaruToggleButtonsRow extends StatelessWidget {
     required this.selectedValues,
     required this.onPressed,
     this.padding = const EdgeInsets.all(8.0),
-    this.mainAxisAlignment = MainAxisAlignment.spaceBetween,
-    this.mainAxisSize = MainAxisSize.max,
-    this.crossAxisAlignment = CrossAxisAlignment.center,
-    this.verticalDirection = VerticalDirection.down,
-    this.textDirection,
-    this.textBaseline,
   });
 
   /// Whether or not we can interact with the widget
@@ -83,38 +77,14 @@ class YaruToggleButtonsRow extends StatelessWidget {
   /// The padding [EdgeInsets] which defaults to `EdgeInsets.all(8.0)`.
   final EdgeInsets padding;
 
-  /// The [MainAxisAlignment] which defaults to [MainAxisAlignment.spaceBetween].
-  final MainAxisAlignment mainAxisAlignment;
-
-  /// The [MainAxisSize] which defaults to [MainAxisSize.max].
-  final MainAxisSize mainAxisSize;
-
-  /// The [CrossAxisAlignment] which defaults to [CrossAxisAlignment.center].
-  final CrossAxisAlignment crossAxisAlignment;
-
-  /// The optional [TextDirection].
-  final TextDirection? textDirection;
-
-  /// The [VerticalDirection] which defaults to [VerticalDirection.down].
-  final VerticalDirection verticalDirection;
-
-  /// The optional [TextBaseline].
-  final TextBaseline? textBaseline;
-
   @override
   Widget build(BuildContext context) {
     final enabled = this.enabled && selectedValues != null;
 
-    return YaruRow(
+    return YaruTile(
       enabled: enabled,
       title: Text(actionLabel),
       subtitle: actionDescription != null ? Text(actionDescription!) : null,
-      mainAxisAlignment: mainAxisAlignment,
-      mainAxisSize: mainAxisSize,
-      crossAxisAlignment: crossAxisAlignment,
-      textDirection: textDirection,
-      verticalDirection: verticalDirection,
-      textBaseline: textBaseline,
       trailing: ToggleButtons(
         constraints: const BoxConstraints(minHeight: 40.0),
         isSelected: