The stacking bands floating UI sits in. Three tokens (--sxl-z-*), ordered:
token
default
what sits there
grid
1250
floats anchored to the grid — labels, chips, readouts, touch grips. Above app chrome (an app drawer is 1200), below the popup band so a menu covers them.
popup
1300
popups, menus and panels (the float stack), modal windows. MUI's modal band.
tooltip
1500
tooltips — out-stack menus, as MUI's do.
The values are tokens so a host can move a band ('z-popup' in its TokenTheme) without every
consumer knowing; a consumer reads the band through zIndexVar and never writes a number.
The stacking bands floating UI sits in. Three tokens (
--sxl-z-*), ordered:gridpopuptooltipThe values are tokens so a host can move a band (
'z-popup'in its TokenTheme) without every consumer knowing; a consumer reads the band through zIndexVar and never writes a number.