@fluentui/tokens 1.0.0-alpha.17 → 1.0.0-alpha.18

package/lib-commonjs/alias/darkColor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "generateColorTokens", {
         return generateColorTokens;
     }
 });
-const _colors = require("../global/colors");
+const _colors = require("../global/colors.js");
 const generateColorTokens = (brand)=>({
         colorNeutralForeground1: _colors.white,
         colorNeutralForeground1Hover: _colors.white,

package/lib-commonjs/alias/darkColorPalette.js

@@ -16,9 +16,9 @@ _export(exports, {
         return colorStatusTokens;
     }
 });
-const _colorPalette = require("../global/colorPalette");
-const _sharedColorNames = require("../sharedColorNames");
-const _statusColorMapping = require("../statusColorMapping");
+const _colorPalette = require("../global/colorPalette.js");
+const _sharedColorNames = require("../sharedColorNames.js");
+const _statusColorMapping = require("../statusColorMapping.js");
 const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
     const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
     const sharedColorTokens = {

package/lib-commonjs/alias/highContrastColor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "generateColorTokens", {
         return generateColorTokens;
     }
 });
-const _colors = require("../global/colors");
+const _colors = require("../global/colors.js");
 const generateColorTokens = ()=>({
         colorNeutralForeground1: _colors.hcCanvasText,
         colorNeutralForeground1Hover: _colors.hcHighlightText,

package/lib-commonjs/alias/highContrastColorPalette.js

@@ -16,9 +16,9 @@ _export(exports, {
         return colorStatusTokens;
     }
 });
-const _colors = require("../global/colors");
-const _sharedColorNames = require("../sharedColorNames");
-const _statusColorMapping = require("../statusColorMapping");
+const _colors = require("../global/colors.js");
+const _sharedColorNames = require("../sharedColorNames.js");
+const _statusColorMapping = require("../statusColorMapping.js");
 const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
     const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
     const sharedColorTokens = {

package/lib-commonjs/alias/lightColor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "generateColorTokens", {
         return generateColorTokens;
     }
 });
-const _colors = require("../global/colors");
+const _colors = require("../global/colors.js");
 const generateColorTokens = (brand)=>({
         colorNeutralForeground1: _colors.grey[14],
         colorNeutralForeground1Hover: _colors.grey[14],

package/lib-commonjs/alias/lightColorPalette.js

@@ -16,9 +16,9 @@ _export(exports, {
         return colorStatusTokens;
     }
 });
-const _colorPalette = require("../global/colorPalette");
-const _sharedColorNames = require("../sharedColorNames");
-const _statusColorMapping = require("../statusColorMapping");
+const _colorPalette = require("../global/colorPalette.js");
+const _sharedColorNames = require("../sharedColorNames.js");
+const _statusColorMapping = require("../statusColorMapping.js");
 const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
     const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
     const sharedColorTokens = {

package/lib-commonjs/alias/teamsDarkColor.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "generateColorTokens", {
         return generateColorTokens;
     }
 });
-const _colors = require("../global/colors");
+const _colors = require("../global/colors.js");
 const generateColorTokens = (brand)=>({
         colorNeutralForeground1: _colors.white,
         colorNeutralForeground1Hover: _colors.white,

package/lib-commonjs/global/colorPalette.js

@@ -19,7 +19,7 @@ _export(exports, {
         return statusSharedColors;
     }
 });
-const _colors = require("./colors");
+const _colors = require("./colors.js");
 const statusSharedColors = {
     red: _colors.red,
     green: _colors.green,

package/lib-commonjs/global/index.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./borderRadius"), exports);
-_export_star._(require("./colors"), exports);
-_export_star._(require("./curves"), exports);
-_export_star._(require("./durations"), exports);
-_export_star._(require("./fonts"), exports);
-_export_star._(require("./spacings"), exports);
-_export_star._(require("./strokeWidths"), exports);
-_export_star._(require("./typographyStyles"), exports);
+_export_star._(require("./borderRadius.js"), exports);
+_export_star._(require("./colors.js"), exports);
+_export_star._(require("./curves.js"), exports);
+_export_star._(require("./durations.js"), exports);
+_export_star._(require("./fonts.js"), exports);
+_export_star._(require("./spacings.js"), exports);
+_export_star._(require("./strokeWidths.js"), exports);
+_export_star._(require("./typographyStyles.js"), exports);

package/lib-commonjs/global/typographyStyles.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "typographyStyles", {
         return typographyStyles;
     }
 });
-const _tokens = require("../tokens");
+const _tokens = require("../tokens.js");
 const typographyStyles = {
     body1: {
         fontFamily: _tokens.tokens.fontFamilyBase,

package/lib-commonjs/index.js

@@ -46,8 +46,8 @@ _export(exports, {
         return _index.webLightTheme;
     }
 });
-const _index = require("./themes/index");
-const _index1 = require("./utils/index");
-const _themeToTokensObject = require("./themeToTokensObject");
-const _tokens = require("./tokens");
-const _index2 = require("./global/index");
+const _index = require("./themes/index.js");
+const _index1 = require("./utils/index.js");
+const _themeToTokensObject = require("./themeToTokensObject.js");
+const _tokens = require("./tokens.js");
+const _index2 = require("./global/index.js");

package/lib-commonjs/themes/index.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./teams/index"), exports);
-_export_star._(require("./web/index"), exports);
+_export_star._(require("./teams/index.js"), exports);
+_export_star._(require("./web/index.js"), exports);

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

@@ -8,6 +8,6 @@ Object.defineProperty(exports, "teamsDarkTheme", {
         return teamsDarkTheme;
     }
 });
-const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme");
-const _brandColors = require("../../global/brandColors");
+const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme.js");
+const _brandColors = require("../../global/brandColors.js");
 const teamsDarkTheme = (0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeams);

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

@@ -8,5 +8,5 @@ Object.defineProperty(exports, "teamsHighContrastTheme", {
         return teamsHighContrastTheme;
     }
 });
-const _createHighContrastTheme = require("../../utils/createHighContrastTheme");
+const _createHighContrastTheme = require("../../utils/createHighContrastTheme.js");
 const teamsHighContrastTheme = (0, _createHighContrastTheme.createHighContrastTheme)();

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./lightTheme"), exports);
-_export_star._(require("./darkTheme"), exports);
-_export_star._(require("./highContrastTheme"), exports);
+_export_star._(require("./lightTheme.js"), exports);
+_export_star._(require("./darkTheme.js"), exports);
+_export_star._(require("./highContrastTheme.js"), exports);

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

@@ -8,6 +8,6 @@ Object.defineProperty(exports, "teamsLightTheme", {
         return teamsLightTheme;
     }
 });
-const _createLightTheme = require("../../utils/createLightTheme");
-const _brandColors = require("../../global/brandColors");
+const _createLightTheme = require("../../utils/createLightTheme.js");
+const _brandColors = require("../../global/brandColors.js");
 const teamsLightTheme = (0, _createLightTheme.createLightTheme)(_brandColors.brandTeams);

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

@@ -8,6 +8,6 @@ Object.defineProperty(exports, "webDarkTheme", {
         return webDarkTheme;
     }
 });
-const _createDarkTheme = require("../../utils/createDarkTheme");
-const _brandColors = require("../../global/brandColors");
+const _createDarkTheme = require("../../utils/createDarkTheme.js");
+const _brandColors = require("../../global/brandColors.js");
 const webDarkTheme = (0, _createDarkTheme.createDarkTheme)(_brandColors.brandWeb);

package/lib-commonjs/themes/web/index.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./lightTheme"), exports);
-_export_star._(require("./darkTheme"), exports);
+_export_star._(require("./lightTheme.js"), exports);
+_export_star._(require("./darkTheme.js"), exports);

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

@@ -8,6 +8,6 @@ Object.defineProperty(exports, "webLightTheme", {
         return webLightTheme;
     }
 });
-const _createLightTheme = require("../../utils/createLightTheme");
-const _brandColors = require("../../global/brandColors");
+const _createLightTheme = require("../../utils/createLightTheme.js");
+const _brandColors = require("../../global/brandColors.js");
 const webLightTheme = (0, _createLightTheme.createLightTheme)(_brandColors.brandWeb);

package/lib-commonjs/utils/createDarkTheme.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "createDarkTheme", {
         return createDarkTheme;
     }
 });
-const _darkColorPalette = require("../alias/darkColorPalette");
-const _darkColor = require("../alias/darkColor");
-const _index = require("../global/index");
-const _shadows = require("./shadows");
-const _durations = require("../global/durations");
-const _curves = require("../global/curves");
-const _spacings = require("../global/spacings");
+const _darkColorPalette = require("../alias/darkColorPalette.js");
+const _darkColor = require("../alias/darkColor.js");
+const _index = require("../global/index.js");
+const _shadows = require("./shadows.js");
+const _durations = require("../global/durations.js");
+const _curves = require("../global/curves.js");
+const _spacings = require("../global/spacings.js");
 const createDarkTheme = (brand)=>{
     const colorTokens = (0, _darkColor.generateColorTokens)(brand);
     return {

package/lib-commonjs/utils/createHighContrastTheme.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "createHighContrastTheme", {
         return createHighContrastTheme;
     }
 });
-const _highContrastColorPalette = require("../alias/highContrastColorPalette");
-const _highContrastColor = require("../alias/highContrastColor");
-const _index = require("../global/index");
-const _shadows = require("./shadows");
-const _durations = require("../global/durations");
-const _curves = require("../global/curves");
-const _spacings = require("../global/spacings");
+const _highContrastColorPalette = require("../alias/highContrastColorPalette.js");
+const _highContrastColor = require("../alias/highContrastColor.js");
+const _index = require("../global/index.js");
+const _shadows = require("./shadows.js");
+const _durations = require("../global/durations.js");
+const _curves = require("../global/curves.js");
+const _spacings = require("../global/spacings.js");
 const createHighContrastTheme = ()=>{
     const colorTokens = (0, _highContrastColor.generateColorTokens)();
     return {

package/lib-commonjs/utils/createLightTheme.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "createLightTheme", {
         return createLightTheme;
     }
 });
-const _lightColorPalette = require("../alias/lightColorPalette");
-const _lightColor = require("../alias/lightColor");
-const _index = require("../global/index");
-const _shadows = require("./shadows");
-const _durations = require("../global/durations");
-const _curves = require("../global/curves");
-const _spacings = require("../global/spacings");
+const _lightColorPalette = require("../alias/lightColorPalette.js");
+const _lightColor = require("../alias/lightColor.js");
+const _index = require("../global/index.js");
+const _shadows = require("./shadows.js");
+const _durations = require("../global/durations.js");
+const _curves = require("../global/curves.js");
+const _spacings = require("../global/spacings.js");
 const createLightTheme = (brand)=>{
     const colorTokens = (0, _lightColor.generateColorTokens)(brand);
     return {

package/lib-commonjs/utils/createTeamsDarkTheme.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "createTeamsDarkTheme", {
         return createTeamsDarkTheme;
     }
 });
-const _darkColorPalette = require("../alias/darkColorPalette");
-const _teamsDarkColor = require("../alias/teamsDarkColor");
-const _index = require("../global/index");
-const _shadows = require("./shadows");
-const _durations = require("../global/durations");
-const _curves = require("../global/curves");
-const _spacings = require("../global/spacings");
+const _darkColorPalette = require("../alias/darkColorPalette.js");
+const _teamsDarkColor = require("../alias/teamsDarkColor.js");
+const _index = require("../global/index.js");
+const _shadows = require("./shadows.js");
+const _durations = require("../global/durations.js");
+const _curves = require("../global/curves.js");
+const _spacings = require("../global/spacings.js");
 const createTeamsDarkTheme = (brand)=>{
     const colorTokens = (0, _teamsDarkColor.generateColorTokens)(brand);
     return {

package/lib-commonjs/utils/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./createLightTheme"), exports);
-_export_star._(require("./createDarkTheme"), exports);
-_export_star._(require("./createTeamsDarkTheme"), exports);
-_export_star._(require("./createHighContrastTheme"), exports);
+_export_star._(require("./createLightTheme.js"), exports);
+_export_star._(require("./createDarkTheme.js"), exports);
+_export_star._(require("./createTeamsDarkTheme.js"), exports);
+_export_star._(require("./createHighContrastTheme.js"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/tokens",
-  "version": "1.0.0-alpha.17",
+  "version": "1.0.0-alpha.18",
   "description": "Fluent UI Theme Tokens",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,7 +20,8 @@
     "test": "jest --passWithNoTests",
     "token-pipeline": "node -r ../../scripts/ts-node/src/register ../../scripts/generators/src/token-pipeline.ts",
     "type-check": "just-scripts type-check",
-    "generate-api": "just-scripts generate-api"
+    "generate-api": "just-scripts generate-api",
+    "e2e": "playwright test"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",