@trading-game/design-intelligence-layer 1.1.0 → 1.2.0

package/AGENTS.md

@@ -60,6 +60,7 @@ Docs: `docs/components/<kebab-name>.md` for every entry.
 | Checkbox | Boolean form input |
 | Command | Searchable command palette (menu family) |
 | Context Menu | Right-click menus (menu family) |
+| Date Wheel Picker | Phone date picking: day / month / year scroll wheels behind one selected-family band, `min`/`max` greyed and skipped. Owns no surface: compose it into a Drawer with a title and Save. Desktop uses Calendar in a Popover. Never pair it with a field that repeats the date |
 | Dialog | Centred modal panels for tasks/forms |
 | Drawer | Bottom/top/side sheets on mobile (vaul); `dismiss="handle"` grab handle on bottom (default) or `dismiss="close"` for the Dialog/Sheet close button in any direction |
 | Dropdown Menu | Click-triggered action menus (menu family) |

package/README.md

@@ -1,6 +1,6 @@
 # Champion Trade Design System
 
-The component library and token architecture for **Champion Trade** (formerly Trading Game) — a Tailwind CSS v4 + React design system with a strict semantic token layer, per-component typography tokens, light and dark themes, and 59 production components.
+The component library and token architecture for **Champion Trade** (formerly Trading Game) — a Tailwind CSS v4 + React design system with a strict semantic token layer, per-component typography tokens, light and dark themes, and 60 production components.
 
 > **Package name:** published as `@trading-game/design-intelligence-layer`. The Champion Trade npm scope rename is parked for a future major — install and import under the current name below.
 
@@ -74,7 +74,7 @@ React 18+, ReactDOM, Tailwind CSS v4+.
 
 ## What's inside
 
-- **59 components** — forms, overlays, menus, navigation, data display, plus trading-specific pieces (Numpad, the Stepper amount tray, Slide to Confirm, Steps timelines, Bottom Navigation with its liquid selection bubble + AI circle, Profile Photo, and the Result Snackbar for a settled win or loss)
+- **60 components** — forms, overlays, menus, navigation, data display, plus trading-specific pieces (Numpad, the Date Wheel Picker for phone date entry, the Stepper amount tray, Slide to Confirm, Steps timelines, Bottom Navigation with its liquid selection bubble + AI circle, Profile Photo, and the Result Snackbar for a settled win or loss)
 - **Three-layer token architecture** — primitives → semantics → component type tokens; components consume semantic colour tokens only, and `npm run check:tokens` fails the build on any drift (undocumented tokens, primitives in components, alpha-modified colour constructions)
 - **Three-layer motion system** — duration/easing primitives → semantic roles (hover, press, surface, overlay) → named signature moves (the liquid travel spring, the arrival pop); overlay animations ship with the package
 - **Light + dark themes** — dark is designed, not mirrored: its own surface mixes, selection fills, and ink steps; every selected/current-state marker (calendar today, breadcrumb page, links, radio, nav bubble) speaks the brand-selected ink family in dark
@@ -85,7 +85,7 @@ React 18+, ReactDOM, Tailwind CSS v4+.
 - **Position indicators** — Pagination ships three forms of "which of N am I on": numbered cells, `PaginationDots` (active dot widens to a pill) and `PaginationBar` (segmented). Carousel exposes its index and composes them via `CarouselDots`, so there is exactly one indicator implementation
 - **No shadows** — elevation is hairlines and surface steps, with two sanctioned shadows: the floating-chrome lift (Bottom Navigation, Result Snackbar) and the Slide to Confirm handle's brand glow
 - **Pill shape system** — buttons and chips are pills, icon buttons are circles, cards 18px, menus 10px, form fields 4px; every control on the 32/40/48 rail
-- **AI-readable in `node_modules`** — AGENTS.md, all 58 component pages (Toggle and Toggle Group share one), foundations, and patterns ship inside the npm tarball
+- **AI-readable in `node_modules`** — AGENTS.md, all 59 component pages (Toggle and Toggle Group share one), foundations, and patterns ship inside the npm tarball
 - **TypeScript, ESM + CJS**
 
 ## Documentation
@@ -112,4 +112,6 @@ npm run dev   # Next.js demo at http://localhost:4000 — every component, light
 npm install @trading-game/design-intelligence-layer@latest --safe-chain-skip-minimum-package-age
 ```
 
+**1.2.0** adds the Date Wheel Picker (`DateWheelPicker`) — day / month / year scroll wheels for picking dates on a phone, composed into a Drawer. It also fixes 1.1.0's Toaster, which imported `next-themes` and broke any app that didn't have it installed (`Can't resolve 'next-themes'`). The Toaster no longer needs a theme provider. If you pinned to 1.1.0 or added `next-themes` only to work around that, you can upgrade and remove it.
+
 Deprecated token aliases and component aliases (e.g. Button `variant="glass"` → `frosted-on-brand`, Input `variant="inverse"`, NativeSelect `size="default"`) keep working throughout 1.x; they are removed in one breaking sweep at the **next major**, alongside the Champion Trade package rename.