Component Changes — Figma Re-sync 2026-06-10

Updated: 2026-06-26 · Audited: 2026-06-26 · Source: Figma ALPA mobile app 20260610 (file psH738AqHDxuMyFm897f9r, canvas 4001:15)

Prior spec: figma-component-specs.json (19 component symbols). Full rationale: figma-revision-2026-06-10-capture.html. Applied to this changelog + figma-component-specs.json (_resync manifest + deprecation markers). Per-component HTML spec edits gated on Presentation Extraction AB#2087.

Summary

The revised design carries 34 component masters (+ screen frames). Net effect vs the prior 19-spec: 3 dropped, 15 retained/renamed, 19 new masters, plus several masters folded into variants rather than becoming new components. Decisions D12–D14 (+ a D9 amendment) were taken. The library is re-tiered (atoms → primitives → containers → nav chrome → page templates → domain controls); screens are out of the library (D14).

Tier Model

Dispositions — All 34 Masters

Instances-only / masters outside this canvas (still live): card-lg → Card (Large size variant + CardHero provenance) · card-sm → CardSmall (D4) · flight card (4348:4002, 5 variant states) → Flight Card domain control · card-duty period-alt (4617:13876, 3 variant states) → Duty Period domain control · CardHero ← homepage hero master / Interior Page Hero · Button Group ← Button Group - Leading/Trailing.

Dropped (3) — 0 Occurrences in Revised File

Marked "deprecated": true in figma-component-specs.json (non-destructive — structure retained for provenance).

Folded into Variants (No New Component)

• Size — card-md/card-lg/button-sm → Card/Button + a Variant enum (D12; SDUI sets the type).
• card-notification → Card layout variant (image placement = visual, not structural). Axes orthogonal: Size ⟂ Layout ⟂ state.
• btn-pulldown / btn-sort&filter / horizontal button with icon → Button variants (D3).
• Tablet (*-tablet) → responsive variants, handled at implementation — not components.

New Components Admitted to the Library

• Nav chrome: Top Navigation, Nav Controls, Navigation Drawer (+ Segmented Control, Bottom Navigation)
• Atoms: NavItem (3 variants), Info Block, Badge, Endpoint, Logo, Back
• Primitives: Form Field, Progress Bar, Section Title
• Templates: Page Template, Interior Template, Feed Template
• Domain controls (D11, compose scaffolds): Flight Card, Flight Segment, Flight Detail, Duty Period

Renames / Alignments

horizontal scrolling feed → Carousel · navBar-bottom → Bottom Navigation · tab group → Segmented Control · Master Form Field → Form Field (drop the Figma "Master" artifact) · CardHero / Button Group mapped to their new Figma names. slider reclassified as the Carousel scroll-indicator sub-control (not the Carousel) — carousel-property-mapping.html correction pending (§10).

Decisions Taken

• D12 — size variants → concrete Variant enum (SDUI-set); themeable CSS via typed ComponentStyle tokens (no magic strings); MEC theme = IOptionsMonitor<MecThemeOptions>; IThemeResolver emits the CSS class only at the view edge.
• D13 — vendor strategy: build design-system primitives from scratch (own DOM + CSS variables); vendor only for complex controls, wrapped behind own component+VM; single CSS-variable theming vector; MudBlazor optional/wrapped, not the theming system.
• D14 — component library is a MAUI-free RCL (plain net10.0), consumed by both the Hybrid host and the RemoteHost/SDUI. = Presentation Extraction (#2087). Screens stay app-side.
• D9 amended — Segmented Control adopted (scoped exception) — clearest, matches the design tokens, disambiguates from Bottom Navigation.

Full rationale in capture §5. See naming-decisions-record.html for the complete D1–D14 record.

Designer Annotations (verbatim in capture §6)

Architecture-level: overlay- frames are modal sheets, not routes; one card serves both notification tabs (comms variant); MEC theming = restyle, don't rebuild; flight cards carry a hidden detail expanded layer; swipe state is a static depiction; Segmented Control drives in-screen tab switching; progress bars use a gradient-fill style. Generic UI-kit boilerplate is flagged as non-ALPA.

Design-Token Changes (2026-06-10 Re-sync)

design-tokens.html was sourced from the old file and was stale. Re-synced from the revised file (get_variable_defs). Changes:

• New semantic token layer — Text/*, Surface/*, Border/*, Interactive/*, UI/*, Status/* over the raw palette. Maps to D12's ComponentStyle/ThemeColor and the --alpa-* CSS custom properties.
• New colors: Status/On-time #00ea75 (green; Badge "on-time") · MEC brand United Brand/Blue-500 #0008ce (per-MEC theming, D12) · Component Stroke #6155f5 (selection) · UI/form borders #e7e7e7, Text/Disabled #d2d4d6, iOS Labels/Primary|Secondary, Toggle AX-off #b3b3b3, Blue scale 100–900.
• Spacing scale (new): xtiny 4 · xxsmall 12 · small 20 · large 28 · xxlarge 40 + Page Columns 8 + form padding/gaps + Border Radius/S 0.
• Typography: new Form Field family (Inter) + input label/text; new Caption (Inter); body/l 20 (new); body/s changed 16→12; composite styles with explicit letter-spacing. Families: Futura PT (body), Lora (heading), Inter (eyebrow/caption/form), Futura LT Pro (nav/button).
• Dimensions: marked search bar DEPRECATED; re-scoped slider as the Carousel scroll-indicator.
• Figma data quirk: bg-main = "#F5F7FA," (trailing comma) — corrected in the doc; flag to design.

Per-component Spec Diff — Preview Impact

• ✅ card-md — eyebrow 12 · title Display/S 20 · body Body/M 18 — matches docs.
• ✅ flight segment card — date/endpoints body/m 18; "Flight Time" is a raw 16px and airlines a raw 14px (literal values that still exist in the revised design) — docs correct, not stale.
• ⚠️ card-lg → Card + CardHero — CHANGED: description 16→18px (Body/M; solid) and title 28→20px (Display/S; flagged for designer confirm — the inspected master 4033:1436 is 519px-wide, so the hero-title shrink could be a variant/context artifact). Previews updated (with red "(confirm)" notes) in design-tokens.html, card-hero/card-hero-component.html, and card/card-component.html.
• New components (Badge on-time/delayed, Form Field) need new previews — tracked in new-components-2026-06-10.html, built at AB#2087.

Status of Pending Edits (§10)