@adia-ai/web-components 0.6.35 → 0.6.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-components",
-  "version": "0.6.35",
+  "version": "0.6.37",
   "description": "AdiaUI web components \u2014 vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-runtime.",
   "type": "module",
   "types": "./index.d.ts",

package/styles/colors/semantics.css

@@ -316,8 +316,17 @@
   --a-warning-border:        var(--a-warning-40);
   --a-warning-border-strong: var(--a-warning-60);
 
-  /* L3 — Warning surface role matrix */
-  --a-warning-bg:           var(--a-warning-strong);
+  /* L3 — Warning surface role matrix.
+     `--a-warning-bg` deliberately diverges from `--a-warning-strong`
+     (still the L2 saturated mid-tone, used as a fg/icon color by
+     alert / chart / code / empty-state / agent-trace). Surfaces using
+     `-bg` pair it with the dark `--a-warning-fg` (= -text-strong =
+     -10-shade); `-strong` + `-fg` gave muddy brown-on-brown chips
+     (pre-v0.6.36 user report on <tag-ui variant="warning">).
+     `--a-warning-20-tint` is bright in both schemes (lightness math
+     is scheme-independent) so warning surfaces keep the same
+     caution-tape look in light + dark mode. */
+  --a-warning-bg:           var(--a-warning-20-tint);
   --a-warning-bg-hover:     var(--a-warning-hover);
 
   --a-warning-fg:           var(--a-warning-text-strong);

package/styles/components.css

@@ -66,11 +66,20 @@
 @import "../components/popover/popover.css";
 @import "../components/accordion/accordion.css";
 @import "../components/divider/divider.css";
+@import "../components/blockquote/blockquote.css";
+@import "../components/relative-time/relative-time.css";
+@import "../components/number-format/number-format.css";
+@import "../components/password-strength/password-strength.css";
+@import "../components/toc/toc.css";
+@import "../components/qr-code/qr-code.css";
 @import "../components/pagination/pagination.css";
 @import "../components/code/code.css";
 @import "../components/list/list.css";
 @import "../components/list-window/list-window.css";
 @import "../components/menu/menu.css";
+@import "../components/context-menu/context-menu.css";
+@import "../components/visually-hidden/visually-hidden.css";
+@import "../components/skip-nav/skip-nav.css";
 @import "../components/toolbar/toolbar.css";
 @import "../components/nav/nav.css";
 @import "../components/nav-group/nav-group.css";

package/styles/resets.css

@@ -36,6 +36,16 @@ html {
   color-scheme: light dark;
 }
 
+/* Smooth in-page anchor navigation for `<link-ui href="#section">`,
+   table-of-contents jumps, and any `scrollIntoView()` call. Gated by
+   `prefers-reduced-motion: no-preference` so the OS-level motion
+   preference still wins for users who opt out. */
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    scroll-behavior: smooth;
+  }
+}
+
 body {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;