after_design_system

デザインシステム：after_design_system の目的、依存関係、主要 API、使用例。

ドキュメントのバージョン: supercore main · パッケージ 1.0.0

目的このセクションへのリンク: 目的

デザインシステム

共通のビジュアル言語です。カラー、スペーシング、角丸、モーション、タイポグラフィのトークン、Material 3 のテーマデータ、共有コンポーネントを提供し、プロダクトラインを問わず同一です。

依存関係このセクションへのリンク: 依存関係

依存先: after_core
利用元: after_consumer after_enterprise
主なサードパーティ依存関係: shared_preferences

主要 APIこのセクションへのリンク: 主要 API

AfterThemeData
AfterTheme
AfterColors
AfterSpacing
AfterRadius
AfterMotion
AfterFadeSlide

使用例このセクションへのリンク: 使用例

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)),
);

ソース supercore/packages/after_design_system/lib/src/foundations/theme.dart （新しいタブで開きます）