@adia-ai/web-components 0.8.23 → 0.8.24

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.
Files changed (42) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/components/agent-questions/agent-questions.yaml +0 -2
  3. package/components/alert/alert.class.js +5 -0
  4. package/components/alert/alert.yaml +2 -0
  5. package/components/calendar-grid/calendar-grid.yaml +3 -0
  6. package/components/card/card.css +12 -0
  7. package/components/combobox/combobox.class.js +1 -1
  8. package/components/combobox/combobox.yaml +0 -1
  9. package/components/date-range-picker/date-range-picker.class.js +1 -1
  10. package/components/date-range-picker/date-range-picker.yaml +0 -1
  11. package/components/datetime-picker/datetime-picker.class.js +1 -1
  12. package/components/datetime-picker/datetime-picker.yaml +0 -1
  13. package/components/drawer/drawer.class.js +5 -0
  14. package/components/drawer/drawer.yaml +2 -0
  15. package/components/feed/feed.class.js +5 -0
  16. package/components/feed/feed.yaml +2 -0
  17. package/components/input/input.class.js +5 -0
  18. package/components/input/input.yaml +3 -0
  19. package/components/list/list.css +13 -4
  20. package/components/modal/modal.class.js +5 -0
  21. package/components/modal/modal.yaml +2 -0
  22. package/components/nav-group/nav-group.class.js +5 -0
  23. package/components/nav-group/nav-group.yaml +2 -0
  24. package/components/pagination/pagination.yaml +3 -0
  25. package/components/select/select.class.js +2 -2
  26. package/components/select/select.yaml +0 -1
  27. package/components/swiper/swiper.class.js +5 -0
  28. package/components/swiper/swiper.yaml +3 -0
  29. package/components/toolbar/toolbar.class.js +20 -0
  30. package/components/toolbar/toolbar.yaml +2 -0
  31. package/dist/theme-provider.min.js +1 -1
  32. package/dist/web-components.min.css +1 -1
  33. package/dist/web-components.min.js +62 -62
  34. package/dist/web-components.sheet.js +1 -1
  35. package/package.json +1 -1
  36. package/patterns/admin-keys-and-export/admin-keys-and-export.examples.html +3 -3
  37. package/patterns/changelog-feed/changelog-feed.examples.html +3 -3
  38. package/patterns/comments-and-collaboration/comments-and-collaboration.examples.html +4 -4
  39. package/patterns/data-tables-inline-edit-and-tree/data-tables-inline-edit-and-tree.examples.html +2 -2
  40. package/patterns/marketing-engagement/marketing-engagement.examples.html +8 -8
  41. package/patterns/notifications-bell-and-digest/notifications-bell-and-digest.examples.html +1 -1
  42. package/patterns/profile-public-and-verification/profile-public-and-verification.examples.html +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adia-ai/web-components",
3
- "version": "0.8.23",
3
+ "version": "0.8.24",
4
4
  "description": "AdiaUI web components \u2014 vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-runtime.",
5
5
  "type": "module",
6
6
  "types": "./index.d.ts",
package/patterns/admin-keys-and-export/admin-keys-and-export.examples.html CHANGED
@@ -41,7 +41,7 @@
41
41
  <icon-ui slot="icon" name="key" size="sm"></icon-ui>
42
42
  <span slot="description"><code>sk_live_…A4F2</code> · last used 4 minutes ago</span>
43
43
  <row-ui slot="action" gap="2" align="center">
44
- <tag-ui size="sm" variant="primary">read · write</tag-ui>
44
+ <tag-ui size="sm" variant="accent">read · write</tag-ui>
45
45
  <button-ui icon="dots-three-vertical" variant="ghost" size="sm" aria-label="Manage"></button-ui>
46
46
  </row-ui>
47
47
  </list-item-ui>
@@ -57,7 +57,7 @@
57
57
  <icon-ui slot="icon" name="key" size="sm"></icon-ui>
58
58
  <span slot="description"><code>sk_test_…7f0e</code> · last used 18 days ago</span>
59
59
  <row-ui slot="action" gap="2" align="center">
60
- <tag-ui size="sm" variant="muted">test</tag-ui>
60
+ <tag-ui size="sm" variant="default">test</tag-ui>
61
61
  <button-ui icon="dots-three-vertical" variant="ghost" size="sm" aria-label="Manage"></button-ui>
62
62
  </row-ui>
63
63
  </list-item-ui>
@@ -217,7 +217,7 @@
217
217
  <list-item-ui text="Workspace · JSON">
218
218
  <icon-ui slot="icon" name="download-simple" size="sm"></icon-ui>
219
219
  <span slot="description">Ready 14 days ago · link expired</span>
220
- <tag-ui slot="action" size="sm" variant="muted">Expired</tag-ui>
220
+ <tag-ui slot="action" size="sm" variant="default">Expired</tag-ui>
221
221
  </list-item-ui>
222
222
  </list-ui>
223
223
  </section>
package/patterns/changelog-feed/changelog-feed.examples.html CHANGED
@@ -34,13 +34,13 @@
34
34
  <row-ui gap="2" align="baseline" justify="between">
35
35
  <row-ui gap="2" align="baseline">
36
36
  <text-ui strong size="lg">v2.3.0</text-ui>
37
- <tag-ui size="sm" variant="primary">Latest</tag-ui>
37
+ <tag-ui size="sm" variant="accent">Latest</tag-ui>
38
38
  </row-ui>
39
39
  <text-ui color="subtle" size="sm">March 12, 2026</text-ui>
40
40
  </row-ui>
41
41
 
42
42
  <col-ui gap="2" data-section="added">
43
- <text-ui variant="kicker" color="primary">Added</text-ui>
43
+ <text-ui variant="kicker" color="accent">Added</text-ui>
44
44
  <ul class="changelog-bullets">
45
45
  <li>Bulk-edit mode for the data-table — multi-select rows, then update column values in one pass.</li>
46
46
  <li>CSV export now respects the visible-columns filter.</li>
@@ -83,7 +83,7 @@
83
83
  </row-ui>
84
84
 
85
85
  <col-ui gap="2" data-section="added">
86
- <text-ui variant="kicker" color="primary">Added</text-ui>
86
+ <text-ui variant="kicker" color="accent">Added</text-ui>
87
87
  <ul class="changelog-bullets">
88
88
  <li>Workspace-level audit log — see who did what across all members.</li>
89
89
  </ul>
package/patterns/comments-and-collaboration/comments-and-collaboration.examples.html CHANGED
@@ -42,7 +42,7 @@
42
42
  <text-ui strong>Avery Chen</text-ui>
43
43
  <text-ui color="subtle" size="sm">2 hours ago</text-ui>
44
44
  </row-ui>
45
- <text-ui>Should the OKLCH ramp here use the chrome or the data scale? <text-ui color="primary">@Kim</text-ui> what's the convention?</text-ui>
45
+ <text-ui>Should the OKLCH ramp here use the chrome or the data scale? <text-ui color="accent">@Kim</text-ui> what's the convention?</text-ui>
46
46
  <row-ui gap="1">
47
47
  <tag-ui size="sm" icon-leading="thumbs-up">2</tag-ui>
48
48
  <tag-ui size="sm" icon-leading="eyes">1</tag-ui>
@@ -57,7 +57,7 @@
57
57
  <text-ui strong>Kim Granlund</text-ui>
58
58
  <text-ui color="subtle" size="sm">1 hour ago</text-ui>
59
59
  </row-ui>
60
- <text-ui>Chrome — the data scale is reserved for visualization series. Spec at <text-ui color="primary">.claude/docs/specs/component-token-contract.md</text-ui>.</text-ui>
60
+ <text-ui>Chrome — the data scale is reserved for visualization series. Spec at <text-ui color="accent">.claude/docs/specs/component-token-contract.md</text-ui>.</text-ui>
61
61
  <row-ui gap="1">
62
62
  <tag-ui size="sm" icon-leading="thumbs-up">3</tag-ui>
63
63
  <button-ui text="Reply" variant="ghost" size="sm"></button-ui>
@@ -71,7 +71,7 @@
71
71
  <text-ui strong>Jordan Lee</text-ui>
72
72
  <text-ui color="subtle" size="sm">12 minutes ago</text-ui>
73
73
  </row-ui>
74
- <text-ui>Filed a follow-up — adding a lint rule so this doesn't happen again. <text-ui color="primary">#linter</text-ui></text-ui>
74
+ <text-ui>Filed a follow-up — adding a lint rule so this doesn't happen again. <text-ui color="accent">#linter</text-ui></text-ui>
75
75
  <row-ui gap="1">
76
76
  <button-ui text="Reply" variant="ghost" size="sm"></button-ui>
77
77
  </row-ui>
@@ -175,7 +175,7 @@
175
175
  data-chunk-description="Reactions bar — emoji reaction tags with counts (thumbs-up 4, party 2, eyes 1, rocket 1; own reaction highlighted) plus an add-reaction button. Rides under a comment or message."
176
176
  data-chunk-keywords="reactions emoji bar counts thumbs-up party add react message comment collaboration engagement" gap="1">
177
177
  <tag-ui size="sm">👍 4</tag-ui>
178
- <tag-ui size="sm" variant="primary">🎉 2</tag-ui>
178
+ <tag-ui size="sm" variant="accent">🎉 2</tag-ui>
179
179
  <tag-ui size="sm">👀 1</tag-ui>
180
180
  <tag-ui size="sm">🚀 1</tag-ui>
181
181
  <button-ui icon="plus" variant="ghost" size="sm" aria-label="Add reaction"></button-ui>
package/patterns/data-tables-inline-edit-and-tree/data-tables-inline-edit-and-tree.examples.html CHANGED
@@ -109,7 +109,7 @@
109
109
  <td><input-ui type="number" value="124" size="sm"></input-ui></td>
110
110
  <td><input-ui type="number" value="98" size="sm"></input-ui></td>
111
111
  <td><input-ui type="number" value="156" size="sm"></input-ui></td>
112
- <td><tag-ui size="sm" variant="muted">clean</tag-ui></td>
112
+ <td><tag-ui size="sm" variant="default">clean</tag-ui></td>
113
113
  </tr>
114
114
  <tr>
115
115
  <td><text-ui strong>Widget B</text-ui></td>
@@ -130,7 +130,7 @@
130
130
  <td><input-ui type="number" value="200" size="sm"></input-ui></td>
131
131
  <td><input-ui type="number" value="245" size="sm"></input-ui></td>
132
132
  <td><input-ui type="number" value="280" size="sm"></input-ui></td>
133
- <td><tag-ui size="sm" variant="muted">clean</tag-ui></td>
133
+ <td><tag-ui size="sm" variant="default">clean</tag-ui></td>
134
134
  </tr>
135
135
  </tbody>
136
136
  </table>
package/patterns/marketing-engagement/marketing-engagement.examples.html CHANGED
@@ -31,7 +31,7 @@
31
31
  data-chunk-keywords="hero cta centered headline display deck subhead get-started buttons landing marketing banner launch" raw>
32
32
  <section bleed>
33
33
  <col-ui gap="3" align="center" padding="10">
34
- <tag-ui size="sm" variant="muted">v0.0.27 — out today</tag-ui>
34
+ <tag-ui size="sm" variant="default">v0.0.27 — out today</tag-ui>
35
35
  <text-ui variant="display" strong>Generative UI, deterministically.</text-ui>
36
36
  <text-ui variant="deck" color="subtle">AdiaUI emits A2UI JSON the runtime renders into Light-DOM web components. No model, no surprise.</text-ui>
37
37
  <row-ui gap="2">
@@ -57,7 +57,7 @@
57
57
  <section bleed>
58
58
  <grid-ui columns="2" gap="6" align="center" padding="8">
59
59
  <col-ui gap="4" align="start">
60
- <tag-ui size="sm" variant="muted">For teams</tag-ui>
60
+ <tag-ui size="sm" variant="default">For teams</tag-ui>
61
61
  <text-ui variant="display" strong>Ship UI as fast as your model thinks.</text-ui>
62
62
  <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>
63
63
  <row-ui gap="2">
@@ -70,7 +70,7 @@
70
70
  <stat-ui label="Cost ratio" value="0.18×"></stat-ui>
71
71
  </row-ui>
72
72
  </col-ui>
73
- <card-ui variant="soft">
73
+ <card-ui variant="filled">
74
74
  <section bleed>
75
75
  <col-ui align="center" justify="center" padding="10">
76
76
  <text-ui color="subtle">[ Product visual ]</text-ui>
@@ -154,7 +154,7 @@
154
154
  <list-item-ui text="riley@example.com">
155
155
  <avatar-ui slot="icon" size="sm" text="riley@example.com"></avatar-ui>
156
156
  <span slot="description">Sent 1 month ago</span>
157
- <tag-ui slot="action" size="sm" variant="muted">Pending</tag-ui>
157
+ <tag-ui slot="action" size="sm" variant="default">Pending</tag-ui>
158
158
  </list-item-ui>
159
159
  </list-ui>
160
160
  </col-ui>
@@ -215,7 +215,7 @@
215
215
  <text-ui variant="display" color="subtle">🏗️</text-ui>
216
216
  <text-ui color="subtle" strong>Builder</text-ui>
217
217
  <text-ui variant="caption" color="subtle">Ship 10 prompts</text-ui>
218
- <tag-ui size="sm" variant="muted">7 of 10</tag-ui>
218
+ <tag-ui size="sm" variant="default">7 of 10</tag-ui>
219
219
  </col-ui>
220
220
  </section>
221
221
  </card-ui>
@@ -225,7 +225,7 @@
225
225
  <text-ui variant="display" color="subtle">🌟</text-ui>
226
226
  <text-ui color="subtle" strong>30-day streak</text-ui>
227
227
  <text-ui variant="caption" color="subtle">A month of daily use</text-ui>
228
- <tag-ui size="sm" variant="muted">12 of 30</tag-ui>
228
+ <tag-ui size="sm" variant="default">12 of 30</tag-ui>
229
229
  </col-ui>
230
230
  </section>
231
231
  </card-ui>
@@ -235,7 +235,7 @@
235
235
  <text-ui variant="display" color="subtle">🤝</text-ui>
236
236
  <text-ui color="subtle" strong>Connector</text-ui>
237
237
  <text-ui variant="caption" color="subtle">Refer 5 friends</text-ui>
238
- <tag-ui size="sm" variant="muted">3 of 5</tag-ui>
238
+ <tag-ui size="sm" variant="default">3 of 5</tag-ui>
239
239
  </col-ui>
240
240
  </section>
241
241
  </card-ui>
@@ -258,7 +258,7 @@
258
258
  <section>
259
259
  <col-ui gap="3" align="center" padding="6">
260
260
  <text-ui variant="display">🔥</text-ui>
261
- <tag-ui size="sm" variant="primary">Achievement unlocked</tag-ui>
261
+ <tag-ui size="sm" variant="accent">Achievement unlocked</tag-ui>
262
262
  <text-ui variant="display" strong>7-day streak</text-ui>
263
263
  <text-ui color="subtle">A full week of daily use. You've shipped 14 prompts and 23 chunks since you started.</text-ui>
264
264
  </col-ui>
package/patterns/notifications-bell-and-digest/notifications-bell-and-digest.examples.html CHANGED
@@ -64,7 +64,7 @@
64
64
  <header>
65
65
  <row-ui slot="heading" align="center" gap="2">
66
66
  <text-ui strong>Notifications</text-ui>
67
- <tag-ui size="sm" variant="primary">3 new</tag-ui>
67
+ <tag-ui size="sm" variant="accent">3 new</tag-ui>
68
68
  </row-ui>
69
69
  </header>
70
70
  <section>
package/patterns/profile-public-and-verification/profile-public-and-verification.examples.html CHANGED
@@ -38,7 +38,7 @@
38
38
  <col-ui gap="1" grow>
39
39
  <row-ui gap="2" align="center">
40
40
  <text-ui strong size="lg">Kim Granlund</text-ui>
41
- <tag-ui size="sm" variant="primary" icon-leading="seal-check">Verified</tag-ui>
41
+ <tag-ui size="sm" variant="accent" icon-leading="seal-check">Verified</tag-ui>
42
42
  </row-ui>
43
43
  <text-ui color="subtle">Founder · AdiaUI · Reykjavík, IS</text-ui>
44
44
  <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 @@
178
178
  <header>
179
179
  <span slot="heading" variant="section">
180
180
  You're verified
181
- <tag-ui size="sm" variant="primary" icon-leading="seal-check">Verified</tag-ui>
181
+ <tag-ui size="sm" variant="accent" icon-leading="seal-check">Verified</tag-ui>
182
182
  </span>
183
183
  </header>
184
184
  <section>