@adia-ai/a2ui-corpus 0.0.1
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 +98 -0
- package/README.md +168 -0
- package/catalog-a2ui_0_9.json +12554 -0
- package/catalog-a2ui_0_9_rules.txt +54 -0
- package/compositions/_schema.json +26 -0
- package/compositions/agent/ai-streaming-response.json +19 -0
- package/compositions/agent/ai-streaming-response.yaml +32 -0
- package/compositions/agent/alert-banner.json +23 -0
- package/compositions/agent/alert-banner.yaml +34 -0
- package/compositions/agent/chat-interface.json +127 -0
- package/compositions/agent/chat-interface.yaml +34 -0
- package/compositions/agent/command-palette.json +113 -0
- package/compositions/agent/command-palette.yaml +30 -0
- package/compositions/agent/empty-state.json +22 -0
- package/compositions/agent/empty-state.yaml +35 -0
- package/compositions/agent/error-state-retry.json +32 -0
- package/compositions/agent/loading-skeleton.json +25 -0
- package/compositions/agent/loading-skeleton.yaml +31 -0
- package/compositions/agent/notification-preferences.json +177 -0
- package/compositions/agent/toast-stack.json +17 -0
- package/compositions/agent/toast-stack.yaml +28 -0
- package/compositions/data/activity-feed.json +31 -0
- package/compositions/data/activity-feed.yaml +43 -0
- package/compositions/data/audit-log-viewer.json +75 -0
- package/compositions/data/bookmark-list.json +32 -0
- package/compositions/data/bookmark-list.yaml +41 -0
- package/compositions/data/bulk-action-toolbar.json +28 -0
- package/compositions/data/changelog-feed.json +54 -0
- package/compositions/data/chart-dashboard.json +26 -0
- package/compositions/data/chart-dashboard.yaml +34 -0
- package/compositions/data/cohort-retention.json +50 -0
- package/compositions/data/column-manager.json +321 -0
- package/compositions/data/data-table-paginated.json +29 -0
- package/compositions/data/data-table-paginated.yaml +36 -0
- package/compositions/data/email-inbox-list.json +30 -0
- package/compositions/data/email-inbox-list.yaml +41 -0
- package/compositions/data/funnel-analytics.json +34 -0
- package/compositions/data/heatmap-calendar.json +122 -0
- package/compositions/data/invoice-table.json +26 -0
- package/compositions/data/invoice-table.yaml +33 -0
- package/compositions/data/kpi-overview.json +28 -0
- package/compositions/data/kpi-overview.yaml +42 -0
- package/compositions/data/notification-center.json +31 -0
- package/compositions/data/notification-center.yaml +41 -0
- package/compositions/data/object-inspector.json +53 -0
- package/compositions/data/product-specs-card.json +19 -0
- package/compositions/data/product-specs-card.yaml +35 -0
- package/compositions/data/progress-tracker.json +27 -0
- package/compositions/data/progress-tracker.yaml +47 -0
- package/compositions/data/review-card.json +21 -0
- package/compositions/data/review-card.yaml +34 -0
- package/compositions/data/saved-views-filter-bar.json +52 -0
- package/compositions/data/shopping-cart-summary.json +28 -0
- package/compositions/data/shopping-cart-summary.yaml +43 -0
- package/compositions/data/stat-card-dashboard.json +30 -0
- package/compositions/data/stat-card-dashboard.yaml +44 -0
- package/compositions/data/status-page.json +48 -0
- package/compositions/data/virtualized-table.json +50 -0
- package/compositions/data/weather-widget.json +20 -0
- package/compositions/data/weather-widget.yaml +31 -0
- package/compositions/form/data-import-wizard.json +217 -0
- package/compositions/forms/change-password-form.json +32 -0
- package/compositions/forms/change-password-form.yaml +44 -0
- package/compositions/forms/color-picker-panel.json +25 -0
- package/compositions/forms/color-picker-panel.yaml +36 -0
- package/compositions/forms/contact-form.json +49 -0
- package/compositions/forms/contact-form.yaml +54 -0
- package/compositions/forms/credit-card-payment-form.json +33 -0
- package/compositions/forms/credit-card-payment-form.yaml +46 -0
- package/compositions/forms/data-import-mapper.json +247 -0
- package/compositions/forms/date-time-picker-form.json +23 -0
- package/compositions/forms/date-time-picker-form.yaml +38 -0
- package/compositions/forms/destructive-confirm.json +43 -0
- package/compositions/forms/feedback-form.json +30 -0
- package/compositions/forms/feedback-form.yaml +41 -0
- package/compositions/forms/file-upload-form.json +28 -0
- package/compositions/forms/file-upload-form.yaml +37 -0
- package/compositions/forms/login-form.json +71 -0
- package/compositions/forms/login-form.yaml +43 -0
- package/compositions/forms/multi-step-wizard.json +27 -0
- package/compositions/forms/multi-step-wizard.yaml +37 -0
- package/compositions/forms/newsletter-subscription-form.json +28 -0
- package/compositions/forms/newsletter-subscription-form.yaml +40 -0
- package/compositions/forms/otp-verification-form.json +29 -0
- package/compositions/forms/otp-verification-form.yaml +42 -0
- package/compositions/forms/password-reset-form.json +28 -0
- package/compositions/forms/password-reset-form.yaml +40 -0
- package/compositions/forms/permission-matrix.json +40 -0
- package/compositions/forms/profile-edit-form.json +32 -0
- package/compositions/forms/profile-edit-form.yaml +46 -0
- package/compositions/forms/radio-group-form.json +30 -0
- package/compositions/forms/radio-group-form.yaml +39 -0
- package/compositions/forms/search-filters.json +30 -0
- package/compositions/forms/search-filters.yaml +41 -0
- package/compositions/forms/settings-toggles-page.json +32 -0
- package/compositions/forms/settings-toggles-page.yaml +43 -0
- package/compositions/forms/signup-form.json +34 -0
- package/compositions/forms/signup-form.yaml +48 -0
- package/compositions/forms/slider-range-form.json +17 -0
- package/compositions/forms/slider-range-form.yaml +34 -0
- package/compositions/forms/tag-input-form.json +24 -0
- package/compositions/forms/tag-input-form.yaml +31 -0
- package/compositions/forms/team-members-rbac.json +279 -0
- package/compositions/layout/accordion-settings.json +56 -0
- package/compositions/layout/avatar-group-display.json +20 -0
- package/compositions/layout/avatar-group-display.yaml +30 -0
- package/compositions/layout/badge-variants-display.json +27 -0
- package/compositions/layout/badge-variants-display.yaml +31 -0
- package/compositions/layout/bento-overview.json +40 -0
- package/compositions/layout/calendar-month-view.json +209 -0
- package/compositions/layout/calendar-month-view.yaml +29 -0
- package/compositions/layout/code-block.json +21 -0
- package/compositions/layout/code-block.yaml +30 -0
- package/compositions/layout/comparison-table.json +28 -0
- package/compositions/layout/comparison-table.yaml +32 -0
- package/compositions/layout/divider-with-label.json +17 -0
- package/compositions/layout/divider-with-label.yaml +29 -0
- package/compositions/layout/drawer-panel.json +23 -0
- package/compositions/layout/drawer-panel.yaml +34 -0
- package/compositions/layout/embed-iframe.json +19 -0
- package/compositions/layout/embed-iframe.yaml +31 -0
- package/compositions/layout/faq-accordion.json +85 -0
- package/compositions/layout/faq-accordion.yaml +32 -0
- package/compositions/layout/feature-grid.json +33 -0
- package/compositions/layout/feature-grid.yaml +42 -0
- package/compositions/layout/footer-nav.json +30 -0
- package/compositions/layout/footer-nav.yaml +35 -0
- package/compositions/layout/hero-cta.json +24 -0
- package/compositions/layout/hero-cta.yaml +35 -0
- package/compositions/layout/image-gallery.json +20 -0
- package/compositions/layout/image-gallery.yaml +43 -0
- package/compositions/layout/image-with-caption.json +19 -0
- package/compositions/layout/image-with-caption.yaml +29 -0
- package/compositions/layout/kanban-board.json +38 -0
- package/compositions/layout/kanban-board.yaml +37 -0
- package/compositions/layout/keyboard-shortcuts.json +26 -0
- package/compositions/layout/keyboard-shortcuts.yaml +42 -0
- package/compositions/layout/markdown-editor-preview.json +166 -0
- package/compositions/layout/media-player.json +22 -0
- package/compositions/layout/media-player.yaml +30 -0
- package/compositions/layout/modal-form.json +22 -0
- package/compositions/layout/modal-form.yaml +34 -0
- package/compositions/layout/onboarding-checklist.json +94 -0
- package/compositions/layout/onboarding-checklist.yaml +31 -0
- package/compositions/layout/popover-tooltip.json +21 -0
- package/compositions/layout/popover-tooltip.yaml +31 -0
- package/compositions/layout/pricing-tiers.json +42 -0
- package/compositions/layout/pricing-tiers.yaml +41 -0
- package/compositions/layout/product-card.json +28 -0
- package/compositions/layout/product-card.yaml +35 -0
- package/compositions/layout/sidebar-layout.json +24 -0
- package/compositions/layout/sidebar-layout.yaml +39 -0
- package/compositions/layout/split-pane-layout.json +20 -0
- package/compositions/layout/split-pane-layout.yaml +31 -0
- package/compositions/layout/tabs-panel.json +25 -0
- package/compositions/layout/tabs-panel.yaml +34 -0
- package/compositions/layout/testimonial-grid.json +42 -0
- package/compositions/layout/testimonial-grid.yaml +39 -0
- package/compositions/layout/three-pane-shell.json +316 -0
- package/compositions/layout/toolbar-actions.json +22 -0
- package/compositions/layout/toolbar-actions.yaml +29 -0
- package/compositions/navigation/breadcrumb-nav.json +18 -0
- package/compositions/navigation/breadcrumb-nav.yaml +29 -0
- package/compositions/navigation/nav-menu-with-icons.json +25 -0
- package/compositions/navigation/nav-menu-with-icons.yaml +39 -0
- package/compositions/navigation/pagination-controls.json +44 -0
- package/compositions/navigation/pagination-controls.yaml +34 -0
- package/compositions/navigation/segmented-control-tabs.json +17 -0
- package/compositions/navigation/segmented-control-tabs.yaml +29 -0
- package/compositions/navigation/workspace-switcher.json +29 -0
- package/compositions/settings/api-keys.json +57 -0
- package/compositions/settings/feature-flags.json +41 -0
- package/compositions/settings/integrations-gallery.json +66 -0
- package/compositions/settings/session-device-mgmt.json +52 -0
- package/compositions/settings/usage-quota-meter.json +47 -0
- package/compositions/settings/webhooks.json +62 -0
- package/exemplars/AUDIT-REPORT.md +116 -0
- package/exemplars/blocks-reference.md +409 -0
- package/exemplars/index.html +21 -0
- package/exemplars/prose/auth-login/a2ui.json +2143 -0
- package/exemplars/prose/auth-login/auth-login.yaml +38 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-1.json +316 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-10.json +102 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-11.json +100 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-12.json +101 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-13.json +117 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-2.json +132 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-3.json +190 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-4.json +64 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-5.json +68 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-6.json +117 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-7.json +86 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-8.json +218 -0
- package/exemplars/prose/auth-login/chunks/prose-auth-login-card-9.json +81 -0
- package/exemplars/prose/auth-login/index.html +539 -0
- package/exemplars/prose/cta/README.md +3 -0
- package/exemplars/prose/cta/a2ui.json +570 -0
- package/exemplars/prose/cta/chunks/prose-cta-card-1.json +191 -0
- package/exemplars/prose/cta/chunks/prose-cta-card-2.json +96 -0
- package/exemplars/prose/cta/cta.yaml +38 -0
- package/exemplars/prose/cta/data.json +6 -0
- package/exemplars/prose/cta/index.html +143 -0
- package/exemplars/prose/feature-grid/README.md +3 -0
- package/exemplars/prose/feature-grid/a2ui.json +464 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-1.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-2.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-3.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-4.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-5.json +72 -0
- package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-6.json +72 -0
- package/exemplars/prose/feature-grid/data.json +13 -0
- package/exemplars/prose/feature-grid/feature-grid.yaml +35 -0
- package/exemplars/prose/feature-grid/index.html +103 -0
- package/exemplars/prose/footer/README.md +3 -0
- package/exemplars/prose/footer/a2ui.json +359 -0
- package/exemplars/prose/footer/data.json +10 -0
- package/exemplars/prose/footer/footer.yaml +32 -0
- package/exemplars/prose/footer/index.html +110 -0
- package/exemplars/prose/hero/README.md +3 -0
- package/exemplars/prose/hero/a2ui.json +982 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-1.json +52 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-2.json +52 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-3.json +50 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-4.json +50 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-5.json +50 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-6.json +70 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-7.json +70 -0
- package/exemplars/prose/hero/chunks/prose-hero-card-8.json +70 -0
- package/exemplars/prose/hero/data.json +6 -0
- package/exemplars/prose/hero/hero.yaml +38 -0
- package/exemplars/prose/hero/index.html +227 -0
- package/exemplars/prose/pricing/README.md +3 -0
- package/exemplars/prose/pricing/a2ui.json +1367 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-1.json +240 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-2.json +312 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-3.json +333 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-4.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-5.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-6.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-7.json +51 -0
- package/exemplars/prose/pricing/chunks/prose-pricing-card-8.json +80 -0
- package/exemplars/prose/pricing/data.json +9 -0
- package/exemplars/prose/pricing/index.html +308 -0
- package/exemplars/prose/pricing/pricing.yaml +38 -0
- package/exemplars/prose/steps/README.md +3 -0
- package/exemplars/prose/steps/a2ui.json +662 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-1.json +129 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-2.json +114 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-3.json +182 -0
- package/exemplars/prose/steps/chunks/prose-steps-card-4.json +172 -0
- package/exemplars/prose/steps/data.json +31 -0
- package/exemplars/prose/steps/index.html +173 -0
- package/exemplars/prose/steps/setup.js +12 -0
- package/exemplars/prose/steps/steps.yaml +38 -0
- package/exemplars/prose/testimonials/README.md +3 -0
- package/exemplars/prose/testimonials/a2ui.json +1373 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-1.json +182 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-2.json +145 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-3.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-4.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-5.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-6.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-7.json +146 -0
- package/exemplars/prose/testimonials/chunks/prose-testimonials-card-8.json +173 -0
- package/exemplars/prose/testimonials/data.json +14 -0
- package/exemplars/prose/testimonials/index.html +294 -0
- package/exemplars/prose/testimonials/testimonials.yaml +33 -0
- package/exemplars/ui/auth-login/a2ui.json +1821 -0
- package/exemplars/ui/auth-login/auth-login.yaml +38 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-1.json +172 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-10.json +123 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-11.json +101 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-12.json +108 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-2.json +153 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-3.json +201 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-4.json +148 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-5.json +91 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-6.json +112 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-7.json +100 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-8.json +99 -0
- package/exemplars/ui/auth-login/chunks/auth-login-card-9.json +286 -0
- package/exemplars/ui/auth-login/index.html +383 -0
- package/fragments/_schema.json +72 -0
- package/fragments/action/dual-cta-row.json +29 -0
- package/fragments/action/dual-cta-row.yaml +34 -0
- package/fragments/action/footer-cancel-save.json +31 -0
- package/fragments/action/footer-cancel-save.yaml +34 -0
- package/fragments/action/footer-primary-only.json +23 -0
- package/fragments/action/footer-primary-only.yaml +26 -0
- package/fragments/content/calendar-day-cell.json +29 -0
- package/fragments/content/chart-legend.json +122 -0
- package/fragments/content/column-config-atom.json +121 -0
- package/fragments/content/credential-entry-atom.json +128 -0
- package/fragments/content/directory-entry-atom.json +150 -0
- package/fragments/content/email-row.json +35 -0
- package/fragments/content/email-row.yaml +43 -0
- package/fragments/content/faq-item.json +54 -0
- package/fragments/content/health-entry-atom.json +87 -0
- package/fragments/content/icon-text-row.json +29 -0
- package/fragments/content/icon-text-row.yaml +36 -0
- package/fragments/content/icon-title-description.json +30 -0
- package/fragments/content/icon-title-description.yaml +37 -0
- package/fragments/content/image-tile.json +28 -0
- package/fragments/content/image-tile.yaml +32 -0
- package/fragments/content/incident-row.json +109 -0
- package/fragments/content/kbd-shortcut-row.json +29 -0
- package/fragments/content/kbd-shortcut-row.yaml +33 -0
- package/fragments/content/key-value-row.json +29 -0
- package/fragments/content/key-value-row.yaml +36 -0
- package/fragments/content/labeled-progress.json +29 -0
- package/fragments/content/labeled-progress.yaml +33 -0
- package/fragments/content/link-list-column.json +33 -0
- package/fragments/content/link-list-column.yaml +41 -0
- package/fragments/content/linked-record-row.json +95 -0
- package/fragments/content/marketplace-tile-atom.json +149 -0
- package/fragments/content/metadata-description-list.json +28 -0
- package/fragments/content/metadata-description-list.yaml +36 -0
- package/fragments/content/pending-invite-row.json +113 -0
- package/fragments/content/release-entry.json +159 -0
- package/fragments/content/rollout-entry-atom.json +170 -0
- package/fragments/content/signed-in-entry-atom.json +159 -0
- package/fragments/content/stage-entry-atom.json +117 -0
- package/fragments/content/stat-card.json +31 -0
- package/fragments/content/stat-card.yaml +39 -0
- package/fragments/content/user-identity-row.json +33 -0
- package/fragments/content/user-identity-row.yaml +43 -0
- package/fragments/content/user-notification-row.json +35 -0
- package/fragments/content/user-notification-row.yaml +50 -0
- package/fragments/content/wizard-step-row.json +96 -0
- package/fragments/form/labeled-checkbox.json +27 -0
- package/fragments/form/labeled-checkbox.yaml +36 -0
- package/fragments/form/labeled-input.json +28 -0
- package/fragments/form/labeled-input.yaml +38 -0
- package/fragments/form/labeled-slider.json +34 -0
- package/fragments/form/labeled-slider.yaml +50 -0
- package/fragments/form/labeled-textarea.json +28 -0
- package/fragments/form/labeled-textarea.yaml +39 -0
- package/fragments/form/labeled-toggle.json +29 -0
- package/fragments/form/labeled-toggle.yaml +43 -0
- package/fragments/form/rating-row.json +31 -0
- package/fragments/form/rating-row.yaml +40 -0
- package/fragments/layout/card-header-heading.json +39 -0
- package/fragments/layout/card-header-heading.yaml +27 -0
- package/fragments/layout/card-header-with-badge.json +30 -0
- package/fragments/layout/card-header-with-badge.yaml +40 -0
- package/fragments/layout/card-header-with-description.json +29 -0
- package/fragments/layout/card-header-with-description.yaml +32 -0
- package/fragments/layout/pricing-tier-card.json +37 -0
- package/fragments/layout/pricing-tier-card.yaml +50 -0
- package/fragments/layout/text-card.json +28 -0
- package/fragments/layout/text-card.yaml +30 -0
- package/manifest.json +6 -0
- package/package.json +33 -0
- package/patterns/_components.json +3320 -0
- package/patterns/_index.json +3232 -0
- package/patterns/_schema.json +206 -0
- package/patterns/_taxonomy.json +1970 -0
- package/patterns/agent/_domain.json +27 -0
- package/patterns/agent/alert-banner.json +41 -0
- package/patterns/agent/alert-banner.yaml +38 -0
- package/patterns/agent/chat-interface.json +205 -0
- package/patterns/agent/chat-interface.yaml +58 -0
- package/patterns/agent/command-palette.json +169 -0
- package/patterns/agent/command-palette.yaml +48 -0
- package/patterns/agent/empty-state.json +77 -0
- package/patterns/agent/empty-state.yaml +44 -0
- package/patterns/agent/error-state.json +67 -0
- package/patterns/agent/error-state.yaml +43 -0
- package/patterns/agent/loading-skeleton.json +101 -0
- package/patterns/agent/loading-skeleton.yaml +41 -0
- package/patterns/agent/notifications.json +87 -0
- package/patterns/agent/notifications.yaml +41 -0
- package/patterns/agent/streaming-response.json +58 -0
- package/patterns/agent/streaming-response.yaml +41 -0
- package/patterns/agent/toast-notification.json +70 -0
- package/patterns/agent/toast-notification.yaml +45 -0
- package/patterns/data/_domain.json +35 -0
- package/patterns/data/admin-dashboard-with-charts.json +755 -0
- package/patterns/data/admin-dashboard-with-charts.yaml +79 -0
- package/patterns/data/api-key-table.json +131 -0
- package/patterns/data/api-key-table.yaml +43 -0
- package/patterns/data/bookmark-list-categories.json +143 -0
- package/patterns/data/bookmark-list-categories.yaml +53 -0
- package/patterns/data/bookmark-list.json +163 -0
- package/patterns/data/bookmark-list.yaml +47 -0
- package/patterns/data/chart-dashboard.json +335 -0
- package/patterns/data/chart-dashboard.yaml +48 -0
- package/patterns/data/dashboard.json +153 -0
- package/patterns/data/dashboard.yaml +45 -0
- package/patterns/data/data-table-view.json +121 -0
- package/patterns/data/data-table-view.yaml +61 -0
- package/patterns/data/email-inbox.json +272 -0
- package/patterns/data/email-inbox.yaml +48 -0
- package/patterns/data/event-calendar-details.json +334 -0
- package/patterns/data/event-calendar-details.yaml +57 -0
- package/patterns/data/inventory-table.json +119 -0
- package/patterns/data/inventory-table.yaml +42 -0
- package/patterns/data/leaderboard.json +131 -0
- package/patterns/data/leaderboard.yaml +41 -0
- package/patterns/data/metrics.json +163 -0
- package/patterns/data/metrics.yaml +40 -0
- package/patterns/data/notification-center.json +264 -0
- package/patterns/data/notification-center.yaml +56 -0
- package/patterns/data/onboarding-checklist.json +114 -0
- package/patterns/data/onboarding-checklist.yaml +43 -0
- package/patterns/data/order-tracking.json +167 -0
- package/patterns/data/order-tracking.yaml +48 -0
- package/patterns/data/pagination-nav.json +48 -0
- package/patterns/data/pagination-nav.yaml +42 -0
- package/patterns/data/progress-dashboard.json +195 -0
- package/patterns/data/progress-dashboard.yaml +50 -0
- package/patterns/data/progress-tracker.json +119 -0
- package/patterns/data/progress-tracker.yaml +44 -0
- package/patterns/data/restaurant-menu.json +271 -0
- package/patterns/data/restaurant-menu.yaml +58 -0
- package/patterns/data/stat-cards.json +144 -0
- package/patterns/data/stat-cards.yaml +42 -0
- package/patterns/data/team-activity.json +170 -0
- package/patterns/data/team-activity.yaml +46 -0
- package/patterns/forms/_domain.json +32 -0
- package/patterns/forms/auth-signup.json +221 -0
- package/patterns/forms/auth-signup.yaml +55 -0
- package/patterns/forms/bleed-design-settings.json +201 -0
- package/patterns/forms/bleed-design-settings.yaml +57 -0
- package/patterns/forms/color-picker-demo.json +52 -0
- package/patterns/forms/color-picker-demo.yaml +43 -0
- package/patterns/forms/color-picker-panel.json +48 -0
- package/patterns/forms/color-picker-panel.yaml +38 -0
- package/patterns/forms/color-theme-builder.json +198 -0
- package/patterns/forms/color-theme-builder.yaml +55 -0
- package/patterns/forms/create-form.json +191 -0
- package/patterns/forms/create-form.yaml +55 -0
- package/patterns/forms/credit-card-payment.json +282 -0
- package/patterns/forms/credit-card-payment.yaml +61 -0
- package/patterns/forms/data-import.json +111 -0
- package/patterns/forms/data-import.yaml +49 -0
- package/patterns/forms/date-picker.json +85 -0
- package/patterns/forms/date-picker.yaml +44 -0
- package/patterns/forms/date-range-picker.json +155 -0
- package/patterns/forms/date-range-picker.yaml +54 -0
- package/patterns/forms/file-upload-form.json +151 -0
- package/patterns/forms/file-upload-form.yaml +60 -0
- package/patterns/forms/file-upload-gallery.json +174 -0
- package/patterns/forms/file-upload-gallery.yaml +56 -0
- package/patterns/forms/image-upload-preview.json +72 -0
- package/patterns/forms/image-upload-preview.yaml +42 -0
- package/patterns/forms/login-form.json +213 -0
- package/patterns/forms/login-form.yaml +61 -0
- package/patterns/forms/modal-dialog-form.json +233 -0
- package/patterns/forms/modal-dialog-form.yaml +52 -0
- package/patterns/forms/newsletter-subscribe.json +69 -0
- package/patterns/forms/newsletter-subscribe.yaml +47 -0
- package/patterns/forms/notification-filters.json +345 -0
- package/patterns/forms/notification-filters.yaml +80 -0
- package/patterns/forms/notification-preferences.json +302 -0
- package/patterns/forms/notification-preferences.yaml +66 -0
- package/patterns/forms/otp-form.json +89 -0
- package/patterns/forms/otp-form.yaml +46 -0
- package/patterns/forms/otp-verification.json +128 -0
- package/patterns/forms/otp-verification.yaml +52 -0
- package/patterns/forms/password-reset.json +206 -0
- package/patterns/forms/password-reset.yaml +56 -0
- package/patterns/forms/price-range-filter.json +133 -0
- package/patterns/forms/price-range-filter.yaml +51 -0
- package/patterns/forms/radio-group-selection.json +209 -0
- package/patterns/forms/radio-group-selection.yaml +51 -0
- package/patterns/forms/radio-group.json +143 -0
- package/patterns/forms/radio-group.yaml +50 -0
- package/patterns/forms/search-filters.json +201 -0
- package/patterns/forms/search-filters.yaml +60 -0
- package/patterns/forms/settings-page.json +364 -0
- package/patterns/forms/settings-page.yaml +64 -0
- package/patterns/forms/slider-range.json +119 -0
- package/patterns/forms/slider-range.yaml +45 -0
- package/patterns/forms/survey-rating-scales.json +450 -0
- package/patterns/forms/survey-rating-scales.yaml +69 -0
- package/patterns/forms/tag-input.json +112 -0
- package/patterns/forms/tag-input.yaml +47 -0
- package/patterns/forms/theme-customizer.json +180 -0
- package/patterns/forms/theme-customizer.yaml +53 -0
- package/patterns/forms/two-factor-auth.json +99 -0
- package/patterns/forms/two-factor-auth.yaml +62 -0
- package/patterns/forms/volume-control.json +99 -0
- package/patterns/forms/volume-control.yaml +47 -0
- package/patterns/forms/wizard-steps.json +130 -0
- package/patterns/forms/wizard-steps.yaml +58 -0
- package/patterns/layout/_domain.json +29 -0
- package/patterns/layout/accordion-settings.json +345 -0
- package/patterns/layout/accordion-settings.yaml +55 -0
- package/patterns/layout/avatar-group.json +136 -0
- package/patterns/layout/avatar-group.yaml +47 -0
- package/patterns/layout/badge-showcase.json +244 -0
- package/patterns/layout/badge-showcase.yaml +46 -0
- package/patterns/layout/calendar-view.json +88 -0
- package/patterns/layout/calendar-view.yaml +42 -0
- package/patterns/layout/code-block.json +88 -0
- package/patterns/layout/code-block.yaml +47 -0
- package/patterns/layout/consent-banner.json +89 -0
- package/patterns/layout/consent-banner.yaml +50 -0
- package/patterns/layout/cta-banner.json +99 -0
- package/patterns/layout/cta-banner.yaml +46 -0
- package/patterns/layout/divider-label.json +68 -0
- package/patterns/layout/divider-label.yaml +42 -0
- package/patterns/layout/drawer-panel.json +220 -0
- package/patterns/layout/drawer-panel.yaml +54 -0
- package/patterns/layout/embed-content.json +86 -0
- package/patterns/layout/embed-content.yaml +46 -0
- package/patterns/layout/faq-accordion.json +159 -0
- package/patterns/layout/faq-accordion.yaml +47 -0
- package/patterns/layout/feature-carousel.json +263 -0
- package/patterns/layout/feature-carousel.yaml +47 -0
- package/patterns/layout/feature-grid.json +197 -0
- package/patterns/layout/feature-grid.yaml +45 -0
- package/patterns/layout/hero-section.json +109 -0
- package/patterns/layout/hero-section.yaml +46 -0
- package/patterns/layout/image-caption.json +48 -0
- package/patterns/layout/image-caption.yaml +37 -0
- package/patterns/layout/image-carousel.json +173 -0
- package/patterns/layout/image-carousel.yaml +47 -0
- package/patterns/layout/image-gallery.json +128 -0
- package/patterns/layout/image-gallery.yaml +45 -0
- package/patterns/layout/kanban-board.json +292 -0
- package/patterns/layout/kanban-board.yaml +58 -0
- package/patterns/layout/kbd-shortcuts.json +178 -0
- package/patterns/layout/kbd-shortcuts.yaml +43 -0
- package/patterns/layout/markdown-editor.json +126 -0
- package/patterns/layout/markdown-editor.yaml +46 -0
- package/patterns/layout/music-player.json +107 -0
- package/patterns/layout/music-player.yaml +42 -0
- package/patterns/layout/pagination-demo.json +55 -0
- package/patterns/layout/pagination-demo.yaml +44 -0
- package/patterns/layout/pagination-table.json +107 -0
- package/patterns/layout/pagination-table.yaml +59 -0
- package/patterns/layout/popover-demo.json +71 -0
- package/patterns/layout/popover-demo.yaml +46 -0
- package/patterns/layout/popover-menu.json +117 -0
- package/patterns/layout/popover-menu.yaml +45 -0
- package/patterns/layout/pricing-tiers.json +354 -0
- package/patterns/layout/pricing-tiers.yaml +52 -0
- package/patterns/layout/product-card.json +89 -0
- package/patterns/layout/product-card.yaml +46 -0
- package/patterns/layout/product-carousel.json +251 -0
- package/patterns/layout/product-carousel.yaml +47 -0
- package/patterns/layout/social-post.json +119 -0
- package/patterns/layout/social-post.yaml +45 -0
- package/patterns/layout/split-pane.json +69 -0
- package/patterns/layout/split-pane.yaml +41 -0
- package/patterns/layout/swiper-carousel.json +97 -0
- package/patterns/layout/swiper-carousel.yaml +55 -0
- package/patterns/layout/tabs-panels.json +173 -0
- package/patterns/layout/tabs-panels.yaml +46 -0
- package/patterns/layout/team-carousel.json +332 -0
- package/patterns/layout/team-carousel.yaml +50 -0
- package/patterns/layout/testimonials-carousel.json +281 -0
- package/patterns/layout/testimonials-carousel.yaml +50 -0
- package/patterns/layout/testimonials-grid.json +286 -0
- package/patterns/layout/testimonials-grid.yaml +46 -0
- package/patterns/layout/toolbar-buttons.json +179 -0
- package/patterns/layout/toolbar-buttons.yaml +47 -0
- package/patterns/layout/tooltip-buttons.json +127 -0
- package/patterns/layout/tooltip-buttons.yaml +44 -0
- package/patterns/layout/user-profile.json +123 -0
- package/patterns/layout/user-profile.yaml +45 -0
- package/patterns/layout/video-player.json +95 -0
- package/patterns/layout/video-player.yaml +45 -0
- package/patterns/layout/weather-widget.json +127 -0
- package/patterns/layout/weather-widget.yaml +46 -0
- package/patterns/navigation/_domain.json +25 -0
- package/patterns/navigation/breadcrumb-nav.json +57 -0
- package/patterns/navigation/breadcrumb-nav.yaml +39 -0
- package/patterns/navigation/nav-menu-icons.json +71 -0
- package/patterns/navigation/nav-menu-icons.yaml +38 -0
- package/patterns/navigation/section-subnav.json +79 -0
- package/patterns/navigation/segmented-control.json +56 -0
- package/patterns/navigation/segmented-control.yaml +40 -0
- package/patterns/navigation/sidebar-nav.json +207 -0
- package/patterns/navigation/sidebar-nav.yaml +44 -0
- package/patterns/settings/settings-page.json +280 -0
- package/patterns/settings/settings-page.yaml +51 -0
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "notification-center",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"domain": "data",
|
|
6
|
+
"description": "Notification center card with a list of notification items showing avatar, message text, timestamp, and unread badge.",
|
|
7
|
+
"tags": {
|
|
8
|
+
"purpose": [
|
|
9
|
+
"notification",
|
|
10
|
+
"activity-feed"
|
|
11
|
+
],
|
|
12
|
+
"complexity": "composed",
|
|
13
|
+
"layout": "single-column",
|
|
14
|
+
"interaction": [
|
|
15
|
+
"navigation"
|
|
16
|
+
]
|
|
17
|
+
},
|
|
18
|
+
"keywords": [
|
|
19
|
+
"notification",
|
|
20
|
+
"center",
|
|
21
|
+
"alerts",
|
|
22
|
+
"inbox",
|
|
23
|
+
"messages",
|
|
24
|
+
"unread",
|
|
25
|
+
"badge",
|
|
26
|
+
"activity"
|
|
27
|
+
],
|
|
28
|
+
"related": [
|
|
29
|
+
"email-inbox",
|
|
30
|
+
"team-activity",
|
|
31
|
+
"notifications"
|
|
32
|
+
],
|
|
33
|
+
"template": [
|
|
34
|
+
{
|
|
35
|
+
"id": "root",
|
|
36
|
+
"component": "Card",
|
|
37
|
+
"children": [
|
|
38
|
+
"hdr",
|
|
39
|
+
"sec"
|
|
40
|
+
]
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"id": "hdr",
|
|
44
|
+
"component": "Header",
|
|
45
|
+
"children": [
|
|
46
|
+
"title",
|
|
47
|
+
"count"
|
|
48
|
+
]
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"id": "title",
|
|
52
|
+
"component": "Text",
|
|
53
|
+
"slot": "heading",
|
|
54
|
+
"variant": "span",
|
|
55
|
+
"textContent": "Notifications"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"id": "count",
|
|
59
|
+
"component": "Badge",
|
|
60
|
+
"slot": "action",
|
|
61
|
+
"color": "primary",
|
|
62
|
+
"textContent": "3 new"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"id": "sec",
|
|
66
|
+
"component": "Section",
|
|
67
|
+
"children": [
|
|
68
|
+
"list"
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"id": "list",
|
|
73
|
+
"component": "Column",
|
|
74
|
+
"gap": "3",
|
|
75
|
+
"children": [
|
|
76
|
+
"n1",
|
|
77
|
+
"n2",
|
|
78
|
+
"n3",
|
|
79
|
+
"n4"
|
|
80
|
+
]
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"id": "n1",
|
|
84
|
+
"component": "Row",
|
|
85
|
+
"gap": "3",
|
|
86
|
+
"align": "center",
|
|
87
|
+
"children": [
|
|
88
|
+
"a1",
|
|
89
|
+
"info1",
|
|
90
|
+
"t1"
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"id": "a1",
|
|
95
|
+
"component": "Avatar",
|
|
96
|
+
"text": "Sarah Chen",
|
|
97
|
+
"size": "sm"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"id": "info1",
|
|
101
|
+
"component": "Column",
|
|
102
|
+
"gap": "0",
|
|
103
|
+
"grow": true,
|
|
104
|
+
"children": [
|
|
105
|
+
"msg1",
|
|
106
|
+
"time1"
|
|
107
|
+
]
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"id": "msg1",
|
|
111
|
+
"component": "Text",
|
|
112
|
+
"weight": "semibold",
|
|
113
|
+
"textContent": "Commented on your PR"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"id": "time1",
|
|
117
|
+
"component": "Text",
|
|
118
|
+
"color": "muted",
|
|
119
|
+
"textContent": "2 minutes ago"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"id": "t1",
|
|
123
|
+
"component": "Badge",
|
|
124
|
+
"color": "primary",
|
|
125
|
+
"textContent": "New"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"id": "n2",
|
|
129
|
+
"component": "Row",
|
|
130
|
+
"gap": "3",
|
|
131
|
+
"align": "center",
|
|
132
|
+
"children": [
|
|
133
|
+
"a2",
|
|
134
|
+
"info2",
|
|
135
|
+
"t2"
|
|
136
|
+
]
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"id": "a2",
|
|
140
|
+
"component": "Avatar",
|
|
141
|
+
"text": "Alex Kim",
|
|
142
|
+
"size": "sm"
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"id": "info2",
|
|
146
|
+
"component": "Column",
|
|
147
|
+
"gap": "0",
|
|
148
|
+
"grow": true,
|
|
149
|
+
"children": [
|
|
150
|
+
"msg2",
|
|
151
|
+
"time2"
|
|
152
|
+
]
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"id": "msg2",
|
|
156
|
+
"component": "Text",
|
|
157
|
+
"weight": "semibold",
|
|
158
|
+
"textContent": "Assigned you a task"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"id": "time2",
|
|
162
|
+
"component": "Text",
|
|
163
|
+
"color": "muted",
|
|
164
|
+
"textContent": "15 minutes ago"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"id": "t2",
|
|
168
|
+
"component": "Badge",
|
|
169
|
+
"color": "primary",
|
|
170
|
+
"textContent": "New"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"id": "n3",
|
|
174
|
+
"component": "Row",
|
|
175
|
+
"gap": "3",
|
|
176
|
+
"align": "center",
|
|
177
|
+
"children": [
|
|
178
|
+
"a3",
|
|
179
|
+
"info3"
|
|
180
|
+
]
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"id": "a3",
|
|
184
|
+
"component": "Avatar",
|
|
185
|
+
"text": "Tom Wright",
|
|
186
|
+
"size": "sm"
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"id": "info3",
|
|
190
|
+
"component": "Column",
|
|
191
|
+
"gap": "0",
|
|
192
|
+
"grow": true,
|
|
193
|
+
"children": [
|
|
194
|
+
"msg3",
|
|
195
|
+
"time3"
|
|
196
|
+
]
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"id": "msg3",
|
|
200
|
+
"component": "Text",
|
|
201
|
+
"textContent": "Approved your deployment"
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"id": "time3",
|
|
205
|
+
"component": "Text",
|
|
206
|
+
"color": "muted",
|
|
207
|
+
"textContent": "1 hour ago"
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"id": "n4",
|
|
211
|
+
"component": "Row",
|
|
212
|
+
"gap": "3",
|
|
213
|
+
"align": "center",
|
|
214
|
+
"children": [
|
|
215
|
+
"a4",
|
|
216
|
+
"info4"
|
|
217
|
+
]
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"id": "a4",
|
|
221
|
+
"component": "Avatar",
|
|
222
|
+
"text": "Lisa Chang",
|
|
223
|
+
"size": "sm"
|
|
224
|
+
},
|
|
225
|
+
{
|
|
226
|
+
"id": "info4",
|
|
227
|
+
"component": "Column",
|
|
228
|
+
"gap": "0",
|
|
229
|
+
"grow": true,
|
|
230
|
+
"children": [
|
|
231
|
+
"msg4",
|
|
232
|
+
"time4"
|
|
233
|
+
]
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"id": "msg4",
|
|
237
|
+
"component": "Text",
|
|
238
|
+
"textContent": "Mentioned you in #design"
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
"id": "time4",
|
|
242
|
+
"component": "Text",
|
|
243
|
+
"color": "muted",
|
|
244
|
+
"textContent": "3 hours ago"
|
|
245
|
+
}
|
|
246
|
+
],
|
|
247
|
+
"wiring": {
|
|
248
|
+
"actions": [
|
|
249
|
+
{ "event": { "event": "press", "target": "n1" },
|
|
250
|
+
"handler": "submit-resource",
|
|
251
|
+
"config": { "uri": "api://notifications/mark-read", "method": "PATCH" },
|
|
252
|
+
"onSuccess": [{ "handler": "refresh-source", "config": { "source": "notifications" } }]
|
|
253
|
+
},
|
|
254
|
+
{ "event": { "event": "dismiss", "target": "root" },
|
|
255
|
+
"handler": "submit-resource",
|
|
256
|
+
"config": { "uri": "api://notifications/dismiss", "method": "DELETE" },
|
|
257
|
+
"onSuccess": [{ "handler": "notify", "config": { "message": "Notification dismissed.", "variant": "info" } }]
|
|
258
|
+
}
|
|
259
|
+
],
|
|
260
|
+
"data": [
|
|
261
|
+
{ "uri": "api://notifications", "refresh": "poll" }
|
|
262
|
+
]
|
|
263
|
+
}
|
|
264
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
# Generated by scripts/generate-yaml-scaffolds.mjs
|
|
2
|
+
# Narrative doc — JSON sibling remains the canonical machine source.
|
|
3
|
+
# Fill in TODO sections by hand.
|
|
4
|
+
|
|
5
|
+
$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
|
|
6
|
+
name: notification-center
|
|
7
|
+
domain: data
|
|
8
|
+
version: 1
|
|
9
|
+
description: >-
|
|
10
|
+
Notification center card with a list of notification items showing avatar, message text, timestamp, and unread badge.
|
|
11
|
+
tags:
|
|
12
|
+
purpose:
|
|
13
|
+
- notification
|
|
14
|
+
- activity-feed
|
|
15
|
+
complexity: composed
|
|
16
|
+
layout: single-column
|
|
17
|
+
interaction:
|
|
18
|
+
- navigation
|
|
19
|
+
keywords:
|
|
20
|
+
- notification
|
|
21
|
+
- center
|
|
22
|
+
- alerts
|
|
23
|
+
- inbox
|
|
24
|
+
- messages
|
|
25
|
+
- unread
|
|
26
|
+
- badge
|
|
27
|
+
- activity
|
|
28
|
+
related:
|
|
29
|
+
- email-inbox
|
|
30
|
+
- team-activity
|
|
31
|
+
- notifications
|
|
32
|
+
use-cases:
|
|
33
|
+
- "TODO: primary use case"
|
|
34
|
+
- "TODO: secondary use case"
|
|
35
|
+
variants:
|
|
36
|
+
- name: TODO
|
|
37
|
+
description: "TODO: variant description"
|
|
38
|
+
wiring-intent:
|
|
39
|
+
summary: "TODO: describe wiring intent"
|
|
40
|
+
controllers: []
|
|
41
|
+
actions:
|
|
42
|
+
- event: press
|
|
43
|
+
target: n1
|
|
44
|
+
handler: submit-resource
|
|
45
|
+
- event: dismiss
|
|
46
|
+
target: root
|
|
47
|
+
handler: submit-resource
|
|
48
|
+
components:
|
|
49
|
+
- Card
|
|
50
|
+
- Header
|
|
51
|
+
- Text
|
|
52
|
+
- Badge
|
|
53
|
+
- Section
|
|
54
|
+
- Column
|
|
55
|
+
- Row
|
|
56
|
+
- Avatar
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "onboarding-checklist",
|
|
4
|
+
"version": 2,
|
|
5
|
+
"domain": "data",
|
|
6
|
+
"description": "User onboarding checklist with progress and checkbox items.",
|
|
7
|
+
"tags": {
|
|
8
|
+
"purpose": [
|
|
9
|
+
"onboarding",
|
|
10
|
+
"tracking"
|
|
11
|
+
],
|
|
12
|
+
"complexity": "composed",
|
|
13
|
+
"layout": "single-column",
|
|
14
|
+
"interaction": []
|
|
15
|
+
},
|
|
16
|
+
"keywords": [
|
|
17
|
+
"onboarding",
|
|
18
|
+
"checklist",
|
|
19
|
+
"getting-started",
|
|
20
|
+
"setup",
|
|
21
|
+
"welcome"
|
|
22
|
+
],
|
|
23
|
+
"related": [
|
|
24
|
+
"progress-tracker",
|
|
25
|
+
"kanban-board"
|
|
26
|
+
],
|
|
27
|
+
"template": [
|
|
28
|
+
{
|
|
29
|
+
"id": "root",
|
|
30
|
+
"component": "Card",
|
|
31
|
+
"children": [
|
|
32
|
+
"hdr",
|
|
33
|
+
"sec"
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"id": "hdr",
|
|
38
|
+
"component": "Header",
|
|
39
|
+
"children": [
|
|
40
|
+
"title"
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"id": "title",
|
|
45
|
+
"component": "Text",
|
|
46
|
+
"slot": "heading",
|
|
47
|
+
"textContent": "Getting Started"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"id": "sec",
|
|
51
|
+
"component": "Section",
|
|
52
|
+
"children": [
|
|
53
|
+
"col"
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"id": "col",
|
|
58
|
+
"component": "Column",
|
|
59
|
+
"children": [
|
|
60
|
+
"prog",
|
|
61
|
+
"c1-field",
|
|
62
|
+
"c2-field",
|
|
63
|
+
"c3-field"
|
|
64
|
+
],
|
|
65
|
+
"gap": "3"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"id": "prog",
|
|
69
|
+
"component": "Progress",
|
|
70
|
+
"value": 33,
|
|
71
|
+
"max": 100
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"id": "c1-field",
|
|
75
|
+
"component": "Field",
|
|
76
|
+
"label": "Complete your profile",
|
|
77
|
+
"children": [
|
|
78
|
+
"c1"
|
|
79
|
+
],
|
|
80
|
+
"inline": true
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"id": "c1",
|
|
84
|
+
"component": "CheckBox",
|
|
85
|
+
"checked": true
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"id": "c2-field",
|
|
89
|
+
"component": "Field",
|
|
90
|
+
"label": "Invite team members",
|
|
91
|
+
"children": [
|
|
92
|
+
"c2"
|
|
93
|
+
],
|
|
94
|
+
"inline": true
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"id": "c2",
|
|
98
|
+
"component": "CheckBox"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"id": "c3-field",
|
|
102
|
+
"component": "Field",
|
|
103
|
+
"label": "Create your first project",
|
|
104
|
+
"children": [
|
|
105
|
+
"c3"
|
|
106
|
+
],
|
|
107
|
+
"inline": true
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"id": "c3",
|
|
111
|
+
"component": "CheckBox"
|
|
112
|
+
}
|
|
113
|
+
]
|
|
114
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
# Generated by scripts/generate-yaml-scaffolds.mjs
|
|
2
|
+
# Narrative doc — JSON sibling remains the canonical machine source.
|
|
3
|
+
# Fill in TODO sections by hand.
|
|
4
|
+
|
|
5
|
+
$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
|
|
6
|
+
name: onboarding-checklist
|
|
7
|
+
domain: data
|
|
8
|
+
version: 1
|
|
9
|
+
description: User onboarding checklist with progress and checkbox items.
|
|
10
|
+
tags:
|
|
11
|
+
purpose:
|
|
12
|
+
- onboarding
|
|
13
|
+
- tracking
|
|
14
|
+
complexity: composed
|
|
15
|
+
layout: single-column
|
|
16
|
+
interaction: []
|
|
17
|
+
keywords:
|
|
18
|
+
- onboarding
|
|
19
|
+
- checklist
|
|
20
|
+
- getting-started
|
|
21
|
+
- setup
|
|
22
|
+
- welcome
|
|
23
|
+
related:
|
|
24
|
+
- progress-tracker
|
|
25
|
+
- kanban-board
|
|
26
|
+
use-cases:
|
|
27
|
+
- "TODO: primary use case"
|
|
28
|
+
- "TODO: secondary use case"
|
|
29
|
+
variants:
|
|
30
|
+
- name: TODO
|
|
31
|
+
description: "TODO: variant description"
|
|
32
|
+
wiring-intent:
|
|
33
|
+
summary: Static pattern (no interactive wiring).
|
|
34
|
+
controllers: []
|
|
35
|
+
actions: []
|
|
36
|
+
components:
|
|
37
|
+
- Card
|
|
38
|
+
- Header
|
|
39
|
+
- Text
|
|
40
|
+
- Section
|
|
41
|
+
- Column
|
|
42
|
+
- Progress
|
|
43
|
+
- CheckBox
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "../_schema.json",
|
|
3
|
+
"name": "order-tracking",
|
|
4
|
+
"version": 1,
|
|
5
|
+
"domain": "data",
|
|
6
|
+
"description": "Order tracking card with a timeline showing order status milestones from placed to delivered.",
|
|
7
|
+
"tags": {
|
|
8
|
+
"purpose": [
|
|
9
|
+
"tracking",
|
|
10
|
+
"status-display"
|
|
11
|
+
],
|
|
12
|
+
"complexity": "composed",
|
|
13
|
+
"layout": "single-column",
|
|
14
|
+
"interaction": [
|
|
15
|
+
"navigation"
|
|
16
|
+
]
|
|
17
|
+
},
|
|
18
|
+
"keywords": [
|
|
19
|
+
"order",
|
|
20
|
+
"tracking",
|
|
21
|
+
"timeline",
|
|
22
|
+
"shipping",
|
|
23
|
+
"delivery",
|
|
24
|
+
"status",
|
|
25
|
+
"shipment"
|
|
26
|
+
],
|
|
27
|
+
"related": [
|
|
28
|
+
"progress-tracker",
|
|
29
|
+
"team-activity"
|
|
30
|
+
],
|
|
31
|
+
"template": [
|
|
32
|
+
{
|
|
33
|
+
"id": "root",
|
|
34
|
+
"component": "Card",
|
|
35
|
+
"children": [
|
|
36
|
+
"hdr",
|
|
37
|
+
"sec"
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"id": "hdr",
|
|
42
|
+
"component": "Header",
|
|
43
|
+
"children": [
|
|
44
|
+
"title",
|
|
45
|
+
"desc"
|
|
46
|
+
]
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"id": "title",
|
|
50
|
+
"component": "Text",
|
|
51
|
+
"slot": "heading",
|
|
52
|
+
"variant": "span",
|
|
53
|
+
"textContent": "Order #12345"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"id": "desc",
|
|
57
|
+
"component": "Text",
|
|
58
|
+
"slot": "description",
|
|
59
|
+
"textContent": "Estimated delivery: April 20, 2026"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"id": "sec",
|
|
63
|
+
"component": "Section",
|
|
64
|
+
"children": [
|
|
65
|
+
"col"
|
|
66
|
+
]
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"id": "col",
|
|
70
|
+
"component": "Column",
|
|
71
|
+
"gap": "4",
|
|
72
|
+
"children": [
|
|
73
|
+
"info",
|
|
74
|
+
"tl"
|
|
75
|
+
]
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"id": "info",
|
|
79
|
+
"component": "Row",
|
|
80
|
+
"gap": "4",
|
|
81
|
+
"children": [
|
|
82
|
+
"status",
|
|
83
|
+
"carrier"
|
|
84
|
+
]
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"id": "status",
|
|
88
|
+
"component": "Column",
|
|
89
|
+
"gap": "0",
|
|
90
|
+
"children": [
|
|
91
|
+
"sl",
|
|
92
|
+
"sv"
|
|
93
|
+
]
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"id": "sl",
|
|
97
|
+
"component": "Text",
|
|
98
|
+
"color": "muted",
|
|
99
|
+
"textContent": "Status"
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"id": "sv",
|
|
103
|
+
"component": "Text",
|
|
104
|
+
"weight": "semibold",
|
|
105
|
+
"textContent": "In Transit"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"id": "carrier",
|
|
109
|
+
"component": "Column",
|
|
110
|
+
"gap": "0",
|
|
111
|
+
"children": [
|
|
112
|
+
"cl",
|
|
113
|
+
"cv"
|
|
114
|
+
]
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"id": "cl",
|
|
118
|
+
"component": "Text",
|
|
119
|
+
"color": "muted",
|
|
120
|
+
"textContent": "Carrier"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"id": "cv",
|
|
124
|
+
"component": "Text",
|
|
125
|
+
"weight": "semibold",
|
|
126
|
+
"textContent": "FedEx Express"
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"id": "tl",
|
|
130
|
+
"component": "Timeline",
|
|
131
|
+
"children": [
|
|
132
|
+
"t1",
|
|
133
|
+
"t2",
|
|
134
|
+
"t3",
|
|
135
|
+
"t4"
|
|
136
|
+
]
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"id": "t1",
|
|
140
|
+
"component": "TimelineItem",
|
|
141
|
+
"text": "Order Placed",
|
|
142
|
+
"description": "April 15, 2026 at 2:30 PM",
|
|
143
|
+
"color": "success"
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"id": "t2",
|
|
147
|
+
"component": "TimelineItem",
|
|
148
|
+
"text": "Processing",
|
|
149
|
+
"description": "April 16, 2026 at 9:00 AM",
|
|
150
|
+
"color": "success"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"id": "t3",
|
|
154
|
+
"component": "TimelineItem",
|
|
155
|
+
"text": "Shipped",
|
|
156
|
+
"description": "April 17, 2026 at 11:45 AM",
|
|
157
|
+
"color": "primary"
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"id": "t4",
|
|
161
|
+
"component": "TimelineItem",
|
|
162
|
+
"text": "Delivered",
|
|
163
|
+
"description": "Expected April 20, 2026",
|
|
164
|
+
"color": "muted"
|
|
165
|
+
}
|
|
166
|
+
]
|
|
167
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
# Generated by scripts/generate-yaml-scaffolds.mjs
|
|
2
|
+
# Narrative doc — JSON sibling remains the canonical machine source.
|
|
3
|
+
# Fill in TODO sections by hand.
|
|
4
|
+
|
|
5
|
+
$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
|
|
6
|
+
name: order-tracking
|
|
7
|
+
domain: data
|
|
8
|
+
version: 1
|
|
9
|
+
description: >-
|
|
10
|
+
Order tracking card with a timeline showing order status milestones from placed to delivered.
|
|
11
|
+
tags:
|
|
12
|
+
purpose:
|
|
13
|
+
- tracking
|
|
14
|
+
- status-display
|
|
15
|
+
complexity: composed
|
|
16
|
+
layout: single-column
|
|
17
|
+
interaction:
|
|
18
|
+
- navigation
|
|
19
|
+
keywords:
|
|
20
|
+
- order
|
|
21
|
+
- tracking
|
|
22
|
+
- timeline
|
|
23
|
+
- shipping
|
|
24
|
+
- delivery
|
|
25
|
+
- status
|
|
26
|
+
- shipment
|
|
27
|
+
related:
|
|
28
|
+
- progress-tracker
|
|
29
|
+
- team-activity
|
|
30
|
+
use-cases:
|
|
31
|
+
- "TODO: primary use case"
|
|
32
|
+
- "TODO: secondary use case"
|
|
33
|
+
variants:
|
|
34
|
+
- name: TODO
|
|
35
|
+
description: "TODO: variant description"
|
|
36
|
+
wiring-intent:
|
|
37
|
+
summary: Static pattern (no interactive wiring).
|
|
38
|
+
controllers: []
|
|
39
|
+
actions: []
|
|
40
|
+
components:
|
|
41
|
+
- Card
|
|
42
|
+
- Header
|
|
43
|
+
- Text
|
|
44
|
+
- Section
|
|
45
|
+
- Column
|
|
46
|
+
- Row
|
|
47
|
+
- Timeline
|
|
48
|
+
- TimelineItem
|