@fluentui/react-theme - npm Package Compare versions

Comparing version 0.0.0-nightly940a86cbd620220117.1 to 0.0.0-nightly940de09b9520220131.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Mon, 17 Jan 2022 04:14:08 GMT",
-      "tag": "@fluentui/react-theme_v0.0.0-nightly940a86cbd620220117.1",
-      "version": "0.0.0-nightly940a86cbd620220117.1",
+      "date": "Mon, 31 Jan 2022 04:16:02 GMT",
+      "tag": "@fluentui/react-theme_v0.0.0-nightly940de09b9520220131.1",
+      "version": "0.0.0-nightly940de09b9520220131.1",
       "comments": {
@@ -14,6 +14,12 @@ "prerelease": [
             "package": "@fluentui/react-theme",
-            "commit": "07adbf7fccd0e09945e35e8c537e3595d8170375",
+            "commit": "7343cc2ca2eaca5e933abf6a8b8b57f910107cc4",
             "comment": "Release nightly v9"
           },
           {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-theme",
+            "commit": "fa3937813e6587d90ab5c43579321004fc37d6e9",
+            "comment": "feat(react-theme): Add colorNeutralForeground1Static token"
+          },
+          {
             "author": "[e-mail]",
@@ -57,2 +63,8 @@ "package": "@fluentui/react-theme",
           {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-theme",
+            "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
+            "comment": "remove inline-style-expand-shorthand from tsconfigs"
+          },
+          {
             "author": "[e-mail]",
@@ -62,2 +74,8 @@ "package": "@fluentui/react-theme",
             "comment": "chore(react-theme) Add theme tokens bundle size fixture"
+          },
+          {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-theme",
+            "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
+            "comment": "chore: use storybook runner for all vNext packages"
           }
@@ -64,0 +82,0 @@ ]

CHANGELOG.md

 # Change Log - @fluentui/react-theme
 
-This log was last generated on Mon, 17 Jan 2022 04:14:08 GMT and should not be manually modified.
+This log was last generated on Mon, 31 Jan 2022 04:16:02 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly940a86cbd620220117.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightly940a86cbd620220117.1)
+## [0.0.0-nightly940de09b9520220131.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightly940de09b9520220131.1)
 
-Mon, 17 Jan 2022 04:14:08 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v0.0.0-nightly940a86cbd620220117.1)
+Mon, 31 Jan 2022 04:16:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v0.0.0-nightly940de09b9520220131.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/07adbf7fccd0e09945e35e8c537e3595d8170375) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/7343cc2ca2eaca5e933abf6a8b8b57f910107cc4) by email not defined)
+- feat(react-theme): Add colorNeutralForeground1Static token ([PR #21385](https://github.com/microsoft/fluentui/pull/21385) by [e-mail])
 - updating brand colors ([PR #20140](https://github.com/microsoft/fluentui/pull/20140) by [e-mail])
@@ -16,0 +17,0 @@ - feat: Export tokens as mapping to CSS variables ([PR #21026](https://github.com/microsoft/fluentui/pull/21026) by [e-mail])

dist/react-theme.d.ts

@@ -148,2 +148,3 @@ export declare type BorderRadiusTokens = {
     colorBrandForeground2: string;
+    colorNeutralForeground1Static: string;
     colorNeutralForegroundInverted: string;
@@ -150,0 +151,0 @@ colorNeutralForegroundInvertedHover: string;

lib-commonjs/alias/dark.js

@@ -41,2 +41,3 @@ "use strict";
   colorBrandForeground2: brand[110],
+  colorNeutralForeground1Static: colors_1.grey[14],
   colorNeutralForegroundInverted: colors_1.white,
@@ -97,4 +98,4 @@ colorNeutralForegroundInvertedHover: colors_1.white,
   colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
-  colorNeutralStencil1: colors_1.grey[20],
-  colorNeutralStencil2: colors_1.grey[34],
+  colorNeutralStencil1: colors_1.grey[34],
+  colorNeutralStencil2: colors_1.grey[20],
   colorBrandBackground: brand[70],
@@ -101,0 +102,0 @@ colorBrandBackgroundHover: brand[80],

lib-commonjs/alias/highContrast.js

@@ -41,2 +41,3 @@ "use strict";
   colorBrandForeground2: colors_1.hcButtonText,
+  colorNeutralForeground1Static: colors_1.hcCanvas,
   colorNeutralForegroundInverted: colors_1.hcCanvasText,
@@ -97,4 +98,4 @@ colorNeutralForegroundInvertedHover: colors_1.hcHighlightText,
   colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas,
-  colorNeutralStencil1: colors_1.grey[8],
-  colorNeutralStencil2: colors_1.grey[52],
+  colorNeutralStencil1: colors_1.hcCanvasText,
+  colorNeutralStencil2: colors_1.hcCanvasText,
   colorBrandBackground: colors_1.hcButtonFace,
@@ -101,0 +102,0 @@ colorBrandBackgroundHover: colors_1.hcHighlight,

lib-commonjs/alias/light.js

@@ -41,2 +41,3 @@ "use strict";
   colorBrandForeground2: brand[70],
+  colorNeutralForeground1Static: colors_1.grey[14],
   colorNeutralForegroundInverted: colors_1.white,
@@ -79,3 +80,3 @@ colorNeutralForegroundInvertedHover: colors_1.white,
   colorNeutralBackground6: colors_1.grey[90],
-  colorNeutralBackgroundInverted: colors_1.grey[20],
+  colorNeutralBackgroundInverted: colors_1.grey[38],
   colorSubtleBackground: 'transparent',
@@ -82,0 +83,0 @@ colorSubtleBackgroundHover: colors_1.grey[96],

lib-commonjs/alias/teamsDark.js

@@ -41,2 +41,3 @@ "use strict";
   colorBrandForeground2: brand[110],
+  colorNeutralForeground1Static: colors_1.grey[14],
   colorNeutralForegroundInverted: colors_1.white,
@@ -97,4 +98,4 @@ colorNeutralForegroundInvertedHover: colors_1.white,
   colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
-  colorNeutralStencil1: colors_1.grey[20],
-  colorNeutralStencil2: colors_1.grey[34],
+  colorNeutralStencil1: colors_1.grey[34],
+  colorNeutralStencil2: colors_1.grey[20],
   colorBrandBackground: brand[70],
@@ -101,0 +102,0 @@ colorBrandBackgroundHover: brand[80],

lib-commonjs/tokens.js

@@ -48,2 +48,3 @@ "use strict";
   colorBrandForeground2: 'var(--colorBrandForeground2)',
+  colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
   colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
@@ -50,0 +51,0 @@ colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',

lib-commonjs/types.d.ts

@@ -35,2 +35,3 @@ /**
     colorBrandForeground2: string;
+    colorNeutralForeground1Static: string;
     colorNeutralForegroundInverted: string;
@@ -37,0 +38,0 @@ colorNeutralForegroundInvertedHover: string;

lib/alias/dark.js

@@ -33,2 +33,3 @@ import { black, blackAlpha, grey, white, whiteAlpha, sharedColors } from '../global/colors';
   colorBrandForeground2: brand[110],
+  colorNeutralForeground1Static: grey[14],
   colorNeutralForegroundInverted: white,
@@ -89,4 +90,4 @@ colorNeutralForegroundInvertedHover: white,
   colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
-  colorNeutralStencil1: grey[20],
-  colorNeutralStencil2: grey[34],
+  colorNeutralStencil1: grey[34],
+  colorNeutralStencil2: grey[20],
   colorBrandBackground: brand[70],
@@ -93,0 +94,0 @@ colorBrandBackgroundHover: brand[80],

lib/alias/highContrast.js

@@ -1,2 +0,2 @@
-import { grey, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, black } from '../global/colors';
+import { hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, black } from '../global/colors';
 export const generateColorTokens = () => ({
@@ -33,2 +33,3 @@ colorNeutralForeground1: hcCanvasText,
   colorBrandForeground2: hcButtonText,
+  colorNeutralForeground1Static: hcCanvas,
   colorNeutralForegroundInverted: hcCanvasText,
@@ -89,4 +90,4 @@ colorNeutralForegroundInvertedHover: hcHighlightText,
   colorNeutralBackgroundInvertedDisabled: hcCanvas,
-  colorNeutralStencil1: grey[8],
-  colorNeutralStencil2: grey[52],
+  colorNeutralStencil1: hcCanvasText,
+  colorNeutralStencil2: hcCanvasText,
   colorBrandBackground: hcButtonFace,
@@ -93,0 +94,0 @@ colorBrandBackgroundHover: hcHighlight,

lib/alias/light.js

@@ -33,2 +33,3 @@ import { black, blackAlpha, grey, white, whiteAlpha, sharedColors } from '../global/colors';
   colorBrandForeground2: brand[70],
+  colorNeutralForeground1Static: grey[14],
   colorNeutralForegroundInverted: white,
@@ -71,3 +72,3 @@ colorNeutralForegroundInvertedHover: white,
   colorNeutralBackground6: grey[90],
-  colorNeutralBackgroundInverted: grey[20],
+  colorNeutralBackgroundInverted: grey[38],
   colorSubtleBackground: 'transparent',
@@ -74,0 +75,0 @@ colorSubtleBackgroundHover: grey[96],

lib/alias/teamsDark.js

@@ -33,2 +33,3 @@ import { black, blackAlpha, grey, white, whiteAlpha, sharedColors } from '../global/colors';
   colorBrandForeground2: brand[110],
+  colorNeutralForeground1Static: grey[14],
   colorNeutralForegroundInverted: white,
@@ -89,4 +90,4 @@ colorNeutralForegroundInvertedHover: white,
   colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
-  colorNeutralStencil1: grey[20],
-  colorNeutralStencil2: grey[34],
+  colorNeutralStencil1: grey[34],
+  colorNeutralStencil2: grey[20],
   colorBrandBackground: brand[70],
@@ -93,0 +94,0 @@ colorBrandBackgroundHover: brand[80],

lib/tokens.js

@@ -42,2 +42,3 @@ export const tokens = {
   colorBrandForeground2: 'var(--colorBrandForeground2)',
+  colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
   colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
@@ -44,0 +45,0 @@ colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',

lib/types.d.ts

@@ -35,2 +35,3 @@ /**
     colorBrandForeground2: string;
+    colorNeutralForeground1Static: string;
     colorNeutralForegroundInverted: string;
@@ -37,0 +38,0 @@ colorNeutralForegroundInvertedHover: string;

package.json

 {
   "name": "@fluentui/react-theme",
-  "version": "0.0.0-nightly940a86cbd620220117.1",
+  "version": "0.0.0-nightly940de09b9520220131.1",
   "description": "Fluent UI themes",
@@ -22,3 +22,3 @@ "main": "lib-commonjs/index.js",
     "start": "yarn storybook",
-    "storybook": "start-storybook",
+    "storybook": "node ../../scripts/storybook/runner",
     "test": "jest --passWithNoTests",
@@ -25,0 +25,0 @@ "docs": "api-extractor run --config=config/api-extractor.local.json --local",

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

512018

increased by0.4%

Lines of code

7151

increased by0.44%

No dependency changes