@adia-ai/web-components 0.8.35 → 0.8.37

package/patterns/layout/layout.examples.html

@@ -190,19 +190,19 @@
     <div data-artifact-item data-artifact-label="center">
       <stack-ui data-chunk="layout-stack-center" align="center">
         <avatar-ui text="AB" size="lg"></avatar-ui>
-        <badge-ui text="3" size="sm" variant="danger"></badge-ui>
+        <badge-ui text="3" variant="danger"></badge-ui>
       </stack-ui>
       </div>
     <div data-artifact-item data-artifact-label="top-right">
       <stack-ui data-chunk="layout-stack-top-right" align="top-right">
         <avatar-ui text="AB" size="lg"></avatar-ui>
-        <badge-ui text="3" size="sm" variant="danger"></badge-ui>
+        <badge-ui text="3" variant="danger"></badge-ui>
       </stack-ui>
       </div>
     <div data-artifact-item data-artifact-label="bottom-left">
       <stack-ui data-chunk="layout-stack-bottom-left" align="bottom-left">
         <avatar-ui text="AB" size="lg"></avatar-ui>
-        <badge-ui text="3" size="sm" variant="danger"></badge-ui>
+        <badge-ui text="3" variant="danger"></badge-ui>
       </stack-ui>
       </div>
   </div>

package/patterns/marketing-engagement/marketing-engagement.examples.html

@@ -31,7 +31,7 @@
         data-chunk-keywords="hero cta centered headline display deck subhead get-started buttons landing marketing banner launch" raw>
         <section bleed>
           <col-ui gap="3" align="center" padding="10">
-            <tag-ui size="sm" variant="default">v0.0.27 — out today</tag-ui>
+            <tag-ui variant="default">v0.0.27 — out today</tag-ui>
             <text-ui variant="display" strong>Generative UI, deterministically.</text-ui>
             <text-ui variant="deck" color="subtle">AdiaUI emits A2UI JSON the runtime renders into Light-DOM web components. No model, no surprise.</text-ui>
             <row-ui gap="2">
@@ -57,7 +57,7 @@
         <section bleed>
           <grid-ui columns="2" gap="6" align="center" padding="8">
             <col-ui gap="4" align="start">
-              <tag-ui size="sm" variant="default">For teams</tag-ui>
+              <tag-ui variant="default">For teams</tag-ui>
               <text-ui variant="display" strong>Ship UI as fast as your model thinks.</text-ui>
               <text-ui variant="deck" color="subtle">A2UI is a typed JSON protocol your agent emits and the runtime renders. No React rebuild for every prompt.</text-ui>
               <row-ui gap="2">
@@ -139,22 +139,22 @@
               <list-item-ui text="Avery Chen">
                 <avatar-ui slot="icon" size="sm" text="Avery Chen"></avatar-ui>
                 <span slot="description">avery@example.com · 5 days ago</span>
-                <tag-ui slot="action" size="sm" variant="success">Verified · $10</tag-ui>
+                <tag-ui slot="action" variant="success">Verified · $10</tag-ui>
               </list-item-ui>
               <list-item-ui text="Jordan Lee">
                 <avatar-ui slot="icon" size="sm" text="Jordan Lee"></avatar-ui>
                 <span slot="description">jordan@example.com · 2 weeks ago</span>
-                <tag-ui slot="action" size="sm" variant="success">Verified · $10</tag-ui>
+                <tag-ui slot="action" variant="success">Verified · $10</tag-ui>
               </list-item-ui>
               <list-item-ui text="Sam Park">
                 <avatar-ui slot="icon" size="sm" text="Sam Park"></avatar-ui>
                 <span slot="description">sam@example.com · 3 weeks ago</span>
-                <tag-ui slot="action" size="sm">Joined</tag-ui>
+                <tag-ui slot="action">Joined</tag-ui>
               </list-item-ui>
               <list-item-ui text="riley@example.com">
                 <avatar-ui slot="icon" size="sm" text="riley@example.com"></avatar-ui>
                 <span slot="description">Sent 1 month ago</span>
-                <tag-ui slot="action" size="sm" variant="default">Pending</tag-ui>
+                <tag-ui slot="action" variant="default">Pending</tag-ui>
               </list-item-ui>
             </list-ui>
           </col-ui>
@@ -185,7 +185,7 @@
                   <text-ui variant="display">🚀</text-ui>
                   <text-ui strong>First launch</text-ui>
                   <text-ui variant="caption" color="subtle">Shipped your first prompt</text-ui>
-                  <tag-ui size="sm" variant="success">Apr 12</tag-ui>
+                  <tag-ui variant="success">Apr 12</tag-ui>
                 </col-ui>
               </section>
             </card-ui>
@@ -195,7 +195,7 @@
                   <text-ui variant="display">🔥</text-ui>
                   <text-ui strong>7-day streak</text-ui>
                   <text-ui variant="caption" color="subtle">A week of daily use</text-ui>
-                  <tag-ui size="sm" variant="success">Apr 19</tag-ui>
+                  <tag-ui variant="success">Apr 19</tag-ui>
                 </col-ui>
               </section>
             </card-ui>
@@ -205,7 +205,7 @@
                   <text-ui variant="display">🎨</text-ui>
                   <text-ui strong>Theme artist</text-ui>
                   <text-ui variant="caption" color="subtle">Created 3 custom themes</text-ui>
-                  <tag-ui size="sm" variant="success">Apr 22</tag-ui>
+                  <tag-ui variant="success">Apr 22</tag-ui>
                 </col-ui>
               </section>
             </card-ui>
@@ -215,7 +215,7 @@
                   <text-ui variant="display" color="subtle">🏗️</text-ui>
                   <text-ui color="subtle" strong>Builder</text-ui>
                   <text-ui variant="caption" color="subtle">Ship 10 prompts</text-ui>
-                  <tag-ui size="sm" variant="default">7 of 10</tag-ui>
+                  <tag-ui variant="default">7 of 10</tag-ui>
                 </col-ui>
               </section>
             </card-ui>
@@ -225,7 +225,7 @@
                   <text-ui variant="display" color="subtle">🌟</text-ui>
                   <text-ui color="subtle" strong>30-day streak</text-ui>
                   <text-ui variant="caption" color="subtle">A month of daily use</text-ui>
-                  <tag-ui size="sm" variant="default">12 of 30</tag-ui>
+                  <tag-ui variant="default">12 of 30</tag-ui>
                 </col-ui>
               </section>
             </card-ui>
@@ -235,7 +235,7 @@
                   <text-ui variant="display" color="subtle">🤝</text-ui>
                   <text-ui color="subtle" strong>Connector</text-ui>
                   <text-ui variant="caption" color="subtle">Refer 5 friends</text-ui>
-                  <tag-ui size="sm" variant="default">3 of 5</tag-ui>
+                  <tag-ui variant="default">3 of 5</tag-ui>
                 </col-ui>
               </section>
             </card-ui>
@@ -258,7 +258,7 @@
         <section>
           <col-ui gap="3" align="center" padding="6">
             <text-ui variant="display">🔥</text-ui>
-            <tag-ui size="sm" variant="primary">Achievement unlocked</tag-ui>
+            <tag-ui variant="primary">Achievement unlocked</tag-ui>
             <text-ui variant="display" strong>7-day streak</text-ui>
             <text-ui color="subtle">A full week of daily use. You've shipped 14 prompts and 23 chunks since you started.</text-ui>
           </col-ui>

package/patterns/notifications-bell-and-digest/notifications-bell-and-digest.examples.html

@@ -64,7 +64,7 @@
         <header>
           <row-ui slot="heading" align="center" gap="2">
             <text-ui strong>Notifications</text-ui>
-            <tag-ui size="sm" variant="primary">3 new</tag-ui>
+            <tag-ui variant="primary">3 new</tag-ui>
           </row-ui>
         </header>
         <section>

package/patterns/permissions-matrix/permissions-matrix.examples.html

@@ -55,7 +55,7 @@
         <header>
           <span slot="heading" variant="section">Admin</span>
           <text-ui slot="description" color="subtle">Built-in role · 3 members</text-ui>
-          <tag-ui slot="action" variant="primary" size="sm">Built-in</tag-ui>
+          <tag-ui slot="action" variant="primary">Built-in</tag-ui>
         </header>
         <section>
           <description-list-ui>

package/patterns/permissions-role-picker/permissions-role-picker.examples.html

@@ -32,7 +32,7 @@
           <option-card-ui name="role" value="viewer" heading="Viewer" description="Can read everything; cannot edit, comment, or share."></option-card-ui>
           <option-card-ui name="role" value="member" heading="Member" description="Can edit content they own and comment on anything." checked></option-card-ui>
           <option-card-ui name="role" value="admin" description="Can manage members, billing, and integrations.">
-            <span slot="heading">Admin <tag-ui size="sm">Recommended for leads</tag-ui></span>
+            <span slot="heading">Admin <tag-ui>Recommended for leads</tag-ui></span>
           </option-card-ui>
           <option-card-ui name="role" value="owner" heading="Owner" description="Admin powers plus the ability to delete the workspace."></option-card-ui>
         </col-ui>

package/patterns/permissions-sharing/permissions-sharing.examples.html

@@ -34,7 +34,7 @@
           <option-card-ui name="scope" value="link" heading="Anyone with the link" description="No sign-in required. Link can be revoked anytime." icon="link"></option-card-ui>
           <option-card-ui name="scope" value="org" heading="Anyone in your workspace" description="Members of acme.com can find and open it." icon="users"></option-card-ui>
           <option-card-ui name="scope" value="public" description="Discoverable via search. Use with care." icon="globe">
-            <span slot="heading">Public on the web <tag-ui variant="warning" size="sm">Indexable</tag-ui></span>
+            <span slot="heading">Public on the web <tag-ui variant="warning">Indexable</tag-ui></span>
           </option-card-ui>
         </col-ui>
       </field-ui>
@@ -53,7 +53,7 @@
         data-chunk-keywords="share link copy url scope anyone expiry revoke permission level readonly collaborate" style="max-width: 560px;">
         <header>
           <span slot="heading" variant="section">Share link</span>
-          <tag-ui slot="action" variant="primary" size="sm">Anyone with the link</tag-ui>
+          <tag-ui slot="action" variant="primary">Anyone with the link</tag-ui>
         </header>
         <section>
           <col-ui gap="3">
@@ -125,7 +125,7 @@
                   <text-ui strong>Kim Granlund</text-ui>
                   <text-ui color="subtle" size="sm">kim@example.com</text-ui>
                 </col-ui>
-                <tag-ui size="sm">Owner</tag-ui>
+                <tag-ui>Owner</tag-ui>
               </row-ui>
               <row-ui gap="3" align="center">
                 <avatar-ui size="sm" text="Avery Chen"></avatar-ui>

package/patterns/profile-public-and-verification/profile-public-and-verification.examples.html

@@ -38,7 +38,7 @@
               <col-ui gap="1" grow>
                 <row-ui gap="2" align="center">
                   <text-ui strong size="lg">Kim Granlund</text-ui>
-                  <tag-ui size="sm" variant="primary" icon-leading="seal-check">Verified</tag-ui>
+                  <tag-ui variant="primary" icon-leading="seal-check">Verified</tag-ui>
                 </row-ui>
                 <text-ui color="subtle">Founder · AdiaUI · Reykjavík, IS</text-ui>
                 <text-ui>Building the AdiaUI web-components library and the A2UI generative-UI runtime. Previously at Construct, before that at Modular.</text-ui>
@@ -178,7 +178,7 @@
         <header>
           <span slot="heading" variant="section">
             You're verified
-            <tag-ui size="sm" variant="primary" icon-leading="seal-check">Verified</tag-ui>
+            <tag-ui variant="primary" icon-leading="seal-check">Verified</tag-ui>
           </span>
         </header>
         <section>

package/patterns/search-discovery/search-discovery.examples.html

@@ -36,19 +36,19 @@
           <list-ui divider contained>
             <list-item-ui text="Component Token Contract">
               <span slot="description">"…all colors must reference --a-chrome-*, --a-data-0..9, or semantic tokens. Zero raw oklch in component CSS…"</span>
-              <tag-ui slot="action" size="sm">Spec</tag-ui>
+              <tag-ui slot="action">Spec</tag-ui>
             </list-item-ui>
             <list-item-ui text="2026-04-29 — primitive QA sweep">
               <span slot="description">"…OKLCH-with-transparent red-shift bug fixed in Safari 18.0 (ADR-0007); we use oklab for color-mix instead…"</span>
-              <tag-ui slot="action" size="sm">Journal</tag-ui>
+              <tag-ui slot="action">Journal</tag-ui>
             </list-item-ui>
             <list-item-ui text="styles/tokens.css">
               <span slot="description">"--a-primary-bg: oklch(64% 0.18 245); --a-primary-fg: oklch(98% 0.01 245)…"</span>
-              <tag-ui slot="action" size="sm">Code</tag-ui>
+              <tag-ui slot="action">Code</tag-ui>
             </list-item-ui>
             <list-item-ui text="Reasoning About Color (skill)">
               <span slot="description">"…OKLCH ramps that satisfy contrast, hue-stability, and perceptual-evenness…"</span>
-              <tag-ui slot="action" size="sm">Skill</tag-ui>
+              <tag-ui slot="action">Skill</tag-ui>
             </list-item-ui>
           </list-ui>
         </section>
@@ -197,8 +197,8 @@
                 <col-ui gap="1" grow>
                   <text-ui strong>My open issues</text-ui>
                   <row-ui gap="1" wrap>
-                    <tag-ui size="sm">assignee=me</tag-ui>
-                    <tag-ui size="sm">status=open</tag-ui>
+                    <tag-ui>assignee=me</tag-ui>
+                    <tag-ui>status=open</tag-ui>
                   </row-ui>
                 </col-ui>
                 <text-ui color="subtle" size="sm">12 results · 3 min ago</text-ui>
@@ -209,9 +209,9 @@
                 <col-ui gap="1" grow>
                   <text-ui strong>Q2 customer escalations</text-ui>
                   <row-ui gap="1" wrap>
-                    <tag-ui size="sm">label=customer</tag-ui>
-                    <tag-ui size="sm">priority=p1</tag-ui>
-                    <tag-ui size="sm">created≥2026-04-01</tag-ui>
+                    <tag-ui>label=customer</tag-ui>
+                    <tag-ui>priority=p1</tag-ui>
+                    <tag-ui>created≥2026-04-01</tag-ui>
                   </row-ui>
                 </col-ui>
                 <text-ui color="subtle" size="sm">7 results · today</text-ui>
@@ -222,9 +222,9 @@
                 <col-ui gap="1" grow>
                   <text-ui strong>Stale PRs</text-ui>
                   <row-ui gap="1" wrap>
-                    <tag-ui size="sm">type=pr</tag-ui>
-                    <tag-ui size="sm">updated&lt;30d</tag-ui>
-                    <tag-ui size="sm">status=open</tag-ui>
+                    <tag-ui>type=pr</tag-ui>
+                    <tag-ui>updated&lt;30d</tag-ui>
+                    <tag-ui>status=open</tag-ui>
                   </row-ui>
                 </col-ui>
                 <text-ui color="subtle" size="sm">23 results · 1 hour ago</text-ui>
@@ -235,9 +235,9 @@
                 <col-ui gap="1" grow>
                   <text-ui strong>Recent docs from team</text-ui>
                   <row-ui gap="1" wrap>
-                    <tag-ui size="sm">type=doc</tag-ui>
-                    <tag-ui size="sm">author∈team</tag-ui>
-                    <tag-ui size="sm">edited≤7d</tag-ui>
+                    <tag-ui>type=doc</tag-ui>
+                    <tag-ui>author∈team</tag-ui>
+                    <tag-ui>edited≤7d</tag-ui>
                   </row-ui>
                 </col-ui>
                 <text-ui color="subtle" size="sm">31 results · 4 hours ago</text-ui>

package/styles/type/scale.css

@@ -22,7 +22,8 @@
   /* `--a-font` (the pre-ADR-0035 back-compat alias) was REMOVED in 0.8.23
      (gh ruling 2026-07-30; prerequisite in-repo sweep 2026-07-29). A
      surviving `var(--a-font)` reference goes invalid-at-computed-value-time
-     → inherit → UA serif — see MIGRATION GUIDE §0.9.0; the
+     → inherit → UA serif — see MIGRATION GUIDE
+     "Migrating to @adia-ai/*@v0.8.23"; the
      audit-font-family-floor gate and forge/factory lint rules flag any
      usage. */