@the-portland-company/shell 0.28.1 → 0.29.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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,26 @@
1
+ ## 0.29.0 — 2026-07-23
2
+
3
+ ### Added — `./runtime-tokens` (`ensureRuntimeBrandTokens`)
4
+
5
+ A static `<link>` to `/api/tokens?format=css` in `<head>` is not sufficient on
6
+ its own: an app's own bundled `chrome.css` can be injected AFTER it and win the
7
+ cascade. VRM linked the runtime sheet and still resolved `--color-accent` from
8
+ the build-time snapshot, so a Brand edit reached four apps and not the fifth.
9
+
10
+ `ensureRuntimeBrandTokens()` appends (or moves) the tokens link to the END of
11
+ `<head>` at startup, making the live Brand values last in the cascade for every
12
+ app. Idempotent, and the response's ETag + `max-age=60` means no extra fetch.
13
+
14
+ ## 0.28.2 — 2026-07-23
15
+
16
+ ### Fixed — the Chakra theme hardcoded the body font
17
+
18
+ `politogyTheme.fonts.heading/body` were pinned to the system stack. Chakra's
19
+ global styles beat app CSS, so VRM rendered in `-apple-system` while every app
20
+ on the native chrome rendered the Brand family — and no Brand-editor font change
21
+ could ever reach it. Both now resolve `var(--font-family, …)` (mono resolves
22
+ `--type-mono-family`), with the old stacks as the pre-tokens fallback only.
23
+
1
24
  ## 0.28.1 — 2026-07-23
2
25
 
3
26
  ### Fixed — the left bar lost its background (regression in 0.25.0)
package/dist/index.cjs CHANGED
@@ -727,10 +727,12 @@ var styles = {
727
727
  }
728
728
  })
729
729
  };
730
+ var SYSTEM_SANS = 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif';
731
+ var SYSTEM_MONO = 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
730
732
  var fonts = {
731
- heading: '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif',
732
- body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif',
733
- mono: 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
733
+ heading: `var(--font-family, ${SYSTEM_SANS})`,
734
+ body: `var(--font-family, ${SYSTEM_SANS})`,
735
+ mono: `var(--type-mono-family, ${SYSTEM_MONO})`
734
736
  };
735
737
  var politogyTheme = react.extendTheme({
736
738
  config,