@nxgt/material 3.88.0 → 3.88.1

package/dist/pdf-reader.js

@@ -1,3 +1,3 @@
-import { t as e } from "./public-CX7ik5Yg.js";
+import { t as e } from "./public-CzLMnSsS.js";
 import { configurePdfReader as t } from "@nxgt/material-core/pdf-reader";
 export { e as PdfReader, t as configurePdfReader };

package/dist/{public-CX7ik5Yg.js → public-CzLMnSsS.js}

@@ -11,7 +11,7 @@ import { a as m, c as h, i as g, l as _, n as v, o as ee, r as y, s as b, t as t
 import { c as x, d as S, f as C, i as w, l as T, n as E, o as D, t as re, u as O } from "./dropdown-menu-xUUE5X6T.js";
 import { a as k, b as ie, d as ae, f as oe, i as se, n as A, o as ce, r as le, s as j, t as M, u as ue, v as de } from "./toolbar-items-CZ1lJXZZ.js";
 import { t as fe } from "./dist-DkQbkF9T.js";
-import { t as pe } from "./button-h9hXBEQB.js";
+import { t as pe } from "./button-DuTNpo28.js";
 import { t as N } from "./use-material-translation-BdrItuwY.js";
 import { n as me, t as he } from "./icon-button-DE1EcO2-.js";
 import { t as ge } from "./useEvent-2fKq-6w8.js";
@@ -20,7 +20,7 @@ import { i as ye } from "./escape-owner-DpaP0lm1.js";
 import { n as be } from "./use-slice-reducer-BGkeGtML.js";
 import { t as xe } from "./input-CC2joTjB.js";
 import { r as Se } from "./use-csp-nonce-ZKs9k-ov.js";
-import { n as Ce, t as we } from "./empty-state-CCRfjt0n.js";
+import { n as Ce, t as we } from "./empty-state-D7ofGDU_.js";
 import { r as Te, t as Ee, u as De } from "./dialog-Bul68q8u.js";
 import { t as Oe } from "./client-only.utils-3nHNzCki.js";
 import { t as ke } from "./use-scroll-away-PQRFZkT2.js";

package/dist/{use-chat-composer-BjKhuLfT.js → use-chat-composer-C9DG7O1Z.js}

@@ -20,7 +20,7 @@ import { t as mt } from "./dist-DkQbkF9T.js";
 import { o as ht, s as gt, t as _t } from "./use-click-lock-Bwg_caHO.js";
 import { a as vt, r as yt } from "./icon-sprites-CaYXzOL4.js";
 import { t as bt } from "./warn-once-C_e47JM8.js";
-import { r as xt, t as St } from "./button-h9hXBEQB.js";
+import { r as xt, t as St } from "./button-DuTNpo28.js";
 import { a as Ct } from "./translator-DoVsjUff.js";
 import { h as wt } from "./get-CTzJAwfc.js";
 import { t as Tt } from "./isEmpty-F_g3jLf8.js";
@@ -40,7 +40,7 @@ import { n as Wt, r as Gt, t as Kt } from "./chip-C-RAjar5.js";
 import { a as qt, c as Jt, o as Yt, r as Xt, s as Zt, t as Qt } from "./input-CC2joTjB.js";
 import { t as $t } from "./text-field-BAdY-kpO.js";
 import { r as en } from "./use-csp-nonce-ZKs9k-ov.js";
-import { t as tn } from "./empty-state-CCRfjt0n.js";
+import { t as tn } from "./empty-state-D7ofGDU_.js";
 import { t as nn } from "./skeleton-DSdtr2qc.js";
 import { l as rn, n as an, o as on, r as sn, s as cn, t as ln, u as un } from "./dialog-Bul68q8u.js";
 import { t as dn } from "./icon-badge-0Xo9q7Ey.js";

package/dist/{use-heading-spy-CGTTRV2N.js → use-heading-spy-kyOSe9rb.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t, c as n, d as r, i, n as a, r as o, t as s, u as c } from "./alert-dialog-CEGs7LMN.js";
-import { a as l } from "./button-h9hXBEQB.js";
+import { a as l } from "./button-DuTNpo28.js";
 import { i as u } from "./translate-material-BrYBBZ66.js";
 import { t as d } from "./use-material-translation-BdrItuwY.js";
 import { _ as f, g as p, h as m, t as h, v as g, y as _ } from "./date.utils-JTEIo3mM.js";

package/docs/components/data-table-filter-and-lists.md

@@ -1049,7 +1049,7 @@ Its props are `ServerTableProps<T>`; `filter` is a `ServerTableFilter`,
 | `loadMoreLabel` | `string` | "Load more" | with `footer="load-more"`: the button's label |
 | `hideOnSinglePage` | `boolean` | `false` | hides the footer's range and Previous / Next when the result is one page (no previous, no next), in the table, cards and tiles layouts; the count is still announced by the live region but no longer shown, so put it in `description` or keep the footer. With `bulkActions` the footer stays for "N rows selected", without its pager |
 | `bandActions` | `'stacked' \| 'inline'` | `'stacked'` | with `filter`, where `actions` sit below 768px: `'stacked'` gives them a row above the search; `'inline'` keeps them on the search's row (the search takes the room left), for a lone icon action such as a "+". An action wider than 3.5rem wraps under the search. From 768px both are the same. With a cards or tiles list on a phone, neither applies: [the two-row header](#the-phone-header-of-a-list-in-cards-or-tiles) puts the actions on its second row |
-| `surface` | `'card' \| 'none'` | `'card'` | the list's own surface: `'card'` a translucent background and 16px of padding (below 768px neither: the layout owns the page gutter and the tiles sit at it, so a `ServerTable` outside a layout that adds a gutter now sits flush with the screen edge below 768px and the caller wraps it in its own padding); `'none'` neither, for a `ServerTable` placed in a `Card`, a page section or any surface that already frames it, so the screen shows one surface, not a frame inside a frame (the tiles keep their own grouped border) |
+| `surface` | `'card' \| 'none'` | `'card'` | the list's own surface: `'card'` a translucent background and 16px of padding (below 768px neither: the layout owns the page gutter and the tiles sit at it, so a `ServerTable` outside a layout that adds a gutter now sits flush with the screen edge below 768px and the caller wraps it in its own padding); `'none'` neither, for a `ServerTable` placed in a `Card`, a page section or any surface that already frames it, so the screen shows one surface, not a frame inside a frame (the tiles keep their own grouped border); the table's header band and rows also line up flush with the container's other content, as the table's own 4px wrapper padding (room for its shadow on the card surface) is zeroed |
 | `filterRef` | `Ref<ServerTableFilterHandle>` | — | with `filter`: `filterRef.current.focus()` focuses the Filter's first control, the search, else the first quick filter, "Add filter" or "Filters (N)" the width shows |
 | `sorting` | `createSorting(…)` | — | headers sorted from the URL; without it, no column is sortable (the server sorts, so pass `sorting` to let people sort), and the phone list bar shows only for selection |
 | `filters` | `tableFilters(model)` | — | without `filter`: "nothing matches" and its clear |

package/lib/components/ui/dates/duration-field/duration-field-expressive.css

@@ -1,5 +1,5 @@
 /* DurationField's one-line field (`variant="segments"`, the default), over
- * the date fields' tonal box (typed-box-expressive.css) and its segments
+ * the date fields' shared bordered box (typed-box-expressive.css) and its segments
  * (segmented-input-expressive.css): "1 h 29 min", each amount followed by
  * its muted unit, then one −/+ pair. Every focus ring is drawn inside the
  * field (an inset outline), never clipped. The box keeps its focus boundary

package/lib/components/ui/dates/picker-trigger/typed-box-expressive.css

@@ -1,41 +1,23 @@
-/* The date, range and time fields' box, over the field box. A tonal box: a primary tint, no border at rest (the field is
- * named by its label, its text and its open button, WCAG 1.4.11), a 2px
- * primary boundary while a segment has focus or the picker is open, an
- * error boundary and tint when invalid, the disabled box as today. The segments are in segmented-input-expressive.css.
+/* The date, range and time fields' box, over the field box. The same box at
+ * rest as a text field (surface, hairline border, radius, hover and filled
+ * tint: the shared bordered box, #2406), with a 2px primary boundary
+ * while a segment has focus or the picker is open and an error boundary when
+ * invalid. The segments are in segmented-input-expressive.css.
  * `data-tonal` belongs to the date and time fields: the typed box and
  * the sheet entry box. No other field sets it. */
 @layer components {
 	.nxgt-field-box.nxgt-field-box[data-tonal] {
-		--_fx-fill: color-mix(in oklab, var(--primary) 7%, var(--background));
-		--_fx-fill-hover: color-mix(
-			in oklab,
-			var(--primary) 11%,
-			var(--background)
-		);
 		--_fx-tint: color-mix(in oklab, var(--primary) 14%, var(--background));
 		--_fx-pill: var(--primary);
 		--_fx-pill-fg: var(--primary-foreground);
 		--_fx-line: var(--primary-text);
 		--_fx-err: var(--error);
-		border-color: transparent;
-		background-color: var(--_fx-fill);
 	}
 	:is(.dark, [data-theme="dark"]) .nxgt-field-box.nxgt-field-box[data-tonal] {
-		--_fx-fill: color-mix(in oklab, var(--primary) 18%, var(--background));
-		--_fx-fill-hover: color-mix(
-			in oklab,
-			var(--primary) 22%,
-			var(--background)
-		);
 		--_fx-tint: color-mix(in oklab, var(--primary) 34%, var(--background));
 		--_fx-pill: var(--primary-text);
 		--_fx-pill-fg: var(--background);
 	}
-	/* Hover: the fill steps up, and the field box's hover border stays away. */
-	.nxgt-field-box.nxgt-field-box[data-tonal]:hover {
-		border-color: transparent;
-		background-color: var(--_fx-fill-hover);
-	}
 	.nxgt-field-box.nxgt-field-box[data-tonal]:is(
 		[data-focused],
 		[data-open]:not([data-open="false"])
@@ -48,7 +30,6 @@
 		[data-invalid="false"]
 	) {
 		border-color: var(--_fx-err);
-		background-color: color-mix(in oklab, var(--error) 7%, var(--background));
 	}
 	.nxgt-field-box.nxgt-field-box.nxgt-field-box[data-tonal][data-invalid]:not(
 		[data-invalid="false"]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.88.0",
+	"version": "3.88.1",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"