@synopackageland/ui 0.25.1 → 0.25.3

package/CHANGELOG.md

@@ -1,6 +1,26 @@
 # Changelog
 
-## Unreleased
+## 0.25.3 (2026-11-09)
+
+### Grid
+
+- **Cell text follows a short pan.** The canvas grid (`@synopackageland/ui/grid`) redrew its cached cell text only when the visible rows or columns changed, while backgrounds, lines and column headers followed every frame. A pan that stayed within the same columns (a finger on a tablet, a short trackpad move) left the text behind its column, so headers and cells no longer lined up. Any change of the scroll offset now redraws the cell text. No API change
+
+## 0.25.2 (2026-11-09)
+
+On a touch phone, "selected" is now the accent instead of ink, so a choice and the primary action are the same blue. A DSM window, a desktop page and a touch tablet are unchanged. No API change.
+
+### Touch phone
+
+- **Segmented control.** The selected segment (and the thumb that slides to it) is the primary button's fill, accent step 10 (`#0075db` in DSM blue), with the accent's contrast colour (white) on it. White on accent step 10 is 4.60:1 in light and dark, the same as a primary button. The mist track, 44px targets, column rule and reduced-motion behaviour are unchanged
+- **Tab bar.** The current tab's round pad is accent step 10 and its icon is the accent's contrast colour (4.60:1, light and dark); the pad's size and place are unchanged. A tab with a label and no icon keeps the mist pad and shows its label in accent step 10 (4.60:1 on the white bar)
+- An App's own accent (`AppRoot` `accent`) is followed: both use its step 10 and its contrast colour
+- The 0.25.1 press feedback is unchanged
+
+### Migration notes
+
+- `--ui-phone-ink` and `--ui-phone-ink-foreground` (0.25.0) are removed; use `--ui-accent-10` and `--ui-accent-contrast`
+- Phone screenshots of a segmented control or the tab bar need new baselines
 
 ## 0.25.1 (2026-11-09)
 

package/dist/grid-core/renderer/layout.d.ts

@@ -118,7 +118,13 @@ export declare const drawRowDraggingRegion: (ctx: CanvasRenderingContext2D, p: I
 export declare const drawColumnFreezeHandler: (ctx: CanvasRenderingContext2D, p: IResolvedProps) => void;
 /** Line after the frozen columns; a soft shadow once the body scrolls under it. */
 export declare const drawFreezeRegionDivider: (ctx: CanvasRenderingContext2D, p: IResolvedProps) => void;
-/** Whether cached cell content must be redrawn. */
+/**
+ * Whether cached cell content must be redrawn. Any scroll offset counts, not
+ * only a change of the visible cell range: the cache holds the text at the
+ * offset it was drawn at, while backgrounds, lines and headers follow every
+ * frame, so a pan that stays within the same columns (a finger on a tablet)
+ * left the text behind its column.
+ */
 export declare const computeShouldRerender: (current: IGridRenderProps, last?: IGridRenderProps) => boolean;
 /**
  * Paints one frame. `mainCanvas` is the visible canvas; `cacheCanvas` is an

package/dist/grid.js

@@ -680,7 +680,7 @@ const ro = (e, t) => t ? Math.max(t - (e.iconSizeMD - e.iconSizeXS) / 2, 0) : 0,
     return;
   }
   e.save(), e.beginPath(), e.shadowColor = r, e.shadowBlur = 5, e.shadowOffsetX = 3, e.strokeStyle = r, e.moveTo(a + 0.5, 0), e.lineTo(a + 0.5, s), e.stroke(), e.restore();
-}, ta = (e, t) => t == null ? !0 : !(e.theme === t.theme && e.columns === t.columns && e.getLinearRow === t.getLinearRow && e.real2RowIndex === t.real2RowIndex && e.drawCell === t.drawCell && e.coordInstance === t.coordInstance && e.visibleRegion === t.visibleRegion && e.forceRenderFlag === t.forceRenderFlag), na = (e, t) => {
+}, ta = (e, t) => t == null ? !0 : !(e.scrollState.scrollLeft === t.scrollState.scrollLeft && e.scrollState.scrollTop === t.scrollState.scrollTop && e.theme === t.theme && e.columns === t.columns && e.getLinearRow === t.getLinearRow && e.real2RowIndex === t.real2RowIndex && e.drawCell === t.drawCell && e.coordInstance === t.coordInstance && e.visibleRegion === t.visibleRegion && e.forceRenderFlag === t.forceRenderFlag), na = (e, t) => {
   const { containerWidth: n, containerHeight: o, pixelRatio: i, shouldRerender: a, draw: s } = t, r = Math.ceil(n * i), c = Math.ceil(o * i);
   (e.width !== r || e.height !== c) && (e.width = r, e.height = c);
   const l = e.getContext("2d");