@vegastack/design 0.7.29 → 0.7.31
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.31",
|
|
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": {
|
|
@@ -132,7 +132,7 @@ A component's name undersells it. Before composing something by hand, check this
|
|
|
132
132
|
| `ActionBar` | The docked bar for bulk selection ("5 selected"), unsaved changes and batch progress. |
|
|
133
133
|
| `TruncatedText` · `IconText` · `TableCellText` | Overflow detection, hover and keyboard reveal, and tap-to-toggle on touch. |
|
|
134
134
|
| `RelativeTime` | `mode="ago"` ("3 minutes ago") or `mode="day"` ("Yesterday"). |
|
|
135
|
-
| `EditableCell` · `AutoSaveInput` · `useInlineEdit` | Click-to-edit in a table
|
|
135
|
+
| `EditableCell` · `AutoSaveInput` · `useInlineEdit` | Click-to-edit: `variant` `cell` in a table, `heading` (+ `flush`) for a title; `multiline`, `required`, `onSave` promise, `onNavigate` · a field that saves as you type, with its status · the hook `EditableCell` is built on. |
|
|
136
136
|
| `AttachmentGroup` · `Dropzone` · `useFileDrop` | A file list with per-file state · a drop target · the drop and paste engine. |
|
|
137
137
|
| `PageHeader` | Title, description, `breadcrumb`, a back link (`backHref`) and `actions`. |
|
|
138
138
|
| `MultiStepForm` · `Stepper` · `Questionnaire` · `Tabs` | A form in steps · progress display (`navigable` on request) · one question at a time · peer regions. |
|
|
@@ -148,6 +148,10 @@ A component's name undersells it. Before composing something by hand, check this
|
|
|
148
148
|
settings, `default`, `full`) › `PageHeader` › `FilterBar` › `DataList` (or
|
|
149
149
|
`DataGrid`) › the `Empty` tier that fits. The spacing between them is the page-rhythm recipe
|
|
150
150
|
(<https://design.vegastack.com/docs/foundations/spacing#page-rhythm>).
|
|
151
|
+
- **Inline editing** → `EditableCell` with `onSave` returning a promise: `variant="cell"` inside a
|
|
152
|
+
table cell, `variant="heading"` inside the `h1`, `multiline` for notes, `required` for names. Edit
|
|
153
|
+
looks like view (no border, same box), so never add width, border, padding or background classes
|
|
154
|
+
to it or wrap it in a styled `Input`; it rolls back and toasts Retry on failure by itself.
|
|
151
155
|
- **A record's details** → `PropertyList`, in `Card` sections titled with an `h2` in `CardTitle`.
|
|
152
156
|
- **Settings** → `SettingsSection` › `SettingsCard` › `SettingsRow`.
|
|
153
157
|
- **A button that navigates** → `<Link className={buttonVariants()}>` (see Composition patterns).
|
|
@@ -28,7 +28,7 @@ starts with `icon-` is a component and never an icon.
|
|
|
28
28
|
- **`country-select`** — A searchable country picker returning the ISO 3166-1 alpha-2 code, with flag + name. A thin wrapper over SearchableSelect fed by the geo-data item.
|
|
29
29
|
- **`date-picker`** — Pick a single date or a date range from a calendar popover — token-styled, keyboard-navigable, with optional quick presets.
|
|
30
30
|
- **`dropzone`** — File acquisition surface — drop, click-to-browse, and paste — as a thin shell over use-file-drop; the surface is the named focusable control over a hidden picker-bridge input; data-dragging/data-drag-invalid styling flags.
|
|
31
|
-
- **`editable-cell`** — Inline-editable value
|
|
31
|
+
- **`editable-cell`** — Inline-editable value whose edit mode looks like view — same box, inherited type, no border — with optimistic saves, a delayed spinner, rollback plus a Retry toast on failure, required, multiline, table-cell and heading variants, and a typed text/select/custom editor registry.
|
|
32
32
|
- **`emoji-picker`** — A popover with a searchable, category-grouped grid of emoji that returns the selected character via onValueChange (curated set, not full Unicode).
|
|
33
33
|
- **`field`** — The form-field scaffold — label, description, error, legend, separator and choice-card layouts.
|
|
34
34
|
- **`input`** — A styled Base UI input for every text-entry type, with the text-entry focus border tint (FOC-3).
|