- created custom text block, dropdown,

- created extract, goals and block card screen.
- generated tests for design system components.
- updated restore password and home screens to 17/11 design.

modules/auth/lib/src/onboarding/presentation/welcome_screen.dart

@@ -31,8 +31,9 @@ class WelcomeScreenState extends ConsumerState{
     final theme = ref.watch(themePortProvider);
 
     return Scaffold(
+      backgroundColor: theme.getColorFor(ThemeCode.backgroundPrimary),
       body: Container(
-        padding: EdgeInsets.symmetric(horizontal: 24),
+        padding: EdgeInsets.only(top: 24),
         child: Center(
           child: Column(
             spacing: 48,
@@ -42,7 +43,11 @@ class WelcomeScreenState extends ConsumerState{
               Column(
                 spacing: 24,
                 children: [
-                  StepIndicator(max: 3, current: currentStep+1, color: theme.getColorFor(ThemeCode.buttonSecondary)),
+                  StepIndicator(
+                    max: 3,
+                    current: currentStep+1,
+                    color: theme.getColorFor(ThemeCode.buttonSecondary)
+                  ),
                   generateButtons(theme, 3, currentStep+1)
                 ]
               ),
@@ -56,29 +61,29 @@ class WelcomeScreenState extends ConsumerState{
 
   Widget generateButtons(ThemePort theme, int max, int step){
     if (step==max) {
-      return FilledButton(
-        style: ButtonStyle(
-          backgroundColor: WidgetStatePropertyAll<Color>(theme.getColorFor(ThemeCode.buttonPrimary))
-        ),
+      return PrimaryButton(
         onPressed: () => navigationContract.goTo('/link_phone'),
-        child: Expanded(child: Center(child: Text('Continuar')))
-    );
+        text: "Continuar",
+        color: theme.getColorFor(ThemeCode.buttonPrimary),
+        width: 324,
+      );
     } else {
       return Column(
         spacing: 16,
         children: [
-          FilledButton(
-            style: ButtonStyle(
-              backgroundColor: WidgetStatePropertyAll<Color>(theme.getColorFor(ThemeCode.buttonSecondary))
-            ),
+          PrimaryButton(
             onPressed: ()=>setState(() {
               currentStep++;
             }),
-            child: Expanded(child: Center( child: Text("Siguiente")))
+            text: "Siguiente",
+            color: theme.getColorFor(ThemeCode.buttonSecondary),
+            width: 324,
           ),
-          TextButton(
+          CustomTextButton(
             onPressed: ()=>navigationContract.goTo('/link_phone'),
-            child: Text("Omitir")
+            text: "Omitir",
+            size: 18,
+            weight: FontWeight.w500,
           )
         ],
       );
@@ -97,37 +102,57 @@ class WelcomeScreenState extends ConsumerState{
               Text(
                 "Aprende a gestionar su dinero",
                 textAlign: TextAlign.center,
-                style: TextStyle(fontWeight: FontWeight.w500, fontSize: 30)
+                style: TextStyle(fontSize: 30, fontWeight: FontWeight.w500, letterSpacing: 0)
               ),
               Text(
                 "Tu peque crea hábitos y se divierte mientras lo hace",
                 textAlign: TextAlign.center,
-                style: TextStyle(fontSize: 18)
+                style: TextStyle(fontSize: 18, letterSpacing: 0)
               )
             ]
           )
         ]
       ),
       Column(
+        spacing: 48,
         children: [
           SvgPicture.asset("assets/images/ui/bienvenida_paso2.svg"),
-          Text("Tranquilidad en cada pago que hacen",
-            textAlign: TextAlign.center,
-            style: TextStyle(fontWeight: FontWeight.w500, fontSize: 30)),
-          Text("Supervisa gastos, fija límites y acompáñalos en cada paso",
-            textAlign: TextAlign.center,
-            style: TextStyle(fontSize: 18)),
+          Column(
+            spacing: 16,
+            children: [
+              Text(
+                "Tranquilidad en cada pago que hace",
+                textAlign: TextAlign.center,
+                style: TextStyle(fontSize: 30, fontWeight: FontWeight.w500, letterSpacing: 0)
+              ),
+              Text(
+                "Supervisa sus gastos, fija límites y acompáñale en cada paso",
+                textAlign: TextAlign.center,
+                style: TextStyle(fontSize: 18, letterSpacing: 0)
+              ),
+            ],
+          )
         ],
       ),
       Column(
+        spacing: 48,
         children: [
           SvgPicture.asset("assets/images/ui/bienvenida_paso3.svg"),
-          Text("Pagos fáciles y seguros en sus manos",
-            textAlign: TextAlign.center,
-            style: TextStyle(fontWeight: FontWeight.w500, fontSize: 30)),
-          Text("Podrá pagar desde su reloj.\n Sin móvil ni efectivo",
-            textAlign: TextAlign.center,
-            style: TextStyle(fontSize: 18)),
+          Column(
+            spacing: 16,
+            children: [
+              Text(
+                  "Pagos fáciles y seguros, en sus manos",
+                  textAlign: TextAlign.center,
+                  style: TextStyle(fontSize: 30, fontWeight: FontWeight.w500, letterSpacing: 0)
+              ),
+              Text(
+                  "Podrá pagar desde su reloj.\n Sin móvil ni efectivo",
+                  textAlign: TextAlign.center,
+                  style: TextStyle(fontSize: 18, letterSpacing: 0)
+              ),
+            ],
+          )
         ],
       ),
     ];