Private
Public Access
1
0

feat: Fluent UI Outlook Lite + connections mockup

This commit is contained in:
2026-04-14 18:52:25 +00:00
parent 1199eff6c3
commit dfa4010406
34820 changed files with 1003813 additions and 205 deletions

View File

@@ -0,0 +1,43 @@
import type { GriffelRenderer } from '../types';
export interface CreateDOMRendererOptions {
/**
* A salt that will be added for hashed classes. Should be the same for all renderers in the same application
* (bundle).
*
* @see https://github.com/microsoft/griffel/issues/453
*/
classNameHashSalt?: string;
/**
* If specified, a renderer will insert created style tags after this element.
*/
insertionPoint?: HTMLElement;
/**
* A map of attributes that's passed to the generated style elements. Is useful to set "nonce" attribute.
*
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce
*/
styleElementAttributes?: Record<string, string>;
/**
* A filter run before CSS rule insertion to systematically remove CSS rules at render time.
* This can be used to forbid specific rules from being written to the style sheet at run time without
* affecting build time styles.
*
* ⚠️ Keep the filter as performant as possible to avoid negative performance impacts to your application.
* ⚠️ This API is unstable and can be removed from the library at any time.
*/
unstable_filterCSSRule?: (cssRule: string) => boolean;
/**
* @param a - media query
* @param b - media query
* @returns positive number if a > b or negative number if a < b
*/
compareMediaQueries?: (a: string, b: string) => number;
}
/** @internal */
export declare const defaultCompareMediaQueries: (a: string, b: string) => 0 | 1 | -1;
/**
* Creates a new instances of a renderer.
*
* @public
*/
export declare function createDOMRenderer(targetDocument?: Document | undefined, options?: CreateDOMRendererOptions): GriffelRenderer;

View File

@@ -0,0 +1,3 @@
import type { IsomorphicStyleSheet, StyleBucketName } from '../types';
export declare function createIsomorphicStyleSheet(styleElement: HTMLStyleElement | undefined, bucketName: StyleBucketName, priority: number, elementAttributes: Record<string, string>): IsomorphicStyleSheet;
export declare function createIsomorphicStyleSheetFromElement(element: HTMLStyleElement): IsomorphicStyleSheet;

View File

@@ -0,0 +1,13 @@
import type { GriffelRenderer, IsomorphicStyleSheet, StyleBucketName } from '../types';
/**
* Ordered style buckets using their short pseudo name.
*
* @internal
*/
export declare const styleBucketOrdering: StyleBucketName[];
export declare function getStyleSheetKey(bucketName: StyleBucketName, media: string, priority: number | string): string;
export declare function getStyleSheetKeyFromElement(styleEl: HTMLStyleElement): string;
/**
* Lazily adds a `<style>` bucket to the `<head>`. This will ensure that the style buckets are ordered.
*/
export declare function getStyleSheetForBucket(bucketName: StyleBucketName, targetDocument: Document | undefined, insertionPoint: HTMLElement | null, renderer: GriffelRenderer, metadata?: Record<string, unknown>): IsomorphicStyleSheet;

View File

@@ -0,0 +1,8 @@
import type { GriffelRenderer } from '../types';
/**
* Should be called in a case of Server-Side rendering. Rehydrates cache from for a renderer to avoid double insertion
* of classes to DOM.
*
* @public
*/
export declare function rehydrateRendererCache(renderer: GriffelRenderer, target?: Document | undefined): void;

View File

@@ -0,0 +1,8 @@
/**
* @internal
*
* Calls `sheet.insertRule` and catches errors related to browser prefixes.
*/
export declare function safeInsertRule(sheet: {
insertRule(rule: string): number | undefined;
}, ruleCSS: string): void;