@trading-game/design-intelligence-layer 0.9.1 → 0.9.3
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/README.md +2 -1
- package/dist/index.cjs +194 -47
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +17 -1
- package/dist/index.d.ts +17 -1
- package/dist/index.js +192 -46
- package/dist/index.js.map +1 -1
- package/guides/design-system-guide/trading-game-ds-guide.md +4 -2
- package/package.json +1 -1
|
@@ -422,8 +422,8 @@ All buttons: `font-display font-bold`, sentence case (no `uppercase`, no `tracki
|
|
|
422
422
|
| Hover | Color shift per variant (see above) |
|
|
423
423
|
| Focus | 3px ring with `ring-ring/50` opacity |
|
|
424
424
|
| Pressed | `active:opacity-60` |
|
|
425
|
-
| Loading | `opacity-
|
|
426
|
-
| Disabled | `opacity-
|
|
425
|
+
| Loading | `opacity-24`, `pointer-events-none`, `data-loading`, `aria-busy` — applies to all variants (primary, secondary, tertiary) |
|
|
426
|
+
| Disabled | `opacity-24`, `pointer-events-none` — applies to all variants (primary, secondary, tertiary) |
|
|
427
427
|
|
|
428
428
|
---
|
|
429
429
|
|
|
@@ -545,6 +545,7 @@ import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, Dialog
|
|
|
545
545
|
| Slider | [simple] | — |
|
|
546
546
|
| Sonner (Toaster) | [simple] | — (also import `toast` from `sonner`) |
|
|
547
547
|
| Spinner | [simple] | — |
|
|
548
|
+
| Stepper | [simple] | — |
|
|
548
549
|
| Switch | [simple] | — |
|
|
549
550
|
| Table | [composed] | TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption |
|
|
550
551
|
| Tabs | [composed] | TabsList (`variant`: default/line, `size`: sm/md/lg), TabsTrigger (`iconPosition`: inline/top), TabsContent. Root accepts `orientation`: horizontal/vertical. |
|
|
@@ -570,6 +571,7 @@ These are styling behaviors you can't discover from TypeScript types alone:
|
|
|
570
571
|
| Select | Item hover: `bg-primary/[0.08]`. Selected: `text-primary font-medium` + checkmark. `SelectTrigger` accepts `readOnly` prop: blocks interaction, retains full default appearance, chevron renders at `opacity-30` |
|
|
571
572
|
| Progress | Track: `bg-primary/20`. Indicator: `bg-primary`. Radius: `rounded-2xs` |
|
|
572
573
|
| Spinner | Inherits parent text color. **Always pass `text-primary` for standalone use** |
|
|
574
|
+
| Stepper | Numeric input flanked by `−` / `+` tertiary `icon-xs` buttons. Composes `InputGroup` internally. Props: `value`, `defaultValue`, `onValueChange`, `min`, `max`, `step` (default 1), `disabled`, `placeholder`. Supports controlled & uncontrolled modes, keyboard Arrow Up/Down, and floating-point steps. Default width: `w-32` |
|
|
573
575
|
| Switch | Checked track: `bg-slider-range`. Checked thumb: `bg-primary` |
|
|
574
576
|
| Slider | Thumb: square `rounded-[4px]`, `bg-primary`. Track range: `bg-slider-range` |
|
|
575
577
|
| Dialog/Sheet | Footer buttons should use `size="md"`. Overlay: `bg-overlay` |
|
package/package.json
CHANGED