@atlaskit/app-provider
Version:
A top level provider for the Design System.
18 lines (17 loc) • 859 B
TypeScript
import type { ThemeColorModes } from '@atlaskit/tokens/theme-color-modes';
import type { ThemeIdsWithOverrides } from '@atlaskit/tokens/theme-config';
import type { Theme } from '../context/theme';
export type InlineThemeStyle = {
id: ThemeIdsWithOverrides;
css: string;
};
/**
* Resolves CSS for the themes applied by a ThemeProvider.
*
* During React 19 server rendering, `use()` suspends the provider subtree until
* each requested CSS chunk is available. The resulting styles are rendered
* immediately before that subtree. React 18 does not provide `use()`, so it
* safely follows the existing path without inline CSS. During hydration, the CSS
* is read from server-rendered style elements so the initial client tree matches.
*/
export declare function getInlineThemeStyles(theme: Theme, colorMode: ThemeColorModes): InlineThemeStyle[];