@ponchia/ui 0.8.1 → 0.10.0

package/docs/usage.md

@@ -137,8 +137,8 @@ one column inside a slim panel even when the window is wide (island-safe; it
 nests). Two thresholds are built in: `ui-grid` drops to a single column at
 **34rem** and `ui-statgrid`/`ui-app-metrics` at **30rem**, measured on the `ui-cq`
 box. Note `rem` in a container query resolves against the **root** font size, not
-16px — at Bronto's 15px root that's ≈**510px** and ≈**450px**, ~6% tighter than a
-16px mental model. And be aware `ui-grid` already collapses on its own via an
+a fixed device pixel size. At the default 16px root these are **544px** and
+**480px**; they follow the browser text-size preference. And be aware `ui-grid` already collapses on its own via an
 intrinsic `auto-fit` minmax, so `ui-cq` barely changes it — the primitive that
 genuinely *needs* `ui-cq` to collapse by container (not viewport) is
 `ui-statgrid`/`ui-app-metrics`. The container is named `bronto` (hardcoded — there
@@ -186,6 +186,48 @@ a `.ui-legend` key, and fallback data. Full LLM/static report cookbook:
   spinner is CSS. This is the ARIA-driven contract — see reference.md
   → "Composition & state".
 
+## Rows: `ui-row` vs table vs menu item
+
+Three shapes look alike and are not interchangeable:
+
+- **`ui-table`** when the data has columns and a header. A table promises that
+  the third cell means the same thing on every line.
+- **`ui-menu__item`** when the list is a menu: it dismisses on choice, and it is
+  reached through `ui-menu-host`.
+- **`ui-row`** for everything else — a search result, a file in an explorer, an
+  outline entry, a backlink, a commit. A full-width clickable line that
+  *persists*.
+
+```html
+<button class="ui-row ui-row--ruled" type="button" aria-current="true">
+  <span class="ui-row__mark" aria-hidden="true">◆</span>
+  <span class="ui-row__title">apps/server/src/collab/room.ts</span>
+  <span class="ui-row__meta">4m</span>
+</button>
+```
+
+The one rule worth knowing: **`__title` is what truncates.** It takes the slack
+and gives it back first; `__meta` never shrinks, because a half-rendered number
+is worse than no number.
+
+**Pick the right attribute, and it is probably not `aria-selected`.** That one
+is only valid on a row whose role accepts it — `option` inside a `listbox`, or
+`row` / `tab` / `gridcell` / `treeitem`. On a bare `<button>` it is invalid ARIA
+and axe rates it *critical*; this project shipped that mistake in its own demo
+and the a11y gate caught it before release.
+
+- `aria-current="true"` — the row is the current one. The common case, and valid
+  on any element.
+- `aria-selected="true"` — only when the row really is an `option` in a
+  `listbox`, or another role that accepts it.
+- `.is-selected` — when neither fits.
+
+All three paint the same, so the visual state cannot disagree with the announced
+one. Rows carrying a severity should use `ui-severity-row` (`css/state.css`)
+instead, which adds the tone gutter.
+
+`ui-menu__item` composes `ui-row`, which is why they cannot drift.
+
 ## Empty state vs invite
 
 Both use `ui-empty-state`, and the slots are the same three parts — a quiet
@@ -213,8 +255,8 @@ sentences at the same weight, a third is a bare `<p>`.
 
 ## Link vs link--cta
 
-Plain `ui-link` for in-flow links. `ui-link--cta` is the eyebrow-faced
-action link (accent · display · uppercase + arrow) — a *navigational
+Plain `ui-link` for in-flow links. `ui-link--cta` is the accent
+action link with an arrow — a *navigational
 call to action*, not a substitute for a button (no form submit, no
 destructive action).
 
@@ -331,7 +373,7 @@ without it these widgets are unlabelled or unannounced:
   ```
 
   Drop `--icon` and the same markup renders glyph + word. The slot also
-  ellipsises rather than wrapping, so a labelled button in a width-constrained
+  ellipsis rather than wrapping, so a labelled button in a width-constrained
   bar shrinks instead of pushing its neighbours out.
 - **`ui-button--dense`** is for bars whose height is the constraint — a pane
   title bar, a packed toolbar, a table row's actions. It lowers only the
@@ -426,28 +468,9 @@ convey identity to AT. Keep initials to ~2 characters — the box is
 
 Prefer the **native `<dialog>`** path — you get top-layer, backdrop and
 focus-trap free (wire it with `initDialog` for open-triggers + focus-return).
-The older `ui-modal.is-open` + `data-bronto-modal` + `initModal()` path remains
-compatible throughout 0.7, but is deprecated for removal no earlier than 0.8.
-It duplicates platform focus, stacking, and inert ownership and no inspected
-real consumer uses it. Migrate portals to a native `<dialog>` where possible;
-if a framework must retain the controlled path during 0.7, keep the existing
-accessible name and `bronto:modal:close` handling unchanged.
-
-Controlled modals share one document-level stack. Opening a sibling portal
-modal makes the previous modal inert and keeps only the new top modal
-interactive; closing it restores focus into the previous modal. An
-`initPopover()` trigger inside the top modal may target a panel portaled
-elsewhere in the document: while that panel is open, it joins the live modal
-tree and owns Escape without releasing unrelated background content. Background
-nodes added after the modal opens are trapped too. If a controlled parent modal
-closes while a descendant still carries `is-open`, the descendant is suspended
-with the parent and resumes if the parent reopens.
-
-**Scroll-lock is not automatic.** A native `<dialog>` does not freeze background
-scroll — the page behind an open modal can
-still scroll. If that matters, toggle a lock yourself while the modal is open
-(`document.documentElement.style.overflow = 'hidden'`, restored on close), or add
-`html:has(dialog[open]) { overflow: hidden }` for the native path.
+Use a native `<dialog>` with `initDialog()` for focus, stacking, and close
+behavior. Application frameworks own the mount/cleanup lifecycle. The removed
+controlled-modal path is covered by the [0.10 migration](migrations/0.9-to-0.10.md).
 
 ## Carousel & lightbox: one primitive, two skins
 
@@ -623,7 +646,7 @@ authoring engine.
   code — so put the human label in the `<li>` text and the code in `data-value`.
   The `.ui-combobox__empty` ("No matches") is hidden until a filter empties the
   list. Two intentional single-select APG deviations: ArrowDown on a closed list
-  filters rather than pre-selecting the first option, and Tab closes without
+  filters rather than preselecting the first option, and Tab closes without
   committing a merely-highlighted option (Enter/click commits).
 - **Validation** is opt-in via `data-bronto-validate` on the form plus
   `initFormValidation()`; it surfaces messages into a `ui-error-summary` you
@@ -715,7 +738,7 @@ moves into it, but there is **no focus trap** and the rest of the page stays
 interactive — Tab moves *out* of the panel (it does not cycle), and it closes on
 Escape or outside-click. Don't assume `<dialog>`-modal semantics; if you need a
 trap and an inert backdrop, use a real modal (`<dialog>` + `initDialog`). The
-deprecated `initModal()` path remains available only for 0.7 migration. And the
+controlled-modal path was removed in 0.10. And the
 `is-open` fallback is a plain stacked element, so it sits
 *under* any open native `<dialog>`'s top layer — another reason to prefer the
 native `popover` attribute when a popover and a dialog can be open together.
@@ -750,7 +773,6 @@ These are JS widgets wearing the Bronto look; without the behavior they are iner
 | Popover (`ui-popover`) | `initPopover` | no placement/ARIA — prefer the native `popover` attribute |
 | Carousel (`ui-carousel`) | `initCarousel` | a native scroll-snap track (usable, no controls) |
 | Native dialog/lightbox (`<dialog>`, `ui-lightbox`) | `initDialog` | closed markup stays closed; `data-bronto-open`/close buttons do nothing. Do not use `open` as a modal fallback: it is non-modal and has no trigger/focus-return path |
-| Controlled modal (`ui-modal.is-open`, deprecated) | `initModal` (deprecated) | open skin only — no inert trap, focus-return, or Escape close signal |
 | Menu (`data-bronto-menu`) | `initMenu` | a button next to a list with no open/close, outside-click, or Escape |
 | Dismissible alert/callout (`data-bronto-dismissible`) | `dismissible` | the close affordance is just a button; nothing is removed |
 | Toast | `toast()` | nothing — it is imperative-only |
@@ -784,3 +806,11 @@ the shipped palettes are gated (see [contrast.md](contrast.md)); your
 custom accent is not. Verify primary-button label, `--accent-text`, and
 the focus ring against their backgrounds. Full contract:
 [theming.md](theming.md).
+
+## Dense labels
+
+Use `ui-chip--dense` for a static label in a short pane header.
+`ui.chip({ dense: true })` returns that class. Buttons and links carrying it
+retain pointer target floors; use an actual button for an action.
+
+For complete tool/report layouts, use [composition recipes](compositions.md).

package/llms.txt

@@ -45,7 +45,7 @@ the path changes from source `css/` to built `dist/css/`:
 <!-- installed locally -->
 <link rel="stylesheet" href="./node_modules/@ponchia/ui/dist/css/<leaf>.css" />
 <!-- or from a CDN; pin the version (pre-1.0, breaking changes ship in the minor) -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.8.1/dist/css/<leaf>.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.10.0/dist/css/<leaf>.css" />
 ```
 
 The flattened default bundle is `dist/bronto.css` (bundler shorthand
@@ -74,9 +74,7 @@ import { applyStoredTheme } from '@ponchia/ui/behaviors';
 
 Notable behaviors beyond the obvious: `initMenu()` adds close affordances to a
 native `<details data-bronto-menu>` dropdown (outside-click/Escape/select-close);
-`initModal()` wires the controlled `.ui-modal.is-open` path (inert focus-trap +
-role/aria-modal), but is deprecated in 0.7 for removal no earlier than 0.8;
-prefer native `<dialog>` + `initDialog()`. `initDisabledGuard()` makes every `aria-disabled` control
+Native `<dialog>` with `initDialog()` owns modal interaction. `initDisabledGuard()` makes every `aria-disabled` control
 keyboard-inert (CSS alone is only pointer-inert). For the value-bearing fills,
 `attrs.meter(value)` / `attrs.progress(value)` from `@ponchia/ui/classes` return
 `role`+`aria-valuenow/min/max`+the `--value` style to spread onto the host.
@@ -86,20 +84,11 @@ matching `.ui-source-card`, seed lightweight preview metadata, and emit
 `bronto:source:focus`; the host still owns numbering, fetching, trust decisions,
 and any rich preview popover.
 
-Optional lifecycle adapters wrap those behaviors without owning markup or state.
-They remain compatible in 0.7 but are deprecated for removal no earlier than
-0.8; prefer vanilla behavior initialization in the host lifecycle.
-React/Solid/Qwik use hook bindings (peer deps `react` / `solid-js` /
-`@builder.io/qwik`, optional — core stays zero-dep); Svelte uses dependency-free
-actions, and Vue uses dependency-free directives/plugin helpers:
-
-```js
-import { useDialog, useToast } from '@ponchia/ui/react'; // or '@ponchia/ui/solid' or '@ponchia/ui/qwik'
-// React: scope with { root: reactRef } or a resolver, not { root: ref.current } during render.
-// Qwik: hooks run in useVisibleTask$; scope with a Qwik signal — useDialog({ root: useSignal() }).
-// Svelte: import { dialog, toast } from '@ponchia/ui/svelte'.
-// Vue: import { vDialog, useToast } from '@ponchia/ui/vue', or app.use(brontoVue).
-```
+Initialize behaviors in the host framework's mount/cleanup lifecycle. Framework
+adapter subpaths are removed in 0.10. Read `docs/compositions.md` before selecting
+primitives: tools use sans headings and labels, reports prioritize reading,
+and `ui-display` is an explicit brand treatment. The catalog is a lookup, not a
+checklist of components to place on a page.
 
 Optional display glyphs — dot-matrix bitmaps on the `.ui-dotmatrix` primitive
 (decorative by default; `renderGlyph` is SSR-safe, `initDotGlyph` is the DOM form).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ponchia/ui",
-  "version": "0.8.1",
+  "version": "0.10.0",
   "type": "module",
   "description": "CSS-first identity and UI layer for services, tools, sites, and reports — works in HTML, every framework, and PDF, no component runtime. Shared app shell, forms, tables, workflow chrome, plus opt-in analytical/report primitives. Monochrome with one rationed accent. Zero runtime dependencies.",
   "keywords": [
@@ -58,11 +58,6 @@
     "schemas",
     "annotations",
     "connectors",
-    "react",
-    "solid",
-    "qwik",
-    "svelte",
-    "vue",
     "shiki",
     "llms.txt",
     "CHANGELOG.md",
@@ -114,10 +109,15 @@
     "docs/migrations/0.5-to-0.6.md",
     "docs/migrations/0.6-to-0.7.md",
     "docs/migrations/0.7-to-0.8.md",
+    "docs/migrations/0.8-to-0.9.md",
     "docs/adr/0001-color-system.md",
     "docs/adr/0002-scope-and-2026-baseline.md",
     "docs/adr/0003-theme-model.md",
-    "docs/adr/0004-prune-unused-adapters.md"
+    "docs/adr/0004-prune-unused-adapters.md",
+    "docs/compositions.md",
+    "docs/adr/0005-productive-tools-and-editorial-reports.md",
+    "docs/migrations/0.9-to-0.10.md",
+    "docs/adr/0006-trusted-publishing.md"
   ],
   "style": "./dist/bronto.css",
   "scripts": {
@@ -180,7 +180,6 @@
     "check:component-matrix": "node scripts/check-component-matrix.mjs",
     "check:behavior-matrix": "node scripts/check-behavior-matrix.mjs",
     "check:helper-matrix": "node scripts/check-helper-matrix.mjs",
-    "check:binding-matrix": "node scripts/check-binding-matrix.mjs",
     "check:examples": "node scripts/check-examples.mjs",
     "check:visual-baselines": "node scripts/check-visual-baselines.mjs",
     "check:playwright-container": "node scripts/check-playwright-container.mjs",
@@ -199,7 +198,7 @@
     "check:publint": "publint --strict",
     "check:attw": "attw --pack --ignore-rules no-resolution cjs-resolves-to-esm",
     "check:workflows": "github-actionlint .github/workflows/*.yml",
-    "check": "npm run lint && npm run check:format && npm run check:exports && npm run check:fresh && npm run check:classes && npm run check:recipe-types && npm run check:dead && npm run check:complexity && npm run check:types && npm run check:unit && npm run check:shiki && npm run check:dist && npm run check:pack && npm run check:consumer-surface && npm run check:consumer-types && npm run check:component-matrix && npm run check:behavior-matrix && npm run check:helper-matrix && npm run check:binding-matrix && npm run check:examples && npm run check:visual-baselines && npm run check:playwright-container && npm run check:schemas && npm run check:publint && npm run check:attw && npm run check:workflows && npm run check:release && npm run check:versions && npm run check:migrations && npm run check:public-metadata && npm run check:public-hygiene && npm run check:doc-links && npm run check:doc-recipes && npm run check:contract && npm run check:variables && npm run check:contrast && npm run check:dtcg && npm run check:dts-emit && npm run check:glyphs && npm run check:color-policy && npm run check:skins && npm run check:charts && npm run check:mermaid && npm run check:d2 && npm run check:vega && npm run check:report && npm run check:legend && npm run check:chain",
+    "check": "npm run lint && npm run check:format && npm run check:exports && npm run check:fresh && npm run check:classes && npm run check:recipe-types && npm run check:dead && npm run check:complexity && npm run check:types && npm run check:unit && npm run check:shiki && npm run check:dist && npm run check:pack && npm run check:consumer-surface && npm run check:consumer-types && npm run check:component-matrix && npm run check:behavior-matrix && npm run check:helper-matrix && npm run check:examples && npm run check:visual-baselines && npm run check:playwright-container && npm run check:schemas && npm run check:publint && npm run check:attw && npm run check:workflows && npm run check:release && npm run check:versions && npm run check:migrations && npm run check:public-metadata && npm run check:public-hygiene && npm run check:doc-links && npm run check:doc-recipes && npm run check:contract && npm run check:variables && npm run check:contrast && npm run check:dtcg && npm run check:dts-emit && npm run check:glyphs && npm run check:color-policy && npm run check:skins && npm run check:charts && npm run check:mermaid && npm run check:d2 && npm run check:vega && npm run check:report && npm run check:legend && npm run check:chain",
     "test": "node --test \"test/*.test.mjs\"",
     "test:e2e": "playwright test",
     "test:e2e:chromium": "playwright test --project=chromium",
@@ -216,7 +215,6 @@
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
     "@axe-core/playwright": "^4.11.3",
-    "@builder.io/qwik": "^1.20.0",
     "@playwright/test": "1.60.0",
     "github-actionlint": "^1.7.12",
     "jsdom": "^30.0.1",
@@ -224,9 +222,6 @@
     "pdfjs-dist": "^6.2.108",
     "prettier": "^3.9.6",
     "publint": "^0.3.23",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "solid-js": "^1.9.14",
     "stylelint": "^17.14.1",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-use-logical": "^2.1.3",
@@ -234,22 +229,6 @@
     "vega": "^6.3.1",
     "vega-lite": "^6.4.3"
   },
-  "peerDependencies": {
-    "@builder.io/qwik": ">=1.5",
-    "react": ">=18",
-    "solid-js": ">=1.6"
-  },
-  "peerDependenciesMeta": {
-    "@builder.io/qwik": {
-      "optional": true
-    },
-    "react": {
-      "optional": true
-    },
-    "solid-js": {
-      "optional": true
-    }
-  },
   "exports": {
     ".": {
       "types": "./index.d.ts",
@@ -279,6 +258,7 @@
     "./css/skins.css": "./dist/css/skins.css",
     "./css/dataviz.css": "./dist/css/dataviz.css",
     "./css/report.css": "./dist/css/report.css",
+    "./css/row.css": "./dist/css/row.css",
     "./css/figure.css": "./dist/css/figure.css",
     "./css/annotations.css": "./dist/css/annotations.css",
     "./css/legend.css": "./dist/css/legend.css",
@@ -324,6 +304,7 @@
     "./css/unlayered/skins.css": "./css/skins.css",
     "./css/unlayered/dataviz.css": "./css/dataviz.css",
     "./css/unlayered/report.css": "./css/report.css",
+    "./css/unlayered/row.css": "./css/row.css",
     "./css/unlayered/figure.css": "./css/figure.css",
     "./css/unlayered/annotations.css": "./css/annotations.css",
     "./css/unlayered/legend.css": "./css/legend.css",
@@ -473,10 +454,6 @@
       "types": "./behaviors/menu.d.ts",
       "default": "./behaviors/menu.js"
     },
-    "./behaviors/modal": {
-      "types": "./behaviors/modal.d.ts",
-      "default": "./behaviors/modal.js"
-    },
     "./behaviors/popover": {
       "types": "./behaviors/popover.d.ts",
       "default": "./behaviors/popover.js"
@@ -521,26 +498,6 @@
       "types": "./connectors/index.d.ts",
       "default": "./connectors/index.js"
     },
-    "./react": {
-      "types": "./react/index.d.ts",
-      "default": "./react/index.js"
-    },
-    "./solid": {
-      "types": "./solid/index.d.ts",
-      "default": "./solid/index.js"
-    },
-    "./qwik": {
-      "types": "./qwik/index.d.ts",
-      "default": "./qwik/index.js"
-    },
-    "./svelte": {
-      "types": "./svelte/index.d.ts",
-      "default": "./svelte/index.js"
-    },
-    "./vue": {
-      "types": "./vue/index.d.ts",
-      "default": "./vue/index.js"
-    },
     "./skins": {
       "types": "./tokens/skins.d.ts",
       "default": "./tokens/skins.js"
@@ -565,7 +522,11 @@
       "default": "./tokens/vega.js"
     },
     "./vega.json": "./tokens/vega.json",
-    "./fonts/*": "./fonts/*"
+    "./fonts/*": "./fonts/*",
+    "./docs/compositions.md": "./docs/compositions.md",
+    "./docs/adr/0005-productive-tools-and-editorial-reports.md": "./docs/adr/0005-productive-tools-and-editorial-reports.md",
+    "./docs/migrations/0.9-to-0.10.md": "./docs/migrations/0.9-to-0.10.md",
+    "./docs/adr/0006-trusted-publishing.md": "./docs/adr/0006-trusted-publishing.md"
   },
   "overrides": {
     "adm-zip": "0.6.0",

package/tokens/figma.variables.json

@@ -1836,12 +1836,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-lg",
           "valuesByMode": {
-            "global": 3
+            "global": 6
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-lg",
-              "value": "3px"
+              "value": "6px"
             }
           },
           "unit": "px"
@@ -1851,12 +1851,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-md",
           "valuesByMode": {
-            "global": 2
+            "global": 4
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-md",
-              "value": "2px"
+              "value": "4px"
             }
           },
           "unit": "px"
@@ -1881,12 +1881,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-sm",
           "valuesByMode": {
-            "global": 1
+            "global": 2
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-sm",
-              "value": "1px"
+              "value": "2px"
             }
           },
           "unit": "px"
@@ -1896,12 +1896,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--radius-xl",
           "valuesByMode": {
-            "global": 4
+            "global": 8
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--radius-xl",
-              "value": "4px"
+              "value": "8px"
             }
           },
           "unit": "px"
@@ -2114,12 +2114,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-2xs",
           "valuesByMode": {
-            "global": 0.72
+            "global": 0.75
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-2xs",
-              "value": "0.72rem"
+              "value": "0.75rem"
             }
           },
           "unit": "rem"
@@ -2129,12 +2129,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-base",
           "valuesByMode": {
-            "global": 0.95
+            "global": 1
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-base",
-              "value": "0.95rem"
+              "value": "1rem"
             }
           },
           "unit": "rem"
@@ -2144,12 +2144,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-lg",
           "valuesByMode": {
-            "global": 1.15
+            "global": 1.125
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-lg",
-              "value": "1.15rem"
+              "value": "1.125rem"
             }
           },
           "unit": "rem"
@@ -2159,12 +2159,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-sm",
           "valuesByMode": {
-            "global": 0.86
+            "global": 0.875
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-sm",
-              "value": "0.86rem"
+              "value": "0.875rem"
             }
           },
           "unit": "rem"
@@ -2174,12 +2174,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-xl",
           "valuesByMode": {
-            "global": 1.45
+            "global": 1.5
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-xl",
-              "value": "1.45rem"
+              "value": "1.5rem"
             }
           },
           "unit": "rem"
@@ -2189,12 +2189,12 @@
           "type": "FLOAT",
           "sourceCssVariable": "--text-xs",
           "valuesByMode": {
-            "global": 0.76
+            "global": 0.8125
           },
           "$extensions": {
             "com.ponchia.css": {
               "variable": "--text-xs",
-              "value": "0.76rem"
+              "value": "0.8125rem"
             }
           },
           "unit": "rem"

package/tokens/index.js

@@ -21,10 +21,10 @@
 export const cssVars = {
   // Global :root — scales, shared with both themes.
   global: {
-    '--radius-xl': '4px',
-    '--radius-lg': '3px',
-    '--radius-md': '2px',
-    '--radius-sm': '1px',
+    '--radius-xl': '8px',
+    '--radius-lg': '6px',
+    '--radius-md': '4px',
+    '--radius-sm': '2px',
     '--radius-pill': '999px',
     '--space-2xs': '0.25rem',
     '--space-xs': '0.5rem',
@@ -63,12 +63,12 @@ export const cssVars = {
     '--display': 'var(--dot-font)',
     '--display-weight': '700',
     '--display-weight-strong': '800',
-    '--text-2xs': '0.72rem',
-    '--text-xs': '0.76rem',
-    '--text-sm': '0.86rem',
-    '--text-base': '0.95rem',
-    '--text-lg': '1.15rem',
-    '--text-xl': '1.45rem',
+    '--text-2xs': '0.75rem',
+    '--text-xs': '0.8125rem',
+    '--text-sm': '0.875rem',
+    '--text-base': '1rem',
+    '--text-lg': '1.125rem',
+    '--text-xl': '1.5rem',
     '--tracking-wide': '0.14em',
     '--tracking-wider': '0.22em',
     '--ease-standard': 'cubic-bezier(0.2, 0.8, 0.2, 1)',

package/tokens/index.json

@@ -2,10 +2,10 @@
   "$comment": "GENERATED from tokens/index.js — do not edit by hand. Run `npm run tokens:build`; drift-checked by check:fresh. A build artifact for non-JS tooling (Style Dictionary, Figma, other languages).",
   "cssVars": {
     "global": {
-      "--radius-xl": "4px",
-      "--radius-lg": "3px",
-      "--radius-md": "2px",
-      "--radius-sm": "1px",
+      "--radius-xl": "8px",
+      "--radius-lg": "6px",
+      "--radius-md": "4px",
+      "--radius-sm": "2px",
       "--radius-pill": "999px",
       "--space-2xs": "0.25rem",
       "--space-xs": "0.5rem",
@@ -26,12 +26,12 @@
       "--display": "var(--dot-font)",
       "--display-weight": "700",
       "--display-weight-strong": "800",
-      "--text-2xs": "0.72rem",
-      "--text-xs": "0.76rem",
-      "--text-sm": "0.86rem",
-      "--text-base": "0.95rem",
-      "--text-lg": "1.15rem",
-      "--text-xl": "1.45rem",
+      "--text-2xs": "0.75rem",
+      "--text-xs": "0.8125rem",
+      "--text-sm": "0.875rem",
+      "--text-base": "1rem",
+      "--text-lg": "1.125rem",
+      "--text-xl": "1.5rem",
       "--tracking-wide": "0.14em",
       "--tracking-wider": "0.22em",
       "--ease-standard": "cubic-bezier(0.2, 0.8, 0.2, 1)",
@@ -153,10 +153,10 @@
   },
   "tokens": {
     "scale": {
-      "radius-xl": "4px",
-      "radius-lg": "3px",
-      "radius-md": "2px",
-      "radius-sm": "1px",
+      "radius-xl": "8px",
+      "radius-lg": "6px",
+      "radius-md": "4px",
+      "radius-sm": "2px",
       "radius-pill": "999px",
       "space-2xs": "0.25rem",
       "space-xs": "0.5rem",
@@ -177,12 +177,12 @@
       "display": "var(--dot-font)",
       "display-weight": "700",
       "display-weight-strong": "800",
-      "text-2xs": "0.72rem",
-      "text-xs": "0.76rem",
-      "text-sm": "0.86rem",
-      "text-base": "0.95rem",
-      "text-lg": "1.15rem",
-      "text-xl": "1.45rem",
+      "text-2xs": "0.75rem",
+      "text-xs": "0.8125rem",
+      "text-sm": "0.875rem",
+      "text-base": "1rem",
+      "text-lg": "1.125rem",
+      "text-xl": "1.5rem",
       "tracking-wide": "0.14em",
       "tracking-wider": "0.22em",
       "ease-standard": "cubic-bezier(0.2, 0.8, 0.2, 1)",

package/tokens/resolved.json

@@ -129,10 +129,10 @@
     "--focus-ring": "#ff3b41"
   },
   "scale": {
-    "--radius-xl": "4px",
-    "--radius-lg": "3px",
-    "--radius-md": "2px",
-    "--radius-sm": "1px",
+    "--radius-xl": "8px",
+    "--radius-lg": "6px",
+    "--radius-md": "4px",
+    "--radius-sm": "2px",
     "--radius-pill": "999px",
     "--space-2xs": "0.25rem",
     "--space-xs": "0.5rem",
@@ -153,12 +153,12 @@
     "--display": "'Doto', 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', ui-monospace, monospace",
     "--display-weight": "700",
     "--display-weight-strong": "800",
-    "--text-2xs": "0.72rem",
-    "--text-xs": "0.76rem",
-    "--text-sm": "0.86rem",
-    "--text-base": "0.95rem",
-    "--text-lg": "1.15rem",
-    "--text-xl": "1.45rem",
+    "--text-2xs": "0.75rem",
+    "--text-xs": "0.8125rem",
+    "--text-sm": "0.875rem",
+    "--text-base": "1rem",
+    "--text-lg": "1.125rem",
+    "--text-xl": "1.5rem",
     "--tracking-wide": "0.14em",
     "--tracking-wider": "0.22em",
     "--ease-standard": "cubic-bezier(0.2, 0.8, 0.2, 1)",