@deriv-ds/design-intelligence-layer 0.1.0 → 0.3.0

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
@@ -1,4 +1,4 @@
1
- # AI Agent Instructions — @trading-game/design-intelligence-layer
1
+ # AI Agent Instructions — @deriv-ds/design-intelligence-layer
2
2
 
3
3
  This file is read automatically by AI coding agents (Cursor, Windsurf, Claude Code, Copilot, and others) to understand how to build with this design system correctly.
4
4
 
@@ -10,22 +10,22 @@ Before building any landing page, product screen, game view, or feature UI, you
10
10
 
11
11
  **Design principles** — the decision framework for every layout, hierarchy, motion, copy, and component choice:
12
12
  ```
13
- node_modules/@trading-game/design-intelligence-layer/guides/design-principles/trading-game-design-principles.md
13
+ node_modules/@deriv-ds/design-intelligence-layer/guides/design-principles/trading-game-design-principles.md
14
14
  ```
15
15
 
16
16
  **Accessibility standards** — the inclusion standard every screen must meet (WCAG 2.1 AA):
17
17
  ```
18
- node_modules/@trading-game/design-intelligence-layer/guides/accessibility-standards/trading-game-accessibility-standards.md
18
+ node_modules/@deriv-ds/design-intelligence-layer/guides/accessibility-standards/trading-game-accessibility-standards.md
19
19
  ```
20
20
 
21
21
  **Personas** — the three player modes (Edge Seeker, System Runner, Public Predictor) that shape all copy and UX decisions:
22
22
  ```
23
- node_modules/@trading-game/design-intelligence-layer/guides/personas/trading-game-player-field-guide.md
23
+ node_modules/@deriv-ds/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/brand-voice/trading-game-brand-voice.md
28
+ node_modules/@deriv-ds/design-intelligence-layer/guides/brand-voice/deriv-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.
@@ -39,33 +39,33 @@ Run the checklists at the end of the design principles and accessibility standar
39
39
  You MUST also follow the full agent rules file:
40
40
 
41
41
  ```
42
- node_modules/@trading-game/design-intelligence-layer/guides/rules/design-system-consuming-project.mdc
42
+ node_modules/@deriv-ds/design-intelligence-layer/guides/rules/design-system-consuming-project.mdc
43
43
  ```
44
44
 
45
45
  **Cursor users:** Copy this file into `.cursor/rules/` after every package upgrade:
46
46
 
47
47
  ```bash
48
- cp node_modules/@trading-game/design-intelligence-layer/guides/rules/design-system-consuming-project.mdc .cursor/rules/
48
+ cp node_modules/@deriv-ds/design-intelligence-layer/guides/rules/design-system-consuming-project.mdc .cursor/rules/
49
49
  ```
50
50
 
51
51
  ---
52
52
 
53
53
  ## Step 3 — Core rules summary
54
54
 
55
- 1. **Check before building** — if a component exists in `@trading-game/design-intelligence-layer`, import it. Never re-implement it.
55
+ 1. **Check before building** — if a component exists in `@deriv-ds/design-intelligence-layer`, import it. Never re-implement it.
56
56
  2. **Tokens only** — use semantic token classes (`bg-prominent`, `text-on-prominent`, `border-border`, etc.). Never hardcode hex values, raw Tailwind palette colors, or CSS variables.
57
57
  3. **Design principles and accessibility first** — every screen must reflect the 8 design principles and meet the accessibility standards (WCAG 2.1 AA). Run both checklists before shipping.
58
58
  4. **No separate installs** — do not install `lucide-react`, `tailwindcss`, or other bundled dependencies separately.
59
59
  5. **After a version bump** — re-copy the rules file into `.cursor/rules/`, check for stale local component copies, and align them with the package.
60
- 6. **Blocks are playground-only** — Blocks (e.g. NavBar) appear in the playground's Blocks tab but are **not** exported from the package. Do not try to import them. To build a block pattern in a consuming project, compose it manually using package components and design tokens. See `guides/design-system-guide/trading-game-ds-guide.md` Section 8.5.
60
+ 6. **Blocks are playground-only** — Blocks (e.g. NavBar) appear in the playground's Blocks tab but are **not** exported from the package. Do not try to import them. To build a block pattern in a consuming project, compose it manually using package components and design tokens. See `guides/design-system-guide/deriv-design-intelligence-guide.md` Section 8.5.
61
61
 
62
62
  ---
63
63
 
64
64
  ## Reference
65
65
 
66
- - Full token + component reference: `node_modules/@trading-game/design-intelligence-layer/README.md`
67
- - Design principles: `node_modules/@trading-game/design-intelligence-layer/guides/design-principles/trading-game-design-principles.md`
68
- - Accessibility standards: `node_modules/@trading-game/design-intelligence-layer/guides/accessibility-standards/trading-game-accessibility-standards.md`
69
- - Personas: `node_modules/@trading-game/design-intelligence-layer/guides/personas/trading-game-player-field-guide.md`
70
- - Brand voice: `node_modules/@trading-game/design-intelligence-layer/guides/brand-voice/trading-game-brand-voice.md`
71
- - Full agent rules: `node_modules/@trading-game/design-intelligence-layer/guides/rules/design-system-consuming-project.mdc`
66
+ - Full token + component reference: `node_modules/@deriv-ds/design-intelligence-layer/README.md`
67
+ - Design principles: `node_modules/@deriv-ds/design-intelligence-layer/guides/design-principles/trading-game-design-principles.md`
68
+ - Accessibility standards: `node_modules/@deriv-ds/design-intelligence-layer/guides/accessibility-standards/trading-game-accessibility-standards.md`
69
+ - Personas: `node_modules/@deriv-ds/design-intelligence-layer/guides/personas/trading-game-player-field-guide.md`
70
+ - Brand voice: `node_modules/@deriv-ds/design-intelligence-layer/guides/brand-voice/deriv-brand-voice.md`
71
+ - Full agent rules: `node_modules/@deriv-ds/design-intelligence-layer/guides/rules/design-system-consuming-project.mdc`