@nxgt/material 3.82.0 → 3.83.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @nxgt/material
 
+## 3.83.0
+
+### Minor Changes
+
+- [#2485](https://github.com/softistx/nxgt-material/pull/2485) [`407ed60`](https://github.com/softistx/nxgt-material/commit/407ed60325b7e9c8adaf7d19adc4551930899358) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `Gallery` takes `selectionActions`, a node or a render function `(selectedIds) => ReactNode`, shown at the end of the "n selected" bar of a `selectable` gallery for bulk actions such as download, move or delete. The bar, and so the actions, stay hidden while nothing is selected, and they wrap under the count on a phone. Fixes [#2446](https://github.com/softistx/nxgt-material/issues/2446).
+
+- [#2491](https://github.com/softistx/nxgt-material/pull/2491) [`db927b8`](https://github.com/softistx/nxgt-material/commit/db927b83eafadce14e49129b42d4087dc817d7dc) Thanks [@SteveGT96](https://github.com/SteveGT96)! - New `TotalsList`, the on-screen counterpart of `PrintTotals`: a `dl` of labelled figures with labels at the start, right-aligned tabular amounts, an emphasised and ruled `last` row for the grand total, a `tone` per amount (a due or negative figure), an accessible `label` and a `card` or `plain` variant. Its rows have the shape of `PrintTotalRow`, so a screen and its print share data. Fixes [#2490](https://github.com/softistx/nxgt-material/issues/2490).
+
+### Patch Changes
+
+- [#2483](https://github.com/softistx/nxgt-material/pull/2483) [`15d76f5`](https://github.com/softistx/nxgt-material/commit/15d76f5ecb0c18f6f4c9e282b0c3321376cebb40) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `ChoiceCardGroup` and `CheckCardField` no longer collapse to 0 width in a parent that fits its content (`inline-flex`, a table cell): the balanced group is a size container, which has no intrinsic width, so it now keeps a floor of one card (13.5rem). Fixes [#2482](https://github.com/softistx/nxgt-material/issues/2482).
+
+- [#2480](https://github.com/softistx/nxgt-material/pull/2480) [`91f879b`](https://github.com/softistx/nxgt-material/commit/91f879b85f46f89c645255df6502fbcf57edecfc) Thanks [@SteveGT96](https://github.com/SteveGT96)! - The data-display docs page no longer shows a stray `Vue: not yet ([#2470](https://github.com/softistx/nxgt-material/issues/2470))` note on SeatRing, SecretCard, ChangeHistory, ZonedTime, VoteTally, EnrolmentCard and RecoveryCodesStatus (it belongs to TubeCap only), and the TubeCap section names the exported `TubeCapKind` type beside `TUBE_CAP_KINDS`.
+
+- [#2481](https://github.com/softistx/nxgt-material/pull/2481) [`5fec9f4`](https://github.com/softistx/nxgt-material/commit/5fec9f434401235c74cb02927010e937410913a9) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Docs: new `Guides/Recipes` screens on the shipped layouts — feed, gallery, sign-in, conversation thread, settings, dashboard and editor — each a tested story with its code in the plugin's `screen-recipes` skill.
+
 ## 3.82.0
 
 ### Minor Changes

package/README.md

@@ -711,6 +711,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-periodcards.webp" width="120" alt="PeriodCards"> | [`PeriodCards`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#periodcards) | Consecutive date ranges (terms, sprints) as cards: a "Current" marker with `aria-current`, a link over each card, as many 14rem columns as fit (one on a phone). | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-chip.webp" width="120" alt="Chip"> | [`Chip`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#chip) | Compact pill in three looks (hairline, soft, tag) and a dashed add pill, with leading, avatar and trailing slots, a selected state and a dismiss button; a coloured soft chip reads as a status (the tone's container, its text colour on it). | `Chip` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-statcard.webp" width="120" alt="StatCard"> | [`StatCard`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#statcard) | KPI tile with value, hint, icon, toned delta and a loading skeleton; `tone` and `variant` (`outlined`, `tonal`, `filled`) colour it, `valueSize` enlarges the value, `size="sm"` makes a compact tile (it ignores `hint`, `delta` and `valueSize`); `href` (and `linkComponent`) makes the whole card one link with a trailing chevron; `StatCardGroup` lays compact tiles 2×2 on a phone and in a row beside, holds its width in a flex row, and `align="end"` sets them against its end edge. | `StatCard` |
+| | [`TotalsList`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#totalslist) | On-screen `PrintTotals`: a `dl` of labelled figures, labels at the start, right-aligned tabular amounts, a ruled `last` row for the grand total, a `tone` per amount, an accessible `label`; rows share the shape of `PrintTotalRow`. | — (later, #2492) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-metric-cards.webp" width="120" alt="TrendCard"> | [`TrendCard`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#metric-cards), `GoalCard`, `BreakdownCard`, `RankCard`, `CompareCard`, `HeatweekCard`, `FunnelCard`, `GaugeCard`, `SparkbarCard`, `DeltaListCard`, `BandCard`, `LatencyCard`, `RatioCard`, `ThresholdCard`, `PaceCard`, `HistogramCard`, `Sparkline` | Dashboard tiles including compare, heat, funnel, gauge, spark bars, delta list, range band, latency, ratio, threshold, pace and labelled histogram. Container queries. A `tone` (named, or your app's) draws the accent in it; deltas and breaches stay semantic. | `TrendCard`, `GoalCard`, `BreakdownCard`, `RankCard`, `CompareCard`, `HeatweekCard`, `FunnelCard`, `GaugeCard`, `SparkbarCard`, `DeltaListCard`, `BandCard`, `LatencyCard`, `RatioCard`, `ThresholdCard`, `PaceCard`, `HistogramCard` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-card-presets.webp" width="120" alt="FeatureCard"> | [`FeatureCard`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#card-presets), `MediaCard`, `PricingCard`, `ProfileCard`, `QuoteCard`, `OverlayCard`, `SpotlightCard`, `CrewCard`, `SplitCard`, `TicketCard`, `NoticeCard`, `TimelineCard`, `MessageCard`, `EventCard`, `StackCard`, `LinkCard`, `AlbumCard`, `TagCard`, `ReceiptCard`, `ReviewCard`, `OfferCard`, `PlaceCard`, `FileCard`, `StatusCard`, `ScoreCard`, `ShortcutCard`, `ChecklistCard` | Card presets including overlay, ticket, inbox, event, stack, link, album, tags, receipt, review, offer, place, file, status, score, shortcuts and checklist. Container queries. | `FeatureCard`, `MediaCard`, `PricingCard`, `ProfileCard`, `QuoteCard`, `OverlayCard`, `SpotlightCard`, `CrewCard`, `SplitCard`, `TicketCard`, `NoticeCard`, `TimelineCard`, `MessageCard`, `EventCard`, `StackCard`, `LinkCard`, `AlbumCard`, `TagCard`, `ReceiptCard`, `ReviewCard`, `OfferCard`, `PlaceCard`, `FileCard`, `StatusCard`, `ScoreCard`, `ShortcutCard`, `ChecklistCard` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-display-statusindicator.webp" width="120" alt="StatusIndicator"> | [`StatusIndicator`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-display.md#statusindicator) | Coloured status dot with an optional pulse and label. | `StatusIndicator` |
@@ -932,7 +933,7 @@ which is private: adding it needs a GitHub account with access to it.
 | --- | --- |
 | skill `use-nxgt-material` | an index that picks the component by need and wires imports and `styles.css`; its references cover the tokens and themes, forms, i18n, tests by role, SSR and the other subpaths, read from these docs in `node_modules/@nxgt/material/docs/` |
 | skill `design-screens` | the library's visual language for a screen (hierarchy, rhythm, tones, surfaces, states, phone, dark, motion) and a 12-criteria grid to score a screen out of 5 |
-| skill `screen-recipes` | whole screens to start from (a home dashboard, a list with a detail sheet, forms and dialogs, tables and settings, a dense record page, a status board, an occupancy board, a landing page and a search dialog with its results page), each the code of a tested `Guides/Recipes/<Name>` story |
+| skill `screen-recipes` | whole screens to start from (a home dashboard, a list with a detail sheet, forms and dialogs, tables and settings, a dense record page, a status board, an occupancy board, a landing page, a search dialog with its results page, a team feed, the sign-in, sign-up and forgotten-password screens, a gallery of pictures, settings with sections, a messages thread, an overview of rearrangeable widgets and a document editor), each the code of a tested `Guides/Recipes/<Name>` story |
 | agent `screen-builder` | builds a page or a form from the catalogue, with tests by role and name and an accessibility check, then looks at 360 and 1440 px screenshots in light and dark and fixes until the grid reads 4 everywhere |
 | agent `design-reviewer` | read-only: scores a screen's screenshots on the same 12 criteria and returns the fixes ranked, each with the component and prop |
 | skill `build-a-theme` + agent `theme-builder` | the app's own theme with `defineTheme`: seeds, tones, background and icon motif, generation, provider and picker; checks the AA contrast of the generated tokens in light and dark and looks at key screens |