@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.
Files changed (158) hide show
  1. package/CHANGELOG.json +279 -1
  2. package/CHANGELOG.md +95 -2
  3. package/dist/index.d.ts +460 -0
  4. package/lib/alias/darkColor.js +162 -0
  5. package/lib/alias/darkColor.js.map +1 -0
  6. package/lib/alias/darkColorPalette.js +67 -0
  7. package/lib/alias/darkColorPalette.js.map +1 -0
  8. package/lib/alias/highContrastColor.js +162 -0
  9. package/lib/alias/highContrastColor.js.map +1 -0
  10. package/lib/alias/highContrastColorPalette.js +52 -0
  11. package/lib/alias/highContrastColorPalette.js.map +1 -0
  12. package/lib/alias/lightColor.js +162 -0
  13. package/lib/alias/lightColor.js.map +1 -0
  14. package/lib/alias/lightColorPalette.js +57 -0
  15. package/lib/alias/lightColorPalette.js.map +1 -0
  16. package/lib/alias/teamsDarkColor.js +162 -0
  17. package/lib/alias/teamsDarkColor.js.map +1 -0
  18. package/lib/global/borderRadius.js +8 -0
  19. package/lib/global/borderRadius.js.map +1 -0
  20. package/lib/global/brandColors.js +54 -0
  21. package/lib/global/brandColors.js.map +1 -0
  22. package/lib/global/colorPalette.js +45 -0
  23. package/lib/global/colorPalette.js.map +1 -0
  24. package/lib/global/colors.js +807 -0
  25. package/lib/global/colors.js.map +1 -0
  26. package/lib/global/curves.js +11 -0
  27. package/lib/global/curves.js.map +1 -0
  28. package/lib/global/durations.js +10 -0
  29. package/lib/global/durations.js.map +1 -0
  30. package/lib/global/fonts.js +37 -0
  31. package/lib/global/fonts.js.map +1 -0
  32. package/lib/global/index.js +9 -0
  33. package/lib/global/index.js.map +1 -0
  34. package/lib/global/spacings.js +40 -0
  35. package/lib/global/spacings.js.map +1 -0
  36. package/lib/global/strokeWidths.js +6 -0
  37. package/lib/global/strokeWidths.js.map +1 -0
  38. package/lib/global/typographyStyles.js +107 -0
  39. package/lib/global/typographyStyles.js.map +1 -0
  40. package/lib/index.js +5 -2
  41. package/lib/index.js.map +1 -1
  42. package/lib/sharedColorNames.js +60 -0
  43. package/lib/sharedColorNames.js.map +1 -0
  44. package/lib/statusColorMapping.js +5 -0
  45. package/lib/statusColorMapping.js.map +1 -0
  46. package/lib/themeToTokensObject.js +15 -0
  47. package/lib/themeToTokensObject.js.map +1 -0
  48. package/lib/themes/index.js +2 -0
  49. package/lib/themes/index.js.map +1 -0
  50. package/lib/themes/teams/darkTheme.js +3 -0
  51. package/lib/themes/teams/darkTheme.js.map +1 -0
  52. package/lib/themes/teams/highContrastTheme.js +2 -0
  53. package/lib/themes/teams/highContrastTheme.js.map +1 -0
  54. package/lib/themes/teams/index.js +3 -0
  55. package/lib/themes/teams/index.js.map +1 -0
  56. package/lib/themes/teams/lightTheme.js +3 -0
  57. package/lib/themes/teams/lightTheme.js.map +1 -0
  58. package/lib/themes/web/darkTheme.js +3 -0
  59. package/lib/themes/web/darkTheme.js.map +1 -0
  60. package/lib/themes/web/index.js +2 -0
  61. package/lib/themes/web/index.js.map +1 -0
  62. package/lib/themes/web/lightTheme.js +3 -0
  63. package/lib/themes/web/lightTheme.js.map +1 -0
  64. package/lib/tokens.js +480 -0
  65. package/lib/tokens.js.map +1 -0
  66. package/lib/types.js +1 -0
  67. package/lib/types.js.map +1 -0
  68. package/lib/utils/createDarkTheme.js +27 -0
  69. package/lib/utils/createDarkTheme.js.map +1 -0
  70. package/lib/utils/createHighContrastTheme.js +27 -0
  71. package/lib/utils/createHighContrastTheme.js.map +1 -0
  72. package/lib/utils/createLightTheme.js +27 -0
  73. package/lib/utils/createLightTheme.js.map +1 -0
  74. package/lib/utils/createTeamsDarkTheme.js +27 -0
  75. package/lib/utils/createTeamsDarkTheme.js.map +1 -0
  76. package/lib/utils/index.js +4 -0
  77. package/lib/utils/index.js.map +1 -0
  78. package/lib/utils/shadows.js +10 -0
  79. package/lib/utils/shadows.js.map +1 -0
  80. package/lib-commonjs/alias/darkColor.js +172 -0
  81. package/lib-commonjs/alias/darkColor.js.map +1 -0
  82. package/lib-commonjs/alias/darkColorPalette.js +85 -0
  83. package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
  84. package/lib-commonjs/alias/highContrastColor.js +172 -0
  85. package/lib-commonjs/alias/highContrastColor.js.map +1 -0
  86. package/lib-commonjs/alias/highContrastColorPalette.js +70 -0
  87. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
  88. package/lib-commonjs/alias/lightColor.js +172 -0
  89. package/lib-commonjs/alias/lightColor.js.map +1 -0
  90. package/lib-commonjs/alias/lightColorPalette.js +75 -0
  91. package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
  92. package/lib-commonjs/alias/teamsDarkColor.js +172 -0
  93. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
  94. package/lib-commonjs/global/borderRadius.js +18 -0
  95. package/lib-commonjs/global/borderRadius.js.map +1 -0
  96. package/lib-commonjs/global/brandColors.js +75 -0
  97. package/lib-commonjs/global/brandColors.js.map +1 -0
  98. package/lib-commonjs/global/colorPalette.js +66 -0
  99. package/lib-commonjs/global/colorPalette.js.map +1 -0
  100. package/lib-commonjs/global/colors.js +1014 -0
  101. package/lib-commonjs/global/colors.js.map +1 -0
  102. package/lib-commonjs/global/curves.js +21 -0
  103. package/lib-commonjs/global/curves.js.map +1 -0
  104. package/lib-commonjs/global/durations.js +20 -0
  105. package/lib-commonjs/global/durations.js.map +1 -0
  106. package/lib-commonjs/global/fonts.js +59 -0
  107. package/lib-commonjs/global/fonts.js.map +1 -0
  108. package/lib-commonjs/global/index.js +13 -0
  109. package/lib-commonjs/global/index.js.map +1 -0
  110. package/lib-commonjs/global/spacings.js +58 -0
  111. package/lib-commonjs/global/spacings.js.map +1 -0
  112. package/lib-commonjs/global/strokeWidths.js +16 -0
  113. package/lib-commonjs/global/strokeWidths.js.map +1 -0
  114. package/lib-commonjs/global/typographyStyles.js +115 -0
  115. package/lib-commonjs/global/typographyStyles.js.map +1 -0
  116. package/lib-commonjs/index.js +50 -3
  117. package/lib-commonjs/index.js.map +1 -1
  118. package/lib-commonjs/sharedColorNames.js +84 -0
  119. package/lib-commonjs/sharedColorNames.js.map +1 -0
  120. package/lib-commonjs/statusColorMapping.js +15 -0
  121. package/lib-commonjs/statusColorMapping.js.map +1 -0
  122. package/lib-commonjs/themeToTokensObject.js +25 -0
  123. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  124. package/lib-commonjs/themes/index.js +7 -0
  125. package/lib-commonjs/themes/index.js.map +1 -0
  126. package/lib-commonjs/themes/teams/darkTheme.js +13 -0
  127. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
  128. package/lib-commonjs/themes/teams/highContrastTheme.js +12 -0
  129. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
  130. package/lib-commonjs/themes/teams/index.js +8 -0
  131. package/lib-commonjs/themes/teams/index.js.map +1 -0
  132. package/lib-commonjs/themes/teams/lightTheme.js +13 -0
  133. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
  134. package/lib-commonjs/themes/web/darkTheme.js +13 -0
  135. package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
  136. package/lib-commonjs/themes/web/index.js +7 -0
  137. package/lib-commonjs/themes/web/index.js.map +1 -0
  138. package/lib-commonjs/themes/web/lightTheme.js +13 -0
  139. package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
  140. package/lib-commonjs/tokens.js +490 -0
  141. package/lib-commonjs/tokens.js.map +1 -0
  142. package/lib-commonjs/types.js +4 -0
  143. package/lib-commonjs/types.js.map +1 -0
  144. package/lib-commonjs/utils/createDarkTheme.js +37 -0
  145. package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
  146. package/lib-commonjs/utils/createHighContrastTheme.js +37 -0
  147. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
  148. package/lib-commonjs/utils/createLightTheme.js +37 -0
  149. package/lib-commonjs/utils/createLightTheme.js.map +1 -0
  150. package/lib-commonjs/utils/createTeamsDarkTheme.js +37 -0
  151. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
  152. package/lib-commonjs/utils/index.js +9 -0
  153. package/lib-commonjs/utils/index.js.map +1 -0
  154. package/lib-commonjs/utils/shadows.js +20 -0
  155. package/lib-commonjs/utils/shadows.js.map +1 -0
  156. package/package.json +7 -4
  157. package/lib-amd/index.js +0 -5
  158. package/lib-amd/index.js.map +0 -1
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
@@ -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.1",
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": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
23
+ "generate-api": "just-scripts generate-api"
23
24
  },
24
25
  "devDependencies": {
25
26
  "@fluentui/eslint-plugin": "*",
26
- "@fluentui/scripts": "^1.0.0"
27
+ "@fluentui/scripts-api-extractor": "*",
28
+ "@fluentui/scripts-tasks": "*"
27
29
  },
28
30
  "dependencies": {
29
- "tslib": "^2.1.0"
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
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=index.js.map
@@ -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"]}