@trading-game/design-intelligence-layer 0.9.0 → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/AGENTS.md CHANGED
@@ -23,14 +23,14 @@ node_modules/@trading-game/design-intelligence-layer/guides/accessibility-standa
23
23
  node_modules/@trading-game/design-intelligence-layer/guides/personas/trading-game-player-field-guide.md
24
24
  ```
25
25
 
26
- **Tone of voice** — the creative foundation, campaign territories, and the mirror test for all player-facing copy:
26
+ **Brand voice** — channel-specific voice application, banned phrases, vocabulary reference, and formatting rules for all player-facing copy:
27
27
  ```
28
- node_modules/@trading-game/design-intelligence-layer/guides/tone-of-voice/trading-game-tone-of-voice-and-campaign-brief.md
28
+ node_modules/@trading-game/design-intelligence-layer/guides/brand-voice/trading-game-brand-voice.md
29
29
  ```
30
30
 
31
31
  All four files apply to all projects built with this package — landing pages, product screens, and games.
32
32
 
33
- Run the checklists at the end of the design principles and accessibility standards files before considering any screen complete. Use the personas and tone of voice to guide all player-facing copy.
33
+ Run the checklists at the end of the design principles and accessibility standards files before considering any screen complete. Use the personas and brand voice to guide all player-facing copy.
34
34
 
35
35
  ---
36
36
 
@@ -67,5 +67,5 @@ cp node_modules/@trading-game/design-intelligence-layer/guides/rules/design-syst
67
67
  - Design principles: `node_modules/@trading-game/design-intelligence-layer/guides/design-principles/trading-game-design-principles.md`
68
68
  - Accessibility standards: `node_modules/@trading-game/design-intelligence-layer/guides/accessibility-standards/trading-game-accessibility-standards.md`
69
69
  - Personas: `node_modules/@trading-game/design-intelligence-layer/guides/personas/trading-game-player-field-guide.md`
70
- - Tone of voice: `node_modules/@trading-game/design-intelligence-layer/guides/tone-of-voice/trading-game-tone-of-voice-and-campaign-brief.md`
70
+ - Brand voice: `node_modules/@trading-game/design-intelligence-layer/guides/brand-voice/trading-game-brand-voice.md`
71
71
  - Full agent rules: `node_modules/@trading-game/design-intelligence-layer/guides/rules/design-system-consuming-project.mdc`
package/README.md CHANGED
@@ -273,7 +273,7 @@ All tokens are CSS custom properties, loaded automatically via `@trading-game/de
273
273
  | `text-on-prominent` | `#000000` | Primary text on light backgrounds |
274
274
  | `text-on-prominent-static-inverse` | `#FFFFFF` | Always white — for text on dark/primary backgrounds |
275
275
  | `text-on-subtle` | mid grey | Secondary / supporting text |
276
- | `text-on-muted` | dark grey | Low-emphasis text |
276
+
277
277
  | `text-primary` | `#2323FF` | Brand blue inline text |
278
278
  | `text-semantic-win` | green | Profit / positive text |
279
279
  | `text-semantic-loss` | red | Loss / negative text |
@@ -429,12 +429,12 @@ node_modules/@trading-game/design-intelligence-layer/guides/accessibility-standa
429
429
  node_modules/@trading-game/design-intelligence-layer/guides/personas/trading-game-player-field-guide.md
430
430
  ```
431
431
 
432
- **Tone of voice file** (bundled in the package):
432
+ **Brand voice** (bundled in the package):
433
433
  ```
434
- node_modules/@trading-game/design-intelligence-layer/guides/tone-of-voice/trading-game-tone-of-voice-and-campaign-brief.md
434
+ node_modules/@trading-game/design-intelligence-layer/guides/brand-voice/trading-game-brand-voice.md
435
435
  ```
436
436
 
437
- All four files apply to all projects built with this package — landing pages, product screens, and games. Every AI agent must read all of them before starting any build. Run the design principles and accessibility checklists before completing any screen. Use the personas and tone of voice to guide all player-facing copy.
437
+ All four files apply to all projects built with this package — landing pages, product screens, and games. Every AI agent must read all of them before starting any build. Run the design principles and accessibility checklists before completing any screen. Use the personas and brand voice to guide all player-facing copy.
438
438
 
439
439
  ### Cursor
440
440
 
@@ -458,7 +458,7 @@ This project uses @trading-game/design-intelligence-layer. Before writing any UI
458
458
  1. Read node_modules/@trading-game/design-intelligence-layer/guides/design-principles/trading-game-design-principles.md — apply the 8 principles and run the 7-point checklist on every screen
459
459
  2. Read node_modules/@trading-game/design-intelligence-layer/guides/accessibility-standards/trading-game-accessibility-standards.md — apply WCAG 2.1 AA standards and run the 9-point accessibility checklist on every screen
460
460
  3. Read node_modules/@trading-game/design-intelligence-layer/guides/personas/trading-game-player-field-guide.md — understand the 3 player modes (Edge Seeker, System Runner, Public Predictor) that shape all copy and UX
461
- 4. Read node_modules/@trading-game/design-intelligence-layer/guides/tone-of-voice/trading-game-tone-of-voice-and-campaign-brief.md — apply the voice, campaign territories, and mirror test for all player-facing copy
461
+ 4. Read node_modules/@trading-game/design-intelligence-layer/guides/brand-voice/trading-game-brand-voice.md — apply the brand voice: channel-specific voice, banned phrases, vocabulary, and formatting rules for all player-facing copy
462
462
  5. Check if the component exists in the package — import it, don't re-implement
463
463
  6. Use only design token classes (bg-prominent, text-on-prominent, border-border-subtle, etc.) — no hardcoded hex or raw Tailwind palette colors
464
464
  7. Do not install lucide-react, tailwindcss, or other bundled dependencies separately
package/dist/index.cjs CHANGED
@@ -524,7 +524,7 @@ var import_class_variance_authority2 = require("class-variance-authority");
524
524
  var import_radix_ui2 = require("radix-ui");
525
525
  var import_jsx_runtime3 = require("react/jsx-runtime");
526
526
  var buttonVariants = (0, import_class_variance_authority2.cva)(
527
- "inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display font-bold",
527
+ "inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:opacity-60 disabled:pointer-events-none disabled:opacity-24 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 font-display font-bold",
528
528
  {
529
529
  variants: {
530
530
  variant: {
@@ -573,7 +573,7 @@ function Button(_a) {
573
573
  "data-variant": variant,
574
574
  "data-size": size,
575
575
  "data-loading": loading || void 0,
576
- className: cn(buttonVariants({ variant, size, className }), loading && "pointer-events-none opacity-50"),
576
+ className: cn(buttonVariants({ variant, size, className }), loading && "pointer-events-none opacity-24"),
577
577
  "aria-busy": loading || void 0
578
578
  }, props)
579
579
  );
@@ -1820,7 +1820,7 @@ function Input(_a) {
1820
1820
  type,
1821
1821
  "data-slot": "input",
1822
1822
  className: cn(
1823
- "h-9 w-full min-w-0 rounded-sm border border-border-subtle bg-white/5 px-3 py-1 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-on-prominent-static-inverse file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-on-prominent placeholder:text-on-muted disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
1823
+ "h-9 w-full min-w-0 rounded-sm border border-border-subtle bg-white/5 px-3 py-1 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-on-prominent-static-inverse file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-on-prominent placeholder:text-on-subtle disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
1824
1824
  "focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/[0.08]",
1825
1825
  className
1826
1826
  )
@@ -1837,7 +1837,7 @@ function Textarea(_a) {
1837
1837
  __spreadValues({
1838
1838
  "data-slot": "textarea",
1839
1839
  className: cn(
1840
- "flex field-sizing-content min-h-16 w-full rounded-sm border border-border-subtle bg-white/5 px-3 py-2 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none placeholder:text-on-muted focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/[0.08] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm",
1840
+ "flex field-sizing-content min-h-16 w-full rounded-sm border border-border-subtle bg-white/5 px-3 py-2 text-base text-on-prominent font-body shadow-xs transition-[color,box-shadow] outline-none placeholder:text-on-subtle focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/[0.08] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm",
1841
1841
  className
1842
1842
  )
1843
1843
  }, props)