21 KiB
21 KiB
API Report File for "@fluentui/theme"
Do not edit this file. It is a report generated by API Extractor.
import type { IFontWeight } from '@fluentui/merge-styles';
import type { IRawStyle } from '@fluentui/merge-styles';
import type { IStyleFunctionOrObject } from '@fluentui/utilities';
// @public
export const AnimationStyles: IAnimationStyles;
// @public
export const AnimationVariables: IAnimationVariables;
// @public (undocumented)
export namespace CommunicationColors {
const // (undocumented)
shade30 = "#004578";
const // (undocumented)
shade20 = "#005a9e";
const // (undocumented)
shade10 = "#106ebe";
const // (undocumented)
primary = "#0078d4";
const // (undocumented)
tint10 = "#2b88d8";
const // (undocumented)
tint20 = "#c7e0f4";
const // (undocumented)
tint30 = "#deecf9";
const // (undocumented)
tint40 = "#eff6fc";
}
// @public
export type ComponentsStyles = {
[componentName: string]: ComponentStyles;
};
// @public
export interface ComponentStyles {
styles?: IStyleFunctionOrObject<any, any>;
}
// @public (undocumented)
export function createFontStyles(localeCode: string | null): IFontStyles;
// @public
export function createTheme(theme?: PartialTheme, depComments?: boolean): Theme;
// @public (undocumented)
export const DefaultEffects: IEffects;
// @public (undocumented)
export const DefaultFontStyles: IFontStyles;
// @public (undocumented)
export const DefaultPalette: IPalette;
// Warning: (ae-incompatible-release-tags) The symbol "DefaultSpacing" is marked as @public, but its signature references "ISpacing" which is marked as @internal
//
// @public (undocumented)
export const DefaultSpacing: ISpacing;
// @public (undocumented)
export namespace Depths {
const // (undocumented)
depth0 = "0 0 0 0 transparent";
const // (undocumented)
depth4 = "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)";
const // (undocumented)
depth8 = "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)";
const // (undocumented)
depth16 = "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)";
const // (undocumented)
depth64 = "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)";
}
// @public (undocumented)
export const FluentTheme: ITheme;
// @public (undocumented)
export namespace FontSizes {
const // (undocumented)
size10 = "10px";
const // (undocumented)
size12 = "12px";
const // (undocumented)
size14 = "14px";
const // (undocumented)
size16 = "16px";
const // (undocumented)
size18 = "18px";
const // (undocumented)
size20 = "20px";
const // (undocumented)
size24 = "24px";
const // (undocumented)
size28 = "28px";
const // (undocumented)
size32 = "32px";
const // (undocumented)
size42 = "42px";
const // (undocumented)
size68 = "68px";
const // (undocumented)
mini: string;
const // (undocumented)
xSmall: string;
const // (undocumented)
small: string;
const // (undocumented)
smallPlus: string;
const // (undocumented)
medium: string;
const // (undocumented)
mediumPlus: string;
const // (undocumented)
icon: string;
const // (undocumented)
large: string;
const // (undocumented)
xLarge: string;
const // (undocumented)
xLargePlus: string;
const // (undocumented)
xxLarge: string;
const // (undocumented)
xxLargePlus: string;
const // (undocumented)
superLarge: string;
const // (undocumented)
mega: string;
}
// @public (undocumented)
export namespace FontWeights {
const // (undocumented)
light: IFontWeight;
const // (undocumented)
semilight: IFontWeight;
const // (undocumented)
regular: IFontWeight;
const // (undocumented)
semibold: IFontWeight;
const // (undocumented)
bold: IFontWeight;
}
// @public
export interface IAnimationStyles {
// (undocumented)
fadeIn100: IRawStyle;
// (undocumented)
fadeIn200: IRawStyle;
// (undocumented)
fadeIn400: IRawStyle;
// (undocumented)
fadeIn500: IRawStyle;
// (undocumented)
fadeOut100: IRawStyle;
// (undocumented)
fadeOut200: IRawStyle;
// (undocumented)
fadeOut400: IRawStyle;
// (undocumented)
fadeOut500: IRawStyle;
// (undocumented)
rotate90deg: IRawStyle;
// (undocumented)
rotateN90deg: IRawStyle;
// (undocumented)
scaleDownIn100: IRawStyle;
// (undocumented)
scaleDownOut98: IRawStyle;
// (undocumented)
scaleUpIn100: IRawStyle;
// (undocumented)
scaleUpOut103: IRawStyle;
// (undocumented)
slideDownIn10: IRawStyle;
// (undocumented)
slideDownIn20: IRawStyle;
// (undocumented)
slideDownOut10: IRawStyle;
// (undocumented)
slideDownOut20: IRawStyle;
// (undocumented)
slideLeftIn10: IRawStyle;
// (undocumented)
slideLeftIn20: IRawStyle;
// (undocumented)
slideLeftIn40: IRawStyle;
// (undocumented)
slideLeftIn400: IRawStyle;
// (undocumented)
slideLeftOut10: IRawStyle;
// (undocumented)
slideLeftOut20: IRawStyle;
// (undocumented)
slideLeftOut40: IRawStyle;
// (undocumented)
slideLeftOut400: IRawStyle;
// (undocumented)
slideRightIn10: IRawStyle;
// (undocumented)
slideRightIn20: IRawStyle;
// (undocumented)
slideRightIn40: IRawStyle;
// (undocumented)
slideRightIn400: IRawStyle;
// (undocumented)
slideRightOut10: IRawStyle;
// (undocumented)
slideRightOut20: IRawStyle;
// (undocumented)
slideRightOut40: IRawStyle;
// (undocumented)
slideRightOut400: IRawStyle;
// (undocumented)
slideUpIn10: IRawStyle;
// (undocumented)
slideUpIn20: IRawStyle;
// (undocumented)
slideUpOut10: IRawStyle;
// (undocumented)
slideUpOut20: IRawStyle;
}
// @public (undocumented)
export interface IAnimationVariables {
// (undocumented)
durationValue1: string;
// (undocumented)
durationValue2: string;
// (undocumented)
durationValue3: string;
// (undocumented)
durationValue4: string;
// (undocumented)
easeFunction1: string;
// (undocumented)
easeFunction2: string;
}
// @public (undocumented)
export namespace IconFontSizes {
const // (undocumented)
xSmall: string;
const // (undocumented)
small: string;
const // (undocumented)
medium: string;
const // (undocumented)
large: string;
}
// @public
export interface IEffects {
elevation16: string;
elevation4: string;
elevation64: string;
elevation8: string;
roundedCorner2: string;
roundedCorner4: string;
roundedCorner6: string;
}
// @public
export interface IFontStyles {
// (undocumented)
large: IRawStyle;
// (undocumented)
medium: IRawStyle;
// (undocumented)
mediumPlus: IRawStyle;
// (undocumented)
mega: IRawStyle;
// (undocumented)
small: IRawStyle;
// (undocumented)
smallPlus: IRawStyle;
// (undocumented)
superLarge: IRawStyle;
// (undocumented)
tiny: IRawStyle;
// (undocumented)
xLarge: IRawStyle;
// @deprecated (undocumented)
xLargePlus: IRawStyle;
// (undocumented)
xSmall: IRawStyle;
// (undocumented)
xxLarge: IRawStyle;
// @deprecated (undocumented)
xxLargePlus: IRawStyle;
}
// @public
export interface IPalette {
accent: string;
black: string;
blackTranslucent40: string;
blue: string;
blueDark: string;
blueLight: string;
blueMid: string;
green: string;
greenDark: string;
greenLight: string;
magenta: string;
magentaDark: string;
magentaLight: string;
neutralDark: string;
neutralLight: string;
neutralLighter: string;
neutralLighterAlt: string;
neutralPrimary: string;
neutralPrimaryAlt: string;
neutralQuaternary: string;
neutralQuaternaryAlt: string;
neutralSecondary: string;
neutralSecondaryAlt: string;
neutralTertiary: string;
neutralTertiaryAlt: string;
orange: string;
orangeLight: string;
orangeLighter: string;
purple: string;
purpleDark: string;
purpleLight: string;
red: string;
redDark: string;
teal: string;
tealDark: string;
tealLight: string;
themeDark: string;
themeDarkAlt: string;
themeDarker: string;
themeLight: string;
themeLighter: string;
themeLighterAlt: string;
themePrimary: string;
themeSecondary: string;
themeTertiary: string;
white: string;
whiteTranslucent40: string;
yellow: string;
yellowDark: string;
yellowLight: string;
}
// @public (undocumented)
export interface IPartialTheme extends PartialTheme {
}
// @public (undocumented)
export interface IScheme {
disableGlobalClassNames: boolean;
// (undocumented)
effects: IEffects;
// (undocumented)
fonts: IFontStyles;
// (undocumented)
isInverted: boolean;
// (undocumented)
palette: IPalette;
// (undocumented)
rtl?: boolean;
// (undocumented)
semanticColors: ISemanticColors;
// @internal
spacing: ISpacing;
}
// Warning: (ae-internal-missing-underscore) The name "ISchemeNames" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export type ISchemeNames = 'default' | 'neutral' | 'soft' | 'strong';
// @public
export interface ISemanticColors extends ISemanticTextColors {
accentButtonBackground: string;
blockingBackground: string;
blockingIcon: string;
bodyBackground: string;
bodyBackgroundChecked: string;
bodyBackgroundHovered: string;
bodyDivider: string;
bodyFrameBackground: string;
bodyFrameDivider: string;
bodyStandoutBackground: string;
buttonBackground: string;
buttonBackgroundChecked: string;
buttonBackgroundCheckedHovered: string;
buttonBackgroundDisabled: string;
buttonBackgroundHovered: string;
buttonBackgroundPressed: string;
buttonBorder: string;
buttonBorderDisabled: string;
cardShadow: string;
cardShadowHovered: string;
cardStandoutBackground: string;
defaultStateBackground: string;
disabledBackground: string;
disabledBorder: string;
errorBackground: string;
errorIcon: string;
focusBorder: string;
infoBackground: string;
infoIcon: string;
inputBackground: string;
inputBackgroundChecked: string;
inputBackgroundCheckedHovered: string;
inputBorder: string;
inputBorderHovered: string;
inputFocusBorderAlt: string;
inputForegroundChecked: string;
inputIcon: string;
inputIconDisabled: string;
inputIconHovered: string;
inputPlaceholderBackgroundChecked: string;
listBackground: string;
listHeaderBackgroundHovered: string;
listHeaderBackgroundPressed: string;
listItemBackgroundChecked: string;
listItemBackgroundCheckedHovered: string;
listItemBackgroundHovered: string;
listText: string;
menuBackground: string;
menuDivider: string;
menuHeader: string;
menuIcon: string;
// @deprecated (undocumented)
menuItemBackgroundChecked: string;
menuItemBackgroundHovered: string;
menuItemBackgroundPressed: string;
menuItemText: string;
menuItemTextHovered: string;
messageLink: string;
messageLinkHovered: string;
primaryButtonBackground: string;
primaryButtonBackgroundDisabled: string;
primaryButtonBackgroundHovered: string;
primaryButtonBackgroundPressed: string;
primaryButtonBorder: string;
severeWarningBackground: string;
severeWarningIcon: string;
smallInputBorder: string;
successBackground: string;
successIcon: string;
variantBorder: string;
variantBorderHovered: string;
warningBackground: string;
// @deprecated (undocumented)
warningHighlight: string;
warningIcon: string;
}
// @public (undocumented)
export interface ISemanticTextColors {
accentButtonText: string;
actionLink: string;
actionLinkHovered: string;
bodySubtext: string;
bodyText: string;
bodyTextChecked: string;
buttonText: string;
buttonTextChecked: string;
buttonTextCheckedHovered: string;
buttonTextDisabled: string;
buttonTextHovered: string;
buttonTextPressed: string;
disabledBodySubtext: string;
disabledBodyText: string;
disabledSubtext: string;
disabledText: string;
errorText: string;
inputPlaceholderText: string;
inputText: string;
inputTextHovered: string;
link: string;
linkHovered: string;
listText: string;
// @deprecated (undocumented)
listTextColor: string;
messageText: string;
primaryButtonText: string;
primaryButtonTextDisabled: string;
primaryButtonTextHovered: string;
primaryButtonTextPressed: string;
// @deprecated (undocumented)
successText: string;
// @deprecated (undocumented)
warningText: string;
}
// Warning: (ae-internal-missing-underscore) The name "ISpacing" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal
export interface ISpacing {
// (undocumented)
l1: string;
// (undocumented)
l2: string;
// (undocumented)
m: string;
// (undocumented)
s1: string;
// (undocumented)
s2: string;
}
// @public (undocumented)
export interface ITheme extends Theme {
}
// @public (undocumented)
export namespace LocalizedFontFamilies {
const // (undocumented)
Arabic: string;
const // (undocumented)
ChineseSimplified = "'Microsoft Yahei UI', Verdana, Simsun";
const // (undocumented)
ChineseTraditional = "'Microsoft Jhenghei UI', Pmingliu";
const // (undocumented)
Cyrillic: string;
const // (undocumented)
EastEuropean: string;
const // (undocumented)
Greek: string;
const // (undocumented)
Hebrew: string;
const // (undocumented)
Hindi = "'Nirmala UI'";
const // (undocumented)
Japanese = "'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka";
const // (undocumented)
Korean = "'Malgun Gothic', Gulim";
const // (undocumented)
Selawik: string;
const // (undocumented)
Thai = "'Leelawadee UI Web', 'Kmer UI'";
const // (undocumented)
Vietnamese: string;
const // (undocumented)
WestEuropean: string;
const // (undocumented)
Armenian: string;
const // (undocumented)
Georgian: string;
}
// @public (undocumented)
export namespace LocalizedFontNames {
const // (undocumented)
Arabic = "Segoe UI Web (Arabic)";
const // (undocumented)
Cyrillic = "Segoe UI Web (Cyrillic)";
const // (undocumented)
EastEuropean = "Segoe UI Web (East European)";
const // (undocumented)
Greek = "Segoe UI Web (Greek)";
const // (undocumented)
Hebrew = "Segoe UI Web (Hebrew)";
const // (undocumented)
Thai = "Leelawadee UI Web";
const // (undocumented)
Vietnamese = "Segoe UI Web (Vietnamese)";
const // (undocumented)
WestEuropean = "Segoe UI Web (West European)";
const // (undocumented)
Selawik = "Selawik Web";
const // (undocumented)
Armenian = "Segoe UI Web (Armenian)";
const // (undocumented)
Georgian = "Segoe UI Web (Georgian)";
}
// @public
export function mergeThemes(theme: Theme, partialTheme?: PartialTheme): Theme;
// @public (undocumented)
export namespace MotionAnimations {
const // (undocumented)
fadeIn: string;
const // (undocumented)
fadeOut: string;
const // (undocumented)
scaleDownIn: string;
const // (undocumented)
scaleDownOut: string;
const // (undocumented)
slideLeftOut: string;
const // (undocumented)
slideRightOut: string;
const // (undocumented)
slideLeftIn: string;
const // (undocumented)
slideRightIn: string;
const // (undocumented)
slideUpOut: string;
const // (undocumented)
slideDownOut: string;
const // (undocumented)
slideUpIn: string;
const // (undocumented)
slideDownIn: string;
}
// @public (undocumented)
export namespace MotionDurations {
const // (undocumented)
duration1 = "100ms";
const // (undocumented)
duration2 = "200ms";
const // (undocumented)
duration3 = "300ms";
const // (undocumented)
duration4 = "400ms";
}
// @public (undocumented)
export namespace MotionTimings {
const // (undocumented)
accelerate = "cubic-bezier(0.9, 0.1, 1, 0.2)";
const // (undocumented)
decelerate = "cubic-bezier(0.1, 0.9, 0.2, 1)";
const // (undocumented)
linear = "cubic-bezier(0, 0, 1, 1)";
const // (undocumented)
standard = "cubic-bezier(0.8, 0, 0.2, 1)";
}
// @public (undocumented)
export namespace NeutralColors {
const // (undocumented)
black = "#000000";
const // (undocumented)
gray220 = "#11100f";
const // (undocumented)
gray210 = "#161514";
const // (undocumented)
gray200 = "#1b1a19";
const // (undocumented)
gray190 = "#201f1e";
const // (undocumented)
gray180 = "#252423";
const // (undocumented)
gray170 = "#292827";
const // (undocumented)
gray160 = "#323130";
const // (undocumented)
gray150 = "#3b3a39";
const // (undocumented)
gray140 = "#484644";
const // (undocumented)
gray130 = "#605e5c";
const // (undocumented)
gray120 = "#797775";
const // (undocumented)
gray110 = "#8a8886";
const // (undocumented)
gray100 = "#979593";
const // (undocumented)
gray90 = "#a19f9d";
const // (undocumented)
gray80 = "#b3b0ad";
const // (undocumented)
gray70 = "#bebbb8";
const // (undocumented)
gray60 = "#c8c6c4";
const // (undocumented)
gray50 = "#d2d0ce";
const // (undocumented)
gray40 = "#e1dfdd";
const // (undocumented)
gray30 = "#edebe9";
const // (undocumented)
gray20 = "#f3f2f1";
const // (undocumented)
gray10 = "#faf9f8";
const // (undocumented)
white = "#ffffff";
}
// @public
export interface PartialTheme {
// (undocumented)
components?: ComponentsStyles;
defaultFontStyle?: IRawStyle;
// (undocumented)
disableGlobalClassNames?: boolean;
// (undocumented)
effects?: Partial<IEffects>;
// (undocumented)
fonts?: Partial<IFontStyles>;
// (undocumented)
isInverted?: boolean;
// (undocumented)
palette?: Partial<IPalette>;
// (undocumented)
rtl?: boolean;
// @internal
schemes?: {
[P in ISchemeNames]?: IScheme;
};
// (undocumented)
semanticColors?: Partial<ISemanticColors>;
// Warning: (ae-incompatible-release-tags) The symbol "spacing" is marked as @public, but its signature references "ISpacing" which is marked as @internal
//
// (undocumented)
spacing?: Partial<ISpacing>;
}
// @public (undocumented)
export function registerDefaultFontFaces(baseUrl: string): void;
// @public (undocumented)
export namespace SharedColors {
const // (undocumented)
pinkRed10 = "#750b1c";
const // (undocumented)
red20 = "#a4262c";
const // (undocumented)
red10 = "#d13438";
const // (undocumented)
redOrange20 = "#603d30";
const // (undocumented)
redOrange10 = "#da3b01";
const // (undocumented)
orange30 = "#8e562e";
const // (undocumented)
orange20 = "#ca5010";
const // (undocumented)
orange10 = "#ffaa44";
const // (undocumented)
yellow10 = "#fce100";
const // (undocumented)
orangeYellow20 = "#986f0b";
const // (undocumented)
orangeYellow10 = "#c19c00";
const // (undocumented)
yellowGreen10 = "#8cbd18";
const // (undocumented)
green20 = "#0b6a0b";
const // (undocumented)
green10 = "#498205";
const // (undocumented)
greenCyan10 = "#00ad56";
const // (undocumented)
cyan40 = "#005e50";
const // (undocumented)
cyan30 = "#005b70";
const // (undocumented)
cyan20 = "#038387";
const // (undocumented)
cyan10 = "#00b7c3";
const // (undocumented)
cyanBlue20 = "#004e8c";
const // (undocumented)
cyanBlue10 = "#0078d4";
const // (undocumented)
blue10 = "#4f6bed";
const // (undocumented)
blueMagenta40 = "#373277";
const // (undocumented)
blueMagenta30 = "#5c2e91";
const // (undocumented)
blueMagenta20 = "#8764b8";
const // (undocumented)
blueMagenta10 = "#8378de";
const // (undocumented)
magenta20 = "#881798";
const // (undocumented)
magenta10 = "#c239b3";
const // (undocumented)
magentaPink20 = "#9b0062";
const // (undocumented)
magentaPink10 = "#e3008c";
const // (undocumented)
gray40 = "#393939";
const // (undocumented)
gray30 = "#7a7574";
const // (undocumented)
gray20 = "#69797e";
const // (undocumented)
gray10 = "#a0aeb2";
}
// @public
export interface Theme extends IScheme {
components?: ComponentsStyles;
// @internal
id?: string;
name?: string;
// @internal
schemes?: {
[P in ISchemeNames]?: IScheme;
};
}
// (No @packageDocumentation comment for this package)