@godxjp/ui 32.0.0 → 32.0.1

package/agent/START-HERE.md

@@ -3,7 +3,7 @@
 You are about to write code against a design system you did not author. This file is the whole
 contract. Read it before you write JSX.
 
-**This catalog describes `@godxjp/ui` 32.0.0.** If the project you are editing has a different
+**This catalog describes `@godxjp/ui` 32.0.1.** If the project you are editing has a different
 version in its `package.json`, read the pinned catalog for THAT version instead
 (`…/v<their-version>/agent/…`). A catalog newer than the installed package describes props that do
 not exist yet; older, and it hides props that do. Neither failure announces itself.

package/agent/components/AppProvider.json

@@ -10,7 +10,7 @@
       "type": "string (BCP-47)"
     },
     {
-      "description": "Product defaults the host opts into — `import { godxPreset } from \"@godxjp/ui/themes/godx\"` (pair it with `@godxjp/ui/themes/godx.css` after the base stylesheet). Its `defaultLocale` and `timeZone` fill only what the props leave unset, its `brandMark` is what an `AuthIdentity` with no `brand` draws, and its `name` is written to `<html data-preset>`. Omit for the neutral defaults (ink primary, `en`, no product mark).",
+      "description": "Product defaults the host opts into — `import { godxPreset } from \"@godxjp/ui/themes/godx\"` (pair it with `@godxjp/ui/themes/godx.css` after the base stylesheet; a shadow root that embeds `@godxjp/ui/styles/core` takes the font-free `@godxjp/ui/themes/godx-tokens.css` instead, since `@font-face` must live in the document). Its `defaultLocale` and `timeZone` fill only what the props leave unset, its `brandMark` is what an `AuthIdentity` with no `brand` draws, and its `name` is written to `<html data-preset>`. Omit for the neutral defaults (ink primary, `en`, no product mark).",
       "name": "preset",
       "type": "AppPreset"
     },

package/agent/components.json

@@ -8566,7 +8566,7 @@
         "type": "string (BCP-47)"
       },
       {
-        "description": "Product defaults the host opts into — `import { godxPreset } from \"@godxjp/ui/themes/godx\"` (pair it with `@godxjp/ui/themes/godx.css` after the base stylesheet). Its `defaultLocale` and `timeZone` fill only what the props leave unset, its `brandMark` is what an `AuthIdentity` with no `brand` draws, and its `name` is written to `<html data-preset>`. Omit for the neutral defaults (ink primary, `en`, no product mark).",
+        "description": "Product defaults the host opts into — `import { godxPreset } from \"@godxjp/ui/themes/godx\"` (pair it with `@godxjp/ui/themes/godx.css` after the base stylesheet; a shadow root that embeds `@godxjp/ui/styles/core` takes the font-free `@godxjp/ui/themes/godx-tokens.css` instead, since `@font-face` must live in the document). Its `defaultLocale` and `timeZone` fill only what the props leave unset, its `brandMark` is what an `AuthIdentity` with no `brand` draws, and its `name` is written to `<html data-preset>`. Omit for the neutral defaults (ink primary, `en`, no product mark).",
         "name": "preset",
         "type": "AppPreset"
       },

package/agent/index.json

@@ -48,7 +48,7 @@
   "note": "Pin to the tag that matches the @godxjp/ui version you installed. A catalog newer than your package describes props you do not have; older, and it hides props you do.",
   "read": {
     "live": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/index.json",
-    "pinned": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/v32.0.0/agent/index.json"
+    "pinned": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/v32.0.1/agent/index.json"
   },
   "source": "mcp/src/data — the same data @godxjp/ui-mcp serves — plus the foundation and semantic token tiers, read from src/tokens/*.css",
   "start": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/main/agent/START-HERE.md",
@@ -62,5 +62,5 @@
     "foundation": "the seeds a consumer is invited to set — --primary, --background, --radius",
     "semantic": "named roles that follow the seeds — --ring, --text-link, --overlay-background"
   },
-  "version": "32.0.0"
+  "version": "32.0.1"
 }

package/agent/llms.txt

@@ -1,10 +1,10 @@
 # @godxjp/ui
 
 > A Japanese-enterprise React design system: 161 components, 2183 design tokens,
-> 43 cardinal rules. This file is the entry point for AI agents. Catalog version 32.0.0.
+> 43 cardinal rules. This file is the entry point for AI agents. Catalog version 32.0.1.
 
 If your client can run a process, do not read these files — run the MCP server instead
-(`npx @godxjp/ui-mcp@32.0.0`). It is searchable and version-locked. These files exist for agents
+(`npx @godxjp/ui-mcp@32.0.1`). It is searchable and version-locked. These files exist for agents
 that can only fetch URLs.
 
 ## Start
@@ -26,7 +26,7 @@ that can only fetch URLs.
 ## Pinning
 
 Every URL above tracks `main`. To pin to the release a project actually installed, swap `main` for
-the tag: `.../godx-jp/godxjp-ui/v32.0.0/agent/...`. A catalog that does not match the installed
+the tag: `.../godx-jp/godxjp-ui/v32.0.1/agent/...`. A catalog that does not match the installed
 package describes props that are absent, or hides props that are present, and says nothing either way.
 
 Pinned catalogs only exist for releases whose tag actually contains `agent/`. If `…/v<version>/agent/index.json` returns 404, that release predates this catalog: read `…/main/…` instead and compare `index.json` → `version` against the package you have, so you at least know which way it drifted.

package/dist/contracts/measurement.json

@@ -1,6 +1,6 @@
 {
   "$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
-  "version": "32.0.0",
+  "version": "32.0.1",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,

package/dist/email/color.d.ts

@@ -41,3 +41,10 @@ export declare const EMAIL_COLORS: Readonly<Record<EmailColorToken, EmailHex>>;
  * that honour it — never as the only palette, since most clients do not.
  */
 export declare const EMAIL_COLORS_DARK: Readonly<Record<EmailColorToken, EmailHex>>;
+/**
+ * The GoDX preset's email palette (v32.0.1, gh#1228): the same roles as {@link EMAIL_COLORS}, with
+ * primary / brand / focus taken from `src/themes/godx-tokens.css` — what the GoDX web preset paints.
+ */
+export declare const EMAIL_COLORS_GODX: Readonly<Record<EmailColorToken, EmailHex>>;
+/** The GoDX preset's dark email palette. */
+export declare const EMAIL_COLORS_GODX_DARK: Readonly<Record<EmailColorToken, EmailHex>>;

package/dist/email/color.js

@@ -1,4 +1,9 @@
-import { EMAIL_COLOR_SOURCE, EMAIL_COLOR_SOURCE_DARK } from "./tokens.generated.js";
+import {
+  EMAIL_COLOR_SOURCE,
+  EMAIL_COLOR_SOURCE_DARK,
+  EMAIL_COLOR_SOURCE_GODX,
+  EMAIL_COLOR_SOURCE_GODX_DARK
+} from "./tokens.generated.js";
 const TRIPLET = /^\s*(-?\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%\s*$/;
 const channel = (n) => Math.round(Math.min(255, Math.max(0, n * 255))).toString(16).padStart(2, "0");
 function hslToHex(triplet) {
@@ -30,8 +35,16 @@ const EMAIL_COLORS = resolve(
 const EMAIL_COLORS_DARK = resolve(
   EMAIL_COLOR_SOURCE_DARK
 );
+const EMAIL_COLORS_GODX = resolve(
+  EMAIL_COLOR_SOURCE_GODX
+);
+const EMAIL_COLORS_GODX_DARK = resolve(
+  EMAIL_COLOR_SOURCE_GODX_DARK
+);
 export {
   EMAIL_COLORS,
   EMAIL_COLORS_DARK,
+  EMAIL_COLORS_GODX,
+  EMAIL_COLORS_GODX_DARK,
   hslToHex
 };

package/dist/email/index.d.ts

@@ -5,12 +5,12 @@
  * data export of literal `#rrggbb` / `px` values plus the canonical brand-mark markup. ## The
  * no-drift guarantee Nothing here is hand-typed.
  */
-export { hslToHex, EMAIL_COLORS, EMAIL_COLORS_DARK, type EmailColorToken, type EmailHex, } from "./color.js";
+export { hslToHex, EMAIL_COLORS, EMAIL_COLORS_DARK, EMAIL_COLORS_GODX, EMAIL_COLORS_GODX_DARK, type EmailColorToken, type EmailHex, } from "./color.js";
 export { EMAIL_SHELL, EMAIL_TYPOGRAPHY, EMAIL_CTA, EMAIL_FOOTER, EMAIL_FOCUS, EMAIL_MOBILE, type EmailTokenName, type EmailShellTokens, type EmailTypographyTokens, type EmailCtaTokens, type EmailFooterTokens, type EmailFocusTokens, type EmailMobileTokens, } from "./geometry.js";
 export { EMAIL_BRAND_MARK, EMAIL_BRAND_MARK_VIEWBOX, EMAIL_BRAND_MARK_CAPSULE, EMAIL_BRAND_MARK_GLYPH, emailBrandMarkSvg, emailBrandMarkDataUri, emailBrandMarkTableHtml, roundedRectPath, type EmailBrandMark, type EmailBrandMarkOptions, type EmailBrandMarkRect, } from "./brand-mark.js";
 export { emailInlineStyle, type EmailStyleDeclarations } from "./inline-style.js";
 export { EMAIL_URGENCY, EMAIL_URGENCY_DARK, type EmailUrgencyTokens } from "./urgency.js";
-export { EMAIL_COLOR_SOURCE, EMAIL_COLOR_SOURCE_DARK, EMAIL_GEOMETRY_SOURCE, type EmailColorSource, } from "./tokens.generated.js";
+export { EMAIL_COLOR_SOURCE, EMAIL_COLOR_SOURCE_DARK, EMAIL_COLOR_SOURCE_GODX, EMAIL_COLOR_SOURCE_GODX_DARK, EMAIL_GEOMETRY_SOURCE, type EmailColorSource, } from "./tokens.generated.js";
 import { EMAIL_COLORS, EMAIL_COLORS_DARK } from "./color.js";
 import { EMAIL_SHELL, EMAIL_TYPOGRAPHY, EMAIL_CTA, EMAIL_FOOTER, EMAIL_FOCUS, EMAIL_MOBILE } from "./geometry.js";
 import { EMAIL_BRAND_MARK } from "./brand-mark.js";
@@ -36,4 +36,12 @@ export declare const EMAIL_TOKENS: EmailTokens;
  * cannot import ES modules (Blade, Twig, Liquid, Handlebars on another runtime). Write it to a
  * file in the build step and read it from the template layer.
  */
+/**
+ * The GoDX preset for email (v32.0.1, gh#1228): the email counterpart of `godxPreset` +
+ * `themes/godx.css`. Same geometry; colours from {@link EMAIL_COLORS_GODX}. The brand mark's label
+ * has no default since v32 — pass {@link EMAIL_BRAND_LABEL_GODX} as `label` for the GoDX mark.
+ */
+export declare const EMAIL_TOKENS_GODX: EmailTokens;
+/** The GoDX mark's accessible name: `emailBrandMarkSvg({ label: EMAIL_BRAND_LABEL_GODX, color: EMAIL_COLORS_GODX.brand })`. */
+export declare const EMAIL_BRAND_LABEL_GODX = "GoDX";
 export declare const EMAIL_TOKENS_JSON: string;

package/dist/email/index.js

@@ -1,7 +1,9 @@
 import {
   hslToHex,
   EMAIL_COLORS,
-  EMAIL_COLORS_DARK
+  EMAIL_COLORS_DARK,
+  EMAIL_COLORS_GODX,
+  EMAIL_COLORS_GODX_DARK
 } from "./color.js";
 import {
   EMAIL_SHELL,
@@ -26,9 +28,16 @@ import { EMAIL_URGENCY, EMAIL_URGENCY_DARK } from "./urgency.js";
 import {
   EMAIL_COLOR_SOURCE,
   EMAIL_COLOR_SOURCE_DARK,
+  EMAIL_COLOR_SOURCE_GODX,
+  EMAIL_COLOR_SOURCE_GODX_DARK,
   EMAIL_GEOMETRY_SOURCE
 } from "./tokens.generated.js";
-import { EMAIL_COLORS as EMAIL_COLORS2, EMAIL_COLORS_DARK as EMAIL_COLORS_DARK2 } from "./color.js";
+import {
+  EMAIL_COLORS as EMAIL_COLORS2,
+  EMAIL_COLORS_DARK as EMAIL_COLORS_DARK2,
+  EMAIL_COLORS_GODX as EMAIL_COLORS_GODX2,
+  EMAIL_COLORS_GODX_DARK as EMAIL_COLORS_GODX_DARK2
+} from "./color.js";
 import {
   EMAIL_SHELL as EMAIL_SHELL2,
   EMAIL_TYPOGRAPHY as EMAIL_TYPOGRAPHY2,
@@ -52,16 +61,27 @@ const EMAIL_TOKENS = Object.freeze({
   mobile: EMAIL_MOBILE2,
   brandMark: EMAIL_BRAND_MARK2
 });
+const EMAIL_TOKENS_GODX = Object.freeze({
+  ...EMAIL_TOKENS,
+  colors: EMAIL_COLORS_GODX2,
+  colorsDark: EMAIL_COLORS_GODX_DARK2
+});
+const EMAIL_BRAND_LABEL_GODX = "GoDX";
 const EMAIL_TOKENS_JSON = JSON.stringify(EMAIL_TOKENS, null, 2);
 export {
+  EMAIL_BRAND_LABEL_GODX,
   EMAIL_BRAND_MARK,
   EMAIL_BRAND_MARK_CAPSULE,
   EMAIL_BRAND_MARK_GLYPH,
   EMAIL_BRAND_MARK_VIEWBOX,
   EMAIL_COLORS,
   EMAIL_COLORS_DARK,
+  EMAIL_COLORS_GODX,
+  EMAIL_COLORS_GODX_DARK,
   EMAIL_COLOR_SOURCE,
   EMAIL_COLOR_SOURCE_DARK,
+  EMAIL_COLOR_SOURCE_GODX,
+  EMAIL_COLOR_SOURCE_GODX_DARK,
   EMAIL_CTA,
   EMAIL_FOCUS,
   EMAIL_FOOTER,
@@ -69,6 +89,7 @@ export {
   EMAIL_MOBILE,
   EMAIL_SHELL,
   EMAIL_TOKENS,
+  EMAIL_TOKENS_GODX,
   EMAIL_TOKENS_JSON,
   EMAIL_TYPOGRAPHY,
   EMAIL_URGENCY,

package/dist/email/tokens.generated.d.ts

@@ -123,6 +123,124 @@ export declare const EMAIL_COLOR_SOURCE_DARK: {
         readonly hsl: "48 9% 9%";
     };
 };
+/** The GoDX preset's palette for email: foundation :root with src/themes/godx-tokens.css laid over it. */
+export declare const EMAIL_COLOR_SOURCE_GODX: {
+    readonly background: {
+        readonly cssVar: "--background";
+        readonly hsl: "60 33% 99%";
+    };
+    readonly foreground: {
+        readonly cssVar: "--foreground";
+        readonly hsl: "48 8% 13%";
+    };
+    readonly surface: {
+        readonly cssVar: "--card";
+        readonly hsl: "60 33% 99%";
+    };
+    readonly surfaceForeground: {
+        readonly cssVar: "--card-foreground";
+        readonly hsl: "48 8% 13%";
+    };
+    readonly muted: {
+        readonly cssVar: "--muted";
+        readonly hsl: "45 15% 95%";
+    };
+    readonly mutedForeground: {
+        readonly cssVar: "--muted-foreground";
+        readonly hsl: "44 5% 39%";
+    };
+    readonly border: {
+        readonly cssVar: "--border";
+        readonly hsl: "30 7% 93%";
+    };
+    readonly primary: {
+        readonly cssVar: "--primary";
+        readonly hsl: "268.7 100% 50%";
+    };
+    readonly primaryForeground: {
+        readonly cssVar: "--primary-foreground";
+        readonly hsl: "60 33% 99%";
+    };
+    readonly focus: {
+        readonly cssVar: "--primary";
+        readonly hsl: "268.7 100% 50%";
+    };
+    readonly brand: {
+        readonly cssVar: "--brand";
+        readonly hsl: "268.7 100% 50%";
+    };
+    readonly brandForeground: {
+        readonly cssVar: "--brand-foreground";
+        readonly hsl: "60 33% 99%";
+    };
+    readonly urgency: {
+        readonly cssVar: "--attention";
+        readonly hsl: "25 99% 46%";
+    };
+    readonly urgencyForeground: {
+        readonly cssVar: "--attention-foreground";
+        readonly hsl: "48 8% 13%";
+    };
+};
+/** The GoDX preset's dark palette for email. */
+export declare const EMAIL_COLOR_SOURCE_GODX_DARK: {
+    readonly background: {
+        readonly cssVar: "--background";
+        readonly hsl: "48 9% 9%";
+    };
+    readonly foreground: {
+        readonly cssVar: "--foreground";
+        readonly hsl: "60 20% 96%";
+    };
+    readonly surface: {
+        readonly cssVar: "--card";
+        readonly hsl: "48 8% 12%";
+    };
+    readonly surfaceForeground: {
+        readonly cssVar: "--card-foreground";
+        readonly hsl: "60 20% 96%";
+    };
+    readonly muted: {
+        readonly cssVar: "--muted";
+        readonly hsl: "45 6% 18%";
+    };
+    readonly mutedForeground: {
+        readonly cssVar: "--muted-foreground";
+        readonly hsl: "44 6% 64%";
+    };
+    readonly border: {
+        readonly cssVar: "--border";
+        readonly hsl: "45 6% 19%";
+    };
+    readonly primary: {
+        readonly cssVar: "--primary";
+        readonly hsl: "268.7 100% 86.9%";
+    };
+    readonly primaryForeground: {
+        readonly cssVar: "--primary-foreground";
+        readonly hsl: "48 9% 9%";
+    };
+    readonly focus: {
+        readonly cssVar: "--primary";
+        readonly hsl: "268.7 100% 86.9%";
+    };
+    readonly brand: {
+        readonly cssVar: "--brand";
+        readonly hsl: "268.7 100% 86.9%";
+    };
+    readonly brandForeground: {
+        readonly cssVar: "--brand-foreground";
+        readonly hsl: "48 9% 9%";
+    };
+    readonly urgency: {
+        readonly cssVar: "--attention";
+        readonly hsl: "25 95% 56%";
+    };
+    readonly urgencyForeground: {
+        readonly cssVar: "--attention-foreground";
+        readonly hsl: "48 9% 9%";
+    };
+};
 /** Raw `--email-*` declarations from the component token tier, verbatim. */
 export declare const EMAIL_GEOMETRY_SOURCE: {
     readonly "--email-shell-width": "480px";

package/dist/email/tokens.generated.js

@@ -114,6 +114,122 @@ const EMAIL_COLOR_SOURCE_DARK = {
     "hsl": "48 9% 9%"
   }
 };
+const EMAIL_COLOR_SOURCE_GODX = {
+  "background": {
+    "cssVar": "--background",
+    "hsl": "60 33% 99%"
+  },
+  "foreground": {
+    "cssVar": "--foreground",
+    "hsl": "48 8% 13%"
+  },
+  "surface": {
+    "cssVar": "--card",
+    "hsl": "60 33% 99%"
+  },
+  "surfaceForeground": {
+    "cssVar": "--card-foreground",
+    "hsl": "48 8% 13%"
+  },
+  "muted": {
+    "cssVar": "--muted",
+    "hsl": "45 15% 95%"
+  },
+  "mutedForeground": {
+    "cssVar": "--muted-foreground",
+    "hsl": "44 5% 39%"
+  },
+  "border": {
+    "cssVar": "--border",
+    "hsl": "30 7% 93%"
+  },
+  "primary": {
+    "cssVar": "--primary",
+    "hsl": "268.7 100% 50%"
+  },
+  "primaryForeground": {
+    "cssVar": "--primary-foreground",
+    "hsl": "60 33% 99%"
+  },
+  "focus": {
+    "cssVar": "--primary",
+    "hsl": "268.7 100% 50%"
+  },
+  "brand": {
+    "cssVar": "--brand",
+    "hsl": "268.7 100% 50%"
+  },
+  "brandForeground": {
+    "cssVar": "--brand-foreground",
+    "hsl": "60 33% 99%"
+  },
+  "urgency": {
+    "cssVar": "--attention",
+    "hsl": "25 99% 46%"
+  },
+  "urgencyForeground": {
+    "cssVar": "--attention-foreground",
+    "hsl": "48 8% 13%"
+  }
+};
+const EMAIL_COLOR_SOURCE_GODX_DARK = {
+  "background": {
+    "cssVar": "--background",
+    "hsl": "48 9% 9%"
+  },
+  "foreground": {
+    "cssVar": "--foreground",
+    "hsl": "60 20% 96%"
+  },
+  "surface": {
+    "cssVar": "--card",
+    "hsl": "48 8% 12%"
+  },
+  "surfaceForeground": {
+    "cssVar": "--card-foreground",
+    "hsl": "60 20% 96%"
+  },
+  "muted": {
+    "cssVar": "--muted",
+    "hsl": "45 6% 18%"
+  },
+  "mutedForeground": {
+    "cssVar": "--muted-foreground",
+    "hsl": "44 6% 64%"
+  },
+  "border": {
+    "cssVar": "--border",
+    "hsl": "45 6% 19%"
+  },
+  "primary": {
+    "cssVar": "--primary",
+    "hsl": "268.7 100% 86.9%"
+  },
+  "primaryForeground": {
+    "cssVar": "--primary-foreground",
+    "hsl": "48 9% 9%"
+  },
+  "focus": {
+    "cssVar": "--primary",
+    "hsl": "268.7 100% 86.9%"
+  },
+  "brand": {
+    "cssVar": "--brand",
+    "hsl": "268.7 100% 86.9%"
+  },
+  "brandForeground": {
+    "cssVar": "--brand-foreground",
+    "hsl": "48 9% 9%"
+  },
+  "urgency": {
+    "cssVar": "--attention",
+    "hsl": "25 95% 56%"
+  },
+  "urgencyForeground": {
+    "cssVar": "--attention-foreground",
+    "hsl": "48 9% 9%"
+  }
+};
 const EMAIL_GEOMETRY_SOURCE = {
   "--email-shell-width": "480px",
   "--email-shell-padding": "32px",
@@ -164,6 +280,8 @@ const EMAIL_MARK_SOURCE = {
 export {
   EMAIL_COLOR_SOURCE,
   EMAIL_COLOR_SOURCE_DARK,
+  EMAIL_COLOR_SOURCE_GODX,
+  EMAIL_COLOR_SOURCE_GODX_DARK,
   EMAIL_GEOMETRY_SOURCE,
   EMAIL_MARK_SOURCE
 };

package/dist/styles/layers.json

@@ -1,5 +1,5 @@
 {
-  "version": "32.0.0",
+  "version": "32.0.1",
   "generatedBy": "scripts/gen-style-layers.mjs — do not edit by hand; run `pnpm gen:style-layers`",
   "base": "base.css",
   "fonts": "fonts.css",

package/dist/themes/godx-tokens.css

@@ -0,0 +1,41 @@
+
+:root {
+
+  --primary: 268.7 100% 50%;
+  --primary-foreground: 60 33% 99%;
+
+  --brand: 268.7 100% 50%;
+  --brand-foreground: 60 33% 99%;
+}
+
+.dark,
+:root[data-theme="dark"] {
+
+  --primary: 268.7 100% 86.9%;
+  --primary-foreground: 48 9% 9%;
+  --brand: 268.7 100% 86.9%;
+  --brand-foreground: 48 9% 9%;
+}
+
+@supports not (color: hsl(from red h s l)) {
+  :root {
+    --primary-hover: 268.7 100% 41.6%;
+    --primary-active: 268.7 100% 34.5%;
+    --primary-border: 268.7 68% 66%;
+    --control-outline: 268.7 100% 44.7%;
+    --text-link: 268.7 100% 41.6%;
+    --text-brand: 268.7 100% 41.6%;
+    --text-primary: 268.7 100% 34.5%;
+  }
+
+  .dark,
+  :root[data-theme="dark"] {
+    --primary-hover: 268.7 100% 92.7%;
+    --primary-active: 268.7 100% 81.1%;
+    --primary-border: 268.7 46.7% 23.5%;
+    --control-outline: 268.7 99% 61.8%;
+    --text-link: 268.7 100% 86.9%;
+    --text-brand: 268.7 100% 86.9%;
+    --text-primary: 268.7 100% 92.7%;
+  }
+}

package/dist/themes/godx.css

@@ -1,43 +1,3 @@
 
 @import "../styles/fonts.css";
-
-:root {
-
-  --primary: 268.7 100% 50%;
-  --primary-foreground: 60 33% 99%;
-
-  --brand: 268.7 100% 50%;
-  --brand-foreground: 60 33% 99%;
-}
-
-.dark,
-:root[data-theme="dark"] {
-
-  --primary: 268.7 100% 86.9%;
-  --primary-foreground: 48 9% 9%;
-  --brand: 268.7 100% 86.9%;
-  --brand-foreground: 48 9% 9%;
-}
-
-@supports not (color: hsl(from red h s l)) {
-  :root {
-    --primary-hover: 268.7 100% 41.6%;
-    --primary-active: 268.7 100% 34.5%;
-    --primary-border: 268.7 68% 66%;
-    --control-outline: 268.7 100% 44.7%;
-    --text-link: 268.7 100% 41.6%;
-    --text-brand: 268.7 100% 41.6%;
-    --text-primary: 268.7 100% 34.5%;
-  }
-
-  .dark,
-  :root[data-theme="dark"] {
-    --primary-hover: 268.7 100% 92.7%;
-    --primary-active: 268.7 100% 81.1%;
-    --primary-border: 268.7 46.7% 23.5%;
-    --control-outline: 268.7 99% 61.8%;
-    --text-link: 268.7 100% 86.9%;
-    --text-brand: 268.7 100% 86.9%;
-    --text-primary: 268.7 100% 92.7%;
-  }
-}
+@import "./godx-tokens.css";

package/dist/themes/godx.d.ts

@@ -8,6 +8,9 @@ import type { AppPreset } from "../app/preset.js";
  *     import { godxPreset } from "@godxjp/ui/themes/godx";
  *     <AppProvider preset={godxPreset}>…</AppProvider>
  *
+ * A shadow root that embeds `@godxjp/ui/styles/core` adds `@godxjp/ui/themes/godx-tokens.css` (the
+ * same colours without the fonts) instead.
+ *
  * Core never imports this module, which is what keeps the GoDX artwork out of a neutral bundle.
  */
 export declare const godxPreset: AppPreset;

package/docs/migrations/v32.md

@@ -28,6 +28,11 @@ Off-cycle approved: owner, 2026-10-09 — the single v32 batch decided on godx-j
   renders none.
 - The email brand mark has no default label.
 - The GoDX look ships as `godxPreset` (`@godxjp/ui/themes/godx`) plus `@godxjp/ui/themes/godx.css`.
+- Since 32.0.1, `@godxjp/ui/themes/godx-tokens.css` holds the GoDX colours without the fonts, for a
+  shadow root that embeds `@godxjp/ui/styles/core` (`@font-face` only works in the document). Add it
+  after `styles/core` there; `godx.css` imports it, so a page needs only `godx.css`.
+- Emails: since 32.0.1, `EMAIL_TOKENS_GODX` (with `EMAIL_COLORS_GODX` / `EMAIL_COLORS_GODX_DARK`)
+  and `EMAIL_BRAND_LABEL_GODX` from `@godxjp/ui/email` keep the GoDX violet and the "GoDX" label.
 
 ### Locale defaults and open localization (#1219)
 
@@ -82,9 +87,11 @@ deprecated re-exports and will be removed in a later major.
 
 ## How to upgrade
 
-1. Upgrade all six packages to 32.0.0 together (`@godxjp/chat` only if you use the chat components).
+1. Upgrade all six packages to the latest 32.0.x together (`@godxjp/chat` only if you use the chat components).
 2. Run `npx godxjp-ui codemod v32 <src> --dry-run`, review, then run it without `--dry-run`. Use
    `--godx` for GoDX products.
+   The 32.0.0 codemod imported the fonts twice under `--godx` (`fonts.css` and `godx.css`, which
+   already imports them). Re-running the 32.0.1 codemod removes the extra `fonts.css` import.
 3. Finish every `note` the codemod printed (a component move that changes props, an `AppProvider`
    that relied on the old `vi` default).
 4. Install the font packages if you keep the Japanese fonts.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "32.0.0",
-  "godxUiMcp": "32.0.0",
+  "version": "32.0.1",
+  "godxUiMcp": "32.0.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -70,6 +70,7 @@
       "import": "./dist/themes/godx.js"
     },
     "./themes/godx.css": "./dist/themes/godx.css",
+    "./themes/godx-tokens.css": "./dist/themes/godx-tokens.css",
     "./lab": {
       "types": "./dist/lab/index.d.ts",
       "import": "./dist/lab/index.js"

package/scripts/brand-accent.generated.mjs

@@ -1,5 +1,5 @@
 // AUTO-GENERATED by scripts/gen-email-tokens.mjs — do not edit.
-// Source: src/tokens/foundation.css + src/themes/godx.css (the LIGHT scheme of each).
+// Source: src/tokens/foundation.css + src/themes/godx-tokens.css (the LIGHT scheme of each).
 // Run `node scripts/gen-email-tokens.mjs` (guard: `node scripts/gen-email-tokens.mjs --check`).
 
 /**
@@ -35,6 +35,6 @@ export const SHIPPED_BRAND_ACCENTS = [
       "g": 0,
       "b": 255
     },
-    "source": "src/themes/godx.css"
+    "source": "src/themes/godx-tokens.css"
   }
 ];

package/scripts/codemod.mjs

@@ -300,26 +300,46 @@ const STYLE_IMPORT_CSS = /^([ \t]*)@import\s+(["'])@godxjp\/ui\/styles\2\s*;[ \t
 const STYLE_IMPORT_JS = /^([ \t]*)import\s+(["'])@godxjp\/ui\/styles\2\s*;?[ \t]*$/m;
 const FONTS = "@godxjp/ui/styles/fonts.css";
 const GODX_CSS = "@godxjp/ui/themes/godx.css";
+const GODX_TOKENS_CSS = "@godxjp/ui/themes/godx-tokens.css";
+const CORE_IMPORT_CSS = /^([ \t]*)@import\s+(["'])@godxjp\/ui\/styles\/core\2\s*;[ \t]*$/m;
+const CORE_IMPORT_JS = /^([ \t]*)import\s+(["'])@godxjp\/ui\/styles\/core\2\s*;?[ \t]*$/m;
 
 export function transformSource(file, source, { godx = false } = {}) {
   let out = source;
   const notes = [];
   const isCss = file.endsWith(".css");
   const styleImport = isCss ? STYLE_IMPORT_CSS : STYLE_IMPORT_JS;
+  const coreImport = isCss ? CORE_IMPORT_CSS : CORE_IMPORT_JS;
+  const written = (indent, q, spec) =>
+    isCss ? `${indent}@import ${q}${spec}${q};` : `${indent}import ${q}${spec}${q};`;
   const m = out.match(styleImport);
   if (m) {
     const [line, indent, q] = m;
     const add = [];
-    if (!out.includes(FONTS) && !out.includes("@godxjp/ui/styles/fonts")) add.push(FONTS);
-    if (godx && !out.includes(GODX_CSS)) add.push(GODX_CSS);
-    if (add.length) {
-      const extra = add
-        .map((spec) =>
-          isCss ? `${indent}@import ${q}${spec}${q};` : `${indent}import ${q}${spec}${q};`,
-        )
-        .join("\n");
-      out = out.replace(line, `${line}\n${extra}`);
+    // gh#1228: godx.css already imports the fonts. Under --godx add only the preset sheet; adding
+    // fonts.css too shipped every @font-face twice (735 → 1470 rules, 178 → 489 kB gzip measured).
+    if (godx) {
+      if (!out.includes(GODX_CSS)) add.push(GODX_CSS);
+    } else if (!out.includes(FONTS) && !out.includes("@godxjp/ui/styles/fonts")) {
+      add.push(FONTS);
     }
+    if (add.length)
+      out = out.replace(line, `${line}\n${add.map((spec) => written(indent, q, spec)).join("\n")}`);
+  }
+  // styles/core (a shadow root or an app with its own fonts): the colour tokens, never the fonts.
+  const c = out.match(coreImport);
+  if (c && godx && !out.includes(GODX_TOKENS_CSS) && !out.includes(GODX_CSS)) {
+    const [line, indent, q] = c;
+    out = out.replace(line, `${line}\n${written(indent, q, GODX_TOKENS_CSS)}`);
+  }
+  // A file the 32.0.0 codemod already touched carries BOTH godx.css and fonts.css: drop the second.
+  if (out.includes(GODX_CSS)) {
+    out = out.replace(
+      isCss
+        ? /^[ \t]*@import\s+["']@godxjp\/ui\/styles\/fonts(?:\.css)?["']\s*;[ \t]*\n/m
+        : /^[ \t]*import\s+["']@godxjp\/ui\/styles\/fonts(?:\.css)?["']\s*;?[ \t]*\n/m,
+      "",
+    );
   }
   if (!isCss && /<AppProvider\b/.test(out)) {
     const tags = out.match(/<AppProvider\b[^>]*>/g) ?? [];