@assure-one/design-system 1.44.0 → 1.45.0

package/dist/suite/index.d.ts

@@ -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-XNJP5LKC.js';
+export { DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentList, DocumentListSection, DocumentRow } from '../chunk-ZS5VLSJW.js';
+import '../chunk-ARCWF2S3.js';
 import '../chunk-EUHGZA6Q.js';
 import '../chunk-YRHRVOLV.js';
 //# sourceMappingURL=index.js.map

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: **523 component exports** — 183 component families with 228 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).
 
@@ -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": [

package/eslint-config/index.mjs

@@ -344,7 +344,9 @@ const noAuthoredSvg = {
  * multiplication and dimension sign far more often than a close button.
  */
 const GLYPH = "[✓✔✗✘✕✖▾▴▸◂▼▲►◄▶◀⏵⏷↑↓←→↗↘↙↖⇅⇄↩↪⋯⋮⚠ℹ★☆◉◎✎✏⟳↻↺⏱⌄⌃⨯⬆⬇➔➜➝➞]";
-const ONLY_GLYPHS = new RegExp(`^(?:${GLYPH}|\\p{Extended_Pictographic}|\\uFE0F|\\s)+$`, "u");
+/** Pictographs, minus the typographic marks that are text: © ® ™. */
+const PICTOGRAPH = "(?![©®™])\\p{Extended_Pictographic}";
+const ONLY_GLYPHS = new RegExp(`^(?:${GLYPH}|${PICTOGRAPH}|\\uFE0F|\\s)+$`, "u");
 const EDGE_GLYPH = new RegExp(`^${GLYPH}\\s|\\s${GLYPH}$`, "u");
 /** Elements whose text is a keyboard legend, where ↵ ⌘ ↑ are the key names. */
 const KEY_ELEMENTS = new Set(["Kbd", "KbdHint", "kbd", "Shortcut"]);

package/package.json

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