Docs draft
PlayerGate
Component storyFigma (PlayerGate + PlayerOverlay) ↗React component ↗DSDS entity ↗
When to use it
useBlocking gates (dub unavailable, stream limit, premium) and centered status overlays (error, mature, coming soon, unavailable) inside the player.
Anatomy
PlayerGate — Art (boolean) + Title + Body + stacked outcome-named Buttons in the Actions slot, on bg.secondary.
PlayerOverlay — Glyph (swap the icon instance) + Title + Body + optional Actions; sits centered on bg.scrim.
Design specifications
| gate-padding | space.32, gap space.24 |
| overlay-glyph | 40px |
| title | type.title-4 / type.label-lg |
Accessibility
Gate renders as role=dialog named by its title; overlay is role=status. The old teal 'Sign in' / 'maturity settings' links become text.link.