@fluentui/theme - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

CHANGELOG.json

@@ -5,3 +5,18 @@ {
     {
-      "date": "Mon, 12 Oct 2020 12:25:15 GMT",
+      "date": "Wed, 14 Oct 2020 12:22:58 GMT",
+      "tag": "@fluentui/theme_v1.5.0",
+      "version": "1.5.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Make ITheme/IPartialTheme to be identical with Theme/PartialTheme typings.",
+            "author": "[e-mail]",
+            "commit": "6b5adf5ff536e71ba2dc40ee0b209552fe4c7893",
+            "package": "@fluentui/theme"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 12 Oct 2020 12:30:13 GMT",
       "tag": "@fluentui/theme_v1.4.0",
@@ -8,0 +23,0 @@ "version": "1.4.0",

CHANGELOG.md

 # Change Log - @fluentui/theme
 
-This log was last generated on Mon, 12 Oct 2020 12:25:15 GMT and should not be manually modified.
+This log was last generated on Wed, 14 Oct 2020 12:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.5.0](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v1.5.0)
+
+Wed, 14 Oct 2020 12:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v1.4.0..@fluentui/theme_v1.5.0)
+
+### Minor changes
+
+- Make ITheme/IPartialTheme to be identical with Theme/PartialTheme typings. ([PR #15480](https://github.com/microsoft/fluentui/pull/15480) by [e-mail])
+
 ## [1.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v1.4.0)
 
-Mon, 12 Oct 2020 12:25:15 GMT 
+Mon, 12 Oct 2020 12:30:13 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v1.3.0..@fluentui/theme_v1.4.0)
@@ -11,0 +20,0 @@

dist/theme.d.ts

@@ -72,7 +72,23 @@ import { IFontWeight } from '@uifabric/merge-styles';
 
+/**
+ * {@docCategory Theme}
+ * Component-level styles and token set.
+ */
+export declare type ComponentsStyles = {
+    [componentName: string]: ComponentStyles;
+};
+
+/**
+ * {@docCategory Theme}
+ * Component-level styles and variants.
+ */
 export declare interface ComponentStyles {
-    [componentName: string]: {
-        styles?: IStyleFunctionOrObject<any, any>;
-        variants?: Variants;
-    };
+    /**
+     * styles prop for a component.
+     */
+    styles?: IStyleFunctionOrObject<any, any>;
+    /**
+     * The variants property is still in an experimental phase. This is only applied by `ThemeProvider`.
+     */
+    variants?: Variants;
 }
@@ -504,19 +520,3 @@
  */
-export declare type IPartialTheme = {
-    palette?: Partial<IPalette>;
-    fonts?: Partial<IFontStyles>;
-    /**
-     * Use this property to specify font property defaults.
-     */
-    defaultFontStyle?: IRawStyle;
-    semanticColors?: Partial<ISemanticColors>;
-    isInverted?: boolean;
-    disableGlobalClassNames?: boolean;
-    rtl?: boolean;
-    spacing?: Partial<ISpacing>;
-    effects?: Partial<IEffects>;
-    schemes?: {
-        [P in ISchemeNames]?: IScheme;
-    };
-};
+export declare type IPartialTheme = PartialTheme;
 
@@ -1086,13 +1086,3 @@ /**
  */
-export declare interface ITheme extends IScheme {
-    /**
-     * @internal
-     * The schemes property is still in an experimental phase. The intent is to have it work
-     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
-     * Alternative themes that can be referred to by name.
-     */
-    schemes?: {
-        [P in ISchemeNames]?: IScheme;
-    };
-}
+export declare type ITheme = Theme;
 
@@ -1194,8 +1184,34 @@ export declare namespace LocalizedFontFamilies {
 /**
- * A partial theme object.
+ * {@docCategory Theme}
+ * A partial theme.
  */
-export declare interface PartialTheme extends IPartialTheme {
-    components?: ComponentStyles;
+export declare interface PartialTheme {
+    components?: ComponentsStyles;
+    stylesheets?: string[];
+    palette?: Partial<IPalette>;
+    fonts?: Partial<IFontStyles>;
+    semanticColors?: Partial<ISemanticColors>;
+    isInverted?: boolean;
+    disableGlobalClassNames?: boolean;
+    rtl?: boolean;
+    spacing?: Partial<ISpacing>;
+    effects?: Partial<IEffects>;
+    /**
+     * Use this property to specify font property defaults.
+     */
+    defaultFontStyle?: IRawStyle;
+    /**
+     * @internal
+     * Global tokens. This is experimental and not production-ready.
+     * */
     tokens?: RecursivePartial<Tokens>;
-    stylesheets?: string[];
+    /**
+     * @internal
+     * The schemes property is still in an experimental phase. The intent is to have it work
+     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
+     * Alternative themes that can be referred to by name.
+     */
+    schemes?: {
+        [P in ISchemeNames]?: IScheme;
+    };
 }
@@ -1255,12 +1271,35 @@
 /**
+ * {@docCategory Theme}
  * A prepared (fully expanded) theme object.
  */
-export declare interface Theme extends ITheme {
-    components?: ComponentStyles;
+export declare interface Theme extends IScheme {
+    /**
+     * Component-level styles and token set.
+     * This is still in an experimental phase and is only applied by `ThemeProvider`.
+     */
+    components?: ComponentsStyles;
+    /**
+     * 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.
+     */
     id?: string;
-    /** @internal
-     * This is currently only for internal use and not production-ready.
+    /**
+     * @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
+     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
+     * Alternative themes that can be referred to by name.
+     */
+    schemes?: {
+        [P in ISchemeNames]?: IScheme;
+    };
 }
@@ -1284,4 +1323,7 @@
 
+/**
+ * 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 { }

etc/theme.api.md

@@ -61,9 +61,11 @@ ## API Report File for "@fluentui/theme"
 
-// @public (undocumented)
+// @public
+export type ComponentsStyles = {
+    [componentName: string]: ComponentStyles;
+};
+
+// @public
 export interface ComponentStyles {
-    // (undocumented)
-    [componentName: string]: {
-        styles?: IStyleFunctionOrObject<any, any>;
-        variants?: Variants;
-    };
+    styles?: IStyleFunctionOrObject<any, any>;
+    variants?: Variants;
 }
@@ -387,16 +389,3 @@
 // @public (undocumented)
-export type IPartialTheme = {
-    palette?: Partial<IPalette>;
-    fonts?: Partial<IFontStyles>;
-    defaultFontStyle?: IRawStyle;
-    semanticColors?: Partial<ISemanticColors>;
-    isInverted?: boolean;
-    disableGlobalClassNames?: boolean;
-    rtl?: boolean;
-    spacing?: Partial<ISpacing>;
-    effects?: Partial<IEffects>;
-    schemes?: {
-        [P in ISchemeNames]?: IScheme;
-    };
-};
+export type IPartialTheme = PartialTheme;
 
@@ -561,8 +550,3 @@ // @public (undocumented)
 // @public (undocumented)
-export interface ITheme extends IScheme {
-    // @internal
-    schemes?: {
-        [P in ISchemeNames]?: IScheme;
-    };
-}
+export type ITheme = Theme;
 
@@ -739,8 +723,31 @@ // @public (undocumented)
 // @public
-export interface PartialTheme extends IPartialTheme {
+export interface PartialTheme {
     // (undocumented)
-    components?: ComponentStyles;
+    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>;
+    // (undocumented)
     stylesheets?: string[];
-    // (undocumented)
+    // @internal
     tokens?: RecursivePartial<Tokens>;
@@ -833,8 +840,10 @@ }
 // @public
-export interface Theme extends ITheme {
-    // (undocumented)
-    components?: ComponentStyles;
-    // (undocumented)
+export interface Theme extends IScheme {
+    components?: ComponentsStyles;
+    // @internal
     id?: string;
-    // (undocumented)
+    // @internal
+    schemes?: {
+        [P in ISchemeNames]?: IScheme;
+    };
     stylesheets?: string[];
@@ -862,13 +871,8 @@ // @internal
 
-// @public (undocumented)
+// @public
 export type Variants = Record<string, any>;
 
 
-// Warnings were encountered during analysis:
-//
-// lib/types/ITheme.d.ts:70:5 - (ae-incompatible-release-tags) The symbol "spacing" is marked as @public, but its signature references "ISpacing" which is marked as @internal
-// lib/types/ITheme.d.ts:72:5 - (ae-incompatible-release-tags) The symbol "schemes" is marked as @public, but its signature references "ISchemeNames" which is marked as @internal
-
 // (No @packageDocumentation comment for this package)
 
 ```

lib-amd/types/index.d.ts

@@ -8,3 +8,4 @@ export { IEffects } from './IEffects';
 export { IAnimationStyles, IAnimationVariables } from './IAnimationStyles';
-export { ITheme, IPartialTheme, IScheme, ISchemeNames } from './ITheme';
+export { IScheme, ISchemeNames } from './IScheme';
+export { ITheme, IPartialTheme } from './ITheme';
 export * from './Theme';

lib-amd/types/ITheme.d.ts

@@ -1,75 +0,10 @@
-import { IPalette } from './IPalette';
-import { IFontStyles } from './IFontStyles';
-import { ISemanticColors } from './ISemanticColors';
-import { ISpacing } from './ISpacing';
-import { IEffects } from './IEffects';
-import { IRawStyle } from '@uifabric/merge-styles';
+import { Theme, PartialTheme } from './Theme';
+export { ISchemeNames, IScheme } from './IScheme';
 /**
- * @internal
- * Predefined scheme identifiers.
- * Schemes are is still in an experimental phase.
- * This interface's naming and values are not finalized and are subject to change.
- * {@docCategory IScheme}
- */
-export declare type ISchemeNames = 'default' | 'neutral' | 'soft' | 'strong';
-/**
- * {@docCategory IScheme}
- */
-export interface IScheme {
-    rtl?: boolean;
-    palette: IPalette;
-    fonts: IFontStyles;
-    semanticColors: ISemanticColors;
-    isInverted: boolean;
-    /**
-     * This setting is for a very narrow use case and you probably don't need to worry about,
-     * unless you share a environment with others that also use fabric.
-     * It is used for disabling global styles on fabric components. This will prevent global
-     * overrides that might have been set by other fabric users from applying to your components.
-     * When you set this setting to `true` on your theme the components in the subtree of your
-     * Customizer will not get the global styles applied to them.
-     */
-    disableGlobalClassNames: boolean;
-    /**
-     * @internal
-     * The spacing property is still in an experimental phase. The intent is to have it
-     * be used for padding and margin sizes in a future release, but it is still undergoing review.
-     * Avoid using it until it is finalized.
-     */
-    spacing: ISpacing;
-    effects: IEffects;
-}
-/**
  * {@docCategory ITheme}
  */
-export interface ITheme extends IScheme {
-    /**
-     * @internal
-     * The schemes property is still in an experimental phase. The intent is to have it work
-     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
-     * Alternative themes that can be referred to by name.
-     */
-    schemes?: {
-        [P in ISchemeNames]?: IScheme;
-    };
-}
+export declare type ITheme = Theme;
 /**
  * {@docCategory ITheme}
  */
-export declare type IPartialTheme = {
-    palette?: Partial<IPalette>;
-    fonts?: Partial<IFontStyles>;
-    /**
-     * Use this property to specify font property defaults.
-     */
-    defaultFontStyle?: IRawStyle;
-    semanticColors?: Partial<ISemanticColors>;
-    isInverted?: boolean;
-    disableGlobalClassNames?: boolean;
-    rtl?: boolean;
-    spacing?: Partial<ISpacing>;
-    effects?: Partial<IEffects>;
-    schemes?: {
-        [P in ISchemeNames]?: IScheme;
-    };
-};
+export declare type IPartialTheme = PartialTheme;

lib-amd/types/ITheme.js

@@ -1,2 +0,1 @@
-/* eslint-disable @typescript-eslint/naming-convention */
 define(["require", "exports"], function (require, exports) {
@@ -3,0 +2,0 @@ "use strict";

lib-amd/types/Theme.d.ts

@@ -1,3 +0,9 @@
-import { IPartialTheme, ITheme } from './ITheme';
+import { IRawStyle } from '@uifabric/merge-styles';
 import { IStyleFunctionOrObject } from '@uifabric/utilities';
+import { IPalette } from './IPalette';
+import { IFontStyles } from './IFontStyles';
+import { ISemanticColors } from './ISemanticColors';
+import { ISpacing } from './ISpacing';
+import { IEffects } from './IEffects';
+import { IScheme, ISchemeNames } from './IScheme';
 /**
@@ -75,28 +81,95 @@ * A ramp of size values.
 }
+/**
+ * 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}
+ * Component-level styles and variants.
+ */
 export interface ComponentStyles {
-    [componentName: string]: {
-        styles?: IStyleFunctionOrObject<any, any>;
-        variants?: Variants;
-    };
+    /**
+     * styles prop for a component.
+     */
+    styles?: IStyleFunctionOrObject<any, any>;
+    /**
+     * The variants property is still in an experimental phase. This is only applied by `ThemeProvider`.
+     */
+    variants?: Variants;
 }
 /**
+ * {@docCategory Theme}
+ * Component-level styles and token set.
+ */
+export declare type ComponentsStyles = {
+    [componentName: string]: ComponentStyles;
+};
+/**
+ * {@docCategory Theme}
  * A prepared (fully expanded) theme object.
  */
-export interface Theme extends ITheme {
-    components?: ComponentStyles;
+export interface Theme extends IScheme {
+    /**
+     * Component-level styles and token set.
+     * This is still in an experimental phase and is only applied by `ThemeProvider`.
+     */
+    components?: ComponentsStyles;
+    /**
+     * 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.
+     */
     id?: string;
-    /** @internal
-     * This is currently only for internal use and not production-ready.
+    /**
+     * @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
+     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
+     * Alternative themes that can be referred to by name.
+     */
+    schemes?: {
+        [P in ISchemeNames]?: IScheme;
+    };
 }
 /**
- * A partial theme object.
+ * {@docCategory Theme}
+ * A partial theme.
  */
-export interface PartialTheme extends IPartialTheme {
-    components?: ComponentStyles;
+export interface PartialTheme {
+    components?: ComponentsStyles;
+    stylesheets?: string[];
+    palette?: Partial<IPalette>;
+    fonts?: Partial<IFontStyles>;
+    semanticColors?: Partial<ISemanticColors>;
+    isInverted?: boolean;
+    disableGlobalClassNames?: boolean;
+    rtl?: boolean;
+    spacing?: Partial<ISpacing>;
+    effects?: Partial<IEffects>;
+    /**
+     * Use this property to specify font property defaults.
+     */
+    defaultFontStyle?: IRawStyle;
+    /**
+     * @internal
+     * Global tokens. This is experimental and not production-ready.
+     * */
     tokens?: RecursivePartial<Tokens>;
-    stylesheets?: string[];
+    /**
+     * @internal
+     * The schemes property is still in an experimental phase. The intent is to have it work
+     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
+     * Alternative themes that can be referred to by name.
+     */
+    schemes?: {
+        [P in ISchemeNames]?: IScheme;
+    };
 }

lib-amd/version.js

 define(["require", "exports", "@uifabric/set-version"], function (require, exports, set_version_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    set_version_1.setVersion('@fluentui/theme', '1.3.0');
+    set_version_1.setVersion('@fluentui/theme', '1.4.0');
 });
 //# sourceMappingURL=version.js.map

lib-commonjs/types/index.d.ts

@@ -8,3 +8,4 @@ export { IEffects } from './IEffects';
 export { IAnimationStyles, IAnimationVariables } from './IAnimationStyles';
-export { ITheme, IPartialTheme, IScheme, ISchemeNames } from './ITheme';
+export { IScheme, ISchemeNames } from './IScheme';
+export { ITheme, IPartialTheme } from './ITheme';
 export * from './Theme';

lib-commonjs/types/ITheme.d.ts

@@ -1,75 +0,10 @@
-import { IPalette } from './IPalette';
-import { IFontStyles } from './IFontStyles';
-import { ISemanticColors } from './ISemanticColors';
-import { ISpacing } from './ISpacing';
-import { IEffects } from './IEffects';
-import { IRawStyle } from '@uifabric/merge-styles';
+import { Theme, PartialTheme } from './Theme';
+export { ISchemeNames, IScheme } from './IScheme';
 /**
- * @internal
- * Predefined scheme identifiers.
- * Schemes are is still in an experimental phase.
- * This interface's naming and values are not finalized and are subject to change.
- * {@docCategory IScheme}
- */
-export declare type ISchemeNames = 'default' | 'neutral' | 'soft' | 'strong';
-/**
- * {@docCategory IScheme}
- */
-export interface IScheme {
-    rtl?: boolean;
-    palette: IPalette;
-    fonts: IFontStyles;
-    semanticColors: ISemanticColors;
-    isInverted: boolean;
-    /**
-     * This setting is for a very narrow use case and you probably don't need to worry about,
-     * unless you share a environment with others that also use fabric.
-     * It is used for disabling global styles on fabric components. This will prevent global
-     * overrides that might have been set by other fabric users from applying to your components.
-     * When you set this setting to `true` on your theme the components in the subtree of your
-     * Customizer will not get the global styles applied to them.
-     */
-    disableGlobalClassNames: boolean;
-    /**
-     * @internal
-     * The spacing property is still in an experimental phase. The intent is to have it
-     * be used for padding and margin sizes in a future release, but it is still undergoing review.
-     * Avoid using it until it is finalized.
-     */
-    spacing: ISpacing;
-    effects: IEffects;
-}
-/**
  * {@docCategory ITheme}
  */
-export interface ITheme extends IScheme {
-    /**
-     * @internal
-     * The schemes property is still in an experimental phase. The intent is to have it work
-     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
-     * Alternative themes that can be referred to by name.
-     */
-    schemes?: {
-        [P in ISchemeNames]?: IScheme;
-    };
-}
+export declare type ITheme = Theme;
 /**
  * {@docCategory ITheme}
  */
-export declare type IPartialTheme = {
-    palette?: Partial<IPalette>;
-    fonts?: Partial<IFontStyles>;
-    /**
-     * Use this property to specify font property defaults.
-     */
-    defaultFontStyle?: IRawStyle;
-    semanticColors?: Partial<ISemanticColors>;
-    isInverted?: boolean;
-    disableGlobalClassNames?: boolean;
-    rtl?: boolean;
-    spacing?: Partial<ISpacing>;
-    effects?: Partial<IEffects>;
-    schemes?: {
-        [P in ISchemeNames]?: IScheme;
-    };
-};
+export declare type IPartialTheme = PartialTheme;

lib-commonjs/types/ITheme.js

 "use strict";
-/* eslint-disable @typescript-eslint/naming-convention */
 Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=ITheme.js.map

lib-commonjs/types/Theme.d.ts

@@ -1,3 +0,9 @@
-import { IPartialTheme, ITheme } from './ITheme';
+import { IRawStyle } from '@uifabric/merge-styles';
 import { IStyleFunctionOrObject } from '@uifabric/utilities';
+import { IPalette } from './IPalette';
+import { IFontStyles } from './IFontStyles';
+import { ISemanticColors } from './ISemanticColors';
+import { ISpacing } from './ISpacing';
+import { IEffects } from './IEffects';
+import { IScheme, ISchemeNames } from './IScheme';
 /**
@@ -75,28 +81,95 @@ * A ramp of size values.
 }
+/**
+ * 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}
+ * Component-level styles and variants.
+ */
 export interface ComponentStyles {
-    [componentName: string]: {
-        styles?: IStyleFunctionOrObject<any, any>;
-        variants?: Variants;
-    };
+    /**
+     * styles prop for a component.
+     */
+    styles?: IStyleFunctionOrObject<any, any>;
+    /**
+     * The variants property is still in an experimental phase. This is only applied by `ThemeProvider`.
+     */
+    variants?: Variants;
 }
 /**
+ * {@docCategory Theme}
+ * Component-level styles and token set.
+ */
+export declare type ComponentsStyles = {
+    [componentName: string]: ComponentStyles;
+};
+/**
+ * {@docCategory Theme}
  * A prepared (fully expanded) theme object.
  */
-export interface Theme extends ITheme {
-    components?: ComponentStyles;
+export interface Theme extends IScheme {
+    /**
+     * Component-level styles and token set.
+     * This is still in an experimental phase and is only applied by `ThemeProvider`.
+     */
+    components?: ComponentsStyles;
+    /**
+     * 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.
+     */
     id?: string;
-    /** @internal
-     * This is currently only for internal use and not production-ready.
+    /**
+     * @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
+     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
+     * Alternative themes that can be referred to by name.
+     */
+    schemes?: {
+        [P in ISchemeNames]?: IScheme;
+    };
 }
 /**
- * A partial theme object.
+ * {@docCategory Theme}
+ * A partial theme.
  */
-export interface PartialTheme extends IPartialTheme {
-    components?: ComponentStyles;
+export interface PartialTheme {
+    components?: ComponentsStyles;
+    stylesheets?: string[];
+    palette?: Partial<IPalette>;
+    fonts?: Partial<IFontStyles>;
+    semanticColors?: Partial<ISemanticColors>;
+    isInverted?: boolean;
+    disableGlobalClassNames?: boolean;
+    rtl?: boolean;
+    spacing?: Partial<ISpacing>;
+    effects?: Partial<IEffects>;
+    /**
+     * Use this property to specify font property defaults.
+     */
+    defaultFontStyle?: IRawStyle;
+    /**
+     * @internal
+     * Global tokens. This is experimental and not production-ready.
+     * */
     tokens?: RecursivePartial<Tokens>;
-    stylesheets?: string[];
+    /**
+     * @internal
+     * The schemes property is still in an experimental phase. The intent is to have it work
+     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
+     * Alternative themes that can be referred to by name.
+     */
+    schemes?: {
+        [P in ISchemeNames]?: IScheme;
+    };
 }

lib-commonjs/version.js

@@ -6,3 +6,3 @@ "use strict";
 var set_version_1 = require("@uifabric/set-version");
-set_version_1.setVersion('@fluentui/theme', '1.3.0');
+set_version_1.setVersion('@fluentui/theme', '1.4.0');
 //# sourceMappingURL=version.js.map

lib/types/index.d.ts

@@ -8,3 +8,4 @@ export { IEffects } from './IEffects';
 export { IAnimationStyles, IAnimationVariables } from './IAnimationStyles';
-export { ITheme, IPartialTheme, IScheme, ISchemeNames } from './ITheme';
+export { IScheme, ISchemeNames } from './IScheme';
+export { ITheme, IPartialTheme } from './ITheme';
 export * from './Theme';

lib/types/ITheme.d.ts

@@ -1,75 +0,10 @@
-import { IPalette } from './IPalette';
-import { IFontStyles } from './IFontStyles';
-import { ISemanticColors } from './ISemanticColors';
-import { ISpacing } from './ISpacing';
-import { IEffects } from './IEffects';
-import { IRawStyle } from '@uifabric/merge-styles';
+import { Theme, PartialTheme } from './Theme';
+export { ISchemeNames, IScheme } from './IScheme';
 /**
- * @internal
- * Predefined scheme identifiers.
- * Schemes are is still in an experimental phase.
- * This interface's naming and values are not finalized and are subject to change.
- * {@docCategory IScheme}
- */
-export declare type ISchemeNames = 'default' | 'neutral' | 'soft' | 'strong';
-/**
- * {@docCategory IScheme}
- */
-export interface IScheme {
-    rtl?: boolean;
-    palette: IPalette;
-    fonts: IFontStyles;
-    semanticColors: ISemanticColors;
-    isInverted: boolean;
-    /**
-     * This setting is for a very narrow use case and you probably don't need to worry about,
-     * unless you share a environment with others that also use fabric.
-     * It is used for disabling global styles on fabric components. This will prevent global
-     * overrides that might have been set by other fabric users from applying to your components.
-     * When you set this setting to `true` on your theme the components in the subtree of your
-     * Customizer will not get the global styles applied to them.
-     */
-    disableGlobalClassNames: boolean;
-    /**
-     * @internal
-     * The spacing property is still in an experimental phase. The intent is to have it
-     * be used for padding and margin sizes in a future release, but it is still undergoing review.
-     * Avoid using it until it is finalized.
-     */
-    spacing: ISpacing;
-    effects: IEffects;
-}
-/**
  * {@docCategory ITheme}
  */
-export interface ITheme extends IScheme {
-    /**
-     * @internal
-     * The schemes property is still in an experimental phase. The intent is to have it work
-     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
-     * Alternative themes that can be referred to by name.
-     */
-    schemes?: {
-        [P in ISchemeNames]?: IScheme;
-    };
-}
+export declare type ITheme = Theme;
 /**
  * {@docCategory ITheme}
  */
-export declare type IPartialTheme = {
-    palette?: Partial<IPalette>;
-    fonts?: Partial<IFontStyles>;
-    /**
-     * Use this property to specify font property defaults.
-     */
-    defaultFontStyle?: IRawStyle;
-    semanticColors?: Partial<ISemanticColors>;
-    isInverted?: boolean;
-    disableGlobalClassNames?: boolean;
-    rtl?: boolean;
-    spacing?: Partial<ISpacing>;
-    effects?: Partial<IEffects>;
-    schemes?: {
-        [P in ISchemeNames]?: IScheme;
-    };
-};
+export declare type IPartialTheme = PartialTheme;

lib/types/ITheme.js

@@ -1,2 +0,1 @@
-/* eslint-disable @typescript-eslint/naming-convention */
 //# sourceMappingURL=ITheme.js.map

lib/types/Theme.d.ts

@@ -1,3 +0,9 @@
-import { IPartialTheme, ITheme } from './ITheme';
+import { IRawStyle } from '@uifabric/merge-styles';
 import { IStyleFunctionOrObject } from '@uifabric/utilities';
+import { IPalette } from './IPalette';
+import { IFontStyles } from './IFontStyles';
+import { ISemanticColors } from './ISemanticColors';
+import { ISpacing } from './ISpacing';
+import { IEffects } from './IEffects';
+import { IScheme, ISchemeNames } from './IScheme';
 /**
@@ -75,28 +81,95 @@ * A ramp of size values.
 }
+/**
+ * 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}
+ * Component-level styles and variants.
+ */
 export interface ComponentStyles {
-    [componentName: string]: {
-        styles?: IStyleFunctionOrObject<any, any>;
-        variants?: Variants;
-    };
+    /**
+     * styles prop for a component.
+     */
+    styles?: IStyleFunctionOrObject<any, any>;
+    /**
+     * The variants property is still in an experimental phase. This is only applied by `ThemeProvider`.
+     */
+    variants?: Variants;
 }
 /**
+ * {@docCategory Theme}
+ * Component-level styles and token set.
+ */
+export declare type ComponentsStyles = {
+    [componentName: string]: ComponentStyles;
+};
+/**
+ * {@docCategory Theme}
  * A prepared (fully expanded) theme object.
  */
-export interface Theme extends ITheme {
-    components?: ComponentStyles;
+export interface Theme extends IScheme {
+    /**
+     * Component-level styles and token set.
+     * This is still in an experimental phase and is only applied by `ThemeProvider`.
+     */
+    components?: ComponentsStyles;
+    /**
+     * 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.
+     */
     id?: string;
-    /** @internal
-     * This is currently only for internal use and not production-ready.
+    /**
+     * @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
+     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
+     * Alternative themes that can be referred to by name.
+     */
+    schemes?: {
+        [P in ISchemeNames]?: IScheme;
+    };
 }
 /**
- * A partial theme object.
+ * {@docCategory Theme}
+ * A partial theme.
  */
-export interface PartialTheme extends IPartialTheme {
-    components?: ComponentStyles;
+export interface PartialTheme {
+    components?: ComponentsStyles;
+    stylesheets?: string[];
+    palette?: Partial<IPalette>;
+    fonts?: Partial<IFontStyles>;
+    semanticColors?: Partial<ISemanticColors>;
+    isInverted?: boolean;
+    disableGlobalClassNames?: boolean;
+    rtl?: boolean;
+    spacing?: Partial<ISpacing>;
+    effects?: Partial<IEffects>;
+    /**
+     * Use this property to specify font property defaults.
+     */
+    defaultFontStyle?: IRawStyle;
+    /**
+     * @internal
+     * Global tokens. This is experimental and not production-ready.
+     * */
     tokens?: RecursivePartial<Tokens>;
-    stylesheets?: string[];
+    /**
+     * @internal
+     * The schemes property is still in an experimental phase. The intent is to have it work
+     * in conjunction with new 'schemes' prop that any component making use of Foundation can use.
+     * Alternative themes that can be referred to by name.
+     */
+    schemes?: {
+        [P in ISchemeNames]?: IScheme;
+    };
 }

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 '@uifabric/set-version';
-setVersion('@fluentui/theme', '1.3.0');
+setVersion('@fluentui/theme', '1.4.0');
 //# sourceMappingURL=version.js.map

package.json

 {
   "name": "@fluentui/theme",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Basic building blocks for Fluent UI React Component themes",
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

679757

increased by1.87%

Number of package files

308

increased by3.01%

Lines of code

8347

increased by2.57%

No dependency changes