init project

This commit is contained in:
root
2026-06-25 19:06:59 -04:00
parent c5dfee6efb
commit 5d017f533a
349 changed files with 31330 additions and 0 deletions
@@ -0,0 +1,61 @@
Component,Interactive,Name_role_state,Keyboard,Focus,Live_region,Touch_target,Automated_coverage,Manual_status
VisuallyHidden,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
BidiText,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
LiveRegion,No,Semantic HTML and typed accessible labels,N/A,N/A,"Intentional only for Alert, LiveRegion, loading and progress",44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Icon,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Button,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
ActionLink,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
FormField,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
TextInput,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
TextArea,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Select,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Checkbox,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Radio,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Switch,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Fieldset,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
ErrorSummary,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Tabs,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
SegmentedControl,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Accordion,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Pagination,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Dialog,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
DropdownMenu,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Tooltip,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Alert,No,Semantic HTML and typed accessible labels,N/A,N/A,"Intentional only for Alert, LiveRegion, loading and progress",44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Progress,No,Semantic HTML and typed accessible labels,N/A,N/A,"Intentional only for Alert, LiveRegion, loading and progress",44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Spinner,No,Semantic HTML and typed accessible labels,N/A,N/A,"Intentional only for Alert, LiveRegion, loading and progress",44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Skeleton,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
StateMessage,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
StatusBadge,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Card,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Panel,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Callout,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Heading,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Eyebrow,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Text,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Quote,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Breadcrumbs,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
SectionNavigation,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
FooterLinkGroup,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
MediaFrame,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
ResponsiveImage,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
SectionHeader,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
FeatureCard,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
FeatureGrid,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
SplitContent,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
MetricStrip,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
LogoStripShell,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Workflow,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Comparison,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
Metric,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
EvidenceShell,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
CTA,Yes,Semantic HTML and typed accessible labels,Native or documented arrow/Escape behavior,Visible global focus; return/constrain where applicable,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
ProductPreview,No,Semantic HTML and typed accessible labels,N/A,N/A,None,44 CSS px for controls,Representative axe fixture,Pending pinned browser/manual execution
DemoForm,No,Not rendered,N/A,N/A,N/A,N/A,Not applicable,Blocked
Toast,No,Not rendered,N/A,N/A,N/A,N/A,Not applicable,Blocked
PricingCard,No,Not rendered,N/A,N/A,N/A,N/A,Not applicable,Blocked
TestimonialContent,No,Not rendered,N/A,N/A,N/A,N/A,Not applicable,Blocked
CustomerLogoContent,No,Not rendered,N/A,N/A,N/A,N/A,Not applicable,Blocked
ApprovedProductCapture,No,Not rendered,N/A,N/A,N/A,N/A,Not applicable,Blocked
LoginDestination,No,Not rendered,N/A,N/A,N/A,N/A,Not applicable,Blocked
SalesDestination,No,Not rendered,N/A,N/A,N/A,N/A,Not applicable,Blocked
1 Component Interactive Name_role_state Keyboard Focus Live_region Touch_target Automated_coverage Manual_status
2 VisuallyHidden No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
3 BidiText No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
4 LiveRegion No Semantic HTML and typed accessible labels N/A N/A Intentional only for Alert, LiveRegion, loading and progress 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
5 Icon No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
6 Button Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
7 ActionLink Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
8 FormField No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
9 TextInput Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
10 TextArea Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
11 Select Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
12 Checkbox Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
13 Radio Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
14 Switch Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
15 Fieldset No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
16 ErrorSummary No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
17 Tabs Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
18 SegmentedControl Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
19 Accordion Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
20 Pagination Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
21 Dialog Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
22 DropdownMenu Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
23 Tooltip Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
24 Alert No Semantic HTML and typed accessible labels N/A N/A Intentional only for Alert, LiveRegion, loading and progress 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
25 Progress No Semantic HTML and typed accessible labels N/A N/A Intentional only for Alert, LiveRegion, loading and progress 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
26 Spinner No Semantic HTML and typed accessible labels N/A N/A Intentional only for Alert, LiveRegion, loading and progress 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
27 Skeleton No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
28 StateMessage No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
29 StatusBadge No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
30 Card No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
31 Panel No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
32 Callout No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
33 Heading No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
34 Eyebrow No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
35 Text No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
36 Quote No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
37 Breadcrumbs Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
38 SectionNavigation Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
39 FooterLinkGroup Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
40 MediaFrame No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
41 ResponsiveImage No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
42 SectionHeader No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
43 FeatureCard No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
44 FeatureGrid No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
45 SplitContent No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
46 MetricStrip No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
47 LogoStripShell No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
48 Workflow No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
49 Comparison No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
50 Metric No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
51 EvidenceShell No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
52 CTA Yes Semantic HTML and typed accessible labels Native or documented arrow/Escape behavior Visible global focus; return/constrain where applicable None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
53 ProductPreview No Semantic HTML and typed accessible labels N/A N/A None 44 CSS px for controls Representative axe fixture Pending pinned browser/manual execution
54 DemoForm No Not rendered N/A N/A N/A N/A Not applicable Blocked
55 Toast No Not rendered N/A N/A N/A N/A Not applicable Blocked
56 PricingCard No Not rendered N/A N/A N/A N/A Not applicable Blocked
57 TestimonialContent No Not rendered N/A N/A N/A N/A Not applicable Blocked
58 CustomerLogoContent No Not rendered N/A N/A N/A N/A Not applicable Blocked
59 ApprovedProductCapture No Not rendered N/A N/A N/A N/A Not applicable Blocked
60 LoginDestination No Not rendered N/A N/A N/A N/A Not applicable Blocked
61 SalesDestination No Not rendered N/A N/A N/A N/A Not applicable Blocked
+22
View File
@@ -0,0 +1,22 @@
# Phase 12 Bundle Impact Report
## Measurement scope
The repository has no dedicated analyzer plugin, so Phase 12 records reproducible source and production-output measurements rather than inventing treemap precision.
| Measurement | Phase 11 | Phase 12 | Change |
| ----------------------------- | -----------------------------------: | -------: | -------------------: |
| Source files under `src` | 62 | 135 | +73 |
| Source bytes under `src` | 148,035 | 251,655 | +103,620 |
| Component source/style files | 25 | 93 | +68 |
| Production `.next/standalone` | Not measured in Phase 11 environment | 35 MiB | Baseline established |
| Production `.next/static` | Not measured in Phase 11 environment | 1.5 MiB | Baseline established |
| Production `.next/server` | Not measured in Phase 11 environment | 9.7 MiB | Baseline established |
## Interpretation
The source increase is expected because Phase 12 adds the reusable component system, fixtures, and documentation surface. No dependency was added. Client boundaries are limited to nine inventory entries, and the component-lab route is environment-gated. The production build completed and preserved route-level code splitting.
## Follow-up gate
Run the repository's future bundle analyzer, when configured, against a Phase 11 build produced on the same pinned runtime. Cross-environment directory sizes are not a substitute for JavaScript chunk comparison, despite how tempting that spreadsheet would be.
+77
View File
@@ -0,0 +1,77 @@
# Phase 12 Component Catalog
All public components use semantic tokens, logical CSS, one locale-independent DOM tree, and typed semantic variants. The component-lab route is development-only and guarded by `COMPONENT_FIXTURES_ENABLED=true`.
## Public component reference
| Component | Import path | Purpose | Variants | Accessibility / RTL / responsive behavior | Do not use when |
| ------------------- | ------------------------------------------- | ----------------------------------------------------- | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
| `VisuallyHidden` | `@/components/foundation/VisuallyHidden` | Reusable foundational utilities primitive or pattern. | default | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `BidiText` | `@/components/foundation/BidiText` | Reusable foundational utilities primitive or pattern. | default | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `LiveRegion` | `@/components/foundation/LiveRegion` | Reusable foundational utilities primitive or pattern. | polite, assertive | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Icon` | `@/components/foundation/Icon` | Reusable icon system primitive or pattern. | sm, md, lg, fixed, mirror | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Button` | `@/components/actions/Button` | Reusable actions primitive or pattern. | primary, conversion, secondary, tertiary, ghost, destructive, link, icon-only, loading | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `ActionLink` | `@/components/actions/ActionLink` | Reusable actions primitive or pattern. | inline, navigation, standalone, button-primary, button-conversion, muted, disabled | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `FormField` | `@/components/forms/FormField` | Reusable forms primitive or pattern. | required, optional, supporting, error | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `TextInput` | `@/components/forms/TextInput` | Reusable forms primitive or pattern. | text, email, telephone, url, search, invalid, disabled | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `TextArea` | `@/components/forms/TextInput` | Reusable forms primitive or pattern. | default, character-count, invalid, disabled | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Select` | `@/components/forms/TextInput` | Reusable forms primitive or pattern. | default, invalid, disabled | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Checkbox` | `@/components/forms/ChoiceControls` | Reusable forms primitive or pattern. | default, checked, invalid, disabled | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Radio` | `@/components/forms/ChoiceControls` | Reusable forms primitive or pattern. | default, checked, invalid, disabled | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Switch` | `@/components/forms/ChoiceControls` | Reusable forms primitive or pattern. | on, off, disabled | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Fieldset` | `@/components/forms/FormField` | Reusable forms primitive or pattern. | default | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `ErrorSummary` | `@/components/forms/ErrorSummary` | Reusable forms primitive or pattern. | error-list | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Tabs` | `@/components/controls/Tabs` | Reusable selection controls primitive or pattern. | automatic, manual, disabled-tab | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `SegmentedControl` | `@/components/controls/SegmentedControl` | Reusable selection controls primitive or pattern. | selected, disabled | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Accordion` | `@/components/controls/Accordion` | Reusable selection controls primitive or pattern. | open, closed | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Pagination` | `@/components/controls/Pagination` | Reusable selection controls primitive or pattern. | current, previous, next | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Dialog` | `@/components/overlays/Dialog` | Reusable overlays primitive or pattern. | modal, drawer, dismissible, non-dismissible | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `DropdownMenu` | `@/components/overlays/DropdownMenu` | Reusable overlays primitive or pattern. | open, closed, disabled-item, destructive-item | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Tooltip` | `@/components/overlays/Tooltip` | Reusable overlays primitive or pattern. | hover, focus | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Alert` | `@/components/feedback/Alert` | Reusable feedback primitive or pattern. | info, success, warning, error, inline | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Progress` | `@/components/feedback/Progress` | Reusable feedback primitive or pattern. | determinate, indeterminate | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Spinner` | `@/components/feedback/Loading` | Reusable feedback primitive or pattern. | loading | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Skeleton` | `@/components/feedback/Loading` | Reusable feedback primitive or pattern. | single-line, multi-line, reduced-motion | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `StateMessage` | `@/components/feedback/StateMessage` | Reusable feedback primitive or pattern. | empty, error, success, information | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `StatusBadge` | `@/components/foundation/StatusBadge` | Reusable feedback primitive or pattern. | neutral, info, success, warning, error | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Card` | `@/components/surfaces/Card` | Reusable surfaces primitive or pattern. | default, muted, elevated, strong, interactive | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Panel` | `@/components/surfaces/Card` | Reusable surfaces primitive or pattern. | default, muted, elevated, strong | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Callout` | `@/components/surfaces/Callout` | Reusable surfaces primitive or pattern. | information | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Heading` | `@/components/typography/Typography` | Reusable typography primitive or pattern. | display, section, subheading, levels-1-6 | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Eyebrow` | `@/components/typography/Typography` | Reusable typography primitive or pattern. | default | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Text` | `@/components/typography/Typography` | Reusable typography primitive or pattern. | lead, body, supporting, caption, label | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Quote` | `@/components/typography/Typography` | Reusable typography primitive or pattern. | with-citation, without-citation | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Breadcrumbs` | `@/components/navigation/Breadcrumbs` | Reusable navigation primitive or pattern. | current-page | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `SectionNavigation` | `@/components/navigation/SectionNavigation` | Reusable navigation primitive or pattern. | current-location, overflow | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `FooterLinkGroup` | `@/components/navigation/FooterLinkGroup` | Reusable navigation primitive or pattern. | resolved, disabled | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `MediaFrame` | `@/components/media/MediaFrame` | Reusable media primitive or pattern. | square, landscape, wide, portrait, auto, captioned, decorative | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `ResponsiveImage` | `@/components/media/MediaFrame` | Reusable media primitive or pattern. | meaningful, decorative, captioned | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `SectionHeader` | `@/components/marketing/SectionHeader` | Reusable section patterns primitive or pattern. | start, center | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `FeatureCard` | `@/components/marketing/FeatureCard` | Reusable marketing surfaces primitive or pattern. | default, primary, muted | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `FeatureGrid` | `@/components/marketing/SectionPatterns` | Reusable section patterns primitive or pattern. | responsive-grid | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `SplitContent` | `@/components/marketing/SectionPatterns` | Reusable section patterns primitive or pattern. | default, reverse | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `MetricStrip` | `@/components/marketing/SectionPatterns` | Reusable section patterns primitive or pattern. | responsive-strip | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `LogoStripShell` | `@/components/marketing/SectionPatterns` | Reusable section patterns primitive or pattern. | empty-shell, content | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Workflow` | `@/components/marketing/Workflow` | Reusable workflow primitive or pattern. | numbered, icon, stacked, horizontal | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Comparison` | `@/components/marketing/Comparison` | Reusable comparison primitive or pattern. | problem-solution, stacked, two-column | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A simpler native element or layout primitive already provides the required semantics. |
| `Metric` | `@/components/marketing/Evidence` | Reusable evidence primitive or pattern. | approved, pending-review, research-only, prohibited | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A blocked product decision or unsupported claim would be required. |
| `EvidenceShell` | `@/components/marketing/Evidence` | Reusable evidence primitive or pattern. | approved, pending-review, research-only, prohibited | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A blocked product decision or unsupported claim would be required. |
| `CTA` | `@/components/marketing/CTA` | Reusable calls to action primitive or pattern. | inline, card, section, primary-only, dual-action, disabled-destination | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A blocked product decision or unsupported claim would be required. |
| `ProductPreview` | `@/components/marketing/ProductPreview` | Reusable product previews primitive or pattern. | illustrative, empty, responsive-table | Semantic HTML; keyboard support when interactive; visible focus; logical CSS; localized content props; content-driven reflow at compact, medium, and wide gates. | A blocked product decision or unsupported claim would be required. |
## Representative usage
```tsx
import { Button } from '@/components/actions/Button';
import { FeatureCard } from '@/components/marketing/FeatureCard';
<Button intent="conversion" size="large">{messages.demoLabel}</Button>
<FeatureCard title={content.title} description={content.description} icon="car" />
```
## Prohibited usage
- Do not pass raw colors, arbitrary spacing, untranslated fragments, unresolved URLs, or research-only evidence into production rendering.
- Do not use `Card` to turn every layout problem into a rectangle. Humanity has already done enough of that.
- Do not use `InteractiveCard` semantics for containers with multiple independent controls. This system intentionally does not provide that invalid abstraction.
- Do not enable the component-lab route in a public production deployment.
File diff suppressed because it is too large Load Diff
@@ -0,0 +1,61 @@
Component,Category,Status,Import_path,Source_specifications,Homepage_consumers,Open_issues
VisuallyHidden,foundational utilities,implemented,@/components/foundation/VisuallyHidden,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,global accessibility,
BidiText,foundational utilities,implemented,@/components/foundation/BidiText,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,product previews; metrics; forms,
LiveRegion,foundational utilities,implemented,@/components/foundation/LiveRegion,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,forms; status feedback,
Icon,icon system,implemented,@/components/foundation/Icon,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,all sections,
Button,actions,implemented,@/components/actions/Button,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,hero; final CTA; dialogs; forms,
ActionLink,actions,implemented,@/components/actions/ActionLink,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,header; hero; sections; footer,
FormField,forms,implemented,@/components/forms/FormField,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,demo form; contact form,
TextInput,forms,implemented,@/components/forms/TextInput,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,demo form; contact form,
TextArea,forms,implemented,@/components/forms/TextInput,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,demo form; contact form,
Select,forms,implemented,@/components/forms/TextInput,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,demo form; filters,
Checkbox,forms,implemented,@/components/forms/ChoiceControls,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,demo form; consent,
Radio,forms,implemented,@/components/forms/ChoiceControls,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,demo form; choice groups,
Switch,forms,implemented,@/components/forms/ChoiceControls,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,settings controls,
Fieldset,forms,implemented,@/components/forms/FormField,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,demo form,
ErrorSummary,forms,implemented,@/components/forms/ErrorSummary,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,demo form; contact form,
Tabs,selection controls,implemented,@/components/controls/Tabs,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,product previews; capability sections,
SegmentedControl,selection controls,implemented,@/components/controls/SegmentedControl,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,product preview controls,
Accordion,selection controls,implemented,@/components/controls/Accordion,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,FAQ,
Pagination,selection controls,implemented,@/components/controls/Pagination,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,future resource indexes,
Dialog,overlays,implemented,@/components/overlays/Dialog,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,product tour; future forms,
DropdownMenu,overlays,implemented,@/components/overlays/DropdownMenu,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,navigation; utility actions,
Tooltip,overlays,implemented,@/components/overlays/Tooltip,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,icon controls,
Alert,feedback,implemented,@/components/feedback/Alert,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,forms; global status,
Progress,feedback,implemented,@/components/feedback/Progress,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,product tour; forms,
Spinner,feedback,implemented,@/components/feedback/Loading,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,buttons; forms,
Skeleton,feedback,implemented,@/components/feedback/Loading,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,product previews,
StateMessage,feedback,implemented,@/components/feedback/StateMessage,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,route states; product previews,
StatusBadge,feedback,implemented,@/components/foundation/StatusBadge,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,product previews; evidence,
Card,surfaces,implemented,@/components/surfaces/Card,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,features; roles; modules; metrics,
Panel,surfaces,implemented,@/components/surfaces/Card,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,product previews; forms,
Callout,surfaces,implemented,@/components/surfaces/Callout,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,security; pricing notes,
Heading,typography,implemented,@/components/typography/Typography,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,all sections,
Eyebrow,typography,implemented,@/components/typography/Typography,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,hero; section headers,
Text,typography,implemented,@/components/typography/Typography,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,all sections,
Quote,typography,implemented,@/components/typography/Typography,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,testimonial shell,
Breadcrumbs,navigation,implemented,@/components/navigation/Breadcrumbs,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,secondary routes,
SectionNavigation,navigation,implemented,@/components/navigation/SectionNavigation,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,long marketing routes,
FooterLinkGroup,navigation,implemented,@/components/navigation/FooterLinkGroup,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,footer,
MediaFrame,media,implemented,@/components/media/MediaFrame,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,hero; feature sections,
ResponsiveImage,media,implemented,@/components/media/MediaFrame,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,hero; feature sections,
SectionHeader,section patterns,implemented,@/components/marketing/SectionHeader,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,all homepage sections,
FeatureCard,marketing surfaces,implemented,@/components/marketing/FeatureCard,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,roles; modules; capabilities,
FeatureGrid,section patterns,implemented,@/components/marketing/SectionPatterns,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,roles; modules; capabilities,
SplitContent,section patterns,implemented,@/components/marketing/SectionPatterns,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,hero; alternating features,
MetricStrip,section patterns,implemented,@/components/marketing/SectionPatterns,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,evidence,
LogoStripShell,section patterns,implemented,@/components/marketing/SectionPatterns,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,trust proof,
Workflow,workflow,implemented,@/components/marketing/Workflow,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,rental lifecycle,
Comparison,comparison,implemented,@/components/marketing/Comparison,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,fragmented-versus-connected,
Metric,evidence,implemented,@/components/marketing/Evidence,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,evidence; operational benefits,
EvidenceShell,evidence,implemented,@/components/marketing/Evidence,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,trust proof; testimonials,
CTA,calls to action,implemented,@/components/marketing/CTA,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,hero; final CTA; contact sales,
ProductPreview,product previews,implemented,@/components/marketing/ProductPreview,Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md,hero; product UI previews,
DemoForm,forms,blocked,Not implemented,Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv,hero; final CTA,P9-002; P9-003
Toast,feedback,excluded,Not implemented,Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv,none; critical information must remain persistent,
PricingCard,surfaces,blocked,Not implemented,Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv,pricing preview,P9-008
TestimonialContent,evidence,blocked,Not implemented,Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv,testimonial section,P9-012
CustomerLogoContent,evidence,blocked,Not implemented,Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv,trust proof,P9-012
ApprovedProductCapture,media,blocked,Not implemented,Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv,hero; product UI previews,P9-006
LoginDestination,actions,blocked,Not implemented,Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv,header; footer,P9-015
SalesDestination,actions,blocked,Not implemented,Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv,hero; final CTA,P9-016
1 Component Category Status Import_path Source_specifications Homepage_consumers Open_issues
2 VisuallyHidden foundational utilities implemented @/components/foundation/VisuallyHidden Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md global accessibility
3 BidiText foundational utilities implemented @/components/foundation/BidiText Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md product previews; metrics; forms
4 LiveRegion foundational utilities implemented @/components/foundation/LiveRegion Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md forms; status feedback
5 Icon icon system implemented @/components/foundation/Icon Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md all sections
6 Button actions implemented @/components/actions/Button Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md hero; final CTA; dialogs; forms
7 ActionLink actions implemented @/components/actions/ActionLink Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md header; hero; sections; footer
8 FormField forms implemented @/components/forms/FormField Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md demo form; contact form
9 TextInput forms implemented @/components/forms/TextInput Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md demo form; contact form
10 TextArea forms implemented @/components/forms/TextInput Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md demo form; contact form
11 Select forms implemented @/components/forms/TextInput Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md demo form; filters
12 Checkbox forms implemented @/components/forms/ChoiceControls Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md demo form; consent
13 Radio forms implemented @/components/forms/ChoiceControls Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md demo form; choice groups
14 Switch forms implemented @/components/forms/ChoiceControls Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md settings controls
15 Fieldset forms implemented @/components/forms/FormField Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md demo form
16 ErrorSummary forms implemented @/components/forms/ErrorSummary Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md demo form; contact form
17 Tabs selection controls implemented @/components/controls/Tabs Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md product previews; capability sections
18 SegmentedControl selection controls implemented @/components/controls/SegmentedControl Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md product preview controls
19 Accordion selection controls implemented @/components/controls/Accordion Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md FAQ
20 Pagination selection controls implemented @/components/controls/Pagination Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md future resource indexes
21 Dialog overlays implemented @/components/overlays/Dialog Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md product tour; future forms
22 DropdownMenu overlays implemented @/components/overlays/DropdownMenu Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md navigation; utility actions
23 Tooltip overlays implemented @/components/overlays/Tooltip Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md icon controls
24 Alert feedback implemented @/components/feedback/Alert Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md forms; global status
25 Progress feedback implemented @/components/feedback/Progress Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md product tour; forms
26 Spinner feedback implemented @/components/feedback/Loading Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md buttons; forms
27 Skeleton feedback implemented @/components/feedback/Loading Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md product previews
28 StateMessage feedback implemented @/components/feedback/StateMessage Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md route states; product previews
29 StatusBadge feedback implemented @/components/foundation/StatusBadge Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md product previews; evidence
30 Card surfaces implemented @/components/surfaces/Card Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md features; roles; modules; metrics
31 Panel surfaces implemented @/components/surfaces/Card Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md product previews; forms
32 Callout surfaces implemented @/components/surfaces/Callout Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md security; pricing notes
33 Heading typography implemented @/components/typography/Typography Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md all sections
34 Eyebrow typography implemented @/components/typography/Typography Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md hero; section headers
35 Text typography implemented @/components/typography/Typography Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md all sections
36 Quote typography implemented @/components/typography/Typography Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md testimonial shell
37 Breadcrumbs navigation implemented @/components/navigation/Breadcrumbs Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md secondary routes
38 SectionNavigation navigation implemented @/components/navigation/SectionNavigation Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md long marketing routes
39 FooterLinkGroup navigation implemented @/components/navigation/FooterLinkGroup Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md footer
40 MediaFrame media implemented @/components/media/MediaFrame Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md hero; feature sections
41 ResponsiveImage media implemented @/components/media/MediaFrame Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md hero; feature sections
42 SectionHeader section patterns implemented @/components/marketing/SectionHeader Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md all homepage sections
43 FeatureCard marketing surfaces implemented @/components/marketing/FeatureCard Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md roles; modules; capabilities
44 FeatureGrid section patterns implemented @/components/marketing/SectionPatterns Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md roles; modules; capabilities
45 SplitContent section patterns implemented @/components/marketing/SectionPatterns Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md hero; alternating features
46 MetricStrip section patterns implemented @/components/marketing/SectionPatterns Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md evidence
47 LogoStripShell section patterns implemented @/components/marketing/SectionPatterns Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md trust proof
48 Workflow workflow implemented @/components/marketing/Workflow Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md rental lifecycle
49 Comparison comparison implemented @/components/marketing/Comparison Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md fragmented-versus-connected
50 Metric evidence implemented @/components/marketing/Evidence Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md evidence; operational benefits
51 EvidenceShell evidence implemented @/components/marketing/Evidence Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md trust proof; testimonials
52 CTA calls to action implemented @/components/marketing/CTA Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md hero; final CTA; contact sales
53 ProductPreview product previews implemented @/components/marketing/ProductPreview Phase 12 prompt; contracts/phase9/components/COMPONENT_CONTRACTS_v1.0.md; docs/PHASE_12_HANDOFF_v1.0.md hero; product UI previews
54 DemoForm forms blocked Not implemented Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv hero; final CTA P9-002; P9-003
55 Toast feedback excluded Not implemented Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv none; critical information must remain persistent
56 PricingCard surfaces blocked Not implemented Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv pricing preview P9-008
57 TestimonialContent evidence blocked Not implemented Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv testimonial section P9-012
58 CustomerLogoContent evidence blocked Not implemented Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv trust proof P9-012
59 ApprovedProductCapture media blocked Not implemented Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv hero; product UI previews P9-006
60 LoginDestination actions blocked Not implemented Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv header; footer P9-015
61 SalesDestination actions blocked Not implemented Phase 12 prompt; docs/IMPLEMENTATION_ISSUE_REGISTER_v1.1.csv hero; final CTA P9-016
@@ -0,0 +1,22 @@
# Phase 12 Definition of Done Status
## Satisfied in this implementation environment
- Phase 11 static behavior and immutable Phase 9 checks remain intact.
- Formatting, linting, strict TypeScript validation, token/locale/route/RTL/component validation, 22 unit tests, coverage thresholds, production build with an explicit local origin, and standalone locale rendering pass.
- Required component families are implemented or explicitly blocked/excluded.
- Public APIs are typed and documented.
- Components consume semantic tokens and support EN, FR, AR, light/dark/system foundations, document RTL, keyboard semantics, focus states, responsive composition, long content, and deterministic fictional fixtures.
- No unsupported claim, testimonial, metric, logo, final destination, CRM transmission, analytics collection, consent integration, pricing logic, or authentication was introduced.
- Dependency additions: none.
- Component inventory, traceability, behavior matrices, reports, issue records, decision records, handoff, and package manifest are present.
## Acceptance gates still open
- P12-001: Browser and automated accessibility execution in an unblocked loopback environment.
- P12-002: Visual baseline generation and design approval.
- P12-003: Full suite on pinned Node 24.17.0.
- P12-004: Frozen pnpm installation and dependency audit with registry access.
- P12-005: Manual keyboard, touch, screen-reader, zoom, reduced-motion, and forced-colors matrix.
Phase 13 development may proceed. Phase 12 release acceptance may not be declared until these gates close.
@@ -0,0 +1,25 @@
# Phase 12 Dependency Change Report
## Result
No direct production or development dependency was added, removed, or version-changed in Phase 12. The exact Phase 11 dependency graph and `pnpm-lock.yaml` are retained.
## Rationale
- Icons use a reviewed internal SVG map.
- Dialog and drawer behavior use native `dialog` plus existing React utilities.
- Tabs, accordion, segmented controls, menus, tooltips, and form primitives use platform semantics and existing React.
- CSS Modules remain the sole component styling method.
- Existing Vitest, Testing Library, Playwright, and axe packages cover automated tests.
## Verification
`scripts/validate-runtime-dependencies.mjs` confirms the exact pinned direct versions remain represented in the lockfile. `npm install --engine-strict=false --ignore-scripts --package-lock=false` was used only as a local fallback after registry failures prevented the required frozen pnpm installation.
## Blocked gates
- `pnpm install --frozen-lockfile`: blocked by registry DNS failures.
- `pnpm audit --audit-level low`: blocked by registry DNS failures and timed out after retry scheduling.
- Node 24.17.0 verification: unavailable on this host; Node 22.16.0 was used for local execution.
These are tracked by P12-003 and P12-004.
@@ -0,0 +1,95 @@
Component_family,Scenario,Width_css_px,Expected_behavior,Automated_status,Manual_status
actions,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
actions,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
actions,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
actions,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
actions,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
calls to action,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
calls to action,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
calls to action,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
calls to action,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
calls to action,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
comparison,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
comparison,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
comparison,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
comparison,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
comparison,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
evidence,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
evidence,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
evidence,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
evidence,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
evidence,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
feedback,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
feedback,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
feedback,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
feedback,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
feedback,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
forms,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
forms,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
forms,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
forms,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
forms,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
foundational utilities,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
foundational utilities,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
foundational utilities,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
foundational utilities,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
foundational utilities,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
icon system,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
icon system,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
icon system,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
icon system,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
icon system,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
marketing surfaces,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
marketing surfaces,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
marketing surfaces,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
marketing surfaces,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
marketing surfaces,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
media,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
media,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
media,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
media,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
media,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
navigation,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
navigation,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
navigation,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
navigation,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
navigation,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
overlays,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
overlays,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
overlays,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
overlays,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
overlays,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
product previews,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
product previews,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
product previews,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
product previews,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
product previews,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
section patterns,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
section patterns,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
section patterns,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
section patterns,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
section patterns,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
selection controls,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
selection controls,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
selection controls,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
selection controls,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
selection controls,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
surfaces,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
surfaces,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
surfaces,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
surfaces,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
surfaces,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
typography,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
typography,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
typography,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
typography,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
typography,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
workflow,Narrow mobile,320,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
workflow,Mobile,390,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
workflow,Tablet,768,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
workflow,Standard desktop,1024,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
workflow,Wide desktop,1440,No page overflow; content-driven reflow; 44px controls; logical order,Fixture test authored; execution blocked by pnpm/browser availability,Pending
Cross-component,200% zoom,Variable,"No clipped text, hidden actions, or unexpected horizontal page overflow",Risk-based browser test authored where applicable,Pending
Cross-component,400% zoom equivalent at 320 CSS px,Variable,"No clipped text, hidden actions, or unexpected horizontal page overflow",Risk-based browser test authored where applicable,Pending
Cross-component,Reduced viewport height,Variable,"No clipped text, hidden actions, or unexpected horizontal page overflow",Risk-based browser test authored where applicable,Pending
Cross-component,Landscape mobile,Variable,"No clipped text, hidden actions, or unexpected horizontal page overflow",Risk-based browser test authored where applicable,Pending
1 Component_family Scenario Width_css_px Expected_behavior Automated_status Manual_status
2 actions Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
3 actions Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
4 actions Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
5 actions Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
6 actions Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
7 calls to action Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
8 calls to action Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
9 calls to action Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
10 calls to action Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
11 calls to action Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
12 comparison Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
13 comparison Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
14 comparison Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
15 comparison Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
16 comparison Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
17 evidence Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
18 evidence Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
19 evidence Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
20 evidence Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
21 evidence Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
22 feedback Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
23 feedback Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
24 feedback Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
25 feedback Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
26 feedback Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
27 forms Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
28 forms Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
29 forms Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
30 forms Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
31 forms Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
32 foundational utilities Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
33 foundational utilities Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
34 foundational utilities Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
35 foundational utilities Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
36 foundational utilities Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
37 icon system Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
38 icon system Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
39 icon system Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
40 icon system Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
41 icon system Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
42 marketing surfaces Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
43 marketing surfaces Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
44 marketing surfaces Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
45 marketing surfaces Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
46 marketing surfaces Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
47 media Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
48 media Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
49 media Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
50 media Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
51 media Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
52 navigation Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
53 navigation Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
54 navigation Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
55 navigation Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
56 navigation Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
57 overlays Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
58 overlays Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
59 overlays Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
60 overlays Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
61 overlays Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
62 product previews Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
63 product previews Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
64 product previews Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
65 product previews Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
66 product previews Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
67 section patterns Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
68 section patterns Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
69 section patterns Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
70 section patterns Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
71 section patterns Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
72 selection controls Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
73 selection controls Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
74 selection controls Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
75 selection controls Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
76 selection controls Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
77 surfaces Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
78 surfaces Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
79 surfaces Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
80 surfaces Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
81 surfaces Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
82 typography Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
83 typography Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
84 typography Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
85 typography Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
86 typography Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
87 workflow Narrow mobile 320 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
88 workflow Mobile 390 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
89 workflow Tablet 768 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
90 workflow Standard desktop 1024 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
91 workflow Wide desktop 1440 No page overflow; content-driven reflow; 44px controls; logical order Fixture test authored; execution blocked by pnpm/browser availability Pending
92 Cross-component 200% zoom Variable No clipped text, hidden actions, or unexpected horizontal page overflow Risk-based browser test authored where applicable Pending
93 Cross-component 400% zoom equivalent at 320 CSS px Variable No clipped text, hidden actions, or unexpected horizontal page overflow Risk-based browser test authored where applicable Pending
94 Cross-component Reduced viewport height Variable No clipped text, hidden actions, or unexpected horizontal page overflow Risk-based browser test authored where applicable Pending
95 Cross-component Landscape mobile Variable No clipped text, hidden actions, or unexpected horizontal page overflow Risk-based browser test authored where applicable Pending
@@ -0,0 +1,61 @@
Component,Layout,Content_order,Icon_behavior,Motion,Mixed_direction,Review_status
VisuallyHidden,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,Not applicable,Reviewed
BidiText,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
LiveRegion,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Icon,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,Directional icons mirror; universal/media/brand symbols remain fixed,Direction-aware only where meaning changes,Not applicable,Reviewed
Button,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,Directional icons mirror; universal/media/brand symbols remain fixed,Direction-aware only where meaning changes,Not applicable,Reviewed
ActionLink,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,Directional icons mirror; universal/media/brand symbols remain fixed,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
FormField,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
TextInput,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
TextArea,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Select,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Checkbox,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Radio,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Switch,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Fieldset,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
ErrorSummary,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Tabs,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
SegmentedControl,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Accordion,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,Directional icons mirror; universal/media/brand symbols remain fixed,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Pagination,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,Directional icons mirror; universal/media/brand symbols remain fixed,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Dialog,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
DropdownMenu,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Tooltip,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Alert,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Progress,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Spinner,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Skeleton,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
StateMessage,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
StatusBadge,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Card,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Panel,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Callout,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Heading,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Eyebrow,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Text,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Quote,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Breadcrumbs,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,Directional icons mirror; universal/media/brand symbols remain fixed,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
SectionNavigation,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
FooterLinkGroup,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
MediaFrame,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
ResponsiveImage,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
SectionHeader,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
FeatureCard,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
FeatureGrid,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
SplitContent,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
MetricStrip,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
LogoStripShell,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Workflow,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,Directional icons mirror; universal/media/brand symbols remain fixed,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Comparison,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Metric,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
EvidenceShell,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
CTA,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
ProductPreview,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
DemoForm,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
Toast,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
PricingCard,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
TestimonialContent,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
CustomerLogoContent,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
ApprovedProductCapture,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
LoginDestination,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
SalesDestination,Logical CSS properties; one DOM tree,Preserve semantic/process order; flex/grid follows document direction only where meaningful,No automatic mirroring,Direction-aware only where meaning changes,"Use BidiText for identifiers, email, phone, URL, plate and model codes",Reviewed
1 Component Layout Content_order Icon_behavior Motion Mixed_direction Review_status
2 VisuallyHidden Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Not applicable Reviewed
3 BidiText Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
4 LiveRegion Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
5 Icon Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful Directional icons mirror; universal/media/brand symbols remain fixed Direction-aware only where meaning changes Not applicable Reviewed
6 Button Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful Directional icons mirror; universal/media/brand symbols remain fixed Direction-aware only where meaning changes Not applicable Reviewed
7 ActionLink Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful Directional icons mirror; universal/media/brand symbols remain fixed Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
8 FormField Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
9 TextInput Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
10 TextArea Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
11 Select Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
12 Checkbox Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
13 Radio Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
14 Switch Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
15 Fieldset Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
16 ErrorSummary Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
17 Tabs Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
18 SegmentedControl Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
19 Accordion Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful Directional icons mirror; universal/media/brand symbols remain fixed Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
20 Pagination Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful Directional icons mirror; universal/media/brand symbols remain fixed Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
21 Dialog Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
22 DropdownMenu Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
23 Tooltip Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
24 Alert Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
25 Progress Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
26 Spinner Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
27 Skeleton Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
28 StateMessage Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
29 StatusBadge Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
30 Card Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
31 Panel Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
32 Callout Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
33 Heading Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
34 Eyebrow Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
35 Text Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
36 Quote Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
37 Breadcrumbs Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful Directional icons mirror; universal/media/brand symbols remain fixed Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
38 SectionNavigation Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
39 FooterLinkGroup Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
40 MediaFrame Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
41 ResponsiveImage Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
42 SectionHeader Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
43 FeatureCard Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
44 FeatureGrid Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
45 SplitContent Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
46 MetricStrip Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
47 LogoStripShell Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
48 Workflow Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful Directional icons mirror; universal/media/brand symbols remain fixed Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
49 Comparison Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
50 Metric Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
51 EvidenceShell Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
52 CTA Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
53 ProductPreview Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
54 DemoForm Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
55 Toast Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
56 PricingCard Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
57 TestimonialContent Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
58 CustomerLogoContent Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
59 ApprovedProductCapture Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
60 LoginDestination Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
61 SalesDestination Logical CSS properties; one DOM tree Preserve semantic/process order; flex/grid follows document direction only where meaningful No automatic mirroring Direction-aware only where meaning changes Use BidiText for identifiers, email, phone, URL, plate and model codes Reviewed
@@ -0,0 +1,3 @@
Fixture,Components,Locales,Themes,Widths,States,Location,Production_guard
Core component lab,"Actions, forms, tabs, accordion, dialog, menu, alerts, workflow, comparison, preview, evidence, CTA",en; fr; ar,light; dark; system,320; 390; 768; 1024; 1440,default; focus; disabled; loading; error; long-content; RTL,src/app/[locale]/component-lab,COMPONENT_FIXTURES_ENABLED=true
Deterministic content model,All component-lab copy and fictional IDs,en; fr; ar,N/A,N/A,long French; formal Arabic; mixed identifiers,src/content/development/component-lab.ts,Route guard
1 Fixture Components Locales Themes Widths States Location Production_guard
2 Core component lab Actions, forms, tabs, accordion, dialog, menu, alerts, workflow, comparison, preview, evidence, CTA en; fr; ar light; dark; system 320; 390; 768; 1024; 1440 default; focus; disabled; loading; error; long-content; RTL src/app/[locale]/component-lab COMPONENT_FIXTURES_ENABLED=true
3 Deterministic content model All component-lab copy and fictional IDs en; fr; ar N/A N/A long French; formal Arabic; mixed identifiers src/content/development/component-lab.ts Route guard
@@ -0,0 +1,9 @@
Test_type,Path,Coverage,Artifact_status,Execution_status
Unit,tests/unit/components/actions.test.tsx,Button loading/name; icon-only label; disabled destination,Authored,Not executed: package manager unavailable
Unit,tests/unit/components/controls.test.tsx,Tabs keyboard; accordion semantics,Authored,Not executed
Unit,tests/unit/components/forms.test.tsx,Label/help/error relationships; summary links,Authored,Not executed
Unit,tests/unit/components/evidence.test.tsx,Evidence production suppression,Authored,Not executed
Type-level,tests/types/component-contracts.test-d.tsx,Icon-only label and metric model,Authored,Not executed
Browser,tests/browser/component-system.spec.ts,Locale/RTL/reflow/keyboard/dialog focus,Authored,Not executed
Accessibility,tests/a11y/component-system.a11y.spec.ts,Axe on en/fr/ar fixture,Authored,Not executed
Visual,tests/visual/component-system.visual.spec.ts,"en-light, fr-dark, ar-dark/mobile",Authored,Baselines not generated or approved
1 Test_type Path Coverage Artifact_status Execution_status
2 Unit tests/unit/components/actions.test.tsx Button loading/name; icon-only label; disabled destination Authored Not executed: package manager unavailable
3 Unit tests/unit/components/controls.test.tsx Tabs keyboard; accordion semantics Authored Not executed
4 Unit tests/unit/components/forms.test.tsx Label/help/error relationships; summary links Authored Not executed
5 Unit tests/unit/components/evidence.test.tsx Evidence production suppression Authored Not executed
6 Type-level tests/types/component-contracts.test-d.tsx Icon-only label and metric model Authored Not executed
7 Browser tests/browser/component-system.spec.ts Locale/RTL/reflow/keyboard/dialog focus Authored Not executed
8 Accessibility tests/a11y/component-system.a11y.spec.ts Axe on en/fr/ar fixture Authored Not executed
9 Visual tests/visual/component-system.visual.spec.ts en-light, fr-dark, ar-dark/mobile Authored Baselines not generated or approved
+177
View File
@@ -0,0 +1,177 @@
Component,Status,Variant,Controlled_by,Production_restriction
VisuallyHidden,implemented,None,N/A,Blocked or excluded; see issue register
BidiText,implemented,None,N/A,Blocked or excluded; see issue register
LiveRegion,implemented,polite,Typed prop or semantic state,No arbitrary color or spacing override
LiveRegion,implemented,assertive,Typed prop or semantic state,No arbitrary color or spacing override
Icon,implemented,sm,Typed prop or semantic state,No arbitrary color or spacing override
Icon,implemented,md,Typed prop or semantic state,No arbitrary color or spacing override
Icon,implemented,lg,Typed prop or semantic state,No arbitrary color or spacing override
Icon,implemented,fixed,Typed prop or semantic state,No arbitrary color or spacing override
Icon,implemented,mirror,Typed prop or semantic state,No arbitrary color or spacing override
Button,implemented,primary,Typed prop or semantic state,No arbitrary color or spacing override
Button,implemented,conversion,Typed prop or semantic state,No arbitrary color or spacing override
Button,implemented,secondary,Typed prop or semantic state,No arbitrary color or spacing override
Button,implemented,tertiary,Typed prop or semantic state,No arbitrary color or spacing override
Button,implemented,ghost,Typed prop or semantic state,No arbitrary color or spacing override
Button,implemented,destructive,Typed prop or semantic state,No arbitrary color or spacing override
Button,implemented,link,Typed prop or semantic state,No arbitrary color or spacing override
Button,implemented,icon-only,Typed prop or semantic state,No arbitrary color or spacing override
Button,implemented,loading,Typed prop or semantic state,No arbitrary color or spacing override
ActionLink,implemented,inline,Typed prop or semantic state,No arbitrary color or spacing override
ActionLink,implemented,navigation,Typed prop or semantic state,No arbitrary color or spacing override
ActionLink,implemented,standalone,Typed prop or semantic state,No arbitrary color or spacing override
ActionLink,implemented,button-primary,Typed prop or semantic state,No arbitrary color or spacing override
ActionLink,implemented,button-conversion,Typed prop or semantic state,No arbitrary color or spacing override
ActionLink,implemented,muted,Typed prop or semantic state,No arbitrary color or spacing override
ActionLink,implemented,disabled,Typed prop or semantic state,No arbitrary color or spacing override
FormField,implemented,required,Typed prop or semantic state,No arbitrary color or spacing override
FormField,implemented,optional,Typed prop or semantic state,No arbitrary color or spacing override
FormField,implemented,supporting,Typed prop or semantic state,No arbitrary color or spacing override
FormField,implemented,error,Typed prop or semantic state,No arbitrary color or spacing override
TextInput,implemented,text,Typed prop or semantic state,No arbitrary color or spacing override
TextInput,implemented,email,Typed prop or semantic state,No arbitrary color or spacing override
TextInput,implemented,telephone,Typed prop or semantic state,No arbitrary color or spacing override
TextInput,implemented,url,Typed prop or semantic state,No arbitrary color or spacing override
TextInput,implemented,search,Typed prop or semantic state,No arbitrary color or spacing override
TextInput,implemented,invalid,Typed prop or semantic state,No arbitrary color or spacing override
TextInput,implemented,disabled,Typed prop or semantic state,No arbitrary color or spacing override
TextArea,implemented,default,Typed prop or semantic state,No arbitrary color or spacing override
TextArea,implemented,character-count,Typed prop or semantic state,No arbitrary color or spacing override
TextArea,implemented,invalid,Typed prop or semantic state,No arbitrary color or spacing override
TextArea,implemented,disabled,Typed prop or semantic state,No arbitrary color or spacing override
Select,implemented,default,Typed prop or semantic state,No arbitrary color or spacing override
Select,implemented,invalid,Typed prop or semantic state,No arbitrary color or spacing override
Select,implemented,disabled,Typed prop or semantic state,No arbitrary color or spacing override
Checkbox,implemented,default,Typed prop or semantic state,No arbitrary color or spacing override
Checkbox,implemented,checked,Typed prop or semantic state,No arbitrary color or spacing override
Checkbox,implemented,invalid,Typed prop or semantic state,No arbitrary color or spacing override
Checkbox,implemented,disabled,Typed prop or semantic state,No arbitrary color or spacing override
Radio,implemented,default,Typed prop or semantic state,No arbitrary color or spacing override
Radio,implemented,checked,Typed prop or semantic state,No arbitrary color or spacing override
Radio,implemented,invalid,Typed prop or semantic state,No arbitrary color or spacing override
Radio,implemented,disabled,Typed prop or semantic state,No arbitrary color or spacing override
Switch,implemented,on,Typed prop or semantic state,No arbitrary color or spacing override
Switch,implemented,off,Typed prop or semantic state,No arbitrary color or spacing override
Switch,implemented,disabled,Typed prop or semantic state,No arbitrary color or spacing override
Fieldset,implemented,default,Typed prop or semantic state,No arbitrary color or spacing override
ErrorSummary,implemented,error-list,Typed prop or semantic state,No arbitrary color or spacing override
Tabs,implemented,automatic,Typed prop or semantic state,No arbitrary color or spacing override
Tabs,implemented,manual,Typed prop or semantic state,No arbitrary color or spacing override
Tabs,implemented,disabled-tab,Typed prop or semantic state,No arbitrary color or spacing override
SegmentedControl,implemented,selected,Typed prop or semantic state,No arbitrary color or spacing override
SegmentedControl,implemented,disabled,Typed prop or semantic state,No arbitrary color or spacing override
Accordion,implemented,open,Typed prop or semantic state,No arbitrary color or spacing override
Accordion,implemented,closed,Typed prop or semantic state,No arbitrary color or spacing override
Pagination,implemented,current,Typed prop or semantic state,No arbitrary color or spacing override
Pagination,implemented,previous,Typed prop or semantic state,No arbitrary color or spacing override
Pagination,implemented,next,Typed prop or semantic state,No arbitrary color or spacing override
Dialog,implemented,modal,Typed prop or semantic state,No arbitrary color or spacing override
Dialog,implemented,drawer,Typed prop or semantic state,No arbitrary color or spacing override
Dialog,implemented,dismissible,Typed prop or semantic state,No arbitrary color or spacing override
Dialog,implemented,non-dismissible,Typed prop or semantic state,No arbitrary color or spacing override
DropdownMenu,implemented,open,Typed prop or semantic state,No arbitrary color or spacing override
DropdownMenu,implemented,closed,Typed prop or semantic state,No arbitrary color or spacing override
DropdownMenu,implemented,disabled-item,Typed prop or semantic state,No arbitrary color or spacing override
DropdownMenu,implemented,destructive-item,Typed prop or semantic state,No arbitrary color or spacing override
Tooltip,implemented,hover,Typed prop or semantic state,No arbitrary color or spacing override
Tooltip,implemented,focus,Typed prop or semantic state,No arbitrary color or spacing override
Alert,implemented,info,Typed prop or semantic state,No arbitrary color or spacing override
Alert,implemented,success,Typed prop or semantic state,No arbitrary color or spacing override
Alert,implemented,warning,Typed prop or semantic state,No arbitrary color or spacing override
Alert,implemented,error,Typed prop or semantic state,No arbitrary color or spacing override
Alert,implemented,inline,Typed prop or semantic state,No arbitrary color or spacing override
Progress,implemented,determinate,Typed prop or semantic state,No arbitrary color or spacing override
Progress,implemented,indeterminate,Typed prop or semantic state,No arbitrary color or spacing override
Spinner,implemented,loading,Typed prop or semantic state,No arbitrary color or spacing override
Skeleton,implemented,single-line,Typed prop or semantic state,No arbitrary color or spacing override
Skeleton,implemented,multi-line,Typed prop or semantic state,No arbitrary color or spacing override
Skeleton,implemented,reduced-motion,Typed prop or semantic state,No arbitrary color or spacing override
StateMessage,implemented,empty,Typed prop or semantic state,No arbitrary color or spacing override
StateMessage,implemented,error,Typed prop or semantic state,No arbitrary color or spacing override
StateMessage,implemented,success,Typed prop or semantic state,No arbitrary color or spacing override
StateMessage,implemented,information,Typed prop or semantic state,No arbitrary color or spacing override
StatusBadge,implemented,neutral,Typed prop or semantic state,No arbitrary color or spacing override
StatusBadge,implemented,info,Typed prop or semantic state,No arbitrary color or spacing override
StatusBadge,implemented,success,Typed prop or semantic state,No arbitrary color or spacing override
StatusBadge,implemented,warning,Typed prop or semantic state,No arbitrary color or spacing override
StatusBadge,implemented,error,Typed prop or semantic state,No arbitrary color or spacing override
Card,implemented,default,Typed prop or semantic state,No arbitrary color or spacing override
Card,implemented,muted,Typed prop or semantic state,No arbitrary color or spacing override
Card,implemented,elevated,Typed prop or semantic state,No arbitrary color or spacing override
Card,implemented,strong,Typed prop or semantic state,No arbitrary color or spacing override
Card,implemented,interactive,Typed prop or semantic state,No arbitrary color or spacing override
Panel,implemented,default,Typed prop or semantic state,No arbitrary color or spacing override
Panel,implemented,muted,Typed prop or semantic state,No arbitrary color or spacing override
Panel,implemented,elevated,Typed prop or semantic state,No arbitrary color or spacing override
Panel,implemented,strong,Typed prop or semantic state,No arbitrary color or spacing override
Callout,implemented,information,Typed prop or semantic state,No arbitrary color or spacing override
Heading,implemented,display,Typed prop or semantic state,No arbitrary color or spacing override
Heading,implemented,section,Typed prop or semantic state,No arbitrary color or spacing override
Heading,implemented,subheading,Typed prop or semantic state,No arbitrary color or spacing override
Heading,implemented,levels-1-6,Typed prop or semantic state,No arbitrary color or spacing override
Eyebrow,implemented,default,Typed prop or semantic state,No arbitrary color or spacing override
Text,implemented,lead,Typed prop or semantic state,No arbitrary color or spacing override
Text,implemented,body,Typed prop or semantic state,No arbitrary color or spacing override
Text,implemented,supporting,Typed prop or semantic state,No arbitrary color or spacing override
Text,implemented,caption,Typed prop or semantic state,No arbitrary color or spacing override
Text,implemented,label,Typed prop or semantic state,No arbitrary color or spacing override
Quote,implemented,with-citation,Typed prop or semantic state,No arbitrary color or spacing override
Quote,implemented,without-citation,Typed prop or semantic state,No arbitrary color or spacing override
Breadcrumbs,implemented,current-page,Typed prop or semantic state,No arbitrary color or spacing override
SectionNavigation,implemented,current-location,Typed prop or semantic state,No arbitrary color or spacing override
SectionNavigation,implemented,overflow,Typed prop or semantic state,No arbitrary color or spacing override
FooterLinkGroup,implemented,resolved,Typed prop or semantic state,No arbitrary color or spacing override
FooterLinkGroup,implemented,disabled,Typed prop or semantic state,No arbitrary color or spacing override
MediaFrame,implemented,square,Typed prop or semantic state,No arbitrary color or spacing override
MediaFrame,implemented,landscape,Typed prop or semantic state,No arbitrary color or spacing override
MediaFrame,implemented,wide,Typed prop or semantic state,No arbitrary color or spacing override
MediaFrame,implemented,portrait,Typed prop or semantic state,No arbitrary color or spacing override
MediaFrame,implemented,auto,Typed prop or semantic state,No arbitrary color or spacing override
MediaFrame,implemented,captioned,Typed prop or semantic state,No arbitrary color or spacing override
MediaFrame,implemented,decorative,Typed prop or semantic state,No arbitrary color or spacing override
ResponsiveImage,implemented,meaningful,Typed prop or semantic state,No arbitrary color or spacing override
ResponsiveImage,implemented,decorative,Typed prop or semantic state,No arbitrary color or spacing override
ResponsiveImage,implemented,captioned,Typed prop or semantic state,No arbitrary color or spacing override
SectionHeader,implemented,start,Typed prop or semantic state,No arbitrary color or spacing override
SectionHeader,implemented,center,Typed prop or semantic state,No arbitrary color or spacing override
FeatureCard,implemented,default,Typed prop or semantic state,No arbitrary color or spacing override
FeatureCard,implemented,primary,Typed prop or semantic state,No arbitrary color or spacing override
FeatureCard,implemented,muted,Typed prop or semantic state,No arbitrary color or spacing override
FeatureGrid,implemented,responsive-grid,Typed prop or semantic state,No arbitrary color or spacing override
SplitContent,implemented,default,Typed prop or semantic state,No arbitrary color or spacing override
SplitContent,implemented,reverse,Typed prop or semantic state,No arbitrary color or spacing override
MetricStrip,implemented,responsive-strip,Typed prop or semantic state,No arbitrary color or spacing override
LogoStripShell,implemented,empty-shell,Typed prop or semantic state,No arbitrary color or spacing override
LogoStripShell,implemented,content,Typed prop or semantic state,No arbitrary color or spacing override
Workflow,implemented,numbered,Typed prop or semantic state,No arbitrary color or spacing override
Workflow,implemented,icon,Typed prop or semantic state,No arbitrary color or spacing override
Workflow,implemented,stacked,Typed prop or semantic state,No arbitrary color or spacing override
Workflow,implemented,horizontal,Typed prop or semantic state,No arbitrary color or spacing override
Comparison,implemented,problem-solution,Typed prop or semantic state,No arbitrary color or spacing override
Comparison,implemented,stacked,Typed prop or semantic state,No arbitrary color or spacing override
Comparison,implemented,two-column,Typed prop or semantic state,No arbitrary color or spacing override
Metric,implemented,approved,Typed prop or semantic state,No arbitrary color or spacing override
Metric,implemented,pending-review,Typed prop or semantic state,No arbitrary color or spacing override
Metric,implemented,research-only,Typed prop or semantic state,No arbitrary color or spacing override
Metric,implemented,prohibited,Typed prop or semantic state,No arbitrary color or spacing override
EvidenceShell,implemented,approved,Typed prop or semantic state,No arbitrary color or spacing override
EvidenceShell,implemented,pending-review,Typed prop or semantic state,No arbitrary color or spacing override
EvidenceShell,implemented,research-only,Typed prop or semantic state,No arbitrary color or spacing override
EvidenceShell,implemented,prohibited,Typed prop or semantic state,No arbitrary color or spacing override
CTA,implemented,inline,Typed prop or semantic state,No arbitrary color or spacing override
CTA,implemented,card,Typed prop or semantic state,No arbitrary color or spacing override
CTA,implemented,section,Typed prop or semantic state,No arbitrary color or spacing override
CTA,implemented,primary-only,Typed prop or semantic state,No arbitrary color or spacing override
CTA,implemented,dual-action,Typed prop or semantic state,No arbitrary color or spacing override
CTA,implemented,disabled-destination,Typed prop or semantic state,No arbitrary color or spacing override
ProductPreview,implemented,illustrative,Typed prop or semantic state,No arbitrary color or spacing override
ProductPreview,implemented,empty,Typed prop or semantic state,No arbitrary color or spacing override
ProductPreview,implemented,responsive-table,Typed prop or semantic state,No arbitrary color or spacing override
DemoForm,blocked,None,N/A,Blocked or excluded; see issue register
Toast,excluded,None,N/A,Blocked or excluded; see issue register
PricingCard,blocked,None,N/A,Blocked or excluded; see issue register
TestimonialContent,blocked,None,N/A,Blocked or excluded; see issue register
CustomerLogoContent,blocked,None,N/A,Blocked or excluded; see issue register
ApprovedProductCapture,blocked,None,N/A,Blocked or excluded; see issue register
LoginDestination,blocked,None,N/A,Blocked or excluded; see issue register
SalesDestination,blocked,None,N/A,Blocked or excluded; see issue register
1 Component Status Variant Controlled_by Production_restriction
2 VisuallyHidden implemented None N/A Blocked or excluded; see issue register
3 BidiText implemented None N/A Blocked or excluded; see issue register
4 LiveRegion implemented polite Typed prop or semantic state No arbitrary color or spacing override
5 LiveRegion implemented assertive Typed prop or semantic state No arbitrary color or spacing override
6 Icon implemented sm Typed prop or semantic state No arbitrary color or spacing override
7 Icon implemented md Typed prop or semantic state No arbitrary color or spacing override
8 Icon implemented lg Typed prop or semantic state No arbitrary color or spacing override
9 Icon implemented fixed Typed prop or semantic state No arbitrary color or spacing override
10 Icon implemented mirror Typed prop or semantic state No arbitrary color or spacing override
11 Button implemented primary Typed prop or semantic state No arbitrary color or spacing override
12 Button implemented conversion Typed prop or semantic state No arbitrary color or spacing override
13 Button implemented secondary Typed prop or semantic state No arbitrary color or spacing override
14 Button implemented tertiary Typed prop or semantic state No arbitrary color or spacing override
15 Button implemented ghost Typed prop or semantic state No arbitrary color or spacing override
16 Button implemented destructive Typed prop or semantic state No arbitrary color or spacing override
17 Button implemented link Typed prop or semantic state No arbitrary color or spacing override
18 Button implemented icon-only Typed prop or semantic state No arbitrary color or spacing override
19 Button implemented loading Typed prop or semantic state No arbitrary color or spacing override
20 ActionLink implemented inline Typed prop or semantic state No arbitrary color or spacing override
21 ActionLink implemented navigation Typed prop or semantic state No arbitrary color or spacing override
22 ActionLink implemented standalone Typed prop or semantic state No arbitrary color or spacing override
23 ActionLink implemented button-primary Typed prop or semantic state No arbitrary color or spacing override
24 ActionLink implemented button-conversion Typed prop or semantic state No arbitrary color or spacing override
25 ActionLink implemented muted Typed prop or semantic state No arbitrary color or spacing override
26 ActionLink implemented disabled Typed prop or semantic state No arbitrary color or spacing override
27 FormField implemented required Typed prop or semantic state No arbitrary color or spacing override
28 FormField implemented optional Typed prop or semantic state No arbitrary color or spacing override
29 FormField implemented supporting Typed prop or semantic state No arbitrary color or spacing override
30 FormField implemented error Typed prop or semantic state No arbitrary color or spacing override
31 TextInput implemented text Typed prop or semantic state No arbitrary color or spacing override
32 TextInput implemented email Typed prop or semantic state No arbitrary color or spacing override
33 TextInput implemented telephone Typed prop or semantic state No arbitrary color or spacing override
34 TextInput implemented url Typed prop or semantic state No arbitrary color or spacing override
35 TextInput implemented search Typed prop or semantic state No arbitrary color or spacing override
36 TextInput implemented invalid Typed prop or semantic state No arbitrary color or spacing override
37 TextInput implemented disabled Typed prop or semantic state No arbitrary color or spacing override
38 TextArea implemented default Typed prop or semantic state No arbitrary color or spacing override
39 TextArea implemented character-count Typed prop or semantic state No arbitrary color or spacing override
40 TextArea implemented invalid Typed prop or semantic state No arbitrary color or spacing override
41 TextArea implemented disabled Typed prop or semantic state No arbitrary color or spacing override
42 Select implemented default Typed prop or semantic state No arbitrary color or spacing override
43 Select implemented invalid Typed prop or semantic state No arbitrary color or spacing override
44 Select implemented disabled Typed prop or semantic state No arbitrary color or spacing override
45 Checkbox implemented default Typed prop or semantic state No arbitrary color or spacing override
46 Checkbox implemented checked Typed prop or semantic state No arbitrary color or spacing override
47 Checkbox implemented invalid Typed prop or semantic state No arbitrary color or spacing override
48 Checkbox implemented disabled Typed prop or semantic state No arbitrary color or spacing override
49 Radio implemented default Typed prop or semantic state No arbitrary color or spacing override
50 Radio implemented checked Typed prop or semantic state No arbitrary color or spacing override
51 Radio implemented invalid Typed prop or semantic state No arbitrary color or spacing override
52 Radio implemented disabled Typed prop or semantic state No arbitrary color or spacing override
53 Switch implemented on Typed prop or semantic state No arbitrary color or spacing override
54 Switch implemented off Typed prop or semantic state No arbitrary color or spacing override
55 Switch implemented disabled Typed prop or semantic state No arbitrary color or spacing override
56 Fieldset implemented default Typed prop or semantic state No arbitrary color or spacing override
57 ErrorSummary implemented error-list Typed prop or semantic state No arbitrary color or spacing override
58 Tabs implemented automatic Typed prop or semantic state No arbitrary color or spacing override
59 Tabs implemented manual Typed prop or semantic state No arbitrary color or spacing override
60 Tabs implemented disabled-tab Typed prop or semantic state No arbitrary color or spacing override
61 SegmentedControl implemented selected Typed prop or semantic state No arbitrary color or spacing override
62 SegmentedControl implemented disabled Typed prop or semantic state No arbitrary color or spacing override
63 Accordion implemented open Typed prop or semantic state No arbitrary color or spacing override
64 Accordion implemented closed Typed prop or semantic state No arbitrary color or spacing override
65 Pagination implemented current Typed prop or semantic state No arbitrary color or spacing override
66 Pagination implemented previous Typed prop or semantic state No arbitrary color or spacing override
67 Pagination implemented next Typed prop or semantic state No arbitrary color or spacing override
68 Dialog implemented modal Typed prop or semantic state No arbitrary color or spacing override
69 Dialog implemented drawer Typed prop or semantic state No arbitrary color or spacing override
70 Dialog implemented dismissible Typed prop or semantic state No arbitrary color or spacing override
71 Dialog implemented non-dismissible Typed prop or semantic state No arbitrary color or spacing override
72 DropdownMenu implemented open Typed prop or semantic state No arbitrary color or spacing override
73 DropdownMenu implemented closed Typed prop or semantic state No arbitrary color or spacing override
74 DropdownMenu implemented disabled-item Typed prop or semantic state No arbitrary color or spacing override
75 DropdownMenu implemented destructive-item Typed prop or semantic state No arbitrary color or spacing override
76 Tooltip implemented hover Typed prop or semantic state No arbitrary color or spacing override
77 Tooltip implemented focus Typed prop or semantic state No arbitrary color or spacing override
78 Alert implemented info Typed prop or semantic state No arbitrary color or spacing override
79 Alert implemented success Typed prop or semantic state No arbitrary color or spacing override
80 Alert implemented warning Typed prop or semantic state No arbitrary color or spacing override
81 Alert implemented error Typed prop or semantic state No arbitrary color or spacing override
82 Alert implemented inline Typed prop or semantic state No arbitrary color or spacing override
83 Progress implemented determinate Typed prop or semantic state No arbitrary color or spacing override
84 Progress implemented indeterminate Typed prop or semantic state No arbitrary color or spacing override
85 Spinner implemented loading Typed prop or semantic state No arbitrary color or spacing override
86 Skeleton implemented single-line Typed prop or semantic state No arbitrary color or spacing override
87 Skeleton implemented multi-line Typed prop or semantic state No arbitrary color or spacing override
88 Skeleton implemented reduced-motion Typed prop or semantic state No arbitrary color or spacing override
89 StateMessage implemented empty Typed prop or semantic state No arbitrary color or spacing override
90 StateMessage implemented error Typed prop or semantic state No arbitrary color or spacing override
91 StateMessage implemented success Typed prop or semantic state No arbitrary color or spacing override
92 StateMessage implemented information Typed prop or semantic state No arbitrary color or spacing override
93 StatusBadge implemented neutral Typed prop or semantic state No arbitrary color or spacing override
94 StatusBadge implemented info Typed prop or semantic state No arbitrary color or spacing override
95 StatusBadge implemented success Typed prop or semantic state No arbitrary color or spacing override
96 StatusBadge implemented warning Typed prop or semantic state No arbitrary color or spacing override
97 StatusBadge implemented error Typed prop or semantic state No arbitrary color or spacing override
98 Card implemented default Typed prop or semantic state No arbitrary color or spacing override
99 Card implemented muted Typed prop or semantic state No arbitrary color or spacing override
100 Card implemented elevated Typed prop or semantic state No arbitrary color or spacing override
101 Card implemented strong Typed prop or semantic state No arbitrary color or spacing override
102 Card implemented interactive Typed prop or semantic state No arbitrary color or spacing override
103 Panel implemented default Typed prop or semantic state No arbitrary color or spacing override
104 Panel implemented muted Typed prop or semantic state No arbitrary color or spacing override
105 Panel implemented elevated Typed prop or semantic state No arbitrary color or spacing override
106 Panel implemented strong Typed prop or semantic state No arbitrary color or spacing override
107 Callout implemented information Typed prop or semantic state No arbitrary color or spacing override
108 Heading implemented display Typed prop or semantic state No arbitrary color or spacing override
109 Heading implemented section Typed prop or semantic state No arbitrary color or spacing override
110 Heading implemented subheading Typed prop or semantic state No arbitrary color or spacing override
111 Heading implemented levels-1-6 Typed prop or semantic state No arbitrary color or spacing override
112 Eyebrow implemented default Typed prop or semantic state No arbitrary color or spacing override
113 Text implemented lead Typed prop or semantic state No arbitrary color or spacing override
114 Text implemented body Typed prop or semantic state No arbitrary color or spacing override
115 Text implemented supporting Typed prop or semantic state No arbitrary color or spacing override
116 Text implemented caption Typed prop or semantic state No arbitrary color or spacing override
117 Text implemented label Typed prop or semantic state No arbitrary color or spacing override
118 Quote implemented with-citation Typed prop or semantic state No arbitrary color or spacing override
119 Quote implemented without-citation Typed prop or semantic state No arbitrary color or spacing override
120 Breadcrumbs implemented current-page Typed prop or semantic state No arbitrary color or spacing override
121 SectionNavigation implemented current-location Typed prop or semantic state No arbitrary color or spacing override
122 SectionNavigation implemented overflow Typed prop or semantic state No arbitrary color or spacing override
123 FooterLinkGroup implemented resolved Typed prop or semantic state No arbitrary color or spacing override
124 FooterLinkGroup implemented disabled Typed prop or semantic state No arbitrary color or spacing override
125 MediaFrame implemented square Typed prop or semantic state No arbitrary color or spacing override
126 MediaFrame implemented landscape Typed prop or semantic state No arbitrary color or spacing override
127 MediaFrame implemented wide Typed prop or semantic state No arbitrary color or spacing override
128 MediaFrame implemented portrait Typed prop or semantic state No arbitrary color or spacing override
129 MediaFrame implemented auto Typed prop or semantic state No arbitrary color or spacing override
130 MediaFrame implemented captioned Typed prop or semantic state No arbitrary color or spacing override
131 MediaFrame implemented decorative Typed prop or semantic state No arbitrary color or spacing override
132 ResponsiveImage implemented meaningful Typed prop or semantic state No arbitrary color or spacing override
133 ResponsiveImage implemented decorative Typed prop or semantic state No arbitrary color or spacing override
134 ResponsiveImage implemented captioned Typed prop or semantic state No arbitrary color or spacing override
135 SectionHeader implemented start Typed prop or semantic state No arbitrary color or spacing override
136 SectionHeader implemented center Typed prop or semantic state No arbitrary color or spacing override
137 FeatureCard implemented default Typed prop or semantic state No arbitrary color or spacing override
138 FeatureCard implemented primary Typed prop or semantic state No arbitrary color or spacing override
139 FeatureCard implemented muted Typed prop or semantic state No arbitrary color or spacing override
140 FeatureGrid implemented responsive-grid Typed prop or semantic state No arbitrary color or spacing override
141 SplitContent implemented default Typed prop or semantic state No arbitrary color or spacing override
142 SplitContent implemented reverse Typed prop or semantic state No arbitrary color or spacing override
143 MetricStrip implemented responsive-strip Typed prop or semantic state No arbitrary color or spacing override
144 LogoStripShell implemented empty-shell Typed prop or semantic state No arbitrary color or spacing override
145 LogoStripShell implemented content Typed prop or semantic state No arbitrary color or spacing override
146 Workflow implemented numbered Typed prop or semantic state No arbitrary color or spacing override
147 Workflow implemented icon Typed prop or semantic state No arbitrary color or spacing override
148 Workflow implemented stacked Typed prop or semantic state No arbitrary color or spacing override
149 Workflow implemented horizontal Typed prop or semantic state No arbitrary color or spacing override
150 Comparison implemented problem-solution Typed prop or semantic state No arbitrary color or spacing override
151 Comparison implemented stacked Typed prop or semantic state No arbitrary color or spacing override
152 Comparison implemented two-column Typed prop or semantic state No arbitrary color or spacing override
153 Metric implemented approved Typed prop or semantic state No arbitrary color or spacing override
154 Metric implemented pending-review Typed prop or semantic state No arbitrary color or spacing override
155 Metric implemented research-only Typed prop or semantic state No arbitrary color or spacing override
156 Metric implemented prohibited Typed prop or semantic state No arbitrary color or spacing override
157 EvidenceShell implemented approved Typed prop or semantic state No arbitrary color or spacing override
158 EvidenceShell implemented pending-review Typed prop or semantic state No arbitrary color or spacing override
159 EvidenceShell implemented research-only Typed prop or semantic state No arbitrary color or spacing override
160 EvidenceShell implemented prohibited Typed prop or semantic state No arbitrary color or spacing override
161 CTA implemented inline Typed prop or semantic state No arbitrary color or spacing override
162 CTA implemented card Typed prop or semantic state No arbitrary color or spacing override
163 CTA implemented section Typed prop or semantic state No arbitrary color or spacing override
164 CTA implemented primary-only Typed prop or semantic state No arbitrary color or spacing override
165 CTA implemented dual-action Typed prop or semantic state No arbitrary color or spacing override
166 CTA implemented disabled-destination Typed prop or semantic state No arbitrary color or spacing override
167 ProductPreview implemented illustrative Typed prop or semantic state No arbitrary color or spacing override
168 ProductPreview implemented empty Typed prop or semantic state No arbitrary color or spacing override
169 ProductPreview implemented responsive-table Typed prop or semantic state No arbitrary color or spacing override
170 DemoForm blocked None N/A Blocked or excluded; see issue register
171 Toast excluded None N/A Blocked or excluded; see issue register
172 PricingCard blocked None N/A Blocked or excluded; see issue register
173 TestimonialContent blocked None N/A Blocked or excluded; see issue register
174 CustomerLogoContent blocked None N/A Blocked or excluded; see issue register
175 ApprovedProductCapture blocked None N/A Blocked or excluded; see issue register
176 LoginDestination blocked None N/A Blocked or excluded; see issue register
177 SalesDestination blocked None N/A Blocked or excluded; see issue register