@fluentui/tokens 1.0.0-alpha.20 → 1.0.0-alpha.21

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/tokens
 
-This log was last generated on Fri, 06 Dec 2024 12:49:19 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:22:05 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.21)
+
+Mon, 16 Dec 2024 16:22:05 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.20..@fluentui/tokens_v1.0.0-alpha.21)
+
+### Changes
+
+- bugfix: ensure teams tokens follow teams overrides for fonts ([PR #33393](https://github.com/microsoft/fluentui/pull/33393) by bernardo.sunderhus@gmail.com)
+
 ## [1.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.20)
 
-Fri, 06 Dec 2024 12:49:19 GMT 
+Fri, 06 Dec 2024 12:53:46 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.19..@fluentui/tokens_v1.0.0-alpha.20)
 
 ### Changes

package/lib/alias/teamsFontFamilies.js

@@ -0,0 +1,5 @@
+import { fontFamilies as globalFontFamilies } from "../global/fonts.js";
+export const fontFamilies = {
+    ...globalFontFamilies,
+    fontFamilyBase: '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", sans-serif'
+};

package/lib/alias/teamsFontFamilies.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alias/teamsFontFamilies.ts"],"sourcesContent":["import { fontFamilies as globalFontFamilies } from '../global/fonts';\n\nexport const fontFamilies = {\n  ...globalFontFamilies,\n  fontFamilyBase:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, \"Apple Color Emoji\", \"Segoe UI Emoji\", sans-serif',\n};\n"],"names":["fontFamilies","globalFontFamilies","fontFamilyBase"],"rangeMappings":";;;;","mappings":"AAAA,SAASA,gBAAgBC,kBAAkB,QAAQ,qBAAkB;AAErE,OAAO,MAAMD,eAAe;IAC1B,GAAGC,kBAAkB;IACrBC,gBACE;AACJ,EAAE"}

package/lib/themes/teams/darkTheme.js

@@ -1,3 +1,7 @@
 import { createTeamsDarkTheme } from "../../utils/createTeamsDarkTheme.js";
 import { brandTeams } from "../../global/brandColors.js";
-export const teamsDarkTheme = createTeamsDarkTheme(brandTeams);
+import { fontFamilies } from "../../alias/teamsFontFamilies.js";
+export const teamsDarkTheme = {
+    ...createTeamsDarkTheme(brandTeams),
+    ...fontFamilies
+};

package/lib/themes/teams/darkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/themes/teams/darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsDarkTheme: Theme = createTeamsDarkTheme(brandTeams);\n"],"names":["createTeamsDarkTheme","brandTeams","teamsDarkTheme"],"rangeMappings":";;","mappings":"AAAA,SAASA,oBAAoB,QAAQ,sCAAmC;AACxE,SAASC,UAAU,QAAQ,8BAA2B;AAGtD,OAAO,MAAMC,iBAAwBF,qBAAqBC,YAAY"}
+{"version":3,"sources":["../src/themes/teams/darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsDarkTheme: Theme = {\n  ...createTeamsDarkTheme(brandTeams),\n  ...fontFamilies,\n};\n"],"names":["createTeamsDarkTheme","brandTeams","fontFamilies","teamsDarkTheme"],"rangeMappings":";;;;;;","mappings":"AAAA,SAASA,oBAAoB,QAAQ,sCAAmC;AACxE,SAASC,UAAU,QAAQ,8BAA2B;AAEtD,SAASC,YAAY,QAAQ,mCAAgC;AAE7D,OAAO,MAAMC,iBAAwB;IACnC,GAAGH,qBAAqBC,WAAW;IACnC,GAAGC,YAAY;AACjB,EAAE"}

package/lib/themes/teams/highContrastTheme.js

@@ -1,2 +1,6 @@
 import { createHighContrastTheme } from "../../utils/createHighContrastTheme.js";
-export const teamsHighContrastTheme = createHighContrastTheme();
+import { fontFamilies } from "../../alias/teamsFontFamilies.js";
+export const teamsHighContrastTheme = {
+    ...createHighContrastTheme(),
+    ...fontFamilies
+};

package/lib/themes/teams/highContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/themes/teams/highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"names":["createHighContrastTheme","teamsHighContrastTheme"],"rangeMappings":";","mappings":"AAAA,SAASA,uBAAuB,QAAQ,yCAAsC;AAG9E,OAAO,MAAMC,yBAAgCD,0BAA0B"}
+{"version":3,"sources":["../src/themes/teams/highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsHighContrastTheme: Theme = {\n  ...createHighContrastTheme(),\n  ...fontFamilies,\n};\n"],"names":["createHighContrastTheme","fontFamilies","teamsHighContrastTheme"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,uBAAuB,QAAQ,yCAAsC;AAE9E,SAASC,YAAY,QAAQ,mCAAgC;AAE7D,OAAO,MAAMC,yBAAgC;IAC3C,GAAGF,yBAAyB;IAC5B,GAAGC,YAAY;AACjB,EAAE"}

package/lib/themes/teams/lightTheme.js

@@ -1,3 +1,7 @@
 import { createLightTheme } from "../../utils/createLightTheme.js";
 import { brandTeams } from "../../global/brandColors.js";
-export const teamsLightTheme = createLightTheme(brandTeams);
+import { fontFamilies } from "../../alias/teamsFontFamilies.js";
+export const teamsLightTheme = {
+    ...createLightTheme(brandTeams),
+    ...fontFamilies
+};

package/lib/themes/teams/lightTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/themes/teams/lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsLightTheme: Theme = createLightTheme(brandTeams);\n"],"names":["createLightTheme","brandTeams","teamsLightTheme"],"rangeMappings":";;","mappings":"AAAA,SAASA,gBAAgB,QAAQ,kCAA+B;AAChE,SAASC,UAAU,QAAQ,8BAA2B;AAGtD,OAAO,MAAMC,kBAAyBF,iBAAiBC,YAAY"}
+{"version":3,"sources":["../src/themes/teams/lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsLightTheme: Theme = {\n  ...createLightTheme(brandTeams),\n  ...fontFamilies,\n};\n"],"names":["createLightTheme","brandTeams","fontFamilies","teamsLightTheme"],"rangeMappings":";;;;;;","mappings":"AAAA,SAASA,gBAAgB,QAAQ,kCAA+B;AAChE,SAASC,UAAU,QAAQ,8BAA2B;AAEtD,SAASC,YAAY,QAAQ,mCAAgC;AAE7D,OAAO,MAAMC,kBAAyB;IACpC,GAAGH,iBAAiBC,WAAW;IAC/B,GAAGC,YAAY;AACjB,EAAE"}

package/lib-commonjs/alias/teamsFontFamilies.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "fontFamilies", {
+    enumerable: true,
+    get: function() {
+        return fontFamilies;
+    }
+});
+const _fonts = require("../global/fonts.js");
+const fontFamilies = {
+    ..._fonts.fontFamilies,
+    fontFamilyBase: '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", sans-serif'
+};

package/lib-commonjs/alias/teamsFontFamilies.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alias/teamsFontFamilies.ts"],"sourcesContent":["import { fontFamilies as globalFontFamilies } from '../global/fonts';\n\nexport const fontFamilies = {\n  ...globalFontFamilies,\n  fontFamilyBase:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, \"Apple Color Emoji\", \"Segoe UI Emoji\", sans-serif',\n};\n"],"names":["fontFamilies","globalFontFamilies","fontFamilyBase"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;uBAFsC;AAE5C,MAAMA,eAAe;IAC1B,GAAGC,mBAAkB;IACrBC,gBACE;AACJ"}

package/lib-commonjs/themes/teams/darkTheme.js

@@ -10,4 +10,8 @@ Object.defineProperty(exports, "teamsDarkTheme", {
 });
 const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme.js");
 const _brandColors = require("../../global/brandColors.js");
-const teamsDarkTheme = (0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeams);
+const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
+const teamsDarkTheme = {
+    ...(0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeams),
+    ..._teamsFontFamilies.fontFamilies
+};

package/lib-commonjs/themes/teams/darkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/themes/teams/darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsDarkTheme: Theme = createTeamsDarkTheme(brandTeams);\n"],"names":["teamsDarkTheme","createTeamsDarkTheme","brandTeams"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;sCAJwB;6BACV;AAGpB,MAAMA,iBAAwBC,IAAAA,0CAAoB,EAACC,uBAAU"}
+{"version":3,"sources":["../src/themes/teams/darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsDarkTheme: Theme = {\n  ...createTeamsDarkTheme(brandTeams),\n  ...fontFamilies,\n};\n"],"names":["teamsDarkTheme","createTeamsDarkTheme","brandTeams","fontFamilies"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;sCALwB;6BACV;mCAEE;AAEtB,MAAMA,iBAAwB;IACnC,GAAGC,IAAAA,0CAAoB,EAACC,uBAAU,CAAC;IACnC,GAAGC,+BAAY;AACjB"}

package/lib-commonjs/themes/teams/highContrastTheme.js

@@ -9,4 +9,8 @@ Object.defineProperty(exports, "teamsHighContrastTheme", {
     }
 });
 const _createHighContrastTheme = require("../../utils/createHighContrastTheme.js");
-const teamsHighContrastTheme = (0, _createHighContrastTheme.createHighContrastTheme)();
+const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
+const teamsHighContrastTheme = {
+    ...(0, _createHighContrastTheme.createHighContrastTheme)(),
+    ..._teamsFontFamilies.fontFamilies
+};

package/lib-commonjs/themes/teams/highContrastTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/themes/teams/highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"names":["teamsHighContrastTheme","createHighContrastTheme"],"rangeMappings":";;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;yCAH2B;AAGjC,MAAMA,yBAAgCC,IAAAA,gDAAuB"}
+{"version":3,"sources":["../src/themes/teams/highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsHighContrastTheme: Theme = {\n  ...createHighContrastTheme(),\n  ...fontFamilies,\n};\n"],"names":["teamsHighContrastTheme","createHighContrastTheme","fontFamilies"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;yCAJ2B;mCAEX;AAEtB,MAAMA,yBAAgC;IAC3C,GAAGC,IAAAA,gDAAuB,GAAE;IAC5B,GAAGC,+BAAY;AACjB"}

package/lib-commonjs/themes/teams/lightTheme.js

@@ -10,4 +10,8 @@ Object.defineProperty(exports, "teamsLightTheme", {
 });
 const _createLightTheme = require("../../utils/createLightTheme.js");
 const _brandColors = require("../../global/brandColors.js");
-const teamsLightTheme = (0, _createLightTheme.createLightTheme)(_brandColors.brandTeams);
+const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
+const teamsLightTheme = {
+    ...(0, _createLightTheme.createLightTheme)(_brandColors.brandTeams),
+    ..._teamsFontFamilies.fontFamilies
+};

package/lib-commonjs/themes/teams/lightTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/themes/teams/lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsLightTheme: Theme = createLightTheme(brandTeams);\n"],"names":["teamsLightTheme","createLightTheme","brandTeams"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;kCAJoB;6BACN;AAGpB,MAAMA,kBAAyBC,IAAAA,kCAAgB,EAACC,uBAAU"}
+{"version":3,"sources":["../src/themes/teams/lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\nimport { fontFamilies } from '../../alias/teamsFontFamilies';\n\nexport const teamsLightTheme: Theme = {\n  ...createLightTheme(brandTeams),\n  ...fontFamilies,\n};\n"],"names":["teamsLightTheme","createLightTheme","brandTeams","fontFamilies"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;kCALoB;6BACN;mCAEE;AAEtB,MAAMA,kBAAyB;IACpC,GAAGC,IAAAA,kCAAgB,EAACC,uBAAU,CAAC;IAC/B,GAAGC,+BAAY;AACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/tokens",
-  "version": "1.0.0-alpha.20",
+  "version": "1.0.0-alpha.21",
   "description": "Fluent UI Theme Tokens",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",