@adia-ai/gen-ui 0.8.43 → 0.8.45
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.
- package/CHANGELOG.md +14 -0
- package/corpus/chunk-embeddings.json +1 -1
- package/corpus/chunks/_index.json +257 -5
- package/corpus/chunks/_source-hashes.json +59 -58
- package/corpus/chunks/access-denied-with-request.json +3 -2
- package/corpus/chunks/achievement-unlock.json +3 -2
- package/corpus/chunks/agent-canvas-shell.json +3 -3
- package/corpus/chunks/agent-cost-detailed.json +5 -2
- package/corpus/chunks/agent-cost-inline.json +2 -2
- package/corpus/chunks/agent-memory-detail.json +4 -2
- package/corpus/chunks/agent-memory-list.json +3 -2
- package/corpus/chunks/agent-prompt-card.json +5 -2
- package/corpus/chunks/agent-prompt-library-grid.json +7 -2
- package/corpus/chunks/agent-tool-call-result.json +2 -2
- package/corpus/chunks/agent-tool-call-running.json +2 -2
- package/corpus/chunks/anchor-bar-selection-bar.json +2 -2
- package/corpus/chunks/api-keys-create.json +4 -3
- package/corpus/chunks/api-keys-list.json +5 -4
- package/corpus/chunks/approvals-detail.json +3 -2
- package/corpus/chunks/approvals-queue.json +7 -2
- package/corpus/chunks/audit-log-basic.json +3 -2
- package/corpus/chunks/auth-card-content.json +5 -5
- package/corpus/chunks/auth-mfa-recovery.json +3 -2
- package/corpus/chunks/auth-new-password-form.json +3 -2
- package/corpus/chunks/auth-new-password.json +2 -1
- package/corpus/chunks/auth-profile-form.json +4 -2
- package/corpus/chunks/auth-profile-setup.json +3 -1
- package/corpus/chunks/auth-signin-card-otp.json +2 -2
- package/corpus/chunks/auth-signin-card-recovery.json +2 -1
- package/corpus/chunks/auth-team-invite.json +2 -1
- package/corpus/chunks/bulk-action-toolbar-floating.json +2 -2
- package/corpus/chunks/card-with-sparkline.json +2 -2
- package/corpus/chunks/chart-in-card-full-bleed-bar-tall.json +66 -0
- package/corpus/chunks/chart-in-card-full-bleed-bar-wide.json +65 -0
- package/corpus/chunks/chart-in-card-full-bleed-legend-composed-square.json +110 -0
- package/corpus/chunks/chart-in-card-full-bleed-legend-grouped-tall.json +111 -0
- package/corpus/chunks/chart-in-card-full-bleed-legend-stacked-wide.json +110 -0
- package/corpus/chunks/chart-in-card-full-bleed-line-square.json +66 -0
- package/corpus/chunks/comments-thread.json +3 -2
- package/corpus/chunks/dashboard-acquisition-panel.json +1 -1
- package/corpus/chunks/dashboard-admin-page.json +1 -1
- package/corpus/chunks/dashboard-chart-recent.json +1 -1
- package/corpus/chunks/dashboard-overview-panel.json +1 -1
- package/corpus/chunks/dashboard-traffic-channels.json +1 -1
- package/corpus/chunks/data-export-history.json +3 -2
- package/corpus/chunks/diff-structured.json +2 -2
- package/corpus/chunks/digest-email-preview.json +3 -2
- package/corpus/chunks/export-flow-delivery.json +3 -2
- package/corpus/chunks/export-flow-sync.json +3 -2
- package/corpus/chunks/filter-bar-active-filters.json +2 -2
- package/corpus/chunks/forms-address-autocomplete.json +3 -2
- package/corpus/chunks/forms-address-fields.json +3 -2
- package/corpus/chunks/gallery-page-shell.json +5 -4
- package/corpus/chunks/hero-section-split.json +2 -2
- package/corpus/chunks/inline-dialog-rename.json +3 -2
- package/corpus/chunks/inline-dialog-schedule.json +3 -2
- package/corpus/chunks/integrations-grid.json +6 -2
- package/corpus/chunks/kanban-page-shell.json +5 -4
- package/corpus/chunks/map-with-location-list.json +1 -1
- package/corpus/chunks/patient-visit-shell.json +3 -2
- package/corpus/chunks/permissions-matrix-grid.json +3 -2
- package/corpus/chunks/permissions-share-link.json +4 -2
- package/corpus/chunks/playground-agent-admin.json +11 -3
- package/corpus/chunks/profile-public.json +3 -2
- package/corpus/chunks/reactions-picker.json +4 -3
- package/corpus/chunks/referral-share-link.json +5 -2
- package/corpus/chunks/reg-brand-scrape.json +3 -3
- package/corpus/chunks/reg-final-done.json +5 -5
- package/corpus/chunks/reg-step-footer.json +5 -5
- package/corpus/chunks/reg-success-summary.json +5 -5
- package/corpus/chunks/revenue-heatmap.json +2 -1
- package/corpus/chunks/search-recents-menu.json +3 -2
- package/corpus/chunks/search-saved-views.json +3 -2
- package/corpus/chunks/sidebar-nav.json +3 -2
- package/corpus/chunks/table-inline-edit-row.json +3 -2
- package/corpus/chunks/table-spreadsheet-cells.json +3 -2
- package/corpus/chunks/table-toolbar-adiav2-row.json +33 -8
- package/corpus/chunks/table-toolbar-chrome-only-empty.json +185 -0
- package/corpus/chunks/table-with-toolbar-in-card-header.json +89 -0
- package/corpus/chunks/url-import-form.json +2 -2
- package/corpus/chunks/webhooks-list.json +3 -2
- package/corpus/manifest.json +3 -3
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 640px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Discussion</span>\n <text-ui slot=\"description\" color=\"subtle\">3 comments · 2 participants</text-ui>\n <button-ui slot=\"action\" text=\"Resolve\" variant=\"ghost\" size=\"sm\" icon
|
|
9
|
+
"html": "<card-ui style=\"max-width: 640px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Discussion</span>\n <text-ui slot=\"description\" color=\"subtle\">3 comments · 2 participants</text-ui>\n <button-ui slot=\"action\" text=\"Resolve\" variant=\"ghost\" size=\"sm\" icon=\"check\"></button-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui gap=\"3\" align=\"start\">\n <avatar-ui size=\"sm\" text=\"Avery Chen\"></avatar-ui>\n <col-ui gap=\"1\" grow>\n <row-ui gap=\"2\" align=\"baseline\">\n <text-ui strong>Avery Chen</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">2 hours ago</text-ui>\n </row-ui>\n <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>\n <row-ui gap=\"1\">\n <tag-ui>2</tag-ui>\n <tag-ui>1</tag-ui>\n <button-ui text=\"Reply\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </col-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"start\" style=\"padding-inline-start: 2.5rem;\">\n <avatar-ui size=\"sm\" text=\"Kim Granlund\"></avatar-ui>\n <col-ui gap=\"1\" grow>\n <row-ui gap=\"2\" align=\"baseline\">\n <text-ui strong>Kim Granlund</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">1 hour ago</text-ui>\n </row-ui>\n <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>\n <row-ui gap=\"1\">\n <tag-ui>3</tag-ui>\n <button-ui text=\"Reply\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </col-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"start\">\n <avatar-ui size=\"sm\" text=\"Jordan Lee\"></avatar-ui>\n <col-ui gap=\"1\" grow>\n <row-ui gap=\"2\" align=\"baseline\">\n <text-ui strong>Jordan Lee</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">12 minutes ago</text-ui>\n </row-ui>\n <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>\n <row-ui gap=\"1\">\n <button-ui text=\"Reply\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/comments-and-collaboration/comments-and-collaboration.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "content",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"feedback"
|
|
28
28
|
]
|
|
29
29
|
},
|
|
30
|
-
"captured_at": "2026-08-
|
|
30
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
31
31
|
"template": [
|
|
32
32
|
{
|
|
33
33
|
"id": "text",
|
|
@@ -47,6 +47,7 @@
|
|
|
47
47
|
"id": "button",
|
|
48
48
|
"component": "Button",
|
|
49
49
|
"slot": "action",
|
|
50
|
+
"icon": "check",
|
|
50
51
|
"size": "sm",
|
|
51
52
|
"text": "Resolve",
|
|
52
53
|
"variant": "ghost"
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui>\n <header>\n <span slot=\"heading\" variant=\"section\">Recent exports</span>\n </header>\n <section bleed>\n <list-ui divider contained>\n <list-item-ui text=\"Workspace · JSON\">\n <icon-ui slot=\"icon\" name=\"download-simple\" size=\"sm\"></icon-ui>\n <span slot=\"description\">Requested 12 minutes ago · 1.2M records</span>\n <tag-ui slot=\"action\" variant=\"warning\">Running</tag-ui>\n </list-item-ui>\n <list-item-ui text=\"My data · CSV\">\n <icon-ui slot=\"icon\" name=\"download-simple\" size=\"sm\"></icon-ui>\n <span slot=\"description\">Ready 2 hours ago · 4.2 MB · expires in 6 days</span>\n <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n <tag-ui variant=\"success\">Ready</tag-ui>\n <button-ui text=\"Download\" variant=\"primary\" size=\"sm\" icon
|
|
9
|
+
"html": "<card-ui>\n <header>\n <span slot=\"heading\" variant=\"section\">Recent exports</span>\n </header>\n <section bleed>\n <list-ui divider contained>\n <list-item-ui text=\"Workspace · JSON\">\n <icon-ui slot=\"icon\" name=\"download-simple\" size=\"sm\"></icon-ui>\n <span slot=\"description\">Requested 12 minutes ago · 1.2M records</span>\n <tag-ui slot=\"action\" variant=\"warning\">Running</tag-ui>\n </list-item-ui>\n <list-item-ui text=\"My data · CSV\">\n <icon-ui slot=\"icon\" name=\"download-simple\" size=\"sm\"></icon-ui>\n <span slot=\"description\">Ready 2 hours ago · 4.2 MB · expires in 6 days</span>\n <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n <tag-ui variant=\"success\">Ready</tag-ui>\n <button-ui text=\"Download\" variant=\"primary\" size=\"sm\" icon=\"download-simple\"></button-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui text=\"Workspace · JSON\">\n <icon-ui slot=\"icon\" name=\"download-simple\" size=\"sm\"></icon-ui>\n <span slot=\"description\">Ready 14 days ago · link expired</span>\n <tag-ui slot=\"action\" variant=\"default\">Expired</tag-ui>\n </list-item-ui>\n </list-ui>\n </section>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/admin-keys-and-export/admin-keys-and-export.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "data-management",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"audit"
|
|
29
29
|
]
|
|
30
30
|
},
|
|
31
|
-
"captured_at": "2026-08-
|
|
31
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
32
32
|
"template": [
|
|
33
33
|
{
|
|
34
34
|
"id": "text",
|
|
@@ -98,6 +98,7 @@
|
|
|
98
98
|
{
|
|
99
99
|
"id": "button",
|
|
100
100
|
"component": "Button",
|
|
101
|
+
"icon": "download-simple",
|
|
101
102
|
"size": "sm",
|
|
102
103
|
"text": "Download",
|
|
103
104
|
"variant": "primary"
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 640px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Workspace settings — change preview</span>\n <text-ui slot=\"description\" color=\"subtle\">3 fields changed</text-ui>\n </header>\n <section>\n <description-list-ui>\n <dt>Workspace name</dt>\n <dd>\n <row-ui gap=\"2\" align=\"center\">\n <tag-ui variant=\"danger\"
|
|
9
|
+
"html": "<card-ui style=\"max-width: 640px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Workspace settings — change preview</span>\n <text-ui slot=\"description\" color=\"subtle\">3 fields changed</text-ui>\n </header>\n <section>\n <description-list-ui>\n <dt>Workspace name</dt>\n <dd>\n <row-ui gap=\"2\" align=\"center\">\n <tag-ui variant=\"danger\">Adia</tag-ui>\n <tag-ui variant=\"success\">Adia AI</tag-ui>\n </row-ui>\n </dd>\n <dt>Default theme</dt>\n <dd>\n <row-ui gap=\"2\" align=\"center\">\n <tag-ui variant=\"danger\">light</tag-ui>\n <tag-ui variant=\"success\">auto</tag-ui>\n </row-ui>\n </dd>\n <dt>Member invites</dt>\n <dd>\n <row-ui gap=\"2\" align=\"center\">\n <tag-ui variant=\"danger\">Admin only</tag-ui>\n <tag-ui variant=\"success\">Anyone with link</tag-ui>\n </row-ui>\n </dd>\n </description-list-ui>\n </section>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/diff-review/diff-review.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "data",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"confirm"
|
|
29
29
|
]
|
|
30
30
|
},
|
|
31
|
-
"captured_at": "2026-08-
|
|
31
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
32
32
|
"template": [
|
|
33
33
|
{
|
|
34
34
|
"id": "text",
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 640px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Weekly digest preview</span>\n <text-ui slot=\"description\" color=\"subtle\">This is what your Monday morning email will contain</text-ui>\n <button-ui slot=\"action\" text=\"Send test\" variant=\"ghost\" size=\"sm\" icon
|
|
9
|
+
"html": "<card-ui style=\"max-width: 640px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Weekly digest preview</span>\n <text-ui slot=\"description\" color=\"subtle\">This is what your Monday morning email will contain</text-ui>\n <button-ui slot=\"action\" text=\"Send test\" variant=\"ghost\" size=\"sm\" icon=\"paper-plane-tilt\"></button-ui>\n </header>\n <section>\n <col-ui gap=\"4\">\n <col-ui gap=\"1\">\n <text-ui strong>Hi Kim,</text-ui>\n <text-ui>Here's what happened in <strong>Adia AI</strong> this week.</text-ui>\n </col-ui>\n <col-ui gap=\"2\">\n <text-ui strong size=\"sm\" color=\"subtle\">Mentions · 4</text-ui>\n <col-ui gap=\"2\">\n <row-ui gap=\"2\" align=\"start\">\n <avatar-ui size=\"sm\" text=\"Avery Chen\"></avatar-ui>\n <col-ui gap=\"0\" style=\"flex: 1;\">\n <text-ui>Avery on \"OKLCH ramp comment\"</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">\"Should we use chrome or data scale here?\" · Tuesday</text-ui>\n </col-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"start\">\n <avatar-ui size=\"sm\" text=\"Jordan Lee\"></avatar-ui>\n <col-ui gap=\"0\" style=\"flex: 1;\">\n <text-ui>Jordan on \"Auth flow rebuild\"</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">\"Nominating for review\" · Wednesday</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n <col-ui gap=\"2\">\n <text-ui strong size=\"sm\" color=\"subtle\">Activity · 12</text-ui>\n <col-ui gap=\"2\">\n <col-ui gap=\"0\">\n <text-ui>3 PRs merged</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">v0.0.26 hotfix, attribute-API migration sweep, INDEX update</text-ui>\n </col-ui>\n <col-ui gap=\"0\">\n <text-ui>9 issues closed</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">5 by you, 4 by team</text-ui>\n </col-ui>\n </col-ui>\n </col-ui>\n <col-ui gap=\"2\">\n <text-ui strong size=\"sm\" color=\"subtle\">Coming up</text-ui>\n <row-ui gap=\"2\" align=\"start\">\n <icon-ui name=\"calendar\" size=\"sm\"></icon-ui>\n <col-ui gap=\"0\" style=\"flex: 1;\">\n <text-ui>Design review — Tuesday 2pm</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">v0.0.27 cut planning</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n </section>\n <footer divider>\n <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Delivered Mondays at 8am · <a href=\"#\">Manage preferences</a></text-ui>\n </footer>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/notifications-bell-and-digest/notifications-bell-and-digest.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "display",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"batch"
|
|
27
27
|
]
|
|
28
28
|
},
|
|
29
|
-
"captured_at": "2026-
|
|
29
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
30
30
|
"template": [
|
|
31
31
|
{
|
|
32
32
|
"id": "text",
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
"id": "button",
|
|
47
47
|
"component": "Button",
|
|
48
48
|
"slot": "action",
|
|
49
|
+
"icon": "paper-plane-tilt",
|
|
49
50
|
"size": "sm",
|
|
50
51
|
"text": "Send test",
|
|
51
52
|
"variant": "ghost"
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 480px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Export invoices</span>\n <text-ui slot=\"description\" color=\"subtle\">2024 fiscal year · 1,247 invoices</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Format\">\n <select-ui id=\"export-delivery-format\" name=\"format\">\n <option value=\"pdf\" selected>PDF bundle</option>\n <option value=\"zip-pdf\">ZIP of individual PDFs</option>\n <option value=\"csv\">CSV summary only</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Delivery\" required>\n <col-ui gap=\"1\">\n <radio-ui id=\"export-delivery-radio-download\" name=\"delivery\" value=\"download\" label=\"Download now\" checked></radio-ui>\n <radio-ui name=\"delivery\" value=\"email\" label=\"Email when ready (recommended for large bundles)\"></radio-ui>\n </col-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n <button-ui id=\"export-delivery-submit\" slot=\"action\" text=\"Download PDF\" variant=\"primary\" icon
|
|
9
|
+
"html": "<card-ui style=\"max-width: 480px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Export invoices</span>\n <text-ui slot=\"description\" color=\"subtle\">2024 fiscal year · 1,247 invoices</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Format\">\n <select-ui id=\"export-delivery-format\" name=\"format\">\n <option value=\"pdf\" selected>PDF bundle</option>\n <option value=\"zip-pdf\">ZIP of individual PDFs</option>\n <option value=\"csv\">CSV summary only</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Delivery\" required>\n <col-ui gap=\"1\">\n <radio-ui id=\"export-delivery-radio-download\" name=\"delivery\" value=\"download\" label=\"Download now\" checked></radio-ui>\n <radio-ui name=\"delivery\" value=\"email\" label=\"Email when ready (recommended for large bundles)\"></radio-ui>\n </col-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n <button-ui id=\"export-delivery-submit\" slot=\"action\" text=\"Download PDF\" variant=\"primary\" icon=\"download-simple\"></button-ui>\n </footer>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/export-flow/export-flow.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "data-management",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"options"
|
|
28
28
|
]
|
|
29
29
|
},
|
|
30
|
-
"captured_at": "2026-08-
|
|
30
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
31
31
|
"template": [
|
|
32
32
|
{
|
|
33
33
|
"id": "text",
|
|
@@ -139,6 +139,7 @@
|
|
|
139
139
|
"id": "export-delivery-submit",
|
|
140
140
|
"component": "Button",
|
|
141
141
|
"slot": "action",
|
|
142
|
+
"icon": "download-simple",
|
|
142
143
|
"text": "Download PDF",
|
|
143
144
|
"variant": "primary"
|
|
144
145
|
},
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 480px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Export users</span>\n <text-ui slot=\"description\" color=\"subtle\">428 rows · current filter applied</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Format\">\n <select-ui id=\"export-sync-format\" name=\"format\">\n <option value=\"csv\" selected>CSV (Excel-compatible)</option>\n <option value=\"json\">JSON</option>\n <option value=\"xlsx\">XLSX (Excel native)</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Columns\">\n <col-ui gap=\"1\">\n <radio-ui name=\"cols\" value=\"all\" label=\"All columns\" checked></radio-ui>\n <radio-ui name=\"cols\" value=\"visible\" label=\"Only visible columns (8)\"></radio-ui>\n </col-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n <button-ui id=\"export-sync-submit\" slot=\"action\" text=\"Download CSV\" variant=\"primary\" icon
|
|
9
|
+
"html": "<card-ui style=\"max-width: 480px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Export users</span>\n <text-ui slot=\"description\" color=\"subtle\">428 rows · current filter applied</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Format\">\n <select-ui id=\"export-sync-format\" name=\"format\">\n <option value=\"csv\" selected>CSV (Excel-compatible)</option>\n <option value=\"json\">JSON</option>\n <option value=\"xlsx\">XLSX (Excel native)</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Columns\">\n <col-ui gap=\"1\">\n <radio-ui name=\"cols\" value=\"all\" label=\"All columns\" checked></radio-ui>\n <radio-ui name=\"cols\" value=\"visible\" label=\"Only visible columns (8)\"></radio-ui>\n </col-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n <button-ui id=\"export-sync-submit\" slot=\"action\" text=\"Download CSV\" variant=\"primary\" icon=\"download-simple\"></button-ui>\n </footer>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/export-flow/export-flow.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "data-management",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"data"
|
|
28
28
|
]
|
|
29
29
|
},
|
|
30
|
-
"captured_at": "2026-
|
|
30
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
31
31
|
"template": [
|
|
32
32
|
{
|
|
33
33
|
"id": "text",
|
|
@@ -138,6 +138,7 @@
|
|
|
138
138
|
"id": "export-sync-submit",
|
|
139
139
|
"component": "Button",
|
|
140
140
|
"slot": "action",
|
|
141
|
+
"icon": "download-simple",
|
|
141
142
|
"text": "Download CSV",
|
|
142
143
|
"variant": "primary"
|
|
143
144
|
},
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"data-section": "",
|
|
10
10
|
"data-property": "active-filters"
|
|
11
11
|
},
|
|
12
|
-
"html": "<card-ui>\n <section>\n <row-ui gap=\"2\" align=\"center\" wrap>\n <text-ui color=\"subtle\" weight=\"semibold\">Filters:</text-ui>\n <tag-ui text=\"Status: Active\" removable tone=\"muted\"></tag-ui>\n <tag-ui text=\"Owner: Alex Chen\" removable tone=\"muted\"></tag-ui>\n <tag-ui text=\"Updated: last 7 days\" removable tone=\"muted\"></tag-ui>\n <button-ui text=\"+ Add filter\" variant=\"ghost\" size=\"sm\" popovertarget=\"pat-filter-menu\"></button-ui>\n <span data-spacer></span>\n <button-ui text=\"Clear all\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n <popover-ui id=\"pat-filter-menu\"
|
|
12
|
+
"html": "<card-ui>\n <section>\n <row-ui gap=\"2\" align=\"center\" wrap>\n <text-ui color=\"subtle\" weight=\"semibold\">Filters:</text-ui>\n <tag-ui text=\"Status: Active\" removable tone=\"muted\"></tag-ui>\n <tag-ui text=\"Owner: Alex Chen\" removable tone=\"muted\"></tag-ui>\n <tag-ui text=\"Updated: last 7 days\" removable tone=\"muted\"></tag-ui>\n <button-ui text=\"+ Add filter\" variant=\"ghost\" size=\"sm\" popovertarget=\"pat-filter-menu\"></button-ui>\n <span data-spacer></span>\n <button-ui text=\"Clear all\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n <popover-ui id=\"pat-filter-menu\">\n <action-list-ui>\n <action-item-ui icon=\"flag\" text=\"Status\" value=\"status\"></action-item-ui>\n <action-item-ui icon=\"user\" text=\"Owner\" value=\"owner\"></action-item-ui>\n <action-item-ui icon=\"tag\" text=\"Label\" value=\"label\"></action-item-ui>\n <action-item-ui icon=\"calendar\" text=\"Date range\" value=\"date\"></action-item-ui>\n <action-item-ui icon=\"folder\" text=\"Project\" value=\"project\"></action-item-ui>\n </action-list-ui>\n </popover-ui>\n </section>\n </card-ui>",
|
|
13
13
|
"source": "packages/web-components/patterns/filter-bar/filter-bar.examples.html",
|
|
14
14
|
"metadata": {
|
|
15
15
|
"domain": "data",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"tags"
|
|
32
32
|
]
|
|
33
33
|
},
|
|
34
|
-
"captured_at": "2026-08-
|
|
34
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
35
35
|
"template": [
|
|
36
36
|
{
|
|
37
37
|
"id": "text",
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Billing address</span>\n </header>\n <section>\n <col-ui gap=\"2\">\n <field-ui label=\"Search address\" hint=\"Start typing — we'll suggest matches\">\n <input-ui name=\"address_query\" placeholder=\"123 Main St\"
|
|
9
|
+
"html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Billing address</span>\n </header>\n <section>\n <col-ui gap=\"2\">\n <field-ui label=\"Search address\" hint=\"Start typing — we'll suggest matches\">\n <input-ui name=\"address_query\" placeholder=\"123 Main St\" prefix=\"map-pin\" value=\"500 market\"></input-ui>\n </field-ui>\n <card-ui raw style=\"max-width: 100%;\" data-shape=\"popover\">\n <section>\n <col-ui gap=\"2\">\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"map-pin\" size=\"sm\"></icon-ui>\n <col-ui gap=\"0\" style=\"flex: 1;\">\n <text-ui><strong>500 Market</strong> Street</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">San Francisco, CA 94105 · USA</text-ui>\n </col-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"map-pin\" size=\"sm\"></icon-ui>\n <col-ui gap=\"0\" style=\"flex: 1;\">\n <text-ui><strong>500 Market</strong> Place</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Chattanooga, TN 37402 · USA</text-ui>\n </col-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"map-pin\" size=\"sm\"></icon-ui>\n <col-ui gap=\"0\" style=\"flex: 1;\">\n <text-ui><strong>500 Market</strong> Square</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Pittsburgh, PA 15222 · USA</text-ui>\n </col-ui>\n </row-ui>\n <divider-ui></divider-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"pencil-simple\" size=\"sm\"></icon-ui>\n <text-ui style=\"flex: 1;\">Enter address manually</text-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n </col-ui>\n </section>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/forms-conditional-and-autocomplete/forms-conditional-and-autocomplete.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "forms",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"form"
|
|
27
27
|
]
|
|
28
28
|
},
|
|
29
|
-
"captured_at": "2026-
|
|
29
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
30
30
|
"template": [
|
|
31
31
|
{
|
|
32
32
|
"id": "text",
|
|
@@ -47,6 +47,7 @@
|
|
|
47
47
|
"component": "Input",
|
|
48
48
|
"name": "address_query",
|
|
49
49
|
"placeholder": "123 Main St",
|
|
50
|
+
"prefix": "map-pin",
|
|
50
51
|
"value": "500 market"
|
|
51
52
|
},
|
|
52
53
|
{
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Address details</span>\n <button-ui slot=\"action\" text=\"Search again\" variant=\"ghost\" size=\"sm\" icon
|
|
9
|
+
"html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Address details</span>\n <button-ui slot=\"action\" text=\"Search again\" variant=\"ghost\" size=\"sm\" icon=\"arrow-counter-clockwise\"></button-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Street address\" required>\n <input-ui name=\"street1\" value=\"500 Market Street\"></input-ui>\n </field-ui>\n <field-ui label=\"Apt / Suite (optional)\">\n <input-ui name=\"street2\" placeholder=\"Suite 200\"></input-ui>\n </field-ui>\n <grid-ui columns=\"2\" gap=\"3\">\n <field-ui label=\"City\" required>\n <input-ui name=\"city\" value=\"San Francisco\"></input-ui>\n </field-ui>\n <field-ui label=\"State\" required>\n <select-ui name=\"state\">\n <option value=\"CA\" selected>California</option>\n <option value=\"NY\">New York</option>\n <option value=\"TX\">Texas</option>\n </select-ui>\n </field-ui>\n </grid-ui>\n <grid-ui columns=\"2\" gap=\"3\">\n <field-ui label=\"ZIP code\" required>\n <input-ui name=\"postal_code\" value=\"94105\"></input-ui>\n </field-ui>\n <field-ui label=\"Country\" required>\n <select-ui name=\"country\">\n <option value=\"US\" selected>United States</option>\n <option value=\"CA\">Canada</option>\n <option value=\"GB\">United Kingdom</option>\n </select-ui>\n </field-ui>\n </grid-ui>\n </col-ui>\n </section>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/forms-conditional-and-autocomplete/forms-conditional-and-autocomplete.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "forms",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"layout"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
|
-
"captured_at": "2026-
|
|
32
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
33
33
|
"template": [
|
|
34
34
|
{
|
|
35
35
|
"id": "text",
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
"id": "button",
|
|
43
43
|
"component": "Button",
|
|
44
44
|
"slot": "action",
|
|
45
|
+
"icon": "arrow-counter-clockwise",
|
|
45
46
|
"size": "sm",
|
|
46
47
|
"text": "Search again",
|
|
47
48
|
"variant": "ghost"
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
{
|
|
13
13
|
"name": "filter-bar",
|
|
14
14
|
"tagName": "section",
|
|
15
|
-
"html": "<input-ui placeholder=\"Search media…\"
|
|
15
|
+
"html": "<input-ui placeholder=\"Search media…\" prefix=\"search\" style=\"width:240px;\"></input-ui>\n <select-ui size=\"sm\">\n <option>All types</option>\n <option>Images</option>\n <option>Videos</option>\n <option>Documents</option>\n </select-ui>\n <select-ui size=\"sm\">\n <option>Any time</option>\n <option>Today</option>\n <option>This week</option>\n <option>This month</option>\n </select-ui>"
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
18
|
"name": "grid",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
],
|
|
28
28
|
"nested": [],
|
|
29
29
|
"attrs": {},
|
|
30
|
-
"html": "<article\n style=\"display:flex; flex-direction:column; height:100vh;\">\n <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; justify-content:space-between;\">\n <text-ui strong size=\"lg\">Media Gallery</text-ui>\n <row-ui gap=\"2\">\n <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; gap:var(--a-space-2);\">\n <input-ui placeholder=\"Search media…\"
|
|
30
|
+
"html": "<article\n style=\"display:flex; flex-direction:column; height:100vh;\">\n <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; justify-content:space-between;\">\n <text-ui strong size=\"lg\">Media Gallery</text-ui>\n <row-ui gap=\"2\">\n <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; gap:var(--a-space-2);\">\n <input-ui placeholder=\"Search media…\" prefix=\"search\" style=\"width:240px;\"></input-ui>\n <select-ui size=\"sm\">\n <option>All types</option>\n <option>Images</option>\n <option>Videos</option>\n <option>Documents</option>\n </select-ui>\n <select-ui size=\"sm\">\n <option>Any time</option>\n <option>Today</option>\n <option>This week</option>\n <option>This month</option>\n </select-ui>\n </section>\n\n <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n <grid-ui columns=\"2 4@md\" gap=\"3\">\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n </section>\n </card-ui>\n </grid-ui>\n </section>\n\n <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n <image-ui src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\"></image-ui>\n </dialog-ui>\n</article>",
|
|
31
31
|
"source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
|
|
32
32
|
"metadata": {
|
|
33
33
|
"domain": "layout",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"view-toggle"
|
|
44
44
|
]
|
|
45
45
|
},
|
|
46
|
-
"captured_at": "2026-
|
|
46
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
47
47
|
"template": [
|
|
48
48
|
{
|
|
49
49
|
"id": "text",
|
|
@@ -88,7 +88,8 @@
|
|
|
88
88
|
{
|
|
89
89
|
"id": "input",
|
|
90
90
|
"component": "Input",
|
|
91
|
-
"placeholder": "Search media…"
|
|
91
|
+
"placeholder": "Search media…",
|
|
92
|
+
"prefix": "search"
|
|
92
93
|
},
|
|
93
94
|
{
|
|
94
95
|
"id": "choice-picker",
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<section>\n <grid-ui columns=\"1 2@md\" gap=\"6\" align=\"center\">\n <col-ui gap=\"4\">\n <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\"
|
|
9
|
+
"html": "<section>\n <grid-ui columns=\"1 2@md\" gap=\"6\" align=\"center\">\n <col-ui gap=\"4\">\n <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\">NEW IN 2026</text-ui>\n <h1>Ship AI-native UIs in hours, not weeks</h1>\n <text-ui size=\"lg\" color=\"subtle\">A2UI primitives + free-form composer + grounded chunk vocabulary. Real production HTML, generated on demand.</text-ui>\n <row-ui gap=\"3\">\n <button-ui text=\"Start free\" variant=\"primary\" size=\"lg\"></button-ui>\n <button-ui text=\"Watch demo\" variant=\"outline\" size=\"lg\" icon=\"play-circle\"></button-ui>\n </row-ui>\n </col-ui>\n <image-ui src=\"https://picsum.photos/seed/dashboard51/800/500\" alt=\"Product dashboard — generated admin surface with KPI cards and activity feed\" height=\"280px\" fit=\"cover\"></image-ui>\n </grid-ui>\n </section>",
|
|
10
10
|
"source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "layout",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"cta"
|
|
24
24
|
]
|
|
25
25
|
},
|
|
26
|
-
"captured_at": "2026-08-
|
|
26
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
27
27
|
"template": [
|
|
28
28
|
{
|
|
29
29
|
"id": "text",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"attrs": {
|
|
9
9
|
"placement": "bottom-start"
|
|
10
10
|
},
|
|
11
|
-
"html": "<popover-ui placement=\"bottom-start\">\n <button-ui slot=\"trigger\" text=\"Rename\" variant=\"ghost\" size=\"sm\" icon
|
|
11
|
+
"html": "<popover-ui placement=\"bottom-start\">\n <button-ui slot=\"trigger\" text=\"Rename\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n <card-ui slot=\"content\" style=\"min-width: 320px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Rename file</span>\n </header>\n <section>\n <field-ui label=\"New name\">\n <input-ui name=\"filename\" value=\"Q4-budget-draft.xlsx\"></input-ui>\n </field-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\" data-popover-close></button-ui>\n <button-ui slot=\"action\" text=\"Save\" variant=\"primary\"></button-ui>\n </footer>\n </card-ui>\n </popover-ui>",
|
|
12
12
|
"source": "packages/web-components/patterns/inline-dialog/inline-dialog.examples.html",
|
|
13
13
|
"metadata": {
|
|
14
14
|
"domain": "overlay",
|
|
@@ -30,12 +30,13 @@
|
|
|
30
30
|
"quick"
|
|
31
31
|
]
|
|
32
32
|
},
|
|
33
|
-
"captured_at": "2026-08-
|
|
33
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
34
34
|
"template": [
|
|
35
35
|
{
|
|
36
36
|
"id": "button",
|
|
37
37
|
"component": "Button",
|
|
38
38
|
"slot": "trigger",
|
|
39
|
+
"icon": "pencil-simple",
|
|
39
40
|
"size": "sm",
|
|
40
41
|
"text": "Rename",
|
|
41
42
|
"variant": "ghost"
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"attrs": {
|
|
9
9
|
"placement": "bottom-start"
|
|
10
10
|
},
|
|
11
|
-
"html": "<popover-ui placement=\"bottom-start\">\n <button-ui slot=\"trigger\" icon=\"caret-down\" variant=\"primary\" size=\"sm\" aria-label=\"More send options\"></button-ui>\n <card-ui slot=\"content\" style=\"min-width: 320px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Schedule send</span>\n <text-ui slot=\"description\" color=\"subtle\">Picks the next available slot in your timezone</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Date\">\n <calendar-picker-ui name=\"date\" value=\"2026-03-15\"></calendar-picker-ui>\n </field-ui>\n <field-ui label=\"Time\">\n <time-picker-ui name=\"time\" value=\"09:00\"></time-picker-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\" data-popover-close></button-ui>\n <button-ui slot=\"action\" text=\"Schedule\" variant=\"primary\" icon
|
|
11
|
+
"html": "<popover-ui placement=\"bottom-start\">\n <button-ui slot=\"trigger\" icon=\"caret-down\" variant=\"primary\" size=\"sm\" aria-label=\"More send options\"></button-ui>\n <card-ui slot=\"content\" style=\"min-width: 320px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Schedule send</span>\n <text-ui slot=\"description\" color=\"subtle\">Picks the next available slot in your timezone</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Date\">\n <calendar-picker-ui name=\"date\" value=\"2026-03-15\"></calendar-picker-ui>\n </field-ui>\n <field-ui label=\"Time\">\n <time-picker-ui name=\"time\" value=\"09:00\"></time-picker-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\" data-popover-close></button-ui>\n <button-ui slot=\"action\" text=\"Schedule\" variant=\"primary\" icon=\"clock\"></button-ui>\n </footer>\n </card-ui>\n </popover-ui>",
|
|
12
12
|
"source": "packages/web-components/patterns/inline-dialog/inline-dialog.examples.html",
|
|
13
13
|
"metadata": {
|
|
14
14
|
"domain": "overlay",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"quick"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
|
-
"captured_at": "2026-08-
|
|
32
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
33
33
|
"template": [
|
|
34
34
|
{
|
|
35
35
|
"id": "more-send-options",
|
|
@@ -118,6 +118,7 @@
|
|
|
118
118
|
"id": "button-2",
|
|
119
119
|
"component": "Button",
|
|
120
120
|
"slot": "action",
|
|
121
|
+
"icon": "clock",
|
|
121
122
|
"text": "Schedule",
|
|
122
123
|
"variant": "primary"
|
|
123
124
|
},
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui>\n <header>\n <h3>Integrations</h3>\n <p slot=\"description\">Connect your favourite tools to your workspace.</p>\n <span slot=\"action\">\n <button-ui text=\"Browse marketplace\" variant=\"ghost\" size=\"sm\" icon=\"grid-four\"></button-ui>\n </span>\n </header>\n <section>\n <grid-ui columns=\"1 2@sm 4@md\" gap=\"3\">\n <integration-card-ui provider=\"slack\" name=\"Slack\"
|
|
9
|
+
"html": "<card-ui>\n <header>\n <h3>Integrations</h3>\n <p slot=\"description\">Connect your favourite tools to your workspace.</p>\n <span slot=\"action\">\n <button-ui text=\"Browse marketplace\" variant=\"ghost\" size=\"sm\" icon=\"grid-four\"></button-ui>\n </span>\n </header>\n <section>\n <grid-ui columns=\"1 2@sm 4@md\" gap=\"3\">\n <integration-card-ui provider=\"slack\" name=\"Slack\" logo=\"slack-logo\" status=\"connected\" description=\"Team messaging and notifications.\"></integration-card-ui>\n <integration-card-ui provider=\"github\" name=\"GitHub\" logo=\"github-logo\" status=\"connected\" description=\"Code repository and CI pipeline.\"></integration-card-ui>\n <integration-card-ui provider=\"jira\" name=\"Jira\" logo=\"trello-logo\" status=\"connected\" description=\"Issue tracking and sprints.\"></integration-card-ui>\n <integration-card-ui provider=\"linear\" name=\"Linear\" logo=\"square-logo\" status=\"available\" description=\"Modern issue tracking for teams.\"></integration-card-ui>\n </grid-ui>\n </section>\n</card-ui>",
|
|
10
10
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "settings",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"connect"
|
|
31
31
|
]
|
|
32
32
|
},
|
|
33
|
-
"captured_at": "2026-
|
|
33
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
34
34
|
"template": [
|
|
35
35
|
{
|
|
36
36
|
"id": "text",
|
|
@@ -75,6 +75,7 @@
|
|
|
75
75
|
"id": "slack",
|
|
76
76
|
"component": "IntegrationCard",
|
|
77
77
|
"description": "Team messaging and notifications.",
|
|
78
|
+
"logo": "slack-logo",
|
|
78
79
|
"name": "Slack",
|
|
79
80
|
"provider": "slack",
|
|
80
81
|
"status": "connected"
|
|
@@ -83,6 +84,7 @@
|
|
|
83
84
|
"id": "git-hub",
|
|
84
85
|
"component": "IntegrationCard",
|
|
85
86
|
"description": "Code repository and CI pipeline.",
|
|
87
|
+
"logo": "github-logo",
|
|
86
88
|
"name": "GitHub",
|
|
87
89
|
"provider": "github",
|
|
88
90
|
"status": "connected"
|
|
@@ -91,6 +93,7 @@
|
|
|
91
93
|
"id": "jira",
|
|
92
94
|
"component": "IntegrationCard",
|
|
93
95
|
"description": "Issue tracking and sprints.",
|
|
96
|
+
"logo": "trello-logo",
|
|
94
97
|
"name": "Jira",
|
|
95
98
|
"provider": "jira",
|
|
96
99
|
"status": "connected"
|
|
@@ -99,6 +102,7 @@
|
|
|
99
102
|
"id": "linear",
|
|
100
103
|
"component": "IntegrationCard",
|
|
101
104
|
"description": "Modern issue tracking for teams.",
|
|
105
|
+
"logo": "square-logo",
|
|
102
106
|
"name": "Linear",
|
|
103
107
|
"provider": "linear",
|
|
104
108
|
"status": "available"
|