@adia-ai/a2ui-corpus 0.6.41 → 0.6.42
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 +16 -0
- package/catalog-a2ui_0_9.json +11 -25
- package/catalog-a2ui_0_9_rules.txt +2 -0
- package/chunk-embeddings.json +1 -1
- package/chunks/_index.json +4049 -2389
- package/chunks/accordion-settings.json +1 -1
- package/chunks/activity-feed.json +389 -0
- package/chunks/agent-canvas-shell.json +1 -1
- package/chunks/agent-command-palette-search.json +1 -1
- package/chunks/agent-reasoning-collapsed.json +3 -3
- package/chunks/agent-tool-call-result.json +1 -1
- package/chunks/agent-trace-timeline.json +1 -1
- package/chunks/ai-streaming-response.json +1 -1
- package/chunks/alert-banner.json +1 -1
- package/chunks/analytics-chart.json +155 -0
- package/chunks/{dashboard-spark-cards.json → analytics-sparklines-dashboard.json} +18 -13
- package/chunks/api-key-table.json +116 -0
- package/chunks/app-product-listing-card.json +214 -0
- package/chunks/audit-log.json +133 -0
- package/chunks/auth-account-deleted-actions.json +1 -1
- package/chunks/auth-account-deleted.json +1 -1
- package/chunks/auth-card-content.json +1 -1
- package/chunks/auth-card-header.json +1 -1
- package/chunks/auth-email-entry.json +1 -1
- package/chunks/auth-email-verify-confirm.json +1 -1
- package/chunks/auth-email-verify.json +1 -1
- package/chunks/auth-forbidden-actions.json +1 -1
- package/chunks/auth-forbidden.json +1 -1
- package/chunks/auth-invite-actions.json +1 -1
- package/chunks/auth-invite-team-card.json +1 -1
- package/chunks/auth-link-expired-form.json +1 -1
- package/chunks/auth-link-expired.json +1 -1
- package/chunks/auth-locked-account.json +1 -1
- package/chunks/auth-locked-recovery-options.json +1 -1
- package/chunks/auth-mfa-enrollment-submit.json +1 -1
- package/chunks/auth-mfa-enrollment.json +1 -1
- package/chunks/auth-mfa-fallback-actions.json +1 -1
- package/chunks/auth-mfa-recovery.json +1 -1
- package/chunks/auth-new-password-form.json +1 -1
- package/chunks/auth-new-password.json +1 -1
- package/chunks/auth-oauth-fallback-actions.json +1 -1
- package/chunks/auth-oauth-interstitial.json +1 -1
- package/chunks/auth-password-challenge.json +1 -1
- package/chunks/auth-password-reset-form.json +1 -1
- package/chunks/auth-password-reset.json +1 -1
- package/chunks/auth-profile-form.json +1 -1
- package/chunks/auth-profile-setup.json +1 -1
- package/chunks/auth-reset-sent.json +1 -1
- package/chunks/auth-session-expired-actions.json +1 -1
- package/chunks/auth-session-expired.json +11 -6
- package/chunks/auth-signin-card-email.json +1 -1
- package/chunks/auth-signin-card-magic-link.json +22 -29
- package/chunks/auth-signin-card-mfa.json +1 -1
- package/chunks/auth-signin-card-otp.json +1 -1
- package/chunks/auth-signin-card-password.json +1 -1
- package/chunks/auth-signin-card-recovery.json +1 -1
- package/chunks/auth-signout-actions.json +1 -1
- package/chunks/auth-signout.json +1 -1
- package/chunks/auth-signup-email-entry.json +1 -1
- package/chunks/auth-signup-entry.json +1 -1
- package/chunks/auth-signup-social-auths.json +1 -1
- package/chunks/auth-signup-verify.json +1 -1
- package/chunks/auth-social-auths.json +1 -1
- package/chunks/auth-sso-providers.json +1 -1
- package/chunks/auth-sso-required.json +1 -1
- package/chunks/auth-team-invite.json +1 -1
- package/chunks/avatar-group-overflow.json +1 -1
- package/chunks/{users-table-badge.json → badge-variants-table.json} +27 -12
- package/chunks/billing-overview.json +234 -0
- package/chunks/billing-progress-label.json +101 -0
- package/chunks/blog-post-card.json +189 -0
- package/chunks/{breadcrumb-nav.json → breadcrumb-navigation.json} +13 -9
- package/chunks/calendar-month-view.json +23 -29
- package/chunks/card-grid-images.json +459 -0
- package/chunks/card-header-with-description.json +1 -1
- package/chunks/{agent-activity-feed.json → changelog-activity-feed.json} +22 -11
- package/chunks/chart-with-filter-pills.json +1 -1
- package/chunks/chat-page-shell.json +1 -1
- package/chunks/chat-streaming-surface.json +3 -20
- package/chunks/code-snippet.json +119 -0
- package/chunks/color-picker-swatches.json +1 -1
- package/chunks/command-palette.json +229 -18
- package/chunks/commerce-pricing-tiers.json +1 -1
- package/chunks/comparison-table.json +4 -4
- package/chunks/contact-form.json +156 -0
- package/chunks/conversion-funnel-6step.json +33 -18
- package/chunks/dashboard-acquisition-panel.json +1 -1
- package/chunks/dashboard-admin-page.json +25 -7
- package/chunks/dashboard-audience-kpis.json +1 -1
- package/chunks/dashboard-audience-panel.json +206 -84
- package/chunks/dashboard-behavior-panel.json +1 -1
- package/chunks/dashboard-chart-recent.json +19 -5
- package/chunks/dashboard-cohort-retention.json +1 -1
- package/chunks/dashboard-conversion-panel.json +22 -13
- package/chunks/dashboard-country-list.json +1 -1
- package/chunks/dashboard-filter-bar.json +1 -1
- package/chunks/dashboard-funnel.json +21 -12
- package/chunks/dashboard-notifications-panel.json +122 -73
- package/chunks/dashboard-overview-panel.json +30 -18
- package/chunks/dashboard-page-header.json +1 -1
- package/chunks/dashboard-pages-table.json +1 -1
- package/chunks/dashboard-quick-actions.json +1 -1
- package/chunks/dashboard-reports-panel.json +1 -1
- package/chunks/dashboard-reports-table.json +1 -1
- package/chunks/dashboard-storage-card.json +25 -13
- package/chunks/dashboard-tabs.json +1 -1
- package/chunks/dashboard-team-actions-storage.json +27 -15
- package/chunks/dashboard-team-list.json +1 -1
- package/chunks/dashboard-traffic-channels.json +1 -1
- package/chunks/dashboard-transactions-table.json +1 -1
- package/chunks/data-import-wizard.json +396 -0
- package/chunks/date-range-picker.json +156 -0
- package/chunks/date-time-picker-form.json +19 -16
- package/chunks/divider-text-label.json +1 -1
- package/chunks/doc-editor-shell.json +1 -1
- package/chunks/drawer-2fa-key.json +1 -1
- package/chunks/drawer-2fa-sms.json +1 -1
- package/chunks/drawer-2fa-totp.json +1 -1
- package/chunks/drawer-cancel-sub.json +1 -1
- package/chunks/drawer-change-plan.json +1 -1
- package/chunks/drawer-custom-roles.json +1 -1
- package/chunks/drawer-data-start.json +1 -1
- package/chunks/drawer-delete-account.json +1 -1
- package/chunks/drawer-delete-workspace.json +1 -1
- package/chunks/drawer-discord.json +1 -1
- package/chunks/drawer-figma.json +1 -1
- package/chunks/drawer-first-dashboard.json +1 -1
- package/chunks/drawer-gcal.json +1 -1
- package/chunks/drawer-github.json +1 -1
- package/chunks/drawer-invite.json +15 -5
- package/chunks/drawer-payment-method.json +1 -1
- package/chunks/drawer-report.json +1 -1
- package/chunks/drawer-revoke-session.json +1 -1
- package/chunks/drawer-role.json +1 -1
- package/chunks/drawer-slack.json +1 -1
- package/chunks/drawer-smtp.json +1 -1
- package/chunks/drawer-source.json +1 -1
- package/chunks/drawer-transaction.json +1 -1
- package/chunks/editor-code-pane.json +1 -1
- package/chunks/editor-page-shell.json +1 -1
- package/chunks/email-inbox-list.json +626 -0
- package/chunks/empty-state-danger.json +1 -1
- package/chunks/empty-state-minimal.json +1 -1
- package/chunks/empty-state-warning.json +1 -1
- package/chunks/empty-state.json +18 -16
- package/chunks/error-404-actions.json +1 -1
- package/chunks/error-404.json +1 -1
- package/chunks/error-500-actions.json +1 -1
- package/chunks/error-500.json +1 -1
- package/chunks/error-maintenance-actions.json +1 -1
- package/chunks/error-maintenance.json +1 -1
- package/chunks/error-page-shell.json +1 -1
- package/chunks/faq-accordion.json +40 -149
- package/chunks/feature-grid-icons.json +308 -0
- package/chunks/file-upload-dnd.json +112 -9
- package/chunks/footer-multi-column.json +1 -1
- package/chunks/footer-primary-only.json +1 -1
- package/chunks/form-page-shell.json +1 -1
- package/chunks/gallery-page-shell.json +1 -1
- package/chunks/hero-section-split.json +1 -1
- package/chunks/icon-text-row.json +1 -1
- package/chunks/{image-tile.json → image-caption-tile.json} +11 -3
- package/chunks/image-carousel.json +1 -1
- package/chunks/image-upload-preview.json +1 -1
- package/chunks/import-mapping-flow.json +1 -1
- package/chunks/integrations-grid.json +125 -0
- package/chunks/inventory-list-stock.json +1 -1
- package/chunks/invite-members.json +161 -0
- package/chunks/invoice-line-items.json +482 -0
- package/chunks/kanban-board-3col.json +428 -112
- package/chunks/kanban-page-shell.json +1 -1
- package/chunks/{kbd-shortcuts.json → keyboard-shortcut-display.json} +12 -3
- package/chunks/labeled-textarea.json +1 -1
- package/chunks/leaderboard-table.json +1 -1
- package/chunks/linked-record-row.json +1 -1
- package/chunks/loading-skeleton-placeholder.json +337 -0
- package/chunks/marketing-hero-cta.json +1 -1
- package/chunks/marketing-page-shell.json +1 -1
- package/chunks/masonry-gallery.json +1 -1
- package/chunks/member-edit-drawer.json +1 -1
- package/chunks/metadata-description-list.json +1 -1
- package/chunks/{destructive-confirm-modal.json → modal-dialog-confirm.json} +15 -7
- package/chunks/nav-menu-icons.json +75 -0
- package/chunks/newsletter-subscription.json +193 -0
- package/chunks/{dashboard-notifications-feed.json → notification-badges-feed.json} +141 -76
- package/chunks/{settings-notifications.json → notification-preferences-panel.json} +18 -10
- package/chunks/notification-toast-row.json +21 -21
- package/chunks/onb-completion.json +1 -1
- package/chunks/onb-extension-install.json +1 -1
- package/chunks/onb-hero-welcome.json +1 -1
- package/chunks/onb-import-picker.json +1 -1
- package/chunks/onb-mobile-handoff.json +1 -1
- package/chunks/onb-notification-prefs.json +1 -1
- package/chunks/onb-persona-picker.json +1 -1
- package/chunks/onb-provider-tiles.json +1 -1
- package/chunks/onb-settings-review.json +1 -1
- package/chunks/onb-step-footer.json +1 -1
- package/chunks/onb-step-header.json +1 -1
- package/chunks/onb-step-progress.json +1 -1
- package/chunks/onb-step-shell.json +1 -1
- package/chunks/onb-story-pane.json +1 -1
- package/chunks/onb-tutorial-steps.json +1 -1
- package/chunks/order-tracking-timeline.json +130 -0
- package/chunks/pagination-controls.json +1 -1
- package/chunks/period-comparison.json +233 -0
- package/chunks/permission-matrix-table.json +431 -0
- package/chunks/playground-a2ui.json +1 -1
- package/chunks/playground-app-shell.json +1 -1
- package/chunks/playground-chat.json +1 -1
- package/chunks/playground-construct-canvas.json +1 -1
- package/chunks/playground-css-channel.json +1 -1
- package/chunks/playground-gen-ui.json +12 -3
- package/chunks/playground-render-preview.json +1 -1
- package/chunks/playground-streams-bridge.json +1 -1
- package/chunks/playground-table-toolbar.json +1 -1
- package/chunks/popover-with-content.json +1 -1
- package/chunks/pricing-tiers.json +527 -0
- package/chunks/product-tour.json +156 -0
- package/chunks/progress-tracker-milestones.json +1 -1
- package/chunks/radio-button-group.json +83 -0
- package/chunks/real-time-metrics-dashboard.json +1 -1
- package/chunks/reg-address-form.json +1 -1
- package/chunks/reg-billing-card.json +1 -1
- package/chunks/reg-brand-scrape.json +1 -1
- package/chunks/reg-departments-toggle.json +1 -1
- package/chunks/reg-extended-profile.json +1 -1
- package/chunks/reg-final-done.json +1 -1
- package/chunks/reg-helpdesk-grid.json +1 -1
- package/chunks/reg-import-picker.json +1 -1
- package/chunks/reg-integrations-grid.json +1 -1
- package/chunks/reg-invite-form.json +1 -1
- package/chunks/reg-legal-entity.json +1 -1
- package/chunks/reg-org-chart-review.json +1 -1
- package/chunks/reg-profile-identity.json +1 -1
- package/chunks/reg-step-footer.json +1 -1
- package/chunks/reg-step-header.json +1 -1
- package/chunks/reg-step-progress.json +1 -1
- package/chunks/reg-step-shell.json +1 -1
- package/chunks/reg-story-pane.json +1 -1
- package/chunks/reg-success-summary.json +1 -1
- package/chunks/reg-team-size.json +1 -1
- package/chunks/reg-usecase-picker.json +1 -1
- package/chunks/reg-workspace-name.json +1 -1
- package/chunks/responsive-grid-pattern.json +1 -1
- package/chunks/responsive-kpi-grid.json +1 -1
- package/chunks/responsive-row-pattern.json +1 -1
- package/chunks/responsive-wrap-at-pattern.json +1 -1
- package/chunks/revenue-heatmap.json +81 -0
- package/chunks/role-management.json +268 -0
- package/chunks/search-with-filters.json +30 -17
- package/chunks/section-with-stack.json +1 -1
- package/chunks/{settings-billing-plan.json → segmented-control-billing-tabs.json} +16 -4
- package/chunks/select-multiple-preselected.json +1 -1
- package/chunks/settings-2fa-setup.json +170 -0
- package/chunks/settings-admin-page.json +375 -119
- package/chunks/settings-appearance-theme-panel.json +55 -0
- package/chunks/settings-appearance.json +3 -3
- package/chunks/settings-general-form.json +1 -1
- package/chunks/settings-integrations.json +1 -1
- package/chunks/settings-members-invite.json +1 -1
- package/chunks/settings-page-shell.json +1 -1
- package/chunks/settings-panel.json +248 -0
- package/chunks/settings-profile-security.json +1 -1
- package/chunks/settings-toggle-switches.json +66 -0
- package/chunks/sidebar-nav.json +116 -0
- package/chunks/{sidebar-collapsible-nav.json → sidebar-navigation-panel.json} +30 -15
- package/chunks/slider-range-controls.json +1 -1
- package/chunks/social-media-post-card.json +182 -0
- package/chunks/sortable-search-paginate-table.json +113 -0
- package/chunks/{editor-preview-pane.json → split-pane-editor-preview.json} +11 -3
- package/chunks/{dashboard-kpi-grid.json → stat-cards-kpi-dashboard.json} +22 -10
- package/chunks/status-dashboard.json +240 -0
- package/chunks/{multi-step-wizard.json → stepper-form-wizard.json} +22 -21
- package/chunks/survey-rating-form.json +164 -0
- package/chunks/tabs-with-panels.json +1 -1
- package/chunks/tag-chips-filter.json +93 -0
- package/chunks/team-members-list.json +348 -0
- package/chunks/testimonial-grid.json +1 -1
- package/chunks/testimonials-avatar-cards.json +328 -0
- package/chunks/timeline-events.json +1 -1
- package/chunks/toolbar-icons.json +13 -5
- package/chunks/toolbar-tooltips.json +1 -1
- package/chunks/tooltip-hover-button.json +74 -0
- package/chunks/trial-banner.json +198 -0
- package/chunks/user-identity-row.json +1 -1
- package/chunks/user-onboarding-checklist.json +37 -0
- package/chunks/user-profile-card.json +69 -63
- package/chunks/video-player-controls.json +1 -1
- package/chunks/webhook-config.json +208 -0
- package/package.json +1 -1
- package/chunks/text-card.json +0 -53
|
@@ -16,19 +16,24 @@
|
|
|
16
16
|
"source": "apps/user-flow/app/auth/session-expired/session-expired.contents.html",
|
|
17
17
|
"metadata": {
|
|
18
18
|
"domain": "auth",
|
|
19
|
-
"description": "Session expired
|
|
19
|
+
"description": "Session expired page with re-login prompt and return to dashboard link. Inactivity timeout notice with sign-in again button.",
|
|
20
20
|
"keywords": [
|
|
21
|
-
"auth",
|
|
22
21
|
"session",
|
|
23
22
|
"expired",
|
|
23
|
+
"page",
|
|
24
|
+
"re-login",
|
|
25
|
+
"prompt",
|
|
26
|
+
"return",
|
|
27
|
+
"dashboard",
|
|
28
|
+
"auth",
|
|
24
29
|
"timeout",
|
|
25
30
|
"inactive",
|
|
26
|
-
"sign",
|
|
27
|
-
"
|
|
28
|
-
"
|
|
31
|
+
"sign-in-again",
|
|
32
|
+
"session-expired",
|
|
33
|
+
"re-authenticate"
|
|
29
34
|
]
|
|
30
35
|
},
|
|
31
|
-
"captured_at": "2026-05-
|
|
36
|
+
"captured_at": "2026-05-27T03:59:46.910Z",
|
|
32
37
|
"template": [
|
|
33
38
|
{
|
|
34
39
|
"id": "image",
|
|
@@ -8,22 +8,26 @@
|
|
|
8
8
|
"attrs": {
|
|
9
9
|
"raw": ""
|
|
10
10
|
},
|
|
11
|
-
"html": "<card-ui raw\n style=\"max-width: 32rem\">\n <header>\n <col-ui align=\"center\" gap=\"
|
|
11
|
+
"html": "<card-ui raw\n style=\"max-width: 32rem\">\n <header>\n <col-ui align=\"center\" gap=\"2\">\n <icon-ui name=\"envelope-open\" size=\"48\" color=\"accent\"></icon-ui>\n <h1>Check your email</h1>\n </col-ui>\n </header>\n\n <section>\n <col-ui gap=\"4\">\n <text-ui align=\"center\" color=\"subtle\">\n We sent a magic link to kim@acme.com. Click the link to sign in — it expires in 10 minutes.\n </text-ui>\n\n <alert-ui variant=\"info\">\n <text-ui>Didn't get the email? Check your spam folder, or wait 30 seconds before requesting a new link.</text-ui>\n </alert-ui>\n\n <button-ui text=\"Resend link\" icon=\"arrow-clockwise\" variant=\"outline\"></button-ui>\n\n <text-ui text-align=\"center\">\n <a href=\"/site/examples/auth/sign-in\">← Use a different email</a>\n </text-ui>\n </col-ui>\n </section>\n </card-ui>",
|
|
12
12
|
"source": "apps/user-flow/app/auth/sign-in/magic-link/sent/sent.contents.html",
|
|
13
13
|
"metadata": {
|
|
14
14
|
"domain": "auth",
|
|
15
|
-
"description": "
|
|
15
|
+
"description": "Magic link confirmation screen with email icon, sent message, and resend option.",
|
|
16
16
|
"keywords": [
|
|
17
|
-
"signin",
|
|
18
|
-
"auth",
|
|
19
17
|
"magic",
|
|
20
18
|
"link",
|
|
19
|
+
"confirmation",
|
|
20
|
+
"screen",
|
|
21
21
|
"email",
|
|
22
|
-
"
|
|
22
|
+
"icon",
|
|
23
23
|
"sent",
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
24
|
+
"message",
|
|
25
|
+
"resend",
|
|
26
|
+
"option",
|
|
27
|
+
"magic-link",
|
|
28
|
+
"passwordless",
|
|
29
|
+
"check-email",
|
|
30
|
+
"one-time-link"
|
|
27
31
|
],
|
|
28
32
|
"related": [
|
|
29
33
|
"auth-signin-card-email",
|
|
@@ -35,22 +39,13 @@
|
|
|
35
39
|
"layout": "card"
|
|
36
40
|
}
|
|
37
41
|
},
|
|
38
|
-
"captured_at": "2026-05-
|
|
42
|
+
"captured_at": "2026-05-27T03:59:46.910Z",
|
|
39
43
|
"template": [
|
|
40
44
|
{
|
|
41
|
-
"id": "
|
|
42
|
-
"component": "
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"src": "/icons/agent-ui-light.svg"
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
"id": "adia-ui-home",
|
|
49
|
-
"component": "Link",
|
|
50
|
-
"href": "/",
|
|
51
|
-
"children": [
|
|
52
|
-
"image"
|
|
53
|
-
]
|
|
45
|
+
"id": "envelope-open",
|
|
46
|
+
"component": "Icon",
|
|
47
|
+
"name": "envelope-open",
|
|
48
|
+
"size": "48"
|
|
54
49
|
},
|
|
55
50
|
{
|
|
56
51
|
"id": "text",
|
|
@@ -62,9 +57,9 @@
|
|
|
62
57
|
"id": "column",
|
|
63
58
|
"component": "Column",
|
|
64
59
|
"align": "center",
|
|
65
|
-
"gap": "
|
|
60
|
+
"gap": "2",
|
|
66
61
|
"children": [
|
|
67
|
-
"
|
|
62
|
+
"envelope-open",
|
|
68
63
|
"text"
|
|
69
64
|
]
|
|
70
65
|
},
|
|
@@ -78,18 +73,17 @@
|
|
|
78
73
|
{
|
|
79
74
|
"id": "text-2",
|
|
80
75
|
"component": "Text",
|
|
81
|
-
"
|
|
76
|
+
"color": "subtle",
|
|
77
|
+
"textContent": "We sent a magic link to kim@acme.com. Click the link to sign in — it expires in 10 minutes."
|
|
82
78
|
},
|
|
83
79
|
{
|
|
84
80
|
"id": "text-3",
|
|
85
81
|
"component": "Text",
|
|
86
|
-
"variant": "body",
|
|
87
82
|
"textContent": "Didn't get the email? Check your spam folder, or wait 30 seconds before requesting a new link."
|
|
88
83
|
},
|
|
89
84
|
{
|
|
90
85
|
"id": "alert",
|
|
91
86
|
"component": "Alert",
|
|
92
|
-
"icon": "info",
|
|
93
87
|
"variant": "info",
|
|
94
88
|
"children": [
|
|
95
89
|
"text-3"
|
|
@@ -98,7 +92,6 @@
|
|
|
98
92
|
{
|
|
99
93
|
"id": "button",
|
|
100
94
|
"component": "Button",
|
|
101
|
-
"disabled": true,
|
|
102
95
|
"icon": "arrow-clockwise",
|
|
103
96
|
"text": "Resend link",
|
|
104
97
|
"variant": "outline"
|
|
@@ -112,7 +105,7 @@
|
|
|
112
105
|
{
|
|
113
106
|
"id": "column-2",
|
|
114
107
|
"component": "Column",
|
|
115
|
-
"gap": "
|
|
108
|
+
"gap": "4",
|
|
116
109
|
"children": [
|
|
117
110
|
"text-2",
|
|
118
111
|
"alert",
|
package/chunks/auth-signout.json
CHANGED
|
@@ -1,30 +1,45 @@
|
|
|
1
1
|
{
|
|
2
|
-
"name": "
|
|
2
|
+
"name": "badge-variants-table",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "card-ui",
|
|
5
5
|
"page": "/catalog/ui-patterns/app/users-table-badge/users-table-badge.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui>\n <header>\n <h3>Users</h3>\n <
|
|
9
|
+
"html": "<card-ui>\n <header>\n <h3>Users</h3>\n <p slot=\"description\">Team members and their roles</p>\n </header>\n <section bleed>\n <table-ui>\n <thead>\n <tr>\n <th>User</th>\n <th>Role</th>\n <th>Status</th>\n <th>Last active</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui><text-ui>Alex Chen</text-ui></row-ui></td>\n <td><badge-ui text=\"Admin\" variant=\"accent\" size=\"sm\"></badge-ui></td>\n <td><badge-ui text=\"Online\" variant=\"success\" size=\"sm\"></badge-ui></td>\n <td><text-ui color=\"subtle\" size=\"sm\">2m ago</text-ui></td>\n </tr>\n <tr>\n <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui><text-ui>Sarah Miller</text-ui></row-ui></td>\n <td><badge-ui text=\"Editor\" variant=\"info\" size=\"sm\"></badge-ui></td>\n <td><badge-ui text=\"Away\" variant=\"warning\" size=\"sm\"></badge-ui></td>\n <td><text-ui color=\"subtle\" size=\"sm\">1h ago</text-ui></td>\n </tr>\n <tr>\n <td><row-ui gap=\"2\" align=\"center\"><avatar-ui text=\"James Park\" size=\"sm\"></avatar-ui><text-ui>James Park</text-ui></row-ui></td>\n <td><badge-ui text=\"Viewer\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n <td><badge-ui text=\"Offline\" variant=\"muted\" size=\"sm\"></badge-ui></td>\n <td><text-ui color=\"subtle\" size=\"sm\">3h ago</text-ui></td>\n </tr>\n </tbody>\n </table-ui>\n </section>\n</card-ui>",
|
|
10
10
|
"source": "catalog/ui-patterns/app/users-table-badge/users-table-badge.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "data",
|
|
13
|
-
"description": "Users
|
|
13
|
+
"description": "Users table showing role and status columns populated with badge-ui variants — accent for Admin, info for Editor, muted for Viewer, success/warning/muted for Online/Away/Offline status.",
|
|
14
14
|
"keywords": [
|
|
15
|
+
"badge",
|
|
16
|
+
"variant",
|
|
17
|
+
"accent",
|
|
18
|
+
"info",
|
|
19
|
+
"success",
|
|
20
|
+
"warning",
|
|
21
|
+
"danger",
|
|
22
|
+
"muted",
|
|
23
|
+
"badge-ui",
|
|
24
|
+
"status",
|
|
25
|
+
"pill",
|
|
26
|
+
"indicator",
|
|
27
|
+
"label",
|
|
28
|
+
"tag",
|
|
15
29
|
"users",
|
|
16
30
|
"table",
|
|
17
|
-
"data",
|
|
18
|
-
"list",
|
|
19
|
-
"directory",
|
|
20
|
-
"members",
|
|
21
31
|
"roles",
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
32
|
+
"members",
|
|
33
|
+
"variants",
|
|
34
|
+
"different",
|
|
35
|
+
"badge-ui",
|
|
36
|
+
"badge-variants",
|
|
37
|
+
"accent",
|
|
38
|
+
"info",
|
|
39
|
+
"muted"
|
|
25
40
|
]
|
|
26
41
|
},
|
|
27
|
-
"captured_at": "2026-05-
|
|
42
|
+
"captured_at": "2026-05-27T03:59:46.910Z",
|
|
28
43
|
"template": [
|
|
29
44
|
{
|
|
30
45
|
"id": "text",
|
|
@@ -35,7 +50,7 @@
|
|
|
35
50
|
{
|
|
36
51
|
"id": "text-2",
|
|
37
52
|
"component": "Text",
|
|
38
|
-
"
|
|
53
|
+
"variant": "body",
|
|
39
54
|
"textContent": "Team members and their roles"
|
|
40
55
|
},
|
|
41
56
|
{
|