@godxjp/ui 33.4.2 → 33.6.0

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` 33.4.2.** If the project you are editing has a different
+**This catalog describes `@godxjp/ui` 33.6.0.** 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

@@ -68,6 +68,11 @@
       "name": "persist",
       "type": "boolean | readonly AppPreferenceAxis[]"
     },
+    {
+      "description": "The languages the app stores USER CONTENT in, in order, source language first — e.g. `[\"ja\", \"en\", \"vi\"]` for a Japanese-first catalogue (gh#1347). A different fact from the UI locale (`defaultLocale`) and from the registered UI catalogs: a Japanese UI can edit content in three languages, and content may be stored in a language the UI has no catalog for. Every `TranslatableInput` / `TranslatableTextarea` without its own `locales` takes its tabs from this list and opens on its first entry; a field's `locales` / `defaultLocale` still override. Omit (or `[]`) to keep the field default (`getRegisteredLocales()`, first tab = the UI locale). App configuration: not persisted, no setter. Read it from `useAppContext().contentLocales` (`undefined` when unset).",
+      "name": "contentLocales",
+      "type": "readonly string[]"
+    },
     {
       "defaultValue": "false",
       "description": "OFF by default and deliberately opt-in: `name` decides what a native <form> submit sends, so switching it on for every consumer of a shared package would make apps start posting new keys to their backend on a library upgrade. Turn it on for apps that need native form posts or a screen-automation (RPA) contract on their controls. The inert `data-field` companion attribute is emitted regardless; a `name` written on the control itself always wins. NOT persisted to localStorage: it is the app's configuration, not a user choice.",
@@ -100,6 +105,7 @@
     "DO set `defaultTimezone='system'` together with `systemTimezone={serverTimezone}` when your backend knows the legal entity's canonical timezone (e.g. 'Asia/Ho_Chi_Minh'). Use `defaultTimezone='browser'` (the default) only when you want the user's browser clock. Do NOT pass a raw IANA string to `defaultTimezone` if the user may be in a different zone — use the named aliases.",
     "DO wire `onLocaleChange`, `onTimezoneChange`, `onTimeFormatChange`, `onDateFormatChange` to persist changes server-side (e.g. patch user profile via Inertia router) in addition to the automatic localStorage write. These callbacks fire after state is set, so the new value is already reflected in context.",
     "DO set `emitFieldNames` on AppProvider when the app is driven by screen automation (RPA) or posts native forms — every control under a FormField then carries a real `name` taken from the field key, and legacy automation that addressed controls by `name` keeps working after a rewrite. Leave it off (the default) otherwise: it changes what a native submit sends. The `data-field` attribute is emitted either way, so e2e selectors do not depend on this flag.",
+    "DO pass `contentLocales` when the app edits translatable content (`TranslatableInput` / `TranslatableTextarea`) — `contentLocales={[\"ja\", \"en\", \"vi\"]}` — so the tab order and the source-language first tab are stated once, not repeated as `locales` on every field. It is NOT the UI language list: leave `defaultLocale` / `registerLocale` to the UI.",
     "DO restrict the timezone dropdown by passing `timezoneOptions={APP_TIMEZONE_PRESET}` (an exported constant) to AppProvider — every `AppSettingPicker kind=\"timezone\"` inherits this restricted list from context. Without it the picker offers the full IANA list (~600 entries)."
   ],
   "useCases": [

package/agent/components/Logo.json

@@ -70,7 +70,7 @@
     "DO use `<Logo mark=\"godx-lockup\" productSuffix=\"ID\" />` for a product surface branded \"GoDX | ID\" — the divider, the gaps, the `size` scale and the light/dark master are the package's. DON'T inline the kit's flattened \"GoDX | ID\" SVG in the app: it is a second master in its own coordinate system, with global `id=\"title\"`/`id=\"desc\"` that collide across instances, a hardcoded `#0B0F3B` ink with no dark variant, and a hardcoded `#C5C8D6` rule (gh#649).",
     "DON'T typeset the suffix yourself as `<Logo mark=\"godx-lockup\" /><Text>ID</Text>` — that has no divider and the spacing is not the lockup's token.",
     "DON'T re-tint via `className=\"bg-*\"` — the fill reads the `--primary` role token; retune it through a service theme (`--primary`, `--logo-radius`, `--logo-size-*`), not utilities.",
-    "GoDX LOOK = THE PRESET (v32): the package defaults are neutral (ink `--primary`, no product mark). A GoDX surface gets the violet identity, the fonts and the GoDX mark in AuthIdentity from `import \"@godxjp/ui/themes/godx.css\"` (after the base stylesheet) plus `import { godxPreset } from \"@godxjp/ui/themes/godx\"` and `<AppProvider preset={godxPreset}>`. `mark=\"godx\"` / `\"godx-lockup\"` still render the GoDX artwork wherever you place them explicitly.",
+    "GoDX LOOK = THE PRESET (v32): the package defaults are neutral (ink `--primary`, no product mark). A GoDX surface gets the emerald-teal identity (#008066, gh#1345), the fonts and the GoDX mark in AuthIdentity from `import \"@godxjp/ui/themes/godx.css\"` (after the base stylesheet) plus `import { godxPreset } from \"@godxjp/ui/themes/godx\"` and `<AppProvider preset={godxPreset}>`. `mark=\"godx\"` / `\"godx-lockup\"` still render the GoDX artwork wherever you place them explicitly.",
     "DO use `mark=\"godx\"` for the canonical GoDX identity mark on hosted-identity screens — it is ALREADY in the package as real inline vector artwork. DON'T pass a hand-drawn brand SVG as `glyph`, and don't ship a brand asset in the app, to reproduce it.",
     "DO make the brand a link with `asChild`, not with a wrapper: `<Logo asChild mark=\"godx\" wordmark=\"GoDX\"><Link href=\"/\" /></Logo>`. Writing `<a className=\"flex\"><Logo …/></a>` instead is the exact shape ui-audit rejects (no-utility-layout), and dropping the `flex` misaligns the mark."
   ],

package/agent/components/TranslatableInput.json

@@ -20,12 +20,12 @@
       "type": "(value: TranslatableValue) => void"
     },
     {
-      "description": "The BCP-47 tags the field edits, in tab order. Default: every locale registered with the app (`getRegisteredLocales()` — built-in `vi`/`en`/`ja` plus `registerLocale`). Tabs are named by `Intl.DisplayNames` in the reader's UI language; the tags stay the keys.",
+      "description": "The BCP-47 tags the field edits, in tab order. Default: AppProvider `contentLocales` when set (gh#1347 — state the content languages once at the root instead of on every field), else every locale registered with the app (`getRegisteredLocales()` — built-in `vi`/`en`/`ja` plus `registerLocale`). Tabs are named by `Intl.DisplayNames` in the reader's UI language; the tags stay the keys.",
       "name": "locales",
       "type": "readonly string[]"
     },
     {
-      "description": "The locale tab selected first. Default: the AppProvider's active locale when it is in `locales`, else the fallback locale.",
+      "description": "The locale tab selected first. Default: the first of AppProvider `contentLocales` (the source language) when set and in `locales`, else the AppProvider's active locale when it is in `locales`, else the fallback locale.",
       "name": "defaultLocale",
       "type": "string"
     },
@@ -77,6 +77,7 @@
   "storyPath": "data-entry/translatable-input.tsx",
   "tagline": "ONE text field holding a value per locale (`{ ja, en, vi }`), switched by locale tabs above it (gh#1336). For user content stored per locale — a product name, a category label, a menu description (Astrotomic / Spatie `*_translations`). Locales, first tab and fallback come from AppProvider; an empty locale shows the fallback locale's text as its placeholder; a locale with an error is marked on its tab. Every other `Input` prop applies to the one control.",
   "usage": [
+    "DO set the app's content languages ONCE on the root provider — `<AppProvider contentLocales={[\"ja\", \"en\", \"vi\"]}>` — when every translatable field edits the same list; each field then needs no `locales` and opens on the source language (the first). Pass `locales` on a field only where it differs.",
     "DO wrap it in FormField: the label names the control together with the active locale («商品名 English») and names the tab strip («商品名 Language»), `required`/`helper` reach the control, and the active locale's error renders in FormField's error line.",
     "DO pass the per-locale error map from your validator as `errors` (e.g. Laravel `name.ja` → `errors.ja`). Don't pass the same message to FormField `error` as well: FormField's own `error` wins over the reported one, and it would mark the field invalid on every locale.",
     "DO set `fallbackLocale` to the content's SOURCE language (often `ja`) when it differs from the AppProvider's UI fallback — the placeholder of an untranslated locale then shows the source text to translate from.",

package/agent/components/TranslatableTextarea.json

@@ -20,12 +20,12 @@
       "type": "(value: TranslatableValue) => void"
     },
     {
-      "description": "The BCP-47 tags the field edits, in tab order. Default: the app's registered locales.",
+      "description": "The BCP-47 tags the field edits, in tab order. Default: AppProvider `contentLocales` when set, else the app's registered locales.",
       "name": "locales",
       "type": "readonly string[]"
     },
     {
-      "description": "The locale tab selected first. Default: the AppProvider's active locale.",
+      "description": "The locale tab selected first. Default: the first of AppProvider `contentLocales` when set and in `locales`, else the AppProvider's active locale.",
       "name": "defaultLocale",
       "type": "string"
     },

package/agent/components.json

@@ -3146,7 +3146,7 @@
       "DO use `<Logo mark=\"godx-lockup\" productSuffix=\"ID\" />` for a product surface branded \"GoDX | ID\" — the divider, the gaps, the `size` scale and the light/dark master are the package's. DON'T inline the kit's flattened \"GoDX | ID\" SVG in the app: it is a second master in its own coordinate system, with global `id=\"title\"`/`id=\"desc\"` that collide across instances, a hardcoded `#0B0F3B` ink with no dark variant, and a hardcoded `#C5C8D6` rule (gh#649).",
       "DON'T typeset the suffix yourself as `<Logo mark=\"godx-lockup\" /><Text>ID</Text>` — that has no divider and the spacing is not the lockup's token.",
       "DON'T re-tint via `className=\"bg-*\"` — the fill reads the `--primary` role token; retune it through a service theme (`--primary`, `--logo-radius`, `--logo-size-*`), not utilities.",
-      "GoDX LOOK = THE PRESET (v32): the package defaults are neutral (ink `--primary`, no product mark). A GoDX surface gets the violet identity, the fonts and the GoDX mark in AuthIdentity from `import \"@godxjp/ui/themes/godx.css\"` (after the base stylesheet) plus `import { godxPreset } from \"@godxjp/ui/themes/godx\"` and `<AppProvider preset={godxPreset}>`. `mark=\"godx\"` / `\"godx-lockup\"` still render the GoDX artwork wherever you place them explicitly.",
+      "GoDX LOOK = THE PRESET (v32): the package defaults are neutral (ink `--primary`, no product mark). A GoDX surface gets the emerald-teal identity (#008066, gh#1345), the fonts and the GoDX mark in AuthIdentity from `import \"@godxjp/ui/themes/godx.css\"` (after the base stylesheet) plus `import { godxPreset } from \"@godxjp/ui/themes/godx\"` and `<AppProvider preset={godxPreset}>`. `mark=\"godx\"` / `\"godx-lockup\"` still render the GoDX artwork wherever you place them explicitly.",
       "DO use `mark=\"godx\"` for the canonical GoDX identity mark on hosted-identity screens — it is ALREADY in the package as real inline vector artwork. DON'T pass a hand-drawn brand SVG as `glyph`, and don't ship a brand asset in the app, to reproduce it.",
       "DO make the brand a link with `asChild`, not with a wrapper: `<Logo asChild mark=\"godx\" wordmark=\"GoDX\"><Link href=\"/\" /></Logo>`. Writing `<a className=\"flex\"><Logo …/></a>` instead is the exact shape ui-audit rejects (no-utility-layout), and dropping the `flex` misaligns the mark."
     ],
@@ -7148,12 +7148,12 @@
         "type": "(value: TranslatableValue) => void"
       },
       {
-        "description": "The BCP-47 tags the field edits, in tab order. Default: every locale registered with the app (`getRegisteredLocales()` — built-in `vi`/`en`/`ja` plus `registerLocale`). Tabs are named by `Intl.DisplayNames` in the reader's UI language; the tags stay the keys.",
+        "description": "The BCP-47 tags the field edits, in tab order. Default: AppProvider `contentLocales` when set (gh#1347 — state the content languages once at the root instead of on every field), else every locale registered with the app (`getRegisteredLocales()` — built-in `vi`/`en`/`ja` plus `registerLocale`). Tabs are named by `Intl.DisplayNames` in the reader's UI language; the tags stay the keys.",
         "name": "locales",
         "type": "readonly string[]"
       },
       {
-        "description": "The locale tab selected first. Default: the AppProvider's active locale when it is in `locales`, else the fallback locale.",
+        "description": "The locale tab selected first. Default: the first of AppProvider `contentLocales` (the source language) when set and in `locales`, else the AppProvider's active locale when it is in `locales`, else the fallback locale.",
         "name": "defaultLocale",
         "type": "string"
       },
@@ -7205,6 +7205,7 @@
     "storyPath": "data-entry/translatable-input.tsx",
     "tagline": "ONE text field holding a value per locale (`{ ja, en, vi }`), switched by locale tabs above it (gh#1336). For user content stored per locale — a product name, a category label, a menu description (Astrotomic / Spatie `*_translations`). Locales, first tab and fallback come from AppProvider; an empty locale shows the fallback locale's text as its placeholder; a locale with an error is marked on its tab. Every other `Input` prop applies to the one control.",
     "usage": [
+      "DO set the app's content languages ONCE on the root provider — `<AppProvider contentLocales={[\"ja\", \"en\", \"vi\"]}>` — when every translatable field edits the same list; each field then needs no `locales` and opens on the source language (the first). Pass `locales` on a field only where it differs.",
       "DO wrap it in FormField: the label names the control together with the active locale («商品名 English») and names the tab strip («商品名 Language»), `required`/`helper` reach the control, and the active locale's error renders in FormField's error line.",
       "DO pass the per-locale error map from your validator as `errors` (e.g. Laravel `name.ja` → `errors.ja`). Don't pass the same message to FormField `error` as well: FormField's own `error` wins over the reported one, and it would mark the field invalid on every locale.",
       "DO set `fallbackLocale` to the content's SOURCE language (often `ja`) when it differs from the AppProvider's UI fallback — the placeholder of an untranslated locale then shows the source text to translate from.",
@@ -7240,12 +7241,12 @@
         "type": "(value: TranslatableValue) => void"
       },
       {
-        "description": "The BCP-47 tags the field edits, in tab order. Default: the app's registered locales.",
+        "description": "The BCP-47 tags the field edits, in tab order. Default: AppProvider `contentLocales` when set, else the app's registered locales.",
         "name": "locales",
         "type": "readonly string[]"
       },
       {
-        "description": "The locale tab selected first. Default: the AppProvider's active locale.",
+        "description": "The locale tab selected first. Default: the first of AppProvider `contentLocales` when set and in `locales`, else the AppProvider's active locale.",
         "name": "defaultLocale",
         "type": "string"
       },
@@ -9059,6 +9060,11 @@
         "name": "persist",
         "type": "boolean | readonly AppPreferenceAxis[]"
       },
+      {
+        "description": "The languages the app stores USER CONTENT in, in order, source language first — e.g. `[\"ja\", \"en\", \"vi\"]` for a Japanese-first catalogue (gh#1347). A different fact from the UI locale (`defaultLocale`) and from the registered UI catalogs: a Japanese UI can edit content in three languages, and content may be stored in a language the UI has no catalog for. Every `TranslatableInput` / `TranslatableTextarea` without its own `locales` takes its tabs from this list and opens on its first entry; a field's `locales` / `defaultLocale` still override. Omit (or `[]`) to keep the field default (`getRegisteredLocales()`, first tab = the UI locale). App configuration: not persisted, no setter. Read it from `useAppContext().contentLocales` (`undefined` when unset).",
+        "name": "contentLocales",
+        "type": "readonly string[]"
+      },
       {
         "defaultValue": "false",
         "description": "OFF by default and deliberately opt-in: `name` decides what a native <form> submit sends, so switching it on for every consumer of a shared package would make apps start posting new keys to their backend on a library upgrade. Turn it on for apps that need native form posts or a screen-automation (RPA) contract on their controls. The inert `data-field` companion attribute is emitted regardless; a `name` written on the control itself always wins. NOT persisted to localStorage: it is the app's configuration, not a user choice.",
@@ -9091,6 +9097,7 @@
       "DO set `defaultTimezone='system'` together with `systemTimezone={serverTimezone}` when your backend knows the legal entity's canonical timezone (e.g. 'Asia/Ho_Chi_Minh'). Use `defaultTimezone='browser'` (the default) only when you want the user's browser clock. Do NOT pass a raw IANA string to `defaultTimezone` if the user may be in a different zone — use the named aliases.",
       "DO wire `onLocaleChange`, `onTimezoneChange`, `onTimeFormatChange`, `onDateFormatChange` to persist changes server-side (e.g. patch user profile via Inertia router) in addition to the automatic localStorage write. These callbacks fire after state is set, so the new value is already reflected in context.",
       "DO set `emitFieldNames` on AppProvider when the app is driven by screen automation (RPA) or posts native forms — every control under a FormField then carries a real `name` taken from the field key, and legacy automation that addressed controls by `name` keeps working after a rewrite. Leave it off (the default) otherwise: it changes what a native submit sends. The `data-field` attribute is emitted either way, so e2e selectors do not depend on this flag.",
+      "DO pass `contentLocales` when the app edits translatable content (`TranslatableInput` / `TranslatableTextarea`) — `contentLocales={[\"ja\", \"en\", \"vi\"]}` — so the tab order and the source-language first tab are stated once, not repeated as `locales` on every field. It is NOT the UI language list: leave `defaultLocale` / `registerLocale` to the UI.",
       "DO restrict the timezone dropdown by passing `timezoneOptions={APP_TIMEZONE_PRESET}` (an exported constant) to AppProvider — every `AppSettingPicker kind=\"timezone\"` inherits this restricted list from context. Without it the picker offers the full IANA list (~600 entries)."
     ],
     "useCases": [

package/agent/index.json

@@ -54,7 +54,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/v33.4.2/agent/index.json"
+    "pinned": "https://raw.githubusercontent.com/godx-jp/godxjp-ui/v33.6.0/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",
@@ -68,5 +68,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": "33.4.2"
+  "version": "33.6.0"
 }

package/agent/llms.txt

@@ -1,10 +1,10 @@
 # @godxjp/ui
 
 > A Japanese-enterprise React design system: 166 components, 2232 design tokens,
-> 44 cardinal rules. This file is the entry point for AI agents. Catalog version 33.4.2.
+> 44 cardinal rules. This file is the entry point for AI agents. Catalog version 33.6.0.
 
 If your client can run a process, do not read these files — run the MCP server instead
-(`npx @godxjp/ui-mcp@33.4.2`). It is searchable and version-locked. These files exist for agents
+(`npx @godxjp/ui-mcp@33.6.0`). It is searchable and version-locked. These files exist for agents
 that can only fetch URLs.
 
 ## Start
@@ -27,7 +27,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/v33.4.2/agent/...`. A catalog that does not match the installed
+the tag: `.../godx-jp/godxjp-ui/v33.6.0/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/agent/tokens.json

@@ -1,6 +1,6 @@
 [
   {
-    "description": "Color system (HSL components) — the reference design: warm hue-60 neutral spine, a NEUTRAL INK primary (v32, gh#1220), 和色/wa-iro semantics. The neutral spine still carries SmartHR's values and says so per line. The GoDX violet identity is a preset now, not a default: `@godxjp/ui/themes/godx.css` restores it exactly. #fdfdfb warm off-white",
+    "description": "Color system (HSL components) — the reference design: warm hue-60 neutral spine, a NEUTRAL INK primary (v32, gh#1220), 和色/wa-iro semantics. The neutral spine still carries SmartHR's values and says so per line. The GoDX identity colour is a preset now, not a default: `@godxjp/ui/themes/godx.css` (emerald-teal #008066 since gh#1345). #fdfdfb warm off-white",
     "name": "--background",
     "tier": "foundation",
     "value": "60 33% 99%"
@@ -138,7 +138,7 @@
     "value": "30 7% 53%"
   },
   {
-    "description": "STATUS FILLS AND THE INK THAT RIDES ON THEM. The FILLS are the palette and they do not move: 若竹, 山吹, 群青, 朱 are named colours, every solid success/attention surface in every consumer is one of them, and a chip that changes hue on upgrade is a different design. What moved is the INK, and only where it failed to be readable (gh#643). Measured from these very tokens (src/tokens/__tests__/status-fill-contrast.test.ts, and confirmed in Chromium by `check:frame-axe` on /isolate/foundation-colors at 320/375/1440): role fill WAS near-white ink dark ink (48 8% 13%) success #68be8d 2.19:1 ✗ 7.08:1 ✓ attention #eb6101 3.32:1 ✗ 4.68:1 ✓ warning #f8b500 1.74:1 ✗ 8.91:1 ✓ (already dark — the precedent) primary #18181b 17.45:1 ✓ (the GoDX preset violet #7a00ff: 6.32:1) destructive … 6.10:1 ✓ info #4c6cb3 5.00:1 ✓ Two of the eight light-theme fills carried an ink their own lightness cannot support, and the package already knew the answer twice over: --warning-foreground has always been this same near-black on the equally pale 山吹, and the DARK theme flips --success-foreground / --attention-foreground to 48 9% 9% for exactly this reason. The light block was the outlier. REJECTED — darkening 若竹 and 朱 so the near-white ink clears 4.5:1. A fill needs luminance ≤ 0.183 for that; 若竹 sits at 0.422, so \"keep the white text\" means a different green, not a darker one. That is the palette change this deliberately is not. 若竹 #68be8d",
+    "description": "STATUS FILLS AND THE INK THAT RIDES ON THEM. The FILLS are the palette and they do not move: 若竹, 山吹, 群青, 朱 are named colours, every solid success/attention surface in every consumer is one of them, and a chip that changes hue on upgrade is a different design. What moved is the INK, and only where it failed to be readable (gh#643). Measured from these very tokens (src/tokens/__tests__/status-fill-contrast.test.ts, and confirmed in Chromium by `check:frame-axe` on /isolate/foundation-colors at 320/375/1440): role fill WAS near-white ink dark ink (48 8% 13%) success #68be8d 2.19:1 ✗ 7.08:1 ✓ attention #eb6101 3.32:1 ✗ 4.68:1 ✓ warning #f8b500 1.74:1 ✗ 8.91:1 ✓ (already dark — the precedent) primary #18181b 17.45:1 ✓ (the GoDX preset #008066: 4.86:1) destructive … 6.10:1 ✓ info #4c6cb3 5.00:1 ✓ Two of the eight light-theme fills carried an ink their own lightness cannot support, and the package already knew the answer twice over: --warning-foreground has always been this same near-black on the equally pale 山吹, and the DARK theme flips --success-foreground / --attention-foreground to 48 9% 9% for exactly this reason. The light block was the outlier. REJECTED — darkening 若竹 and 朱 so the near-white ink clears 4.5:1. A fill needs luminance ≤ 0.183 for that; 若竹 sits at 0.422, so \"keep the white text\" means a different green, not a darker one. That is the palette change this deliberately is not. 若竹 #68be8d",
     "name": "--success",
     "tier": "foundation",
     "value": "146 40% 58%"
@@ -8382,7 +8382,7 @@
     "value": "initial"
   },
   {
-    "description": "Identity-fill INK — the ink `mark=\"glyph\"` sets its (caller-supplied) TEXT in when it sits on the --brand identity fill. This is deliberately NOT --brand-foreground. --brand-foreground is the identity artwork's KNOCKOUT colour, not an ink: it tracks --background in both themes (light 60 33% 99% = --background; dark 48 9% 9% = --background) because `<Logo mark=\"godx\">` punches its inner bar as an evenodd HOLE and the email mark has to paint that hole as a solid fill to match. Negative space only has to clear WCAG 2.2 SC 1.4.11 (3:1, non-text) — and at 3.67:1 on the emerald it does. The boxed glyph is a different thing: it renders real TEXT, so SC 1.4.3 applies at 4.5:1 (14px bold is NOT \"large text\" — that needs 18.66px bold / 24px). THIS INK USED TO BE THEME-INVARIANT, AND THE VIOLET IDENTITY ENDED THAT. While --brand was 翠 emerald the fill was light in BOTH themes, so one near-black ink cleared AA on both. Brand identity v2.3 makes the fill #7A00FF in light and #DCBCFF in dark — dark and light respectively — so a single ink cannot serve both: measured, near-black on the light-theme violet is 2.77:1, a real AA failure, while the same ink on the dark-theme violet is 10.72:1. So the ink now FLIPS with the theme, and each side is measured: light ink 60 33% 99% (#fdfdfb) on #7A00FF = 6.30:1 dark ink 48 9% 9% (#191815) on #DCBCFF = 10.72:1 The dark override lives HERE and not in foundation.css on purpose: `:root` and `.dark` have equal specificity, and tokens/base.css imports this file AFTER foundation.css — so a `.dark` rule there would lose to the `:root` rule here. Same file, later block, no ambiguity. A service that re-themes --brand to a fill of the opposite lightness overrides --logo-success-foreground (the public knob) to re-invert the ink. NOT a role-mirror knob: its default is a real value, not a role token, so there is no role to freeze at :root and the `initial` + call-site rule (docs/TOKENS.md) does not apply to it.",
+    "description": "Identity-fill INK — the ink `mark=\"glyph\"` sets its (caller-supplied) TEXT in when it sits on the --brand identity fill. This is deliberately NOT --brand-foreground. --brand-foreground is the identity artwork's KNOCKOUT colour, not an ink: it tracks --background in both themes (light 60 33% 99% = --background; dark 48 9% 9% = --background) because `<Logo mark=\"godx\">` punches its inner bar as an evenodd HOLE and the email mark has to paint that hole as a solid fill to match. Negative space only has to clear WCAG 2.2 SC 1.4.11 (3:1, non-text) — and at 3.67:1 on the emerald it does. The boxed glyph is a different thing: it renders real TEXT, so SC 1.4.3 applies at 4.5:1 (14px bold is NOT \"large text\" — that needs 18.66px bold / 24px). THIS INK USED TO BE THEME-INVARIANT, AND THE VIOLET IDENTITY ENDED THAT. While --brand was 翠 emerald the fill was light in BOTH themes, so one near-black ink cleared AA on both. Brand identity v2.3 makes the fill #7A00FF in light and #DCBCFF in dark — dark and light respectively — so a single ink cannot serve both: measured, near-black on the light-theme violet is 2.77:1, a real AA failure, while the same ink on the dark-theme violet is 10.72:1. The GoDX emerald-teal of gh#1345 keeps the same polarity (#008066 light, #5CD6BE dark). So the ink now FLIPS with the theme, and each side is measured on the GoDX preset: light ink 60 33% 99% (#fdfdfb) on #008066 = 4.86:1 dark ink 48 9% 9% (#191815) on #5CD6BE = 9.99:1 The dark override lives HERE and not in foundation.css on purpose: `:root` and `.dark` have equal specificity, and tokens/base.css imports this file AFTER foundation.css — so a `.dark` rule there would lose to the `:root` rule here. Same file, later block, no ambiguity. A service that re-themes --brand to a fill of the opposite lightness overrides --logo-success-foreground (the public knob) to re-invert the ink. NOT a role-mirror knob: its default is a real value, not a role token, so there is no role to freeze at :root and the `initial` + call-site rule (docs/TOKENS.md) does not apply to it.",
     "name": "--logo-identity-foreground",
     "tier": "component",
     "value": "60 33% 99%"
@@ -8580,7 +8580,7 @@
     "value": "initial"
   },
   {
-    "description": "The other half of the ink flip above — see --logo-identity-foreground. The dark fill is the LIGHT violet, so the glyph goes back to the near-black spine (10.72:1).",
+    "description": "The other half of the ink flip above — see --logo-identity-foreground. The dark fill is the LIGHT green #5CD6BE in the GoDX preset, so the glyph goes back to the near-black spine (9.99:1).",
     "name": "--logo-identity-foreground",
     "tier": "component",
     "value": "48 9% 9%"

package/dist/app/app-provider.d.ts

@@ -4,7 +4,7 @@ import type { AppContextValue, AppProviderProp } from "../props/components/app.p
 export type { AppProviderProp, AppContextValue } from "../props/components/app.prop.js";
 /** `AppProvider`'s props (`preset` included since v32, gh#1219 / gh#1220). */
 export type AppProviderProps = AppProviderProp;
-export declare function AppProvider({ children, preset, defaultLocale: defaultLocaleProp, fallbackLocale, defaultTimezone: defaultTimezoneProp, systemTimezone, defaultTimeFormat, defaultDateFormat, timezoneOptions, storageKey, persist, theme: initialTheme, brand: initialBrand, density: initialDensity, fontSize: initialFontSize, scaling: initialScaling, emitFieldNames, onLocaleChange, onTimezoneChange, onTimeFormatChange, onDateFormatChange, onThemeChange, onBrandChange, onDensityChange, onFontSizeChange, onScalingChange, }: AppProviderProps): React.JSX.Element;
+export declare function AppProvider({ children, preset, defaultLocale: defaultLocaleProp, fallbackLocale, defaultTimezone: defaultTimezoneProp, systemTimezone, defaultTimeFormat, defaultDateFormat, timezoneOptions, contentLocales: contentLocalesProp, storageKey, persist, theme: initialTheme, brand: initialBrand, density: initialDensity, fontSize: initialFontSize, scaling: initialScaling, emitFieldNames, onLocaleChange, onTimezoneChange, onTimeFormatChange, onDateFormatChange, onThemeChange, onBrandChange, onDensityChange, onFontSizeChange, onScalingChange, }: AppProviderProps): React.JSX.Element;
 export declare function useAppContext(): AppContextValue;
 /** Returns null outside AppProvider — used by pickers for optional context. */
 export declare function useOptionalAppContext(): AppContextValue | null;

package/dist/app/app-provider.js

@@ -80,6 +80,7 @@ function AppProvider({
   defaultTimeFormat = "locale",
   defaultDateFormat = "locale",
   timezoneOptions,
+  contentLocales: contentLocalesProp,
   storageKey = DEFAULT_STORAGE_KEY,
   persist = true,
   theme: initialTheme = "light",
@@ -133,6 +134,12 @@ function AppProvider({
     scaling
   });
   const persistKey = Array.isArray(persist) ? [...persist].sort().join(",") : String(persist);
+  const contentLocalesKey = contentLocalesProp?.join(",");
+  const contentLocales = React.useMemo(
+    () => contentLocalesProp,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [contentLocalesKey]
+  );
   const persistedAxes = React.useMemo(
     () => resolvePersistedAxes(persist),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -400,6 +407,7 @@ function AppProvider({
       dayPickerLocale: getDayPickerLocale(locale),
       requestHeaders,
       timezoneOptions,
+      contentLocales,
       theme,
       brand,
       density,
@@ -425,6 +433,7 @@ function AppProvider({
       dateFnsLocale,
       requestHeaders,
       timezoneOptions,
+      contentLocales,
       theme,
       brand,
       density,

package/dist/brand/godx-artwork.generated.js

@@ -1,19 +1,19 @@
 const GODX_ARTWORK_ID_TOKEN = "__GXID__";
 const GODX_LOCKUP_LIGHT = Object.freeze({
   viewBox: "30 30 871.285714 182.000000",
-  markup: '<defs>\n  <radialGradient id="__GXID__-gx-lockup-l-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.46" stop-color="#3700A6"/><stop offset="1" stop-color="#0B0F3B"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="1" stop-color="#980BFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#6500E5"/><stop offset="0.40" stop-color="#A611FF"/><stop offset="1" stop-color="#FF3DFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.28" stop-color="#310077"/><stop offset="0.62" stop-color="#990DFF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.70" stop-color="#21005D"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.55" stop-color="#21005D"/><stop offset="1" stop-color="#0B0F3B"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.6" stop-color="#9A45FF"/><stop offset="1" stop-color="#D8BCFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#E8DAFF"/><stop offset="0.46" stop-color="#B264FF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-lockup-l-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-lockup-l-godx-logo" transform="translate(5 7)">\n<path id="__GXID__-gx-lockup-l-icon-body" fill="url(#__GXID__-gx-lockup-l-iconBodyGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-lockup-l-icon-arrow" fill="url(#__GXID__-gx-lockup-l-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-lockup-l-arrow-fold" clip-path="url(#__GXID__-gx-lockup-l-arrowClip)" fill="url(#__GXID__-gx-lockup-l-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n<path id="__GXID__-gx-lockup-l-letter-g" fill="#0B0F3B" fill-rule="evenodd" d="M428 76 L399 98 C391 86 378 79 365 79 C342 79 325 98 325 121 C325 144 343 163 365 163 C382 163 395 153 402 137 H362 V107 H442 V121 C442 165 409 198 365 198 C322 198 287 164 287 121 C287 78 322 44 365 44 C390 44 413 57 428 76 Z"/>\n<path id="__GXID__-gx-lockup-l-letter-o" fill="#0B0F3B" fill-rule="evenodd" d="M566 142.5 C566 173.704 539.585 199 507 199 C474.415 199 448 173.704 448 142.5 C448 111.296 474.415 86 507 86 C539.585 86 566 111.296 566 142.5 Z M533.5 142.5 C533.5 156.583 521.636 168 507 168 C492.364 168 480.5 156.583 480.5 142.5 C480.5 128.417 492.364 117 507 117 C521.636 117 533.5 128.417 533.5 142.5 Z"/>\n<path id="__GXID__-gx-lockup-l-letter-d" fill="#0B0F3B" fill-rule="evenodd" d="M574 44 H650 C698 44 732 75 732 121 C732 162 698 198 650 198 H574 Z M616.5 78 H649 C673 78 690 96 690 121 C690 146 673 164 649 164 H616.5 Z"/>\n<path id="__GXID__-gx-lockup-l-x-upper" fill="url(#__GXID__-gx-lockup-l-xUpperGradient)" fill-rule="evenodd" d="M715 44 H762 Q764 44 765 46 L801 86 L774 117 L713 47 Q711 44 715 44 Z"/>\n<path id="__GXID__-gx-lockup-l-x-diagonal" fill="url(#__GXID__-gx-lockup-l-xMainGradient)" fill-rule="evenodd" d="M844 42 H895 Q897 42 895 44 L761 196 Q759 198 757 198 H711 Q708 198 710 196 L841 44 Q843 42 844 42 Z"/>\n<path id="__GXID__-gx-lockup-l-x-lower" fill="url(#__GXID__-gx-lockup-l-xLowerGradient)" fill-rule="evenodd" d="M831 121 L895 196 Q898 199 894 199 H847 Q844 199 842 197 L805 153 Q803 151 805 149 Z"/>\n</g>'
+  markup: '<defs>\n  <radialGradient id="__GXID__-gx-lockup-l-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.46" stop-color="#00513F"/><stop offset="1" stop-color="#03241D"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#008066"/><stop offset="1" stop-color="#00A383"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#006E57"/><stop offset="0.40" stop-color="#00A383"/><stop offset="1" stop-color="#5CE6C4"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#03241D"/><stop offset="0.28" stop-color="#024034"/><stop offset="0.62" stop-color="#00A383"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#03241D"/><stop offset="0.70" stop-color="#023328"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.55" stop-color="#023328"/><stop offset="1" stop-color="#03241D"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.6" stop-color="#2FBF9C"/><stop offset="1" stop-color="#B8EBDD"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-l-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#D9F5EE"/><stop offset="0.46" stop-color="#4FD1AE"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-lockup-l-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-lockup-l-godx-logo" transform="translate(5 7)">\n<path id="__GXID__-gx-lockup-l-icon-body" fill="url(#__GXID__-gx-lockup-l-iconBodyGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-lockup-l-icon-arrow" fill="url(#__GXID__-gx-lockup-l-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-lockup-l-arrow-fold" clip-path="url(#__GXID__-gx-lockup-l-arrowClip)" fill="url(#__GXID__-gx-lockup-l-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n<path id="__GXID__-gx-lockup-l-letter-g" fill="#0B0F3B" fill-rule="evenodd" d="M428 76 L399 98 C391 86 378 79 365 79 C342 79 325 98 325 121 C325 144 343 163 365 163 C382 163 395 153 402 137 H362 V107 H442 V121 C442 165 409 198 365 198 C322 198 287 164 287 121 C287 78 322 44 365 44 C390 44 413 57 428 76 Z"/>\n<path id="__GXID__-gx-lockup-l-letter-o" fill="#0B0F3B" fill-rule="evenodd" d="M566 142.5 C566 173.704 539.585 199 507 199 C474.415 199 448 173.704 448 142.5 C448 111.296 474.415 86 507 86 C539.585 86 566 111.296 566 142.5 Z M533.5 142.5 C533.5 156.583 521.636 168 507 168 C492.364 168 480.5 156.583 480.5 142.5 C480.5 128.417 492.364 117 507 117 C521.636 117 533.5 128.417 533.5 142.5 Z"/>\n<path id="__GXID__-gx-lockup-l-letter-d" fill="#0B0F3B" fill-rule="evenodd" d="M574 44 H650 C698 44 732 75 732 121 C732 162 698 198 650 198 H574 Z M616.5 78 H649 C673 78 690 96 690 121 C690 146 673 164 649 164 H616.5 Z"/>\n<path id="__GXID__-gx-lockup-l-x-upper" fill="url(#__GXID__-gx-lockup-l-xUpperGradient)" fill-rule="evenodd" d="M715 44 H762 Q764 44 765 46 L801 86 L774 117 L713 47 Q711 44 715 44 Z"/>\n<path id="__GXID__-gx-lockup-l-x-diagonal" fill="url(#__GXID__-gx-lockup-l-xMainGradient)" fill-rule="evenodd" d="M844 42 H895 Q897 42 895 44 L761 196 Q759 198 757 198 H711 Q708 198 710 196 L841 44 Q843 42 844 42 Z"/>\n<path id="__GXID__-gx-lockup-l-x-lower" fill="url(#__GXID__-gx-lockup-l-xLowerGradient)" fill-rule="evenodd" d="M831 121 L895 196 Q898 199 894 199 H847 Q844 199 842 197 L805 153 Q803 151 805 149 Z"/>\n</g>'
 });
 const GODX_LOCKUP_DARK = Object.freeze({
   viewBox: "30 30 871.285714 182.000000",
-  markup: '<defs>\n  <radialGradient id="__GXID__-gx-lockup-d-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.46" stop-color="#3700A6"/><stop offset="1" stop-color="#0B0F3B"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="1" stop-color="#980BFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#6500E5"/><stop offset="0.40" stop-color="#A611FF"/><stop offset="1" stop-color="#FF3DFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.28" stop-color="#310077"/><stop offset="0.62" stop-color="#990DFF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.70" stop-color="#21005D"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.55" stop-color="#21005D"/><stop offset="1" stop-color="#0B0F3B"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.6" stop-color="#9A45FF"/><stop offset="1" stop-color="#D8BCFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#E8DAFF"/><stop offset="0.46" stop-color="#B264FF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-lockup-d-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-lockup-d-godx-logo" transform="translate(5 7)">\n<path id="__GXID__-gx-lockup-d-icon-body" fill="url(#__GXID__-gx-lockup-d-reverseIconGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-lockup-d-icon-arrow" fill="url(#__GXID__-gx-lockup-d-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-lockup-d-arrow-fold" clip-path="url(#__GXID__-gx-lockup-d-arrowClip)" fill="url(#__GXID__-gx-lockup-d-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n<path id="__GXID__-gx-lockup-d-letter-g" fill="#FFFFFF" fill-rule="evenodd" d="M428 76 L399 98 C391 86 378 79 365 79 C342 79 325 98 325 121 C325 144 343 163 365 163 C382 163 395 153 402 137 H362 V107 H442 V121 C442 165 409 198 365 198 C322 198 287 164 287 121 C287 78 322 44 365 44 C390 44 413 57 428 76 Z"/>\n<path id="__GXID__-gx-lockup-d-letter-o" fill="#FFFFFF" fill-rule="evenodd" d="M566 142.5 C566 173.704 539.585 199 507 199 C474.415 199 448 173.704 448 142.5 C448 111.296 474.415 86 507 86 C539.585 86 566 111.296 566 142.5 Z M533.5 142.5 C533.5 156.583 521.636 168 507 168 C492.364 168 480.5 156.583 480.5 142.5 C480.5 128.417 492.364 117 507 117 C521.636 117 533.5 128.417 533.5 142.5 Z"/>\n<path id="__GXID__-gx-lockup-d-letter-d" fill="#FFFFFF" fill-rule="evenodd" d="M574 44 H650 C698 44 732 75 732 121 C732 162 698 198 650 198 H574 Z M616.5 78 H649 C673 78 690 96 690 121 C690 146 673 164 649 164 H616.5 Z"/>\n<path id="__GXID__-gx-lockup-d-x-upper" fill="#FFFFFF" fill-rule="evenodd" d="M715 44 H762 Q764 44 765 46 L801 86 L774 117 L713 47 Q711 44 715 44 Z"/>\n<path id="__GXID__-gx-lockup-d-x-diagonal" fill="url(#__GXID__-gx-lockup-d-reverseXMainGradient)" fill-rule="evenodd" d="M844 42 H895 Q897 42 895 44 L761 196 Q759 198 757 198 H711 Q708 198 710 196 L841 44 Q843 42 844 42 Z"/>\n<path id="__GXID__-gx-lockup-d-x-lower" fill="#FFFFFF" fill-rule="evenodd" d="M831 121 L895 196 Q898 199 894 199 H847 Q844 199 842 197 L805 153 Q803 151 805 149 Z"/>\n</g>'
+  markup: '<defs>\n  <radialGradient id="__GXID__-gx-lockup-d-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.46" stop-color="#00513F"/><stop offset="1" stop-color="#03241D"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#008066"/><stop offset="1" stop-color="#00A383"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#006E57"/><stop offset="0.40" stop-color="#00A383"/><stop offset="1" stop-color="#5CE6C4"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#03241D"/><stop offset="0.28" stop-color="#024034"/><stop offset="0.62" stop-color="#00A383"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#03241D"/><stop offset="0.70" stop-color="#023328"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.55" stop-color="#023328"/><stop offset="1" stop-color="#03241D"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.6" stop-color="#2FBF9C"/><stop offset="1" stop-color="#B8EBDD"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-lockup-d-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#D9F5EE"/><stop offset="0.46" stop-color="#4FD1AE"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-lockup-d-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-lockup-d-godx-logo" transform="translate(5 7)">\n<path id="__GXID__-gx-lockup-d-icon-body" fill="url(#__GXID__-gx-lockup-d-reverseIconGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-lockup-d-icon-arrow" fill="url(#__GXID__-gx-lockup-d-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-lockup-d-arrow-fold" clip-path="url(#__GXID__-gx-lockup-d-arrowClip)" fill="url(#__GXID__-gx-lockup-d-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n<path id="__GXID__-gx-lockup-d-letter-g" fill="#FFFFFF" fill-rule="evenodd" d="M428 76 L399 98 C391 86 378 79 365 79 C342 79 325 98 325 121 C325 144 343 163 365 163 C382 163 395 153 402 137 H362 V107 H442 V121 C442 165 409 198 365 198 C322 198 287 164 287 121 C287 78 322 44 365 44 C390 44 413 57 428 76 Z"/>\n<path id="__GXID__-gx-lockup-d-letter-o" fill="#FFFFFF" fill-rule="evenodd" d="M566 142.5 C566 173.704 539.585 199 507 199 C474.415 199 448 173.704 448 142.5 C448 111.296 474.415 86 507 86 C539.585 86 566 111.296 566 142.5 Z M533.5 142.5 C533.5 156.583 521.636 168 507 168 C492.364 168 480.5 156.583 480.5 142.5 C480.5 128.417 492.364 117 507 117 C521.636 117 533.5 128.417 533.5 142.5 Z"/>\n<path id="__GXID__-gx-lockup-d-letter-d" fill="#FFFFFF" fill-rule="evenodd" d="M574 44 H650 C698 44 732 75 732 121 C732 162 698 198 650 198 H574 Z M616.5 78 H649 C673 78 690 96 690 121 C690 146 673 164 649 164 H616.5 Z"/>\n<path id="__GXID__-gx-lockup-d-x-upper" fill="#FFFFFF" fill-rule="evenodd" d="M715 44 H762 Q764 44 765 46 L801 86 L774 117 L713 47 Q711 44 715 44 Z"/>\n<path id="__GXID__-gx-lockup-d-x-diagonal" fill="url(#__GXID__-gx-lockup-d-reverseXMainGradient)" fill-rule="evenodd" d="M844 42 H895 Q897 42 895 44 L761 196 Q759 198 757 198 H711 Q708 198 710 196 L841 44 Q843 42 844 42 Z"/>\n<path id="__GXID__-gx-lockup-d-x-lower" fill="#FFFFFF" fill-rule="evenodd" d="M831 121 L895 196 Q898 199 894 199 H847 Q844 199 842 197 L805 153 Q803 151 805 149 Z"/>\n</g>'
 });
 const GODX_MARK_LIGHT = Object.freeze({
   viewBox: "30 30 241.000000 182.000000",
-  markup: '<defs>\n  <radialGradient id="__GXID__-gx-mark-l-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.46" stop-color="#3700A6"/><stop offset="1" stop-color="#0B0F3B"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-mark-l-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="1" stop-color="#980BFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#6500E5"/><stop offset="0.40" stop-color="#A611FF"/><stop offset="1" stop-color="#FF3DFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.28" stop-color="#310077"/><stop offset="0.62" stop-color="#990DFF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.70" stop-color="#21005D"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.55" stop-color="#21005D"/><stop offset="1" stop-color="#0B0F3B"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.6" stop-color="#9A45FF"/><stop offset="1" stop-color="#D8BCFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#E8DAFF"/><stop offset="0.46" stop-color="#B264FF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-mark-l-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-mark-l-godx-icon" transform="translate(5 7)">\n<path id="__GXID__-gx-mark-l-icon-body" fill="url(#__GXID__-gx-mark-l-iconBodyGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-mark-l-icon-arrow" fill="url(#__GXID__-gx-mark-l-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-mark-l-arrow-fold" clip-path="url(#__GXID__-gx-mark-l-arrowClip)" fill="url(#__GXID__-gx-mark-l-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n</g>'
+  markup: '<defs>\n  <radialGradient id="__GXID__-gx-mark-l-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.46" stop-color="#00513F"/><stop offset="1" stop-color="#03241D"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-mark-l-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#008066"/><stop offset="1" stop-color="#00A383"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#006E57"/><stop offset="0.40" stop-color="#00A383"/><stop offset="1" stop-color="#5CE6C4"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#03241D"/><stop offset="0.28" stop-color="#024034"/><stop offset="0.62" stop-color="#00A383"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#03241D"/><stop offset="0.70" stop-color="#023328"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.55" stop-color="#023328"/><stop offset="1" stop-color="#03241D"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.6" stop-color="#2FBF9C"/><stop offset="1" stop-color="#B8EBDD"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-l-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#D9F5EE"/><stop offset="0.46" stop-color="#4FD1AE"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-mark-l-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-mark-l-godx-icon" transform="translate(5 7)">\n<path id="__GXID__-gx-mark-l-icon-body" fill="url(#__GXID__-gx-mark-l-iconBodyGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-mark-l-icon-arrow" fill="url(#__GXID__-gx-mark-l-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-mark-l-arrow-fold" clip-path="url(#__GXID__-gx-mark-l-arrowClip)" fill="url(#__GXID__-gx-mark-l-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n</g>'
 });
 const GODX_MARK_DARK = Object.freeze({
   viewBox: "30 30 241.000000 182.000000",
-  markup: '<defs>\n  <radialGradient id="__GXID__-gx-mark-d-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.46" stop-color="#3700A6"/><stop offset="1" stop-color="#0B0F3B"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-mark-d-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="1" stop-color="#980BFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#6500E5"/><stop offset="0.40" stop-color="#A611FF"/><stop offset="1" stop-color="#FF3DFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.28" stop-color="#310077"/><stop offset="0.62" stop-color="#990DFF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#0B0F3B"/><stop offset="0.70" stop-color="#21005D"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.55" stop-color="#21005D"/><stop offset="1" stop-color="#0B0F3B"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#7A00FF"/><stop offset="0.6" stop-color="#9A45FF"/><stop offset="1" stop-color="#D8BCFF"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#E8DAFF"/><stop offset="0.46" stop-color="#B264FF"/><stop offset="1" stop-color="#7A00FF"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-mark-d-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-mark-d-godx-icon" transform="translate(5 7)">\n<path id="__GXID__-gx-mark-d-icon-body" fill="url(#__GXID__-gx-mark-d-reverseIconGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-mark-d-icon-arrow" fill="url(#__GXID__-gx-mark-d-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-mark-d-arrow-fold" clip-path="url(#__GXID__-gx-mark-d-arrowClip)" fill="url(#__GXID__-gx-mark-d-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n</g>'
+  markup: '<defs>\n  <radialGradient id="__GXID__-gx-mark-d-iconBodyGradient" gradientUnits="userSpaceOnUse" cx="58" cy="39" r="183">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.46" stop-color="#00513F"/><stop offset="1" stop-color="#03241D"/>\n  </radialGradient>\n  <linearGradient id="__GXID__-gx-mark-d-arrowTopGradient" gradientUnits="userSpaceOnUse" x1="138" y1="100" x2="245" y2="148">\n    <stop offset="0" stop-color="#008066"/><stop offset="1" stop-color="#00A383"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-arrowFoldGradient" gradientUnits="userSpaceOnUse" x1="230" y1="125" x2="165" y2="214">\n    <stop offset="0" stop-color="#006E57"/><stop offset="0.40" stop-color="#00A383"/><stop offset="1" stop-color="#5CE6C4"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-xMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#03241D"/><stop offset="0.28" stop-color="#024034"/><stop offset="0.62" stop-color="#00A383"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-xUpperGradient" gradientUnits="userSpaceOnUse" x1="747" y1="52" x2="795" y2="119">\n    <stop offset="0" stop-color="#03241D"/><stop offset="0.70" stop-color="#023328"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-xLowerGradient" gradientUnits="userSpaceOnUse" x1="810" y1="125" x2="863" y2="188">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.55" stop-color="#023328"/><stop offset="1" stop-color="#03241D"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-reverseIconGradient" gradientUnits="userSpaceOnUse" x1="52" y1="40" x2="182" y2="211">\n    <stop offset="0" stop-color="#008066"/><stop offset="0.6" stop-color="#2FBF9C"/><stop offset="1" stop-color="#B8EBDD"/>\n  </linearGradient>\n  <linearGradient id="__GXID__-gx-mark-d-reverseXMainGradient" gradientUnits="userSpaceOnUse" x1="861" y1="48" x2="739" y2="202">\n    <stop offset="0" stop-color="#D9F5EE"/><stop offset="0.46" stop-color="#4FD1AE"/><stop offset="1" stop-color="#008066"/>\n  </linearGradient>\n  <clipPath id="__GXID__-gx-mark-d-arrowClip"><path d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/></clipPath>\n</defs>\n\n<g id="__GXID__-gx-mark-d-godx-icon" transform="translate(5 7)">\n<path id="__GXID__-gx-mark-d-icon-body" fill="url(#__GXID__-gx-mark-d-reverseIconGradient)" fill-rule="evenodd" d="M118 23 H183 C186 23 187 24 189 26 L222 64 Q226 69 220 69 H122 C96 69 75 91 75 117 C75 142 97 161 122 161 H151 Q157 161 153 166 L120 203 Q118 205 115 205 C90 205 69 194 50 174 C32 155 25 138 25 117 C25 92 36 75 56 54 C77 32 95 23 118 23 Z"/>\n<path id="__GXID__-gx-mark-d-icon-arrow" fill="url(#__GXID__-gx-mark-d-arrowTopGradient)" fill-rule="evenodd" d="M131 97 H244 Q247 97 249 100 L264 117 Q268 122 264 127 L194 201 Q190 205 185 205 H139 Q133 205 137 201 L176 160 Q179 157 176 154 L129 104 Q123 97 131 97 Z"/>\n<path id="__GXID__-gx-mark-d-arrow-fold" clip-path="url(#__GXID__-gx-mark-d-arrowClip)" fill="url(#__GXID__-gx-mark-d-arrowFoldGradient)" d="M177.5,157 C205,133 238,109 267,120 L285,230 L110,230 Z"/>\n</g>'
 });
 export {
   GODX_ARTWORK_ID_TOKEN,

package/dist/brand/godx-mark.d.ts

@@ -16,8 +16,8 @@
  * and its `--check` guard compare against, so the email mark cannot drift from the package's own
  * flat artwork — the drift that was caught once already.
  *
- * MONOCHROME. The kit also ships a gradient cut (#7A00FF → #3700A6 → #0B0F3B). It is deliberately
- * not used: this mark is painted by a token (`--logo-godx-color` on the web, a colour argument in
+ * MONOCHROME. The kit also ships a gradient cut (#7A00FF → #3700A6 → #0B0F3B; the web master's
+ * stops are emerald-teal since gh#1345). It is deliberately not used: this mark is painted by a token (`--logo-godx-color` on the web, a colour argument in
  * email) so it re-tints per theme and knocks out on dark surfaces. A baked gradient can do neither,
  * and email clients are worse at gradients than they are at paths.
  */

package/dist/components/data-entry/translatable-input.d.ts

@@ -3,8 +3,8 @@ import type { TranslatableValue } from "../../props/components/data-entry.prop.j
 export type { TranslatableValue, TranslatableInputProp, TranslatableInputProp as TranslatableInputProps, TranslatableTextareaProp, TranslatableTextareaProp as TranslatableTextareaProps, } from "../../props/components/data-entry.prop.js";
 /**
  * TranslatableInput — ONE text field that holds a value per locale (`{ ja, en, vi }`), switched by
- * locale tabs above it (gh#1336). The locale list, the first tab and the fallback come from
- * `AppProvider` and are overridable per field; an empty locale shows the fallback locale's text as
+ * locale tabs above it (gh#1336). The locale list and the first tab come from `AppProvider`
+ * `contentLocales` (gh#1347), the fallback from its `fallbackLocale`; each is overridable per field; an empty locale shows the fallback locale's text as
  * its placeholder; a locale with an error is marked on its tab. Every other `Input` prop applies to
  * the single control, and `ref` is that control's `<input>`.
  */

package/dist/components/data-entry/translatable-input.js

@@ -2,6 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CircleAlert } from "lucide-react";
+import { useOptionalAppContext } from "../../app/app-provider.js";
 import { useTranslation } from "../../i18n/use-translation.js";
 import { getRegisteredLocales } from "../../i18n/locale-tags.js";
 import { mergeAriaIds, useReportFieldError } from "../../lib/field-a11y.js";
@@ -35,14 +36,16 @@ function TranslatableField({
   ...rest
 }) {
   const { t, locale: uiLocale, fallbackLocale: appFallbackLocale } = useTranslation();
+  const appContentLocales = useOptionalAppContext()?.contentLocales;
+  const contentLocales = appContentLocales?.length ? appContentLocales : void 0;
   const locales = React.useMemo(() => {
-    const list = localesProp ?? getRegisteredLocales();
+    const list = localesProp ?? contentLocales ?? getRegisteredLocales();
     return list.length > 0 ? list : [uiLocale];
-  }, [localesProp, uiLocale]);
+  }, [localesProp, contentLocales, uiLocale]);
   const pick = (candidates) => candidates.find((code) => code !== void 0 && locales.includes(code)) ?? locales[0];
   const fallbackLocale = pick([fallbackLocaleProp, appFallbackLocale]);
   const [activeState, setActiveState] = React.useState(
-    () => pick([defaultLocale, uiLocale, fallbackLocale])
+    () => pick([defaultLocale, contentLocales?.[0], uiLocale, fallbackLocale])
   );
   const active = locales.includes(activeState) ? activeState : pick([defaultLocale, fallbackLocale]);
   const [innerValue, setInnerValue] = React.useState(defaultValue ?? NO_VALUE);

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": "33.4.2",
+  "version": "33.6.0",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,

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

@@ -155,7 +155,7 @@ export declare const EMAIL_COLOR_SOURCE_GODX: {
     };
     readonly primary: {
         readonly cssVar: "--primary";
-        readonly hsl: "268.7 100% 50%";
+        readonly hsl: "168 100% 25%";
     };
     readonly primaryForeground: {
         readonly cssVar: "--primary-foreground";
@@ -163,11 +163,11 @@ export declare const EMAIL_COLOR_SOURCE_GODX: {
     };
     readonly focus: {
         readonly cssVar: "--primary";
-        readonly hsl: "268.7 100% 50%";
+        readonly hsl: "168 100% 25%";
     };
     readonly brand: {
         readonly cssVar: "--brand";
-        readonly hsl: "268.7 100% 50%";
+        readonly hsl: "168 100% 25%";
     };
     readonly brandForeground: {
         readonly cssVar: "--brand-foreground";
@@ -214,7 +214,7 @@ export declare const EMAIL_COLOR_SOURCE_GODX_DARK: {
     };
     readonly primary: {
         readonly cssVar: "--primary";
-        readonly hsl: "268.7 100% 86.9%";
+        readonly hsl: "168 60% 60%";
     };
     readonly primaryForeground: {
         readonly cssVar: "--primary-foreground";
@@ -222,11 +222,11 @@ export declare const EMAIL_COLOR_SOURCE_GODX_DARK: {
     };
     readonly focus: {
         readonly cssVar: "--primary";
-        readonly hsl: "268.7 100% 86.9%";
+        readonly hsl: "168 60% 60%";
     };
     readonly brand: {
         readonly cssVar: "--brand";
-        readonly hsl: "268.7 100% 86.9%";
+        readonly hsl: "168 60% 60%";
     };
     readonly brandForeground: {
         readonly cssVar: "--brand-foreground";

package/dist/email/tokens.generated.js

@@ -145,7 +145,7 @@ const EMAIL_COLOR_SOURCE_GODX = {
   },
   "primary": {
     "cssVar": "--primary",
-    "hsl": "268.7 100% 50%"
+    "hsl": "168 100% 25%"
   },
   "primaryForeground": {
     "cssVar": "--primary-foreground",
@@ -153,11 +153,11 @@ const EMAIL_COLOR_SOURCE_GODX = {
   },
   "focus": {
     "cssVar": "--primary",
-    "hsl": "268.7 100% 50%"
+    "hsl": "168 100% 25%"
   },
   "brand": {
     "cssVar": "--brand",
-    "hsl": "268.7 100% 50%"
+    "hsl": "168 100% 25%"
   },
   "brandForeground": {
     "cssVar": "--brand-foreground",
@@ -203,7 +203,7 @@ const EMAIL_COLOR_SOURCE_GODX_DARK = {
   },
   "primary": {
     "cssVar": "--primary",
-    "hsl": "268.7 100% 86.9%"
+    "hsl": "168 60% 60%"
   },
   "primaryForeground": {
     "cssVar": "--primary-foreground",
@@ -211,11 +211,11 @@ const EMAIL_COLOR_SOURCE_GODX_DARK = {
   },
   "focus": {
     "cssVar": "--primary",
-    "hsl": "268.7 100% 86.9%"
+    "hsl": "168 60% 60%"
   },
   "brand": {
     "cssVar": "--brand",
-    "hsl": "268.7 100% 86.9%"
+    "hsl": "168 60% 60%"
   },
   "brandForeground": {
     "cssVar": "--brand-foreground",

package/dist/props/components/app.prop.d.ts

@@ -46,6 +46,15 @@ export type AppProviderProp = {
      * the full IANA list; set to restrict (e.g.
      */
     timezoneOptions?: readonly AppTimezone[];
+    /**
+     * The languages the app stores USER CONTENT in (a product name in `ja`/`en`/`vi`), in order —
+     * source language first. Not the UI locale and not the registered UI catalogs: a Japanese UI
+     * can edit content in ja · en · vi, and content may be stored in a language the UI has no
+     * catalog for. Every `TranslatableInput` / `TranslatableTextarea` without its own `locales`
+     * takes its tabs from here and selects the first one. Omit to keep the per-field default
+     * (`getRegisteredLocales()`, first tab = the UI locale). App configuration, never persisted.
+     */
+    contentLocales?: readonly string[];
     /** localStorage key. Default: `godxjp.app`. */
     storageKey?: string;
     /**
@@ -167,6 +176,8 @@ export type AppContextValue = {
     requestHeaders: AppRequestHeaders;
     /** Configured timezone list; `undefined` → full IANA in the timezone-picker recipe. */
     timezoneOptions?: readonly AppTimezone[];
+    /** The app's content languages, source first; `undefined` when `contentLocales` is not set. */
+    contentLocales?: readonly string[];
     /**
      * Current theme axes (mirror `<html data-*>` / inline `--scaling`). `theme` is the user's
      * CHOICE — it can be `"system"`, which `<html data-theme>` never is.

package/dist/props/components/data-entry.prop.d.ts

@@ -244,11 +244,15 @@ type TranslatableFieldProp = {
     /** The WHOLE map after an edit — every other locale's text is carried over untouched. */
     onValueChange?: OnValueChangeProp<TranslatableValue>;
     /**
-     * The locales the field edits, in tab order. Default: every locale registered with the app
-     * (`getRegisteredLocales()` — the built-in `vi`/`en`/`ja` plus `registerLocale(...)`).
+     * The locales the field edits, in tab order. Default: the AppProvider's `contentLocales` when
+     * set, else every locale registered with the app (`getRegisteredLocales()` — the built-in
+     * `vi`/`en`/`ja` plus `registerLocale(...)`).
      */
     locales?: readonly string[];
-    /** The locale tab selected first. Default: the AppProvider's active locale when it is in `locales`. */
+    /**
+     * The locale tab selected first. Default: the first of the AppProvider's `contentLocales` (the
+     * source language) when set and in `locales`, else the AppProvider's active locale when it is.
+     */
     defaultLocale?: string;
     /**
      * The locale whose text shows as the placeholder of an EMPTY locale. Default: the AppProvider's

package/dist/styles/layers.json

@@ -1,5 +1,5 @@
 {
-  "version": "33.4.2",
+  "version": "33.6.0",
   "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

@@ -1,41 +1,45 @@
 
 :root {
 
-  --primary: 268.7 100% 50%;
+  --primary: 168 100% 25%;
   --primary-foreground: 60 33% 99%;
 
-  --brand: 268.7 100% 50%;
+  --brand: 168 100% 25%;
   --brand-foreground: 60 33% 99%;
+
+  --shadow-color: 18 43 38;
 }
 
 .dark,
 :root[data-theme="dark"] {
 
-  --primary: 268.7 100% 86.9%;
+  --primary: 168 60% 60%;
   --primary-foreground: 48 9% 9%;
-  --brand: 268.7 100% 86.9%;
+  --brand: 168 60% 60%;
   --brand-foreground: 48 9% 9%;
+
+  --shadow-color: 6 14 13;
 }
 
 @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%;
+    --primary-hover: 168 100% 16.6%;
+    --primary-active: 168 100% 9.5%;
+    --primary-border: 168 68% 41%;
+    --control-outline: 168 100% 19.7%;
+    --text-link: 168 100% 16.6%;
+    --text-brand: 168 100% 16.6%;
+    --text-primary: 168 100% 9.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%;
+    --primary-hover: 168 60% 65.8%;
+    --primary-active: 168 60% 71.6%;
+    --primary-border: 168 28% 16.2%;
+    --control-outline: 168 59.4% 34.9%;
+    --text-link: 168 60% 60%;
+    --text-brand: 168 60% 60%;
+    --text-primary: 168 60% 65.8%;
   }
 }

package/dist/themes/godx.d.ts

@@ -2,7 +2,7 @@ import type { AppPreset } from "../app/preset.js";
 /**
  * The GoDX PRESET (v32, gh#1220): the product defaults GoDX surfaces shipped with in 31.x, now
  * opt-in so the package's own defaults stay neutral. Pair it with the stylesheet that restores the
- * violet identity:
+ * GoDX identity colour (emerald-teal #008066 since 33.6.0, gh#1345):
  *
  *     import "@godxjp/ui/themes/godx.css";
  *     import { godxPreset } from "@godxjp/ui/themes/godx";

package/dist/themes/godx.js

@@ -3,7 +3,10 @@ import { Logo } from "../components/general/logo.js";
 const godxPreset = Object.freeze({
   name: "godx",
   defaultLocale: "vi",
-  brandMark: createElement(Logo, { mark: "godx", tone: "success" }),
+  // `tone: "primary"` (gh#1345): the mark, its wordmark and the primary button are ONE colour —
+  // the brand green the stylesheet sets on `--primary` and `--brand` alike. "success" would name
+  // the 若竹 status role, which this mark is not.
+  brandMark: createElement(Logo, { mark: "godx", tone: "primary" }),
   emailBrandLabel: "GoDX"
 });
 export {

package/docs/CUSTOMER-THEMING.md

@@ -75,12 +75,13 @@ choose the colour rather than at the point a user cannot read a link.
 **The two things it does that hand-authoring keeps getting wrong:**
 
 - **A dark seed.** Nothing in CSS lifts a light seed onto the dark spine, so a brand file that sets
-  `--primary` only in `:root` keeps the GoDX violet in dark mode and nothing says so. The generator
+  `--primary` only in `:root` keeps the package's (or the GoDX preset's) dark seed in dark mode and
+  nothing says so. The generator
   holds your hue and saturation and moves lightness until the dark seed reads against the dark
   canvas the way the light seed reads against the light one.
 - **Email.** `src/email/tokens.generated.ts` bakes literal hex at build time, because Gmail strips
   `<style>` and Outlook ignores custom properties. Those literals are _this package's_ seed, so a
-  re-themed product still sends GoDX-violet mail — the one surface no amount of CSS reaches. The
+  re-themed product still sends mail in the package's colours — the one surface no amount of CSS reaches. The
   emitted `acme.email.ts` is the override that corrects it.
 
 **What it deliberately leaves out**, because writing them would be a regression:
@@ -415,7 +416,7 @@ Measured, for the two shapes where a naive rule fails:
 | customer hex | label chosen | ratio   | what "always white" would have given |
 | ------------ | ------------ | ------- | ------------------------------------ |
 | `#0071bd`    | `#ffffff`    | 5.13:1  | 5.13:1                               |
-| `#7a00ff`    | `#ffffff`    | 6.42:1  | 6.42:1                               |
+| `#008066`    | `#ffffff`    | 4.91:1  | 4.91:1                               |
 | `#FFD400`    | `#000000`    | 14.67:1 | **1.29:1**                           |
 | `#0A1F44`    | `#ffffff`    | 16.25:1 | 16.25:1                              |
 | `#E30613`    | `#ffffff`    | 4.88:1  | 4.88:1                               |
@@ -475,8 +476,8 @@ tenantTheme("#FFD400").vars["--text-brand"]; // "49.88 100% 24.4%" — 4.56:1, n
 tenantTheme("#7C3AED").vars["--text-brand"]; // "262.12 83.26% 49.44%" — the ramp step, untouched
 ```
 
-**A seed whose ramp step already clears is emitted unchanged**, so the package's own violet is
-byte-identical to what it shipped before, and so are the middle seeds. `tenant-theme.test.ts` sweeps
+**A seed whose ramp step already clears is emitted unchanged**, so the GoDX preset's emerald-teal
+`#008066` gets exactly the derived.css ramp step, and so do the middle seeds. `tenant-theme.test.ts` sweeps
 the whole sRGB cube: the worst case is 4.5:1 on either surface, for all three roles.
 
 **`surface` is the darkest surface the ink lands on, not the page canvas.** It defaults to the

package/docs/DESIGN-AUTHORITY.md

@@ -18,7 +18,7 @@ It changes no code by itself. It is the tie-breaker a reviewer points at.
 | Behaviour primitives                                               | **Radix**                                       | already the implementation — 193 references                                                                                                                                                                |
 | Component composition shape                                        | **shadcn**                                      | already the structural convention — 23 references                                                                                                                                                          |
 | Component taxonomy / grouping                                      | **Ant Design** groups                           | already the catalog shape: `data-entry`, `data-display`, `layout`, `feedback`, `navigation`, `general` — a naming precedent, nothing is installed                                                          |
-| Colour foundation                                                  | **SmartHR**, brand roles aside                  | the NEUTRAL spine is SmartHR's — `--foreground` = TEXT_BLACK, `--border` = BORDER. `--primary` was SmartHR MAIN `#0071bd` until identity v2.3 took the brand roles back: it is GoDX violet `#7A00FF` today |
+| Colour foundation                                                  | **SmartHR**, brand roles aside                  | the NEUTRAL spine is SmartHR's — `--foreground` = TEXT_BLACK, `--border` = BORDER. `--primary` was SmartHR MAIN `#0071bd` until identity v2.3 took the brand roles back: GoDX preset — `#008066` (gh#1345) |
 | **Derived colour — the interaction states hanging off each seed**  | **Measured contrast (WCAG 2.2 / JIS X 8341-3)** | Authored in `src/tokens/derived.css`; no algorithm derives them. Four contrast suites read that file and hold every value to a threshold, and a fifth holds it to the seed's HUE (gh#648) — see below      |
 | **Japanese UI convention — density, JP typography, form patterns** | **SmartHR**                                     | **NEW — this decision.** Extends SmartHR from "where the colours came from" to the authority for how a JP business screen behaves                                                                          |
 | **Japanese accessibility / public-sector convention**              | **デジタル庁 Design System** (Digital Agency)   | **NEW — this decision.** The reference when a JP customer asks which standard a screen meets (JIS X 8341-3)                                                                                                |
@@ -666,6 +666,11 @@ the kit's `action.primary.hover` and then reflects the pressed step, because the
 | dark `--primary-hover`   | kit #E8DAFF                  | #ecdaff · 13.51:1               |
 | dark `--primary-active`  | #fbf7ff · 1.056:1 from white | #cd9fff · 8.41:1 (sign flipped) |
 
+The formula was fitted on that violet and still reproduces it (`derived-seed-sweep.test.ts`). Since
+gh#1345 the GoDX preset's seed is emerald-teal `168 100% 25%` / `168 60% 60%`, and the same formula
+gives light hover #005544 · 8.72:1 and pressed #003027 · 14.17:1, dark hover #73dcc7 · 10.82:1 and
+pressed #8be2d1 · 11.74:1 — no reflection, because the dark seed sits at 60% L.
+
 **The ratio is blind to hue, and that cost a release (gh#648).** Identity v2.3 moved the seed 63
 degrees and this tier stayed on the blue it was derived from: 24.0.0 and 24.1.0 shipped a primary
 button that was violet at rest and navy on hover, with all four contrast suites green throughout,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "33.4.2",
-  "godxUiMcp": "33.4.2",
+  "version": "33.6.0",
+  "godxUiMcp": "33.6.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

package/scripts/brand-accent.generated.mjs

@@ -7,34 +7,9 @@
  * that the consumer did not choose and cannot change without abandoning the GoDX brand (gh#823).
  * `scripts/visual-audit-rules.mjs` exempts exactly these from the 渋み chroma bound.
  *
- * LIGHT SCHEME ONLY, deliberately: the dark `--primary`/`--brand` (#DCBCFF) measures OKLCH
- * chroma 0.097, comfortably inside the 0.18 bound, so it never reaches an exemption. Listing it
- * would widen the carve-out for nothing.
+ * ONLY ACCENTS OVER THE BOUND (OKLCH chroma > 0.18), and LIGHT SCHEME ONLY: an accent
+ * inside the bound never reaches an exemption, so listing it would widen the carve-out for nothing.
+ * Empty since gh#1345 — the GoDX emerald-teal #008066 measures chroma 0.103 (the violet it replaced,
+ * #7A00FF, measured 0.293), and the neutral ink is grey.
  */
-export const SHIPPED_BRAND_ACCENTS = [
-  {
-    "cssVars": [
-      "--primary",
-      "--brand"
-    ],
-    "hsl": "240 6% 10%",
-    "rgb": {
-      "r": 24,
-      "g": 24,
-      "b": 27
-    }
-  },
-  {
-    "cssVars": [
-      "--primary",
-      "--brand"
-    ],
-    "hsl": "268.7 100% 50%",
-    "rgb": {
-      "r": 122,
-      "g": 0,
-      "b": 255
-    },
-    "source": "src/themes/godx-tokens.css"
-  }
-];
+export const SHIPPED_BRAND_ACCENTS = [];

package/scripts/visual-audit-rules.mjs

@@ -106,6 +106,10 @@ export const CHROMA_LIMIT = 0.18;
 /**
  * Per-channel sRGB tolerance for "this IS the accent we ship" (gh#823).
  *
+ * The measurements below were taken on the violet #7A00FF the GoDX preset shipped until gh#1345.
+ * Its emerald-teal successor sits inside the bound, so the exemption list is empty today; the
+ * tolerance is kept for the next accent that would need it.
+ *
  * The audit reads a computed `rgb()` off a live page, so the match has to survive whatever rounding
  * the engine applied on the way there. Measured in Chromium (playwright 1.61), all four routes to
  * the token — `#7A00FF`, `hsl(268.7 100% 50%)`, the legacy comma form, and `hsl(var(--primary))` —
@@ -142,8 +146,8 @@ export function isShippedBrandAccent({ r, g, b }) {
 
 /**
  * @returns {boolean} true when an accent surface exceeds the 渋み chroma limit.
- * The shipped brand accent is exempt — it is over the bound (chroma 0.293) but it is not a choice
- * any consumer made, so reporting it warns every page about a colour nobody can act on, and the
+ * A shipped brand accent over the bound is exempt (the violet was, chroma 0.293, until gh#1345) —
+ * it is not a choice any consumer made, so reporting it warns every page about a colour nobody can act on, and the
  * first reader to hit it silences the rule along with every real finding it would have caught.
  */
 export function isOversaturated(rgb, limit = CHROMA_LIMIT) {