After Framework

after_design_system

Sistema de design: propósito, dependências, APIs principais e exemplo de after_design_system.

Versão da documentação: supercore main · pacotes 1.0.0

PropósitoLink para esta seção: Propósito

Sistema de design

A linguagem visual compartilhada: tokens de cor, espaçamento, raio, movimento e tipografia, theme data Material 3 e componentes compartilhados, idênticos entre as linhas de produto.

DependênciasLink para esta seção: Dependências

after_ecosystemafter_aiafter_consumerafter_enterpriseafter_firebaseafter_coreafter_design_system
Depende de
after_core
Dependências de terceiros relevantes
shared_preferences

APIs principaisLink para esta seção: APIs principais

  • AfterThemeData
  • AfterTheme
  • AfterColors
  • AfterSpacing
  • AfterRadius
  • AfterMotion
  • AfterFadeSlide

ExemploLink para esta seção: Exemplo

dart
abstract final class AfterThemeData {
  static ThemeData light({
    AfterTypography typography = AfterTypography.garage,
    Color? accentOverride,
  }) { … }

  static ThemeData dark({
    AfterTypography typography = AfterTypography.garage,
    Color? accentOverride,
  }) { … }
}

// Product: same family, own accent (spec branding.accent).
MaterialApp(
  theme: AfterThemeData.light(accentOverride: const Color(0xFF22D3EE)),
  darkTheme: AfterThemeData.dark(accentOverride: const Color(0xFF22D3EE)),
);

Fonte supercore/packages/after_design_system/lib/src/foundations/theme.dart (abre em uma nova aba)