🚧 [WIP] Dialog 4 layer specs#7778

Draft

lukasoppermann wants to merge 23 commits intomainfrom

dialog-4-layer-specs

Commits on Apr 27, 2026

Add Dialog 4-layer component spec

lukasoppermann
and
Copilot
committed
Move Dialog spec to experimental/Dialog/Dialog.spec.md

lukasoppermann
and
Copilot
committed
Update spec to prop-getters (L3), add architecture decisions file

lukasoppermann
and
Copilot
committed
Implement 4-layer Dialog: hooks, foundation, parts, exports

lukasoppermann
and
Copilot
committed
Fix: merge forwardRef in Dialog.Root, guard native close event

lukasoppermann
and
Copilot
committed
Fix CloseButton TypeScript error, simplify props interface

lukasoppermann
and
Copilot
committed
Add tests for useScrollLock and useDialogFoundation

lukasoppermann
and
Copilot
committed
Add Layer 1 ReadyMadeDialog and Storybook stories for all layers

lukasoppermann
and
Copilot
committed
Fix dialog shadow clipping by setting overflow: visible on Root

lukasoppermann
and
Copilot
committed
Fix backdrop color: use :where() in foundation reset for zero specificity

lukasoppermann
and
Copilot
committed
Rename: ReadyMadeDialog → Dialog, Dialog → DialogParts

lukasoppermann
and
Copilot
committed
Fix sheet positioning: override native dialog centering for left/right

lukasoppermann
and
Copilot
committed
Move architecture decisions to ADR-024

lukasoppermann
and
Copilot
committed
chore: auto-fix lint and formatting issues

lukasoppermann
authored and
github-actions[bot]
committed
Add data-component stable selectors to Dialog (ADR-023)

lukasoppermann
and
Copilot
committed
chore: auto-fix lint and formatting issues

lukasoppermann
authored and
github-actions[bot]
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

🚧 [WIP] Dialog 4 layer specs#7778

🚧 [WIP] Dialog 4 layer specs#7778
lukasoppermann wants to merge 23 commits intomainfrom
dialog-4-layer-specs

Commits on Apr 27, 2026

Add Dialog 4-layer component spec

Move Dialog spec to experimental/Dialog/Dialog.spec.md

Update spec to prop-getters (L3), add architecture decisions file

Implement 4-layer Dialog: hooks, foundation, parts, exports

Fix: merge forwardRef in Dialog.Root, guard native close event

Fix CloseButton TypeScript error, simplify props interface

Add tests for useScrollLock and useDialogFoundation

Add Layer 1 ReadyMadeDialog and Storybook stories for all layers

Fix dialog shadow clipping by setting overflow: visible on Root

Fix backdrop color: use :where() in foundation reset for zero specificity

Rename: ReadyMadeDialog → Dialog, Dialog → DialogParts

Fix sheet positioning: override native dialog centering for left/right

Move architecture decisions to ADR-024

chore: auto-fix lint and formatting issues

Add data-component stable selectors to Dialog (ADR-023)

chore: auto-fix lint and formatting issues

Commits on Apr 29, 2026

Add hook inspector stories for useDialogFoundation

Fix previousFocusRef placement, move tests alongside hook

Add missing tests for useDialogFoundation

Commits on Apr 30, 2026

Update ADR-024: Layer 3 unstyled components, a11y contract, open questions

ADR-024: flat exports decision, L1 not mandatory, update examples

update and tweak formatting

chore: auto-fix lint and formatting issues