@nxgt/material 2.9.0 → 2.10.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @nxgt/material
 
+## 2.10.1
+
+### Patch Changes
+
+- [#484](https://github.com/softistx/nxgt-material/pull/484) [`a97ec69`](https://github.com/softistx/nxgt-material/commit/a97ec695491dc0660ef62d88f326f4c36de234b3) Thanks [@SteveGT96](https://github.com/SteveGT96)! - A filled `Button` and `IconButton` keep an opaque fill in every state, focus included (softistx/nxgt-material#483). The `default` colour faded to 80 % of the foreground on focus (and 90 % on hover, 70 % on press), and the `secondary`, `success`, `info` and `warning` colours were translucent in the dark theme; the label's contrast then depended on what sat behind the button and could fall under 4.5:1 (WCAG 1.4.3). Those states are now opaque mixes toward the page background, and focus is shown by the ring. Apps can remove an axe exclusion for `[data-slot="button"][data-variant="filled"]:focus`.
+
+## 2.10.0
+
+### Minor Changes
+
+- [#475](https://github.com/softistx/nxgt-material/pull/475) [`2fcfa35`](https://github.com/softistx/nxgt-material/commit/2fcfa35d5bff9d46392247440a82f0bc3638f104) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Toasts: every preset takes sonner's own call, and an action that opens a dialog keeps the focus in it ([#472](https://github.com/softistx/nxgt-material/issues/472), [#473](https://github.com/softistx/nxgt-material/issues/473)).
+  
+  - **`toasts.*(message, data)`.** `toasts.custom`, `success`, `info`, `warning`, `error` and `loading` also take sonner's (vue-sonner's) `(message, data)`: the message is the title, `data.description` and `data.action` are shown, and the rest of `data` (`id`, `duration`, `onDismiss`…) is passed as the options. Before, `toasts.success('Staff member restored', { action })` showed the preset's "Success" title and "Close" button, and dropped the message, the description and the action. `data` is typed `ToastData` (exported with `ToastArgs`): sonner's `ExternalToast` without `icon` (a preset draws its own) and `cancel` (the X button stands for it). The props object (`toasts.success({ title, action })`) works as before.
+  - **An action that opens a dialog keeps the focus there.** A click on a toast's action first gives the focus back to the control that had it before the toast, then runs `onClick`, then closes the toast; a function action's `dismiss` does the same. In `@nxgt/material`, sonner used to focus that control again as soon as the focus left the `Toaster`, which pulled it out of the dialog the action had just opened (WCAG 2.4.3); in both packages, the dialog gave the focus back, once closed, to the toast's button, gone with its toast, so to `document.body`. Now the dialog keeps the control it focused, and returns the focus to the control that had it before the toast. `ToastAction`'s `onClick` now receives the click event, optional so code that calls it directly still compiles (`() => void` handlers still fit). A toast reached by Tab from another toast hands the focus back to the same control. In `@nxgt/material-vue`, the message of `(message, data)` and a `ToastAction`'s `label` may also be a component, as in vue-sonner.
+  - **Migration.** `Parameters<typeof toasts.success>[0]` (and `warning`, `info`, `error`) is now the union of both call forms: use the exported `PresetProps` (or `CustomToastProps` for `custom`) for the props. Search for a blur of `document.activeElement` followed by `requestAnimationFrame` (or a `setTimeout`) around a toast action that opens a dialog, and for `toasts.custom` calls standing in for `toasts.success` only to keep an `action`: both can go. A button rendered by a function action that opens a dialog should call the `dismiss` it is given first.
+
+### Patch Changes
+
+- [#476](https://github.com/softistx/nxgt-material/pull/476) [`464883e`](https://github.com/softistx/nxgt-material/commit/464883e825e4601f17395c9586d0ac01dd392162) Thanks [@SteveGT96](https://github.com/SteveGT96)! - The roadmap names the release that ships the toast action and focus fixes.
+- Updated dependencies [[`2fcfa35`](https://github.com/softistx/nxgt-material/commit/2fcfa35d5bff9d46392247440a82f0bc3638f104), [`464883e`](https://github.com/softistx/nxgt-material/commit/464883e825e4601f17395c9586d0ac01dd392162)]:
+  - @nxgt/material-core@0.7.0
+
 ## 2.9.0
 
 ### Minor Changes

package/dist/{blockDiagram-BEXU5L5S-BOsyK4E_.js → blockDiagram-BEXU5L5S-CJLOORWK.js}

@@ -12,7 +12,7 @@ import "./chunk-7PRAP22T-0C6_H8Li.js";
 import { i as se, n as ce, o as le, r as ue, s as de } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import { i as fe, r as pe } from "./chunk-5DYCD2WN-Cd1zazNp.js";
-import { a as me, c as he, i as ge, l as _e } from "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import { a as me, c as he, i as ge, l as _e } from "./chunk-Z7XXMR3K-CwcuZpJa.js";
 //#region ../../node_modules/es-toolkit/dist/compat/predicate/isArray.mjs
 function ve(e) {
 	return Array.isArray(e);

package/dist/{chunk-3FUC2YCW-BCsKm3ZT.js → chunk-3FUC2YCW-ClO5Q7A1.js}

@@ -5,7 +5,7 @@ import { n as r } from "./chunk-Y2CYZVJY-BAad7w_K.js";
 import { b as i, x as a } from "./chunk-O7XYJQB3-BChweQ_V.js";
 import { o } from "./chunk-7INBJB4K-k-I67NSP.js";
 import { i as s, n as c, r as l, t as u } from "./chunk-5DYCD2WN-Cd1zazNp.js";
-import { a as d, c as f, i as p, n as m, r as h, t as g, u as _ } from "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import { a as d, c as f, i as p, n as m, r as h, t as g, u as _ } from "./chunk-Z7XXMR3K-CwcuZpJa.js";
 import { r as v, t as y } from "./chunk-UA2S7LBM-ChuksCDg.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-3FUC2YCW.mjs
 function b(e, { edgePathsClass: t = "edges edgePaths" } = {}) {

package/dist/{chunk-7M6MHVWA-C3qpW8zM.js → chunk-7M6MHVWA-DsMPzivr.js}

@@ -9,7 +9,7 @@ import { a as b } from "./chunk-7INBJB4K-k-I67NSP.js";
 import { t as x } from "./chunk-GWA4HPMP-B8jXI0Tl.js";
 import { t as S } from "./chunk-XXDRQBXY-dKXxu_aj.js";
 import { t as C } from "./chunk-WEXAMYUT-CbFOhEve.js";
-import { r as w, t as T } from "./chunk-GNY47TPC-CzPNLW5k.js";
+import { r as w, t as T } from "./chunk-GNY47TPC-CFItyjGy.js";
 import { n as E, t as D } from "./chunk-LNGE3PJU-DJjGTS7O.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-7M6MHVWA.mjs
 var ie = "flowchart-", ae = class {

package/dist/{chunk-GNY47TPC-CzPNLW5k.js → chunk-GNY47TPC-CFItyjGy.js}

@@ -5,7 +5,7 @@ import { b as r, s as i } from "./chunk-O7XYJQB3-BChweQ_V.js";
 import { t as a } from "./chunk-DUW6YSOI-9R-v-IIp.js";
 import { o } from "./chunk-7INBJB4K-k-I67NSP.js";
 import { r as s } from "./chunk-5DYCD2WN-Cd1zazNp.js";
-import { a as c, c as l, i as u, l as d } from "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import { a as c, c as l, i as u, l as d } from "./chunk-Z7XXMR3K-CwcuZpJa.js";
 import { r as f } from "./chunk-UA2S7LBM-ChuksCDg.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-GNY47TPC.mjs
 var p = {
@@ -30,7 +30,7 @@ var p = {
 ], h = /* @__PURE__ */ Object.create(null), g = /* @__PURE__ */ n((e) => {
 	for (let t of e) h[t.name] = t;
 }, "registerLayoutLoaders"), _ = /* @__PURE__ */ n(() => {
-	let e = /* @__PURE__ */ n(async () => await import("./elk-276RUBZZ-BK-NMLiI.js"), "loader");
+	let e = /* @__PURE__ */ n(async () => await import("./elk-276RUBZZ-D2kPrlDF.js"), "loader");
 	return [{
 		name: "elk",
 		loader: e,
@@ -45,11 +45,11 @@ var p = {
 	g([
 		{
 			name: "dagre",
-			loader: /* @__PURE__ */ n(async () => await import("./dagre-6A5THRUB-D_F3_LlW.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./dagre-6A5THRUB-C70bzAEw.js"), "loader")
 		},
 		{
 			name: "swimlane",
-			loader: /* @__PURE__ */ n(async () => await import("./swimlanes-2SLR337P-D0yLvfot.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./swimlanes-2SLR337P-C6I2boWI.js"), "loader")
 		},
 		{
 			name: "cose-bilkent",

package/dist/{chunk-NETBCI7D-tNinefdn.js → chunk-NETBCI7D-Bll4gy0a.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { o as t } from "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import { o as t } from "./chunk-Z7XXMR3K-CwcuZpJa.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-NETBCI7D.mjs
 var n = 5, r = 1e-5, i = 2, a = .6, o = 1e-6;
 function s(e) {

package/dist/{chunk-Z7XXMR3K-C9P-XjM2.js → chunk-Z7XXMR3K-CwcuZpJa.js}

@@ -1,4 +1,4 @@
-import { st as e } from "./components-km60bAdr.js";
+import { st as e } from "./components-N_PpCQjB.js";
 import { n as t, t as n } from "./src-CsLQInsN.js";
 import { _ as r, a as i, i as a, n as o, o as s, p as c, r as l, t as u, u as d, v as f } from "./step-Dt43c9X4.js";
 import { K as p, g as m, q as h, u as g } from "./chunk-ZIGJFQKS-9VXArDKF.js";

package/dist/{classDiagram-v2-NBCMYWYE-D00ZobEC.js → classDiagram-v2-NBCMYWYE-BAvo2puZ.js}

@@ -9,12 +9,12 @@ import "./chunk-7PRAP22T-0C6_H8Li.js";
 import { i as v, n as y, o as b, r as x } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import "./chunk-5DYCD2WN-Cd1zazNp.js";
-import "./chunk-Z7XXMR3K-C9P-XjM2.js";
+import "./chunk-Z7XXMR3K-CwcuZpJa.js";
 import { t as S } from "./chunk-GWA4HPMP-B8jXI0Tl.js";
 import { t as C } from "./chunk-XXDRQBXY-dKXxu_aj.js";
 import { t as w } from "./chunk-WEXAMYUT-CbFOhEve.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import { r as T, t as E } from "./chunk-GNY47TPC-CzPNLW5k.js";
+import { r as T, t as E } from "./chunk-GNY47TPC-CFItyjGy.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-NBCMYWYE.mjs
 var D = (function() {
 	var e = /* @__PURE__ */ i(function(e, t, n, r) {

package/dist/components/theme-tokens.css

@@ -70,8 +70,8 @@
 	--primary: oklch(46% 0.1135 276.35);
 	--primary-foreground: oklch(0.984 0.003 247.858);
 	/* Brighter than the light one: it is read as text on the dark surfaces (6.5:1
-	   on --background, 5.8:1 on --card); a filled secondary surface tints it
-	   (dark:bg-secondary/70) to keep 5.2:1 under its near-white text. */
+	   on --background, 5.8:1 on --card); a filled secondary surface mixes it toward --background
+	   (the opaque 70 % mix) to keep 5.2:1 under its near-white text. */
 	--secondary: oklch(0.66 0.1135 245.65);
 	--secondary-foreground: oklch(0.984 0.003 247.858);
 	--muted: oklch(0.279 0.041 260.031);