@adia-ai/web-components 0.5.7 → 0.5.8

package/components/demo-toggle/demo-toggle.a2ui.json

@@ -53,7 +53,9 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "container",
-    "composes": [],
+    "composes": [
+      "switch-ui"
+    ],
     "events": {
       "change": {
         "description": "Fired when the toggle flips. detail contains { state }.",

package/components/demo-toggle/demo-toggle.yaml

@@ -11,6 +11,8 @@ description: >-
   Used on trait detail pages to show "with trait" vs "without trait" on
   the same chrome. data-mode="overlay" stacks the slots on the same
   coordinates so layout never shifts.
+composes:
+  - switch-ui
 props:
   labelOn:
     description: Header label rendered when state is "on".

package/components/feed/feed.css

@@ -133,7 +133,7 @@ feed-item-ui[data-closing] {
     gap: 0.125rem;
   }
   :scope > [slot="body"] strong {
-    font-weight: var(--a-font-weight-strong, 600);
+    font-weight: var(--a-weight-semibold);
   }
   :scope > [data-feed-close] {
     flex-shrink: 0;

package/components/fields/fields.a2ui.json

@@ -43,7 +43,9 @@
       }
     ],
     "category": "form",
-    "composes": [],
+    "composes": [
+      "field-ui"
+    ],
     "events": {},
     "examples": [
       {

package/components/fields/fields.yaml

@@ -14,6 +14,8 @@ description: >-
   The grid alignment lets siblings on the same row line up cleanly —
   consistent label columns + consistent control columns — without
   the wrap-flex jitter of <row-ui wrap>.
+composes:
+  - field-ui
 props:
   inline:
     description: >-

package/components/nav/nav.a2ui.json

@@ -48,7 +48,12 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "layout",
-    "composes": [],
+    "composes": [
+      "nav-group-ui",
+      "nav-item-ui",
+      "icon-ui",
+      "popover-ui"
+    ],
     "events": {
       "nav-select": {
         "description": "Bubbles from <nav-item-ui> children when one is selected. Detail: { item, text, value }.",

package/components/nav/nav.yaml

@@ -14,6 +14,12 @@ description: |
   collapsed. [variant="section"] is a subnav rail with quieter chrome
   and a [heading] kicker rendered via CSS.
 
+composes:
+  - nav-group-ui
+  - nav-item-ui
+  - icon-ui
+  - popover-ui
+
 props:
   variant:
     type: string

package/components/nav-group/nav-group.a2ui.json

@@ -58,7 +58,11 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "layout",
-    "composes": [],
+    "composes": [
+      "icon-ui",
+      "badge-ui",
+      "nav-item-ui"
+    ],
     "events": {
       "group-toggle": {
         "description": "Fired when the header toggles via click/keyboard. Detail: { text, open }.",

package/components/nav-group/nav-group.css

@@ -9,7 +9,7 @@
     --nav-group-font-size:     var(--a-ui-size);
     --nav-group-font-size-sm:  var(--a-ui-sm);
     --nav-group-font-size-lg:  var(--a-ui-lg);
-    --nav-group-font-weight:   var(--a-font-weight-normal);
+    --nav-group-font-weight:   var(--a-weight-normal);
     --nav-group-fg:            var(--a-fg);
     --nav-group-fg-hover:      var(--a-fg-strong);
     --nav-group-fg-muted:      var(--a-fg-muted);

package/components/nav-group/nav-group.yaml

@@ -14,6 +14,11 @@ description: |
   expansion. Inline click + keyboard (Enter/Space) toggle is supported
   when [collapsible] (default true).
 
+composes:
+  - icon-ui
+  - badge-ui
+  - nav-item-ui
+
 props:
   text:
     type: string

package/components/nav-item/nav-item.a2ui.json

@@ -63,7 +63,10 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "layout",
-    "composes": [],
+    "composes": [
+      "icon-ui",
+      "badge-ui"
+    ],
     "events": {
       "nav-select": {
         "description": "Bubbles when the item is activated. Detail: { item, text, value }.",

package/components/nav-item/nav-item.css

@@ -39,7 +39,7 @@ nav-item-ui[selected] [slot="icon"]:empty::before {
     --nav-item-font-size:       var(--a-ui-size);
     --nav-item-font-size-sm:    var(--a-ui-sm);
     --nav-item-font-size-lg:    var(--a-ui-lg);
-    --nav-item-font-weight:     var(--a-font-weight-normal);
+    --nav-item-font-weight:     var(--a-weight-normal);
     --nav-item-fg:              var(--a-ui-text-subtle);
     --nav-item-fg-hover:        var(--a-ui-text-hover);
     --nav-item-fg-selected:     var(--a-ui-text-selected);

package/components/nav-item/nav-item.yaml

@@ -14,6 +14,10 @@ description: |
   <nav-ui>; clicking or activating an item calls nav.select(this) and
   bubbles a `nav-select` event.
 
+composes:
+  - icon-ui
+  - badge-ui
+
 props:
   text:
     type: string

package/package.json

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

package/styles/typography.css

@@ -88,7 +88,9 @@
   /* ── Font weight — single canonical scale ──
      Conventional weights: thin=100, light=300, normal=400, medium=500,
      semibold=600, bold=700. Fonts must provide these axes or fall back
-     gracefully. --a-font-weight-* are backcompat aliases (to be removed). */
+     gracefully. Earlier --a-font-weight-* aliases were REMOVED in v0.5.0;
+     use --a-weight-* directly. (v0.5.8 §230 closed 3 consumer references
+     that still pointed at the removed family per FEEDBACK-20 §1.) */
   --a-weight-thin: 100;
   --a-weight-light: 300;
   --a-weight-normal: 400;