@fastwork/xosmoz-theme 0.34.0 → 0.35.0

package/dist/dart/xz_colors.generated.dart

@@ -0,0 +1,580 @@
+// Auto-generated from @fastwork/xosmoz-theme DTCG tokens
+// Do not edit directly
+// ignore_for_file: constant_identifier_names
+
+import 'package:flutter/widgets.dart';
+
+/// A color swatch with named shade getters (shade100–shade1000).
+class XzColorSwatch {
+  const XzColorSwatch(this._shades);
+  final Map<int, Color> _shades;
+
+  Color operator [](int step) => _shades[step]!;
+
+  Color get shade100 => _shades[100]!;
+  Color get shade200 => _shades[200]!;
+  Color get shade300 => _shades[300]!;
+  Color get shade400 => _shades[400]!;
+  Color get shade500 => _shades[500]!;
+  Color get shade600 => _shades[600]!;
+  Color get shade700 => _shades[700]!;
+  Color get shade800 => _shades[800]!;
+  Color get shade900 => _shades[900]!;
+  Color get shade1000 => _shades[1000]!;
+}
+
+/// A semantic base color scale with variable step counts.
+class XzBaseScale {
+  const XzBaseScale(this._shades);
+  final Map<int, Color> _shades;
+
+  Color operator [](int step) => _shades[step]!;
+
+  Color get shade50 => _shades[50]!;
+  Color get shade100 => _shades[100]!;
+  Color get shade200 => _shades[200]!;
+  Color get shade300 => _shades[300]!;
+  Color get shade400 => _shades[400]!;
+}
+
+/// Semantic role color with soft, line, bg, fg, text sub-groups.
+class XzRoleColor {
+  const XzRoleColor({
+    this.soft = const {},
+    this.line = const {},
+    this.bg = const {},
+    this.fg = const {},
+    this.text = const {},
+  });
+
+  final Map<int, Color> soft;
+  final Map<int, Color> line;
+  final Map<int, Color> bg;
+  final Map<int, Color> fg;
+  final Map<int, Color> text;
+
+  Color get soft100 => soft[100]!;
+  Color get soft200 => soft[200]!;
+  Color get line100 => line[100]!;
+  Color get line200 => line[200]!;
+  Color get line300 => line[300]!;
+  Color get bg100 => bg[100]!;
+  Color get bg200 => bg[200]!;
+  Color get fg100 => fg[100]!;
+  Color get text100 => text[100]!;
+}
+
+/// Palette colors — theme-independent. Access directly: XzPalette.fastwork.shade600
+abstract class XzPalette {
+  static const fastwork = XzColorSwatch({
+    100: Color(0xFFE6F0FF),
+    200: Color(0xFFBDD6FF),
+    300: Color(0xFF94BCFF),
+    400: Color(0xFF6BA1FF),
+    500: Color(0xFF508FFF),
+    600: Color(0xFF2F7CFF),
+    700: Color(0xFF0B53C5),
+    800: Color(0xFF053F9A),
+    900: Color(0xFF042D72),
+    1000: Color(0xFF021B4A),
+  });
+
+  static const gray = XzColorSwatch({
+    100: Color(0xFFEFEFEF),
+    200: Color(0xFFD3D5D6),
+    300: Color(0xFFB9BBBF),
+    400: Color(0xFF9FA3A9),
+    500: Color(0xFF8A94A3),
+    600: Color(0xFF798598),
+    700: Color(0xFF4F5D72),
+    800: Color(0xFF3E4856),
+    900: Color(0xFF2B333E),
+    1000: Color(0xFF191F28),
+  });
+
+  static const green = XzColorSwatch({
+    100: Color(0xFFE5F4E5),
+    200: Color(0xFFB9E1B9),
+    300: Color(0xFF84D08D),
+    400: Color(0xFF47BF55),
+    500: Color(0xFF00B231),
+    600: Color(0xFF00A01F),
+    700: Color(0xFF007113),
+    800: Color(0xFF00570C),
+    900: Color(0xFF003F06),
+    1000: Color(0xFF002703),
+  });
+
+  static const mint = XzColorSwatch({
+    100: Color(0xFFE0F5EB),
+    200: Color(0xFFAAE4C9),
+    300: Color(0xFF65D4A8),
+    400: Color(0xFF00BF8B),
+    500: Color(0xFF00AE7E),
+    600: Color(0xFF009C6D),
+    700: Color(0xFF006F43),
+    800: Color(0xFF005630),
+    900: Color(0xFF003E21),
+    1000: Color(0xFF002614),
+  });
+
+  static const amber = XzColorSwatch({
+    100: Color(0xFFF5EEDC),
+    200: Color(0xFFE7D3A1),
+    300: Color(0xFFDBB758),
+    400: Color(0xFFCA9B00),
+    500: Color(0xFFBA8B00),
+    600: Color(0xFFAD7900),
+    700: Color(0xFF844E00),
+    800: Color(0xFF673B00),
+    900: Color(0xFF4A2A00),
+    1000: Color(0xFF2D1A00),
+  });
+
+  static const red = XzColorSwatch({
+    100: Color(0xFFFFE9E5),
+    200: Color(0xFFFFC4BA),
+    300: Color(0xFFFF9D8C),
+    400: Color(0xFFFF6E5A),
+    500: Color(0xFFFF4733),
+    600: Color(0xFFF02816),
+    700: Color(0xFFAE0D00),
+    800: Color(0xFF880700),
+    900: Color(0xFF640400),
+    1000: Color(0xFF410200),
+  });
+
+  static const orange = XzColorSwatch({
+    100: Color(0xFFFFEDDA),
+    200: Color(0xFFFFE0BE),
+    300: Color(0xFFFFD4A8),
+    400: Color(0xFFFFC287),
+    500: Color(0xFFFFAC62),
+    600: Color(0xFFFB8520),
+    700: Color(0xFFE76E00),
+    800: Color(0xFFD95F00),
+    900: Color(0xFFA24600),
+    1000: Color(0xFF683000),
+  });
+
+  static const purple = XzColorSwatch({
+    100: Color(0xFFF1EBFE),
+    200: Color(0xFFDBCBFC),
+    300: Color(0xFFC6A9FE),
+    400: Color(0xFFAF88FF),
+    500: Color(0xFFA171FF),
+    600: Color(0xFF9059FF),
+    700: Color(0xFF673ABA),
+    800: Color(0xFF502A91),
+    900: Color(0xFF3A1D6B),
+    1000: Color(0xFF231045),
+  });
+
+  static const cyan = XzColorSwatch({
+    100: Color(0xFFDEF3FC),
+    200: Color(0xFF9FE2EE),
+    300: Color(0xFF42D0E6),
+    400: Color(0xFF00B7CD),
+    500: Color(0xFF00A6BA),
+    600: Color(0xFF0094AA),
+    700: Color(0xFF00677E),
+    800: Color(0xFF004F63),
+    900: Color(0xFF003948),
+    1000: Color(0xFF00232C),
+  });
+
+}
+
+/// Xosmoz color tokens synced from web theme.
+///
+/// Palette (static): XzColors.fastwork.shade600
+/// Theme-aware: XzColors.of(context).primary.bg100
+class XzColors {
+  const XzColors._({
+    required this.bg,
+    required this.surface,
+    required this.fg,
+    required this.soft,
+    required this.text,
+    required this.line,
+    required this.primary,
+    required this.danger,
+    required this.success,
+    required this.warning,
+    required this.info,
+    required this.neutral,
+  });
+
+  // ── Palette (static, theme-independent) ──
+  static const fastwork = XzPalette.fastwork;
+  static const gray = XzPalette.gray;
+  static const green = XzPalette.green;
+  static const mint = XzPalette.mint;
+  static const amber = XzPalette.amber;
+  static const red = XzPalette.red;
+  static const orange = XzPalette.orange;
+  static const purple = XzPalette.purple;
+  static const cyan = XzPalette.cyan;
+
+  // ── Semantic base (theme-dependent) ──
+  final XzBaseScale bg;
+  final XzBaseScale surface;
+  final XzBaseScale fg;
+  final XzBaseScale soft;
+  final XzBaseScale text;
+  final XzBaseScale line;
+
+  // ── Semantic role (theme-dependent) ──
+  final XzRoleColor primary;
+  final XzRoleColor danger;
+  final XzRoleColor success;
+  final XzRoleColor warning;
+  final XzRoleColor info;
+  final XzRoleColor neutral;
+
+  // ── Light theme ──
+  static const light = XzColors._(
+    bg: XzBaseScale({
+      100: Color(0xFF0D1014),
+      200: Color(0xFF373B40),
+    }),
+    surface: XzBaseScale({
+      50: Color(0xFFFFFFFF),
+      100: Color(0xFFF6F9FC),
+      200: Color(0xFFEEF2F9),
+      300: Color(0xFFEBEFF5),
+      400: Color(0xFFE1E5EB),
+    }),
+    fg: XzBaseScale({
+      100: Color(0xFFFFFFFF),
+    }),
+    soft: XzBaseScale({
+      100: Color(0x060D1014),
+      200: Color(0x0D0D1014),
+    }),
+    text: XzBaseScale({
+      100: Color(0xFF18181B),
+      200: Color(0xB318181B),
+      300: Color(0x8018181B),
+    }),
+    line: XzBaseScale({
+      100: Color(0xF2E9EDF4),
+      200: Color(0xF2DADEE5),
+      300: Color(0xF2CACED4),
+    }),
+    primary: XzRoleColor(
+      soft: {
+        100: Color(0x1A2F7CFF),
+        200: Color(0x292F7CFF),
+      },
+      line: {
+        100: Color(0xFFC6DBFF),
+        200: Color(0xFF97BEFF),
+        300: Color(0xFF7AABFF),
+      },
+      bg: {
+        100: Color(0xFF2F7CFF),
+        200: Color(0xFF176FFF),
+      },
+      fg: {
+        100: Color(0xF2FFFFFF),
+      },
+      text: {
+        100: Color(0xFF2F7CFF),
+      },
+    ),
+    danger: XzRoleColor(
+      soft: {
+        100: Color(0x1AF02816),
+        200: Color(0x29F02816),
+      },
+      line: {
+        100: Color(0xFFFDCDC6),
+        200: Color(0xFFFEA092),
+        300: Color(0xFFFC8372),
+      },
+      bg: {
+        100: Color(0xFFF02816),
+        200: Color(0xFFE51401),
+      },
+      fg: {
+        100: Color(0xF2FFFFFF),
+      },
+      text: {
+        100: Color(0xFFF02816),
+      },
+    ),
+    success: XzRoleColor(
+      soft: {
+        100: Color(0x1A00A01F),
+        200: Color(0x2900A01F),
+      },
+      line: {
+        100: Color(0xFFC2E5C5),
+        200: Color(0xFF8CD08E),
+        300: Color(0xFF69C46C),
+      },
+      bg: {
+        100: Color(0xFF00A01F),
+        200: Color(0xFF00961C),
+      },
+      fg: {
+        100: Color(0xF2FFFFFF),
+      },
+      text: {
+        100: Color(0xFF00A01F),
+      },
+    ),
+    warning: XzRoleColor(
+      soft: {
+        100: Color(0x1AAD7900),
+        200: Color(0x29AD7900),
+      },
+      line: {
+        100: Color(0xFFEED7B2),
+        200: Color(0xFFE4B463),
+        300: Color(0xFFDD9E16),
+      },
+      bg: {
+        100: Color(0xFFAD7900),
+        200: Color(0xFFA17100),
+      },
+      fg: {
+        100: Color(0xF2FFFFFF),
+      },
+      text: {
+        100: Color(0xFFAD7900),
+      },
+    ),
+    info: XzRoleColor(
+      soft: {
+        100: Color(0x1A0094AA),
+        200: Color(0x290094AA),
+      },
+      line: {
+        100: Color(0xFFADE5F4),
+        200: Color(0xFF4CD0EA),
+        300: Color(0xFF00C0DC),
+      },
+      bg: {
+        100: Color(0xFF0094AA),
+        200: Color(0xFF008A9F),
+      },
+      fg: {
+        100: Color(0xF2FFFFFF),
+      },
+      text: {
+        100: Color(0xFF0094AA),
+      },
+    ),
+    neutral: XzRoleColor(
+      soft: {
+        100: Color(0x1A798598),
+        200: Color(0x29798598),
+      },
+      line: {
+        100: Color(0xFFD6DAE2),
+        200: Color(0xFFB6BDC9),
+        300: Color(0xFFA3ACBA),
+      },
+      bg: {
+        100: Color(0xFF798598),
+        200: Color(0xFF707C8F),
+      },
+      fg: {
+        100: Color(0xFFFFFFFF),
+      },
+      text: {
+        100: Color(0xFF798598),
+      },
+    ),
+  );
+
+  // ── Dark theme ──
+  static const dark = XzColors._(
+    bg: XzBaseScale({
+      100: Color(0xFFEEF2F9),
+      200: Color(0xFFE1E5EB),
+    }),
+    surface: XzBaseScale({
+      50: Color(0xFF20242E),
+      100: Color(0xFF2A2E38),
+      200: Color(0xFF313540),
+      300: Color(0xFF373C47),
+      400: Color(0xFF3B3F4B),
+    }),
+    fg: XzBaseScale({
+      100: Color(0xFF000000),
+    }),
+    soft: XzBaseScale({
+      100: Color(0x06EEF2F9),
+      200: Color(0x0DEEF2F9),
+    }),
+    text: XzBaseScale({
+      100: Color(0xFFEEF2F9),
+      200: Color(0x99EEF2F9),
+      300: Color(0x80EEF2F9),
+    }),
+    line: XzBaseScale({
+      100: Color(0xF23E424D),
+      200: Color(0xF2484D58),
+      300: Color(0xF25E636F),
+    }),
+    primary: XzRoleColor(
+      soft: {
+        100: Color(0x1A2F7CFF),
+        200: Color(0x292F7CFF),
+      },
+      line: {
+        100: Color(0xFF2C4169),
+        200: Color(0xFF2C549C),
+        300: Color(0xFF2B5FBD),
+      },
+      bg: {
+        100: Color(0xFF2F7CFF),
+        200: Color(0xFF4F8FFF),
+      },
+      fg: {
+        100: Color(0xF2FFFFFF),
+      },
+      text: {
+        100: Color(0xFF85B2FF),
+      },
+    ),
+    danger: XzRoleColor(
+      soft: {
+        100: Color(0x1AF02816),
+        200: Color(0x29F02816),
+      },
+      line: {
+        100: Color(0xFF5A3638),
+        200: Color(0xFF8B3A35),
+        300: Color(0xFFA83931),
+      },
+      bg: {
+        100: Color(0xFFF02816),
+        200: Color(0xFFFF4632),
+      },
+      fg: {
+        100: Color(0xF2FFFFFF),
+      },
+      text: {
+        100: Color(0xFFFF8D7B),
+      },
+    ),
+    success: XzRoleColor(
+      soft: {
+        100: Color(0x1A00A01F),
+        200: Color(0x2900A01F),
+      },
+      line: {
+        100: Color(0xFF294A37),
+        200: Color(0xFF1F6731),
+        300: Color(0xFF0E7929),
+      },
+      bg: {
+        100: Color(0xFF00A01F),
+        200: Color(0xFF00B224),
+      },
+      fg: {
+        100: Color(0xF2FFFFFF),
+      },
+      text: {
+        100: Color(0xFF2CD53D),
+      },
+    ),
+    warning: XzRoleColor(
+      soft: {
+        100: Color(0x1AAD7900),
+        200: Color(0x29AD7900),
+      },
+      line: {
+        100: Color(0xFF4F3F27),
+        200: Color(0xFF744F00),
+        300: Color(0xFF845B00),
+      },
+      bg: {
+        100: Color(0xFFAD7900),
+        200: Color(0xFFC08700),
+      },
+      fg: {
+        100: Color(0xF2FFFFFF),
+      },
+      text: {
+        100: Color(0xFFE7A400),
+      },
+    ),
+    info: XzRoleColor(
+      soft: {
+        100: Color(0x1A0094AA),
+        200: Color(0x290094AA),
+      },
+      line: {
+        100: Color(0xFF07495C),
+        200: Color(0xFF006274),
+        300: Color(0xFF007184),
+      },
+      bg: {
+        100: Color(0xFF0094AA),
+        200: Color(0xFF00A5BD),
+      },
+      fg: {
+        100: Color(0xF2FFFFFF),
+      },
+      text: {
+        100: Color(0xFF00C7E4),
+      },
+    ),
+    neutral: XzRoleColor(
+      soft: {
+        100: Color(0x1A798598),
+        200: Color(0x29798598),
+      },
+      line: {
+        100: Color(0xFF3C424E),
+        200: Color(0xFF505766),
+        300: Color(0xFF5C6575),
+      },
+      bg: {
+        100: Color(0xFF798598),
+        200: Color(0xFF8894A7),
+      },
+      fg: {
+        100: Color(0xFFFFFFFF),
+      },
+      text: {
+        100: Color(0xFFA6B3C7),
+      },
+    ),
+  );
+
+  /// Get the current [XzColors] from the widget tree.
+  /// Requires an [XzColorsTheme] ancestor.
+  static XzColors of(BuildContext context) {
+    final theme = context.dependOnInheritedWidgetOfExactType<XzColorsTheme>();
+    assert(theme != null, 'No XzColorsTheme found in context');
+    return theme!.data;
+  }
+}
+
+/// Provides [XzColors] to descendant widgets.
+///
+/// Usage:
+/// ```dart
+/// XzColorsTheme(
+///   data: brightness == Brightness.dark ? XzColors.dark : XzColors.light,
+///   child: MyApp(),
+/// )
+/// ```
+class XzColorsTheme extends InheritedWidget {
+  const XzColorsTheme({
+    super.key,
+    required this.data,
+    required super.child,
+  });
+
+  final XzColors data;
+
+  @override
+  bool updateShouldNotify(XzColorsTheme oldWidget) => data != oldWidget.data;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@fastwork/xosmoz-theme",
-	"version": "0.34.0",
+	"version": "0.35.0",
 	"description": "Xosmoz Theme - Design tokens and theming system for Xosmoz",
 	"main": "./dist/index.js",
 	"module": "./dist/index.mjs",
@@ -22,6 +22,7 @@
 		"./themes/light.css": "./dist/themes/light.css",
 		"./themes/dark.css": "./dist/themes/dark.css",
 		"./figma-tokens/*": "./dist/figma-tokens/*",
+		"./dart/*": "./dist/dart/*",
 		"./llms.txt": "./llms.txt"
 	},
 	"files": [
@@ -29,8 +30,9 @@
 		"llms.txt"
 	],
 	"scripts": {
-		"build": "yarn build:ts && yarn build:fonts && yarn build:css && yarn build:themes && yarn build:figma",
+		"build": "yarn build:ts && yarn build:fonts && yarn build:css && yarn build:themes && yarn build:figma && yarn build:dart",
 		"build:figma": "node scripts/generate-figma-variables.mjs --dry-run",
+		"build:dart": "node scripts/generate-dart-tokens.mjs",
 		"build:ts": "tsup",
 		"build:fonts": "mkdir -p dist/fonts && cp assets/fonts/* dist/fonts/",
 		"build:css": "node scripts/generate-css.mjs",