@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 +4 -4
- package/README.md +5 -5
- package/dist/index.cjs +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/guides/brand-voice/trading-game-brand-voice.md +325 -0
- package/guides/design-system-guide/trading-game-ds-guide.md +4 -5
- package/guides/rules/design-system-consuming-project.mdc +1 -1
- package/package.json +1 -1
- package/src/styles.css +2 -2
- package/guides/tone-of-voice/trading-game-tone-of-voice-and-campaign-brief.md +0 -290
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
|
-
**
|
|
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/
|
|
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
|
|
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
|
-
-
|
|
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
|
-
|
|
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
|
-
**
|
|
432
|
+
**Brand voice** (bundled in the package):
|
|
433
433
|
```
|
|
434
|
-
node_modules/@trading-game/design-intelligence-layer/guides/
|
|
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
|
|
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/
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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)
|