@epilot/spark-ui 0.18.1 → 0.19.0

package/dist/lib/accent-theme.d.cts

@@ -20,6 +20,8 @@ type SparkAccentScale = GeneratedColors & {
   accentOnSolid: string;
 };
 type Appearance = 'light' | 'dark';
+/** The epilot brand: the no-attribute default `--spark-*` in spark-default.css. */
+declare const DEFAULT_ACCENT = "#005EB4";
 /** Curated name → source color. `blue` = Radix blue; the no-attribute default `--spark-*` stays the epilot brand. */
 declare const CURATED_ACCENTS: Record<string, string>;
 interface GenerateScaleOptions {
@@ -39,8 +41,49 @@ interface GenerateScaleOptions {
 }
 /** Which appearance a canvas belongs to, by OKLCH lightness. */
 declare function appearanceForBackground(background: string): Appearance;
-/** Generate the Radix-style accent scale for one appearance from a single accent color. */
+/**
+ * Generate the Radix-style accent scale for one appearance from a single accent color.
+ *
+ * Solid-fill inks come from `readableContrast`, which clears WCAG but can only reach an
+ * unreadable APCA on a light, saturated step 9 (a near-black tint at Lc 33-44). Where it
+ * does, the fill is darkened until plain white clears 4.5:1 and the scale is re-seeded
+ * from that fill — see `darkenForWhiteInk`.
+ */
 declare function generateAccentScale(accent: string, appearance: Appearance, opts?: GenerateScaleOptions): SparkAccentScale;
+/**
+ * Step 11 is the ink of every non-solid style, read on the a3 fill and the a4 hover. Both
+ * are translucent, so on a soft card (neutral-a3 ≈ neutral-3 over the canvas) they
+ * composite darker than on the canvas and Radix's step 11 drops under 4.5:1 (red 3.72:1).
+ * Move step 11 away from the fill, holding chroma and hue, until a11 on a4 clears 4.5:1
+ * over every neutral knob's step 3, and re-solve a11 from it. Unchanged when it clears.
+ */
+declare function withReadableTintInk<T extends GeneratedColors>(scale: T): T;
+declare const RED_A4: Record<Appearance, string>;
+/**
+ * The hover tints a static `--neutral-placeholder` must clear (field.tsx): gray
+ * (`neutralA4`), invalid (`--red-a4`) and brand (`--spark-a4`) for the default accent and
+ * every curated one. A runtime brand outside these is not covered.
+ */
+declare function staticFieldHoverTints(appearance: Appearance, neutralA4: string): string[];
+/**
+ * The lightest color between neutral a10 and a11 that reaches `PLACEHOLDER_CONTRAST` on a
+ * `card` over `page`, bare and under each of `tints`, clamped to a11, as an sRGB alpha step
+ * over `page` (opaque where the alpha solve cannot reproduce it). The card is the deepest
+ * surface a field sits on, so clearing it clears the page too.
+ */
+declare function solvePlaceholder({
+  a10,
+  a11,
+  page,
+  card,
+  tints
+}: {
+  a10: string;
+  a11: string;
+  page: string;
+  card: string;
+  tints: string[];
+}): string;
 /** sRGB `--spark-*` declarations for a generated accent scale. */
 declare function accentSparkVars(scale: SparkAccentScale): string[];
 /** Wide-gamut (P3) `--spark-*` declarations — for a `color-gamut: p3` `@supports` block. */
@@ -125,5 +168,5 @@ declare function neutralSparkVars(scale: SparkAccentScale): string[];
 /** Wide-gamut (P3) twin of `neutralSparkVars`. */
 declare function neutralSparkVarsP3(scale: SparkAccentScale): string[];
 //#endregion
-export { Appearance, CURATED_ACCENTS, GenerateScaleOptions, GeneratedColors, SparkAccentScale, accentSparkVars, accentSparkVarsP3, appearanceForBackground, generateAccentScale, getMatchingNeutral, invertAccentScale, isParsableColor, neutralFamilyVars, neutralSparkVars, neutralSparkVarsP3, resolveAutoNeutral };
+export { Appearance, CURATED_ACCENTS, DEFAULT_ACCENT, GenerateScaleOptions, GeneratedColors, RED_A4, SparkAccentScale, accentSparkVars, accentSparkVarsP3, appearanceForBackground, generateAccentScale, getMatchingNeutral, invertAccentScale, isParsableColor, neutralFamilyVars, neutralSparkVars, neutralSparkVarsP3, resolveAutoNeutral, solvePlaceholder, staticFieldHoverTints, withReadableTintInk };
 //# sourceMappingURL=accent-theme.d.cts.map

package/dist/lib/accent-theme.d.ts

@@ -20,6 +20,8 @@ type SparkAccentScale = GeneratedColors & {
   accentOnSolid: string;
 };
 type Appearance = 'light' | 'dark';
+/** The epilot brand: the no-attribute default `--spark-*` in spark-default.css. */
+declare const DEFAULT_ACCENT = "#005EB4";
 /** Curated name → source color. `blue` = Radix blue; the no-attribute default `--spark-*` stays the epilot brand. */
 declare const CURATED_ACCENTS: Record<string, string>;
 interface GenerateScaleOptions {
@@ -39,8 +41,49 @@ interface GenerateScaleOptions {
 }
 /** Which appearance a canvas belongs to, by OKLCH lightness. */
 declare function appearanceForBackground(background: string): Appearance;
-/** Generate the Radix-style accent scale for one appearance from a single accent color. */
+/**
+ * Generate the Radix-style accent scale for one appearance from a single accent color.
+ *
+ * Solid-fill inks come from `readableContrast`, which clears WCAG but can only reach an
+ * unreadable APCA on a light, saturated step 9 (a near-black tint at Lc 33-44). Where it
+ * does, the fill is darkened until plain white clears 4.5:1 and the scale is re-seeded
+ * from that fill — see `darkenForWhiteInk`.
+ */
 declare function generateAccentScale(accent: string, appearance: Appearance, opts?: GenerateScaleOptions): SparkAccentScale;
+/**
+ * Step 11 is the ink of every non-solid style, read on the a3 fill and the a4 hover. Both
+ * are translucent, so on a soft card (neutral-a3 ≈ neutral-3 over the canvas) they
+ * composite darker than on the canvas and Radix's step 11 drops under 4.5:1 (red 3.72:1).
+ * Move step 11 away from the fill, holding chroma and hue, until a11 on a4 clears 4.5:1
+ * over every neutral knob's step 3, and re-solve a11 from it. Unchanged when it clears.
+ */
+declare function withReadableTintInk<T extends GeneratedColors>(scale: T): T;
+declare const RED_A4: Record<Appearance, string>;
+/**
+ * The hover tints a static `--neutral-placeholder` must clear (field.tsx): gray
+ * (`neutralA4`), invalid (`--red-a4`) and brand (`--spark-a4`) for the default accent and
+ * every curated one. A runtime brand outside these is not covered.
+ */
+declare function staticFieldHoverTints(appearance: Appearance, neutralA4: string): string[];
+/**
+ * The lightest color between neutral a10 and a11 that reaches `PLACEHOLDER_CONTRAST` on a
+ * `card` over `page`, bare and under each of `tints`, clamped to a11, as an sRGB alpha step
+ * over `page` (opaque where the alpha solve cannot reproduce it). The card is the deepest
+ * surface a field sits on, so clearing it clears the page too.
+ */
+declare function solvePlaceholder({
+  a10,
+  a11,
+  page,
+  card,
+  tints
+}: {
+  a10: string;
+  a11: string;
+  page: string;
+  card: string;
+  tints: string[];
+}): string;
 /** sRGB `--spark-*` declarations for a generated accent scale. */
 declare function accentSparkVars(scale: SparkAccentScale): string[];
 /** Wide-gamut (P3) `--spark-*` declarations — for a `color-gamut: p3` `@supports` block. */
@@ -125,5 +168,5 @@ declare function neutralSparkVars(scale: SparkAccentScale): string[];
 /** Wide-gamut (P3) twin of `neutralSparkVars`. */
 declare function neutralSparkVarsP3(scale: SparkAccentScale): string[];
 //#endregion
-export { Appearance, CURATED_ACCENTS, GenerateScaleOptions, GeneratedColors, SparkAccentScale, accentSparkVars, accentSparkVarsP3, appearanceForBackground, generateAccentScale, getMatchingNeutral, invertAccentScale, isParsableColor, neutralFamilyVars, neutralSparkVars, neutralSparkVarsP3, resolveAutoNeutral };
+export { Appearance, CURATED_ACCENTS, DEFAULT_ACCENT, GenerateScaleOptions, GeneratedColors, RED_A4, SparkAccentScale, accentSparkVars, accentSparkVarsP3, appearanceForBackground, generateAccentScale, getMatchingNeutral, invertAccentScale, isParsableColor, neutralFamilyVars, neutralSparkVars, neutralSparkVarsP3, resolveAutoNeutral, solvePlaceholder, staticFieldHoverTints, withReadableTintInk };
 //# sourceMappingURL=accent-theme.d.ts.map

package/dist/lib/accent-theme.js

@@ -4,6 +4,8 @@ import { isSparkNeutralFamily } from "./theme-types.js";
 import * as RadixColors from "@radix-ui/colors";
 import Color from "colorjs.io";
 //#region src/lib/accent-theme.ts
+/** The epilot brand: the no-attribute default `--spark-*` in spark-default.css. */
+const DEFAULT_ACCENT = "#005EB4";
 /** Curated name → source color. `blue` = Radix blue; the no-attribute default `--spark-*` stays the epilot brand. */
 const CURATED_ACCENTS = {
 	blue: RadixColors.blue.blue9,
@@ -79,9 +81,9 @@ const ALPHA_CAP = .5;
 * per-channel in P3, and verifying that against an sRGB composite rejects perfectly good
 * solves (they were never trying to reproduce the sRGB composite in the first place).
 *
-* So verify the solve and fall back to the opaque value where either check fails. Only ever
-* called for a custom background; on white/black every step solves exactly at low alpha,
-* so the default output — and portal parity — is untouched either way.
+* So verify the solve and fall back to the opaque value where either check fails. On
+* white/black every step solves exactly at low alpha, so the default output — and portal
+* parity — is untouched either way.
 */
 function opaqueWhereUnsolvable(background, solid, alpha, capAlphaSteps = 0, space = "srgb") {
 	let bg;
@@ -217,8 +219,8 @@ function accentScaleForCanvas(scale, background, appearance) {
 		};
 	}
 }
-/** Generate the Radix-style accent scale for one appearance from a single accent color. */
-function generateAccentScale(accent, appearance, opts) {
+/** Build the Radix-style scale for one appearance from a single accent color. */
+function buildScale(accent, appearance, opts) {
 	const background = opts?.background ?? DEFAULTS[appearance].background;
 	const scale = generateRadixColors({
 		appearance,
@@ -231,7 +233,7 @@ function generateAccentScale(accent, appearance, opts) {
 		tinted: false
 	};
 	const capAlphaSteps = tinted ? CANVAS_TINT_WEIGHTS.length : 0;
-	const solved = opts?.background ? {
+	return opts?.background ? {
 		...scale,
 		accentScale,
 		accentScaleWideGamut,
@@ -242,14 +244,126 @@ function generateAccentScale(accent, appearance, opts) {
 		grayScaleAlpha: opaqueWhereUnsolvable(background, scale.grayScale, scale.grayScaleAlpha),
 		grayScaleAlphaWideGamut: opaqueWhereUnsolvable(background, scale.grayScaleWideGamut, scale.grayScaleAlphaWideGamut, 0, "p3")
 	} : scale;
+}
+/**
+* Generate the Radix-style accent scale for one appearance from a single accent color.
+*
+* Solid-fill inks come from `readableContrast`, which clears WCAG but can only reach an
+* unreadable APCA on a light, saturated step 9 (a near-black tint at Lc 33-44). Where it
+* does, the fill is darkened until plain white clears 4.5:1 and the scale is re-seeded
+* from that fill — see `darkenForWhiteInk`.
+*/
+function generateAccentScale(accent, appearance, opts) {
+	const solved = withNativeInks(buildScale(accent, appearance, opts));
+	const fill = solved.accentScale[8];
+	if (apcaOn(fill, solved.accentContrast) >= MIN_INK_APCA) return withReadableTintInk(solved);
+	const reseeded = buildScale(darkenForWhiteInk(fill), appearance, opts);
+	const reseededFill = reseeded.accentScale[8];
+	if (contrastOn(reseededFill, WHITE) < MIN_TEXT_CONTRAST) return withReadableTintInk(solved);
+	return withReadableTintInk({
+		...reseeded,
+		accentContrast: WHITE,
+		accentOnSolid: WHITE
+	});
+}
+/**
+* Step 11 is the ink of every non-solid style, read on the a3 fill and the a4 hover. Both
+* are translucent, so on a soft card (neutral-a3 ≈ neutral-3 over the canvas) they
+* composite darker than on the canvas and Radix's step 11 drops under 4.5:1 (red 3.72:1).
+* Move step 11 away from the fill, holding chroma and hue, until a11 on a4 clears 4.5:1
+* over every neutral knob's step 3, and re-solve a11 from it. Unchanged when it clears.
+*/
+function withReadableTintInk(scale) {
+	const canvas = scale.background;
+	const dark = appearanceForBackground(canvas) === "dark";
+	const hoverFills = [scale.grayScale[2], ...Object.keys(NEUTRAL_BASE).map((family) => {
+		return RadixColors[dark ? `${family}Dark` : family][`${family}3`];
+	})].map((page) => composite(scale.accentScaleAlpha[3], page));
+	const inkOn = (step11) => {
+		const ink = getAlphaColorSrgb(step11, canvas);
+		return Math.min(...hoverFills.map((fill) => contrastOn(fill, composite(ink, fill))));
+	};
+	const original = scale.accentScale[10];
+	if (inkOn(original) >= MIN_TEXT_CONTRAST) return scale;
+	const [lightness, chroma, hue] = new Color(original).to("oklch").coords;
+	const [, wideChroma, wideHue] = new Color(scale.accentScaleWideGamut[10]).to("oklch").coords;
+	const toward = contrastOn(canvas, "#000") > contrastOn(canvas, "#fff") ? 0 : 1;
+	const srgbAt = (l) => new Color("oklch", [
+		l,
+		chroma ?? 0,
+		hue ?? 0
+	]).toGamut({ space: "srgb" }).to("srgb").toString({ format: "hex" });
+	let fails = lightness ?? .5;
+	let passes = toward;
+	for (let i = 0; i < 16; i++) {
+		const mid = (fails + passes) / 2;
+		if (inkOn(srgbAt(mid)) >= MIN_TEXT_CONTRAST) passes = mid;
+		else fails = mid;
+	}
+	const step11 = srgbAt(passes);
+	const wideStep11 = toOklchWideGamutString(new Color("oklch", [
+		passes,
+		wideChroma ?? 0,
+		wideHue ?? 0
+	]).toGamut({ space: "p3" }));
+	const withStep = (steps, value) => steps.map((v, i) => i === 10 ? value : v);
+	return {
+		...scale,
+		accentScale: withStep(scale.accentScale, step11),
+		accentScaleWideGamut: withStep(scale.accentScaleWideGamut, wideStep11),
+		accentScaleAlpha: withStep(scale.accentScaleAlpha, getAlphaColorSrgb(step11, canvas)),
+		accentScaleAlphaWideGamut: withStep(scale.accentScaleAlphaWideGamut, getAlphaColorP3(wideStep11, canvas))
+	};
+}
+const composite = (top, bottom) => {
+	const fg = new Color(top).to("srgb");
+	const bg = new Color(bottom).to("srgb").coords;
+	const a = fg.alpha;
+	const channel = (k) => (Math.round(bg[k] * 255 * (1 - a)) + Math.round(fg.coords[k] * 255 * a)) / 255;
+	return new Color("srgb", [
+		channel(0),
+		channel(1),
+		channel(2)
+	]).toString({ format: "hex" });
+};
+function withNativeInks(scale) {
+	const fill = scale.accentScale[8];
 	return {
-		...solved,
-		accentContrast: readableContrast(solved.accentScale[8], solved.accentContrast, MIN_TEXT_CONTRAST),
-		accentOnSolid: readableContrast(solved.accentScale[8], solved.accentContrast, MIN_GRAPHIC_CONTRAST)
+		...scale,
+		accentContrast: readableContrast(fill, scale.accentContrast, MIN_TEXT_CONTRAST),
+		accentOnSolid: readableContrast(fill, scale.accentContrast, MIN_GRAPHIC_CONTRAST)
 	};
 }
+/**
+* Darkest the fill needs to be for white text to clear 4.5:1, holding chroma and hue.
+* Returns the fill unchanged when white already clears — the generator picks its ink
+* from `Math.abs(white.contrastAPCA(fill))`, whose arguments are transposed, so it can
+* reach for a dark tint on a fill white already handles.
+*/
+function darkenForWhiteInk(fillHex) {
+	const fill = new Color(fillHex);
+	if (contrastOn(fillHex, WHITE) >= MIN_TEXT_CONTRAST) return fillHex;
+	const [lightness, chroma, hue] = fill.to("oklch").coords;
+	const darkened = (l) => new Color("oklch", [
+		l,
+		chroma ?? 0,
+		hue ?? 0
+	]).toGamut({ space: "srgb" }).to("srgb").toString({ format: "hex" });
+	let fails = lightness ?? .5;
+	let passes = 0;
+	for (let i = 0; i < 16; i++) {
+		const mid = (fails + passes) / 2;
+		if (contrastOn(darkened(mid), WHITE) >= MIN_TEXT_CONTRAST) passes = mid;
+		else fails = mid;
+	}
+	return darkened(passes);
+}
+const WHITE = "#fff";
 const MIN_TEXT_CONTRAST = 4.5;
 const MIN_GRAPHIC_CONTRAST = 3;
+const MIN_INK_APCA = 45;
+const contrastOn = (bgHex, fgHex) => new Color(fgHex).contrast(new Color(bgHex), "WCAG21");
+const apcaOn = (bgHex, fgHex) => Math.abs(new Color(bgHex).contrastAPCA(new Color(fgHex)));
 function readableContrast(step9Hex, native, min) {
 	const step9 = new Color(step9Hex);
 	const [, chroma, hue] = step9.to("oklch").coords;
@@ -281,6 +395,63 @@ function readableContrast(step9Hex, native, min) {
 	const allRatios = all.map(ratioOf);
 	return all[allRatios.indexOf(Math.max(...allRatios))];
 }
+const RED_A4 = {
+	light: "#ff25002a",
+	dark: "#ff00005a"
+};
+/**
+* The hover tints a static `--neutral-placeholder` must clear (field.tsx): gray
+* (`neutralA4`), invalid (`--red-a4`) and brand (`--spark-a4`) for the default accent and
+* every curated one. A runtime brand outside these is not covered.
+*/
+function staticFieldHoverTints(appearance, neutralA4) {
+	return [
+		neutralA4,
+		RED_A4[appearance],
+		...[DEFAULT_ACCENT, ...Object.values(CURATED_ACCENTS)].map((accent) => generateAccentScale(accent, appearance).accentScaleAlpha[3])
+	];
+}
+const PLACEHOLDER_CONTRAST = 4.55;
+function compositeOver(background, color) {
+	const ink = new Color(color).to("srgb");
+	const alpha = ink.alpha;
+	const bg = background.to("srgb").coords;
+	return new Color("srgb", [
+		0,
+		1,
+		2
+	].map((k) => bg[k] * (1 - alpha) + ink.coords[k] * alpha));
+}
+/**
+* The lightest color between neutral a10 and a11 that reaches `PLACEHOLDER_CONTRAST` on a
+* `card` over `page`, bare and under each of `tints`, clamped to a11, as an sRGB alpha step
+* over `page` (opaque where the alpha solve cannot reproduce it). The card is the deepest
+* surface a field sits on, so clearing it clears the page too.
+*/
+function solvePlaceholder({ a10, a11, page, card, tints }) {
+	const bg = new Color(page);
+	const onCard = compositeOver(bg, card);
+	const fills = [onCard, ...tints.map((tint) => compositeOver(onCard, tint))];
+	const from = compositeOver(bg, a10);
+	const to = compositeOver(bg, a11);
+	const at = (t) => from.mix(to, t, { space: "oklch" }).to("srgb");
+	const inkAt = (t) => {
+		const solid = at(t).toString({ format: "hex" });
+		return opaqueWhereUnsolvable(page, [solid], [getAlphaColorSrgb(solid, page)])[0];
+	};
+	const passes = (t) => fills.every((fill) => compositeOver(fill, inkAt(t)).contrast(fill, "WCAG21") >= PLACEHOLDER_CONTRAST);
+	let found = 1;
+	if (passes(0)) found = 0;
+	else if (passes(1)) {
+		let fails = 0;
+		for (let i = 0; i < 16; i++) {
+			const mid = (fails + found) / 2;
+			if (passes(mid)) found = mid;
+			else fails = mid;
+		}
+	}
+	return inkAt(found);
+}
 /** sRGB `--spark-*` declarations for a generated accent scale. */
 function accentSparkVars(scale) {
 	return sparkVars(scale.accentScale, scale.accentScaleAlpha, scale.accentContrast, scale.accentOnSolid, scale.accentSurface, scale.background);
@@ -529,8 +700,19 @@ function sparkVars(steps, alpha, contrast, onSolid, surface, background) {
 */
 function neutralFamilyVars(family) {
 	const ref = (suffix) => `var(--${family}-${suffix})`;
-	return scaleVars("neutral", Array.from({ length: 12 }, (_, i) => ref(`${i + 1}`)), Array.from({ length: 12 }, (_, i) => ref(`a${i + 1}`)), "var(--neutral-12)", "#fff", "var(--neutral-2)");
+	return [...scaleVars("neutral", Array.from({ length: 12 }, (_, i) => ref(`${i + 1}`)), Array.from({ length: 12 }, (_, i) => ref(`a${i + 1}`)), `var(--${family}-contrast)`, "#fff", "var(--neutral-2)"), `--neutral-placeholder: ${ref("placeholder")};`];
 }
+const neutralPlaceholderVar = (scale) => `--neutral-placeholder: ${solvePlaceholder({
+	a10: scale.grayScaleAlpha[9],
+	a11: scale.grayScaleAlpha[10],
+	page: scale.background,
+	card: scale.grayScale[2],
+	tints: [
+		scale.grayScaleAlpha[3],
+		RED_A4[appearanceForBackground(scale.background)],
+		scale.accentScaleAlpha[3]
+	]
+})};`;
 /**
 * `--neutral-*` declarations from the gray scale the generator produces alongside the
 * accent — normally discarded, because `[data-neutral-color]` points `--neutral-*` at a
@@ -542,13 +724,13 @@ function neutralFamilyVars(family) {
 * than the generator's translucent `graySurface`.
 */
 function neutralSparkVars(scale) {
-	return scaleVars("neutral", scale.grayScale, scale.grayScaleAlpha, readableContrast(scale.grayScale[8], "#fff", MIN_TEXT_CONTRAST), readableContrast(scale.grayScale[8], "#fff", MIN_GRAPHIC_CONTRAST), scale.grayScale[1]);
+	return [...scaleVars("neutral", scale.grayScale, scale.grayScaleAlpha, readableContrast(scale.grayScale[8], "#fff", MIN_TEXT_CONTRAST), readableContrast(scale.grayScale[8], "#fff", MIN_GRAPHIC_CONTRAST), scale.grayScale[1]), neutralPlaceholderVar(scale)];
 }
 /** Wide-gamut (P3) twin of `neutralSparkVars`. */
 function neutralSparkVarsP3(scale) {
-	return scaleVars("neutral", scale.grayScaleWideGamut, scale.grayScaleAlphaWideGamut, readableContrast(scale.grayScale[8], "#fff", MIN_TEXT_CONTRAST), readableContrast(scale.grayScale[8], "#fff", MIN_GRAPHIC_CONTRAST), scale.grayScaleWideGamut[1]);
+	return [...scaleVars("neutral", scale.grayScaleWideGamut, scale.grayScaleAlphaWideGamut, readableContrast(scale.grayScale[8], "#fff", MIN_TEXT_CONTRAST), readableContrast(scale.grayScale[8], "#fff", MIN_GRAPHIC_CONTRAST), scale.grayScaleWideGamut[1]), neutralPlaceholderVar(scale)];
 }
 //#endregion
-export { CURATED_ACCENTS, accentSparkVars, accentSparkVarsP3, appearanceForBackground, generateAccentScale, getMatchingNeutral, invertAccentScale, isParsableColor, neutralFamilyVars, neutralSparkVars, neutralSparkVarsP3, resolveAutoNeutral };
+export { CURATED_ACCENTS, DEFAULT_ACCENT, RED_A4, accentSparkVars, accentSparkVarsP3, appearanceForBackground, generateAccentScale, getMatchingNeutral, invertAccentScale, isParsableColor, neutralFamilyVars, neutralSparkVars, neutralSparkVarsP3, resolveAutoNeutral, solvePlaceholder, staticFieldHoverTints, withReadableTintInk };
 
 //# sourceMappingURL=accent-theme.js.map