npm - @godxjp/ui - Versions diffs - 16.3.0 → 16.4.0 - Mend

@godxjp/ui 16.3.0 → 16.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/app/app-provider.js +1 -0
package/dist/styles/index.css +22 -4
package/dist/tokens/foundation.css +6 -8
package/package.json +8 -7

package/dist/app/app-provider.js CHANGED Viewed

@@ -275,6 +275,7 @@ function AppProvider({
   React.useEffect(() => {
     if (typeof document !== "undefined") {
       document.documentElement.dir = localeDirection(locale);
+      document.documentElement.lang = locale;
     }
   }, [locale]);
   React.useEffect(() => {

package/dist/styles/index.css CHANGED Viewed

@@ -1,11 +1,29 @@
 @import "sonner/dist/styles.css";
 @import "react-day-picker/style.css";
-/* Default sans font — self-contained so consumers need no font config (subsetted: latin/vi/jp). */
-@import "@fontsource/m-plus-2/400.css";
-@import "@fontsource/m-plus-2/500.css";
-@import "@fontsource/m-plus-2/700.css";
+/* Bundled sans fonts — self-contained so consumers need no font config. The browser only
+ * downloads the subset files matching the rendered text:
+ *  · Noto Sans JP — the DEFAULT face (Japanese + Latin), used for all locales except `vi`.
+ *  · Montserrat   — swapped in for the Vietnamese locale (`<html lang="vi">`), incl. its
+ *                   `vietnamese` subset for full diacritics. See --font-family-sans + :lang(vi). */
+@import "@fontsource/noto-sans-jp/400.css";
+@import "@fontsource/noto-sans-jp/500.css";
+@import "@fontsource/noto-sans-jp/700.css";
+@import "@fontsource/montserrat/400.css";
+@import "@fontsource/montserrat/500.css";
+@import "@fontsource/montserrat/700.css";
 @import "tailwindcss";
+/* Vietnamese locale → Montserrat (set by AppProvider via <html lang="vi">). Overrides the
+ * --font-family-sans token so every body/heading rule that reads it switches automatically. */
+:root:lang(vi),
+[lang="vi"] {
+  /* Montserrat for Latin/Vietnamese; Noto Sans JP kept as the tail so any 日本語 in a vi-locale
+   * screen still has the bundled JP face (Montserrat has no CJK glyphs). */
+  --font-family-sans:
+    "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+    system-ui, "Noto Sans JP", sans-serif;
+}
 /* Guarantee the full set of semantic color utilities ships in the compiled CSS
  * even when the library itself only references a few — consumers (and the token
  * docs) must be able to use bg/text/border for EVERY semantic role. Without this

package/dist/tokens/foundation.css CHANGED Viewed

@@ -95,15 +95,13 @@
   /* Sans stack — script-aware per the international convention for mixed
    * Latin/CJK UI: native Latin system fonts FIRST (clean, familiar English &
-   * Vietnamese on every OS), then the bundled "M PLUS 2" + Hiragino / Noto Sans JP
-   * as the CJK fallback. Browsers resolve fonts per-glyph, so Latin renders in the
-   * system sans while 日本語 falls through to M PLUS 2 (still shipped, so JP is
-   * consistent across machines). Listing M PLUS 2 first — its Latin glyphs are
-   * tuned to harmonise with kana, not for standalone English — made English read
-   * oddly; Latin-first fixes that without losing the bundled JP face. */
+   * DEFAULT face is the bundled "Noto Sans JP" (Japanese + clean Latin), with system sans as
+   * the network/loading fallback. The Vietnamese locale swaps this token to Montserrat via
+   * `:root:lang(vi)` in styles/index.css (set by AppProvider's <html lang>). Browsers resolve
+   * fonts per-glyph, so 日本語 and Latin both render in Noto Sans JP when it's loaded. */
   --font-family-sans:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
-    system-ui, "M PLUS 2", "Hiragino Sans", "Noto Sans JP", "Be Vietnam Pro", sans-serif;
+    "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+    system-ui, "Hiragino Sans", sans-serif;
   --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
   /* ── Type scale — GOLDEN-RATIO modular scale (Ant/Tailwind model). ONE base + ONE ratio; every
    * step is base × ratioⁿ, so the whole scale stays in golden proportion. `--font-size-ratio` is

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "16.3.0",
+  "version": "16.4.0",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,
@@ -302,18 +302,18 @@
     "init-agent": "node scripts/init-agent-kit.mjs"
   },
   "peerDependencies": {
+    "@axe-core/playwright": "*",
     "@hookform/resolvers": "^5.2.0",
     "@tanstack/react-query": ">=5.0.0",
+    "axe-core": "*",
+    "playwright": "*",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "react-hook-form": "^7.76.0",
     "react-router-dom": ">=7.0.0",
     "recharts": "^2.13.0 || ^3.0.0",
     "tailwindcss": ">=4.0.0",
-    "zod": "^4.4.0",
-    "playwright": "*",
-    "@axe-core/playwright": "*",
-    "axe-core": "*"
+    "zod": "^4.4.0"
   },
   "peerDependenciesMeta": {
     "recharts": {
@@ -331,8 +331,8 @@
   },
   "dependencies": {
     "@date-fns/tz": "^1.5.0",
-    "@tanstack/react-table": "^8.21.3",
-    "@fontsource/m-plus-2": "^5.2.9",
+    "@fontsource/montserrat": "^5.2.8",
+    "@fontsource/noto-sans-jp": "^5.2.9",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.8",
@@ -359,6 +359,7 @@
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",