@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.
- package/CHANGELOG.md +59 -4
- package/README.md +2 -2
- package/annotations/index.d.ts.map +1 -1
- package/annotations/index.js +5 -6
- package/behaviors/carousel.d.ts.map +1 -1
- package/behaviors/carousel.js +100 -60
- package/behaviors/combobox.d.ts.map +1 -1
- package/behaviors/combobox.js +167 -113
- package/behaviors/connectors.d.ts.map +1 -1
- package/behaviors/connectors.js +39 -23
- package/behaviors/forms.d.ts.map +1 -1
- package/behaviors/forms.js +211 -207
- package/behaviors/glyph.d.ts.map +1 -1
- package/behaviors/glyph.js +157 -132
- package/behaviors/inert.d.ts +1 -1
- package/behaviors/inert.d.ts.map +1 -1
- package/behaviors/inert.js +1 -1
- package/behaviors/internal.js +2 -2
- package/behaviors/modal.js +1 -1
- package/behaviors/popover.js +5 -5
- package/behaviors/table.d.ts +1 -1
- package/behaviors/table.d.ts.map +1 -1
- package/behaviors/table.js +7 -8
- package/behaviors/tabs.js +2 -2
- package/behaviors/toast.js +5 -5
- package/classes/index.js +48 -34
- package/connectors/index.d.ts +2 -2
- package/connectors/index.d.ts.map +1 -1
- package/connectors/index.js +7 -10
- package/css/app.css +3 -4
- package/css/base.css +1 -1
- package/css/content.css +3 -3
- package/css/disclosure.css +3 -3
- package/css/dots.css +4 -4
- package/css/feedback.css +6 -7
- package/css/forms.css +9 -12
- package/css/legend.css +1 -1
- package/css/marks.css +1 -1
- package/css/motion.css +6 -6
- package/css/overlay.css +5 -7
- package/css/primitives.css +14 -16
- package/css/sidenote.css +2 -2
- package/css/table.css +2 -2
- package/docs/annotations.md +9 -0
- package/docs/architecture.md +28 -0
- package/docs/interop/react-flow.md +89 -0
- package/docs/package-contract.md +2 -0
- package/docs/reporting.md +8 -8
- package/docs/stability.md +67 -7
- package/glyphs/glyphs.js +43 -33
- package/llms.txt +10 -4
- package/package.json +5 -2
- package/schemas/report-claims.v1.schema.json +1 -1
- 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.
|
|
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.
|
|
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
|
|
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`.
|
|
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`.
|
|
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',
|