@ponchia/ui 0.6.8 → 0.6.9

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.
Files changed (54) hide show
  1. package/CHANGELOG.md +59 -4
  2. package/README.md +2 -2
  3. package/annotations/index.d.ts.map +1 -1
  4. package/annotations/index.js +5 -6
  5. package/behaviors/carousel.d.ts.map +1 -1
  6. package/behaviors/carousel.js +100 -60
  7. package/behaviors/combobox.d.ts.map +1 -1
  8. package/behaviors/combobox.js +167 -113
  9. package/behaviors/connectors.d.ts.map +1 -1
  10. package/behaviors/connectors.js +39 -23
  11. package/behaviors/forms.d.ts.map +1 -1
  12. package/behaviors/forms.js +211 -207
  13. package/behaviors/glyph.d.ts.map +1 -1
  14. package/behaviors/glyph.js +157 -132
  15. package/behaviors/inert.d.ts +1 -1
  16. package/behaviors/inert.d.ts.map +1 -1
  17. package/behaviors/inert.js +1 -1
  18. package/behaviors/internal.js +2 -2
  19. package/behaviors/modal.js +1 -1
  20. package/behaviors/popover.js +5 -5
  21. package/behaviors/table.d.ts +1 -1
  22. package/behaviors/table.d.ts.map +1 -1
  23. package/behaviors/table.js +7 -8
  24. package/behaviors/tabs.js +2 -2
  25. package/behaviors/toast.js +5 -5
  26. package/classes/index.js +48 -34
  27. package/connectors/index.d.ts +2 -2
  28. package/connectors/index.d.ts.map +1 -1
  29. package/connectors/index.js +7 -10
  30. package/css/app.css +3 -4
  31. package/css/base.css +1 -1
  32. package/css/content.css +3 -3
  33. package/css/disclosure.css +3 -3
  34. package/css/dots.css +4 -4
  35. package/css/feedback.css +6 -7
  36. package/css/forms.css +9 -12
  37. package/css/legend.css +1 -1
  38. package/css/marks.css +1 -1
  39. package/css/motion.css +6 -6
  40. package/css/overlay.css +5 -7
  41. package/css/primitives.css +14 -16
  42. package/css/sidenote.css +2 -2
  43. package/css/table.css +2 -2
  44. package/docs/annotations.md +9 -0
  45. package/docs/architecture.md +28 -0
  46. package/docs/interop/react-flow.md +89 -0
  47. package/docs/package-contract.md +2 -0
  48. package/docs/reporting.md +8 -8
  49. package/docs/stability.md +67 -7
  50. package/glyphs/glyphs.js +43 -33
  51. package/llms.txt +10 -4
  52. package/package.json +5 -2
  53. package/schemas/report-claims.v1.schema.json +1 -1
  54. package/tokens/index.js +2 -2
package/llms.txt CHANGED
@@ -44,7 +44,7 @@ the path changes from source `css/` to built `dist/css/`:
44
44
  <!-- installed locally -->
45
45
  <link rel="stylesheet" href="./node_modules/@ponchia/ui/dist/css/<leaf>.css" />
46
46
  <!-- or from a CDN; pin the version (pre-1.0, breaking changes ship in the minor) -->
47
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.6.8/dist/css/<leaf>.css" />
47
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ponchia/ui@0.6.9/dist/css/<leaf>.css" />
48
48
  ```
49
49
 
50
50
  The flattened default bundle is `dist/bronto.css` (bundler shorthand
@@ -244,7 +244,10 @@ chart rendering, overlay content, and accessibility text. Details:
244
244
 
245
245
  Optional SVG annotations for charts/reports — opt-in, never in the default
246
246
  bundle. This is Bronto's subject / connector / note grammar inspired by
247
- d3-annotation, not an authoring engine:
247
+ d3-annotation, not an authoring engine. For placement, collision handling,
248
+ renderers, editing, and chart/diagram adapters, use the sibling
249
+ `@ponchia/annotations` package; `@ponchia/ui/annotations` stays a
250
+ dependency-free Bronto static-helper compatibility surface:
248
251
 
249
252
  ```html
250
253
  <link rel="stylesheet" href="@ponchia/ui/css/annotations.css" />
@@ -750,7 +753,8 @@ Read these from `node_modules/@ponchia/ui/` — no network needed:
750
753
  - `schemas/report-claims.v1.schema.json` — declarative JSON Schema for
751
754
  `claims.json` sidecars that map report claims to source IDs and relations.
752
755
  - `docs/annotations.md` — SVG annotation recipes and helper guidance for
753
- analytical figures.
756
+ analytical figures, plus the boundary with the sibling `@ponchia/annotations`
757
+ engine package.
754
758
  - `docs/mermaid.md` — theme Mermaid diagrams from bronto tokens (resolved
755
759
  `base` themeVariables, gated) and annotate the rendered SVG.
756
760
  - `docs/d2.md` — theme D2 diagrams from bronto tokens (theme-override slots,
@@ -775,7 +779,9 @@ Read these from `node_modules/@ponchia/ui/` — no network needed:
775
779
  `glyphCells` signatures for the display glyphs. (The DOM form,
776
780
  `initDotGlyph`, is declared in `behaviors/index.d.ts`.)
777
781
  - `annotations/index.d.ts` — no-dependency SVG path helpers for Bronto
778
- annotation geometry.
782
+ annotation geometry. Do not add placement/collision/renderers/adapters here;
783
+ that belongs in `@ponchia/annotations`; do not import or type-reference that
784
+ sibling package from `@ponchia/ui` code or declarations.
779
785
  - `classes/vscode.css-custom-data.json` — editor autocomplete for tokens.
780
786
 
781
787
  ## External web references
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ponchia/ui",
3
- "version": "0.6.8",
3
+ "version": "0.6.9",
4
4
  "type": "module",
5
5
  "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.",
6
6
  "keywords": [
@@ -102,6 +102,7 @@
102
102
  "docs/workbench.md",
103
103
  "docs/command.md",
104
104
  "docs/interop/tailwind.md",
105
+ "docs/interop/react-flow.md",
105
106
  "docs/migrations/0.2-to-0.3.md",
106
107
  "docs/migrations/0.3-to-0.4.md",
107
108
  "docs/migrations/0.4-to-0.5.md",
@@ -147,6 +148,7 @@
147
148
  "check:classes": "node scripts/check-classes.mjs",
148
149
  "check:recipe-types": "node scripts/check-recipe-types.mjs",
149
150
  "check:dead": "knip --treat-config-hints-as-errors",
151
+ "check:complexity": "node scripts/check-complexity.mjs",
150
152
  "check:chain": "node scripts/check-chain.mjs",
151
153
  "check:dts-emit": "node scripts/check-dts-emit.mjs",
152
154
  "check:glyphs": "node scripts/check-glyphs.mjs",
@@ -186,7 +188,7 @@
186
188
  "check:publint": "publint --strict",
187
189
  "check:attw": "attw --pack --ignore-rules no-resolution cjs-resolves-to-esm",
188
190
  "check:workflows": "github-actionlint .github/workflows/*.yml",
189
- "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: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: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",
191
+ "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: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",
190
192
  "test": "node --test \"test/*.test.mjs\"",
191
193
  "test:e2e": "playwright test",
192
194
  "test:e2e:chromium": "playwright test --project=chromium",
@@ -388,6 +390,7 @@
388
390
  "./docs/workbench.md": "./docs/workbench.md",
389
391
  "./docs/command.md": "./docs/command.md",
390
392
  "./docs/interop/tailwind.md": "./docs/interop/tailwind.md",
393
+ "./docs/interop/react-flow.md": "./docs/interop/react-flow.md",
391
394
  "./docs/migrations/0.2-to-0.3.md": "./docs/migrations/0.2-to-0.3.md",
392
395
  "./docs/migrations/0.3-to-0.4.md": "./docs/migrations/0.3-to-0.4.md",
393
396
  "./docs/migrations/0.4-to-0.5.md": "./docs/migrations/0.4-to-0.5.md",
@@ -56,7 +56,7 @@
56
56
  },
57
57
  "hash": {
58
58
  "type": "string",
59
- "pattern": "^(sha256|sha384|sha512):[A-Fa-f0-9]+$"
59
+ "pattern": "^(sha256:[A-Fa-f0-9]{64}|sha384:[A-Fa-f0-9]{96}|sha512:[A-Fa-f0-9]{128})$"
60
60
  },
61
61
  "claimStatus": {
62
62
  "enum": ["supported", "partial", "disputed", "unsupported", "unknown"]
package/tokens/index.js CHANGED
@@ -115,7 +115,7 @@ export const cssVars = {
115
115
  // (D2/Mermaid/Vega labels on an accent fill — see tokens/*.json). In-DOM
116
116
  // components paint their own on-accent ink from `--button-text`; overriding
117
117
  // `--on-accent` in CSS does NOT change a button/chip. To re-ink in-DOM
118
- // accent fills, set `--button-text`. (tokens review C7.)
118
+ // accent fills, set `--button-text`.
119
119
  '--on-accent': 'var(--button-text)',
120
120
  '--accent-soft': 'color-mix(in srgb, var(--accent) 10%, transparent)',
121
121
  '--success': '#2f7d4f',
@@ -156,7 +156,7 @@ export const cssVars = {
156
156
  // (D2/Mermaid/Vega labels on an accent fill — see tokens/*.json). In-DOM
157
157
  // components paint their own on-accent ink from `--button-text`; overriding
158
158
  // `--on-accent` in CSS does NOT change a button/chip. To re-ink in-DOM
159
- // accent fills, set `--button-text`. (tokens review C7.)
159
+ // accent fills, set `--button-text`.
160
160
  '--on-accent': 'var(--button-text)',
161
161
  '--accent-soft': 'color-mix(in srgb, var(--accent) 14%, transparent)',
162
162
  '--success': '#4ec27e',