@nxgt/material 3.63.0 → 3.65.0

package/dist/code-editor.js

@@ -1,14 +1,14 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t } from "./dist-lmHmz_bu.js";
-import { d as n, r, t as i, u as a } from "./toolbar-items-_ezD5B0r.js";
-import { t as o } from "./use-material-translation-C_1cWRzW.js";
-import { i as s, n as c, o as l } from "./code-language-items-andgHKrM.js";
-import { r as u, t as d } from "./field-blur-DyOByjzw.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-CQ3S_XZw.js";
+import { t as o } from "./use-material-translation-mY3U83TV.js";
+import { i as s, n as c, o as l } from "./code-language-items-CsaXyApg.js";
+import { r as u, t as d } from "./field-blur-CV9orzdJ.js";
 import { t as f } from "./skeleton-DSdtr2qc.js";
 import { t as p } from "./live-status-BGPaN8r8.js";
 import { t as m } from "./use-mobile-BDro060N.js";
 import { t as h } from "./react-node-text-Crkpfpco.js";
-import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-B0tN8Ha_.js";
+import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-aXG4CdY-.js";
 import { useEffect as k, useRef as A, useState as j } from "react";
 import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 import { getCspNonce as F } from "@nxgt/material-core/csp-nonce";

package/dist/{code-language-items-andgHKrM.js → code-language-items-CsaXyApg.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-_SyVmSuy.js";
-import { t as n } from "./use-material-translation-C_1cWRzW.js";
+import { d as e, f as t } from "./dropdown-menu-ChvAIQIW.js";
+import { t as n } from "./use-material-translation-mY3U83TV.js";
 import { t as r } from "./live-status-BGPaN8r8.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";

package/dist/components/ui/display/chip/chip-soft.css

@@ -1,6 +1,10 @@
 /* Chip `tonal` and `filled`, "soft": no outline at all. A low tonal fill that reads as a
  * chip on any surface; selected = the library's primary tint, a hairline
- * ring in primary-text and a check (the ≥3:1 cue), the label unchanged. */
+ * ring in primary-text and a check (the ≥3:1 cue), the label unchanged. In
+ * dark the tint is mixed from --primary-text, the light end of the primary,
+ * 56 % at rest and 58 % on hover, and the label is white: in all 14 themes
+ * the fill is ≥3:1 over the surface and the label ≥4.5:1 (#2044); the deep
+ * --primary gave 1.3:1. */
 @layer components {
 	.nxgt-chip[data-look="soft"] {
 		--chip-bg: color-mix(in oklab, var(--foreground) 6.5%, var(--background));
@@ -9,8 +13,8 @@
 			var(--foreground) 10%,
 			var(--background)
 		);
-		--chip-on: color-mix(in oklab, var(--primary) 12%, var(--background));
-		--chip-on-hover: color-mix(in oklab, var(--primary) 17%, var(--background));
+		--chip-on: color-mix(in oklab, var(--primary) 20%, var(--background));
+		--chip-on-hover: color-mix(in oklab, var(--primary) 25%, var(--background));
 		--chip-on-ring: color-mix(
 			in oklab,
 			var(--primary-text) 75%,
@@ -25,8 +29,13 @@
 			var(--foreground) 14%,
 			var(--background)
 		);
-		--chip-on: color-mix(in oklab, var(--primary) 42%, var(--background));
-		--chip-on-hover: color-mix(in oklab, var(--primary) 52%, var(--background));
+		--chip-on: color-mix(in oklab, var(--primary-text) 56%, var(--background));
+		--chip-on-hover: color-mix(
+			in oklab,
+			var(--primary-text) 58%,
+			var(--background)
+		);
+		--chip-on-text: white;
 		--chip-on-ring: color-mix(
 			in oklab,
 			var(--primary-text) 80%,
@@ -43,6 +52,11 @@
 		background: var(--chip-on);
 		box-shadow: inset 0 0 0 1px var(--chip-on-ring);
 	}
+	/* Dark: the label on the lighter fill is white (the foreground fell under
+	 * 4.5:1 on some themes' hover). Light keeps the foreground. */
+	.nxgt-chip[data-look="soft"][data-selected] {
+		color: var(--chip-on-text, var(--foreground));
+	}
 	.nxgt-chip[data-look="soft"][data-selected]:is(
 		button:hover,
 		:has(> button[data-slot="chip-body"]:hover)