@tempoxyz/ds 0.3.2 → 0.3.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tempoxyz/ds",
   "type": "module",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "license": "MIT",
   "files": [
     "DESIGN.md",

package/src/web/README.md

@@ -37,7 +37,7 @@ export default defineConfig({
 
 The scales hold the `neutral` and `accent` colors, such as `neutral.shade.040` and `accent.blue.background`, and the `spacing` steps, so spacing `'24'` is `1.5rem`. Tokens named for their role derive from them, such as `content.primary`, `container.regular`, `line.primary`, `radius.xs`, and `borderWidth.thin`. Light and dark values follow the inherited `color-scheme`. [`vars.ts`](./vars.ts) lists every value.
 
-Typography sets bundle a family, size, weight, tracking, and leading, such as `body.b2`, `heading.h1`, and `mono.m1`. The plugin emits the bundled Inter, Pilat, and JetBrains Mono faces, so only the HB Set display face falls back, to Pilat.
+Typography sets bundle a family, size, weight, tracking, and leading, such as `body.b2`, `heading.h1`, and `mono.m1`. The plugin emits the bundled Inter, Pilat, and JetBrains Mono faces, which every set uses.
 
 An app that needs tokens of its own extends `variables` in its own Zyzz config, and applies that config's `vars()` class beside the library's.
 

package/src/web/vars.ts

@@ -192,9 +192,9 @@ export const variables = Vars.define(
       snappy: 'cubic-bezier(0.23, 1, 0.32, 1)',
       spring: 'cubic-bezier(0.32, 0.72, 0, 1)',
     },
-    // The Platform text styles set copy in Inter, titles and values in Pilat, the second display
-    // size in HB Set, and code in JetBrains Mono. The Web contracts ship Inter, Pilat, and JetBrains
-    // Mono, so only HB Set falls back, to Pilat.
+    // The Platform text styles set copy in Inter, titles, display copy, and values in Pilat, and code
+    // in JetBrains Mono. The Web contracts ship all three. The `display` stack keeps HB Set, which
+    // falls back to Pilat, for callers that still name it.
     fontFamily: {
       body: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
       display:
@@ -614,7 +614,7 @@ export const variables = Vars.define(
           lineHeight: '16px',
         },
       },
-      // Pilat Light and HB Set Light are weight 300.
+      // Pilat Light is weight 300, and Pilat Regular is 400.
       display: {
         d1: {
           fontFamily: vars.fontFamily.heading,
@@ -624,9 +624,9 @@ export const variables = Vars.define(
           lineHeight: '41.8px',
         },
         d2: {
-          fontFamily: vars.fontFamily.display,
+          fontFamily: vars.fontFamily.heading,
           fontSize: '36px',
-          fontWeight: 300,
+          fontWeight: 400,
           letterSpacing: '-1.44px',
           lineHeight: '34.2px',
         },