/** * Do not edit directly, this file was auto-generated * from the design token sources in src/tokens. */ import type { KdsShadow } from "./types.js"; export type KdsElevationTokens = { readonly level: { /** * No elevation (flat, no shadow). Animate between 0 and higher levels to highlight elements. * * Animate elevation changes from level 0 to a higher level when an element is highlighted to indicate emphasis and interactivity. */ readonly "0": KdsShadow; /** * Low elevation shadow for slightly raised elements (e.g. cards, tiles). * * For containers that slightly stand out from the background but are not interactive by default. The elements that are placed inside this are extending the current surrounded context and group them inside the container. * * Examples are: Cards, tiles, arrays. * * If you use the elevation level 1 on a container, you have to change the surface to be one level higher. * */ readonly "1": KdsShadow; /** * High elevation shadow for elements floating above content (e.g. tooltips, toasts). * * Used for elements that float above content and who are sitting on top of the ui; but don’t obscure the full context. * * Examples are: tooltips, menus or toasts. * * If you use the elevation level 3, you have to reset the surface level to page. */ readonly "3": KdsShadow; }; }; export declare const elevation: KdsElevationTokens;