@adia-ai/web-modules 0.6.13 → 0.6.14
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,5 +1,17 @@
|
|
|
1
1
|
# Changelog — @adia-ai/web-modules
|
|
2
2
|
|
|
3
|
+
## [0.6.14] — 2026-05-21
|
|
4
|
+
|
|
5
|
+
### Fixed
|
|
6
|
+
- **`<admin-page-header>` — distinct background + drop-shadow.** Page-header now uses `var(--page-content-header-bg)` (= `--a-canvas-2`, ΔL=0.08 above body canvas) with `var(--a-shadow-sm)` instead of inheriting the body canvas. The previous behavior used `var(--page-content-bg)` (same as body), which left the band visually flush with the page body — a regression observed in dark mode on the claims-ui-v3 cold-start dogfood at 1572px viewport where KPI cards rendered visually attached to the page-header content. Two tokens shift: `--page-content-header-bg: var(--a-canvas-2)` (new, in `admin-shell.tokens.css`) and `box-shadow: var(--a-shadow-sm)` (new, in `admin-shell.bespoke.css` at `admin-page > admin-page-header`). The intent is preserve-not-regress visual hierarchy: page-header band reads as elevated chrome over the body's content surface in both light and dark modes.
|
|
7
|
+
|
|
8
|
+
### Verification
|
|
9
|
+
- `verify:traits` 56/56 clean.
|
|
10
|
+
- `components.mjs --verify` clean (142 files up-to-date).
|
|
11
|
+
- `smoke:engines` green; `smoke:register-engine` 11/11.
|
|
12
|
+
- `eval:diff --engine zettel` cov=49% / avg=90 (baseline-identical).
|
|
13
|
+
- Browser-verified at `/site/examples/admin-dashboard`: page-header bg measures `oklch(0.23 0.01 225)` (canvas-2) in dark mode, with `var(--a-shadow-sm)` rendering below the band; KPI grid sits 40px below the page-header bottom (no overlap).
|
|
14
|
+
|
|
3
15
|
## [0.6.13] — 2026-05-20
|
|
4
16
|
|
|
5
17
|
### Changed
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adia-ai/web-modules",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.14",
|
|
4
4
|
"description": "AdiaUI composite custom elements \u2014 shell, chat, editor, runtime clusters built from @adia-ai/web-components primitives. Subpath exports per cluster.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -82,13 +82,21 @@ admin-content > admin-page {
|
|
|
82
82
|
container-name: page-content;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
/* ── admin-page-header ≡ <[data-content-header]> sticky band ──
|
|
85
|
+
/* ── admin-page-header ≡ <[data-content-header]> sticky band ──
|
|
86
|
+
Background uses --page-content-header-bg (defaults to --a-canvas-1, one
|
|
87
|
+
step raised from --page-content-bg / --a-canvas-0) so the sticky band
|
|
88
|
+
visually distinguishes itself from the content surface scrolling under
|
|
89
|
+
it. A subtle drop shadow below the band reinforces "chrome floating
|
|
90
|
+
above content" on both light and dark themes — the canvas-step alone
|
|
91
|
+
reads too quietly in dark mode (ΔL ≈ 0.04 on the OKLCH scale). The
|
|
92
|
+
border-bottom remains for crisp edge separation. */
|
|
86
93
|
admin-page > admin-page-header {
|
|
87
94
|
position: sticky;
|
|
88
95
|
top: 0;
|
|
89
96
|
z-index: 1;
|
|
90
|
-
background: var(--page-content-bg);
|
|
97
|
+
background: var(--page-content-header-bg);
|
|
91
98
|
border-bottom: var(--page-content-border);
|
|
99
|
+
box-shadow: var(--a-shadow-sm);
|
|
92
100
|
flex-shrink: 0;
|
|
93
101
|
}
|
|
94
102
|
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
|
|
39
39
|
/* Content area — scroll region inside main */
|
|
40
40
|
--page-content-bg: var(--a-canvas-0); /* content surface (lighter than chrome) */
|
|
41
|
+
--page-content-header-bg: var(--a-canvas-2); /* sticky page-header band — stronger raised step (ΔL ≈ 0.08 from content) so the band reads clearly on both light and dark themes. Pre-v0.6.14 (--a-canvas-1, ΔL ≈ 0.04) was too subtle in dark mode. */
|
|
41
42
|
--page-content-radius: var(--a-radius-lg); /* used by "rounded" mode */
|
|
42
43
|
--page-content-inset: var(--a-space-10); /* padding for header/body/footer */
|
|
43
44
|
--page-content-max-width: 1540px; /* max-width for content children */
|