refactor: Rewrite Fortaleza theme using the new code gen for tokens (#…

…528)

packages/mix/lib/src/theme/mix/mix_theme.dart

@@ -11,7 +11,7 @@ import '../tokens/space_token.dart';
 import '../tokens/text_style_token.dart';
 
 class MixTheme extends InheritedWidget {
-  const MixTheme({required super.child, required this.data, super.key});
+  const MixTheme({required this.data, super.key, required super.child});
 
   static MixThemeData of(BuildContext context) {
     final themeData =

packages/mix_generator/lib/src/helpers/builder_utils.dart

@@ -131,19 +131,6 @@ extension EnumElementX on EnumElement {
   }
 }
 
-class TokenAnnotationContext extends AnnotationContext {
-  final Object? type;
-
-  TokenAnnotationContext({
-    required super.element,
-    required this.type,
-  });
-
-  String get name => element.name;
-
-  String get generatedName => element.generatedName;
-}
-
 extension ClassElementX on ClassElement {
   bool get isConst => unnamedConstructor?.isConst ?? false;
 

packages/remix/demo/lib/addons/brightness_addon.dart

@@ -1,43 +1,59 @@
 import 'package:flutter/material.dart';
 import 'package:widgetbook/widgetbook.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart';
 
-class BrightnessAddon extends WidgetbookAddon<Brightness> {
-  final Brightness initialBrightness;
+class WidgetBookBrightness {
+  static const light = 'light';
+  static const dark = 'dark';
+}
+
+class BrightnessAddon extends WidgetbookAddon<String> {
+  final String initialBrightness;
 
   BrightnessAddon({
-    this.initialBrightness = Brightness.light,
-  }) : super(name: 'Brightness');
+    this.initialBrightness = WidgetBookBrightness.light,
+  }) : super(name: 'brightness');
 
   @override
   Widget buildUseCase(
     BuildContext context,
     Widget child,
-    Brightness setting,
+    String setting,
   ) {
-    return Theme(
-      data: ThemeData(
-        brightness: setting,
+    return MediaQuery(
+      data: MediaQueryData(
+        platformBrightness: setting == WidgetBookBrightness.light
+            ? Brightness.light
+            : Brightness.dark,
       ),
       child: child,
     );
   }
 
   @override
-  List<Field<Brightness>> get fields {
+  List<Field<String>> get fields {
     return [
-      ListField<Brightness>(
+      ListField<String>(
         name: 'brightness',
         initialValue: initialBrightness,
         values: [
-          Brightness.light,
-          Brightness.dark,
+          WidgetBookBrightness.light,
+          WidgetBookBrightness.dark,
         ],
       )
     ];
   }
 
   @override
-  Brightness valueFromQueryGroup(Map<String, String> group) {
-    return valueOf<Brightness>('brightness', group)!;
+  String valueFromQueryGroup(Map<String, String> group) {
+    return valueOf<String>('brightness', group)!;
   }
 }
+
+class BrightnessAddonConfig extends AddonConfig {
+  const BrightnessAddonConfig(String value)
+      : super(
+          'brightness',
+          'brightness:$value',
+        );
+}

packages/remix/demo/lib/addons/theme_addon.dart

@@ -0,0 +1,70 @@
+import 'package:flutter/widgets.dart';
+import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
+import 'package:widgetbook/widgetbook.dart';
+import 'package:widgetbook_annotation/widgetbook_annotation.dart';
+
+typedef ThemeMultiBrightness = ({RemixThemeData light, RemixThemeData dark});
+
+final Map<String, ThemeMultiBrightness> themes = {
+  'fortaleza': (
+    light: FortalezaThemeData.light(),
+    dark: FortalezaThemeData.dark(),
+  ),
+  'base': (
+    light: RemixThemeData.baseLight(),
+    dark: RemixThemeData.baseDark(),
+  ),
+};
+
+class ComponentTheme {
+  static const fortaleza = 'fortaleza';
+  static const base = 'base';
+}
+
+class ComponentThemeAddon extends WidgetbookAddon<String> {
+  final String initialBrightness;
+
+  ComponentThemeAddon({
+    this.initialBrightness = ComponentTheme.fortaleza,
+  }) : super(name: 'component theme');
+
+  @override
+  Widget buildUseCase(
+    BuildContext context,
+    Widget child,
+    String setting,
+  ) {
+    final theme = themes[setting];
+    return RemixApp(
+      debugShowCheckedModeBanner: false,
+      darkTheme: theme!.dark,
+      theme: theme.light,
+      home: child,
+    );
+  }
+
+  @override
+  List<Field<String>> get fields {
+    return [
+      ListField<String>(
+        name: 'brightness',
+        initialValue: initialBrightness,
+        values: [
+          ComponentTheme.fortaleza,
+          ComponentTheme.base,
+        ],
+      )
+    ];
+  }
+
+  @override
+  String valueFromQueryGroup(Map<String, String> group) {
+    return valueOf<String>('brightness', group)!;
+  }
+}
+
+class ComponentThemeAddonConfig extends AddonConfig {
+  const ComponentThemeAddonConfig(String value)
+      : super('component theme', 'component theme:$value');
+}

packages/remix/demo/lib/components/avatar_use_case.dart

@@ -1,6 +1,7 @@
 import 'package:demo/helpers/knob_builder.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/badge_use_case.dart

@@ -1,5 +1,7 @@
+import 'package:demo/helpers/knob_builder.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 
@@ -15,8 +17,8 @@ Widget buildAvatarUseCase(BuildContext context) {
           label: 'Label',
           initialValue: 'New',
         ),
-        variants: const [
-          // context.knobs.variant(FortalezaBadgeStyle.variants),
+        variants: [
+          context.knobs.variant(FortalezaBadgeStyle.variants),
         ],
       ),
     ),

packages/remix/demo/lib/components/button_use_case.dart

@@ -2,6 +2,7 @@ import 'package:demo/addons/icon_data_knob.dart';
 import 'package:demo/helpers/knob_builder.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/callout_use_case.dart

@@ -1,8 +1,8 @@
 import 'package:demo/helpers/knob_builder.dart';
 import 'package:flutter/material.dart' as m;
 import 'package:flutter/widgets.dart';
-
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/card_use_case.dart

@@ -2,6 +2,7 @@ import 'package:demo/helpers/knob_builder.dart';
 import 'package:flutter/widgets.dart';
 import 'package:mix/mix.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 
@@ -32,13 +33,25 @@ Widget buildCard(BuildContext context) {
               children: [
                 StyledText(
                   'Leo Farias',
-                  style: Style($text.style.ref($rx.text.text3)),
+                  style: Style(
+                    $text.chain
+                      ..style.fontSize(14)
+                      ..style.fontWeight.bold()
+                      ..style.color.black87(),
+                    $on.dark(
+                      $text.style.color.white(),
+                    ),
+                  ),
                 ),
                 StyledText(
                   'Flutter Engineer',
                   style: Style(
-                    $text.style.ref($rx.text.text2),
-                    $text.style.color.$neutral(10),
+                    $text.chain
+                      ..style.fontSize(12)
+                      ..style.color.black54(),
+                    $on.dark(
+                      $text.style.color.white70(),
+                    ),
                   ),
                 ),
               ],

packages/remix/demo/lib/components/checkbox_use_case.dart

@@ -2,6 +2,7 @@ import 'package:demo/helpers/knob_builder.dart';
 import 'package:demo/helpers/use_case_state.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/chip_use_case.dart

@@ -3,6 +3,7 @@ import 'package:demo/helpers/knob_builder.dart';
 import 'package:demo/helpers/use_case_state.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/icon_button_use_case.dart

@@ -2,6 +2,7 @@ import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart' as m;
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/progress_use_case.dart

@@ -1,6 +1,7 @@
 import 'package:demo/helpers/knob_builder.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/radio_use_case.dart

@@ -2,6 +2,7 @@ import 'package:demo/helpers/knob_builder.dart';
 import 'package:demo/helpers/string.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/select_use_case.dart

@@ -2,6 +2,7 @@ import 'package:demo/helpers/knob_builder.dart';
 import 'package:flutter/material.dart' as m;
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/spinner_use_case.dart

@@ -1,6 +1,7 @@
 import 'package:demo/helpers/knob_builder.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/switch_use_case.dart

@@ -2,6 +2,7 @@ import 'package:demo/helpers/knob_builder.dart';
 import 'package:demo/helpers/use_case_state.dart';
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;
 

packages/remix/demo/lib/components/textfield_use_case.dart

@@ -2,6 +2,7 @@ import 'package:demo/addons/icon_data_knob.dart';
 import 'package:flutter/material.dart' as m;
 import 'package:flutter/widgets.dart';
 import 'package:remix/remix.dart';
+import 'package:remix/themes/fortaleza.dart';
 import 'package:widgetbook/widgetbook.dart';
 import 'package:widgetbook_annotation/widgetbook_annotation.dart' as widgetbook;