@fluentui/tokens 1.0.0-alpha.3 → 1.0.0-alpha.4

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 (197) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +22 -1
  3. package/CHANGELOG.md +12 -2
  4. package/lib/alias/darkColor.js +2 -4
  5. package/lib/alias/darkColor.js.map +1 -1
  6. package/lib/alias/darkColorPalette.js +1 -2
  7. package/lib/alias/darkColorPalette.js.map +1 -1
  8. package/lib/alias/highContrastColor.js +2 -4
  9. package/lib/alias/highContrastColor.js.map +1 -1
  10. package/lib/alias/highContrastColorPalette.js.map +1 -1
  11. package/lib/alias/lightColor.js +2 -4
  12. package/lib/alias/lightColor.js.map +1 -1
  13. package/lib/alias/lightColorPalette.js.map +1 -1
  14. package/lib/alias/teamsDarkColor.js +2 -4
  15. package/lib/alias/teamsDarkColor.js.map +1 -1
  16. package/lib/global/borderRadius.js.map +1 -1
  17. package/lib/global/brandColors.js.map +1 -1
  18. package/lib/global/colorPalette.js.map +1 -1
  19. package/lib/global/colors.js +1 -3
  20. package/lib/global/colors.js.map +1 -1
  21. package/lib/global/curves.js.map +1 -1
  22. package/lib/global/durations.js.map +1 -1
  23. package/lib/global/fonts.js.map +1 -1
  24. package/lib/global/index.js.map +1 -1
  25. package/lib/global/spacings.js.map +1 -1
  26. package/lib/global/strokeWidths.js.map +1 -1
  27. package/lib/global/typographyStyles.js.map +1 -1
  28. package/lib/index.js.map +1 -1
  29. package/lib/sharedColorNames.js +1 -2
  30. package/lib/sharedColorNames.js.map +1 -1
  31. package/lib/themeToTokensObject.js +1 -2
  32. package/lib/themeToTokensObject.js.map +1 -1
  33. package/lib/themes/index.js.map +1 -1
  34. package/lib/themes/teams/darkTheme.js.map +1 -1
  35. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  36. package/lib/themes/teams/index.js.map +1 -1
  37. package/lib/themes/teams/lightTheme.js.map +1 -1
  38. package/lib/themes/web/darkTheme.js.map +1 -1
  39. package/lib/themes/web/index.js.map +1 -1
  40. package/lib/themes/web/lightTheme.js.map +1 -1
  41. package/lib/tokens.js.map +1 -1
  42. package/lib/types.js.map +1 -1
  43. package/lib/utils/createDarkTheme.js.map +1 -1
  44. package/lib/utils/createHighContrastTheme.js.map +1 -1
  45. package/lib/utils/createLightTheme.js.map +1 -1
  46. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  47. package/lib/utils/index.js.map +1 -1
  48. package/lib/utils/shadows.js.map +1 -1
  49. package/lib-commonjs/alias/darkColor.js +158 -159
  50. package/lib-commonjs/alias/darkColor.js.map +1 -1
  51. package/lib-commonjs/alias/darkColorPalette.js +46 -44
  52. package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
  53. package/lib-commonjs/alias/highContrastColor.js +158 -159
  54. package/lib-commonjs/alias/highContrastColor.js.map +1 -1
  55. package/lib-commonjs/alias/highContrastColorPalette.js +37 -34
  56. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
  57. package/lib-commonjs/alias/lightColor.js +158 -159
  58. package/lib-commonjs/alias/lightColor.js.map +1 -1
  59. package/lib-commonjs/alias/lightColorPalette.js +38 -35
  60. package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
  61. package/lib-commonjs/alias/teamsDarkColor.js +158 -159
  62. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
  63. package/lib-commonjs/global/borderRadius.js +14 -11
  64. package/lib-commonjs/global/borderRadius.js.map +1 -1
  65. package/lib-commonjs/global/brandColors.js +65 -55
  66. package/lib-commonjs/global/brandColors.js.map +1 -1
  67. package/lib-commonjs/global/colorPalette.js +51 -42
  68. package/lib-commonjs/global/colorPalette.js.map +1 -1
  69. package/lib-commonjs/global/colors.js +883 -814
  70. package/lib-commonjs/global/colors.js.map +1 -1
  71. package/lib-commonjs/global/curves.js +17 -14
  72. package/lib-commonjs/global/curves.js.map +1 -1
  73. package/lib-commonjs/global/durations.js +15 -12
  74. package/lib-commonjs/global/durations.js.map +1 -1
  75. package/lib-commonjs/global/fonts.js +48 -39
  76. package/lib-commonjs/global/fonts.js.map +1 -1
  77. package/lib-commonjs/global/index.js +12 -12
  78. package/lib-commonjs/global/index.js.map +1 -1
  79. package/lib-commonjs/global/spacings.js +49 -40
  80. package/lib-commonjs/global/spacings.js.map +1 -1
  81. package/lib-commonjs/global/strokeWidths.js +12 -9
  82. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  83. package/lib-commonjs/global/typographyStyles.js +111 -111
  84. package/lib-commonjs/global/typographyStyles.js.map +1 -1
  85. package/lib-commonjs/index.js +29 -81
  86. package/lib-commonjs/index.js.map +1 -1
  87. package/lib-commonjs/sharedColorNames.js +69 -10
  88. package/lib-commonjs/sharedColorNames.js.map +1 -1
  89. package/lib-commonjs/themeToTokensObject.js +16 -15
  90. package/lib-commonjs/themeToTokensObject.js.map +1 -1
  91. package/lib-commonjs/themes/index.js +6 -5
  92. package/lib-commonjs/themes/index.js.map +1 -1
  93. package/lib-commonjs/themes/teams/darkTheme.js +9 -6
  94. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  95. package/lib-commonjs/themes/teams/highContrastTheme.js +8 -5
  96. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  97. package/lib-commonjs/themes/teams/index.js +7 -6
  98. package/lib-commonjs/themes/teams/index.js.map +1 -1
  99. package/lib-commonjs/themes/teams/lightTheme.js +9 -6
  100. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  101. package/lib-commonjs/themes/web/darkTheme.js +9 -6
  102. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  103. package/lib-commonjs/themes/web/index.js +6 -5
  104. package/lib-commonjs/themes/web/index.js.map +1 -1
  105. package/lib-commonjs/themes/web/lightTheme.js +9 -6
  106. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  107. package/lib-commonjs/tokens.js +443 -440
  108. package/lib-commonjs/tokens.js.map +1 -1
  109. package/lib-commonjs/types.js +3 -2
  110. package/lib-commonjs/types.js.map +1 -1
  111. package/lib-commonjs/utils/createDarkTheme.js +32 -30
  112. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  113. package/lib-commonjs/utils/createHighContrastTheme.js +32 -30
  114. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  115. package/lib-commonjs/utils/createLightTheme.js +32 -30
  116. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  117. package/lib-commonjs/utils/createTeamsDarkTheme.js +32 -30
  118. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  119. package/lib-commonjs/utils/index.js +8 -7
  120. package/lib-commonjs/utils/index.js.map +1 -1
  121. package/lib-commonjs/utils/shadows.js +15 -13
  122. package/lib-commonjs/utils/shadows.js.map +1 -1
  123. package/package.json +4 -3
  124. package/lib-amd/alias/darkColor.js +0 -161
  125. package/lib-amd/alias/darkColor.js.map +0 -1
  126. package/lib-amd/alias/darkColorPalette.js +0 -47
  127. package/lib-amd/alias/darkColorPalette.js.map +0 -1
  128. package/lib-amd/alias/highContrastColor.js +0 -161
  129. package/lib-amd/alias/highContrastColor.js.map +0 -1
  130. package/lib-amd/alias/highContrastColorPalette.js +0 -37
  131. package/lib-amd/alias/highContrastColorPalette.js.map +0 -1
  132. package/lib-amd/alias/lightColor.js +0 -161
  133. package/lib-amd/alias/lightColor.js.map +0 -1
  134. package/lib-amd/alias/lightColorPalette.js +0 -38
  135. package/lib-amd/alias/lightColorPalette.js.map +0 -1
  136. package/lib-amd/alias/teamsDarkColor.js +0 -161
  137. package/lib-amd/alias/teamsDarkColor.js.map +0 -1
  138. package/lib-amd/global/borderRadius.js +0 -14
  139. package/lib-amd/global/borderRadius.js.map +0 -1
  140. package/lib-amd/global/brandColors.js +0 -60
  141. package/lib-amd/global/brandColors.js.map +0 -1
  142. package/lib-amd/global/colorPalette.js +0 -45
  143. package/lib-amd/global/colorPalette.js.map +0 -1
  144. package/lib-amd/global/colors.js +0 -815
  145. package/lib-amd/global/colors.js.map +0 -1
  146. package/lib-amd/global/curves.js +0 -17
  147. package/lib-amd/global/curves.js.map +0 -1
  148. package/lib-amd/global/durations.js +0 -15
  149. package/lib-amd/global/durations.js.map +0 -1
  150. package/lib-amd/global/fonts.js +0 -45
  151. package/lib-amd/global/fonts.js.map +0 -1
  152. package/lib-amd/global/index.js +0 -14
  153. package/lib-amd/global/index.js.map +0 -1
  154. package/lib-amd/global/spacings.js +0 -46
  155. package/lib-amd/global/spacings.js.map +0 -1
  156. package/lib-amd/global/strokeWidths.js +0 -12
  157. package/lib-amd/global/strokeWidths.js.map +0 -1
  158. package/lib-amd/global/typographyStyles.js +0 -113
  159. package/lib-amd/global/typographyStyles.js.map +0 -1
  160. package/lib-amd/index.js +0 -18
  161. package/lib-amd/index.js.map +0 -1
  162. package/lib-amd/sharedColorNames.js +0 -64
  163. package/lib-amd/sharedColorNames.js.map +0 -1
  164. package/lib-amd/themeToTokensObject.js +0 -24
  165. package/lib-amd/themeToTokensObject.js.map +0 -1
  166. package/lib-amd/themes/index.js +0 -7
  167. package/lib-amd/themes/index.js.map +0 -1
  168. package/lib-amd/themes/teams/darkTheme.js +0 -7
  169. package/lib-amd/themes/teams/darkTheme.js.map +0 -1
  170. package/lib-amd/themes/teams/highContrastTheme.js +0 -7
  171. package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
  172. package/lib-amd/themes/teams/index.js +0 -8
  173. package/lib-amd/themes/teams/index.js.map +0 -1
  174. package/lib-amd/themes/teams/lightTheme.js +0 -7
  175. package/lib-amd/themes/teams/lightTheme.js.map +0 -1
  176. package/lib-amd/themes/web/darkTheme.js +0 -7
  177. package/lib-amd/themes/web/darkTheme.js.map +0 -1
  178. package/lib-amd/themes/web/index.js +0 -7
  179. package/lib-amd/themes/web/index.js.map +0 -1
  180. package/lib-amd/themes/web/lightTheme.js +0 -7
  181. package/lib-amd/themes/web/lightTheme.js.map +0 -1
  182. package/lib-amd/tokens.js +0 -443
  183. package/lib-amd/tokens.js.map +0 -1
  184. package/lib-amd/types.js +0 -5
  185. package/lib-amd/types.js.map +0 -1
  186. package/lib-amd/utils/createDarkTheme.js +0 -11
  187. package/lib-amd/utils/createDarkTheme.js.map +0 -1
  188. package/lib-amd/utils/createHighContrastTheme.js +0 -11
  189. package/lib-amd/utils/createHighContrastTheme.js.map +0 -1
  190. package/lib-amd/utils/createLightTheme.js +0 -11
  191. package/lib-amd/utils/createLightTheme.js.map +0 -1
  192. package/lib-amd/utils/createTeamsDarkTheme.js +0 -11
  193. package/lib-amd/utils/createTeamsDarkTheme.js.map +0 -1
  194. package/lib-amd/utils/index.js +0 -9
  195. package/lib-amd/utils/index.js.map +0 -1
  196. package/lib-amd/utils/shadows.js +0 -19
  197. package/lib-amd/utils/shadows.js.map +0 -1
@@ -1,34 +1,36 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "createTeamsDarkTheme", {
6
+ enumerable: true,
7
+ get: ()=>createTeamsDarkTheme
5
8
  });
6
- exports.createTeamsDarkTheme = void 0;
7
- const darkColorPalette_1 = /*#__PURE__*/require("../alias/darkColorPalette");
8
- const teamsDarkColor_1 = /*#__PURE__*/require("../alias/teamsDarkColor");
9
- const index_1 = /*#__PURE__*/require("../global/index");
10
- const shadows_1 = /*#__PURE__*/require("./shadows");
11
- const durations_1 = /*#__PURE__*/require("../global/durations");
12
- const curves_1 = /*#__PURE__*/require("../global/curves");
13
- const spacings_1 = /*#__PURE__*/require("../global/spacings");
14
- const createTeamsDarkTheme = brand => {
15
- const colorTokens = teamsDarkColor_1.generateColorTokens(brand);
16
- return {
17
- ...index_1.borderRadius,
18
- ...index_1.fontSizes,
19
- ...index_1.lineHeights,
20
- ...index_1.fontFamilies,
21
- ...index_1.fontWeights,
22
- ...index_1.strokeWidths,
23
- ...spacings_1.horizontalSpacings,
24
- ...spacings_1.verticalSpacings,
25
- ...durations_1.durations,
26
- ...curves_1.curves,
27
- ...colorTokens,
28
- ...darkColorPalette_1.colorPaletteTokens,
29
- ...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
30
- ...shadows_1.createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
31
- };
32
- };
33
- exports.createTeamsDarkTheme = createTeamsDarkTheme;
9
+ const _darkColorPalette = require("../alias/darkColorPalette");
10
+ const _teamsDarkColor = require("../alias/teamsDarkColor");
11
+ const _index = require("../global/index");
12
+ const _shadows = require("./shadows");
13
+ const _durations = require("../global/durations");
14
+ const _curves = require("../global/curves");
15
+ const _spacings = require("../global/spacings");
16
+ const createTeamsDarkTheme = (brand)=>{
17
+ const colorTokens = (0, _teamsDarkColor.generateColorTokens)(brand);
18
+ return {
19
+ ..._index.borderRadius,
20
+ ..._index.fontSizes,
21
+ ..._index.lineHeights,
22
+ ..._index.fontFamilies,
23
+ ..._index.fontWeights,
24
+ ..._index.strokeWidths,
25
+ ..._spacings.horizontalSpacings,
26
+ ..._spacings.verticalSpacings,
27
+ ..._durations.durations,
28
+ ..._curves.curves,
29
+ ...colorTokens,
30
+ ..._darkColorPalette.colorPaletteTokens,
31
+ ...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
32
+ ...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
33
+ };
34
+ }; //# sourceMappingURL=createTeamsDarkTheme.js.map
35
+
34
36
  //# sourceMappingURL=createTeamsDarkTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["darkColorPalette_1","require","teamsDarkColor_1","index_1","shadows_1","durations_1","curves_1","spacings_1","createTeamsDarkTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey","exports"],"sources":["../src/packages/tokens/src/utils/createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,kBAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AAEA,MAAAE,OAAA,gBAAAF,OAAA;AACA,MAAAG,SAAA,gBAAAH,OAAA;AAEA,MAAAI,WAAA,gBAAAJ,OAAA;AACA,MAAAK,QAAA,gBAAAL,OAAA;AACA,MAAAM,UAAA,gBAAAN,OAAA;AAEO,MAAMO,oBAAoB,GAAoCC,KAAK,IAAG;EAC3E,MAAMC,WAAW,GAAGR,gBAAA,CAAAS,mBAAmB,CAACF,KAAK,CAAC;EAE9C,OAAO;IACL,GAAGN,OAAA,CAAAS,YAAY;IACf,GAAGT,OAAA,CAAAU,SAAS;IACZ,GAAGV,OAAA,CAAAW,WAAW;IACd,GAAGX,OAAA,CAAAY,YAAY;IACf,GAAGZ,OAAA,CAAAa,WAAW;IACd,GAAGb,OAAA,CAAAc,YAAY;IACf,GAAGV,UAAA,CAAAW,kBAAkB;IACrB,GAAGX,UAAA,CAAAY,gBAAgB;IACnB,GAAGd,WAAA,CAAAe,SAAS;IACZ,GAAGd,QAAA,CAAAe,MAAM;IAET,GAAGX,WAAW;IACd,GAAGV,kBAAA,CAAAsB,kBAAkB;IAErB,GAAGlB,SAAA,CAAAmB,kBAAkB,CAACb,WAAW,CAACc,yBAAyB,EAAEd,WAAW,CAACe,qBAAqB,CAAC;IAC/F,GAAGrB,SAAA,CAAAmB,kBAAkB,CAACb,WAAW,CAACgB,uBAAuB,EAAEhB,WAAW,CAACiB,mBAAmB,EAAE,OAAO;GACpG;AACH,CAAC;AArBYC,OAAA,CAAApB,oBAAoB,GAAAA,oBAAA"}
1
+ {"version":3,"sources":["../../lib/utils/createTeamsDarkTheme.js"],"sourcesContent":["import { colorPaletteTokens } 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 ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')\n };\n};\n//# sourceMappingURL=createTeamsDarkTheme.js.map"],"names":["createTeamsDarkTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAOaA;;aAAAA;;kCAPsB;gCACC;uBAC0D;yBAC3D;2BACT;wBACH;0BAC8B;AAC9C,MAAMA,uBAAuBC,CAAAA,QAAS;IAC3C,MAAMC,cAAcC,IAAAA,mCAAmB,EAACF;IACxC,OAAO;QACL,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,IAAAA,2BAAkB,EAACb,YAAYc,yBAAyB,EAAEd,YAAYe,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACb,YAAYgB,uBAAuB,EAAEhB,YAAYiB,mBAAmB,EAAE,QAAQ;IACtG;AACF,GACA,gDAAgD"}
@@ -1,11 +1,12 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- const tslib_1 = /*#__PURE__*/require("tslib");
7
- tslib_1.__exportStar(require("./createLightTheme"), exports);
8
- tslib_1.__exportStar(require("./createDarkTheme"), exports);
9
- tslib_1.__exportStar(require("./createTeamsDarkTheme"), exports);
10
- tslib_1.__exportStar(require("./createHighContrastTheme"), exports);
5
+ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
+ _exportStar(require("./createLightTheme"), exports);
7
+ _exportStar(require("./createDarkTheme"), exports);
8
+ _exportStar(require("./createTeamsDarkTheme"), exports);
9
+ _exportStar(require("./createHighContrastTheme"), exports);
10
+ //# sourceMappingURL=index.js.map
11
+
11
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/tokens/src/utils/index.ts"],"sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA"}
1
+ {"version":3,"sources":["../../lib/utils/index.js"],"sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}
@@ -1,18 +1,20 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "createShadowTokens", {
6
+ enumerable: true,
7
+ get: ()=>createShadowTokens
5
8
  });
6
- exports.createShadowTokens = void 0;
7
9
  function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
8
- return {
9
- [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
10
- [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
11
- [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
12
- [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
13
- [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
14
- [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
15
- };
16
- }
17
- exports.createShadowTokens = createShadowTokens;
10
+ return {
11
+ [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
12
+ [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
13
+ [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
14
+ [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
15
+ [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
16
+ [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
17
+ };
18
+ } //# sourceMappingURL=shadows.js.map
19
+
18
20
  //# sourceMappingURL=shadows.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["createShadowTokens","ambientColor","keyColor","tokenSuffix","exports"],"sources":["../src/packages/tokens/src/utils/shadows.ts"],"sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\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"],"mappings":";;;;;;AAKA,SAAgBA,kBAAkBA,CAACC,YAAoB,EAAEC,QAAgB,EAAEC,WAAA,GAA4B,EAAE;EACvG,OAAO;IACL,CAAC,UAAUA,WAAW,EAAE,GAAG,WAAWF,YAAY,eAAeC,QAAQ,EAAE;IAC3E,CAAC,UAAUC,WAAW,EAAE,GAAG,WAAWF,YAAY,eAAeC,QAAQ,EAAE;IAC3E,CAAC,UAAUC,WAAW,EAAE,GAAG,WAAWF,YAAY,eAAeC,QAAQ,EAAE;IAC3E,CAAC,WAAWC,WAAW,EAAE,GAAG,WAAWF,YAAY,gBAAgBC,QAAQ,EAAE;IAC7E,CAAC,WAAWC,WAAW,EAAE,GAAG,WAAWF,YAAY,iBAAiBC,QAAQ,EAAE;IAC9E,CAAC,WAAWC,WAAW,EAAE,GAAG,WAAWF,YAAY,iBAAiBC,QAAQ;GAC7E;AACH;AATAE,OAAA,CAAAJ,kBAAA,GAAAA,kBAAA"}
1
+ {"version":3,"sources":["../../lib/utils/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//# sourceMappingURL=shadows.js.map"],"names":["createShadowTokens","ambientColor","keyColor","tokenSuffix"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,mBAAmBC,YAAY,EAAEC,QAAQ,EAAEC,cAAc,EAAE,EAAE;IAC3E,OAAO;QACL,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;IAChF;AACF,EACA,mCAAmC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/tokens",
3
- "version": "1.0.0-alpha.3",
3
+ "version": "1.0.0-alpha.4",
4
4
  "description": "Fluent UI Theme Tokens",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -20,7 +20,7 @@
20
20
  "test": "jest --passWithNoTests",
21
21
  "token-pipeline": "node -r ../../scripts/ts-node/register ../../scripts/generators/token-pipeline.ts",
22
22
  "type-check": "tsc -b tsconfig.json",
23
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
23
+ "generate-api": "just-scripts generate-api"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@fluentui/eslint-plugin": "*",
@@ -28,7 +28,7 @@
28
28
  "@fluentui/scripts-tasks": "*"
29
29
  },
30
30
  "dependencies": {
31
- "tslib": "^2.1.0"
31
+ "@swc/helpers": "^0.4.14"
32
32
  },
33
33
  "beachball": {
34
34
  "disallowedChangeTypes": [
@@ -40,6 +40,7 @@
40
40
  "exports": {
41
41
  ".": {
42
42
  "types": "./dist/index.d.ts",
43
+ "node": "./lib-commonjs/index.js",
43
44
  "import": "./lib/index.js",
44
45
  "require": "./lib-commonjs/index.js"
45
46
  },
@@ -1,161 +0,0 @@
1
- /* !!! DO NOT EDIT !!! */
2
- /* This file has been generated by the token pipeline */
3
- define(["require", "exports", "../global/colors"], function (require, exports, colors_1) {
4
- "use strict";
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.generateColorTokens = void 0;
7
- var generateColorTokens = function (brand) { return ({
8
- colorNeutralForeground1: colors_1.white,
9
- colorNeutralForeground1Hover: colors_1.white,
10
- colorNeutralForeground1Pressed: colors_1.white,
11
- colorNeutralForeground1Selected: colors_1.white,
12
- colorNeutralForeground2: colors_1.grey[84],
13
- colorNeutralForeground2Hover: colors_1.white,
14
- colorNeutralForeground2Pressed: colors_1.white,
15
- colorNeutralForeground2Selected: colors_1.white,
16
- colorNeutralForeground2BrandHover: brand[100],
17
- colorNeutralForeground2BrandPressed: brand[90],
18
- colorNeutralForeground2BrandSelected: brand[100],
19
- colorNeutralForeground3: colors_1.grey[68],
20
- colorNeutralForeground3Hover: colors_1.grey[84],
21
- colorNeutralForeground3Pressed: colors_1.grey[84],
22
- colorNeutralForeground3Selected: colors_1.grey[84],
23
- colorNeutralForeground3BrandHover: brand[100],
24
- colorNeutralForeground3BrandPressed: brand[90],
25
- colorNeutralForeground3BrandSelected: brand[100],
26
- colorNeutralForeground4: colors_1.grey[60],
27
- colorNeutralForegroundDisabled: colors_1.grey[36],
28
- colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40],
29
- colorBrandForegroundLink: brand[100],
30
- colorBrandForegroundLinkHover: brand[110],
31
- colorBrandForegroundLinkPressed: brand[90],
32
- colorBrandForegroundLinkSelected: brand[100],
33
- colorNeutralForeground2Link: colors_1.grey[84],
34
- colorNeutralForeground2LinkHover: colors_1.white,
35
- colorNeutralForeground2LinkPressed: colors_1.white,
36
- colorNeutralForeground2LinkSelected: colors_1.white,
37
- colorCompoundBrandForeground1: brand[100],
38
- colorCompoundBrandForeground1Hover: brand[110],
39
- colorCompoundBrandForeground1Pressed: brand[90],
40
- colorBrandForeground1: brand[100],
41
- colorBrandForeground2: brand[110],
42
- colorNeutralForeground1Static: colors_1.grey[14],
43
- colorNeutralForegroundStaticInverted: colors_1.white,
44
- colorNeutralForegroundInverted: colors_1.grey[14],
45
- colorNeutralForegroundInvertedHover: colors_1.grey[14],
46
- colorNeutralForegroundInvertedPressed: colors_1.grey[14],
47
- colorNeutralForegroundInvertedSelected: colors_1.grey[14],
48
- colorNeutralForegroundInverted2: colors_1.grey[14],
49
- colorNeutralForegroundOnBrand: colors_1.white,
50
- colorNeutralForegroundInvertedLink: colors_1.white,
51
- colorNeutralForegroundInvertedLinkHover: colors_1.white,
52
- colorNeutralForegroundInvertedLinkPressed: colors_1.white,
53
- colorNeutralForegroundInvertedLinkSelected: colors_1.white,
54
- colorBrandForegroundInverted: brand[80],
55
- colorBrandForegroundInvertedHover: brand[70],
56
- colorBrandForegroundInvertedPressed: brand[60],
57
- colorBrandForegroundOnLight: brand[80],
58
- colorBrandForegroundOnLightHover: brand[70],
59
- colorBrandForegroundOnLightPressed: brand[50],
60
- colorBrandForegroundOnLightSelected: brand[60],
61
- colorNeutralBackground1: colors_1.grey[16],
62
- colorNeutralBackground1Hover: colors_1.grey[24],
63
- colorNeutralBackground1Pressed: colors_1.grey[12],
64
- colorNeutralBackground1Selected: colors_1.grey[22],
65
- colorNeutralBackground2: colors_1.grey[12],
66
- colorNeutralBackground2Hover: colors_1.grey[20],
67
- colorNeutralBackground2Pressed: colors_1.grey[8],
68
- colorNeutralBackground2Selected: colors_1.grey[18],
69
- colorNeutralBackground3: colors_1.grey[8],
70
- colorNeutralBackground3Hover: colors_1.grey[16],
71
- colorNeutralBackground3Pressed: colors_1.grey[4],
72
- colorNeutralBackground3Selected: colors_1.grey[14],
73
- colorNeutralBackground4: colors_1.grey[4],
74
- colorNeutralBackground4Hover: colors_1.grey[12],
75
- colorNeutralBackground4Pressed: colors_1.black,
76
- colorNeutralBackground4Selected: colors_1.grey[10],
77
- colorNeutralBackground5: colors_1.black,
78
- colorNeutralBackground5Hover: colors_1.grey[8],
79
- colorNeutralBackground5Pressed: colors_1.grey[2],
80
- colorNeutralBackground5Selected: colors_1.grey[6],
81
- colorNeutralBackground6: colors_1.grey[20],
82
- colorNeutralBackgroundInverted: colors_1.white,
83
- colorNeutralBackgroundStatic: colors_1.grey[24],
84
- colorNeutralBackgroundAlpha: colors_1.grey10Alpha[50],
85
- colorNeutralBackgroundAlpha2: colors_1.grey12Alpha[70],
86
- colorSubtleBackground: 'transparent',
87
- colorSubtleBackgroundHover: colors_1.grey[22],
88
- colorSubtleBackgroundPressed: colors_1.grey[18],
89
- colorSubtleBackgroundSelected: colors_1.grey[20],
90
- colorSubtleBackgroundLightAlphaHover: colors_1.grey14Alpha[80],
91
- colorSubtleBackgroundLightAlphaPressed: colors_1.grey14Alpha[50],
92
- colorSubtleBackgroundLightAlphaSelected: 'transparent',
93
- colorSubtleBackgroundInverted: 'transparent',
94
- colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10],
95
- colorSubtleBackgroundInvertedPressed: colors_1.blackAlpha[30],
96
- colorSubtleBackgroundInvertedSelected: colors_1.blackAlpha[20],
97
- colorTransparentBackground: 'transparent',
98
- colorTransparentBackgroundHover: 'transparent',
99
- colorTransparentBackgroundPressed: 'transparent',
100
- colorTransparentBackgroundSelected: 'transparent',
101
- colorNeutralBackgroundDisabled: colors_1.grey[8],
102
- colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
103
- colorNeutralStencil1: colors_1.grey[34],
104
- colorNeutralStencil2: colors_1.grey[20],
105
- colorNeutralStencil1Alpha: colors_1.whiteAlpha[10],
106
- colorNeutralStencil2Alpha: colors_1.whiteAlpha[5],
107
- colorBackgroundOverlay: colors_1.blackAlpha[50],
108
- colorScrollbarOverlay: colors_1.whiteAlpha[60],
109
- colorBrandBackground: brand[70],
110
- colorBrandBackgroundHover: brand[80],
111
- colorBrandBackgroundPressed: brand[40],
112
- colorBrandBackgroundSelected: brand[60],
113
- colorCompoundBrandBackground: brand[100],
114
- colorCompoundBrandBackgroundHover: brand[110],
115
- colorCompoundBrandBackgroundPressed: brand[90],
116
- colorBrandBackgroundStatic: brand[80],
117
- colorBrandBackground2: brand[40],
118
- colorBrandBackgroundInverted: colors_1.white,
119
- colorBrandBackgroundInvertedHover: brand[160],
120
- colorBrandBackgroundInvertedPressed: brand[140],
121
- colorBrandBackgroundInvertedSelected: brand[150],
122
- colorNeutralStrokeAccessible: colors_1.grey[68],
123
- colorNeutralStrokeAccessibleHover: colors_1.grey[74],
124
- colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
125
- colorNeutralStrokeAccessibleSelected: brand[100],
126
- colorNeutralStroke1: colors_1.grey[40],
127
- colorNeutralStroke1Hover: colors_1.grey[46],
128
- colorNeutralStroke1Pressed: colors_1.grey[42],
129
- colorNeutralStroke1Selected: colors_1.grey[44],
130
- colorNeutralStroke2: colors_1.grey[32],
131
- colorNeutralStroke3: colors_1.grey[24],
132
- colorNeutralStrokeOnBrand: colors_1.grey[16],
133
- colorNeutralStrokeOnBrand2: colors_1.white,
134
- colorNeutralStrokeOnBrand2Hover: colors_1.white,
135
- colorNeutralStrokeOnBrand2Pressed: colors_1.white,
136
- colorNeutralStrokeOnBrand2Selected: colors_1.white,
137
- colorBrandStroke1: brand[100],
138
- colorBrandStroke2: brand[50],
139
- colorCompoundBrandStroke: brand[100],
140
- colorCompoundBrandStrokeHover: brand[110],
141
- colorCompoundBrandStrokePressed: brand[90],
142
- colorNeutralStrokeDisabled: colors_1.grey[26],
143
- colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40],
144
- colorTransparentStroke: 'transparent',
145
- colorTransparentStrokeInteractive: 'transparent',
146
- colorTransparentStrokeDisabled: 'transparent',
147
- colorNeutralStrokeAlpha: colors_1.whiteAlpha[10],
148
- colorStrokeFocus1: colors_1.black,
149
- colorStrokeFocus2: colors_1.white,
150
- colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
151
- colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
152
- colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
153
- colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
154
- colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
155
- colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
156
- colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
157
- colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined
158
- }); };
159
- exports.generateColorTokens = generateColorTokens;
160
- });
161
- //# sourceMappingURL=darkColor.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"darkColor.js","sourceRoot":"","sources":["../../../../../../../packages/tokens/src/alias/darkColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackgroundAlpha: grey10Alpha[50], // rgba(26, 26, 26, 0.5) Global.Color.Grey10Alpha.50\n colorNeutralBackgroundAlpha2: grey12Alpha[70], // rgba(31, 31, 31, 0.7) Global.Color.Grey12Alpha.70\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorNeutralStrokeAlpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"]}
@@ -1,47 +0,0 @@
1
- /* color palette used in both darkTheme and teamsDarkTheme */
2
- define(["require", "exports", "tslib", "../global/colorPalette", "../sharedColorNames"], function (require, exports, tslib_1, colorPalette_1, sharedColorNames_1) {
3
- "use strict";
4
- Object.defineProperty(exports, "__esModule", { value: true });
5
- exports.colorPaletteTokens = void 0;
6
- var statusColorPaletteTokens = sharedColorNames_1.statusSharedColorNames.reduce(function (acc, sharedColor) {
7
- var _a;
8
- var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
9
- var sharedColorTokens = (_a = {},
10
- _a["colorPalette" + color + "Background1"] = colorPalette_1.statusSharedColors[sharedColor].shade40,
11
- _a["colorPalette" + color + "Background2"] = colorPalette_1.statusSharedColors[sharedColor].shade30,
12
- _a["colorPalette" + color + "Background3"] = colorPalette_1.statusSharedColors[sharedColor].primary,
13
- _a["colorPalette" + color + "Foreground1"] = colorPalette_1.statusSharedColors[sharedColor].tint30,
14
- _a["colorPalette" + color + "Foreground2"] = colorPalette_1.statusSharedColors[sharedColor].tint40,
15
- _a["colorPalette" + color + "Foreground3"] = colorPalette_1.statusSharedColors[sharedColor].tint20,
16
- _a["colorPalette" + color + "BorderActive"] = colorPalette_1.statusSharedColors[sharedColor].tint30,
17
- _a["colorPalette" + color + "Border1"] = colorPalette_1.statusSharedColors[sharedColor].primary,
18
- _a["colorPalette" + color + "Border2"] = colorPalette_1.statusSharedColors[sharedColor].tint20,
19
- _a);
20
- return Object.assign(acc, sharedColorTokens);
21
- }, {});
22
- // one-off patches
23
- statusColorPaletteTokens.colorPaletteRedForeground3 = colorPalette_1.statusSharedColors.red.tint30;
24
- statusColorPaletteTokens.colorPaletteRedBorder2 = colorPalette_1.statusSharedColors.red.tint30;
25
- statusColorPaletteTokens.colorPaletteGreenForeground3 = colorPalette_1.statusSharedColors.green.tint40;
26
- statusColorPaletteTokens.colorPaletteGreenBorder2 = colorPalette_1.statusSharedColors.green.tint40;
27
- statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = colorPalette_1.statusSharedColors.darkOrange.tint30;
28
- statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = colorPalette_1.statusSharedColors.darkOrange.tint30;
29
- statusColorPaletteTokens.colorPaletteRedForegroundInverted = colorPalette_1.statusSharedColors.red.primary;
30
- statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colorPalette_1.statusSharedColors.green.primary;
31
- statusColorPaletteTokens.colorPaletteYellowForegroundInverted = colorPalette_1.statusSharedColors.yellow.shade30;
32
- var personaColorPaletteTokens = sharedColorNames_1.personaSharedColorNames.reduce(function (acc, sharedColor) {
33
- var _a;
34
- var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
35
- var sharedColorTokens = (_a = {},
36
- _a["colorPalette" + color + "Background2"] = colorPalette_1.personaSharedColors[sharedColor].shade30,
37
- _a["colorPalette" + color + "Foreground2"] = colorPalette_1.personaSharedColors[sharedColor].tint40,
38
- _a["colorPalette" + color + "BorderActive"] = colorPalette_1.personaSharedColors[sharedColor].tint30,
39
- _a);
40
- return Object.assign(acc, sharedColorTokens);
41
- }, {});
42
- // one-off patches
43
- personaColorPaletteTokens.colorPaletteDarkRedBackground2 = colorPalette_1.personaSharedColors.darkRed.shade20;
44
- personaColorPaletteTokens.colorPalettePlumBackground2 = colorPalette_1.personaSharedColors.plum.shade20;
45
- exports.colorPaletteTokens = tslib_1.__assign(tslib_1.__assign({}, statusColorPaletteTokens), personaColorPaletteTokens);
46
- });
47
- //# sourceMappingURL=darkColorPalette.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"darkColorPalette.js","sourceRoot":"","sources":["../../../../../../../packages/tokens/src/alias/darkColorPalette.ts"],"names":[],"mappings":"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","sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"]}
@@ -1,161 +0,0 @@
1
- /* !!! DO NOT EDIT !!! */
2
- /* This file has been generated by the token pipeline */
3
- define(["require", "exports", "../global/colors"], function (require, exports, colors_1) {
4
- "use strict";
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.generateColorTokens = void 0;
7
- var generateColorTokens = function () { return ({
8
- colorNeutralForeground1: colors_1.hcCanvasText,
9
- colorNeutralForeground1Hover: colors_1.hcHighlightText,
10
- colorNeutralForeground1Pressed: colors_1.hcHighlightText,
11
- colorNeutralForeground1Selected: colors_1.hcHighlightText,
12
- colorNeutralForeground2: colors_1.hcCanvasText,
13
- colorNeutralForeground2Hover: colors_1.hcHighlightText,
14
- colorNeutralForeground2Pressed: colors_1.hcHighlightText,
15
- colorNeutralForeground2Selected: colors_1.hcHighlightText,
16
- colorNeutralForeground2BrandHover: colors_1.hcHighlightText,
17
- colorNeutralForeground2BrandPressed: colors_1.hcHighlightText,
18
- colorNeutralForeground2BrandSelected: colors_1.hcHighlightText,
19
- colorNeutralForeground3: colors_1.hcCanvasText,
20
- colorNeutralForeground3Hover: colors_1.hcHighlightText,
21
- colorNeutralForeground3Pressed: colors_1.hcHighlightText,
22
- colorNeutralForeground3Selected: colors_1.hcHighlightText,
23
- colorNeutralForeground3BrandHover: colors_1.hcHighlightText,
24
- colorNeutralForeground3BrandPressed: colors_1.hcHighlightText,
25
- colorNeutralForeground3BrandSelected: colors_1.hcHighlightText,
26
- colorNeutralForeground4: colors_1.hcCanvasText,
27
- colorNeutralForegroundDisabled: colors_1.hcDisabled,
28
- colorNeutralForegroundInvertedDisabled: colors_1.hcDisabled,
29
- colorBrandForegroundLink: colors_1.hcHyperlink,
30
- colorBrandForegroundLinkHover: colors_1.hcHyperlink,
31
- colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
32
- colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
33
- colorNeutralForeground2Link: colors_1.hcHyperlink,
34
- colorNeutralForeground2LinkHover: colors_1.hcHyperlink,
35
- colorNeutralForeground2LinkPressed: colors_1.hcHyperlink,
36
- colorNeutralForeground2LinkSelected: colors_1.hcHyperlink,
37
- colorCompoundBrandForeground1: colors_1.hcHighlight,
38
- colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
39
- colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
40
- colorBrandForeground1: colors_1.hcCanvasText,
41
- colorBrandForeground2: colors_1.hcButtonText,
42
- colorNeutralForeground1Static: colors_1.hcCanvas,
43
- colorNeutralForegroundStaticInverted: colors_1.hcCanvasText,
44
- colorNeutralForegroundInverted: colors_1.hcHighlightText,
45
- colorNeutralForegroundInvertedHover: colors_1.hcHighlightText,
46
- colorNeutralForegroundInvertedPressed: colors_1.hcHighlightText,
47
- colorNeutralForegroundInvertedSelected: colors_1.hcHighlightText,
48
- colorNeutralForegroundInverted2: colors_1.hcCanvasText,
49
- colorNeutralForegroundOnBrand: colors_1.hcButtonText,
50
- colorNeutralForegroundInvertedLink: colors_1.hcHyperlink,
51
- colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink,
52
- colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink,
53
- colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink,
54
- colorBrandForegroundInverted: colors_1.hcCanvasText,
55
- colorBrandForegroundInvertedHover: colors_1.hcHighlightText,
56
- colorBrandForegroundInvertedPressed: colors_1.hcHighlightText,
57
- colorBrandForegroundOnLight: colors_1.hcButtonText,
58
- colorBrandForegroundOnLightHover: colors_1.hcHighlightText,
59
- colorBrandForegroundOnLightPressed: colors_1.hcHighlightText,
60
- colorBrandForegroundOnLightSelected: colors_1.hcHighlightText,
61
- colorNeutralBackground1: colors_1.hcCanvas,
62
- colorNeutralBackground1Hover: colors_1.hcHighlight,
63
- colorNeutralBackground1Pressed: colors_1.hcHighlight,
64
- colorNeutralBackground1Selected: colors_1.hcHighlight,
65
- colorNeutralBackground2: colors_1.hcCanvas,
66
- colorNeutralBackground2Hover: colors_1.hcHighlight,
67
- colorNeutralBackground2Pressed: colors_1.hcHighlight,
68
- colorNeutralBackground2Selected: colors_1.hcHighlight,
69
- colorNeutralBackground3: colors_1.hcCanvas,
70
- colorNeutralBackground3Hover: colors_1.hcHighlight,
71
- colorNeutralBackground3Pressed: colors_1.hcHighlight,
72
- colorNeutralBackground3Selected: colors_1.hcHighlight,
73
- colorNeutralBackground4: colors_1.hcCanvas,
74
- colorNeutralBackground4Hover: colors_1.hcHighlight,
75
- colorNeutralBackground4Pressed: colors_1.hcHighlight,
76
- colorNeutralBackground4Selected: colors_1.hcHighlight,
77
- colorNeutralBackground5: colors_1.hcCanvas,
78
- colorNeutralBackground5Hover: colors_1.hcHighlight,
79
- colorNeutralBackground5Pressed: colors_1.hcHighlight,
80
- colorNeutralBackground5Selected: colors_1.hcHighlight,
81
- colorNeutralBackground6: colors_1.hcCanvas,
82
- colorNeutralBackgroundInverted: colors_1.hcCanvas,
83
- colorNeutralBackgroundStatic: colors_1.hcCanvas,
84
- colorNeutralBackgroundAlpha: colors_1.hcCanvas,
85
- colorNeutralBackgroundAlpha2: colors_1.hcCanvas,
86
- colorSubtleBackground: 'transparent',
87
- colorSubtleBackgroundHover: colors_1.hcHighlight,
88
- colorSubtleBackgroundPressed: colors_1.hcHighlight,
89
- colorSubtleBackgroundSelected: colors_1.hcHighlight,
90
- colorSubtleBackgroundLightAlphaHover: colors_1.hcHighlight,
91
- colorSubtleBackgroundLightAlphaPressed: colors_1.hcHighlight,
92
- colorSubtleBackgroundLightAlphaSelected: colors_1.hcHighlight,
93
- colorSubtleBackgroundInverted: 'transparent',
94
- colorSubtleBackgroundInvertedHover: colors_1.hcHighlight,
95
- colorSubtleBackgroundInvertedPressed: colors_1.hcHighlight,
96
- colorSubtleBackgroundInvertedSelected: colors_1.hcHighlight,
97
- colorTransparentBackground: 'transparent',
98
- colorTransparentBackgroundHover: colors_1.hcHighlight,
99
- colorTransparentBackgroundPressed: colors_1.hcHighlight,
100
- colorTransparentBackgroundSelected: colors_1.hcHighlight,
101
- colorNeutralBackgroundDisabled: colors_1.hcCanvas,
102
- colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas,
103
- colorNeutralStencil1: colors_1.hcCanvasText,
104
- colorNeutralStencil2: colors_1.hcCanvasText,
105
- colorNeutralStencil1Alpha: colors_1.hcCanvasText,
106
- colorNeutralStencil2Alpha: colors_1.hcCanvasText,
107
- colorBackgroundOverlay: colors_1.blackAlpha[50],
108
- colorScrollbarOverlay: colors_1.hcButtonFace,
109
- colorBrandBackground: colors_1.hcButtonFace,
110
- colorBrandBackgroundHover: colors_1.hcHighlight,
111
- colorBrandBackgroundPressed: colors_1.hcHighlight,
112
- colorBrandBackgroundSelected: colors_1.hcHighlight,
113
- colorCompoundBrandBackground: colors_1.hcHighlight,
114
- colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
115
- colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
116
- colorBrandBackgroundStatic: colors_1.hcCanvas,
117
- colorBrandBackground2: colors_1.hcButtonFace,
118
- colorBrandBackgroundInverted: colors_1.hcButtonFace,
119
- colorBrandBackgroundInvertedHover: colors_1.hcHighlight,
120
- colorBrandBackgroundInvertedPressed: colors_1.hcHighlight,
121
- colorBrandBackgroundInvertedSelected: colors_1.hcHighlight,
122
- colorNeutralStrokeAccessible: colors_1.hcCanvasText,
123
- colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
124
- colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
125
- colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
126
- colorNeutralStroke1: colors_1.hcCanvasText,
127
- colorNeutralStroke1Hover: colors_1.hcHighlight,
128
- colorNeutralStroke1Pressed: colors_1.hcHighlight,
129
- colorNeutralStroke1Selected: colors_1.hcHighlight,
130
- colorNeutralStroke2: colors_1.hcCanvasText,
131
- colorNeutralStroke3: colors_1.hcCanvasText,
132
- colorNeutralStrokeOnBrand: colors_1.hcCanvas,
133
- colorNeutralStrokeOnBrand2: colors_1.hcCanvasText,
134
- colorNeutralStrokeOnBrand2Hover: colors_1.hcCanvasText,
135
- colorNeutralStrokeOnBrand2Pressed: colors_1.hcCanvasText,
136
- colorNeutralStrokeOnBrand2Selected: colors_1.hcCanvasText,
137
- colorBrandStroke1: colors_1.hcCanvasText,
138
- colorBrandStroke2: colors_1.hcCanvasText,
139
- colorCompoundBrandStroke: colors_1.hcHighlight,
140
- colorCompoundBrandStrokeHover: colors_1.hcHighlight,
141
- colorCompoundBrandStrokePressed: colors_1.hcHighlight,
142
- colorNeutralStrokeDisabled: colors_1.hcDisabled,
143
- colorNeutralStrokeInvertedDisabled: colors_1.hcDisabled,
144
- colorTransparentStroke: colors_1.hcCanvasText,
145
- colorTransparentStrokeInteractive: colors_1.hcHighlight,
146
- colorTransparentStrokeDisabled: colors_1.hcDisabled,
147
- colorNeutralStrokeAlpha: colors_1.hcCanvasText,
148
- colorStrokeFocus1: colors_1.hcCanvas,
149
- colorStrokeFocus2: colors_1.hcHighlight,
150
- colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
151
- colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
152
- colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
153
- colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
154
- colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
155
- colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
156
- colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
157
- colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined
158
- }); };
159
- exports.generateColorTokens = generateColorTokens;
160
- });
161
- //# sourceMappingURL=highContrastColor.js.map