@adia-ai/web-components 0.8.38 → 0.8.40

package/components/toggle-group/toggle-option.yaml

@@ -3,6 +3,9 @@
 # §228 (v0.5.9): authored to close the §229 baseline class-export-undeclared
 # drift for UIToggleOption. Ships as a sibling class in toggle-group/toggle-group.class.js
 # + is registered alongside UIToggleGroup.
+#
+# ADR-0056 (gh#1303): `selected` converges onto <segment-ui>'s declared,
+# parent-managed, reflected-prop convention.
 
 # Child component of <toggle-group-ui>. Surface only inside that parent.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
@@ -32,6 +35,15 @@ props:
     description: Disabled state — blocks pointer + keyboard activation.
     type: boolean
     default: false
+  selected:
+    description: |-
+      Whether this option is currently selected. Managed by the parent
+      <toggle-group-ui> container (ADR-0056) — don't set directly; the group's
+      `value` is the single source of truth. Converges onto <segment-ui>'s
+      declared reflected-prop mechanism.
+    type: boolean
+    default: false
+    reflect: true
 
 keywords:
   - toggle-option
@@ -53,5 +65,5 @@ a2ui:
       reason: 'Multi-select cluster contract.'
     - rule: 'Different from <segment-ui> (which is single-select inside <segmented-ui>).'
       reason: 'Selection model boundary.'
-    - rule: 'Active state controlled via the toggle-option''s own active attribute (independent of siblings).'
-      reason: 'Parent does not own state in multi-select.'
+    - rule: 'Selected state exposed via its own declared [selected] reflected prop, set by the parent <toggle-group-ui> (ADR-0056) — mirrors <segment-ui>''s convention. Do not set [selected] directly; drive the group''s value instead.'
+      reason: 'Parent-managed declared state — group value stays the single source of truth.'

package/components/tooltip/tooltip.css

@@ -30,7 +30,7 @@
   color: var(--md-sys-color-neutral-background);
   font-family: var(--a-font-family);
   font-size: var(--a-ui-sm);
-  line-height: 1.4;
+  line-height: var(--a-font-leading-normal);
   border: none;
   border-radius: var(--a-radius-full);
   box-shadow: var(--a-shadow-sm);

package/components/tour/tour.css

@@ -112,14 +112,14 @@
 [data-tour-popover] [data-tour-title] {
   margin: 0;
   font-size: var(--a-text-lg);
-  font-weight: 600;
+  font-weight: var(--a-weight-semibold);
 }
 
 [data-tour-popover] [data-tour-body] {
   margin: 0 0 var(--a-space-4);
   font-size: var(--a-ui-size);
   color: var(--md-sys-color-neutral-on-surface);
-  line-height: 1.5;
+  line-height: var(--a-font-leading-relaxed);
 }
 
 [data-tour-popover] [data-tour-footer] {

package/components/tree/tree.css

@@ -141,7 +141,7 @@
     background: var(--tree-badge-bg, transparent);
     padding: 0 var(--tree-badge-px, var(--a-space-1));
     border-radius: var(--tree-badge-radius, var(--a-radius-sm));
-    line-height: 1;
+    line-height: var(--a-font-leading-none);
     font-variant-numeric: tabular-nums;
   }
   [slot="badge"]:empty {