@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +279 -1
- package/CHANGELOG.md +95 -2
- package/dist/index.d.ts +460 -0
- package/lib/alias/darkColor.js +162 -0
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +67 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.js +162 -0
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +52 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.js +162 -0
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +57 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.js +162 -0
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/global/borderRadius.js +8 -0
- package/lib/global/borderRadius.js.map +1 -0
- package/lib/global/brandColors.js +54 -0
- package/lib/global/brandColors.js.map +1 -0
- package/lib/global/colorPalette.js +45 -0
- package/lib/global/colorPalette.js.map +1 -0
- package/lib/global/colors.js +807 -0
- package/lib/global/colors.js.map +1 -0
- package/lib/global/curves.js +11 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js +37 -0
- package/lib/global/fonts.js.map +1 -0
- package/lib/global/index.js +9 -0
- package/lib/global/index.js.map +1 -0
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js +6 -0
- package/lib/global/strokeWidths.js.map +1 -0
- package/lib/global/typographyStyles.js +107 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +5 -2
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +60 -0
- package/lib/sharedColorNames.js.map +1 -0
- package/lib/statusColorMapping.js +5 -0
- package/lib/statusColorMapping.js.map +1 -0
- package/lib/themeToTokensObject.js +15 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.js +2 -0
- package/lib/themes/index.js.map +1 -0
- package/lib/themes/teams/darkTheme.js +3 -0
- package/lib/themes/teams/darkTheme.js.map +1 -0
- package/lib/themes/teams/highContrastTheme.js +2 -0
- package/lib/themes/teams/highContrastTheme.js.map +1 -0
- package/lib/themes/teams/index.js +3 -0
- package/lib/themes/teams/index.js.map +1 -0
- package/lib/themes/teams/lightTheme.js +3 -0
- package/lib/themes/teams/lightTheme.js.map +1 -0
- package/lib/themes/web/darkTheme.js +3 -0
- package/lib/themes/web/darkTheme.js.map +1 -0
- package/lib/themes/web/index.js +2 -0
- package/lib/themes/web/index.js.map +1 -0
- package/lib/themes/web/lightTheme.js +3 -0
- package/lib/themes/web/lightTheme.js.map +1 -0
- package/lib/tokens.js +480 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.js +1 -0
- package/lib/types.js.map +1 -0
- package/lib/utils/createDarkTheme.js +27 -0
- package/lib/utils/createDarkTheme.js.map +1 -0
- package/lib/utils/createHighContrastTheme.js +27 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -0
- package/lib/utils/createLightTheme.js +27 -0
- package/lib/utils/createLightTheme.js.map +1 -0
- package/lib/utils/createTeamsDarkTheme.js +27 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib/utils/index.js +4 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/shadows.js +10 -0
- package/lib/utils/shadows.js.map +1 -0
- package/lib-commonjs/alias/darkColor.js +172 -0
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +85 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.js +172 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +70 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.js +172 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +75 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.js +172 -0
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js +18 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -0
- package/lib-commonjs/global/brandColors.js +75 -0
- package/lib-commonjs/global/brandColors.js.map +1 -0
- package/lib-commonjs/global/colorPalette.js +66 -0
- package/lib-commonjs/global/colorPalette.js.map +1 -0
- package/lib-commonjs/global/colors.js +1014 -0
- package/lib-commonjs/global/colors.js.map +1 -0
- package/lib-commonjs/global/curves.js +21 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +20 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js +59 -0
- package/lib-commonjs/global/fonts.js.map +1 -0
- package/lib-commonjs/global/index.js +13 -0
- package/lib-commonjs/global/index.js.map +1 -0
- package/lib-commonjs/global/spacings.js +58 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js +16 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -0
- package/lib-commonjs/global/typographyStyles.js +115 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +50 -3
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +84 -0
- package/lib-commonjs/sharedColorNames.js.map +1 -0
- package/lib-commonjs/statusColorMapping.js +15 -0
- package/lib-commonjs/statusColorMapping.js.map +1 -0
- package/lib-commonjs/themeToTokensObject.js +25 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.js +7 -0
- package/lib-commonjs/themes/index.js.map +1 -0
- package/lib-commonjs/themes/teams/darkTheme.js +13 -0
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js +12 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/index.js +8 -0
- package/lib-commonjs/themes/teams/index.js.map +1 -0
- package/lib-commonjs/themes/teams/lightTheme.js +13 -0
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
- package/lib-commonjs/themes/web/darkTheme.js +13 -0
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/web/index.js +7 -0
- package/lib-commonjs/themes/web/index.js.map +1 -0
- package/lib-commonjs/themes/web/lightTheme.js +13 -0
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
- package/lib-commonjs/tokens.js +490 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.js +4 -0
- package/lib-commonjs/types.js.map +1 -0
- package/lib-commonjs/utils/createDarkTheme.js +37 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.js +37 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
- package/lib-commonjs/utils/createLightTheme.js +37 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js +37 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/index.js +9 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/shadows.js +20 -0
- package/lib-commonjs/utils/shadows.js.map +1 -0
- package/package.json +7 -4
- package/lib-amd/index.js +0 -5
- package/lib-amd/index.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "createDarkTheme", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return createDarkTheme;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _darkColorPalette = require("../alias/darkColorPalette");
|
|
12
|
+
const _darkColor = require("../alias/darkColor");
|
|
13
|
+
const _index = require("../global/index");
|
|
14
|
+
const _shadows = require("./shadows");
|
|
15
|
+
const _durations = require("../global/durations");
|
|
16
|
+
const _curves = require("../global/curves");
|
|
17
|
+
const _spacings = require("../global/spacings");
|
|
18
|
+
const createDarkTheme = (brand)=>{
|
|
19
|
+
const colorTokens = (0, _darkColor.generateColorTokens)(brand);
|
|
20
|
+
return {
|
|
21
|
+
..._index.borderRadius,
|
|
22
|
+
..._index.fontSizes,
|
|
23
|
+
..._index.lineHeights,
|
|
24
|
+
..._index.fontFamilies,
|
|
25
|
+
..._index.fontWeights,
|
|
26
|
+
..._index.strokeWidths,
|
|
27
|
+
..._spacings.horizontalSpacings,
|
|
28
|
+
..._spacings.verticalSpacings,
|
|
29
|
+
..._durations.durations,
|
|
30
|
+
..._curves.curves,
|
|
31
|
+
...colorTokens,
|
|
32
|
+
..._darkColorPalette.colorPaletteTokens,
|
|
33
|
+
..._darkColorPalette.colorStatusTokens,
|
|
34
|
+
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
|
35
|
+
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["createDarkTheme.js"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\nexport const createDarkTheme = (brand)=>{\n const colorTokens = generateColorTokens(brand);\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')\n };\n};\n"],"names":["createDarkTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAOaA;;;eAAAA;;;kCAPyC;2BAClB;uBAC0D;yBAC3D;2BACT;wBACH;0BAC8B;AAC9C,MAAMA,kBAAkB,CAACC;IAC5B,MAAMC,cAAcC,IAAAA,8BAAmB,EAACF;IACxC,OAAO;QACH,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QACT,GAAGX,WAAW;QACd,GAAGY,oCAAkB;QACrB,GAAGC,mCAAiB;QACpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACxG;AACJ"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "createHighContrastTheme", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return createHighContrastTheme;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _highContrastColorPalette = require("../alias/highContrastColorPalette");
|
|
12
|
+
const _highContrastColor = require("../alias/highContrastColor");
|
|
13
|
+
const _index = require("../global/index");
|
|
14
|
+
const _shadows = require("./shadows");
|
|
15
|
+
const _durations = require("../global/durations");
|
|
16
|
+
const _curves = require("../global/curves");
|
|
17
|
+
const _spacings = require("../global/spacings");
|
|
18
|
+
const createHighContrastTheme = ()=>{
|
|
19
|
+
const colorTokens = (0, _highContrastColor.generateColorTokens)();
|
|
20
|
+
return {
|
|
21
|
+
..._index.borderRadius,
|
|
22
|
+
..._index.fontSizes,
|
|
23
|
+
..._index.lineHeights,
|
|
24
|
+
..._index.fontFamilies,
|
|
25
|
+
..._index.fontWeights,
|
|
26
|
+
..._index.strokeWidths,
|
|
27
|
+
..._spacings.horizontalSpacings,
|
|
28
|
+
..._spacings.verticalSpacings,
|
|
29
|
+
..._durations.durations,
|
|
30
|
+
..._curves.curves,
|
|
31
|
+
...colorTokens,
|
|
32
|
+
..._highContrastColorPalette.colorPaletteTokens,
|
|
33
|
+
..._highContrastColorPalette.colorStatusTokens,
|
|
34
|
+
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
|
35
|
+
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["createHighContrastTheme.js"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\nexport const createHighContrastTheme = ()=>{\n const colorTokens = generateColorTokens();\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')\n };\n};\n"],"names":["createHighContrastTheme","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAOaA;;;eAAAA;;;0CAPyC;mCAClB;uBAC0D;yBAC3D;2BACT;wBACH;0BAC8B;AAC9C,MAAMA,0BAA0B;IACnC,MAAMC,cAAcC,IAAAA,sCAAmB;IACvC,OAAO;QACH,GAAGC,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QACT,GAAGX,WAAW;QACd,GAAGY,4CAAkB;QACrB,GAAGC,2CAAiB;QACpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACxG;AACJ"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "createLightTheme", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return createLightTheme;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _lightColorPalette = require("../alias/lightColorPalette");
|
|
12
|
+
const _lightColor = require("../alias/lightColor");
|
|
13
|
+
const _index = require("../global/index");
|
|
14
|
+
const _shadows = require("./shadows");
|
|
15
|
+
const _durations = require("../global/durations");
|
|
16
|
+
const _curves = require("../global/curves");
|
|
17
|
+
const _spacings = require("../global/spacings");
|
|
18
|
+
const createLightTheme = (brand)=>{
|
|
19
|
+
const colorTokens = (0, _lightColor.generateColorTokens)(brand);
|
|
20
|
+
return {
|
|
21
|
+
..._index.borderRadius,
|
|
22
|
+
..._index.fontSizes,
|
|
23
|
+
..._index.lineHeights,
|
|
24
|
+
..._index.fontFamilies,
|
|
25
|
+
..._index.fontWeights,
|
|
26
|
+
..._index.strokeWidths,
|
|
27
|
+
..._spacings.horizontalSpacings,
|
|
28
|
+
..._spacings.verticalSpacings,
|
|
29
|
+
..._durations.durations,
|
|
30
|
+
..._curves.curves,
|
|
31
|
+
...colorTokens,
|
|
32
|
+
..._lightColorPalette.colorPaletteTokens,
|
|
33
|
+
..._lightColorPalette.colorStatusTokens,
|
|
34
|
+
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
|
35
|
+
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["createLightTheme.js"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\nexport const createLightTheme = (brand)=>{\n const colorTokens = generateColorTokens(brand);\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')\n };\n};\n"],"names":["createLightTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAOaA;;;eAAAA;;;mCAPyC;4BAClB;uBAC0D;yBAC3D;2BACT;wBACH;0BAC8B;AAC9C,MAAMA,mBAAmB,CAACC;IAC7B,MAAMC,cAAcC,IAAAA,+BAAmB,EAACF;IACxC,OAAO;QACH,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QACT,GAAGX,WAAW;QACd,GAAGY,qCAAkB;QACrB,GAAGC,oCAAiB;QACpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACxG;AACJ"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "createTeamsDarkTheme", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return createTeamsDarkTheme;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _darkColorPalette = require("../alias/darkColorPalette");
|
|
12
|
+
const _teamsDarkColor = require("../alias/teamsDarkColor");
|
|
13
|
+
const _index = require("../global/index");
|
|
14
|
+
const _shadows = require("./shadows");
|
|
15
|
+
const _durations = require("../global/durations");
|
|
16
|
+
const _curves = require("../global/curves");
|
|
17
|
+
const _spacings = require("../global/spacings");
|
|
18
|
+
const createTeamsDarkTheme = (brand)=>{
|
|
19
|
+
const colorTokens = (0, _teamsDarkColor.generateColorTokens)(brand);
|
|
20
|
+
return {
|
|
21
|
+
..._index.borderRadius,
|
|
22
|
+
..._index.fontSizes,
|
|
23
|
+
..._index.lineHeights,
|
|
24
|
+
..._index.fontFamilies,
|
|
25
|
+
..._index.fontWeights,
|
|
26
|
+
..._index.strokeWidths,
|
|
27
|
+
..._spacings.horizontalSpacings,
|
|
28
|
+
..._spacings.verticalSpacings,
|
|
29
|
+
..._durations.durations,
|
|
30
|
+
..._curves.curves,
|
|
31
|
+
...colorTokens,
|
|
32
|
+
..._darkColorPalette.colorPaletteTokens,
|
|
33
|
+
..._darkColorPalette.colorStatusTokens,
|
|
34
|
+
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
|
35
|
+
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["createTeamsDarkTheme.js"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\nexport const createTeamsDarkTheme = (brand)=>{\n const colorTokens = generateColorTokens(brand);\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n ...colorTokens,\n ...colorPaletteTokens,\n ...colorStatusTokens,\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')\n };\n};\n"],"names":["createTeamsDarkTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","colorStatusTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAOaA;;;eAAAA;;;kCAPyC;gCAClB;uBAC0D;yBAC3D;2BACT;wBACH;0BAC8B;AAC9C,MAAMA,uBAAuB,CAACC;IACjC,MAAMC,cAAcC,IAAAA,mCAAmB,EAACF;IACxC,OAAO;QACH,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QACT,GAAGX,WAAW;QACd,GAAGY,oCAAkB;QACrB,GAAGC,mCAAiB;QACpB,GAAGC,IAAAA,2BAAkB,EAACd,YAAYe,yBAAyB,EAAEf,YAAYgB,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACd,YAAYiB,uBAAuB,EAAEjB,YAAYkB,mBAAmB,EAAE,QAAQ;IACxG;AACJ"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./createLightTheme"), exports);
|
|
7
|
+
_export_star._(require("./createDarkTheme"), exports);
|
|
8
|
+
_export_star._(require("./createTeamsDarkTheme"), exports);
|
|
9
|
+
_export_star._(require("./createHighContrastTheme"), exports);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "createShadowTokens", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return createShadowTokens;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
|
|
12
|
+
return {
|
|
13
|
+
[`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
|
|
14
|
+
[`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
|
|
15
|
+
[`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
|
|
16
|
+
[`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
|
|
17
|
+
[`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
|
|
18
|
+
[`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
|
|
19
|
+
};
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["shadows.js"],"sourcesContent":["export function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {\n return {\n [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`\n };\n}\n"],"names":["createShadowTokens","ambientColor","keyColor","tokenSuffix"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,mBAAmBC,YAAY,EAAEC,QAAQ,EAAEC,cAAc,EAAE;IACvE,OAAO;QACH,CAAC,CAAC,OAAO,EAAEA,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,SAAS,CAAC;QAC3E,CAAC,CAAC,OAAO,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,SAAS,CAAC;QAC3E,CAAC,CAAC,OAAO,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,SAAS,CAAC;QAC3E,CAAC,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,aAAa,EAAEC,SAAS,CAAC;QAC7E,CAAC,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,cAAc,EAAEC,SAAS,CAAC;QAC9E,CAAC,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,cAAc,EAAEC,SAAS,CAAC;IAClF;AACJ"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/tokens",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.11",
|
|
4
4
|
"description": "Fluent UI Theme Tokens",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -18,15 +18,17 @@
|
|
|
18
18
|
"just": "just-scripts",
|
|
19
19
|
"lint": "just-scripts lint",
|
|
20
20
|
"test": "jest --passWithNoTests",
|
|
21
|
+
"token-pipeline": "node -r ../../scripts/ts-node/register ../../scripts/generators/token-pipeline.ts",
|
|
21
22
|
"type-check": "tsc -b tsconfig.json",
|
|
22
|
-
"generate-api": "
|
|
23
|
+
"generate-api": "just-scripts generate-api"
|
|
23
24
|
},
|
|
24
25
|
"devDependencies": {
|
|
25
26
|
"@fluentui/eslint-plugin": "*",
|
|
26
|
-
"@fluentui/scripts": "
|
|
27
|
+
"@fluentui/scripts-api-extractor": "*",
|
|
28
|
+
"@fluentui/scripts-tasks": "*"
|
|
27
29
|
},
|
|
28
30
|
"dependencies": {
|
|
29
|
-
"
|
|
31
|
+
"@swc/helpers": "^0.5.1"
|
|
30
32
|
},
|
|
31
33
|
"beachball": {
|
|
32
34
|
"disallowedChangeTypes": [
|
|
@@ -38,6 +40,7 @@
|
|
|
38
40
|
"exports": {
|
|
39
41
|
".": {
|
|
40
42
|
"types": "./dist/index.d.ts",
|
|
43
|
+
"node": "./lib-commonjs/index.js",
|
|
41
44
|
"import": "./lib/index.js",
|
|
42
45
|
"require": "./lib-commonjs/index.js"
|
|
43
46
|
},
|
package/lib-amd/index.js
DELETED
package/lib-amd/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/tokens/src/index.ts"],"names":[],"mappings":"","sourcesContent":["// TODO: replace with real exports\nexport {};\n"]}
|