/**
 * IMPORTANT:
 * By re-exporting semantic tokens from @danske/sapphire-css, as an interface to allow users of
 * @danske/sapphire-angular to access design system values, we should be mindful of breaking changes
 * every time @danske/sapphire-css is upgraded to new major versions.
 */
export { tokens } from '@danske/sapphire-css/themes';
export type Breakpoint = 'XS' | 'S' | 'M' | 'L' | 'XL';
export type Breakpoints = Record<Breakpoint, number>;
/**
 * Exporting "tokens.size.breakpoint" is not good enough.
 * That is a map from breakpoint name to a a string which is the css variable
 * that will have the breakpoint size. This is not useful in a JS context.
 *
 * TODO: export something which uses the "tokens.size.breakpoint" and offers
 * something usabled in JS.
 */
export declare const DEFAULT_BREAKPOINTS: Breakpoints;
export { SapphireThemeModule } from './src/theme.module';
export { SapphireOverlay } from './src/sapphire-overlay.service';
export { ThemeDefaultDark, ThemeDefault, type SapphireScale, } from './src/themes';
export { ThemeRootComponent, ThemeRootComponent as ThemeRootDirective, type ThemeVariant, } from './src/theme-root.component';
export { ThemeBaseDirective } from './src/theme-base.directive';
export { ThemeCheckDirective } from './src/theme-check.directive';