@fluentui/react-theme - npm Package Compare versions

Comparing version 9.0.0-alpha.7 to 9.0.0-alpha.8

CHANGELOG.json

@@ -5,3 +5,18 @@ {
     {
-      "date": "Wed, 31 Mar 2021 00:47:26 GMT",
+      "date": "Thu, 08 Apr 2021 07:29:50 GMT",
+      "tag": "@fluentui/react-theme_v9.0.0-alpha.8",
+      "version": "9.0.0-alpha.8",
+      "comments": {
+        "prerelease": [
+          {
+            "comment": "Renaming all instances of ghost to subtle per the latest design guidelines.",
+            "author": "[e-mail]",
+            "commit": "25e841e469f1a7b33278f8a5dccd2f7865b3a557",
+            "package": "@fluentui/react-theme"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 31 Mar 2021 00:53:43 GMT",
       "tag": "@fluentui/react-theme_v9.0.0-alpha.7",
@@ -8,0 +23,0 @@ "version": "9.0.0-alpha.7",

CHANGELOG.md

 # Change Log - @fluentui/react-theme
 
-This log was last generated on Wed, 31 Mar 2021 00:47:26 GMT and should not be manually modified.
+This log was last generated on Thu, 08 Apr 2021 07:29:50 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.8)
+
+Thu, 08 Apr 2021 07:29:50 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.7..@fluentui/react-theme_v9.0.0-alpha.8)
+
+### Changes
+
+- Renaming all instances of ghost to subtle per the latest design guidelines. ([PR #17676](https://github.com/microsoft/fluentui/pull/17676) by [e-mail])
+
 ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.7)
 
-Wed, 31 Mar 2021 00:47:26 GMT 
+Wed, 31 Mar 2021 00:53:43 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.6..@fluentui/react-theme_v9.0.0-alpha.7)
@@ -11,0 +20,0 @@

lib-amd/themes/teams/darkTheme.js

@@ -25,3 +25,3 @@ define(["require", "exports", "tslib", "../../utils/dark/index", "../../global/index", "./globalTheme", "../../utils/shadows"], function (require, exports, tslib_1, index_1, index_2, globalTheme_1, shadows_1) {
         alias: {
-            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: teamsNeutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.teams) }),
+            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: teamsNeutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.teams) }),
             shadow: shadows_1.createShadowLevelTokens(teamsNeutralColorTokens.neutralShadowAmbient, teamsNeutralColorTokens.neutralShadowKey),
@@ -28,0 +28,0 @@ },

lib-amd/themes/teams/highContrastTheme.js

@@ -8,3 +8,3 @@ define(["require", "exports", "tslib", "../../utils/highContrast/index", "../../global/index", "./globalTheme", "../../utils/shadows"], function (require, exports, tslib_1, index_1, index_2, globalTheme_1, shadows_1) {
         alias: {
-            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: teamsNeutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens() }),
+            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: teamsNeutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens() }),
             shadow: shadows_1.createShadowLevelTokens(teamsNeutralColorTokens.neutralShadowAmbient, teamsNeutralColorTokens.neutralShadowKey),
@@ -11,0 +11,0 @@ },

lib-amd/themes/teams/lightTheme.js

@@ -8,3 +8,3 @@ define(["require", "exports", "tslib", "../../utils/light/index", "../../global/index", "./globalTheme", "../../utils/shadows"], function (require, exports, tslib_1, index_1, index_2, globalTheme_1, shadows_1) {
         alias: {
-            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.teams) }),
+            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.teams) }),
             shadow: shadows_1.createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -11,0 +11,0 @@ },

lib-amd/themes/web/darkTheme.js

@@ -8,3 +8,3 @@ define(["require", "exports", "tslib", "../../utils/dark/index", "../../global/index", "./globalTheme", "../../utils/shadows"], function (require, exports, tslib_1, index_1, index_2, globalTheme_1, shadows_1) {
         alias: {
-            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.web) }),
+            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.web) }),
             shadow: shadows_1.createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -11,0 +11,0 @@ },

lib-amd/themes/web/highContrastTheme.js

@@ -8,3 +8,3 @@ define(["require", "exports", "tslib", "../../utils/highContrast/index", "../../global/index", "./globalTheme", "../../utils/shadows"], function (require, exports, tslib_1, index_1, index_2, globalTheme_1, shadows_1) {
         alias: {
-            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens() }),
+            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens() }),
             shadow: shadows_1.createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -11,0 +11,0 @@ },

lib-amd/themes/web/lightTheme.js

@@ -8,3 +8,3 @@ define(["require", "exports", "tslib", "../../utils/light/index", "../../global/index", "./globalTheme", "../../utils/shadows"], function (require, exports, tslib_1, index_1, index_2, globalTheme_1, shadows_1) {
         alias: {
-            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.web) }),
+            color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.web) }),
             shadow: shadows_1.createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -11,0 +11,0 @@ },

lib-amd/types.d.ts

@@ -282,3 +282,3 @@ /**
             neutral: NeutralColorTokens;
-            ghost: BackgroundColorTokens;
+            subtle: BackgroundColorTokens;
             transparent: BackgroundColorTokens;
@@ -285,0 +285,0 @@ brand: BrandColorTokens;

lib-amd/utils/dark/colors.d.ts

 import { NeutralColorTokens, ColorVariants, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
-export declare const ghostColorTokens: BackgroundColorTokens;
+export declare const subtleColorTokens: BackgroundColorTokens;
 export declare const transparentColorTokens: BackgroundColorTokens;
@@ -4,0 +4,0 @@ export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;

lib-amd/utils/dark/colors.js

 define(["require", "exports", "tslib", "../../global/index"], function (require, exports, tslib_1, index_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ghostColorTokens = {
+    exports.subtleColorTokens = {
         background: 'red',
@@ -6,0 +6,0 @@ backgroundHover: 'red',

lib-amd/utils/highContrast/colors.d.ts

 import { NeutralColorTokens, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandColorTokens } from '../../types';
-export declare const ghostColorTokens: BackgroundColorTokens;
+export declare const subtleColorTokens: BackgroundColorTokens;
 export declare const transparentColorTokens: BackgroundColorTokens;
@@ -4,0 +4,0 @@ export declare function createBrandColorTokens(): BrandColorTokens;

lib-amd/utils/highContrast/colors.js

 define(["require", "exports", "tslib", "../../global/index"], function (require, exports, tslib_1, index_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ghostColorTokens = {
+    exports.subtleColorTokens = {
         background: 'red',
@@ -6,0 +6,0 @@ backgroundHover: 'red',

lib-amd/utils/light/colors.d.ts

 import { NeutralColorTokens, SharedColorTokens, ColorVariants, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
-export declare const ghostColorTokens: BackgroundColorTokens;
+export declare const subtleColorTokens: BackgroundColorTokens;
 export declare const transparentColorTokens: BackgroundColorTokens;
@@ -4,0 +4,0 @@ export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;

lib-amd/utils/light/colors.js

 define(["require", "exports", "tslib", "../../global/index"], function (require, exports, tslib_1, index_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ghostColorTokens = {
+    exports.subtleColorTokens = {
         background: 'transparent',
@@ -6,0 +6,0 @@ backgroundHover: index_1.grey[96],

lib-commonjs/themes/teams/darkTheme.js

@@ -29,3 +29,3 @@ "use strict";
     alias: {
-        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: teamsNeutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.teams) }),
+        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: teamsNeutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.teams) }),
         shadow: shadows_1.createShadowLevelTokens(teamsNeutralColorTokens.neutralShadowAmbient, teamsNeutralColorTokens.neutralShadowKey),
@@ -32,0 +32,0 @@ },

lib-commonjs/themes/teams/highContrastTheme.js

@@ -12,3 +12,3 @@ "use strict";
     alias: {
-        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: teamsNeutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens() }),
+        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: teamsNeutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens() }),
         shadow: shadows_1.createShadowLevelTokens(teamsNeutralColorTokens.neutralShadowAmbient, teamsNeutralColorTokens.neutralShadowKey),
@@ -15,0 +15,0 @@ },

lib-commonjs/themes/teams/lightTheme.js

@@ -12,3 +12,3 @@ "use strict";
     alias: {
-        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.teams) }),
+        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.teams) }),
         shadow: shadows_1.createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -15,0 +15,0 @@ },

lib-commonjs/themes/web/darkTheme.js

@@ -12,3 +12,3 @@ "use strict";
     alias: {
-        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.web) }),
+        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.web) }),
         shadow: shadows_1.createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -15,0 +15,0 @@ },

lib-commonjs/themes/web/highContrastTheme.js

@@ -12,3 +12,3 @@ "use strict";
     alias: {
-        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens() }),
+        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens() }),
         shadow: shadows_1.createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -15,0 +15,0 @@ },

lib-commonjs/themes/web/lightTheme.js

@@ -12,3 +12,3 @@ "use strict";
     alias: {
-        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, ghost: index_1.ghostColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.web) }),
+        color: tslib_1.__assign(tslib_1.__assign({}, index_1.sharedColorTokens), { neutral: neutralColorTokens, subtle: index_1.subtleColorTokens, transparent: index_1.transparentColorTokens, brand: index_1.createBrandColorTokens(index_2.brandColors.web) }),
         shadow: shadows_1.createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -15,0 +15,0 @@ },

lib-commonjs/types.d.ts

@@ -282,3 +282,3 @@ /**
             neutral: NeutralColorTokens;
-            ghost: BackgroundColorTokens;
+            subtle: BackgroundColorTokens;
             transparent: BackgroundColorTokens;
@@ -285,0 +285,0 @@ brand: BrandColorTokens;

lib-commonjs/utils/dark/colors.d.ts

 import { NeutralColorTokens, ColorVariants, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
-export declare const ghostColorTokens: BackgroundColorTokens;
+export declare const subtleColorTokens: BackgroundColorTokens;
 export declare const transparentColorTokens: BackgroundColorTokens;
@@ -4,0 +4,0 @@ export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;

lib-commonjs/utils/dark/colors.js

@@ -5,3 +5,3 @@ "use strict";
 var index_1 = require("../../global/index");
-exports.ghostColorTokens = {
+exports.subtleColorTokens = {
     background: 'red',
@@ -8,0 +8,0 @@ backgroundHover: 'red',

lib-commonjs/utils/highContrast/colors.d.ts

 import { NeutralColorTokens, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandColorTokens } from '../../types';
-export declare const ghostColorTokens: BackgroundColorTokens;
+export declare const subtleColorTokens: BackgroundColorTokens;
 export declare const transparentColorTokens: BackgroundColorTokens;
@@ -4,0 +4,0 @@ export declare function createBrandColorTokens(): BrandColorTokens;

lib-commonjs/utils/highContrast/colors.js

@@ -5,3 +5,3 @@ "use strict";
 var index_1 = require("../../global/index");
-exports.ghostColorTokens = {
+exports.subtleColorTokens = {
     background: 'red',
@@ -8,0 +8,0 @@ backgroundHover: 'red',

lib-commonjs/utils/light/colors.d.ts

 import { NeutralColorTokens, SharedColorTokens, ColorVariants, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
-export declare const ghostColorTokens: BackgroundColorTokens;
+export declare const subtleColorTokens: BackgroundColorTokens;
 export declare const transparentColorTokens: BackgroundColorTokens;
@@ -4,0 +4,0 @@ export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;

lib-commonjs/utils/light/colors.js

@@ -5,3 +5,3 @@ "use strict";
 var index_1 = require("../../global/index");
-exports.ghostColorTokens = {
+exports.subtleColorTokens = {
     background: 'transparent',
@@ -8,0 +8,0 @@ backgroundHover: index_1.grey[96],

lib/themes/teams/darkTheme.js

 import { __assign } from "tslib";
-import { createBrandColorTokens, createNeutralColorTokens, ghostColorTokens, sharedColorTokens, transparentColorTokens, } from '../../utils/dark/index';
+import { createBrandColorTokens, createNeutralColorTokens, subtleColorTokens, sharedColorTokens, transparentColorTokens, } from '../../utils/dark/index';
 import { brandColors, grey } from '../../global/index';
@@ -27,3 +27,3 @@ import { globalTheme } from './globalTheme';
     alias: {
-        color: __assign(__assign({}, sharedColorTokens), { neutral: teamsNeutralColorTokens, ghost: ghostColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens(brandColors.teams) }),
+        color: __assign(__assign({}, sharedColorTokens), { neutral: teamsNeutralColorTokens, subtle: subtleColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens(brandColors.teams) }),
         shadow: createShadowLevelTokens(teamsNeutralColorTokens.neutralShadowAmbient, teamsNeutralColorTokens.neutralShadowKey),
@@ -30,0 +30,0 @@ },

lib/themes/teams/highContrastTheme.js

 import { __assign } from "tslib";
-import { createBrandColorTokens, createNeutralColorTokens, ghostColorTokens, sharedColorTokens, transparentColorTokens, } from '../../utils/highContrast/index';
+import { createBrandColorTokens, createNeutralColorTokens, subtleColorTokens, sharedColorTokens, transparentColorTokens, } from '../../utils/highContrast/index';
 import { brandColors } from '../../global/index';
@@ -10,3 +10,3 @@ import { globalTheme } from './globalTheme';
     alias: {
-        color: __assign(__assign({}, sharedColorTokens), { neutral: teamsNeutralColorTokens, ghost: ghostColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens() }),
+        color: __assign(__assign({}, sharedColorTokens), { neutral: teamsNeutralColorTokens, subtle: subtleColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens() }),
         shadow: createShadowLevelTokens(teamsNeutralColorTokens.neutralShadowAmbient, teamsNeutralColorTokens.neutralShadowKey),
@@ -13,0 +13,0 @@ },

lib/themes/teams/lightTheme.js

 import { __assign } from "tslib";
-import { createBrandColorTokens, createNeutralColorTokens, sharedColorTokens, transparentColorTokens, ghostColorTokens, } from '../../utils/light/index';
+import { createBrandColorTokens, createNeutralColorTokens, sharedColorTokens, transparentColorTokens, subtleColorTokens, } from '../../utils/light/index';
 import { brandColors } from '../../global/index';
@@ -10,3 +10,3 @@ import { globalTheme } from './globalTheme';
     alias: {
-        color: __assign(__assign({}, sharedColorTokens), { neutral: neutralColorTokens, ghost: ghostColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens(brandColors.teams) }),
+        color: __assign(__assign({}, sharedColorTokens), { neutral: neutralColorTokens, subtle: subtleColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens(brandColors.teams) }),
         shadow: createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -13,0 +13,0 @@ },

lib/themes/web/darkTheme.js

 import { __assign } from "tslib";
-import { createBrandColorTokens, createNeutralColorTokens, ghostColorTokens, sharedColorTokens, transparentColorTokens, } from '../../utils/dark/index';
+import { createBrandColorTokens, createNeutralColorTokens, subtleColorTokens, sharedColorTokens, transparentColorTokens, } from '../../utils/dark/index';
 import { brandColors } from '../../global/index';
@@ -10,3 +10,3 @@ import { globalTheme } from './globalTheme';
     alias: {
-        color: __assign(__assign({}, sharedColorTokens), { neutral: neutralColorTokens, ghost: ghostColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens(brandColors.web) }),
+        color: __assign(__assign({}, sharedColorTokens), { neutral: neutralColorTokens, subtle: subtleColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens(brandColors.web) }),
         shadow: createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -13,0 +13,0 @@ },

lib/themes/web/highContrastTheme.js

 import { __assign } from "tslib";
-import { createBrandColorTokens, createNeutralColorTokens, ghostColorTokens, sharedColorTokens, transparentColorTokens, } from '../../utils/highContrast/index';
+import { createBrandColorTokens, createNeutralColorTokens, subtleColorTokens, sharedColorTokens, transparentColorTokens, } from '../../utils/highContrast/index';
 import { brandColors } from '../../global/index';
@@ -10,3 +10,3 @@ import { globalTheme } from './globalTheme';
     alias: {
-        color: __assign(__assign({}, sharedColorTokens), { neutral: neutralColorTokens, ghost: ghostColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens() }),
+        color: __assign(__assign({}, sharedColorTokens), { neutral: neutralColorTokens, subtle: subtleColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens() }),
         shadow: createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -13,0 +13,0 @@ },

lib/themes/web/lightTheme.js

 import { __assign } from "tslib";
-import { createBrandColorTokens, createNeutralColorTokens, ghostColorTokens, sharedColorTokens, transparentColorTokens, } from '../../utils/light/index';
+import { createBrandColorTokens, createNeutralColorTokens, subtleColorTokens, sharedColorTokens, transparentColorTokens, } from '../../utils/light/index';
 import { brandColors } from '../../global/index';
@@ -10,3 +10,3 @@ import { globalTheme } from './globalTheme';
     alias: {
-        color: __assign(__assign({}, sharedColorTokens), { neutral: neutralColorTokens, ghost: ghostColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens(brandColors.web) }),
+        color: __assign(__assign({}, sharedColorTokens), { neutral: neutralColorTokens, subtle: subtleColorTokens, transparent: transparentColorTokens, brand: createBrandColorTokens(brandColors.web) }),
         shadow: createShadowLevelTokens(neutralColorTokens.neutralShadowAmbient, neutralColorTokens.neutralShadowKey),
@@ -13,0 +13,0 @@ },

lib/types.d.ts

@@ -282,3 +282,3 @@ /**
             neutral: NeutralColorTokens;
-            ghost: BackgroundColorTokens;
+            subtle: BackgroundColorTokens;
             transparent: BackgroundColorTokens;
@@ -285,0 +285,0 @@ brand: BrandColorTokens;

lib/utils/dark/colors.d.ts

 import { NeutralColorTokens, ColorVariants, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
-export declare const ghostColorTokens: BackgroundColorTokens;
+export declare const subtleColorTokens: BackgroundColorTokens;
 export declare const transparentColorTokens: BackgroundColorTokens;
@@ -4,0 +4,0 @@ export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;

lib/utils/dark/colors.js

 import { __assign } from "tslib";
 import { grey, white, black, sharedColors } from '../../global/index';
-export var ghostColorTokens = {
+export var subtleColorTokens = {
     background: 'red',
@@ -5,0 +5,0 @@ backgroundHover: 'red',

lib/utils/highContrast/colors.d.ts

 import { NeutralColorTokens, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandColorTokens } from '../../types';
-export declare const ghostColorTokens: BackgroundColorTokens;
+export declare const subtleColorTokens: BackgroundColorTokens;
 export declare const transparentColorTokens: BackgroundColorTokens;
@@ -4,0 +4,0 @@ export declare function createBrandColorTokens(): BrandColorTokens;

lib/utils/highContrast/colors.js

 import { __assign } from "tslib";
 import { black, disabled, hyperlink, selected, white } from '../../global/index';
-export var ghostColorTokens = {
+export var subtleColorTokens = {
     background: 'red',
@@ -5,0 +5,0 @@ backgroundHover: 'red',

lib/utils/light/colors.d.ts

 import { NeutralColorTokens, SharedColorTokens, ColorVariants, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
-export declare const ghostColorTokens: BackgroundColorTokens;
+export declare const subtleColorTokens: BackgroundColorTokens;
 export declare const transparentColorTokens: BackgroundColorTokens;
@@ -4,0 +4,0 @@ export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;

lib/utils/light/colors.js

 import { __assign } from "tslib";
 import { grey, white, sharedColors } from '../../global/index';
-export var ghostColorTokens = {
+export var subtleColorTokens = {
     background: 'transparent',
@@ -5,0 +5,0 @@ backgroundHover: grey[96],

package.json

 {
   "name": "@fluentui/react-theme",
-  "version": "9.0.0-alpha.7",
+  "version": "9.0.0-alpha.8",
   "description": "Fluent UI 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

Lines of code

6241

increased by0.24%

Worsened metrics

Total package byte prevSize

549534

decreased by-5.93%

No dependency changes