@fluentui/tokens - npm Package Compare versions

Comparing version 0.0.0-nightly-20221228-0425.1 to 0.0.0-nightly-20221229-0425.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Wed, 28 Dec 2022 04:33:19 GMT",
-      "tag": "@fluentui/tokens_v0.0.0-nightly-20221228-0425.1",
-      "version": "0.0.0-nightly-20221228-0425.1",
+      "date": "Thu, 29 Dec 2022 04:34:30 GMT",
+      "tag": "@fluentui/tokens_v0.0.0-nightly-20221229-0425.1",
+      "version": "0.0.0-nightly-20221229-0425.1",
       "comments": {
@@ -10,0 +10,0 @@ "prerelease": [

CHANGELOG.md

 # Change Log - @fluentui/tokens
 
-This log was last generated on Wed, 28 Dec 2022 04:33:19 GMT and should not be manually modified.
+This log was last generated on Thu, 29 Dec 2022 04:34:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20221228-0425.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v0.0.0-nightly-20221228-0425.1)
+## [0.0.0-nightly-20221229-0425.1](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v0.0.0-nightly-20221229-0425.1)
 
-Wed, 28 Dec 2022 04:33:19 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.2..@fluentui/tokens_v0.0.0-nightly-20221228-0425.1)
+Thu, 29 Dec 2022 04:34:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.2..@fluentui/tokens_v0.0.0-nightly-20221229-0425.1)
 
@@ -12,0 +12,0 @@ ### Changes

lib-commonjs/alias/darkColor.js

 "use strict";
+
 /* !!! DO NOT EDIT !!! */
-
 /* This file has been generated by the token pipeline */
-
 Object.defineProperty(exports, "__esModule", {
@@ -10,5 +9,3 @@ value: true
 exports.generateColorTokens = void 0;
-
 const colors_1 = /*#__PURE__*/require("../global/colors");
-
 const generateColorTokens = brand => ({
@@ -162,3 +159,2 @@ colorNeutralForeground1: colors_1.white,
   colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
-
 });
@@ -165,0 +161,0 @@

lib-commonjs/alias/darkColorPalette.js

 "use strict";
+
 /* color palette used in both darkTheme and teamsDarkTheme */
-
 Object.defineProperty(exports, "__esModule", {
@@ -8,7 +8,4 @@ value: true
 exports.colorPaletteTokens = void 0;
-
 const colorPalette_1 = /*#__PURE__*/require("../global/colorPalette");
-
 const sharedColorNames_1 = /*#__PURE__*/require("../sharedColorNames");
-
 const statusColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.statusSharedColorNames.reduce((acc, sharedColor) => {
@@ -28,4 +25,4 @@ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
   return Object.assign(acc, sharedColorTokens);
-}, {}); // one-off patches
-
+}, {});
+// one-off patches
 statusColorPaletteTokens.colorPaletteRedForeground3 = colorPalette_1.statusSharedColors.red.tint30;
@@ -48,9 +45,10 @@ statusColorPaletteTokens.colorPaletteRedBorder2 = colorPalette_1.statusSharedColors.red.tint30;
   return Object.assign(acc, sharedColorTokens);
-}, {}); // one-off patches
-
+}, {});
+// one-off patches
 personaColorPaletteTokens.colorPaletteDarkRedBackground2 = colorPalette_1.personaSharedColors.darkRed.shade20;
 personaColorPaletteTokens.colorPalettePlumBackground2 = colorPalette_1.personaSharedColors.plum.shade20;
-exports.colorPaletteTokens = { ...statusColorPaletteTokens,
+exports.colorPaletteTokens = {
+  ...statusColorPaletteTokens,
   ...personaColorPaletteTokens
 };
 //# sourceMappingURL=darkColorPalette.js.map

lib-commonjs/alias/highContrastColor.js

 "use strict";
+
 /* !!! DO NOT EDIT !!! */
-
 /* This file has been generated by the token pipeline */
-
 Object.defineProperty(exports, "__esModule", {
@@ -10,5 +9,3 @@ value: true
 exports.generateColorTokens = void 0;
-
 const colors_1 = /*#__PURE__*/require("../global/colors");
-
 const generateColorTokens = () => ({
@@ -162,3 +159,2 @@ colorNeutralForeground1: colors_1.hcCanvasText,
   colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
-
 });
@@ -165,0 +161,0 @@

lib-commonjs/alias/highContrastColorPalette.js

@@ -7,7 +7,4 @@ "use strict";
 exports.colorPaletteTokens = void 0;
-
 const colors_1 = /*#__PURE__*/require("../global/colors");
-
 const sharedColorNames_1 = /*#__PURE__*/require("../sharedColorNames");
-
 const statusColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.statusSharedColorNames.reduce((acc, sharedColor) => {
@@ -27,4 +24,4 @@ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
   return Object.assign(acc, sharedColorTokens);
-}, {}); // one-off patches
-
+}, {});
+// one-off patches
 statusColorPaletteTokens.colorPaletteRedForegroundInverted = colors_1.hcCanvasText;
@@ -42,5 +39,6 @@ statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colors_1.hcCanvasText;
 }, {});
-exports.colorPaletteTokens = { ...statusColorPaletteTokens,
+exports.colorPaletteTokens = {
+  ...statusColorPaletteTokens,
   ...personaColorPaletteTokens
 };
 //# sourceMappingURL=highContrastColorPalette.js.map

lib-commonjs/alias/lightColor.js

 "use strict";
+
 /* !!! DO NOT EDIT !!! */
-
 /* This file has been generated by the token pipeline */
-
 Object.defineProperty(exports, "__esModule", {
@@ -10,5 +9,3 @@ value: true
 exports.generateColorTokens = void 0;
-
 const colors_1 = /*#__PURE__*/require("../global/colors");
-
 const generateColorTokens = brand => ({
@@ -162,3 +159,2 @@ colorNeutralForeground1: colors_1.grey[14],
   colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
-
 });
@@ -165,0 +161,0 @@

lib-commonjs/alias/lightColorPalette.js

@@ -7,7 +7,4 @@ "use strict";
 exports.colorPaletteTokens = void 0;
-
 const colorPalette_1 = /*#__PURE__*/require("../global/colorPalette");
-
 const sharedColorNames_1 = /*#__PURE__*/require("../sharedColorNames");
-
 const statusColorPaletteTokens = /*#__PURE__*/sharedColorNames_1.statusSharedColorNames.reduce((acc, sharedColor) => {
@@ -27,4 +24,4 @@ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
   return Object.assign(acc, sharedColorTokens);
-}, {}); // one-off patch for yellow
-
+}, {});
+// one-off patch for yellow
 statusColorPaletteTokens.colorPaletteYellowForeground1 = colorPalette_1.statusSharedColors.yellow.shade30;
@@ -43,5 +40,6 @@ statusColorPaletteTokens.colorPaletteRedForegroundInverted = colorPalette_1.statusSharedColors.red.tint20;
 }, {});
-exports.colorPaletteTokens = { ...statusColorPaletteTokens,
+exports.colorPaletteTokens = {
+  ...statusColorPaletteTokens,
   ...personaColorPaletteTokens
 };
 //# sourceMappingURL=lightColorPalette.js.map

lib-commonjs/alias/teamsDarkColor.js

 "use strict";
+
 /* !!! DO NOT EDIT !!! */
-
 /* This file has been generated by the token pipeline */
-
 Object.defineProperty(exports, "__esModule", {
@@ -10,5 +9,3 @@ value: true
 exports.generateColorTokens = void 0;
-
 const colors_1 = /*#__PURE__*/require("../global/colors");
-
 const generateColorTokens = brand => ({
@@ -162,3 +159,2 @@ colorNeutralForeground1: colors_1.white,
   colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
-
 });
@@ -165,0 +161,0 @@

lib-commonjs/global/colorPalette.js

@@ -7,5 +7,3 @@ "use strict";
 exports.personaSharedColors = exports.statusSharedColors = void 0;
-
 const colors_1 = /*#__PURE__*/require("./colors");
-
 exports.statusSharedColors = {
@@ -12,0 +10,0 @@ red: colors_1.red,

lib-commonjs/global/colors.js

 "use strict";
+
 /* !!! DO NOT EDIT !!! */
-
 /* This file has been generated by the token pipeline */
-
 Object.defineProperty(exports, "__esModule", {
@@ -7,0 +6,0 @@ value: true

lib-commonjs/global/fonts.js

@@ -38,8 +38,10 @@ "use strict";
 exports.fontFamilies = {
-  fontFamilyBase: // eslint-disable-next-line @fluentui/max-len
+  fontFamilyBase:
+  // eslint-disable-next-line @fluentui/max-len
   "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
   fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace",
-  fontFamilyNumeric: // eslint-disable-next-line @fluentui/max-len
+  fontFamilyNumeric:
+  // eslint-disable-next-line @fluentui/max-len
   "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
 };
 //# sourceMappingURL=fonts.js.map

lib-commonjs/global/index.js

@@ -6,22 +6,12 @@ "use strict";
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./borderRadius"), exports);
-
 tslib_1.__exportStar(require("./colors"), exports);
-
 tslib_1.__exportStar(require("./curves"), exports);
-
 tslib_1.__exportStar(require("./durations"), exports);
-
 tslib_1.__exportStar(require("./fonts"), exports);
-
 tslib_1.__exportStar(require("./spacings"), exports);
-
 tslib_1.__exportStar(require("./strokeWidths"), exports);
-
 tslib_1.__exportStar(require("./borderRadius"), exports);
-
 tslib_1.__exportStar(require("./typographyStyles"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/global/spacings.js

@@ -6,4 +6,4 @@ "use strict";
 });
-exports.verticalSpacings = exports.horizontalSpacings = void 0; // Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.
-
+exports.verticalSpacings = exports.horizontalSpacings = void 0;
+// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.
 const spacings = {
@@ -10,0 +10,0 @@ none: '0',

lib-commonjs/global/typographyStyles.js

@@ -7,3 +7,2 @@ "use strict";
 exports.typographyStyles = void 0;
-
 const tokens_1 = /*#__PURE__*/require("../tokens");
@@ -13,4 +12,2 @@ /**
  */
-
-
 exports.typographyStyles = {
@@ -17,0 +14,0 @@ body1: {

lib-commonjs/index.js

@@ -7,5 +7,3 @@ "use strict";
 exports.typographyStyles = exports.tokens = exports.themeToTokensObject = exports.createTeamsDarkTheme = exports.createLightTheme = exports.createHighContrastTheme = exports.createDarkTheme = exports.webLightTheme = exports.webDarkTheme = exports.teamsLightTheme = exports.teamsHighContrastTheme = exports.teamsDarkTheme = void 0;
-
 var index_1 = /*#__PURE__*/require("./themes/index");
-
 Object.defineProperty(exports, "teamsDarkTheme", {
@@ -41,5 +39,3 @@ enumerable: true,
 });
-
 var index_2 = /*#__PURE__*/require("./utils/index");
-
 Object.defineProperty(exports, "createDarkTheme", {
@@ -69,5 +65,3 @@ enumerable: true,
 });
-
 var themeToTokensObject_1 = /*#__PURE__*/require("./themeToTokensObject");
-
 Object.defineProperty(exports, "themeToTokensObject", {
@@ -79,5 +73,3 @@ enumerable: true,
 });
-
 var tokens_1 = /*#__PURE__*/require("./tokens");
-
 Object.defineProperty(exports, "tokens", {
@@ -89,5 +81,3 @@ enumerable: true,
 });
-
 var index_3 = /*#__PURE__*/require("./global/index");
-
 Object.defineProperty(exports, "typographyStyles", {
@@ -94,0 +84,0 @@ enumerable: true,

lib-commonjs/sharedColorNames.js

@@ -8,10 +8,7 @@ "use strict";
 /* Names of colors used in shared color palette alias tokens for status. */
-
 exports.statusSharedColorNames = ['red', 'green', 'darkOrange', 'yellow', 'berry', 'lightGreen', 'marigold'];
 /* Names of colors used in shared color palette alias tokens for persona. */
-
 exports.personaSharedColorNames = ['darkRed', 'cranberry', 'pumpkin', 'peach', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'darkGreen', 'lightTeal', 'teal', 'steel', 'blue', 'royalBlue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor'];
 /* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */
-
 exports.unusedSharedColorNames = ['burgundy', 'bronze', 'orange', 'darkBrown', 'lime', 'darkTeal', 'cyan', 'lightBlue', 'darkBlue', 'darkPurple', 'orchid', 'hotPink', 'silver', 'charcoal'];
 //# sourceMappingURL=sharedColorNames.js.map

lib-commonjs/themes/index.js

@@ -6,8 +6,5 @@ "use strict";
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./teams/index"), exports);
-
 tslib_1.__exportStar(require("./web/index"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/themes/teams/darkTheme.js

@@ -7,8 +7,5 @@ "use strict";
 exports.teamsDarkTheme = void 0;
-
 const createTeamsDarkTheme_1 = /*#__PURE__*/require("../../utils/createTeamsDarkTheme");
-
 const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
-
 exports.teamsDarkTheme = /*#__PURE__*/createTeamsDarkTheme_1.createTeamsDarkTheme(brandColors_1.brandTeams);
 //# sourceMappingURL=darkTheme.js.map

lib-commonjs/themes/teams/highContrastTheme.js

@@ -7,6 +7,4 @@ "use strict";
 exports.teamsHighContrastTheme = void 0;
-
 const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
-
 exports.teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
 //# sourceMappingURL=highContrastTheme.js.map

lib-commonjs/themes/teams/index.js

@@ -6,10 +6,6 @@ "use strict";
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./lightTheme"), exports);
-
 tslib_1.__exportStar(require("./darkTheme"), exports);
-
 tslib_1.__exportStar(require("./highContrastTheme"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/themes/teams/lightTheme.js

@@ -7,8 +7,5 @@ "use strict";
 exports.teamsLightTheme = void 0;
-
 const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
-
 const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
-
 exports.teamsLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandTeams);
 //# sourceMappingURL=lightTheme.js.map

lib-commonjs/themes/web/darkTheme.js

@@ -7,8 +7,5 @@ "use strict";
 exports.webDarkTheme = void 0;
-
 const createDarkTheme_1 = /*#__PURE__*/require("../../utils/createDarkTheme");
-
 const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
-
 exports.webDarkTheme = /*#__PURE__*/createDarkTheme_1.createDarkTheme(brandColors_1.brandWeb);
 //# sourceMappingURL=darkTheme.js.map

lib-commonjs/themes/web/index.js

@@ -6,8 +6,5 @@ "use strict";
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./lightTheme"), exports);
-
 tslib_1.__exportStar(require("./darkTheme"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/themes/web/lightTheme.js

@@ -7,8 +7,5 @@ "use strict";
 exports.webLightTheme = void 0;
-
 const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
-
 const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
-
 exports.webLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandWeb);
 //# sourceMappingURL=lightTheme.js.map

lib-commonjs/themeToTokensObject.js

@@ -15,15 +15,11 @@ "use strict";
  */
-
 function themeToTokensObject(theme) {
   const tokens = {};
   const keys = Object.keys(theme);
-
   for (const key of keys) {
     tokens[key] = `var(--${key})`;
   }
-
   return tokens;
 }
-
 exports.themeToTokensObject = themeToTokensObject;
 //# sourceMappingURL=themeToTokensObject.js.map

lib-commonjs/utils/createDarkTheme.js

@@ -7,20 +7,13 @@ "use strict";
 exports.createDarkTheme = void 0;
-
 const darkColorPalette_1 = /*#__PURE__*/require("../alias/darkColorPalette");
-
 const darkColor_1 = /*#__PURE__*/require("../alias/darkColor");
-
 const index_1 = /*#__PURE__*/require("../global/index");
-
 const shadows_1 = /*#__PURE__*/require("./shadows");
-
 const durations_1 = /*#__PURE__*/require("../global/durations");
-
 const curves_1 = /*#__PURE__*/require("../global/curves");
-
 const spacings_1 = /*#__PURE__*/require("../global/spacings");
-
 const createDarkTheme = brand => {
   const colorTokens = darkColor_1.generateColorTokens(brand);
-  return { ...index_1.borderRadius,
+  return {
+    ...index_1.borderRadius,
     ...index_1.fontSizes,
@@ -41,4 +34,3 @@ ...index_1.lineHeights,
 };
-
 exports.createDarkTheme = createDarkTheme;
 //# sourceMappingURL=createDarkTheme.js.map

lib-commonjs/utils/createHighContrastTheme.js

@@ -7,20 +7,13 @@ "use strict";
 exports.createHighContrastTheme = void 0;
-
 const highContrastColorPalette_1 = /*#__PURE__*/require("../alias/highContrastColorPalette");
-
 const highContrastColor_1 = /*#__PURE__*/require("../alias/highContrastColor");
-
 const index_1 = /*#__PURE__*/require("../global/index");
-
 const shadows_1 = /*#__PURE__*/require("./shadows");
-
 const durations_1 = /*#__PURE__*/require("../global/durations");
-
 const curves_1 = /*#__PURE__*/require("../global/curves");
-
 const spacings_1 = /*#__PURE__*/require("../global/spacings");
-
 const createHighContrastTheme = () => {
   const colorTokens = highContrastColor_1.generateColorTokens();
-  return { ...index_1.borderRadius,
+  return {
+    ...index_1.borderRadius,
     ...index_1.fontSizes,
@@ -41,4 +34,3 @@ ...index_1.lineHeights,
 };
-
 exports.createHighContrastTheme = createHighContrastTheme;
 //# sourceMappingURL=createHighContrastTheme.js.map

lib-commonjs/utils/createLightTheme.js

@@ -7,20 +7,13 @@ "use strict";
 exports.createLightTheme = void 0;
-
 const lightColorPalette_1 = /*#__PURE__*/require("../alias/lightColorPalette");
-
 const lightColor_1 = /*#__PURE__*/require("../alias/lightColor");
-
 const index_1 = /*#__PURE__*/require("../global/index");
-
 const shadows_1 = /*#__PURE__*/require("./shadows");
-
 const durations_1 = /*#__PURE__*/require("../global/durations");
-
 const curves_1 = /*#__PURE__*/require("../global/curves");
-
 const spacings_1 = /*#__PURE__*/require("../global/spacings");
-
 const createLightTheme = brand => {
   const colorTokens = lightColor_1.generateColorTokens(brand);
-  return { ...index_1.borderRadius,
+  return {
+    ...index_1.borderRadius,
     ...index_1.fontSizes,
@@ -41,4 +34,3 @@ ...index_1.lineHeights,
 };
-
 exports.createLightTheme = createLightTheme;
 //# sourceMappingURL=createLightTheme.js.map

lib-commonjs/utils/createTeamsDarkTheme.js

@@ -7,20 +7,13 @@ "use strict";
 exports.createTeamsDarkTheme = void 0;
-
 const darkColorPalette_1 = /*#__PURE__*/require("../alias/darkColorPalette");
-
 const teamsDarkColor_1 = /*#__PURE__*/require("../alias/teamsDarkColor");
-
 const index_1 = /*#__PURE__*/require("../global/index");
-
 const shadows_1 = /*#__PURE__*/require("./shadows");
-
 const durations_1 = /*#__PURE__*/require("../global/durations");
-
 const curves_1 = /*#__PURE__*/require("../global/curves");
-
 const spacings_1 = /*#__PURE__*/require("../global/spacings");
-
 const createTeamsDarkTheme = brand => {
   const colorTokens = teamsDarkColor_1.generateColorTokens(brand);
-  return { ...index_1.borderRadius,
+  return {
+    ...index_1.borderRadius,
     ...index_1.fontSizes,
@@ -41,4 +34,3 @@ ...index_1.lineHeights,
 };
-
 exports.createTeamsDarkTheme = createTeamsDarkTheme;
 //# sourceMappingURL=createTeamsDarkTheme.js.map

lib-commonjs/utils/index.js

@@ -6,12 +6,7 @@ "use strict";
 });
-
 const tslib_1 = /*#__PURE__*/require("tslib");
-
 tslib_1.__exportStar(require("./createLightTheme"), exports);
-
 tslib_1.__exportStar(require("./createDarkTheme"), exports);
-
 tslib_1.__exportStar(require("./createTeamsDarkTheme"), exports);
-
 tslib_1.__exportStar(require("./createHighContrastTheme"), exports);
 //# sourceMappingURL=index.js.map

lib-commonjs/utils/shadows.js

@@ -7,3 +7,2 @@ "use strict";
 exports.createShadowTokens = void 0;
-
 function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
@@ -19,4 +18,3 @@ return {
 }
-
 exports.createShadowTokens = createShadowTokens;
 //# sourceMappingURL=shadows.js.map

lib/alias/darkColor.js

 /* !!! DO NOT EDIT !!! */
-
 /* This file has been generated by the token pipeline */
@@ -153,4 +152,3 @@ import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';
   colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
-
 });
 //# sourceMappingURL=darkColor.js.map

lib/alias/darkColorPalette.js

@@ -18,4 +18,4 @@ /* color palette used in both darkTheme and teamsDarkTheme */
   return Object.assign(acc, sharedColorTokens);
-}, {}); // one-off patches
-
+}, {});
+// one-off patches
 statusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;
@@ -38,9 +38,10 @@ statusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;
   return Object.assign(acc, sharedColorTokens);
-}, {}); // one-off patches
-
+}, {});
+// one-off patches
 personaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;
 personaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;
-export const colorPaletteTokens = { ...statusColorPaletteTokens,
+export const colorPaletteTokens = {
+  ...statusColorPaletteTokens,
   ...personaColorPaletteTokens
 };
 //# sourceMappingURL=darkColorPalette.js.map

lib/alias/highContrastColor.js

 /* !!! DO NOT EDIT !!! */
-
 /* This file has been generated by the token pipeline */
@@ -153,4 +152,3 @@ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
   colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
-
 });
 //# sourceMappingURL=highContrastColor.js.map

lib/alias/highContrastColorPalette.js

@@ -17,4 +17,4 @@ import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';
   return Object.assign(acc, sharedColorTokens);
-}, {}); // one-off patches
-
+}, {});
+// one-off patches
 statusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;
@@ -32,5 +32,6 @@ statusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;
 }, {});
-export const colorPaletteTokens = { ...statusColorPaletteTokens,
+export const colorPaletteTokens = {
+  ...statusColorPaletteTokens,
   ...personaColorPaletteTokens
 };
 //# sourceMappingURL=highContrastColorPalette.js.map

lib/alias/lightColor.js

 /* !!! DO NOT EDIT !!! */
-
 /* This file has been generated by the token pipeline */
@@ -153,4 +152,3 @@ import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
   colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
-
 });
 //# sourceMappingURL=lightColor.js.map

lib/alias/lightColorPalette.js

@@ -17,4 +17,4 @@ import { statusSharedColors, personaSharedColors } from '../global/colorPalette';
   return Object.assign(acc, sharedColorTokens);
-}, {}); // one-off patch for yellow
-
+}, {});
+// one-off patch for yellow
 statusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;
@@ -33,5 +33,6 @@ statusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;
 }, {});
-export const colorPaletteTokens = { ...statusColorPaletteTokens,
+export const colorPaletteTokens = {
+  ...statusColorPaletteTokens,
   ...personaColorPaletteTokens
 };
 //# sourceMappingURL=lightColorPalette.js.map

lib/alias/teamsDarkColor.js

 /* !!! DO NOT EDIT !!! */
-
 /* This file has been generated by the token pipeline */
@@ -153,4 +152,3 @@ import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';
   colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
-
 });
 //# sourceMappingURL=teamsDarkColor.js.map

lib/global/colors.js

 /* !!! DO NOT EDIT !!! */
-
 /* This file has been generated by the token pipeline */
@@ -4,0 +3,0 @@ export const grey = {

lib/global/fonts.js

@@ -32,8 +32,10 @@ export const fontSizes = {
 export const fontFamilies = {
-  fontFamilyBase: // eslint-disable-next-line @fluentui/max-len
+  fontFamilyBase:
+  // eslint-disable-next-line @fluentui/max-len
   "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
   fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace",
-  fontFamilyNumeric: // eslint-disable-next-line @fluentui/max-len
+  fontFamilyNumeric:
+  // eslint-disable-next-line @fluentui/max-len
   "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
 };
 //# sourceMappingURL=fonts.js.map

lib/global/typographyStyles.js

@@ -5,3 +5,2 @@ import { tokens } from '../tokens';
  */
-
 export const typographyStyles = {
@@ -8,0 +7,0 @@ body1: {

lib/sharedColorNames.js

 /* Names of colors used in shared color palette alias tokens for status. */
 export const statusSharedColorNames = ['red', 'green', 'darkOrange', 'yellow', 'berry', 'lightGreen', 'marigold'];
 /* Names of colors used in shared color palette alias tokens for persona. */
-
 export const personaSharedColorNames = ['darkRed', 'cranberry', 'pumpkin', 'peach', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'darkGreen', 'lightTeal', 'teal', 'steel', 'blue', 'royalBlue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor'];
 /* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */
-
 export const unusedSharedColorNames = ['burgundy', 'bronze', 'orange', 'darkBrown', 'lime', 'darkTeal', 'cyan', 'lightBlue', 'darkBlue', 'darkPurple', 'orchid', 'hotPink', 'silver', 'charcoal'];
 //# sourceMappingURL=sharedColorNames.js.map

lib/themeToTokensObject.js

@@ -12,9 +12,7 @@ /**
   const keys = Object.keys(theme);
-
   for (const key of keys) {
     tokens[key] = `var(--${key})`;
   }
-
   return tokens;
 }
 //# sourceMappingURL=themeToTokensObject.js.map

lib/utils/createDarkTheme.js

@@ -10,3 +10,4 @@ import { colorPaletteTokens } from '../alias/darkColorPalette';
   const colorTokens = generateColorTokens(brand);
-  return { ...borderRadius,
+  return {
+    ...borderRadius,
     ...fontSizes,
@@ -13,0 +14,0 @@ ...lineHeights,

lib/utils/createHighContrastTheme.js

@@ -10,3 +10,4 @@ import { colorPaletteTokens } from '../alias/highContrastColorPalette';
   const colorTokens = generateColorTokens();
-  return { ...borderRadius,
+  return {
+    ...borderRadius,
     ...fontSizes,
@@ -13,0 +14,0 @@ ...lineHeights,

lib/utils/createLightTheme.js

@@ -10,3 +10,4 @@ import { colorPaletteTokens } from '../alias/lightColorPalette';
   const colorTokens = generateColorTokens(brand);
-  return { ...borderRadius,
+  return {
+    ...borderRadius,
     ...fontSizes,
@@ -13,0 +14,0 @@ ...lineHeights,

lib/utils/createTeamsDarkTheme.js

@@ -10,3 +10,4 @@ import { colorPaletteTokens } from '../alias/darkColorPalette';
   const colorTokens = generateColorTokens(brand);
-  return { ...borderRadius,
+  return {
+    ...borderRadius,
     ...fontSizes,
@@ -13,0 +14,0 @@ ...lineHeights,

package.json

 {
   "name": "@fluentui/tokens",
-  "version": "0.0.0-nightly-20221228-0425.1",
+  "version": "0.0.0-nightly-20221229-0425.1",
   "description": "Fluent UI Theme Tokens",
@@ -21,3 +21,3 @@ "main": "lib-commonjs/index.js",
     "test": "jest --passWithNoTests",
-    "token-pipeline": "node -r ../../scripts/ts-node-register ../../scripts/generators/token-pipeline.ts",
+    "token-pipeline": "node -r ../../scripts/ts-node/register ../../scripts/generators/token-pipeline.ts",
     "type-check": "tsc -b tsconfig.json",
@@ -24,0 +24,0 @@ "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"

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

712274

increased by9.77%

Lines of code

5569

increased by0.49%

No dependency changes