refactor: Add more components to support CosmosTheme (#271)

Author: wal33d006

packages/cosmos_ui_components/lib/components/cosmos_bottom_sheet_header.dart

@@ -1,3 +1,4 @@
+import 'package:cosmos_ui_components/cosmos_text_theme.dart';
 import 'package:cosmos_ui_components/cosmos_theme.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -49,7 +50,13 @@ class CosmosBottomSheetHeader extends StatelessWidget {
           child: Row(
             children: [
               SizedBox(width: theme.spacingM),
-              Text(title, style: titleTextStyle),
+              Text(
+                title,
+                style: titleTextStyle ??
+                    CosmosTextTheme.title2Bold.copyWith(
+                      color: theme.colors.text,
+                    ),
+              ),
               SizedBox(width: theme.spacingM),
             ],
           ),

packages/cosmos_ui_components/lib/components/cosmos_checkbox_tile.dart

@@ -52,7 +52,7 @@ class CosmosCheckboxTile extends StatelessWidget {
                 Expanded(
                   child: Text(
                     text,
-                    style: CosmosTextTheme.copyMinus1Normal,
+                    style: CosmosTextTheme.copyMinus1Normal.copyWith(color: theme.colors.text),
                   ),
                 ),
               ],

packages/cosmos_ui_components/lib/components/cosmos_circle_text_button.dart

@@ -1,3 +1,4 @@
+import 'package:cosmos_ui_components/cosmos_text_theme.dart';
 import 'package:cosmos_ui_components/cosmos_theme.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -38,7 +39,9 @@ class CosmosCircleTextButton extends StatelessWidget {
             SizedBox(width: theme.spacingL),
             Text(
               text,
-              style: isEnabled ? null : TextStyle(color: theme.colors.inactive),
+              style: CosmosTextTheme.copy0Normal.copyWith(
+                color: isEnabled ? theme.colors.text : theme.colors.inactive,
+              ),
             ),
           ],
         ),

packages/cosmos_ui_components/lib/components/cosmos_text_button.dart

@@ -39,7 +39,7 @@ class CosmosTextButton extends StatelessWidget {
       style: TextButton.styleFrom(
         fixedSize: Size.fromHeight(height),
         shape: RoundedRectangleBorder(borderRadius: theme.borderRadiusM),
-        onSurface: color,
+        onSurface: color ?? theme.colors.text,
       ),
       child: Row(
         mainAxisSize: MainAxisSize.min,