@godxjp/ui 32.14.0 → 33.0.0

package/dist/tokens/components/chart.css

@@ -46,3 +46,30 @@
 
   --chart-grid-line-dash: 3 3;
 }
+
+:root {
+
+  --chart-heatmap-cell-size-xs: 1.5rem;
+  --chart-heatmap-cell-size-sm: 1.75rem;
+  --chart-heatmap-cell-size-md: 2rem;
+  --chart-heatmap-cell-size-lg: 2.5rem;
+
+  --chart-heatmap-cell-size: var(--chart-heatmap-cell-size-md);
+
+  --chart-heatmap-cell-gap: var(--stroke-md);
+  --chart-heatmap-cell-radius: initial;
+
+  --chart-heatmap-empty-border: initial;
+
+  --chart-heatmap-emphasis-border: initial;
+  --chart-heatmap-emphasis-width: var(--stroke-md);
+
+  --chart-heatmap-row-header-background: initial;
+  --chart-heatmap-tick-font-size: var(
+    --font-size-xs,
+    calc(var(--font-size-base) / var(--font-size-ratio))
+  );
+
+  --chart-heatmap-legend-swatch-size: var(--space-3);
+  --chart-heatmap-legend-gap: var(--space-2);
+}

package/dist/tokens/components/navigation.css

@@ -149,8 +149,6 @@
 
   --filter-bar-sticky-background: initial;
 
-  --filter-bar-scroll-padding-y: var(--space-1);
-
   --filter-bar-search-width: 20rem;
   --filter-bar-filter-width: var(--filter-picker-width-md);
   --filter-bar-chip-gap: var(--space-2);

package/dist/tokens/foundation.css

@@ -92,6 +92,12 @@
   --chart-5: #4c6cb3;
   --chart-6: #eb6101;
 
+  --chart-heat-1: #d6ebf8;
+  --chart-heat-2: #94c9ec;
+  --chart-heat-3: #4ea3dc;
+  --chart-heat-4: #0077c7;
+  --chart-heat-5: #004a7f;
+
   --disabled-opacity: 0.5;
 
   --radius: calc(0.375rem * var(--scaling));
@@ -385,4 +391,10 @@
 
   --chart-2: #008465;
   --chart-4: #d43b42;
+
+  --chart-heat-1: #173a52;
+  --chart-heat-2: #145f92;
+  --chart-heat-3: #2a88c9;
+  --chart-heat-4: #6db5e6;
+  --chart-heat-5: #bfe1f7;
 }

package/docs/migrations/v33.md

@@ -0,0 +1,60 @@
+# Migrating to @godxjp/ui v33
+
+Off-cycle approved: Pham Thai Duong 2026-10-15 — FilterBar overflow="scroll" taught consumers to build sideways-scrolling filter bars; removing it cannot wait for the next scheduled major.
+
+v33 removes one thing: the horizontally scrolling filter bar. `FilterBar` (and its alias
+`Toolbar`) no longer accepts an `overflow` prop. A filter bar now always wraps. All six packages
+(`@godxjp/ui`, `@godxjp/ui-mcp`, `@godxjp/markdown`, `@godxjp/editor`, `@godxjp/block-editor` and
+`@godxjp/chat`) move to 33.0.0 together.
+
+## Why
+
+The library recommended `overflow="scroll"` for list pages with many filters and long Japanese,
+English or Vietnamese labels. A consumer list page followed that advice, and the result was
+measured at 1240px in Vietnamese: the filter strip was 1945px wide inside a 921px frame, the first
+filter label was clipped at the inline-start edge, and the user had to scroll sideways to reach
+filters they could not see. Leading products do not do this. GitHub, Linear, Gmail, Jira and
+Shopify Polaris IndexFilters never scroll a filter bar sideways; they let it wrap, or they collapse
+the rarely used filters behind a single "More filters" or "Add filter" control.
+
+## Breaking changes
+
+### FilterBar / Toolbar `overflow` is removed
+
+- The `overflow` prop is gone from `FilterBar` and `Toolbar`, and the `FilterBarOverflowProp` type
+  is no longer exported. Passing `overflow` is now a TypeScript error.
+- The strip no longer carries a `data-overflow` attribute, and the
+  `.ui-toolbar[data-overflow="scroll"]` rules are removed from the stylesheet.
+- The bar always wraps: below 640px the filters stack in one column, from 640px up they flow onto
+  as many rows as they need. This is the behaviour the old default `overflow="wrap"` already had,
+  so a bar that never passed `overflow`, or passed `overflow="wrap"`, renders exactly as before.
+
+### Token `--filter-bar-scroll-padding-y` is removed
+
+It only reserved the scrollbar gutter under the removed scroll strip. A theme that sets it can
+delete the line; nothing reads it any more.
+
+`Tabs overflow`, `Topbar overflow` and the chat attachments `overflow` are different components
+and are unchanged.
+
+## How to upgrade
+
+1. Upgrade all six packages to 33.0.x together.
+2. Run `npx godxjp-ui audit <src>`. The new
+   `filter-bar-no-overflow` rule reports every `<FilterBar>` or `<Toolbar>` that still passes
+   `overflow`. The TypeScript build reports the same places.
+3. Delete the `overflow` prop at each place it reports. If a page used `overflow="scroll"` because
+   it has many filters, check how tall the wrapped bar is. When it takes more than two rows, keep
+   the few filters people use most in the bar and move the rest behind one "More filters" Button
+   that opens a Sheet holding them as `FilterBarGroup`s. The library has no dedicated component for
+   this; it is a composition of Button, Sheet and FilterBarGroup, and the applied filters can still
+   show as `chips` on the bar.
+4. Remove any page CSS that targeted `[data-overflow]` on the filter strip, and any theme line that
+   set `--filter-bar-scroll-padding-y`.
+5. Run `npx godxjp-ui sync-rules` and restart your coding agent so it stops recommending the
+   removed prop.
+
+## Support
+
+v32 receives no further releases. A security fix for v32 is an owner exception, decided case by
+case.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "32.14.0",
-  "godxUiMcp": "32.14.0",
+  "version": "33.0.0",
+  "godxUiMcp": "33.0.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -125,6 +125,10 @@
       "types": "./dist/components/charts/compact-bar-trend.d.ts",
       "import": "./dist/components/charts/compact-bar-trend.js"
     },
+    "./charts/heatmap-chart": {
+      "types": "./dist/components/charts/heatmap-chart.d.ts",
+      "import": "./dist/components/charts/heatmap-chart.js"
+    },
     "./charts/line-chart": {
       "types": "./dist/components/charts/line-chart.d.ts",
       "import": "./dist/components/charts/line-chart.js"

package/scripts/ui-audit.mjs

@@ -477,6 +477,19 @@ const RULES = [
     message:
       "Abstract value components use onValueChange, not onChange. Reserve onChange for DOM events.",
   },
+  {
+    id: "filter-bar-no-overflow",
+    replacement: "the default wrapping FilterBar",
+    severity: "error",
+    spansElement: true,
+    // `overflow` was removed from FilterBar/Toolbar in 33.0.0. Its `scroll` value made the bar one
+    // horizontally scrolling strip — measured in a consumer at 1240px (vi): 1945px of filters in a
+    // 921px frame, the first label clipped. Tabs and Topbar keep their own `overflow`; only the
+    // filter bar's opening tag is matched (`<FilterBarGroup` and `<DataTable.Toolbar` are not).
+    test: new RegExp(`<(?:FilterBar|Toolbar)\\b${ATTRS}\\boverflow=`, "g"),
+    message:
+      "FilterBar/Toolbar has no `overflow` prop (removed in 33.0.0) — a filter bar wraps and never scrolls sideways. Delete the prop; with many filters keep the common ones in the bar and put the rest behind one 'More filters' Button that opens a Sheet.",
+  },
   {
     id: "no-arbitrary-hex",
     replacement: "a semantic token",