Shadow tokens

new

Tokens use for the box shadow of elements.

Token and descriptionLight valueDark value
--ds-shadow-overflow

Use to create a shadow when content scrolls under other content.

--ds-shadow-overlay

Use for the box shadow of elements that sit on top of the UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.surface.overlay Also use for the box shadow of raised cards in a dragged state.

--ds-shadow-raised

Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with surface.raised