@humanforest/tokens 0.3.5 → 0.3.7

package/CHANGELOG.md

@@ -0,0 +1,18 @@
+# Changelog
+
+Every @humanforest package shares one version, so one entry covers all seven packages. Newest first.
+
+## 0.3.7 — 2026-09-13
+
+### Features
+
+- **ui**: add FMapContextMenu, a right-click menu on the map
+- **charts**: chart frames and sparklines can be named for screen readers
+
+### Fixes
+
+- **charts**: CellScale types what useCellScale returns
+- **charts**: an empty distribution bar is still named, as "No data"
+- **charts**: a bar sparkline warns that :curve="false" is ignored
+- **charts**: a sparkline leaves non-finite readings off its scale
+- **tokens**: the sub-logo builder passes noUncheckedIndexedAccess

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@humanforest/tokens",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "Forest design tokens — the OKLCH colour engine (src/colourEngine.ts) plus the CSS + JSON it generates via scripts/{scales,type,motion,deck,dataviz,logo}.ts, and the logo SVGs. The generated files are framework-agnostic; do not edit them by hand, run `bun run build`.",
   "files": [
+    "CHANGELOG.md",
     "glyphs",
     "scales",
     "type",

package/src/glyphs.ts

@@ -14,7 +14,7 @@ import glyphAtlas from '../glyphs/glyphs.json';
 import { WORDMARK_PATHS, F } from './logo';
 
 type Glyph = { d?: string; advance: number; x1?: number; y1?: number; x2?: number; y2?: number };
-type Atlas = Record<string, { upm: number; glyphs: Record<string, Glyph> }>;
+type Atlas = Record<FontKey, { upm: number; glyphs: Record<string, Glyph> }>;
 const ATLAS = glyphAtlas as unknown as Atlas;
 
 export type FontKey = 'gt' | 'mohr';
@@ -77,8 +77,8 @@ export function setWord(
   // lands WORDMARK_F_GAP away — calibrated on the f→o pair the wordmark itself defines.
   const gtF = ATLAS.gt.glyphs['f'];
   const gtO = ATLAS.gt.glyphs['o'];
-  const fLsb = (gtF.x1 ?? 0) * (size / ATLAS.gt.upm);
-  const fAdvance = fLsb + F.w + (WORDMARK_F_GAP - (gtO.x1 ?? 0) * (size / ATLAS.gt.upm));
+  const fLsb = (gtF?.x1 ?? 0) * (size / ATLAS.gt.upm);
+  const fAdvance = fLsb + F.w + (WORDMARK_F_GAP - (gtO?.x1 ?? 0) * (size / ATLAS.gt.upm));
 
   const out: PlacedGlyph[] = [];
   let pen = x;
@@ -91,7 +91,7 @@ export function setWord(
   for (const ch of text) {
     if (brandF && ch === 'f') {
       // the artwork, authored in wordmark units with its baseline at F.h — no scaling, it IS the size
-      out.push({ d: WORDMARK_PATHS[0], transform: `translate(${round(pen + fLsb)} ${round(baseline - F.h)})`, cut: false });
+      out.push({ d: WORDMARK_PATHS[0]!, transform: `translate(${round(pen + fLsb)} ${round(baseline - F.h)})`, cut: false });
       extend(pen + fLsb, baseline - F.h, pen + fLsb + F.w, baseline);
       pen += fAdvance;
       continue;

package/src/sublogoSvg.ts

@@ -17,7 +17,11 @@ import {
 } from './sublogo';
 
 const ramps = rj as unknown as Record<string, { levels: Record<number, { hex: string; p3: string }> }>;
-const level = (family: string, lvl: number) => ramps[family].levels[lvl];
+const level = (family: string, lvl: number) => {
+  const colour = ramps[family]?.levels[lvl];
+  if (!colour) throw new Error(`sublogoSvg: the ramps have no ${family} ${lvl}`);
+  return colour;
+};
 const fillOf = (family: string, lvl: number) => {
   const { hex, p3 } = level(family, lvl);
   return `fill="${hex}" style="fill:${hex};fill:${p3};fill-opacity:1;"`;
@@ -106,9 +110,9 @@ export function buildIconSvg(seed: SubBrand, { classes = true } = {}): { svg: st
 
   const ic = iconGeometry();
   const upper = seed.word.toUpperCase();
-  const probe = setWord(upper[0], { font: 'mohr', size: SUBLOGO_MOHR_SIZE });
+  const probe = setWord(upper.charAt(0), { font: 'mohr', size: SUBLOGO_MOHR_SIZE });
   const size = (SUBLOGO_MOHR_SIZE * ic.letterCap) / (probe.inkBottom - probe.inkTop);
-  const run = setWord(upper[0], { font: 'mohr', size });
+  const run = setWord(upper.charAt(0), { font: 'mohr', size });
   const x = ic.cx - (run.inkLeft + (run.inkRight - run.inkLeft) / 2);
   const y = ic.cy - (run.inkTop + (run.inkBottom - run.inkTop) / 2);