@vegastack/design 0.7.27 → 0.7.28
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vegastack/design",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.28",
|
|
4
4
|
"description": "VegaStack design system — cn utility, icon runtime, Tailwind v4 preset, and the vegastack-design CLI (tokens ship separately as @vegastack/design-tokens)",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -56,6 +56,9 @@ link` (upstream's set, verbatim). `destructive` is a soft tint, not a solid red
|
|
|
56
56
|
leading icon and turn it full colour on hover, focus, highlight, selection, active, open and
|
|
57
57
|
pressed. Never add `text-muted-foreground` (or any colour) to those icons; only intentional
|
|
58
58
|
status colours belong there. Destructive rows keep `text-destructive`.
|
|
59
|
+
- **People icons are the round lucide set** — `UserRound`, `UsersRound`, `CircleUserRound` (and
|
|
60
|
+
their `-Plus`/`-Check` kin), never the square-shouldered `User`, `Users` or `CircleUser`, so a
|
|
61
|
+
person reads the same as an `Avatar` everywhere.
|
|
59
62
|
- **Control sizes are upstream's names: `default · xs · sm · lg`**, plus
|
|
60
63
|
`icon · icon-xs · icon-sm · icon-lg` where a square tier exists. The old `md` default is gone, and
|
|
61
64
|
most of the components that are ours dropped their `size` prop entirely and take their height from
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<!-- GENERATED — do not hand-edit. Regenerated from the design system's component contract,
|
|
4
4
|
which is the authority for membership and counts. -->
|
|
5
5
|
|
|
6
|
-
**
|
|
6
|
+
**126 components**, plus 467 animated-icon items, 13 hooks (`use-animation-replay`, `use-announcer`, `use-async-search`, `use-drag-reorder`, `use-file-drop`, `use-inline-edit`, `use-list-nav`, `use-media-query`, `use-mobile`, `use-modal-inert`, `use-overflow`, `use-platform`, `use-tabs-swipe`), 10 starter blocks (`app-shell-01`, `board-01`, `command-search-01`, `list-page-01`, `login-01`, `notifications-01`, `review-split-01`, `settings-01`, `settings-02`, `status-pages-01`), 68 chart blocks across 7 families, and 3 data libs (`date-time`, `geo-data`, `drag-item`) — 687 registry items in total.
|
|
7
7
|
|
|
8
8
|
Install any of them with `shadcn add @vegastack/<name>`. Animated icons install as
|
|
9
9
|
`@vegastack/icon-<name>`; the bare name is reserved for components, so a component whose name
|
|
@@ -88,7 +88,9 @@ starts with `icon-` is a component and never an icon.
|
|
|
88
88
|
- **`filter-bar-managed`** — The controlled nested and/or filter builder — host-injected field grammar (vocabulary + per-type value editors), depth and condition caps, focus-managed removal, and a removable FilterChip summary.
|
|
89
89
|
- **`load-more`** — The shared Load more footer for keyset lists — an outline button that keeps its width while loading, an error line with Try again, and an optional end caption.
|
|
90
90
|
- **`media-card`** — A record as a card — an image, the title, a meta line, a badge and a ⋯ menu — where the whole card is one link.
|
|
91
|
+
- **`person-hover-card`** — Stacked avatars with a hover card per person — a compact card with a 32px avatar, with the name and muted email beside it — and the rest behind "+N".
|
|
91
92
|
- **`property-list`** — Record-facts rows: an icon+label column beside a value column, as an accessible definition list.
|
|
93
|
+
- **`record-aside`** — The cards of a record page's right rail — titled sections of inline properties, people, linked records and full-width action rows.
|
|
92
94
|
- **`sortable-list`** — Reorderable rows or tiles on ItemGroup/Item via use-drag-reorder — pointer drag with drop indicators, keyboard move mode, a lossless row menu, locked rows, inline actions, a grid layout, and server-refusable moves. Controlled; the host owns the order.
|
|
93
95
|
- **`thumbnail`** — A small rounded, cover-fit image, 32 or 48px, with a fallback for records that have no image.
|
|
94
96
|
- **`view-toggle`** — The Grid | List | Board icon switch for a list page, labels hidden on a phone.
|