update just-scripts & begin api-extraction for all published packages
This commit is contained in:
Tariq
Родитель
ce6a8ed81f
Коммит
d043e986a8
|
|
@ -0,0 +1,107 @@
|
|||
## API Report File for "@uifabricshared/foundation-composable"
|
||||
|
||||
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
||||
|
||||
```ts
|
||||
|
||||
import * as React from 'react';
|
||||
|
||||
// @public (undocumented)
|
||||
export type IAsResolved<TBase> = TBase & IResolvedSlotData;
|
||||
|
||||
// @public
|
||||
export interface IComposable {
|
||||
// (undocumented)
|
||||
render: (propInfo: IProcessResult, ...children: React.ReactNode[]) => JSX.Element | null;
|
||||
// (undocumented)
|
||||
slots?: {
|
||||
[key: string]: IComposable;
|
||||
};
|
||||
// (undocumented)
|
||||
useProcessProps: (props: IGenericProps, theme: object) => IProcessResult;
|
||||
}
|
||||
|
||||
// @public (undocumented)
|
||||
export interface IGenericProps {
|
||||
// (undocumented)
|
||||
children?: React.ReactNode;
|
||||
}
|
||||
|
||||
// @public
|
||||
export type INativeSlotType = React.ElementType<any> | string;
|
||||
|
||||
// @public
|
||||
export type IProcessResult<TProps extends object = IGenericProps, TSlotProps = ISlotProps, TAdditional = object> = {
|
||||
props?: TProps;
|
||||
slotProps?: TSlotProps;
|
||||
} & TAdditional;
|
||||
|
||||
// @public
|
||||
export type IPropFilter = (props: object) => object;
|
||||
|
||||
// @public
|
||||
export type IResolvedSlot<TProps extends object = IGenericProps, TSlotProps = ISlotProps, TAdditional extends object = object> = IAsResolved<IProcessResult<TProps, TSlotProps, TAdditional>>;
|
||||
|
||||
// @public (undocumented)
|
||||
export interface IResolvedSlotData {
|
||||
// (undocumented)
|
||||
composable?: IComposable;
|
||||
// (undocumented)
|
||||
slots?: IResolvedSlots;
|
||||
}
|
||||
|
||||
// @public
|
||||
export interface IResolvedSlots {
|
||||
// (undocumented)
|
||||
[key: string]: IResolvedSlot;
|
||||
}
|
||||
|
||||
// @public
|
||||
export interface ISlotProps {
|
||||
// (undocumented)
|
||||
[key: string]: IGenericProps;
|
||||
// (undocumented)
|
||||
root: IGenericProps;
|
||||
}
|
||||
|
||||
// @public (undocumented)
|
||||
export type ISlotType = INativeSlotType | IWithComposable<object>;
|
||||
|
||||
// @public
|
||||
export type ISlotTypes<TMixin = object> = {
|
||||
root: ISlotType | ISlotWithFilter<TMixin>;
|
||||
[key: string]: ISlotType | ISlotWithFilter<TMixin>;
|
||||
};
|
||||
|
||||
// @public
|
||||
export type ISlotWithFilter<TMixin = object> = {
|
||||
slotType?: ISlotType;
|
||||
filter?: IPropFilter;
|
||||
} & TMixin;
|
||||
|
||||
// @public
|
||||
export type IWithComposable<T extends object = object> = T & {
|
||||
__composable: IComposable;
|
||||
};
|
||||
|
||||
// @public
|
||||
export function renderSlot(slot: IResolvedSlot, ...children: React.ReactNode[]): JSX.Element | null;
|
||||
|
||||
// @public
|
||||
export function useProcessComposableTree(composable: IComposable, props: IGenericProps, theme: object): IResolvedSlot;
|
||||
|
||||
// @public
|
||||
export function useSlotProcessing(composable: IComposable, info: IProcessResult, theme: object): IResolvedSlots | undefined;
|
||||
|
||||
// @public
|
||||
export function wrapSlots(slots: ISlotTypes): {
|
||||
[key: string]: IComposable;
|
||||
};
|
||||
|
||||
// @public
|
||||
export function wrapStockComponent(component: INativeSlotType, filter?: IPropFilter): IComposable;
|
||||
|
||||
|
||||
// (No @packageDocumentation comment for this package)
|
||||
|
||||
```
|
||||
|
|
@ -1,3 +1,5 @@
|
|||
import * as React from 'react';
|
||||
|
||||
// just a generic object with children specified as props
|
||||
export interface IGenericProps {
|
||||
children?: React.ReactNode;
|
||||
|
|
@ -27,7 +29,7 @@ export type IResolvedSlot<
|
|||
TProps extends object = IGenericProps,
|
||||
TSlotProps = ISlotProps,
|
||||
TAdditional extends object = object
|
||||
> = IAsResolved<IProcessResult<TProps, TSlotProps, TAdditional>>;
|
||||
> = IAsResolved<IProcessResult<TProps, TSlotProps, TAdditional>>;
|
||||
|
||||
/**
|
||||
* a collection of resolved slots
|
||||
|
|
|
|||
|
|
@ -0,0 +1,135 @@
|
|||
## API Report File for "@uifabricshared/foundation-compose"
|
||||
|
||||
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
||||
|
||||
```ts
|
||||
|
||||
import { IComponentTokens } from '@uifabricshared/foundation-tokens';
|
||||
import { IComposable } from '@uifabricshared/foundation-composable';
|
||||
import { IGenericProps } from '@uifabricshared/foundation-composable';
|
||||
import { INativeTheme } from '@uifabricshared/theming-react-native';
|
||||
import { IProcessResult } from '@uifabricshared/foundation-composable';
|
||||
import { IResolvedSlot } from '@uifabricshared/foundation-composable';
|
||||
import { IResolvedSlotData } from '@uifabricshared/foundation-composable';
|
||||
import { ISettingsEntry } from '@uifabricshared/themed-settings';
|
||||
import { ISlotStyleFactories } from '@uifabricshared/foundation-tokens';
|
||||
import { ISlotTypes } from '@uifabricshared/foundation-composable';
|
||||
import { ITheme } from '@uifabricshared/theming-ramp';
|
||||
import * as React from 'react';
|
||||
|
||||
// @public
|
||||
export function compose<TComponent extends IComponent>(inputComponent: TComponent, base?: React.ReactElement<object>): IComponentReturnType<TComponent>;
|
||||
|
||||
// Warning: (ae-forgotten-export) The symbol "IComponentSettings" needs to be exported by the entry point index.d.ts
|
||||
//
|
||||
// @public (undocumented)
|
||||
export interface IComponent<TProps extends object = object, TSlotProps extends IComponentSettings = IComponentSettings, TCustomizeableProps extends TProps = TProps, TState extends object = any, TStatics extends object = object> {
|
||||
// (undocumented)
|
||||
displayName: string;
|
||||
finalizer?: IFinalizer<TCustomizeableProps, TSlotProps, TState>;
|
||||
propsType?: TProps;
|
||||
settings?: ISettingsEntry<TSlotProps, ITheme>[];
|
||||
// (undocumented)
|
||||
settingsType?: TSlotProps;
|
||||
slots?: IComponentSlotTypes<TCustomizeableProps>;
|
||||
statics?: TStatics;
|
||||
themeQueryInputs?: (name: string, renderData: IRenderData<TCustomizeableProps, TSlotProps, TState>) => IThemeQueryInputs;
|
||||
usePrepareState?: (renderData: IRenderData<TCustomizeableProps, TSlotProps, TState>) => IRenderData<TCustomizeableProps, TSlotProps, TState>;
|
||||
view?: (renderData: IResolvedData<TCustomizeableProps, TSlotProps, TState>, ...children: React.ReactNode[]) => JSX.Element | null;
|
||||
}
|
||||
|
||||
// @public (undocumented)
|
||||
export type IComponentCustomizations<TComponent extends IComponent> = {
|
||||
__options: TComponent;
|
||||
__composable: IComposable;
|
||||
customize: ICustomizeRoutine<TComponent, IExtractSettingsType<TComponent>>;
|
||||
};
|
||||
|
||||
// @public
|
||||
export type IComponentOptions<TComponent extends IComponent = IComponent> = TComponent & {
|
||||
resolvedTokens?: IComponentTokens<IComponentProps<TComponent>, ITheme>;
|
||||
tokenCacheKey?: symbol;
|
||||
};
|
||||
|
||||
// @public
|
||||
export type IComponentProps<TComponent extends IComponent> = NonNullable<TComponent['propsType']>;
|
||||
|
||||
// @public (undocumented)
|
||||
export type IComponentReturnType<TComponent extends IComponent> = IReactComponentType<TComponent> & TComponent['statics'];
|
||||
|
||||
// @public (undocumented)
|
||||
export type IComponentSlotTypes<TProps> = ISlotTypes<ISlotStyleFactories<TProps, ITheme>>;
|
||||
|
||||
// @public (undocumented)
|
||||
export type ICustomizeRoutine<TComponent extends IComponent, TSettings extends object> = (...keys: ISettingsEntry<TSettings, ITheme>[]) => IComponentReturnType<TComponent>;
|
||||
|
||||
// @public (undocumented)
|
||||
export type IExtractSettingsType<TComponent extends IComponent> = NonNullable<TComponent['settingsType']>;
|
||||
|
||||
// @public
|
||||
export type IFinalizer<TProps extends object, TSlotProps extends IComponentSettings, TState extends object = object> = (renderData: IRenderData<TProps, TSlotProps, TState>) => IRenderData<TProps, TSlotProps, TState>;
|
||||
|
||||
// @public (undocumented)
|
||||
export type IPropsWithChildren<TProps extends object> = TProps & {
|
||||
children?: React.ReactNode;
|
||||
};
|
||||
|
||||
// @public (undocumented)
|
||||
export type IReactComponentType<TComponent extends IComponent> = React.FunctionComponent<IComponentProps<TComponent>> & IComponentCustomizations<TComponent>;
|
||||
|
||||
// @public (undocumented)
|
||||
export interface IRenderData<TProps extends object = object, TSlotProps extends IComponentSettings = IComponentSettings, TState extends object = any> {
|
||||
// (undocumented)
|
||||
props: TProps;
|
||||
// (undocumented)
|
||||
settingsKey?: string;
|
||||
// (undocumented)
|
||||
slotProps?: TSlotProps;
|
||||
// (undocumented)
|
||||
state: TState;
|
||||
// (undocumented)
|
||||
theme: INativeTheme;
|
||||
}
|
||||
|
||||
// @public (undocumented)
|
||||
export type IResolvedData<TProps extends object, TSlotProps extends IComponentSettings, TState extends object = any> = IRenderData<TProps, TSlotProps, TState> & IResolvedSlotData;
|
||||
|
||||
// @public (undocumented)
|
||||
export interface IThemeQueryInputs {
|
||||
// (undocumented)
|
||||
name: string;
|
||||
// (undocumented)
|
||||
overrides?: object;
|
||||
}
|
||||
|
||||
// @public (undocumented)
|
||||
export function _processSettings<TComponent extends IComponent>(component: TComponent, data: IRenderData): IRenderData;
|
||||
|
||||
// @public
|
||||
export function renderComponent<TComponent extends IComponent>(component: TComponent, result: IResolvedSlot, ...children: React.ReactNode[]): JSX.Element | null;
|
||||
|
||||
// @public
|
||||
export function standardFinalizer(renderData: IRenderData): IRenderData;
|
||||
|
||||
// @public
|
||||
export function standardPrepareRenderData(props: IGenericProps, theme: INativeTheme): IRenderData;
|
||||
|
||||
// @public (undocumented)
|
||||
export function standardThemeQueryInputs(name: string, renderData: IRenderData): {
|
||||
name: string;
|
||||
overrides?: object;
|
||||
};
|
||||
|
||||
// @public (undocumented)
|
||||
export function standardUsePrepareState(renderData: IRenderData): IRenderData;
|
||||
|
||||
// @public
|
||||
export function useProcessComponent<TOptions extends IComponentOptions<IComponent>>(component: TOptions, userProps: IGenericProps, theme: object): IProcessResult;
|
||||
|
||||
// @public
|
||||
export function wrapComponent<TComponent extends IComponent>(component: TComponent): IComposable;
|
||||
|
||||
|
||||
// (No @packageDocumentation comment for this package)
|
||||
|
||||
```
|
||||
|
|
@ -13,6 +13,7 @@ import { mergeSettings, IComponentSettings } from '@uifabricshared/foundation-se
|
|||
import { getSettings, ITheme } from '@uifabricshared/theming-ramp';
|
||||
import { processTokens } from '@uifabricshared/foundation-tokens';
|
||||
import { getThemedSettings } from '@uifabricshared/themed-settings';
|
||||
import * as React from 'react';
|
||||
|
||||
/**
|
||||
* Get the cache for the given component from the theme, creating it if necessary
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@ import { IComponentSettings } from '../../foundation-settings/lib';
|
|||
import { ITheme } from '@uifabricshared/theming-ramp';
|
||||
import { IComponentTokens, ISlotStyleFactories } from '@uifabricshared/foundation-tokens';
|
||||
import { ISettingsEntry } from '@uifabricshared/themed-settings';
|
||||
import * as React from 'react';
|
||||
|
||||
export interface IRenderData<
|
||||
TProps extends object = object,
|
||||
|
|
@ -69,7 +70,7 @@ export interface IComponent<
|
|||
themeQueryInputs?: (name: string, renderData: IRenderData<TCustomizeableProps, TSlotProps, TState>) => IThemeQueryInputs;
|
||||
|
||||
/**
|
||||
* Settings for the component, IComponentSettings, theme => IComponentSettings, or a name to look up in the theme
|
||||
* Settings for the component, IComponentSettings, theme =\> IComponentSettings, or a name to look up in the theme
|
||||
*/
|
||||
settings?: ISettingsEntry<TSlotProps, ITheme>[];
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,85 @@
|
|||
## API Report File for "@uifabricshared/foundation-settings"
|
||||
|
||||
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
||||
|
||||
```ts
|
||||
|
||||
// @public
|
||||
export function flattenStyle(style: IStyleProp<object>): object;
|
||||
|
||||
// @public (undocumented)
|
||||
export function getActiveOverrides(target: IComponentSettings, lookup?: IOverrideLookup): string[];
|
||||
|
||||
// @public
|
||||
export function getParentSettingsChain(lookup: IComponentSettingsCollection, target: string | IComponentSettings): IComponentSettings[];
|
||||
|
||||
// @public (undocumented)
|
||||
export type IComponentSettings<TSlotProps extends ISlotProps = ISlotProps> = IPartialSlotProps<TSlotProps> & {
|
||||
_parent?: string | string[];
|
||||
_precedence?: string[];
|
||||
_overrides?: IComponentSettingsCollection<IComponentSettings<TSlotProps>>;
|
||||
};
|
||||
|
||||
// @public (undocumented)
|
||||
export type IComponentSettingsCollection<TSettings extends IComponentSettings = IComponentSettings> = {
|
||||
[key: string]: TSettings;
|
||||
};
|
||||
|
||||
// @public
|
||||
export type IFinalizeStyle = (target: object) => object | undefined;
|
||||
|
||||
// @public
|
||||
export type IOverrideFunction = (name: string) => boolean;
|
||||
|
||||
// @public
|
||||
export type IOverrideLookup = IOverrideFunction | IOverrideMask;
|
||||
|
||||
// @public
|
||||
export interface IOverrideMask {
|
||||
// (undocumented)
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
// @public (undocumented)
|
||||
export type IPartialSlotProps<TSlotProps extends ISlotProps> = {
|
||||
[K in keyof TSlotProps]+?: Partial<TSlotProps[K]>;
|
||||
};
|
||||
|
||||
// @public (undocumented)
|
||||
export interface ISlotProps<TProps extends object = object> {
|
||||
// (undocumented)
|
||||
root: TProps;
|
||||
}
|
||||
|
||||
// Warning: (ae-forgotten-export) The symbol "RegisteredStyle" needs to be exported by the entry point index.d.ts
|
||||
// Warning: (ae-forgotten-export) The symbol "RecursiveArray" needs to be exported by the entry point index.d.ts
|
||||
// Warning: (ae-forgotten-export) The symbol "Falsy" needs to be exported by the entry point index.d.ts
|
||||
//
|
||||
// @public (undocumented)
|
||||
export type IStyleProp<T> = T | RegisteredStyle<T> | RecursiveArray<T | RegisteredStyle<T> | Falsy> | Falsy;
|
||||
|
||||
// @public
|
||||
export function mergeAndFinalizeSettings<TSettings extends IComponentSettings = IComponentSettings>(finalizer: IFinalizeStyle, ...settings: (object | undefined)[]): TSettings;
|
||||
|
||||
// @public
|
||||
export function mergeAndFlattenStyles(finalizer: IFinalizeStyle | undefined, ...styles: IStyleProp<object>[]): object | undefined;
|
||||
|
||||
// @public
|
||||
export function mergeProps<TProps extends object>(...props: (object | undefined)[]): TProps;
|
||||
|
||||
// @public
|
||||
export function mergeSettings<TSettings extends IComponentSettings = IComponentSettings>(...settings: (object | undefined)[]): TSettings;
|
||||
|
||||
// @public
|
||||
export function mergeSettingsCollection<TCollection extends IComponentSettingsCollection = IComponentSettingsCollection>(...collections: object[]): TCollection;
|
||||
|
||||
// @public
|
||||
export function resolveSettingsOverrides(target: IComponentSettings, overrideLookup?: IOverrideLookup): IComponentSettings;
|
||||
|
||||
// @public
|
||||
export function slotPropsFromSettings(target: IComponentSettings): ISlotProps;
|
||||
|
||||
|
||||
// (No @packageDocumentation comment for this package)
|
||||
|
||||
```
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
## API Report File for "@uifabricshared/foundation-tokens"
|
||||
|
||||
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
||||
|
||||
```ts
|
||||
|
||||
import { IComponentSettings } from '@uifabricshared/foundation-settings';
|
||||
import { ISlotProps } from '@uifabricshared/foundation-settings';
|
||||
|
||||
// @public
|
||||
export function buildComponentTokens<TProps extends object, TTheme>(factories: IStyleFactories<TProps, TTheme>, hasToken?: ITargetHasToken, finalizer?: IStyleFinalizer<TProps>): IComponentTokens<TProps, TTheme>;
|
||||
|
||||
// @public
|
||||
export interface IComponentTokens<TProps, TTheme> {
|
||||
// Warning: (ae-forgotten-export) The symbol "ICachedPropHandlers" needs to be exported by the entry point index.d.ts
|
||||
handlers: ICachedPropHandlers<TProps, TTheme>;
|
||||
tokenKeys: {
|
||||
[key: string]: undefined;
|
||||
};
|
||||
}
|
||||
|
||||
// @public
|
||||
export type ILookupThemePart<TTheme> = (theme: TTheme) => object;
|
||||
|
||||
// @public (undocumented)
|
||||
export type IOperationSet<TProps, TTheme> = IStyleFactoryOperation<TProps, TTheme>[];
|
||||
|
||||
// @public
|
||||
export interface ISlotStyleFactories<TProps, TTheme> {
|
||||
// (undocumented)
|
||||
styleFactories?: (IOperationSet<TProps, TTheme> | IStyleFactoryFunction<TProps, TTheme>)[];
|
||||
}
|
||||
|
||||
// @public
|
||||
export interface IStyleFactories<TProps, TTheme> {
|
||||
// (undocumented)
|
||||
[key: string]: ISlotStyleFactories<TProps, TTheme>;
|
||||
// (undocumented)
|
||||
root: ISlotStyleFactories<TProps, TTheme>;
|
||||
}
|
||||
|
||||
// @public (undocumented)
|
||||
export type IStyleFactoryFunction<TProps, TTheme> = IStyleFactoryFunctionRaw<TProps, TTheme> & {
|
||||
_keys: (keyof TProps)[];
|
||||
};
|
||||
|
||||
// @public
|
||||
export type IStyleFactoryFunctionRaw<TProps, TTheme> = (tokenProps: TProps, theme: TTheme) => TProps;
|
||||
|
||||
// @public
|
||||
export interface IStyleFactoryOperation<TProps, TTheme> {
|
||||
lookup?: ILookupThemePart<TTheme>;
|
||||
source: keyof TProps;
|
||||
target?: string;
|
||||
}
|
||||
|
||||
// Warning: (ae-forgotten-export) The symbol "ICacheInfo" needs to be exported by the entry point index.d.ts
|
||||
//
|
||||
// @public
|
||||
export type IStyleFinalizer<TProps> = (props: TProps, slotName: string, cacheInfo: ICacheInfo) => TProps;
|
||||
|
||||
// @public
|
||||
export type ITargetHasToken = (target: string, key: string) => boolean;
|
||||
|
||||
// @public
|
||||
export function processTokens<TProps, TTheme>(props: TProps, theme: TTheme, slotProps: IComponentSettings, tokenInfo: IComponentTokens<TProps, TTheme>, prefix: string, cache: object, displayName?: string): ISlotProps;
|
||||
|
||||
// @public
|
||||
export function styleFunction<TProps, TTheme>(fn: IStyleFactoryFunctionRaw<TProps, TTheme>, keys: (keyof TProps)[]): IStyleFactoryFunction<TProps, TTheme>;
|
||||
|
||||
|
||||
// (No @packageDocumentation comment for this package)
|
||||
|
||||
```
|
||||
|
|
@ -14,7 +14,7 @@ import { ICacheInfo, ICachedPropHandlers } from './Token.internal';
|
|||
* framework into a processor function when the component is defined.
|
||||
*/
|
||||
|
||||
/** function which takes a theme and returns an object to look up a value with (t) => t.palette as an example */
|
||||
/** function which takes a theme and returns an object to look up a value with (t) =\> t.palette as an example */
|
||||
export type ILookupThemePart<TTheme> = (theme: TTheme) => object;
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -0,0 +1,31 @@
|
|||
## API Report File for "@uifabricshared/immutable-merge"
|
||||
|
||||
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
||||
|
||||
```ts
|
||||
|
||||
// @public (undocumented)
|
||||
export interface IMergeOptions {
|
||||
depth?: number;
|
||||
processSingles?: boolean;
|
||||
recurse?: {
|
||||
[key: string]: boolean | IMergeRecursionHandler;
|
||||
};
|
||||
}
|
||||
|
||||
// @public (undocumented)
|
||||
export type IMergeRecursionHandler = (options: IMergeOptions, ...objs: any[]) => any;
|
||||
|
||||
// @public
|
||||
export function immutableMerge<T extends object>(...objs: (T | undefined)[]): T | undefined;
|
||||
|
||||
// @public
|
||||
export function immutableMergeCore(options: IMergeOptions, ...objs: any[]): any;
|
||||
|
||||
// @public
|
||||
export function processImmutable<T extends object>(processors: IMergeOptions['recurse'], ...objs: (T | undefined)[]): T | undefined;
|
||||
|
||||
|
||||
// (No @packageDocumentation comment for this package)
|
||||
|
||||
```
|
||||
|
|
@ -19,7 +19,7 @@ function _collectVal(t: any, custom: boolean): any {
|
|||
export interface IMergeOptions {
|
||||
/**
|
||||
* number of times to recurse:
|
||||
* - < 0 : infinite
|
||||
* - \< 0 : infinite
|
||||
* - 0 or undefined : don't recurse
|
||||
* - 1+ : recurse this many levels
|
||||
*/
|
||||
|
|
@ -48,7 +48,7 @@ export type IMergeRecursionHandler = (options: IMergeOptions, ...objs: any[]) =>
|
|||
* create a new object.
|
||||
*
|
||||
* @param options - options driving behavior of the merge. See IMergeOptions for a description. Some basic combos would
|
||||
* be {} - no recursion, { depth: -1 } - recurse infinitely
|
||||
* be \{\} - no recursion, \{ depth: -1 \} - recurse infinitely
|
||||
* @param objs - an array of objects to merge together
|
||||
*/
|
||||
export function immutableMergeCore(options: IMergeOptions, ...objs: any[]): any {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,33 @@
|
|||
## API Report File for "@uifabricshared/theme-registry"
|
||||
|
||||
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
||||
|
||||
```ts
|
||||
|
||||
// @public (undocumented)
|
||||
export function createThemeRegistry<T extends object, TPartial extends object>(initial: T, baseResolver: IResolveTheme<T, TPartial>): IThemeRegistry<T, TPartial>;
|
||||
|
||||
// @public
|
||||
export type IProcessTheme<TTheme, TPartialTheme> = (parentTheme: TTheme) => TPartialTheme;
|
||||
|
||||
// @public
|
||||
export type IResolveTheme<TTheme, TPartialTheme> = (parent: TTheme, partial?: TPartialTheme) => TTheme;
|
||||
|
||||
// @public
|
||||
export interface IThemeEventListener {
|
||||
onInvalidate(name: string): void;
|
||||
}
|
||||
|
||||
// @public
|
||||
export interface IThemeRegistry<TTheme, TPartialTheme> {
|
||||
addEventListener(events: IThemeEventListener): void;
|
||||
getTheme(name?: string): TTheme;
|
||||
removeEventListener(events: IThemeEventListener): void;
|
||||
setTheme(definition: TPartialTheme | IProcessTheme<TTheme, TPartialTheme>, name?: string, parent?: string): void;
|
||||
updatePlatformDefaults(platformDefaults: TPartialTheme): void;
|
||||
}
|
||||
|
||||
|
||||
// (No @packageDocumentation comment for this package)
|
||||
|
||||
```
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
## API Report File for "@uifabricshared/themed-settings"
|
||||
|
||||
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
||||
|
||||
```ts
|
||||
|
||||
import { IComponentSettings } from '@uifabricshared/foundation-settings';
|
||||
import { IOverrideLookup } from '@uifabricshared/foundation-settings';
|
||||
|
||||
// @public
|
||||
export function getBaseThemedSettings<TSettings extends IComponentSettings, TTheme>(customSettings: ISettingsEntry<TSettings, TTheme>[], theme: TTheme, cache: object, key: string, getFromTheme?: IGetSettingsFromTheme<TSettings, TTheme>): TSettings | undefined;
|
||||
|
||||
// @public
|
||||
export function getThemedSettings<TSettings extends IComponentSettings, TTheme>(customSettings: ISettingsEntry<TSettings, TTheme>[], theme: TTheme, cache: object, key: string, hasOverride?: IOverrideLookup, getFromTheme?: IGetSettingsFromTheme<TSettings, TTheme>): {
|
||||
settings: TSettings | undefined;
|
||||
key: string;
|
||||
};
|
||||
|
||||
// @public
|
||||
export type IGetSettingsFromTheme<TSettings extends IComponentSettings, TTheme> = (theme: TTheme, name: string) => TSettings | undefined;
|
||||
|
||||
// @public
|
||||
export type ISettingsEntry<TSettings extends IComponentSettings, TTheme> = TSettings | string | ISettingsFromTheme<TSettings, TTheme>;
|
||||
|
||||
// @public
|
||||
export type ISettingsFromTheme<TSettings extends IComponentSettings, TTheme> = (theme: TTheme) => TSettings;
|
||||
|
||||
|
||||
// (No @packageDocumentation comment for this package)
|
||||
|
||||
```
|
||||
|
|
@ -0,0 +1,501 @@
|
|||
## API Report File for "@uifabricshared/theming-ramp"
|
||||
|
||||
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
||||
|
||||
```ts
|
||||
|
||||
import { IComponentSettings } from '@uifabricshared/foundation-settings';
|
||||
import { IComponentSettingsCollection } from '@uifabricshared/foundation-settings';
|
||||
import { IOverrideLookup } from '@uifabricshared/foundation-settings';
|
||||
|
||||
// @public
|
||||
export type Color = keyof IPalette | ColorValue;
|
||||
|
||||
// @public
|
||||
export type ColorValue = string;
|
||||
|
||||
// @public
|
||||
export type FontFamily = keyof IFontFamilies | FontFamilyValue;
|
||||
|
||||
// @public
|
||||
export type FontFamilyValue = string;
|
||||
|
||||
// @public
|
||||
export type FontSize = keyof IFontSizes | FontSizeValuePoints;
|
||||
|
||||
// @public
|
||||
export type FontSizeValuePoints = number;
|
||||
|
||||
// @public
|
||||
export type FontWeight = keyof IFontWeights | FontWeightValue;
|
||||
|
||||
// @public
|
||||
export type FontWeightValue = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
|
||||
|
||||
// @public
|
||||
export function getOverrideKey(name: string, precedence: string[], overrides: IOverrideLookup): string;
|
||||
|
||||
// Warning: (ae-forgotten-export) The symbol "ISettingsWithKey" needs to be exported by the entry point index.d.ts
|
||||
//
|
||||
// @public (undocumented)
|
||||
export function getSettings(theme: ITheme, name: string, overrides?: IOverrideLookup): ISettingsWithKey;
|
||||
|
||||
// @public (undocumented)
|
||||
export function getStockWebPalette(): IPalette;
|
||||
|
||||
// @public (undocumented)
|
||||
export interface IFabricWebPalette {
|
||||
// (undocumented)
|
||||
accent: ColorValue;
|
||||
// (undocumented)
|
||||
black: ColorValue;
|
||||
// (undocumented)
|
||||
blackTranslucent40: ColorValue;
|
||||
// (undocumented)
|
||||
neutralDark: ColorValue;
|
||||
// (undocumented)
|
||||
neutralLight: ColorValue;
|
||||
// (undocumented)
|
||||
neutralLighter: ColorValue;
|
||||
// (undocumented)
|
||||
neutralLighterAlt: ColorValue;
|
||||
// (undocumented)
|
||||
neutralPrimary: ColorValue;
|
||||
// (undocumented)
|
||||
neutralPrimaryAlt: ColorValue;
|
||||
// (undocumented)
|
||||
neutralQuaternary: ColorValue;
|
||||
// (undocumented)
|
||||
neutralQuaternaryAlt: ColorValue;
|
||||
// (undocumented)
|
||||
neutralSecondary: ColorValue;
|
||||
// (undocumented)
|
||||
neutralSecondaryAlt: ColorValue;
|
||||
// (undocumented)
|
||||
neutralTertiary: ColorValue;
|
||||
// (undocumented)
|
||||
neutralTertiaryAlt: ColorValue;
|
||||
// (undocumented)
|
||||
red: ColorValue;
|
||||
// (undocumented)
|
||||
redDark: ColorValue;
|
||||
// (undocumented)
|
||||
themeDark: ColorValue;
|
||||
// (undocumented)
|
||||
themeDarkAlt: ColorValue;
|
||||
// (undocumented)
|
||||
themeDarker: ColorValue;
|
||||
// (undocumented)
|
||||
themeLight: ColorValue;
|
||||
// (undocumented)
|
||||
themeLighter: ColorValue;
|
||||
// (undocumented)
|
||||
themeLighterAlt: ColorValue;
|
||||
// (undocumented)
|
||||
themePrimary: ColorValue;
|
||||
// (undocumented)
|
||||
themeSecondary: ColorValue;
|
||||
// (undocumented)
|
||||
themeTertiary: ColorValue;
|
||||
// (undocumented)
|
||||
white: ColorValue;
|
||||
}
|
||||
|
||||
// @public
|
||||
export interface IFontFamilies {
|
||||
// (undocumented)
|
||||
cursive: FontFamilyValue;
|
||||
// (undocumented)
|
||||
monospace: FontFamilyValue;
|
||||
// (undocumented)
|
||||
primary: FontFamilyValue;
|
||||
// (undocumented)
|
||||
sansSerif: FontFamilyValue;
|
||||
// (undocumented)
|
||||
secondary: FontFamilyValue;
|
||||
// (undocumented)
|
||||
serif: FontFamilyValue;
|
||||
}
|
||||
|
||||
// @public
|
||||
export interface IFontSizes {
|
||||
// (undocumented)
|
||||
large: FontSizeValuePoints;
|
||||
// (undocumented)
|
||||
medium: FontSizeValuePoints;
|
||||
// (undocumented)
|
||||
small: FontSizeValuePoints;
|
||||
// (undocumented)
|
||||
xLarge: FontSizeValuePoints;
|
||||
// (undocumented)
|
||||
xSmall: FontSizeValuePoints;
|
||||
// (undocumented)
|
||||
xxLarge: FontSizeValuePoints;
|
||||
// (undocumented)
|
||||
xxSmall: FontSizeValuePoints;
|
||||
// (undocumented)
|
||||
xxxLarge: FontSizeValuePoints;
|
||||
// (undocumented)
|
||||
xxxSmall: FontSizeValuePoints;
|
||||
}
|
||||
|
||||
// @public
|
||||
export interface IFontWeights {
|
||||
// (undocumented)
|
||||
bold: FontWeightValue;
|
||||
// (undocumented)
|
||||
light: FontWeightValue;
|
||||
// (undocumented)
|
||||
medium: FontWeightValue;
|
||||
// (undocumented)
|
||||
semiBold: FontWeightValue;
|
||||
// (undocumented)
|
||||
semiLight: FontWeightValue;
|
||||
}
|
||||
|
||||
// @public
|
||||
export type IPalette = IPaletteTextColors & IPaletteBackgroundColors;
|
||||
|
||||
// @public
|
||||
export interface IPaletteBackgroundColors {
|
||||
accentButtonBackground: ColorValue;
|
||||
blockingBackground: ColorValue;
|
||||
bodyBackground: ColorValue;
|
||||
bodyDivider: ColorValue;
|
||||
bodyFrameBackground: ColorValue;
|
||||
bodyFrameDivider: ColorValue;
|
||||
bodyStandoutBackground: ColorValue;
|
||||
buttonBackground: ColorValue;
|
||||
buttonBackgroundChecked: ColorValue;
|
||||
buttonBackgroundCheckedHovered: ColorValue;
|
||||
buttonBackgroundDisabled: ColorValue;
|
||||
buttonBackgroundHovered: ColorValue;
|
||||
buttonBackgroundPressed: ColorValue;
|
||||
buttonBorder: ColorValue;
|
||||
buttonBorderDisabled: ColorValue;
|
||||
defaultStateBackground: ColorValue;
|
||||
disabledBackground: ColorValue;
|
||||
errorBackground: ColorValue;
|
||||
focusBorder: ColorValue;
|
||||
inputBackground: ColorValue;
|
||||
inputBackgroundChecked: ColorValue;
|
||||
inputBackgroundCheckedHovered: ColorValue;
|
||||
inputBorder: ColorValue;
|
||||
inputBorderHovered: ColorValue;
|
||||
inputFocusBorderAlt: ColorValue;
|
||||
inputForegroundChecked: ColorValue;
|
||||
listBackground: ColorValue;
|
||||
listHeaderBackgroundHovered: ColorValue;
|
||||
listHeaderBackgroundPressed: ColorValue;
|
||||
listItemBackgroundChecked: ColorValue;
|
||||
listItemBackgroundCheckedHovered: ColorValue;
|
||||
listItemBackgroundHovered: ColorValue;
|
||||
listText: ColorValue;
|
||||
menuBackground: ColorValue;
|
||||
menuDivider: ColorValue;
|
||||
menuHeader: ColorValue;
|
||||
menuIcon: ColorValue;
|
||||
menuItemBackgroundHovered: ColorValue;
|
||||
menuItemBackgroundPressed: ColorValue;
|
||||
menuItemText: ColorValue;
|
||||
menuItemTextHovered: ColorValue;
|
||||
primaryButtonBackground: ColorValue;
|
||||
primaryButtonBackgroundDisabled: ColorValue;
|
||||
primaryButtonBackgroundHovered: ColorValue;
|
||||
primaryButtonBackgroundPressed: ColorValue;
|
||||
primaryButtonBorder: ColorValue;
|
||||
smallInputBorder: ColorValue;
|
||||
successBackground: ColorValue;
|
||||
variantBorder: ColorValue;
|
||||
variantBorderHovered: ColorValue;
|
||||
warningBackground: ColorValue;
|
||||
warningHighlight: ColorValue;
|
||||
}
|
||||
|
||||
// @public
|
||||
export interface IPaletteTextColors {
|
||||
accentButtonText: ColorValue;
|
||||
actionLink: ColorValue;
|
||||
actionLinkHovered: ColorValue;
|
||||
bodySubtext: ColorValue;
|
||||
bodyText: ColorValue;
|
||||
bodyTextChecked: ColorValue;
|
||||
buttonText: ColorValue;
|
||||
buttonTextChecked: ColorValue;
|
||||
buttonTextCheckedHovered: ColorValue;
|
||||
buttonTextDisabled: ColorValue;
|
||||
buttonTextHovered: ColorValue;
|
||||
buttonTextPressed: ColorValue;
|
||||
disabledBodySubtext: ColorValue;
|
||||
disabledBodyText: ColorValue;
|
||||
disabledSubtext: ColorValue;
|
||||
disabledText: ColorValue;
|
||||
errorText: ColorValue;
|
||||
inputPlaceholderText: ColorValue;
|
||||
inputText: ColorValue;
|
||||
inputTextHovered: ColorValue;
|
||||
link: ColorValue;
|
||||
linkDisabled: ColorValue;
|
||||
linkHovered: ColorValue;
|
||||
linkPressed: ColorValue;
|
||||
linkVisited: ColorValue;
|
||||
listText: ColorValue;
|
||||
primaryButtonText: ColorValue;
|
||||
primaryButtonTextDisabled: ColorValue;
|
||||
primaryButtonTextHovered: ColorValue;
|
||||
primaryButtonTextPressed: ColorValue;
|
||||
warningText: ColorValue;
|
||||
}
|
||||
|
||||
// @public
|
||||
export type IPartialPalette = Partial<IPalette>;
|
||||
|
||||
// @public
|
||||
export interface IPartialTheme {
|
||||
// (undocumented)
|
||||
palette?: IPartialPalette;
|
||||
// (undocumented)
|
||||
settings?: IComponentSettingsCollection;
|
||||
// (undocumented)
|
||||
spacing?: ISpacing;
|
||||
// (undocumented)
|
||||
typography?: IPartialTypography;
|
||||
}
|
||||
|
||||
// @public
|
||||
export type IPartialTypography = {
|
||||
[P in keyof ITypography]?: Partial<ITypography[P]>;
|
||||
};
|
||||
|
||||
// @public (undocumented)
|
||||
export interface ISpacing {
|
||||
// (undocumented)
|
||||
l1: string;
|
||||
// (undocumented)
|
||||
l2: string;
|
||||
// (undocumented)
|
||||
m: string;
|
||||
// (undocumented)
|
||||
s1: string;
|
||||
// (undocumented)
|
||||
s2: string;
|
||||
}
|
||||
|
||||
// @public
|
||||
export interface ITheme {
|
||||
// (undocumented)
|
||||
palette: IPalette;
|
||||
// (undocumented)
|
||||
settings: IComponentSettingsCollection;
|
||||
// (undocumented)
|
||||
spacing: ISpacing;
|
||||
// (undocumented)
|
||||
typography: ITypography;
|
||||
}
|
||||
|
||||
// @public
|
||||
export interface ITypography {
|
||||
// (undocumented)
|
||||
families: IFontFamilies;
|
||||
// (undocumented)
|
||||
sizes: IFontSizes;
|
||||
// (undocumented)
|
||||
weights: IFontWeights;
|
||||
}
|
||||
|
||||
// @public (undocumented)
|
||||
export interface IWindowsPalette {
|
||||
accentDark: ColorValue;
|
||||
// (undocumented)
|
||||
accentEmphasis: ColorValue;
|
||||
// (undocumented)
|
||||
accentLight: ColorValue;
|
||||
// (undocumented)
|
||||
accentOutline: ColorValue;
|
||||
background: ColorValue;
|
||||
backgroundControl: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlDisabled: ColorValue;
|
||||
backgroundControlEmphasis: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlEmphasisDisabled: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlEmphasisHover: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlEmphasisPressed: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlHover: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlPressed: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlSelected: ColorValue;
|
||||
backgroundControlSubtle: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlSubtleDisabled: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlSubtleHover: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlSubtlePressed: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundControlSubtleSelectionHighlight: ColorValue;
|
||||
backgroundHeader: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundHover: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundPressed: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundSelected: ColorValue;
|
||||
// (undocumented)
|
||||
backgroundSelectionHighlight: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControl: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlDisabled: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlEmphasis: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlEmphasisDisabled: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlEmphasisHover: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlEmphasisKeyboard: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlEmphasisPressed: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlHover: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlKeyboard: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlPressed: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlSelected: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlSubtle: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlSubtleDisabled: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlSubtleHover: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlSubtleKeyboard: ColorValue;
|
||||
// (undocumented)
|
||||
strokeControlSubtlePressed: ColorValue;
|
||||
// (undocumented)
|
||||
strokeKeyboard: ColorValue;
|
||||
// (undocumented)
|
||||
strokeOverlayHover: ColorValue;
|
||||
// (undocumented)
|
||||
strokeOverlayPressed: ColorValue;
|
||||
// (undocumented)
|
||||
strokeOverlayRest: ColorValue;
|
||||
// (undocumented)
|
||||
strokeOverlaySelectedHover: ColorValue;
|
||||
// (undocumented)
|
||||
strokeOverlaySelectedPressed: ColorValue;
|
||||
// (undocumented)
|
||||
strokeOverlaySelectedRest: ColorValue;
|
||||
// (undocumented)
|
||||
strokeSelectedHover: ColorValue;
|
||||
text: ColorValue;
|
||||
textActive: ColorValue;
|
||||
// (undocumented)
|
||||
textActiveHover: ColorValue;
|
||||
// (undocumented)
|
||||
textActivePressed: ColorValue;
|
||||
// (undocumented)
|
||||
textActiveSelected: ColorValue;
|
||||
// (undocumented)
|
||||
textControl: ColorValue;
|
||||
// (undocumented)
|
||||
textControlDisabled: ColorValue;
|
||||
// (undocumented)
|
||||
textControlEmphasis: ColorValue;
|
||||
// (undocumented)
|
||||
textControlEmphasisDisabled: ColorValue;
|
||||
// (undocumented)
|
||||
textControlEmphasisHover: ColorValue;
|
||||
// (undocumented)
|
||||
textControlEmphasisPressed: ColorValue;
|
||||
// (undocumented)
|
||||
textControlHover: ColorValue;
|
||||
// (undocumented)
|
||||
textControlPressed: ColorValue;
|
||||
// (undocumented)
|
||||
textControlSelected: ColorValue;
|
||||
// (undocumented)
|
||||
textControlSubtle: ColorValue;
|
||||
// (undocumented)
|
||||
textControlSubtleDisabled: ColorValue;
|
||||
// (undocumented)
|
||||
textControlSubtleHover: ColorValue;
|
||||
// (undocumented)
|
||||
textControlSubtlePlaceholder: ColorValue;
|
||||
// (undocumented)
|
||||
textControlSubtlePressed: ColorValue;
|
||||
// (undocumented)
|
||||
textControlSubtleSelectionHighlight: ColorValue;
|
||||
// (undocumented)
|
||||
textDisabled: ColorValue;
|
||||
// (undocumented)
|
||||
textEmphasis: ColorValue;
|
||||
// (undocumented)
|
||||
textEmphasisHover: ColorValue;
|
||||
// (undocumented)
|
||||
textEmphasisPressed: ColorValue;
|
||||
// (undocumented)
|
||||
textEmphasisRest: ColorValue;
|
||||
// (undocumented)
|
||||
textEmphasisSelected: ColorValue;
|
||||
textError: ColorValue;
|
||||
// (undocumented)
|
||||
textErrorHover: ColorValue;
|
||||
// (undocumented)
|
||||
textErrorPressed: ColorValue;
|
||||
// (undocumented)
|
||||
textErrorSelected: ColorValue;
|
||||
// (undocumented)
|
||||
textHeader: ColorValue;
|
||||
// (undocumented)
|
||||
textHover: ColorValue;
|
||||
textHyperlink: ColorValue;
|
||||
// (undocumented)
|
||||
textHyperlinkHover: ColorValue;
|
||||
// (undocumented)
|
||||
textHyperlinkPressed: ColorValue;
|
||||
// (undocumented)
|
||||
textHyperlinkVisited: ColorValue;
|
||||
// (undocumented)
|
||||
textPressed: ColorValue;
|
||||
// (undocumented)
|
||||
textRest: ColorValue;
|
||||
// (undocumented)
|
||||
textSecondary: ColorValue;
|
||||
// (undocumented)
|
||||
textSecondaryHover: ColorValue;
|
||||
// (undocumented)
|
||||
textSecondaryPressed: ColorValue;
|
||||
// (undocumented)
|
||||
textSecondaryRest: ColorValue;
|
||||
// (undocumented)
|
||||
textSecondarySelected: ColorValue;
|
||||
// (undocumented)
|
||||
textSelected: ColorValue;
|
||||
// (undocumented)
|
||||
textSelectionHighlight: ColorValue;
|
||||
}
|
||||
|
||||
// @public
|
||||
export function paletteFromFabricColors(p: IFabricWebPalette, isInverted?: boolean): IPalette;
|
||||
|
||||
// @public
|
||||
export function resolvePartialTheme(theme: ITheme, partialTheme?: IPartialTheme): ITheme;
|
||||
|
||||
// @public
|
||||
export function resolveSettings(theme: ITheme, target: IComponentSettings, overrides?: IOverrideLookup): IComponentSettings;
|
||||
|
||||
// @public
|
||||
export function returnAsSlotProps(target: IComponentSettings): IComponentSettings;
|
||||
|
||||
|
||||
// (No @packageDocumentation comment for this package)
|
||||
|
||||
```
|
||||
|
|
@ -2,9 +2,9 @@
|
|||
* A font family designation, made up of one or more font names or groupings
|
||||
* (comma-separated):
|
||||
*
|
||||
* - ``Calibri Light, Calibri, Times``
|
||||
* - ``Menlo, Monaco, "Courier New", Courier``
|
||||
* - ``Consolas``
|
||||
* - \`Calibri Light, Calibri, Times\`
|
||||
* - \`Menlo, Monaco, "Courier New", Courier\`
|
||||
* - \`Consolas\`
|
||||
*
|
||||
* The font family expresses an ordered preference of fonts to use, working
|
||||
* from the first entry to the last. This "fallback" mechanism is necessary
|
||||
|
|
@ -19,7 +19,7 @@ export type FontFamilyValue = string;
|
|||
* The names express the fundamental character of the assigned font family. They
|
||||
* should be used when defining a theme.
|
||||
*
|
||||
* **NOTE:** ``primary`` and ``secondary`` are both meant to be assigned a 'normal' family.
|
||||
* **NOTE:** \`primary\` and \`secondary\` are both meant to be assigned a 'normal' family.
|
||||
*/
|
||||
export interface IFontFamilies {
|
||||
primary: FontFamilyValue;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,57 @@
|
|||
## API Report File for "@uifabricshared/theming-react-native"
|
||||
|
||||
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
||||
|
||||
```ts
|
||||
|
||||
import { IPartialTheme } from '@uifabricshared/theming-ramp';
|
||||
import { IProcessTheme } from '@uifabricshared/theme-registry';
|
||||
import { ITheme } from '@uifabricshared/theming-ramp';
|
||||
import { IThemeEventListener } from '@uifabricshared/theme-registry';
|
||||
import * as React from 'react';
|
||||
|
||||
// @public
|
||||
export function addThemeRegistryListener(listener: IThemeEventListener): void;
|
||||
|
||||
// @public
|
||||
export function augmentPlatformTheme(definition: INativeThemeDefinition): void;
|
||||
|
||||
// @public (undocumented)
|
||||
export function getBaselinePlatformTheme(): INativeTheme;
|
||||
|
||||
// @public
|
||||
export function getTheme(name?: string): INativeTheme;
|
||||
|
||||
// @public (undocumented)
|
||||
export type INativeTheme = ITheme;
|
||||
|
||||
// @public (undocumented)
|
||||
export type INativeThemeDefinition = IPartialTheme;
|
||||
|
||||
// @public
|
||||
export interface IThemeLayerProps {
|
||||
children: (theme: INativeTheme) => JSX.Element | null;
|
||||
themeName?: string;
|
||||
}
|
||||
|
||||
// @public
|
||||
export function removeThemeRegistryListener(listener: IThemeEventListener): void;
|
||||
|
||||
// @public
|
||||
export function setTheme(definition: INativeThemeDefinition | IProcessTheme<INativeTheme, INativeThemeDefinition>, name?: string, parent?: string): void;
|
||||
|
||||
// @public (undocumented)
|
||||
export const ThemeContext: React.Context<import("@uifabricshared/theming-ramp").ITheme>;
|
||||
|
||||
// @public
|
||||
export class ThemeLayer extends React.Component<IThemeLayerProps> {
|
||||
componentWillUnmount(): void;
|
||||
onInvalidate: IThemeEventListener['onInvalidate'];
|
||||
// (undocumented)
|
||||
render(): JSX.Element;
|
||||
}
|
||||
|
||||
|
||||
// (No @packageDocumentation comment for this package)
|
||||
|
||||
```
|
||||
|
|
@ -34,20 +34,20 @@ export const ThemeContext = React.createContext<IThemeContextType>(undefined);
|
|||
*
|
||||
* In pure consumer mode the usage is as follows:
|
||||
*
|
||||
* <ThemeLayer>{(theme: ITheme) => {
|
||||
* return (<MyComponent style={someStyleFn(theme, 'stylename')}/>);
|
||||
* }}</ThemeLayer>
|
||||
* \<ThemeLayer\>\{(theme: ITheme) =\> \{
|
||||
* return (\<MyComponent style=\{someStyleFn(theme, 'stylename')\}/\>);
|
||||
* \}\}\</ThemeLayer\>
|
||||
*
|
||||
* In provider/consumer mode a themeName will be specified:
|
||||
*
|
||||
* <ThemeLayer themeName='myTheme'>{(theme: ITheme) => {
|
||||
* \<ThemeLayer themeName='myTheme'\>\{(theme: ITheme) =\> \{
|
||||
* return (
|
||||
* <View>
|
||||
* <MySmartComponent/>
|
||||
* <MyComponent style={someStyleFn(theme, 'stylename')}/>
|
||||
* </View>
|
||||
* \<View\>
|
||||
* \<MySmartComponent/\>
|
||||
* \<MyComponent style=\{someStyleFn(theme, 'stylename')\}/\>
|
||||
* \</View\>
|
||||
* );
|
||||
* }}</ThemeLayer>
|
||||
* \}\}\</ThemeLayer\>
|
||||
*
|
||||
* The work of registering for updates will be done automatically. The highest level `ThemeLayer` in
|
||||
* consumer mode will automatically register and act like a provider to ensure renders happen on theme
|
||||
|
|
|
|||
|
|
@ -22,7 +22,10 @@
|
|||
"@microsoft/load-themed-styles": "^1.7.13",
|
||||
"@microsoft/loader-load-themed-styles": "^1.6.0",
|
||||
"@octokit/rest": "^16.28.2",
|
||||
"@typescript-eslint/eslint-plugin": "^2.1.0",
|
||||
"@typescript-eslint/parser": "^2.1.0",
|
||||
"@uifabric/prettier-rules": "^7.0.3",
|
||||
"@uifabricshared/build-native": "^0.1.1",
|
||||
"async": "^2.6.1",
|
||||
"autoprefixer": "^7.1.5",
|
||||
"babel-jest": "^24.9.0",
|
||||
|
|
@ -34,6 +37,12 @@
|
|||
"command-line-args": "^4.0.7",
|
||||
"cpx": "^1.5.0",
|
||||
"css-loader": "^0.28.7",
|
||||
"eslint": "^6.3.0",
|
||||
"eslint-config-standard": "^14.1.0",
|
||||
"eslint-plugin-import": "^2.18.2",
|
||||
"eslint-plugin-node": "^9.2.0",
|
||||
"eslint-plugin-promise": "^4.2.1",
|
||||
"eslint-plugin-standard": "^4.0.1",
|
||||
"find-free-port": "~2.0.0",
|
||||
"fork-ts-checker-webpack-plugin": "^0.4.1",
|
||||
"fs-extra": "^7.0.1",
|
||||
|
|
@ -46,7 +55,7 @@
|
|||
"jju": "^1.4.0",
|
||||
"jscodeshift": "^0.5.0",
|
||||
"json-loader": "^0.5.7",
|
||||
"just-scripts": "~0.28.1",
|
||||
"just-scripts": ">=0.28.1",
|
||||
"ngrok": "^3.0.1",
|
||||
"node-sass": "^4.5.3",
|
||||
"p-queue": "^6.0.2",
|
||||
|
|
@ -63,23 +72,15 @@
|
|||
"source-map-loader": "^0.2.1",
|
||||
"style-loader": "^0.21.0",
|
||||
"ts-jest": "24.0.1",
|
||||
"ts-loader": "^4.1.0",
|
||||
"ts-loader": "^6.1.0",
|
||||
"typescript": "3.5.1",
|
||||
"webpack": "4.29.5",
|
||||
"webpack": "^4.29.5",
|
||||
"webpack-bundle-analyzer": "^3.0.4",
|
||||
"webpack-cli": "3.2.3",
|
||||
"webpack-dev-server": "3.1.14",
|
||||
"webpack-notifier": "^1.6.0",
|
||||
"yargs": "^13.2.4",
|
||||
"@typescript-eslint/eslint-plugin": "^2.1.0",
|
||||
"@typescript-eslint/parser": "^2.1.0",
|
||||
"@uifabricshared/build-native": "^0.1.1",
|
||||
"eslint": "^6.3.0",
|
||||
"eslint-config-standard": "^14.1.0",
|
||||
"eslint-plugin-import": "^2.18.2",
|
||||
"eslint-plugin-node": "^9.2.0",
|
||||
"eslint-plugin-promise": "^4.2.1",
|
||||
"eslint-plugin-standard": "^4.0.1"
|
||||
"@types/react-native": "^0.57.51"
|
||||
},
|
||||
"bundlesize": [
|
||||
{
|
||||
|
|
@ -89,6 +90,8 @@
|
|||
],
|
||||
"beachball": {
|
||||
"shouldPublish": false,
|
||||
"disallowedChangeTypes": ["major"]
|
||||
"disallowedChangeTypes": [
|
||||
"major"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,45 @@
|
|||
const { just } = require('@uifabricshared/build-native');
|
||||
const { webpackConfig, htmlOverlay, webpackMerge } = just;
|
||||
const {
|
||||
basicWebpackConfig,
|
||||
htmlOverlay,
|
||||
webpackMerge,
|
||||
tsOverlay,
|
||||
fileOverlay,
|
||||
displayBailoutOverlay,
|
||||
stylesOverlay,
|
||||
} = just;
|
||||
|
||||
const _isProduction = process.argv.indexOf('--production') > -1;
|
||||
|
||||
// For API-Extractor to point you to source files rather than .d.ts files
|
||||
// declarationMap must be set to true in the tsconfig.js, but tsloader can
|
||||
// skip creation of declarationMaps.
|
||||
const tsOverlayConfig = tsOverlay({
|
||||
loaderOptions: {
|
||||
transpileOnly: true,
|
||||
compilerOptions: {
|
||||
"declaration": false,
|
||||
"declarationMap": false
|
||||
}
|
||||
},
|
||||
checkerOptions: {
|
||||
transpileOnly: true,
|
||||
compilerOptions: {
|
||||
"declaration": false,
|
||||
"declarationMap": false
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
module.exports = {
|
||||
createConfig(bundleName, additionalOptions) {
|
||||
return webpackMerge(
|
||||
webpackConfig,
|
||||
basicWebpackConfig,
|
||||
stylesOverlay(),
|
||||
tsOverlayConfig,
|
||||
fileOverlay(),
|
||||
displayBailoutOverlay(),
|
||||
// source map loader
|
||||
{
|
||||
devtool: 'cheap-module-eval-source-map',
|
||||
module: {
|
||||
|
|
@ -28,7 +61,11 @@ module.exports = {
|
|||
},
|
||||
createAppConfig(bundleName, overlayTarget, additionalOptions) {
|
||||
return webpackMerge(
|
||||
webpackConfig,
|
||||
basicWebpackConfig,
|
||||
stylesOverlay(),
|
||||
tsOverlayConfig,
|
||||
fileOverlay(),
|
||||
displayBailoutOverlay(),
|
||||
htmlOverlay({
|
||||
template: overlayTarget
|
||||
}),
|
||||
|
|
|
|||
602
yarn.lock
602
yarn.lock
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
Загрузка…
Ссылка в новой задаче