@trading-game/design-intelligence-layer 0.12.0 → 0.12.1

package/guides/design-system-guide/trading-game-ds-guide.md

@@ -633,6 +633,37 @@ Landing page hero sections in multiple layout types.
 
 ---
 
+### Sheet Open Positions
+
+A slide-in panel listing the user's open trading positions. Responsive — renders as a right-side `Sheet` on desktop and a bottom `Drawer` on mobile.
+
+| State | Description |
+|-------|-------------|
+| Active | Scrollable list of open positions with direction, asset, stake, and P&L per row. Win/loss coloured with semantic tokens. Footer button links to transaction history. |
+| Empty | Empty state with icon and "No trades yet." message in place of the list. |
+
+**Components used:** `Sheet`, `Drawer`, `Item`, `ItemGroup`, `ItemContent`, `ItemTitle`, `ItemDescription`, `ItemActions`, `Empty`, `EmptyHeader`, `EmptyMedia`, `EmptyTitle`, `Button`, `NavigationButton`, `Separator`
+
+**Tokens used:** `bg-prominent`, `border-border-subtle`, `text-semantic-win`, `text-semantic-loss`, `text-on-prominent`, `text-on-subtle`
+
+---
+
+### Header navigation
+
+A product app top header bar. Not a landing page component — used inside the trading game itself.
+
+| Region | Content |
+|--------|---------|
+| Left | `NavigationButton` (back arrow) |
+| Centre | `Badge` (fill-warning "Demo" label) + account balance amount + currency label |
+| Right | `NavigationButton` icons for history and sound toggle |
+
+**Components used:** `NavigationButton`, `Badge`
+
+**Tokens used:** `bg-prominent`, `border-border-subtle`, `text-on-prominent`, `text-on-subtle`
+
+---
+
 ## 9 — Common Mistakes
 
 | Mistake | Correct Approach |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trading-game/design-intelligence-layer",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "Trading Game Design System — shadcn/ui components with Tailwind CSS v4",
   "type": "module",
   "main": "./dist/index.cjs",