Socket
Socket
Sign inDemoInstall

@fluentui/theme

Package Overview
Dependencies
Maintainers
11
Versions
146
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fluentui/theme - npm Package Compare versions

Comparing version 2.0.0-beta.14 to 2.0.0-beta.15

32

CHANGELOG.json

@@ -5,6 +5,36 @@ {

{
"date": "Thu, 11 Feb 2021 00:54:36 GMT",
"date": "Fri, 12 Feb 2021 12:21:59 GMT",
"tag": "@fluentui/theme_v2.0.0-beta.15",
"version": "2.0.0-beta.15",
"comments": {
"prerelease": [
{
"comment": "[BREAKING] Remove theming logic/interface which are unrelated to v8 release.",
"author": "xgao@microsoft.com",
"commit": "84f36ddd24db3546e4ccb129a60f7f7f98ceefef",
"package": "@fluentui/theme"
}
]
}
},
{
"date": "Thu, 11 Feb 2021 12:18:41 GMT",
"tag": "@fluentui/theme_v2.0.0-beta.14",
"version": "2.0.0-beta.14",
"comments": {
"none": [
{
"comment": "Bump @fluentui/utilities to v8.0.0-beta.11",
"author": "martinhochel@microsoft.com",
"commit": "7566015a7edd355b4fcd3796bc8f44f732ef0877",
"package": "@fluentui/theme"
}
]
}
},
{
"date": "Thu, 11 Feb 2021 00:58:10 GMT",
"tag": "@fluentui/theme_v2.0.0-beta.14",
"version": "2.0.0-beta.14",
"comments": {
"prerelease": [

@@ -11,0 +41,0 @@ {

13

CHANGELOG.md
# Change Log - @fluentui/theme
This log was last generated on Thu, 11 Feb 2021 00:54:36 GMT and should not be manually modified.
This log was last generated on Fri, 12 Feb 2021 12:21:59 GMT and should not be manually modified.
<!-- Start content -->
## [2.0.0-beta.15](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.0.0-beta.15)
Fri, 12 Feb 2021 12:21:59 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.0.0-beta.14..@fluentui/theme_v2.0.0-beta.15)
### Changes
- [BREAKING] Remove theming logic/interface which are unrelated to v8 release. ([PR #16935](https://github.com/microsoft/fluentui/pull/16935) by xgao@microsoft.com)
## [2.0.0-beta.14](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.0.0-beta.14)
Thu, 11 Feb 2021 00:54:36 GMT
Thu, 11 Feb 2021 00:58:10 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.0.0-beta.13..@fluentui/theme_v2.0.0-beta.14)

@@ -11,0 +20,0 @@

120

dist/theme.d.ts

@@ -16,52 +16,2 @@ import { IFontWeight } from '@fluentui/merge-styles';

/**
* A set of states for each color plate to use.
*
* Note:
*
* State names here align to a consistent naming convention:
*
* The component is _____
*
* Bad: "hover", Good: "hovered"
*
* Additional considerations:
*
* The term "active" in css means that the keyboard or mouse button
* which activates the component is pressed down. It is however ambiguous
* with a focused state, as the HTML object model refers to the focused
* element as the "activeElement". To resolve ambiguity and to be more
* compatible with other platforms reusing token names, we have decided to snap
* to "pressed".
*/
export declare type ColorTokens = ColorTokenSet & {
checked?: ColorTokenSet;
checkedHovered?: ColorTokenSet;
checkedPressed?: ColorTokenSet;
disabled?: ColorTokenSet;
expanded?: ColorTokenSet;
focused?: ColorTokenSet;
hovered?: ColorTokenSet;
pressed?: ColorTokenSet;
selected?: ColorTokenSet;
};
/**
* A baseline set of color plates.
*/
export declare type ColorTokenSet = {
background?: string;
contentColor?: string;
secondaryContentColor?: string;
linkColor?: string;
iconColor?: string;
menuIconColor?: string;
borderColor?: string;
dividerColor?: string;
focusColor?: string;
focusInnerColor?: string;
opacity?: string;
highContrast?: ColorTokens;
};
export declare namespace CommunicationColors {

@@ -95,6 +45,2 @@ const shade30 = "#004578";

styles?: IStyleFunctionOrObject<any, any>;
/**
* The variants property is still in an experimental phase. This is only applied by `ThemeProvider`.
*/
variants?: Variants;
}

@@ -157,8 +103,2 @@

export declare type FontTokens = Partial<{
fontFamily: string;
fontSize: string;
fontWeight: string;
}>;
export declare namespace FontWeights {

@@ -173,7 +113,2 @@ const light: IFontWeight;

/**
* Get tokens from theme object.
*/
export declare function getTokens(theme: Theme, userTokens?: RecursivePartial<Tokens>): RecursivePartial<Tokens>;
/**
* All Fabric standard animations, exposed as json objects referencing predefined

@@ -1216,13 +1151,2 @@ * keyframes. These objects can be mixed in with other class definitions.

* @internal
* CSS stylesheets to be registered.
* This is still in an experimental phase and is only applied by `ThemeProvider`.
*/
stylesheets?: string[];
/**
* @internal
* Global tokens. This is experimental and not production-ready.
* */
tokens?: RecursivePartial<Tokens>;
/**
* @internal
* The schemes property is still in an experimental phase. The intent is to have it work

@@ -1237,9 +1161,2 @@ * in conjunction with new 'schemes' prop that any component making use of Foundation can use.

/**
* Recursive partial type.
*/
export declare type RecursivePartial<T> = {
[P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
};
export declare function registerDefaultFontFaces(baseUrl: string): void;

@@ -1285,7 +1202,2 @@

/**
* A ramp of size values.
*/
export declare type SizeValue = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | 'larger' | 'largest';
/**
* {@docCategory Theme}

@@ -1302,8 +1214,2 @@ * A prepared (fully expanded) theme object.

* @internal
* CSS stylesheets to be registered.
* This is still in an experimental phase and is only applied by `ThemeProvider`.
*/
stylesheets?: string[];
/**
* @internal
* Id of the theme. This is for internal use only.

@@ -1314,7 +1220,2 @@ */

* @internal
* Global tokens. This is for internal use only and is not production-ready.
* */
tokens?: RecursivePartial<Tokens>;
/**
* @internal
* The schemes property is still in an experimental phase. The intent is to have it work

@@ -1329,23 +1230,2 @@ * in conjunction with new 'schemes' prop that any component making use of Foundation can use.

export declare interface Tokens {
color: {
body: ColorTokens & TokenSetType;
brand: ColorTokens & TokenSetType;
[key: string]: TokenSetType;
};
[key: string]: TokenSetType;
}
/**
* A token set can provide a single string or object, mapping additional sub-parts of a token set.
*/
export declare type TokenSetType = {
[key: string]: TokenSetType | string | number | undefined;
};
/**
* A set of style configurations for variants of a component (e.g. primary is a variant for the Button component).
*/
export declare type Variants = Record<string, any>;
export { }

76

etc/theme.api.md

@@ -17,31 +17,2 @@ ## API Report File for "@fluentui/theme"

// @public
export type ColorTokens = ColorTokenSet & {
checked?: ColorTokenSet;
checkedHovered?: ColorTokenSet;
checkedPressed?: ColorTokenSet;
disabled?: ColorTokenSet;
expanded?: ColorTokenSet;
focused?: ColorTokenSet;
hovered?: ColorTokenSet;
pressed?: ColorTokenSet;
selected?: ColorTokenSet;
};
// @public
export type ColorTokenSet = {
background?: string;
contentColor?: string;
secondaryContentColor?: string;
linkColor?: string;
iconColor?: string;
menuIconColor?: string;
borderColor?: string;
dividerColor?: string;
focusColor?: string;
focusInnerColor?: string;
opacity?: string;
highContrast?: ColorTokens;
};
// @public (undocumented)

@@ -75,3 +46,2 @@ export namespace CommunicationColors {

styles?: IStyleFunctionOrObject<any, any>;
variants?: Variants;
}

@@ -171,9 +141,2 @@

// @public (undocumented)
export type FontTokens = Partial<{
fontFamily: string;
fontSize: string;
fontWeight: string;
}>;
// @public (undocumented)
export namespace FontWeights {

@@ -193,5 +156,2 @@ const // (undocumented)

// @public
export function getTokens(theme: Theme, userTokens?: RecursivePartial<Tokens>): RecursivePartial<Tokens>;
// @public
export interface IAnimationStyles {

@@ -760,13 +720,4 @@ // (undocumented)

spacing?: Partial<ISpacing>;
// @internal
stylesheets?: string[];
// @internal
tokens?: RecursivePartial<Tokens>;
}
// @public
export type RecursivePartial<T> = {
[P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
};
// @public (undocumented)

@@ -848,5 +799,2 @@ export function registerDefaultFontFaces(baseUrl: string): void;

// @public
export type SizeValue = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | 'larger' | 'largest';
// @public
export interface Theme extends IScheme {

@@ -860,31 +808,7 @@ components?: ComponentsStyles;

};
// @internal
stylesheets?: string[];
// @internal
tokens?: RecursivePartial<Tokens>;
}
// @public (undocumented)
export interface Tokens {
// (undocumented)
[key: string]: TokenSetType;
// (undocumented)
color: {
body: ColorTokens & TokenSetType;
brand: ColorTokens & TokenSetType;
[key: string]: TokenSetType;
};
}
// @public
export type TokenSetType = {
[key: string]: TokenSetType | string | number | undefined;
};
// @public
export type Variants = Record<string, any>;
// (No @packageDocumentation comment for this package)
```

1

lib-amd/index.d.ts

@@ -8,5 +8,4 @@ export * from './mergeThemes';

export * from './fonts/index';
export * from './utilities/index';
export * from './createTheme';
export { FluentTheme } from './FluentTheme';
import './version';

3

lib-amd/index.js

@@ -1,2 +0,2 @@

define(["require", "exports", "tslib", "./mergeThemes", "./colors/index", "./effects/index", "./spacing/index", "./motion/index", "./fonts/index", "./utilities/index", "./createTheme", "./FluentTheme", "./version"], function (require, exports, tslib_1, mergeThemes_1, index_1, index_2, index_3, index_4, index_5, index_6, createTheme_1, FluentTheme_1) {
define(["require", "exports", "tslib", "./mergeThemes", "./colors/index", "./effects/index", "./spacing/index", "./motion/index", "./fonts/index", "./createTheme", "./FluentTheme", "./version"], function (require, exports, tslib_1, mergeThemes_1, index_1, index_2, index_3, index_4, index_5, createTheme_1, FluentTheme_1) {
"use strict";

@@ -10,3 +10,2 @@ Object.defineProperty(exports, "__esModule", { value: true });

tslib_1.__exportStar(index_5, exports);
tslib_1.__exportStar(index_6, exports);
tslib_1.__exportStar(createTheme_1, exports);

@@ -13,0 +12,0 @@ exports.FluentTheme = FluentTheme_1.FluentTheme;

6

lib-amd/mergeThemes.js

@@ -1,2 +0,2 @@

define(["require", "exports", "@fluentui/utilities", "./utilities/getTokens", "./utilities/makeSemanticColors"], function (require, exports, utilities_1, getTokens_1, makeSemanticColors_1) {
define(["require", "exports", "@fluentui/utilities", "./utilities/makeSemanticColors"], function (require, exports, utilities_1, makeSemanticColors_1) {
"use strict";

@@ -22,6 +22,2 @@ Object.defineProperty(exports, "__esModule", { value: true });

}
if (partialTheme.stylesheets) {
mergedTheme.stylesheets = (theme.stylesheets || []).concat(partialTheme.stylesheets);
}
mergedTheme.tokens = getTokens_1.getTokens(mergedTheme, partialTheme.tokens);
return mergedTheme;

@@ -28,0 +24,0 @@ }

107

lib-amd/types/Theme.d.ts

@@ -10,83 +10,2 @@ import { IRawStyle } from '@fluentui/merge-styles';

/**
* A ramp of size values.
*/
export declare type SizeValue = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | 'larger' | 'largest';
/**
* A baseline set of color plates.
*/
export declare type ColorTokenSet = {
background?: string;
contentColor?: string;
secondaryContentColor?: string;
linkColor?: string;
iconColor?: string;
menuIconColor?: string;
borderColor?: string;
dividerColor?: string;
focusColor?: string;
focusInnerColor?: string;
opacity?: string;
highContrast?: ColorTokens;
};
/**
* A set of states for each color plate to use.
*
* Note:
*
* State names here align to a consistent naming convention:
*
* The component is _____
*
* Bad: "hover", Good: "hovered"
*
* Additional considerations:
*
* The term "active" in css means that the keyboard or mouse button
* which activates the component is pressed down. It is however ambiguous
* with a focused state, as the HTML object model refers to the focused
* element as the "activeElement". To resolve ambiguity and to be more
* compatible with other platforms reusing token names, we have decided to snap
* to "pressed".
*/
export declare type ColorTokens = ColorTokenSet & {
checked?: ColorTokenSet;
checkedHovered?: ColorTokenSet;
checkedPressed?: ColorTokenSet;
disabled?: ColorTokenSet;
expanded?: ColorTokenSet;
focused?: ColorTokenSet;
hovered?: ColorTokenSet;
pressed?: ColorTokenSet;
selected?: ColorTokenSet;
};
export declare type FontTokens = Partial<{
fontFamily: string;
fontSize: string;
fontWeight: string;
}>;
/**
* A token set can provide a single string or object, mapping additional sub-parts of a token set.
*/
export declare type TokenSetType = {
[key: string]: TokenSetType | string | number | undefined;
};
/**
* Recursive partial type.
*/
export declare type RecursivePartial<T> = {
[P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
};
export interface Tokens {
color: {
body: ColorTokens & TokenSetType;
brand: ColorTokens & TokenSetType;
[key: string]: TokenSetType;
};
[key: string]: TokenSetType;
}
/**
* A set of style configurations for variants of a component (e.g. primary is a variant for the Button component).
*/
export declare type Variants = Record<string, any>;
/**
* {@docCategory Theme}

@@ -100,6 +19,2 @@ * Component-level styles and variants.

styles?: IStyleFunctionOrObject<any, any>;
/**
* The variants property is still in an experimental phase. This is only applied by `ThemeProvider`.
*/
variants?: Variants;
}

@@ -125,8 +40,2 @@ /**

* @internal
* CSS stylesheets to be registered.
* This is still in an experimental phase and is only applied by `ThemeProvider`.
*/
stylesheets?: string[];
/**
* @internal
* Id of the theme. This is for internal use only.

@@ -137,7 +46,2 @@ */

* @internal
* Global tokens. This is for internal use only and is not production-ready.
* */
tokens?: RecursivePartial<Tokens>;
/**
* @internal
* The schemes property is still in an experimental phase. The intent is to have it work

@@ -171,13 +75,2 @@ * in conjunction with new 'schemes' prop that any component making use of Foundation can use.

* @internal
* CSS stylesheets to be registered.
* This is still in an experimental phase and is only applied by `ThemeProvider`.
*/
stylesheets?: string[];
/**
* @internal
* Global tokens. This is experimental and not production-ready.
* */
tokens?: RecursivePartial<Tokens>;
/**
* @internal
* The schemes property is still in an experimental phase. The intent is to have it work

@@ -184,0 +77,0 @@ * in conjunction with new 'schemes' prop that any component making use of Foundation can use.

2

lib-amd/version.js
define(["require", "exports", "@fluentui/set-version"], function (require, exports, set_version_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
set_version_1.setVersion('@fluentui/theme', '2.0.0-beta.14');
set_version_1.setVersion('@fluentui/theme', '2.0.0-beta.15');
});
//# sourceMappingURL=version.js.map

1

lib-commonjs/index.d.ts

@@ -8,5 +8,4 @@ export * from './mergeThemes';

export * from './fonts/index';
export * from './utilities/index';
export * from './createTheme';
export { FluentTheme } from './FluentTheme';
import './version';

1

lib-commonjs/index.js

@@ -10,3 +10,2 @@ "use strict";

tslib_1.__exportStar(require("./fonts/index"), exports);
tslib_1.__exportStar(require("./utilities/index"), exports);
tslib_1.__exportStar(require("./createTheme"), exports);

@@ -13,0 +12,0 @@ var FluentTheme_1 = require("./FluentTheme");

5

lib-commonjs/mergeThemes.js
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var utilities_1 = require("@fluentui/utilities");
var getTokens_1 = require("./utilities/getTokens");
var makeSemanticColors_1 = require("./utilities/makeSemanticColors");

@@ -24,6 +23,2 @@ /**

}
if (partialTheme.stylesheets) {
mergedTheme.stylesheets = (theme.stylesheets || []).concat(partialTheme.stylesheets);
}
mergedTheme.tokens = getTokens_1.getTokens(mergedTheme, partialTheme.tokens);
return mergedTheme;

@@ -30,0 +25,0 @@ }

107

lib-commonjs/types/Theme.d.ts

@@ -10,83 +10,2 @@ import { IRawStyle } from '@fluentui/merge-styles';

/**
* A ramp of size values.
*/
export declare type SizeValue = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | 'larger' | 'largest';
/**
* A baseline set of color plates.
*/
export declare type ColorTokenSet = {
background?: string;
contentColor?: string;
secondaryContentColor?: string;
linkColor?: string;
iconColor?: string;
menuIconColor?: string;
borderColor?: string;
dividerColor?: string;
focusColor?: string;
focusInnerColor?: string;
opacity?: string;
highContrast?: ColorTokens;
};
/**
* A set of states for each color plate to use.
*
* Note:
*
* State names here align to a consistent naming convention:
*
* The component is _____
*
* Bad: "hover", Good: "hovered"
*
* Additional considerations:
*
* The term "active" in css means that the keyboard or mouse button
* which activates the component is pressed down. It is however ambiguous
* with a focused state, as the HTML object model refers to the focused
* element as the "activeElement". To resolve ambiguity and to be more
* compatible with other platforms reusing token names, we have decided to snap
* to "pressed".
*/
export declare type ColorTokens = ColorTokenSet & {
checked?: ColorTokenSet;
checkedHovered?: ColorTokenSet;
checkedPressed?: ColorTokenSet;
disabled?: ColorTokenSet;
expanded?: ColorTokenSet;
focused?: ColorTokenSet;
hovered?: ColorTokenSet;
pressed?: ColorTokenSet;
selected?: ColorTokenSet;
};
export declare type FontTokens = Partial<{
fontFamily: string;
fontSize: string;
fontWeight: string;
}>;
/**
* A token set can provide a single string or object, mapping additional sub-parts of a token set.
*/
export declare type TokenSetType = {
[key: string]: TokenSetType | string | number | undefined;
};
/**
* Recursive partial type.
*/
export declare type RecursivePartial<T> = {
[P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
};
export interface Tokens {
color: {
body: ColorTokens & TokenSetType;
brand: ColorTokens & TokenSetType;
[key: string]: TokenSetType;
};
[key: string]: TokenSetType;
}
/**
* A set of style configurations for variants of a component (e.g. primary is a variant for the Button component).
*/
export declare type Variants = Record<string, any>;
/**
* {@docCategory Theme}

@@ -100,6 +19,2 @@ * Component-level styles and variants.

styles?: IStyleFunctionOrObject<any, any>;
/**
* The variants property is still in an experimental phase. This is only applied by `ThemeProvider`.
*/
variants?: Variants;
}

@@ -125,8 +40,2 @@ /**

* @internal
* CSS stylesheets to be registered.
* This is still in an experimental phase and is only applied by `ThemeProvider`.
*/
stylesheets?: string[];
/**
* @internal
* Id of the theme. This is for internal use only.

@@ -137,7 +46,2 @@ */

* @internal
* Global tokens. This is for internal use only and is not production-ready.
* */
tokens?: RecursivePartial<Tokens>;
/**
* @internal
* The schemes property is still in an experimental phase. The intent is to have it work

@@ -171,13 +75,2 @@ * in conjunction with new 'schemes' prop that any component making use of Foundation can use.

* @internal
* CSS stylesheets to be registered.
* This is still in an experimental phase and is only applied by `ThemeProvider`.
*/
stylesheets?: string[];
/**
* @internal
* Global tokens. This is experimental and not production-ready.
* */
tokens?: RecursivePartial<Tokens>;
/**
* @internal
* The schemes property is still in an experimental phase. The intent is to have it work

@@ -184,0 +77,0 @@ * in conjunction with new 'schemes' prop that any component making use of Foundation can use.

2

lib-commonjs/version.js

@@ -6,3 +6,3 @@ "use strict";

var set_version_1 = require("@fluentui/set-version");
set_version_1.setVersion('@fluentui/theme', '2.0.0-beta.14');
set_version_1.setVersion('@fluentui/theme', '2.0.0-beta.15');
//# sourceMappingURL=version.js.map

1

lib/index.d.ts

@@ -8,5 +8,4 @@ export * from './mergeThemes';

export * from './fonts/index';
export * from './utilities/index';
export * from './createTheme';
export { FluentTheme } from './FluentTheme';
import './version';

1

lib/index.js

@@ -7,3 +7,2 @@ export * from './mergeThemes';

export * from './fonts/index';
export * from './utilities/index';
export * from './createTheme';

@@ -10,0 +9,0 @@ export { FluentTheme } from './FluentTheme';

5

lib/mergeThemes.js
import { merge } from '@fluentui/utilities';
import { getTokens } from './utilities/getTokens';
import { getSemanticColors } from './utilities/makeSemanticColors';

@@ -22,8 +21,4 @@ /**

}
if (partialTheme.stylesheets) {
mergedTheme.stylesheets = (theme.stylesheets || []).concat(partialTheme.stylesheets);
}
mergedTheme.tokens = getTokens(mergedTheme, partialTheme.tokens);
return mergedTheme;
}
//# sourceMappingURL=mergeThemes.js.map

107

lib/types/Theme.d.ts

@@ -10,83 +10,2 @@ import { IRawStyle } from '@fluentui/merge-styles';

/**
* A ramp of size values.
*/
export declare type SizeValue = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | 'larger' | 'largest';
/**
* A baseline set of color plates.
*/
export declare type ColorTokenSet = {
background?: string;
contentColor?: string;
secondaryContentColor?: string;
linkColor?: string;
iconColor?: string;
menuIconColor?: string;
borderColor?: string;
dividerColor?: string;
focusColor?: string;
focusInnerColor?: string;
opacity?: string;
highContrast?: ColorTokens;
};
/**
* A set of states for each color plate to use.
*
* Note:
*
* State names here align to a consistent naming convention:
*
* The component is _____
*
* Bad: "hover", Good: "hovered"
*
* Additional considerations:
*
* The term "active" in css means that the keyboard or mouse button
* which activates the component is pressed down. It is however ambiguous
* with a focused state, as the HTML object model refers to the focused
* element as the "activeElement". To resolve ambiguity and to be more
* compatible with other platforms reusing token names, we have decided to snap
* to "pressed".
*/
export declare type ColorTokens = ColorTokenSet & {
checked?: ColorTokenSet;
checkedHovered?: ColorTokenSet;
checkedPressed?: ColorTokenSet;
disabled?: ColorTokenSet;
expanded?: ColorTokenSet;
focused?: ColorTokenSet;
hovered?: ColorTokenSet;
pressed?: ColorTokenSet;
selected?: ColorTokenSet;
};
export declare type FontTokens = Partial<{
fontFamily: string;
fontSize: string;
fontWeight: string;
}>;
/**
* A token set can provide a single string or object, mapping additional sub-parts of a token set.
*/
export declare type TokenSetType = {
[key: string]: TokenSetType | string | number | undefined;
};
/**
* Recursive partial type.
*/
export declare type RecursivePartial<T> = {
[P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
};
export interface Tokens {
color: {
body: ColorTokens & TokenSetType;
brand: ColorTokens & TokenSetType;
[key: string]: TokenSetType;
};
[key: string]: TokenSetType;
}
/**
* A set of style configurations for variants of a component (e.g. primary is a variant for the Button component).
*/
export declare type Variants = Record<string, any>;
/**
* {@docCategory Theme}

@@ -100,6 +19,2 @@ * Component-level styles and variants.

styles?: IStyleFunctionOrObject<any, any>;
/**
* The variants property is still in an experimental phase. This is only applied by `ThemeProvider`.
*/
variants?: Variants;
}

@@ -125,8 +40,2 @@ /**

* @internal
* CSS stylesheets to be registered.
* This is still in an experimental phase and is only applied by `ThemeProvider`.
*/
stylesheets?: string[];
/**
* @internal
* Id of the theme. This is for internal use only.

@@ -137,7 +46,2 @@ */

* @internal
* Global tokens. This is for internal use only and is not production-ready.
* */
tokens?: RecursivePartial<Tokens>;
/**
* @internal
* The schemes property is still in an experimental phase. The intent is to have it work

@@ -171,13 +75,2 @@ * in conjunction with new 'schemes' prop that any component making use of Foundation can use.

* @internal
* CSS stylesheets to be registered.
* This is still in an experimental phase and is only applied by `ThemeProvider`.
*/
stylesheets?: string[];
/**
* @internal
* Global tokens. This is experimental and not production-ready.
* */
tokens?: RecursivePartial<Tokens>;
/**
* @internal
* The schemes property is still in an experimental phase. The intent is to have it work

@@ -184,0 +77,0 @@ * in conjunction with new 'schemes' prop that any component making use of Foundation can use.

2

lib/version.js
// Do not modify this file; it is generated as part of publish.
// The checked in version is a placeholder only and will not be updated.
import { setVersion } from '@fluentui/set-version';
setVersion('@fluentui/theme', '2.0.0-beta.14');
setVersion('@fluentui/theme', '2.0.0-beta.15');
//# sourceMappingURL=version.js.map

2

package.json
{
"name": "@fluentui/theme",
"version": "2.0.0-beta.14",
"version": "2.0.0-beta.15",
"description": "Basic building blocks for Fluent UI React Component themes",

@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

lib-amd/utilities/getTokens.d.ts
lib-amd/utilities/getTokens.js
lib-amd/utilities/getTokens.js.map
lib-amd/utilities/index.d.ts
lib-amd/utilities/index.js
lib-amd/utilities/index.js.map
lib-commonjs/utilities/getTokens.d.ts
lib-commonjs/utilities/getTokens.js
lib-commonjs/utilities/getTokens.js.map
lib-commonjs/utilities/index.d.ts
lib-commonjs/utilities/index.js
lib-commonjs/utilities/index.js.map
lib/utilities/getTokens.d.ts
lib/utilities/getTokens.js
lib/utilities/getTokens.js.map
lib/utilities/index.d.ts
lib/utilities/index.js
lib/utilities/index.js.map
lib-amd/index.js.map

Sorry, the diff of this file is not supported yet

lib-amd/mergeThemes.js.map

Sorry, the diff of this file is not supported yet

lib-amd/types/Theme.js.map

Sorry, the diff of this file is not supported yet

lib-amd/version.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/index.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/mergeThemes.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/types/Theme.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/version.js.map

Sorry, the diff of this file is not supported yet

lib/index.js.map

Sorry, the diff of this file is not supported yet

lib/mergeThemes.js.map

Sorry, the diff of this file is not supported yet

lib/types/Theme.js.map

Sorry, the diff of this file is not supported yet

lib/version.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc