@unisim/sdk 0.142.2 → 0.142.4

package/README.md

@@ -251,6 +251,11 @@ import { Chip, ChipToggle, ValueChip } from '@unisim/sdk'
 - `--u-chip-accent` / `--u-chip-accent-text` (and their `-dark` twins) re-tint the arc
   and the selected label for a tenant. Pass `brand_color_accessible`, never `brand_color`.
 - `size="sm"` for tight spots: table cells, card corners.
+- ⚠️ The chip CSS is unlayered and injected after the app's own CSS, so in a Tailwind v4
+  app it beats utilities on the properties it sets. `px-4`, `text-sm` or
+  `hidden sm:inline-flex` on a chip do nothing. Put layout and visibility classes on a
+  wrapper. Margins (since 0.142.2) and the `hidden` attribute (since 0.142.4) do work.
+  `chipStyles.ts` explains why a cascade layer isn't the fix.
 - `npm run test:chips` measures every label's contrast on both grounds and checks the
   sweep, the grounds and the geometry. A negative control proves the ring check can fail.
 

package/dist/Chip.d.ts

@@ -13,14 +13,18 @@ export interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
 }
 /** An Orbit chip: a feature point, a tag, a label. Not interactive — see {@link ChipToggle}. */
 export declare function Chip({ icon, tone, ground, size, className, children, ...rest }: ChipProps): import("react/jsx-runtime").JSX.Element;
-export interface ChipToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-pressed'> {
+export interface ChipToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-pressed' | 'aria-checked'> {
     selected: boolean;
     /** Shown while unselected; a tick replaces it once selected, so the width holds. */
     icon?: ReactNode;
     ground?: ChipGround;
     size?: ChipSize;
 }
-/** An Orbit filter chip. Selecting it sweeps the arc round and tints the fill; it reports `aria-pressed`. */
+/**
+ * An Orbit filter chip. Selecting it sweeps the arc round and tints the fill.
+ * It reports `aria-pressed` — or `aria-checked` when given a checkable `role`
+ * (radio, checkbox, switch), so it can sit in a radio group.
+ */
 export declare function ChipToggle({ selected, icon, ground, size, className, children, type, ...rest }: ChipToggleProps): import("react/jsx-runtime").JSX.Element;
 export interface ValueChipProps extends HTMLAttributes<HTMLSpanElement> {
     /**

package/dist/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAe1G,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAA;AAWlC,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,sFAAsF;IACtF,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,gFAAgF;IAChF,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,+FAA+F;IAC/F,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,gGAAgG;AAChG,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAahG;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACpG,QAAQ,EAAE,OAAO,CAAA;IACjB,oFAAoF;IACpF,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,6GAA6G;AAC7G,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,IAAW,EACX,SAAS,EACT,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,eAAe,2CAejB;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAiB3G"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAe1G,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAA;AAWlC,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,sFAAsF;IACtF,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,gFAAgF;IAChF,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,+FAA+F;IAC/F,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,gGAAgG;AAChG,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAahG;AAOD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,cAAc,GAAG,cAAc,CAAC;IACrH,QAAQ,EAAE,OAAO,CAAA;IACjB,oFAAoF;IACpF,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,IAAW,EACX,SAAS,EACT,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,eAAe,2CAiBjB;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAiB3G"}

package/dist/Chip.js

@@ -13,11 +13,20 @@ export function Chip({ icon, tone, ground, size = 'md', className, children, ...
     useChipStyles();
     return (_jsxs("span", { ...rest, className: cx('u-chip', size === 'sm' && 'u-chip--sm', className), "data-tone": tone, "data-u-ground": ground, children: [icon != null && _jsx("span", { className: "u-chip__icon", "aria-hidden": "true", children: icon }), children] }));
 }
-/** An Orbit filter chip. Selecting it sweeps the arc round and tints the fill; it reports `aria-pressed`. */
+// Roles whose state is "checked", not "pressed". A toggle inside a radio group
+// (QR's type picker) carries role="radio"; aria-pressed on top of it is an
+// attribute that role doesn't allow, and axe flags it (0.142.3).
+const CHECKABLE_ROLES = new Set(['radio', 'checkbox', 'switch', 'menuitemradio', 'menuitemcheckbox']);
+/**
+ * An Orbit filter chip. Selecting it sweeps the arc round and tints the fill.
+ * It reports `aria-pressed` — or `aria-checked` when given a checkable `role`
+ * (radio, checkbox, switch), so it can sit in a radio group.
+ */
 export function ChipToggle({ selected, icon, ground, size = 'md', className, children, type = 'button', ...rest }) {
     useChipStyles();
     const glyph = selected ? _jsx(Tick, {}) : icon;
-    return (_jsxs("button", { ...rest, type: type, "aria-pressed": selected, className: cx('u-chip', 'u-chip--pick', size === 'sm' && 'u-chip--sm', className), "data-u-ground": ground, children: [glyph != null && _jsx("span", { className: "u-chip__icon", "aria-hidden": "true", children: glyph }), children] }));
+    const checkable = rest.role != null && CHECKABLE_ROLES.has(rest.role);
+    return (_jsxs("button", { ...rest, type: type, "aria-pressed": checkable ? undefined : selected, "aria-checked": checkable ? selected : undefined, className: cx('u-chip', 'u-chip--pick', size === 'sm' && 'u-chip--sm', className), "data-u-ground": ground, children: [glyph != null && _jsx("span", { className: "u-chip__icon", "aria-hidden": "true", children: glyph }), children] }));
 }
 /** A Value chip: a solid key and a value. Read aloud as "key: value". */
 export function ValueChip({ label, tone, ground, size = 'md', className, children, ...rest }) {

package/dist/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"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"}

package/dist/chipStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chipStyles.d.ts","sourceRoot":"","sources":["../src/chipStyles.ts"],"names":[],"mappings":"AA8FA,sEAAsE;AACtE,eAAO,MAAM,aAAa,oBAAoB,CAAA;AAE9C;;;;GAIG;AACH,eAAO,MAAM,QAAQ,QAkJpB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,GAAE,QAAQ,GAAG,SAAkE,GAAG,IAAI,CAM1H"}
+{"version":3,"file":"chipStyles.d.ts","sourceRoot":"","sources":["../src/chipStyles.ts"],"names":[],"mappings":"AAyGA,sEAAsE;AACtE,eAAO,MAAM,aAAa,oBAAoB,CAAA;AAE9C;;;;GAIG;AACH,eAAO,MAAM,QAAQ,QAqJpB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,GAAE,QAAQ,GAAG,SAAkE,GAAG,IAAI,CAM1H"}

package/dist/chipStyles.js

@@ -30,6 +30,17 @@
 // that, every app with a dark mode showed light chips on its dark pages, and
 // each one would have had to mirror its theme into `data-u-ground` by hand.
 //
+// ── Cascade ────────────────────────────────────────────────────────────────
+// This sheet is UNLAYERED on purpose, and injected after the app's CSS. In a
+// Tailwind v4 app that means it outranks every utility on the properties it
+// sets — display, padding, font, colours — so `hidden sm:inline-flex` or
+// `px-4` on a chip does nothing. Put layout and visibility classes on a
+// wrapper; the `hidden` attribute works (0.142.4), and margins are the app's
+// (0.142.2). A cascade layer is NOT the fix: Tailwind v3 and plain-CSS apps
+// emit unlayered resets (`button { padding: 0; background: transparent }`),
+// and unlayered beats layered whatever the specificity, so a layered chip
+// would lose its padding and fill in half the suite.
+//
 // ── Knobs ──────────────────────────────────────────────────────────────────
 //   --u-chip-accent / --u-chip-accent-dark            the arc + selected tint
 //   --u-chip-accent-text / --u-chip-accent-text-dark  a selected chip's label
@@ -165,12 +176,12 @@ export const CHIP_CSS = `
 
 button.u-chip, .u-chip--pick { cursor: pointer; appearance: none; -webkit-appearance: none; }
 a.u-chip:hover::before, .u-chip--pick:hover::before { --u-chip-sweep: 82%; }
-.u-chip--pick[aria-pressed="true"] {
+.u-chip--pick[aria-pressed="true"], .u-chip--pick[aria-checked="true"] {
   background: color-mix(in srgb, var(--_accent) 8%, var(--_base));
   color: var(--_accent-text);
 }
-.u-chip--pick[aria-pressed="true"]::before { --u-chip-sweep: 100%; }
-.u-chip--pick[aria-pressed="true"] .u-chip__icon { color: var(--_accent-text); }
+.u-chip--pick[aria-pressed="true"]::before, .u-chip--pick[aria-checked="true"]::before { --u-chip-sweep: 100%; }
+.u-chip--pick[aria-pressed="true"] .u-chip__icon, .u-chip--pick[aria-checked="true"] .u-chip__icon { color: var(--_accent-text); }
 .u-chip--pick:disabled { cursor: default; opacity: 0.5; }
 .u-chip:focus-visible { outline: 2px solid var(--_accent); outline-offset: 2px; }
 
@@ -237,6 +248,9 @@ a.u-chip:hover::before, .u-chip--pick:hover::before { --u-chip-sweep: 82%; }
 .u-vchip--sm .u-vchip__value { padding: 2px 8px 2px 7px; }
 .u-vchip--sm .u-vchip__key:empty { width: 6px; padding: 0; }
 
+/* The display rules above would otherwise beat the UA's [hidden] rule (0.142.4). */
+.u-chip[hidden], .u-vchip[hidden] { display: none; }
+
 @media (prefers-reduced-motion: reduce) {
   .u-chip::before { transition: none; }
 }

package/dist/chipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipStyles.js","sourceRoot":"","sources":["../src/chipStyles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chipStyles.js","sourceRoot":"","sources":["../src/chipStyles.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unisim/sdk",
-  "version": "0.142.2",
+  "version": "0.142.4",
   "description": "Shared React SDK for the Universal Suite — auth, entitlements, usage telemetry, changelog, org admin.",
   "license": "MIT",
   "author": "Universal Simulation Ltd",