@fluentui/react-theme 9.1.4 → 9.1.5

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 (226) hide show
  1. package/CHANGELOG.json +22 -1
  2. package/CHANGELOG.md +12 -2
  3. package/dist/index.d.ts +178 -412
  4. package/lib/index.js +1 -5
  5. package/lib/index.js.map +1 -1
  6. package/lib-amd/index.js +12 -12
  7. package/lib-amd/index.js.map +1 -1
  8. package/lib-commonjs/index.js +12 -24
  9. package/lib-commonjs/index.js.map +1 -1
  10. package/package.json +3 -9
  11. package/lib/alias/darkColor.js +0 -155
  12. package/lib/alias/darkColor.js.map +0 -1
  13. package/lib/alias/darkColorPalette.js +0 -44
  14. package/lib/alias/darkColorPalette.js.map +0 -1
  15. package/lib/alias/highContrastColor.js +0 -155
  16. package/lib/alias/highContrastColor.js.map +0 -1
  17. package/lib/alias/highContrastColorPalette.js +0 -34
  18. package/lib/alias/highContrastColorPalette.js.map +0 -1
  19. package/lib/alias/lightColor.js +0 -155
  20. package/lib/alias/lightColor.js.map +0 -1
  21. package/lib/alias/lightColorPalette.js +0 -35
  22. package/lib/alias/lightColorPalette.js.map +0 -1
  23. package/lib/alias/teamsDarkColor.js +0 -155
  24. package/lib/alias/teamsDarkColor.js.map +0 -1
  25. package/lib/global/borderRadius.js +0 -9
  26. package/lib/global/borderRadius.js.map +0 -1
  27. package/lib/global/brandColors.js +0 -55
  28. package/lib/global/brandColors.js.map +0 -1
  29. package/lib/global/colorPalette.js +0 -41
  30. package/lib/global/colorPalette.js.map +0 -1
  31. package/lib/global/colors.js +0 -789
  32. package/lib/global/colors.js.map +0 -1
  33. package/lib/global/curves.js +0 -12
  34. package/lib/global/curves.js.map +0 -1
  35. package/lib/global/durations.js +0 -10
  36. package/lib/global/durations.js.map +0 -1
  37. package/lib/global/fonts.js +0 -38
  38. package/lib/global/fonts.js.map +0 -1
  39. package/lib/global/index.js +0 -10
  40. package/lib/global/index.js.map +0 -1
  41. package/lib/global/spacings.js +0 -41
  42. package/lib/global/spacings.js.map +0 -1
  43. package/lib/global/strokeWidths.js +0 -7
  44. package/lib/global/strokeWidths.js.map +0 -1
  45. package/lib/global/typographyStyles.js +0 -110
  46. package/lib/global/typographyStyles.js.map +0 -1
  47. package/lib/sharedColorNames.js +0 -9
  48. package/lib/sharedColorNames.js.map +0 -1
  49. package/lib/themeToTokensObject.js +0 -19
  50. package/lib/themeToTokensObject.js.map +0 -1
  51. package/lib/themes/index.js +0 -3
  52. package/lib/themes/index.js.map +0 -1
  53. package/lib/themes/teams/darkTheme.js +0 -4
  54. package/lib/themes/teams/darkTheme.js.map +0 -1
  55. package/lib/themes/teams/highContrastTheme.js +0 -3
  56. package/lib/themes/teams/highContrastTheme.js.map +0 -1
  57. package/lib/themes/teams/index.js +0 -4
  58. package/lib/themes/teams/index.js.map +0 -1
  59. package/lib/themes/teams/lightTheme.js +0 -4
  60. package/lib/themes/teams/lightTheme.js.map +0 -1
  61. package/lib/themes/web/darkTheme.js +0 -4
  62. package/lib/themes/web/darkTheme.js.map +0 -1
  63. package/lib/themes/web/index.js +0 -3
  64. package/lib/themes/web/index.js.map +0 -1
  65. package/lib/themes/web/lightTheme.js +0 -4
  66. package/lib/themes/web/lightTheme.js.map +0 -1
  67. package/lib/tokens.js +0 -435
  68. package/lib/tokens.js.map +0 -1
  69. package/lib/types.js +0 -2
  70. package/lib/types.js.map +0 -1
  71. package/lib/utils/createDarkTheme.js +0 -26
  72. package/lib/utils/createDarkTheme.js.map +0 -1
  73. package/lib/utils/createHighContrastTheme.js +0 -26
  74. package/lib/utils/createHighContrastTheme.js.map +0 -1
  75. package/lib/utils/createLightTheme.js +0 -26
  76. package/lib/utils/createLightTheme.js.map +0 -1
  77. package/lib/utils/createTeamsDarkTheme.js +0 -26
  78. package/lib/utils/createTeamsDarkTheme.js.map +0 -1
  79. package/lib/utils/index.js +0 -5
  80. package/lib/utils/index.js.map +0 -1
  81. package/lib/utils/shadows.js +0 -11
  82. package/lib/utils/shadows.js.map +0 -1
  83. package/lib-amd/alias/darkColor.js +0 -158
  84. package/lib-amd/alias/darkColor.js.map +0 -1
  85. package/lib-amd/alias/darkColorPalette.js +0 -47
  86. package/lib-amd/alias/darkColorPalette.js.map +0 -1
  87. package/lib-amd/alias/highContrastColor.js +0 -158
  88. package/lib-amd/alias/highContrastColor.js.map +0 -1
  89. package/lib-amd/alias/highContrastColorPalette.js +0 -37
  90. package/lib-amd/alias/highContrastColorPalette.js.map +0 -1
  91. package/lib-amd/alias/lightColor.js +0 -158
  92. package/lib-amd/alias/lightColor.js.map +0 -1
  93. package/lib-amd/alias/lightColorPalette.js +0 -38
  94. package/lib-amd/alias/lightColorPalette.js.map +0 -1
  95. package/lib-amd/alias/teamsDarkColor.js +0 -158
  96. package/lib-amd/alias/teamsDarkColor.js.map +0 -1
  97. package/lib-amd/global/borderRadius.js +0 -14
  98. package/lib-amd/global/borderRadius.js.map +0 -1
  99. package/lib-amd/global/brandColors.js +0 -60
  100. package/lib-amd/global/brandColors.js.map +0 -1
  101. package/lib-amd/global/colorPalette.js +0 -45
  102. package/lib-amd/global/colorPalette.js.map +0 -1
  103. package/lib-amd/global/colors.js +0 -793
  104. package/lib-amd/global/colors.js.map +0 -1
  105. package/lib-amd/global/curves.js +0 -17
  106. package/lib-amd/global/curves.js.map +0 -1
  107. package/lib-amd/global/durations.js +0 -15
  108. package/lib-amd/global/durations.js.map +0 -1
  109. package/lib-amd/global/fonts.js +0 -45
  110. package/lib-amd/global/fonts.js.map +0 -1
  111. package/lib-amd/global/index.js +0 -14
  112. package/lib-amd/global/index.js.map +0 -1
  113. package/lib-amd/global/spacings.js +0 -46
  114. package/lib-amd/global/spacings.js.map +0 -1
  115. package/lib-amd/global/strokeWidths.js +0 -12
  116. package/lib-amd/global/strokeWidths.js.map +0 -1
  117. package/lib-amd/global/typographyStyles.js +0 -113
  118. package/lib-amd/global/typographyStyles.js.map +0 -1
  119. package/lib-amd/sharedColorNames.js +0 -64
  120. package/lib-amd/sharedColorNames.js.map +0 -1
  121. package/lib-amd/themeToTokensObject.js +0 -24
  122. package/lib-amd/themeToTokensObject.js.map +0 -1
  123. package/lib-amd/themes/index.js +0 -7
  124. package/lib-amd/themes/index.js.map +0 -1
  125. package/lib-amd/themes/teams/darkTheme.js +0 -7
  126. package/lib-amd/themes/teams/darkTheme.js.map +0 -1
  127. package/lib-amd/themes/teams/highContrastTheme.js +0 -7
  128. package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
  129. package/lib-amd/themes/teams/index.js +0 -8
  130. package/lib-amd/themes/teams/index.js.map +0 -1
  131. package/lib-amd/themes/teams/lightTheme.js +0 -7
  132. package/lib-amd/themes/teams/lightTheme.js.map +0 -1
  133. package/lib-amd/themes/web/darkTheme.js +0 -7
  134. package/lib-amd/themes/web/darkTheme.js.map +0 -1
  135. package/lib-amd/themes/web/index.js +0 -7
  136. package/lib-amd/themes/web/index.js.map +0 -1
  137. package/lib-amd/themes/web/lightTheme.js +0 -7
  138. package/lib-amd/themes/web/lightTheme.js.map +0 -1
  139. package/lib-amd/tokens.js +0 -440
  140. package/lib-amd/tokens.js.map +0 -1
  141. package/lib-amd/types.js +0 -5
  142. package/lib-amd/types.js.map +0 -1
  143. package/lib-amd/utils/createDarkTheme.js +0 -11
  144. package/lib-amd/utils/createDarkTheme.js.map +0 -1
  145. package/lib-amd/utils/createHighContrastTheme.js +0 -11
  146. package/lib-amd/utils/createHighContrastTheme.js.map +0 -1
  147. package/lib-amd/utils/createLightTheme.js +0 -11
  148. package/lib-amd/utils/createLightTheme.js.map +0 -1
  149. package/lib-amd/utils/createTeamsDarkTheme.js +0 -11
  150. package/lib-amd/utils/createTeamsDarkTheme.js.map +0 -1
  151. package/lib-amd/utils/index.js +0 -9
  152. package/lib-amd/utils/index.js.map +0 -1
  153. package/lib-amd/utils/shadows.js +0 -19
  154. package/lib-amd/utils/shadows.js.map +0 -1
  155. package/lib-commonjs/alias/darkColor.js +0 -165
  156. package/lib-commonjs/alias/darkColor.js.map +0 -1
  157. package/lib-commonjs/alias/darkColorPalette.js +0 -53
  158. package/lib-commonjs/alias/darkColorPalette.js.map +0 -1
  159. package/lib-commonjs/alias/highContrastColor.js +0 -165
  160. package/lib-commonjs/alias/highContrastColor.js.map +0 -1
  161. package/lib-commonjs/alias/highContrastColorPalette.js +0 -43
  162. package/lib-commonjs/alias/highContrastColorPalette.js.map +0 -1
  163. package/lib-commonjs/alias/lightColor.js +0 -165
  164. package/lib-commonjs/alias/lightColor.js.map +0 -1
  165. package/lib-commonjs/alias/lightColorPalette.js +0 -44
  166. package/lib-commonjs/alias/lightColorPalette.js.map +0 -1
  167. package/lib-commonjs/alias/teamsDarkColor.js +0 -165
  168. package/lib-commonjs/alias/teamsDarkColor.js.map +0 -1
  169. package/lib-commonjs/global/borderRadius.js +0 -15
  170. package/lib-commonjs/global/borderRadius.js.map +0 -1
  171. package/lib-commonjs/global/brandColors.js +0 -61
  172. package/lib-commonjs/global/brandColors.js.map +0 -1
  173. package/lib-commonjs/global/colorPalette.js +0 -49
  174. package/lib-commonjs/global/colorPalette.js.map +0 -1
  175. package/lib-commonjs/global/colors.js +0 -796
  176. package/lib-commonjs/global/colors.js.map +0 -1
  177. package/lib-commonjs/global/curves.js +0 -18
  178. package/lib-commonjs/global/curves.js.map +0 -1
  179. package/lib-commonjs/global/durations.js +0 -16
  180. package/lib-commonjs/global/durations.js.map +0 -1
  181. package/lib-commonjs/global/fonts.js +0 -44
  182. package/lib-commonjs/global/fonts.js.map +0 -1
  183. package/lib-commonjs/global/index.js +0 -26
  184. package/lib-commonjs/global/index.js.map +0 -1
  185. package/lib-commonjs/global/spacings.js +0 -47
  186. package/lib-commonjs/global/spacings.js.map +0 -1
  187. package/lib-commonjs/global/strokeWidths.js +0 -13
  188. package/lib-commonjs/global/strokeWidths.js.map +0 -1
  189. package/lib-commonjs/global/typographyStyles.js +0 -118
  190. package/lib-commonjs/global/typographyStyles.js.map +0 -1
  191. package/lib-commonjs/sharedColorNames.js +0 -16
  192. package/lib-commonjs/sharedColorNames.js.map +0 -1
  193. package/lib-commonjs/themeToTokensObject.js +0 -28
  194. package/lib-commonjs/themeToTokensObject.js.map +0 -1
  195. package/lib-commonjs/themes/index.js +0 -12
  196. package/lib-commonjs/themes/index.js.map +0 -1
  197. package/lib-commonjs/themes/teams/darkTheme.js +0 -13
  198. package/lib-commonjs/themes/teams/darkTheme.js.map +0 -1
  199. package/lib-commonjs/themes/teams/highContrastTheme.js +0 -11
  200. package/lib-commonjs/themes/teams/highContrastTheme.js.map +0 -1
  201. package/lib-commonjs/themes/teams/index.js +0 -14
  202. package/lib-commonjs/themes/teams/index.js.map +0 -1
  203. package/lib-commonjs/themes/teams/lightTheme.js +0 -13
  204. package/lib-commonjs/themes/teams/lightTheme.js.map +0 -1
  205. package/lib-commonjs/themes/web/darkTheme.js +0 -13
  206. package/lib-commonjs/themes/web/darkTheme.js.map +0 -1
  207. package/lib-commonjs/themes/web/index.js +0 -12
  208. package/lib-commonjs/themes/web/index.js.map +0 -1
  209. package/lib-commonjs/themes/web/lightTheme.js +0 -13
  210. package/lib-commonjs/themes/web/lightTheme.js.map +0 -1
  211. package/lib-commonjs/tokens.js +0 -441
  212. package/lib-commonjs/tokens.js.map +0 -1
  213. package/lib-commonjs/types.js +0 -6
  214. package/lib-commonjs/types.js.map +0 -1
  215. package/lib-commonjs/utils/createDarkTheme.js +0 -42
  216. package/lib-commonjs/utils/createDarkTheme.js.map +0 -1
  217. package/lib-commonjs/utils/createHighContrastTheme.js +0 -42
  218. package/lib-commonjs/utils/createHighContrastTheme.js.map +0 -1
  219. package/lib-commonjs/utils/createLightTheme.js +0 -42
  220. package/lib-commonjs/utils/createLightTheme.js.map +0 -1
  221. package/lib-commonjs/utils/createTeamsDarkTheme.js +0 -42
  222. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +0 -1
  223. package/lib-commonjs/utils/index.js +0 -16
  224. package/lib-commonjs/utils/index.js.map +0 -1
  225. package/lib-commonjs/utils/shadows.js +0 -20
  226. package/lib-commonjs/utils/shadows.js.map +0 -1
@@ -1,26 +0,0 @@
1
- import { colorPaletteTokens } from '../alias/highContrastColorPalette';
2
- import { generateColorTokens } from '../alias/highContrastColor';
3
- import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
4
- import { createShadowTokens } from './shadows';
5
- import { durations } from '../global/durations';
6
- import { curves } from '../global/curves';
7
- import { horizontalSpacings, verticalSpacings } from '../global/spacings';
8
- export const createHighContrastTheme = () => {
9
- const colorTokens = generateColorTokens();
10
- return { ...borderRadius,
11
- ...fontSizes,
12
- ...lineHeights,
13
- ...fontFamilies,
14
- ...fontWeights,
15
- ...strokeWidths,
16
- ...horizontalSpacings,
17
- ...verticalSpacings,
18
- ...durations,
19
- ...curves,
20
- ...colorTokens,
21
- ...colorPaletteTokens,
22
- ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
23
- ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
24
- };
25
- };
26
- //# sourceMappingURL=createHighContrastTheme.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["packages/react-components/react-theme/src/utils/createHighContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,mCAAnC;AACA,SAAS,mBAAT,QAAoC,4BAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,uBAAuB,GAAG,MAAY;EACjD,MAAM,WAAW,GAAG,mBAAmB,EAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n const colorTokens = generateColorTokens();\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"],"sourceRoot":"../src/"}
@@ -1,26 +0,0 @@
1
- import { colorPaletteTokens } from '../alias/lightColorPalette';
2
- import { generateColorTokens } from '../alias/lightColor';
3
- import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
4
- import { createShadowTokens } from './shadows';
5
- import { durations } from '../global/durations';
6
- import { curves } from '../global/curves';
7
- import { horizontalSpacings, verticalSpacings } from '../global/spacings';
8
- export const createLightTheme = brand => {
9
- const colorTokens = generateColorTokens(brand);
10
- return { ...borderRadius,
11
- ...fontSizes,
12
- ...lineHeights,
13
- ...fontFamilies,
14
- ...fontWeights,
15
- ...strokeWidths,
16
- ...horizontalSpacings,
17
- ...verticalSpacings,
18
- ...durations,
19
- ...curves,
20
- ...colorTokens,
21
- ...colorPaletteTokens,
22
- ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
23
- ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
24
- };
25
- };
26
- //# sourceMappingURL=createLightTheme.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["packages/react-components/react-theme/src/utils/createLightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,4BAAnC;AACA,SAAS,mBAAT,QAAoC,qBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;EACvE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\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 createLightTheme: (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"],"sourceRoot":"../src/"}
@@ -1,26 +0,0 @@
1
- import { colorPaletteTokens } from '../alias/darkColorPalette';
2
- import { generateColorTokens } from '../alias/teamsDarkColor';
3
- import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
4
- import { createShadowTokens } from './shadows';
5
- import { durations } from '../global/durations';
6
- import { curves } from '../global/curves';
7
- import { horizontalSpacings, verticalSpacings } from '../global/spacings';
8
- export const createTeamsDarkTheme = brand => {
9
- const colorTokens = generateColorTokens(brand);
10
- return { ...borderRadius,
11
- ...fontSizes,
12
- ...lineHeights,
13
- ...fontFamilies,
14
- ...fontWeights,
15
- ...strokeWidths,
16
- ...horizontalSpacings,
17
- ...verticalSpacings,
18
- ...durations,
19
- ...curves,
20
- ...colorTokens,
21
- ...colorPaletteTokens,
22
- ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
23
- ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
24
- };
25
- };
26
- //# sourceMappingURL=createTeamsDarkTheme.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["packages/react-components/react-theme/src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,2BAAnC;AACA,SAAS,mBAAT,QAAoC,yBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;EAC3E,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;AAkBD,CArBM","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"],"sourceRoot":"../src/"}
@@ -1,5 +0,0 @@
1
- export * from './createLightTheme';
2
- export * from './createDarkTheme';
3
- export * from './createTeamsDarkTheme';
4
- export * from './createHighContrastTheme';
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-theme/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"]}
@@ -1,11 +0,0 @@
1
- export function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
2
- return {
3
- [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
4
- [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
5
- [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
6
- [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
7
- [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
8
- [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
9
- };
10
- }
11
- //# sourceMappingURL=shadows.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["packages/react-components/react-theme/src/utils/shadows.ts"],"names":[],"mappings":"AAKA,OAAM,SAAU,kBAAV,CAA6B,YAA7B,EAAmD,QAAnD,EAAqE,WAAA,GAA4B,EAAjG,EAAmG;EACvG,OAAO;IACL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EADpE;IAEL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAFpE;IAGL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAHpE;IAIL,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,gBAAgB,QAAQ,EAJtE;IAKL,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ,EALvE;IAML,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ;EANvE,CAAP;AAQD","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"],"sourceRoot":"../src/"}
@@ -1,158 +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
- colorSubtleBackground: 'transparent',
85
- colorSubtleBackgroundHover: colors_1.grey[22],
86
- colorSubtleBackgroundPressed: colors_1.grey[18],
87
- colorSubtleBackgroundSelected: colors_1.grey[20],
88
- colorSubtleBackgroundLightAlphaHover: colors_1.grey14Alpha[80],
89
- colorSubtleBackgroundLightAlphaPressed: colors_1.grey14Alpha[50],
90
- colorSubtleBackgroundLightAlphaSelected: 'transparent',
91
- colorSubtleBackgroundInverted: 'transparent',
92
- colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10],
93
- colorSubtleBackgroundInvertedPressed: colors_1.blackAlpha[30],
94
- colorSubtleBackgroundInvertedSelected: colors_1.blackAlpha[20],
95
- colorTransparentBackground: 'transparent',
96
- colorTransparentBackgroundHover: 'transparent',
97
- colorTransparentBackgroundPressed: 'transparent',
98
- colorTransparentBackgroundSelected: 'transparent',
99
- colorNeutralBackgroundDisabled: colors_1.grey[8],
100
- colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
101
- colorNeutralStencil1: colors_1.grey[34],
102
- colorNeutralStencil2: colors_1.grey[20],
103
- colorNeutralStencil1Alpha: colors_1.whiteAlpha[10],
104
- colorNeutralStencil2Alpha: colors_1.whiteAlpha[5],
105
- colorBackgroundOverlay: colors_1.blackAlpha[50],
106
- colorScrollbarOverlay: colors_1.whiteAlpha[60],
107
- colorBrandBackground: brand[70],
108
- colorBrandBackgroundHover: brand[80],
109
- colorBrandBackgroundPressed: brand[40],
110
- colorBrandBackgroundSelected: brand[60],
111
- colorCompoundBrandBackground: brand[100],
112
- colorCompoundBrandBackgroundHover: brand[110],
113
- colorCompoundBrandBackgroundPressed: brand[90],
114
- colorBrandBackgroundStatic: brand[80],
115
- colorBrandBackground2: brand[40],
116
- colorBrandBackgroundInverted: colors_1.white,
117
- colorBrandBackgroundInvertedHover: brand[160],
118
- colorBrandBackgroundInvertedPressed: brand[140],
119
- colorBrandBackgroundInvertedSelected: brand[150],
120
- colorNeutralStrokeAccessible: colors_1.grey[68],
121
- colorNeutralStrokeAccessibleHover: colors_1.grey[74],
122
- colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
123
- colorNeutralStrokeAccessibleSelected: brand[100],
124
- colorNeutralStroke1: colors_1.grey[40],
125
- colorNeutralStroke1Hover: colors_1.grey[46],
126
- colorNeutralStroke1Pressed: colors_1.grey[42],
127
- colorNeutralStroke1Selected: colors_1.grey[44],
128
- colorNeutralStroke2: colors_1.grey[32],
129
- colorNeutralStroke3: colors_1.grey[24],
130
- colorNeutralStrokeOnBrand: colors_1.grey[16],
131
- colorNeutralStrokeOnBrand2: colors_1.white,
132
- colorNeutralStrokeOnBrand2Hover: colors_1.white,
133
- colorNeutralStrokeOnBrand2Pressed: colors_1.white,
134
- colorNeutralStrokeOnBrand2Selected: colors_1.white,
135
- colorBrandStroke1: brand[100],
136
- colorBrandStroke2: brand[50],
137
- colorCompoundBrandStroke: brand[100],
138
- colorCompoundBrandStrokeHover: brand[110],
139
- colorCompoundBrandStrokePressed: brand[90],
140
- colorNeutralStrokeDisabled: colors_1.grey[26],
141
- colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40],
142
- colorTransparentStroke: 'transparent',
143
- colorTransparentStrokeInteractive: 'transparent',
144
- colorTransparentStrokeDisabled: 'transparent',
145
- colorStrokeFocus1: colors_1.black,
146
- colorStrokeFocus2: colors_1.white,
147
- colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
148
- colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
149
- colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
150
- colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
151
- colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
152
- colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
153
- colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
154
- colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined
155
- }); };
156
- exports.generateColorTokens = generateColorTokens;
157
- });
158
- //# sourceMappingURL=darkColor.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"darkColor.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/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, 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 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 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/react-components/react-theme/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,158 +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
- colorSubtleBackground: 'transparent',
85
- colorSubtleBackgroundHover: colors_1.hcHighlight,
86
- colorSubtleBackgroundPressed: colors_1.hcHighlight,
87
- colorSubtleBackgroundSelected: colors_1.hcHighlight,
88
- colorSubtleBackgroundLightAlphaHover: colors_1.hcHighlight,
89
- colorSubtleBackgroundLightAlphaPressed: colors_1.hcHighlight,
90
- colorSubtleBackgroundLightAlphaSelected: colors_1.hcHighlight,
91
- colorSubtleBackgroundInverted: 'transparent',
92
- colorSubtleBackgroundInvertedHover: colors_1.hcHighlight,
93
- colorSubtleBackgroundInvertedPressed: colors_1.hcHighlight,
94
- colorSubtleBackgroundInvertedSelected: colors_1.hcHighlight,
95
- colorTransparentBackground: 'transparent',
96
- colorTransparentBackgroundHover: colors_1.hcHighlight,
97
- colorTransparentBackgroundPressed: colors_1.hcHighlight,
98
- colorTransparentBackgroundSelected: colors_1.hcHighlight,
99
- colorNeutralBackgroundDisabled: colors_1.hcCanvas,
100
- colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas,
101
- colorNeutralStencil1: colors_1.hcCanvasText,
102
- colorNeutralStencil2: colors_1.hcCanvasText,
103
- colorNeutralStencil1Alpha: colors_1.hcCanvasText,
104
- colorNeutralStencil2Alpha: colors_1.hcCanvasText,
105
- colorBackgroundOverlay: colors_1.blackAlpha[50],
106
- colorScrollbarOverlay: colors_1.hcButtonFace,
107
- colorBrandBackground: colors_1.hcButtonFace,
108
- colorBrandBackgroundHover: colors_1.hcHighlight,
109
- colorBrandBackgroundPressed: colors_1.hcHighlight,
110
- colorBrandBackgroundSelected: colors_1.hcHighlight,
111
- colorCompoundBrandBackground: colors_1.hcHighlight,
112
- colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
113
- colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
114
- colorBrandBackgroundStatic: colors_1.hcCanvas,
115
- colorBrandBackground2: colors_1.hcButtonFace,
116
- colorBrandBackgroundInverted: colors_1.hcButtonFace,
117
- colorBrandBackgroundInvertedHover: colors_1.hcHighlight,
118
- colorBrandBackgroundInvertedPressed: colors_1.hcHighlight,
119
- colorBrandBackgroundInvertedSelected: colors_1.hcHighlight,
120
- colorNeutralStrokeAccessible: colors_1.hcCanvasText,
121
- colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
122
- colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
123
- colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
124
- colorNeutralStroke1: colors_1.hcCanvasText,
125
- colorNeutralStroke1Hover: colors_1.hcHighlight,
126
- colorNeutralStroke1Pressed: colors_1.hcHighlight,
127
- colorNeutralStroke1Selected: colors_1.hcHighlight,
128
- colorNeutralStroke2: colors_1.hcCanvasText,
129
- colorNeutralStroke3: colors_1.hcCanvasText,
130
- colorNeutralStrokeOnBrand: colors_1.hcCanvas,
131
- colorNeutralStrokeOnBrand2: colors_1.hcCanvasText,
132
- colorNeutralStrokeOnBrand2Hover: colors_1.hcCanvasText,
133
- colorNeutralStrokeOnBrand2Pressed: colors_1.hcCanvasText,
134
- colorNeutralStrokeOnBrand2Selected: colors_1.hcCanvasText,
135
- colorBrandStroke1: colors_1.hcCanvasText,
136
- colorBrandStroke2: colors_1.hcCanvasText,
137
- colorCompoundBrandStroke: colors_1.hcHighlight,
138
- colorCompoundBrandStrokeHover: colors_1.hcHighlight,
139
- colorCompoundBrandStrokePressed: colors_1.hcHighlight,
140
- colorNeutralStrokeDisabled: colors_1.hcDisabled,
141
- colorNeutralStrokeInvertedDisabled: colors_1.hcDisabled,
142
- colorTransparentStroke: colors_1.hcCanvasText,
143
- colorTransparentStrokeInteractive: colors_1.hcHighlight,
144
- colorTransparentStrokeDisabled: colors_1.hcDisabled,
145
- colorStrokeFocus1: colors_1.hcCanvas,
146
- colorStrokeFocus2: colors_1.hcHighlight,
147
- colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
148
- colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
149
- colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
150
- colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
151
- colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
152
- colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
153
- colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
154
- colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined
155
- }); };
156
- exports.generateColorTokens = generateColorTokens;
157
- });
158
- //# sourceMappingURL=highContrastColor.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"highContrastColor.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/src/alias/highContrastColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2Link: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundStaticInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInverted: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInverted2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil1Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorStrokeFocus1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // Highlight Global.Color.hcHighlight\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"]}