@assure-one/design-system 1.44.1 → 1.46.0

package/dist/suite/index.d.ts

@@ -1,9 +1,9 @@
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ComboboxSize } from '../brand-scope-BOKu4iOc.js';
-export { B as BRAND_PRODUCTS, a as BrandProduct, b as brandLabel } from '../brand-scope-BOKu4iOc.js';
-import { c as ComingSoonMessages } from '../types-DlqmlVyZ.js';
+import { C as ComboboxSize } from '../brand-scope-DwLzUrSY.js';
+export { B as BRAND_PRODUCTS, a as BrandProduct, b as brandLabel } from '../brand-scope-DwLzUrSY.js';
+import { c as ComingSoonMessages } from '../types-BTHIs2nk.js';
 import '../vocab-DornLJbW.js';
 import '../system-DfJIVBlJ.js';
 
@@ -774,7 +774,9 @@ interface SidebarBrandSwitcherItem {
     /**
      * Accent for the default tile background. A Tailwind class string
      * (e.g. `"bg-[#5b3bc4]"`) — the consumer owns brand color values, the
-     * DS just composes them. Ignored when `glyph` is supplied.
+     * DS just composes them. The tile's initial is white 11px text, so pick
+     * a background with at least 4.5:1 against white (WCAG AA), or pass a
+     * `glyph`. Ignored when `glyph` is supplied.
      */
     tone?: string;
     /**

package/dist/suite/index.js

@@ -1,7 +1,7 @@
 "use client";
-export { AgreementPaneHeading, AgreementViewer, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, BRAND_PRODUCTS, ClientSelect, ComingSoon, Grid, Logo, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QUESTION_TYPES, QUESTION_TYPE_CONTRACT_VERSION, Questions, SidebarBrandSwitcher, SidebarBrandSwitcherTile, brandLabel } from '../chunk-4TXBY6P7.js';
-export { DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow } from '../chunk-Z7QPHPNV.js';
-import '../chunk-E2URQD5A.js';
+export { AgreementPaneHeading, AgreementViewer, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, BRAND_PRODUCTS, ClientSelect, ComingSoon, Grid, Logo, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QUESTION_TYPES, QUESTION_TYPE_CONTRACT_VERSION, Questions, SidebarBrandSwitcher, SidebarBrandSwitcherTile, brandLabel } from '../chunk-JJ5JFA56.js';
+export { DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow } from '../chunk-IIBDSTOG.js';
+import '../chunk-ARCWF2S3.js';
 import '../chunk-EUHGZA6Q.js';
 import '../chunk-YRHRVOLV.js';
 //# sourceMappingURL=index.js.map

package/dist/{types-DlqmlVyZ.d.ts → types-BTHIs2nk.d.ts}

@@ -362,6 +362,10 @@ interface TableMessages {
      * becomes when the columns overflow it (W6-10). Default `"Scrollable table"`.
      */
     region: string;
+    /** A `TableGroupRow`'s collapse toggle while open. Default `"Collapse section"`. */
+    collapseSection: string;
+    /** A `TableGroupRow`'s collapse toggle while closed. Default `"Expand section"`. */
+    expandSection: string;
 }
 /** The copy a `TableDensityToggle` renders. @experimental */
 interface TableDensityMessages {

package/docs/components.md

@@ -2,7 +2,7 @@
 
 <!-- Generated by `pnpm docs:catalogue` from api/*.api.md and docs/components.registry.json. Do not edit by hand; edit the registry and regenerate. -->
 
-Every public component of `@assure-one/design-system`, in one place: **522 component exports** — 183 component families with 228 compound parts, and 194 icons — plus the hooks, utilities, tokens and testing helpers the package exports. The list is derived from the API reports, so a public component cannot be missing from this page (`pnpm docs:catalogue --check` runs in `pnpm test:contracts`).
+Every public component of `@assure-one/design-system`, in one place: **524 component exports** — 183 component families with 229 compound parts, and 195 icons — plus the hooks, utilities, tokens and testing helpers the package exports. The list is derived from the API reports, so a public component cannot be missing from this page (`pnpm docs:catalogue --check` runs in `pnpm test:contracts`).
 
 **How to use this page.** Start from the ["Pick a component"](#pick-a-component) table with the UI need you have, or from ["Never hand-roll"](#never-hand-roll) with the raw element you were about to write; links land on the category section that holds the row. Every row links to the story that shows the states. The short rulebook for agents and new contributors is [`docs/for-ai-agents.md`](./for-ai-agents.md).
 
@@ -289,7 +289,7 @@ Show records and status: tables, key/value grids, badges, dots, avatars, lists a
 | **InfoHint** (experimental)<br>since unreleased | The ⓘ beside a label or a figure (W7-15): `label` names what the hint is about, `children` is the explanation, `presentation="tooltip"` (default) or `"popover"` for an explanation with a paragraph or a link. The trigger is a real `IconButton`, so the hint is reachable by keyboard and by touch. | The text belongs in the layout (`FieldDescription` under a field) or the surface is a rich hover preview (`HoverCard`). | `<svg title>`, `<span title>` | [Tooltip](#overlays), [Popover](#overlays), [IconButton](#actions), [FieldDescription](#forms) | [story](https://github.com/Assure-One/design-system/blob/main/src/patterns/display/info-hint.stories.tsx) |
 | **AvatarGroup**<br>since 1.38.0 | An overlapping stack of `Avatar`s with a `+N` overflow bubble: `max` caps the faces, `total` carries the real count, `size` cascades from Avatar's scale. | A single person (`Avatar`) or a list that needs names (`DescriptionList`). | `flex row of avatars with negative margins and a +N circle` | [Avatar](#data-display), [TeamMemberSelect](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/avatar-group.stories.tsx) |
 | **StarRating**<br>also: `starRatingVariants`<br>since 0.0.0 | A display-only rating: fractional stars, `max`, sized variants. | Capturing a rating (compose `RadioGroup` or `ToggleGroup` with star icons). | — | [Badge](#data-display), [KpiCard](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/star-rating.stories.tsx) |
-| **Table**<br>parts: `TableHeader`, `TableBody`, `TableFooter`, `TableRow`, `TableHead`, `TableCell`, `TableCaption`<br>since 0.0.0 | A bare semantic table with the design system's row, header and caption styling. | A records table with toolbar, sorting and pagination (`DataTable`, `DataTableView`) or an editable matrix (`Grid`). | `<table>`, `<tr>`, `<td>`, `<th>` | [DataTable](#data-display), [DataTableView](#data-display), [MetadataGrid](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/table.stories.tsx) |
+| **Table**<br>parts: `TableHeader`, `TableBody`, `TableFooter`, `TableRow`, `TableHead`, `TableCell`, `TableCaption`, `TableGroupRow`<br>since 0.0.0 | A bare semantic table with the design system's row, header and caption styling. | A records table with toolbar, sorting and pagination (`DataTable`, `DataTableView`) or an editable matrix (`Grid`). | `<table>`, `<tr>`, `<td>`, `<th>` | [DataTable](#data-display), [DataTableView](#data-display), [MetadataGrid](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/table.stories.tsx) |
 | **TableDensityToggle** (experimental)<br>also: `useTableDensity`<br>since unreleased | A table's own toolbar control for row density — pairs with `useTableDensity` and `<Table density>`. Two icon items, "Detailed" and "Compact", each with an accessible name and a tooltip. | A generic view-mode switch unrelated to table rows (ToggleGroup directly, or SegmentedControl). | — | [Table](#data-display), [ToggleGroup](#selection) | [story](https://github.com/Assure-One/design-system/blob/main/src/primitives/table-density-toggle.stories.tsx) |
 | **DataTable**<br>parts: `DataTableToolbar`, `DataTableSearch`, `DataTableSpacer`, `DataTableResultsCount`, `DataTableHead`, `DataTableHeader`, `DataTableBody`, `DataTableRow`, `DataTableCell`, `DataTableCellName`, `DataTableCellMono`, `DataTableCellId`, `DataTableCellDue`, `DataTableCheckbox`, `DataTablePagination`<br>since 0.3.0 | The composable records table: card frame, toolbar with search and count, sortable headers, typed cells (name, mono, id, due), row checkbox, pagination. | A config-driven table is enough (`DataTableView`) or the table is a plain semantic one (`Table`). | `<table> + hand-rolled toolbar and pager` | [DataTableView](#data-display), [Table](#data-display), [BulkActionBar](#actions), [LoadingRows](#feedback), [TableLoading](#data-display) | [story](https://github.com/Assure-One/design-system/blob/main/src/composites/data-table.stories.tsx) |
 | **TableLoading** (experimental)<br>since 1.38.0 | The `<tbody aria-busy>` of a data table while its rows load: skeleton rows sized to the columns. Slots in place of `DataTableBody`. | A list outside a table (`LoadingRows`) or a single shape (`Skeleton`). | `<tbody> of hand-rolled skeleton <td>s` | [TableEmpty](#data-display), [TableError](#data-display), [DataTable](#data-display), [LoadingRows](#feedback) | [story](https://github.com/Assure-One/design-system/blob/main/src/composites/data-table-states.stories.tsx) |
@@ -359,14 +359,14 @@ Deprecated aliases (same drawing under an older name): `ArrowRightSmallIcon`, `C
 
 ### Brand icons
 
-Product and third-party marks: the Assure products plus Google and Microsoft. The `BrandIcon` suffix is the contract disclosure that the drawing is a trademark. 2 exports.
+Product and third-party marks: the Assure products plus Google, Microsoft and Stripe (wordmark; `size` is its height). The `BrandIcon` suffix is the contract disclosure that the drawing is a trademark. 3 exports.
 
 **Use when:** A product switcher, a sign-in provider button, a suite tile.  
 **Don't use when:** A generic glyph is meant (use the icon catalogue) or the full wordmark is wanted (`Logo`).  
 **Replaces:** `<img src="…logo.svg">`  
 **Story:** [src/primitives/logo.stories.tsx](https://github.com/Assure-One/design-system/blob/main/src/primitives/logo.stories.tsx)  
 
-`GoogleBrandIcon` · `MicrosoftBrandIcon`
+`GoogleBrandIcon` · `MicrosoftBrandIcon` · `StripeBrandIcon`
 
 ### State-driven icons
 

package/docs/components.registry.json

@@ -474,7 +474,7 @@
     {
       "name": "Brand icons",
       "pattern": "BrandIcon$",
-      "description": "Product and third-party marks: the Assure products plus Google and Microsoft. The `BrandIcon` suffix is the contract disclosure that the drawing is a trademark.",
+      "description": "Product and third-party marks: the Assure products plus Google, Microsoft and Stripe (wordmark; `size` is its height). The `BrandIcon` suffix is the contract disclosure that the drawing is a trademark.",
       "useWhen": "A product switcher, a sign-in provider button, a suite tile.",
       "dontUseWhen": "A generic glyph is meant (use the icon catalogue) or the full wordmark is wanted (`Logo`).",
       "replacesRawHtml": [
@@ -2402,7 +2402,8 @@
         "TableRow",
         "TableHead",
         "TableCell",
-        "TableCaption"
+        "TableCaption",
+        "TableGroupRow"
       ],
       "useWhen": "A bare semantic table with the design system's row, header and caption styling.",
       "dontUseWhen": "A records table with toolbar, sorting and pagination (`DataTable`, `DataTableView`) or an editable matrix (`Grid`).",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assure-one/design-system",
-  "version": "1.44.1",
+  "version": "1.46.0",
   "description": "Assure One design system — tokens, primitives, and patterns for the Assure Suite.",
   "license": "UNLICENSED",
   "private": false,