@assure-one/design-system 1.45.0 → 1.46.0
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/dist/{brand-scope-BOKu4iOc.d.ts → brand-scope-DwLzUrSY.d.ts} +1 -1
- package/dist/{chunk-64OYQNDR.js → chunk-FIRPQWYR.js} +197 -51
- package/dist/chunk-FIRPQWYR.js.map +1 -0
- package/dist/{chunk-ZS5VLSJW.js → chunk-IIBDSTOG.js} +18 -9
- package/dist/chunk-IIBDSTOG.js.map +1 -0
- package/dist/{chunk-XNJP5LKC.js → chunk-JJ5JFA56.js} +31 -14
- package/dist/chunk-JJ5JFA56.js.map +1 -0
- package/dist/css/components.css +1 -1
- package/dist/{data-table-view-BWhKeUiw.d.ts → data-table-view-D9a1_IRF.d.ts} +50 -4
- package/dist/{design-system-provider-Coe2S3Lh.d.ts → design-system-provider-C6Tu1vyg.d.ts} +1 -1
- package/dist/index.d.ts +27 -9
- package/dist/index.js +190 -84
- package/dist/index.js.map +1 -1
- package/dist/legacy/index.d.ts +3 -3
- package/dist/legacy/index.js +2 -2
- package/dist/next/index.d.ts +2 -2
- package/dist/styles.css +1 -1
- package/dist/suite/index.d.ts +3 -3
- package/dist/suite/index.js +2 -2
- package/dist/{types-DlqmlVyZ.d.ts → types-BTHIs2nk.d.ts} +4 -0
- package/docs/components.md +2 -2
- package/docs/components.registry.json +2 -1
- package/package.json +1 -1
- package/dist/chunk-64OYQNDR.js.map +0 -1
- package/dist/chunk-XNJP5LKC.js.map +0 -1
- package/dist/chunk-ZS5VLSJW.js.map +0 -1
package/dist/suite/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import { C as ComboboxSize } from '../brand-scope-
|
|
5
|
-
export { B as BRAND_PRODUCTS, a as BrandProduct, b as brandLabel } from '../brand-scope-
|
|
6
|
-
import { c as ComingSoonMessages } from '../types-
|
|
4
|
+
import { C as ComboboxSize } from '../brand-scope-DwLzUrSY.js';
|
|
5
|
+
export { B as BRAND_PRODUCTS, a as BrandProduct, b as brandLabel } from '../brand-scope-DwLzUrSY.js';
|
|
6
|
+
import { c as ComingSoonMessages } from '../types-BTHIs2nk.js';
|
|
7
7
|
import '../vocab-DornLJbW.js';
|
|
8
8
|
import '../system-DfJIVBlJ.js';
|
|
9
9
|
|
package/dist/suite/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
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-
|
|
3
|
-
export { DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow } from '../chunk-
|
|
2
|
+
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';
|
|
3
|
+
export { DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow } from '../chunk-IIBDSTOG.js';
|
|
4
4
|
import '../chunk-ARCWF2S3.js';
|
|
5
5
|
import '../chunk-EUHGZA6Q.js';
|
|
6
6
|
import '../chunk-YRHRVOLV.js';
|
|
@@ -362,6 +362,10 @@ interface TableMessages {
|
|
|
362
362
|
* becomes when the columns overflow it (W6-10). Default `"Scrollable table"`.
|
|
363
363
|
*/
|
|
364
364
|
region: string;
|
|
365
|
+
/** A `TableGroupRow`'s collapse toggle while open. Default `"Collapse section"`. */
|
|
366
|
+
collapseSection: string;
|
|
367
|
+
/** A `TableGroupRow`'s collapse toggle while closed. Default `"Expand section"`. */
|
|
368
|
+
expandSection: string;
|
|
365
369
|
}
|
|
366
370
|
/** The copy a `TableDensityToggle` renders. @experimental */
|
|
367
371
|
interface TableDensityMessages {
|
package/docs/components.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!-- Generated by `pnpm docs:catalogue` from api/*.api.md and docs/components.registry.json. Do not edit by hand; edit the registry and regenerate. -->
|
|
4
4
|
|
|
5
|
-
Every public component of `@assure-one/design-system`, in one place: **
|
|
5
|
+
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`).
|
|
6
6
|
|
|
7
7
|
**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).
|
|
8
8
|
|
|
@@ -289,7 +289,7 @@ Show records and status: tables, key/value grids, badges, dots, avatars, lists a
|
|
|
289
289
|
| **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) |
|
|
290
290
|
| **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) |
|
|
291
291
|
| **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) |
|
|
292
|
-
| **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) |
|
|
292
|
+
| **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) |
|
|
293
293
|
| **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) |
|
|
294
294
|
| **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) |
|
|
295
295
|
| **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) |
|
|
@@ -2402,7 +2402,8 @@
|
|
|
2402
2402
|
"TableRow",
|
|
2403
2403
|
"TableHead",
|
|
2404
2404
|
"TableCell",
|
|
2405
|
-
"TableCaption"
|
|
2405
|
+
"TableCaption",
|
|
2406
|
+
"TableGroupRow"
|
|
2406
2407
|
],
|
|
2407
2408
|
"useWhen": "A bare semantic table with the design system's row, header and caption styling.",
|
|
2408
2409
|
"dontUseWhen": "A records table with toolbar, sorting and pagination (`DataTable`, `DataTableView`) or an editable matrix (`Grid`).",
|