@fluentui/theme - npm Package Compare versions

Comparing version 1.2.1 to 1.3.0

CHANGELOG.json

@@ -5,3 +5,18 @@ {
     {
-      "date": "Sun, 27 Sep 2020 04:17:02 GMT",
+      "date": "Tue, 06 Oct 2020 17:26:33 GMT",
+      "tag": "@fluentui/theme_v1.3.0",
+      "version": "1.3.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Updating typings to add `Variants`.",
+            "author": "[e-mail]",
+            "commit": "ad2fdb05f33e0dd41c5671d02aff22a027fc4097",
+            "package": "@fluentui/theme"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sun, 27 Sep 2020 04:20:52 GMT",
       "tag": "@fluentui/theme_v1.2.1",
@@ -8,0 +23,0 @@ "version": "1.2.1",

CHANGELOG.md

 # Change Log - @fluentui/theme
 
-This log was last generated on Sun, 27 Sep 2020 04:17:02 GMT and should not be manually modified.
+This log was last generated on Tue, 06 Oct 2020 17:26:33 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v1.3.0)
+
+Tue, 06 Oct 2020 17:26:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v1.2.1..@fluentui/theme_v1.3.0)
+
+### Minor changes
+
+- Updating typings to add `Variants`. ([PR #15375](https://github.com/microsoft/fluentui/pull/15375) by [e-mail])
+
 ## [1.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v1.2.1)
 
-Sun, 27 Sep 2020 04:17:02 GMT 
+Sun, 27 Sep 2020 04:20:52 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v1.2.0..@fluentui/theme_v1.2.1)
@@ -11,0 +20,0 @@

dist/theme.d.ts

@@ -17,20 +17,2 @@ import { IFontWeight } from '@uifabric/merge-styles';
 /**
- * A baseline set of color plates.
- */
-export declare type ColorTokens = Partial<{
-    background: string;
-    contentColor: string;
-    secondaryContentColor: string;
-    linkColor: string;
-    iconColor: string;
-    borderColor: string;
-    dividerColor: string;
-    focusColor: string;
-    focusInnerColor: string;
-    opacity: string;
-}>;
-
-export declare type ColorTokenSet = ColorTokens & ColorTokenStates;
-
-/**
  * A set of states for each color plate to use.
@@ -55,11 +37,27 @@ *
  */
-export declare type ColorTokenStates = Partial<{
-    hovered: ColorTokens;
-    pressed: ColorTokens;
-    disabled: ColorTokens;
-    checked: ColorTokens;
-    checkedHovered: ColorTokens;
-    checkedPressed: ColorTokens;
-}>;
+export declare type ColorTokens = ColorTokenSet & {
+    hovered?: ColorTokens;
+    pressed?: ColorTokens;
+    disabled?: ColorTokens;
+    checked?: ColorTokens;
+    checkedHovered?: ColorTokens;
+    checkedPressed?: ColorTokens;
+};
 
+/**
+ * A baseline set of color plates.
+ */
+export declare type ColorTokenSet = {
+    background?: string;
+    contentColor?: string;
+    secondaryContentColor?: string;
+    linkColor?: string;
+    iconColor?: string;
+    borderColor?: string;
+    dividerColor?: string;
+    focusColor?: string;
+    focusInnerColor?: string;
+    opacity?: string;
+};
+
 export declare namespace CommunicationColors {
@@ -79,2 +77,3 @@ const shade30 = "#004578";
         styles?: IStyleFunctionOrObject<any, any>;
+        variants?: Variants;
     };
@@ -1261,2 +1260,3 @@ }
     stylesheets?: string[];
+    id?: string;
 }
@@ -1280,2 +1280,4 @@
 
+export declare type Variants = Record<string, any>;
+
 export { }

etc/theme.api.md

@@ -18,27 +18,24 @@ ## API Report File for "@fluentui/theme"
 // @public
-export type ColorTokens = Partial<{
-    background: string;
-    contentColor: string;
-    secondaryContentColor: string;
-    linkColor: string;
-    iconColor: string;
-    borderColor: string;
-    dividerColor: string;
-    focusColor: string;
-    focusInnerColor: string;
-    opacity: string;
-}>;
+export type ColorTokens = ColorTokenSet & {
+    hovered?: ColorTokens;
+    pressed?: ColorTokens;
+    disabled?: ColorTokens;
+    checked?: ColorTokens;
+    checkedHovered?: ColorTokens;
+    checkedPressed?: ColorTokens;
+};
 
-// @public (undocumented)
-export type ColorTokenSet = ColorTokens & ColorTokenStates;
-
 // @public
-export type ColorTokenStates = Partial<{
-    hovered: ColorTokens;
-    pressed: ColorTokens;
-    disabled: ColorTokens;
-    checked: ColorTokens;
-    checkedHovered: ColorTokens;
-    checkedPressed: ColorTokens;
-}>;
+export type ColorTokenSet = {
+    background?: string;
+    contentColor?: string;
+    secondaryContentColor?: string;
+    linkColor?: string;
+    iconColor?: string;
+    borderColor?: string;
+    dividerColor?: string;
+    focusColor?: string;
+    focusInnerColor?: string;
+    opacity?: string;
+};
 
@@ -70,2 +67,3 @@ // @public (undocumented)
         styles?: IStyleFunctionOrObject<any, any>;
+        variants?: Variants;
     };
@@ -837,2 +835,4 @@ }
     // (undocumented)
+    id?: string;
+    // (undocumented)
     stylesheets?: string[];
@@ -860,3 +860,6 @@ // (undocumented)
 
+// @public (undocumented)
+export type Variants = Record<string, any>;
 
+
 // Warnings were encountered during analysis:
@@ -863,0 +866,0 @@ //

lib-amd/types/Theme.d.ts

@@ -10,14 +10,14 @@ import { IPartialTheme, ITheme } from './ITheme';
  */
-export declare type ColorTokens = Partial<{
-    background: string;
-    contentColor: string;
-    secondaryContentColor: string;
-    linkColor: string;
-    iconColor: string;
-    borderColor: string;
-    dividerColor: string;
-    focusColor: string;
-    focusInnerColor: string;
-    opacity: string;
-}>;
+export declare type ColorTokenSet = {
+    background?: string;
+    contentColor?: string;
+    secondaryContentColor?: string;
+    linkColor?: string;
+    iconColor?: string;
+    borderColor?: string;
+    dividerColor?: string;
+    focusColor?: string;
+    focusInnerColor?: string;
+    opacity?: string;
+};
 /**
@@ -43,11 +43,10 @@ * A set of states for each color plate to use.
  */
-export declare type ColorTokenStates = Partial<{
-    hovered: ColorTokens;
-    pressed: ColorTokens;
-    disabled: ColorTokens;
-    checked: ColorTokens;
-    checkedHovered: ColorTokens;
-    checkedPressed: ColorTokens;
-}>;
-export declare type ColorTokenSet = ColorTokens & ColorTokenStates;
+export declare type ColorTokens = ColorTokenSet & {
+    hovered?: ColorTokens;
+    pressed?: ColorTokens;
+    disabled?: ColorTokens;
+    checked?: ColorTokens;
+    checkedHovered?: ColorTokens;
+    checkedPressed?: ColorTokens;
+};
 export declare type FontTokens = Partial<{
@@ -78,5 +77,7 @@ fontFamily: string;
 }
+export declare type Variants = Record<string, any>;
 export interface ComponentStyles {
     [componentName: string]: {
         styles?: IStyleFunctionOrObject<any, any>;
+        variants?: Variants;
     };
@@ -91,2 +92,3 @@ }
     stylesheets?: string[];
+    id?: string;
 }
@@ -93,0 +95,0 @@ /**

lib-commonjs/types/Theme.d.ts

@@ -10,14 +10,14 @@ import { IPartialTheme, ITheme } from './ITheme';
  */
-export declare type ColorTokens = Partial<{
-    background: string;
-    contentColor: string;
-    secondaryContentColor: string;
-    linkColor: string;
-    iconColor: string;
-    borderColor: string;
-    dividerColor: string;
-    focusColor: string;
-    focusInnerColor: string;
-    opacity: string;
-}>;
+export declare type ColorTokenSet = {
+    background?: string;
+    contentColor?: string;
+    secondaryContentColor?: string;
+    linkColor?: string;
+    iconColor?: string;
+    borderColor?: string;
+    dividerColor?: string;
+    focusColor?: string;
+    focusInnerColor?: string;
+    opacity?: string;
+};
 /**
@@ -43,11 +43,10 @@ * A set of states for each color plate to use.
  */
-export declare type ColorTokenStates = Partial<{
-    hovered: ColorTokens;
-    pressed: ColorTokens;
-    disabled: ColorTokens;
-    checked: ColorTokens;
-    checkedHovered: ColorTokens;
-    checkedPressed: ColorTokens;
-}>;
-export declare type ColorTokenSet = ColorTokens & ColorTokenStates;
+export declare type ColorTokens = ColorTokenSet & {
+    hovered?: ColorTokens;
+    pressed?: ColorTokens;
+    disabled?: ColorTokens;
+    checked?: ColorTokens;
+    checkedHovered?: ColorTokens;
+    checkedPressed?: ColorTokens;
+};
 export declare type FontTokens = Partial<{
@@ -78,5 +77,7 @@ fontFamily: string;
 }
+export declare type Variants = Record<string, any>;
 export interface ComponentStyles {
     [componentName: string]: {
         styles?: IStyleFunctionOrObject<any, any>;
+        variants?: Variants;
     };
@@ -91,2 +92,3 @@ }
     stylesheets?: string[];
+    id?: string;
 }
@@ -93,0 +95,0 @@ /**

lib/types/Theme.d.ts

@@ -10,14 +10,14 @@ import { IPartialTheme, ITheme } from './ITheme';
  */
-export declare type ColorTokens = Partial<{
-    background: string;
-    contentColor: string;
-    secondaryContentColor: string;
-    linkColor: string;
-    iconColor: string;
-    borderColor: string;
-    dividerColor: string;
-    focusColor: string;
-    focusInnerColor: string;
-    opacity: string;
-}>;
+export declare type ColorTokenSet = {
+    background?: string;
+    contentColor?: string;
+    secondaryContentColor?: string;
+    linkColor?: string;
+    iconColor?: string;
+    borderColor?: string;
+    dividerColor?: string;
+    focusColor?: string;
+    focusInnerColor?: string;
+    opacity?: string;
+};
 /**
@@ -43,11 +43,10 @@ * A set of states for each color plate to use.
  */
-export declare type ColorTokenStates = Partial<{
-    hovered: ColorTokens;
-    pressed: ColorTokens;
-    disabled: ColorTokens;
-    checked: ColorTokens;
-    checkedHovered: ColorTokens;
-    checkedPressed: ColorTokens;
-}>;
-export declare type ColorTokenSet = ColorTokens & ColorTokenStates;
+export declare type ColorTokens = ColorTokenSet & {
+    hovered?: ColorTokens;
+    pressed?: ColorTokens;
+    disabled?: ColorTokens;
+    checked?: ColorTokens;
+    checkedHovered?: ColorTokens;
+    checkedPressed?: ColorTokens;
+};
 export declare type FontTokens = Partial<{
@@ -78,5 +77,7 @@ fontFamily: string;
 }
+export declare type Variants = Record<string, any>;
 export interface ComponentStyles {
     [componentName: string]: {
         styles?: IStyleFunctionOrObject<any, any>;
+        variants?: Variants;
     };
@@ -91,2 +92,3 @@ }
     stylesheets?: string[];
+    id?: string;
 }
@@ -93,0 +95,0 @@ /**

package.json

 {
   "name": "@fluentui/theme",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "Basic building blocks for Fluent UI React Component themes",
@@ -46,3 +46,3 @@ "main": "lib-commonjs/index.js",
     "@uifabric/merge-styles": "^7.19.1",
-    "@uifabric/utilities": "^7.32.3",
+    "@uifabric/utilities": "^7.32.4",
     "@uifabric/set-version": "^7.0.23",
@@ -49,0 +49,0 @@ "tslib": "^1.10.0"

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

648181

increased by0.21%

Lines of code

7755

increased by0.3%

Dependency changes

• Updated@uifabric/utilities@^7.32.4