808 lines
21 KiB
Markdown
808 lines
21 KiB
Markdown
|
## API Report File for "@fluentui/theme"
|
||
|
|
||
|
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
||
|
|
||
|
```ts
|
||
|
|
||
|
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)
|
||
|
|
||
|
```
|