root
3.9 KiB
3.9 KiB
| 1 | Component | RTL_layout | Mirroring | Theme_behavior | Required_variants |
|---|---|---|---|---|---|
| 2 | SiteHeader | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 3 | MobileDrawer | Use logical CSS; start alignment; one DOM tree. | Drawer origin and slide transform mirror. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 4 | LocaleSelector | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 5 | ThemeSelector | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 6 | HeroSection | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 7 | ProductPreview | Use logical CSS; start alignment; one DOM tree. | Coded preview may reflow in RTL. Captured screenshots never mirror. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 8 | LifecycleProof | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 9 | ComparisonSection | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 10 | WorkflowSteps | Use logical CSS; start alignment; one DOM tree. | Mirror directional arrows/connectors only; do not mirror check, vehicle, globe, or media icons. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 11 | RoleCards | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 12 | ModuleGrid | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 13 | MeasurementPlan | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 14 | IntegrationCategories | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 15 | SecurityChecklist | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 16 | PricingPreview | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 17 | FAQAccordion | Use logical CSS; start alignment; one DOM tree. | Mirror directional arrows/connectors only; do not mirror check, vehicle, globe, or media icons. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 18 | FinalCTA | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 19 | SiteFooter | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 20 | DemoDialog | Use logical CSS; start alignment; one DOM tree. | None by default. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |
| 21 | ProductTourDialog | Use logical CSS; start alignment; one DOM tree. | Mirror directional arrows/connectors only; do not mirror check, vehicle, globe, or media icons. | Consume semantic tokens; no component-owned theme palette. | Test en-light, fr-dark, ar-light, ar-dark |