@fluentui/react-theme 9.0.0-alpha.23

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 (277) hide show
  1. package/CHANGELOG.json +786 -0
  2. package/CHANGELOG.md +317 -0
  3. package/LICENSE +15 -0
  4. package/README.md +5 -0
  5. package/dist/react-theme.d.ts +425 -0
  6. package/lib/alias/dark.d.ts +3 -0
  7. package/lib/alias/dark.js +123 -0
  8. package/lib/alias/dark.js.map +1 -0
  9. package/lib/alias/highContrast.d.ts +3 -0
  10. package/lib/alias/highContrast.js +123 -0
  11. package/lib/alias/highContrast.js.map +1 -0
  12. package/lib/alias/light.d.ts +3 -0
  13. package/lib/alias/light.js +123 -0
  14. package/lib/alias/light.js.map +1 -0
  15. package/lib/alias/teamsDark.d.ts +3 -0
  16. package/lib/alias/teamsDark.js +123 -0
  17. package/lib/alias/teamsDark.js.map +1 -0
  18. package/lib/global/borderRadius.d.ts +2 -0
  19. package/lib/global/borderRadius.js +9 -0
  20. package/lib/global/borderRadius.js.map +1 -0
  21. package/lib/global/brandColors.d.ts +4 -0
  22. package/lib/global/brandColors.js +37 -0
  23. package/lib/global/brandColors.js.map +1 -0
  24. package/lib/global/colors.d.ts +15 -0
  25. package/lib/global/colors.js +825 -0
  26. package/lib/global/colors.js.map +1 -0
  27. package/lib/global/fonts.d.ts +6 -0
  28. package/lib/global/fonts.js +51 -0
  29. package/lib/global/fonts.js.map +1 -0
  30. package/lib/global/index.d.ts +5 -0
  31. package/lib/global/index.js +6 -0
  32. package/lib/global/index.js.map +1 -0
  33. package/lib/global/strokeWidths.d.ts +2 -0
  34. package/lib/global/strokeWidths.js +7 -0
  35. package/lib/global/strokeWidths.js.map +1 -0
  36. package/lib/global/utils.d.ts +2 -0
  37. package/lib/global/utils.js +37 -0
  38. package/lib/global/utils.js.map +1 -0
  39. package/lib/index.d.ts +4 -0
  40. package/lib/index.js +5 -0
  41. package/lib/index.js.map +1 -0
  42. package/lib/themes/index.d.ts +2 -0
  43. package/lib/themes/index.js +3 -0
  44. package/lib/themes/index.js.map +1 -0
  45. package/lib/themes/teams/darkTheme.d.ts +2 -0
  46. package/lib/themes/teams/darkTheme.js +4 -0
  47. package/lib/themes/teams/darkTheme.js.map +1 -0
  48. package/lib/themes/teams/highContrastTheme.d.ts +2 -0
  49. package/lib/themes/teams/highContrastTheme.js +4 -0
  50. package/lib/themes/teams/highContrastTheme.js.map +1 -0
  51. package/lib/themes/teams/index.d.ts +3 -0
  52. package/lib/themes/teams/index.js +4 -0
  53. package/lib/themes/teams/index.js.map +1 -0
  54. package/lib/themes/teams/lightTheme.d.ts +2 -0
  55. package/lib/themes/teams/lightTheme.js +4 -0
  56. package/lib/themes/teams/lightTheme.js.map +1 -0
  57. package/lib/themes/web/darkTheme.d.ts +2 -0
  58. package/lib/themes/web/darkTheme.js +4 -0
  59. package/lib/themes/web/darkTheme.js.map +1 -0
  60. package/lib/themes/web/highContrastTheme.d.ts +2 -0
  61. package/lib/themes/web/highContrastTheme.js +4 -0
  62. package/lib/themes/web/highContrastTheme.js.map +1 -0
  63. package/lib/themes/web/index.d.ts +3 -0
  64. package/lib/themes/web/index.js +4 -0
  65. package/lib/themes/web/index.js.map +1 -0
  66. package/lib/themes/web/lightTheme.d.ts +2 -0
  67. package/lib/themes/web/lightTheme.js +4 -0
  68. package/lib/themes/web/lightTheme.js.map +1 -0
  69. package/lib/tsdoc-metadata.json +11 -0
  70. package/lib/types.d.ts +333 -0
  71. package/lib/types.js +2 -0
  72. package/lib/types.js.map +1 -0
  73. package/lib/utils/createDarkTheme.d.ts +2 -0
  74. package/lib/utils/createDarkTheme.js +17 -0
  75. package/lib/utils/createDarkTheme.js.map +1 -0
  76. package/lib/utils/createHighContrastTheme.d.ts +2 -0
  77. package/lib/utils/createHighContrastTheme.js +17 -0
  78. package/lib/utils/createHighContrastTheme.js.map +1 -0
  79. package/lib/utils/createLightTheme.d.ts +2 -0
  80. package/lib/utils/createLightTheme.js +17 -0
  81. package/lib/utils/createLightTheme.js.map +1 -0
  82. package/lib/utils/createTeamsDarkTheme.d.ts +2 -0
  83. package/lib/utils/createTeamsDarkTheme.js +17 -0
  84. package/lib/utils/createTeamsDarkTheme.js.map +1 -0
  85. package/lib/utils/index.d.ts +6 -0
  86. package/lib/utils/index.js +7 -0
  87. package/lib/utils/index.js.map +1 -0
  88. package/lib/utils/mergeThemes.d.ts +8 -0
  89. package/lib/utils/mergeThemes.js +71 -0
  90. package/lib/utils/mergeThemes.js.map +1 -0
  91. package/lib/utils/shadows.d.ts +2 -0
  92. package/lib/utils/shadows.js +11 -0
  93. package/lib/utils/shadows.js.map +1 -0
  94. package/lib/utils/themeToCSSVariables.d.ts +2 -0
  95. package/lib/utils/themeToCSSVariables.js +29 -0
  96. package/lib/utils/themeToCSSVariables.js.map +1 -0
  97. package/lib-amd/alias/dark.d.ts +3 -0
  98. package/lib-amd/alias/dark.js +129 -0
  99. package/lib-amd/alias/dark.js.map +1 -0
  100. package/lib-amd/alias/highContrast.d.ts +3 -0
  101. package/lib-amd/alias/highContrast.js +129 -0
  102. package/lib-amd/alias/highContrast.js.map +1 -0
  103. package/lib-amd/alias/light.d.ts +3 -0
  104. package/lib-amd/alias/light.js +129 -0
  105. package/lib-amd/alias/light.js.map +1 -0
  106. package/lib-amd/alias/teamsDark.d.ts +3 -0
  107. package/lib-amd/alias/teamsDark.js +129 -0
  108. package/lib-amd/alias/teamsDark.js.map +1 -0
  109. package/lib-amd/global/borderRadius.d.ts +2 -0
  110. package/lib-amd/global/borderRadius.js +14 -0
  111. package/lib-amd/global/borderRadius.js.map +1 -0
  112. package/lib-amd/global/brandColors.d.ts +4 -0
  113. package/lib-amd/global/brandColors.js +42 -0
  114. package/lib-amd/global/brandColors.js.map +1 -0
  115. package/lib-amd/global/colors.d.ts +15 -0
  116. package/lib-amd/global/colors.js +830 -0
  117. package/lib-amd/global/colors.js.map +1 -0
  118. package/lib-amd/global/fonts.d.ts +6 -0
  119. package/lib-amd/global/fonts.js +58 -0
  120. package/lib-amd/global/fonts.js.map +1 -0
  121. package/lib-amd/global/index.d.ts +5 -0
  122. package/lib-amd/global/index.js +10 -0
  123. package/lib-amd/global/index.js.map +1 -0
  124. package/lib-amd/global/strokeWidths.d.ts +2 -0
  125. package/lib-amd/global/strokeWidths.js +12 -0
  126. package/lib-amd/global/strokeWidths.js.map +1 -0
  127. package/lib-amd/global/utils.d.ts +2 -0
  128. package/lib-amd/global/utils.js +35 -0
  129. package/lib-amd/global/utils.js.map +1 -0
  130. package/lib-amd/index.d.ts +4 -0
  131. package/lib-amd/index.js +9 -0
  132. package/lib-amd/index.js.map +1 -0
  133. package/lib-amd/themes/index.d.ts +2 -0
  134. package/lib-amd/themes/index.js +7 -0
  135. package/lib-amd/themes/index.js.map +1 -0
  136. package/lib-amd/themes/teams/darkTheme.d.ts +2 -0
  137. package/lib-amd/themes/teams/darkTheme.js +7 -0
  138. package/lib-amd/themes/teams/darkTheme.js.map +1 -0
  139. package/lib-amd/themes/teams/highContrastTheme.d.ts +2 -0
  140. package/lib-amd/themes/teams/highContrastTheme.js +7 -0
  141. package/lib-amd/themes/teams/highContrastTheme.js.map +1 -0
  142. package/lib-amd/themes/teams/index.d.ts +3 -0
  143. package/lib-amd/themes/teams/index.js +8 -0
  144. package/lib-amd/themes/teams/index.js.map +1 -0
  145. package/lib-amd/themes/teams/lightTheme.d.ts +2 -0
  146. package/lib-amd/themes/teams/lightTheme.js +7 -0
  147. package/lib-amd/themes/teams/lightTheme.js.map +1 -0
  148. package/lib-amd/themes/web/darkTheme.d.ts +2 -0
  149. package/lib-amd/themes/web/darkTheme.js +7 -0
  150. package/lib-amd/themes/web/darkTheme.js.map +1 -0
  151. package/lib-amd/themes/web/highContrastTheme.d.ts +2 -0
  152. package/lib-amd/themes/web/highContrastTheme.js +7 -0
  153. package/lib-amd/themes/web/highContrastTheme.js.map +1 -0
  154. package/lib-amd/themes/web/index.d.ts +3 -0
  155. package/lib-amd/themes/web/index.js +8 -0
  156. package/lib-amd/themes/web/index.js.map +1 -0
  157. package/lib-amd/themes/web/lightTheme.d.ts +2 -0
  158. package/lib-amd/themes/web/lightTheme.js +7 -0
  159. package/lib-amd/themes/web/lightTheme.js.map +1 -0
  160. package/lib-amd/types.d.ts +333 -0
  161. package/lib-amd/types.js +5 -0
  162. package/lib-amd/types.js.map +1 -0
  163. package/lib-amd/utils/createDarkTheme.d.ts +2 -0
  164. package/lib-amd/utils/createDarkTheme.js +17 -0
  165. package/lib-amd/utils/createDarkTheme.js.map +1 -0
  166. package/lib-amd/utils/createHighContrastTheme.d.ts +2 -0
  167. package/lib-amd/utils/createHighContrastTheme.js +17 -0
  168. package/lib-amd/utils/createHighContrastTheme.js.map +1 -0
  169. package/lib-amd/utils/createLightTheme.d.ts +2 -0
  170. package/lib-amd/utils/createLightTheme.js +17 -0
  171. package/lib-amd/utils/createLightTheme.js.map +1 -0
  172. package/lib-amd/utils/createTeamsDarkTheme.d.ts +2 -0
  173. package/lib-amd/utils/createTeamsDarkTheme.js +17 -0
  174. package/lib-amd/utils/createTeamsDarkTheme.js.map +1 -0
  175. package/lib-amd/utils/index.d.ts +6 -0
  176. package/lib-amd/utils/index.js +12 -0
  177. package/lib-amd/utils/index.js.map +1 -0
  178. package/lib-amd/utils/mergeThemes.d.ts +8 -0
  179. package/lib-amd/utils/mergeThemes.js +66 -0
  180. package/lib-amd/utils/mergeThemes.js.map +1 -0
  181. package/lib-amd/utils/shadows.d.ts +2 -0
  182. package/lib-amd/utils/shadows.js +17 -0
  183. package/lib-amd/utils/shadows.js.map +1 -0
  184. package/lib-amd/utils/themeToCSSVariables.d.ts +2 -0
  185. package/lib-amd/utils/themeToCSSVariables.js +28 -0
  186. package/lib-amd/utils/themeToCSSVariables.js.map +1 -0
  187. package/lib-commonjs/alias/dark.d.ts +3 -0
  188. package/lib-commonjs/alias/dark.js +132 -0
  189. package/lib-commonjs/alias/dark.js.map +1 -0
  190. package/lib-commonjs/alias/highContrast.d.ts +3 -0
  191. package/lib-commonjs/alias/highContrast.js +132 -0
  192. package/lib-commonjs/alias/highContrast.js.map +1 -0
  193. package/lib-commonjs/alias/light.d.ts +3 -0
  194. package/lib-commonjs/alias/light.js +132 -0
  195. package/lib-commonjs/alias/light.js.map +1 -0
  196. package/lib-commonjs/alias/teamsDark.d.ts +3 -0
  197. package/lib-commonjs/alias/teamsDark.js +132 -0
  198. package/lib-commonjs/alias/teamsDark.js.map +1 -0
  199. package/lib-commonjs/global/borderRadius.d.ts +2 -0
  200. package/lib-commonjs/global/borderRadius.js +15 -0
  201. package/lib-commonjs/global/borderRadius.js.map +1 -0
  202. package/lib-commonjs/global/brandColors.d.ts +4 -0
  203. package/lib-commonjs/global/brandColors.js +43 -0
  204. package/lib-commonjs/global/brandColors.js.map +1 -0
  205. package/lib-commonjs/global/colors.d.ts +15 -0
  206. package/lib-commonjs/global/colors.js +831 -0
  207. package/lib-commonjs/global/colors.js.map +1 -0
  208. package/lib-commonjs/global/fonts.d.ts +6 -0
  209. package/lib-commonjs/global/fonts.js +57 -0
  210. package/lib-commonjs/global/fonts.js.map +1 -0
  211. package/lib-commonjs/global/index.d.ts +5 -0
  212. package/lib-commonjs/global/index.js +18 -0
  213. package/lib-commonjs/global/index.js.map +1 -0
  214. package/lib-commonjs/global/strokeWidths.d.ts +2 -0
  215. package/lib-commonjs/global/strokeWidths.js +13 -0
  216. package/lib-commonjs/global/strokeWidths.js.map +1 -0
  217. package/lib-commonjs/global/utils.d.ts +2 -0
  218. package/lib-commonjs/global/utils.js +51 -0
  219. package/lib-commonjs/global/utils.js.map +1 -0
  220. package/lib-commonjs/index.d.ts +4 -0
  221. package/lib-commonjs/index.js +16 -0
  222. package/lib-commonjs/index.js.map +1 -0
  223. package/lib-commonjs/themes/index.d.ts +2 -0
  224. package/lib-commonjs/themes/index.js +12 -0
  225. package/lib-commonjs/themes/index.js.map +1 -0
  226. package/lib-commonjs/themes/teams/darkTheme.d.ts +2 -0
  227. package/lib-commonjs/themes/teams/darkTheme.js +13 -0
  228. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
  229. package/lib-commonjs/themes/teams/highContrastTheme.d.ts +2 -0
  230. package/lib-commonjs/themes/teams/highContrastTheme.js +13 -0
  231. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
  232. package/lib-commonjs/themes/teams/index.d.ts +3 -0
  233. package/lib-commonjs/themes/teams/index.js +14 -0
  234. package/lib-commonjs/themes/teams/index.js.map +1 -0
  235. package/lib-commonjs/themes/teams/lightTheme.d.ts +2 -0
  236. package/lib-commonjs/themes/teams/lightTheme.js +13 -0
  237. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
  238. package/lib-commonjs/themes/web/darkTheme.d.ts +2 -0
  239. package/lib-commonjs/themes/web/darkTheme.js +13 -0
  240. package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
  241. package/lib-commonjs/themes/web/highContrastTheme.d.ts +2 -0
  242. package/lib-commonjs/themes/web/highContrastTheme.js +13 -0
  243. package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -0
  244. package/lib-commonjs/themes/web/index.d.ts +3 -0
  245. package/lib-commonjs/themes/web/index.js +14 -0
  246. package/lib-commonjs/themes/web/index.js.map +1 -0
  247. package/lib-commonjs/themes/web/lightTheme.d.ts +2 -0
  248. package/lib-commonjs/themes/web/lightTheme.js +13 -0
  249. package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
  250. package/lib-commonjs/types.d.ts +333 -0
  251. package/lib-commonjs/types.js +6 -0
  252. package/lib-commonjs/types.js.map +1 -0
  253. package/lib-commonjs/utils/createDarkTheme.d.ts +2 -0
  254. package/lib-commonjs/utils/createDarkTheme.js +30 -0
  255. package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
  256. package/lib-commonjs/utils/createHighContrastTheme.d.ts +2 -0
  257. package/lib-commonjs/utils/createHighContrastTheme.js +30 -0
  258. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
  259. package/lib-commonjs/utils/createLightTheme.d.ts +2 -0
  260. package/lib-commonjs/utils/createLightTheme.js +30 -0
  261. package/lib-commonjs/utils/createLightTheme.js.map +1 -0
  262. package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +2 -0
  263. package/lib-commonjs/utils/createTeamsDarkTheme.js +30 -0
  264. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
  265. package/lib-commonjs/utils/index.d.ts +6 -0
  266. package/lib-commonjs/utils/index.js +28 -0
  267. package/lib-commonjs/utils/index.js.map +1 -0
  268. package/lib-commonjs/utils/mergeThemes.d.ts +8 -0
  269. package/lib-commonjs/utils/mergeThemes.js +81 -0
  270. package/lib-commonjs/utils/mergeThemes.js.map +1 -0
  271. package/lib-commonjs/utils/shadows.d.ts +2 -0
  272. package/lib-commonjs/utils/shadows.js +20 -0
  273. package/lib-commonjs/utils/shadows.js.map +1 -0
  274. package/lib-commonjs/utils/themeToCSSVariables.d.ts +2 -0
  275. package/lib-commonjs/utils/themeToCSSVariables.js +38 -0
  276. package/lib-commonjs/utils/themeToCSSVariables.js.map +1 -0
  277. package/package.json +52 -0
@@ -0,0 +1,123 @@
1
+ export var neutralColorTokens = {
2
+ neutralForeground1: 'var(--global-color-hcCanvasText)',
3
+ neutralForeground2: 'var(--global-color-hcCanvasText)',
4
+ neutralForeground2Hover: 'var(--global-color-hcHighlightText)',
5
+ neutralForeground2Pressed: 'var(--global-color-hcHighlightText)',
6
+ neutralForeground2Selected: 'var(--global-color-hcHighlightText)',
7
+ neutralForeground2BrandHover: 'var(--global-color-hcHighlightText)',
8
+ neutralForeground2BrandPressed: 'var(--global-color-hcHighlightText)',
9
+ neutralForeground2BrandSelected: 'var(--global-color-hcHighlightText)',
10
+ neutralForeground3: 'var(--global-color-hcCanvasText)',
11
+ neutralForeground3Hover: 'var(--global-color-hcHighlightText)',
12
+ neutralForeground3Pressed: 'var(--global-color-hcHighlightText)',
13
+ neutralForeground3Selected: 'var(--global-color-hcHighlightText)',
14
+ neutralForeground3BrandHover: 'var(--global-color-hcHighlightText)',
15
+ neutralForeground3BrandPressed: 'var(--global-color-hcHighlightText)',
16
+ neutralForeground3BrandSelected: 'var(--global-color-hcHighlightText)',
17
+ neutralForeground4: 'var(--global-color-hcCanvasText)',
18
+ neutralForegroundDisabled: 'var(--global-color-hcDisabled)',
19
+ brandForegroundLink: 'var(--global-color-hcHyperlink)',
20
+ brandForegroundLinkHover: 'var(--global-color-hcHyperlink)',
21
+ brandForegroundLinkPressed: 'var(--global-color-hcHyperlink)',
22
+ brandForegroundLinkSelected: 'var(--global-color-hcHyperlink)',
23
+ compoundBrandForeground1: 'var(--global-color-hcHighlight)',
24
+ compoundBrandForeground1Hover: 'var(--global-color-hcHighlight)',
25
+ compoundBrandForeground1Pressed: 'var(--global-color-hcHighlight)',
26
+ brandForeground1: 'var(--global-color-hcCanvasText)',
27
+ brandForeground2: 'var(--global-color-hcButtonText)',
28
+ neutralForegroundInverted: 'var(--global-color-hcCanvas)',
29
+ neutralForegroundOnBrand: 'var(--global-color-hcButtonText)',
30
+ neutralForegroundInvertedLink: 'var(--global-color-hcHyperlink)',
31
+ neutralForegroundInvertedLinkHover: 'var(--global-color-hcHyperlink)',
32
+ neutralForegroundInvertedLinkPressed: 'var(--global-color-hcHyperlink)',
33
+ neutralForegroundInvertedLinkSelected: 'var(--global-color-hcHyperlink)',
34
+ neutralBackground1: 'var(--global-color-hcCanvas)',
35
+ neutralBackground1Hover: 'var(--global-color-hcHighlight)',
36
+ neutralBackground1Pressed: 'var(--global-color-hcHighlight)',
37
+ neutralBackground1Selected: 'var(--global-color-hcHighlight)',
38
+ neutralBackground2: 'var(--global-color-hcCanvas)',
39
+ neutralBackground2Hover: 'var(--global-color-hcHighlight)',
40
+ neutralBackground2Pressed: 'var(--global-color-hcHighlight)',
41
+ neutralBackground2Selected: 'var(--global-color-hcHighlight)',
42
+ neutralBackground3: 'var(--global-color-hcCanvas)',
43
+ neutralBackground3Hover: 'var(--global-color-hcHighlight)',
44
+ neutralBackground3Pressed: 'var(--global-color-hcHighlight)',
45
+ neutralBackground3Selected: 'var(--global-color-hcHighlight)',
46
+ neutralBackground4: 'var(--global-color-hcCanvas)',
47
+ neutralBackground4Hover: 'var(--global-color-hcHighlight)',
48
+ neutralBackground4Pressed: 'var(--global-color-hcHighlight)',
49
+ neutralBackground4Selected: 'var(--global-color-hcHighlight)',
50
+ neutralBackground5: 'var(--global-color-hcCanvas)',
51
+ neutralBackground5Hover: 'var(--global-color-hcHighlight)',
52
+ neutralBackground5Pressed: 'var(--global-color-hcHighlight)',
53
+ neutralBackground5Selected: 'var(--global-color-hcHighlight)',
54
+ neutralBackground6: 'var(--global-color-hcCanvas)',
55
+ neutralBackgroundInverted: 'var(--global-color-hcCanvasText)',
56
+ subtleBackground: 'transparent',
57
+ subtleBackgroundHover: 'var(--global-color-hcHighlight)',
58
+ subtleBackgroundPressed: 'var(--global-color-hcHighlight)',
59
+ subtleBackgroundSelected: 'var(--global-color-hcHighlight)',
60
+ transparentBackground: 'transparent',
61
+ transparentBackgroundHover: 'var(--global-color-hcHighlight)',
62
+ transparentBackgroundPressed: 'var(--global-color-hcHighlight)',
63
+ transparentBackgroundSelected: 'var(--global-color-hcHighlight)',
64
+ neutralBackgroundDisabled: 'var(--global-color-hcCanvas)',
65
+ neutralStencil1: 'var(--global-palette-grey-8)',
66
+ neutralStencil2: 'var(--global-palette-grey-52)',
67
+ brandBackground: 'var(--global-color-hcButtonFace)',
68
+ brandBackgroundHover: 'var(--global-color-hcHighlight)',
69
+ brandBackgroundPressed: 'var(--global-color-hcHighlight)',
70
+ brandBackgroundSelected: 'var(--global-color-hcHighlight)',
71
+ compoundBrandBackground: 'var(--global-color-hcHighlight)',
72
+ compoundBrandBackgroundHover: 'var(--global-color-hcHighlight)',
73
+ compoundBrandBackgroundPressed: 'var(--global-color-hcHighlight)',
74
+ brandBackgroundStatic: 'var(--global-color-hcCanvas)',
75
+ brandBackground2: 'var(--global-color-hcButtonFace)',
76
+ neutralStrokeAccessible: 'var(--global-color-hcCanvasText)',
77
+ neutralStrokeAccessibleHover: 'var(--global-color-hcHighlight)',
78
+ neutralStrokeAccessiblePressed: 'var(--global-color-hcHighlight)',
79
+ neutralStrokeAccessibleSelected: 'var(--global-color-hcHighlight)',
80
+ neutralStroke1: 'var(--global-color-hcCanvasText)',
81
+ neutralStroke1Hover: 'var(--global-color-hcHighlight)',
82
+ neutralStroke1Pressed: 'var(--global-color-hcHighlight)',
83
+ neutralStroke1Selected: 'var(--global-color-hcHighlight)',
84
+ neutralStroke2: 'var(--global-color-hcCanvasText)',
85
+ neutralStroke3: 'var(--global-color-hcCanvasText)',
86
+ brandStroke1: 'var(--global-color-hcCanvasText)',
87
+ brandStroke2: 'var(--global-color-hcCanvas)',
88
+ compoundBrandStroke: 'var(--global-color-hcHighlight)',
89
+ compoundBrandStrokeHover: 'var(--global-color-hcHighlight)',
90
+ compoundBrandStrokePressed: 'var(--global-color-hcHighlight)',
91
+ neutralStrokeDisabled: 'var(--global-color-hcDisabled)',
92
+ transparentStroke: 'var(--global-color-hcCanvasText)',
93
+ transparentStrokeInteractive: 'var(--global-color-hcHighlight)',
94
+ transparentStrokeDisabled: 'var(--global-color-hcDisabled)',
95
+ strokeFocus1: 'var(--global-color-hcCanvas)',
96
+ strokeFocus2: 'var(--global-color-hcHighlight)',
97
+ neutralShadowAmbient: 'rgba(0,0,0,0.24)',
98
+ neutralShadowKey: 'rgba(0,0,0,0.28)',
99
+ neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
100
+ neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
101
+ neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
102
+ neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
103
+ brandShadowAmbient: 'rgba(0,0,0,0.30)',
104
+ brandShadowKey: 'rgba(0,0,0,0.25)'
105
+ };
106
+ export var generateSharedColorTokens = function (globalSharedTokens) {
107
+ return Object.keys(globalSharedTokens).filter(function (sharedColor) {
108
+ return sharedColor !== 'brand' && sharedColor !== 'grey';
109
+ }).reduce(function (acc, sharedColor) {
110
+ acc[sharedColor] = {
111
+ background1: "var(--global-color-white)",
112
+ background2: "var(--global-color-black)",
113
+ background3: "var(--global-color-white)",
114
+ foreground1: "var(--global-color-black)",
115
+ foreground2: "var(--global-color-white)",
116
+ foreground3: "var(--global-color-white)",
117
+ borderActive: "var(--global-color-hcHighlight)",
118
+ border2: "var(--global-color-white)"
119
+ };
120
+ return acc;
121
+ }, {});
122
+ };
123
+ //# sourceMappingURL=highContrast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["alias/highContrast.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,kBAAkB,GAAuB;AACpD,EAAA,kBAAkB,EAAE,kCADgC;AAEpD,EAAA,kBAAkB,EAAE,kCAFgC;AAGpD,EAAA,uBAAuB,EAAE,qCAH2B;AAIpD,EAAA,yBAAyB,EAAE,qCAJyB;AAKpD,EAAA,0BAA0B,EAAE,qCALwB;AAMpD,EAAA,4BAA4B,EAAE,qCANsB;AAOpD,EAAA,8BAA8B,EAAE,qCAPoB;AAQpD,EAAA,+BAA+B,EAAE,qCARmB;AASpD,EAAA,kBAAkB,EAAE,kCATgC;AAUpD,EAAA,uBAAuB,EAAE,qCAV2B;AAWpD,EAAA,yBAAyB,EAAE,qCAXyB;AAYpD,EAAA,0BAA0B,EAAE,qCAZwB;AAapD,EAAA,4BAA4B,EAAE,qCAbsB;AAcpD,EAAA,8BAA8B,EAAE,qCAdoB;AAepD,EAAA,+BAA+B,EAAE,qCAfmB;AAgBpD,EAAA,kBAAkB,EAAE,kCAhBgC;AAiBpD,EAAA,yBAAyB,EAAE,gCAjByB;AAkBpD,EAAA,mBAAmB,EAAE,iCAlB+B;AAmBpD,EAAA,wBAAwB,EAAE,iCAnB0B;AAoBpD,EAAA,0BAA0B,EAAE,iCApBwB;AAqBpD,EAAA,2BAA2B,EAAE,iCArBuB;AAsBpD,EAAA,wBAAwB,EAAE,iCAtB0B;AAuBpD,EAAA,6BAA6B,EAAE,iCAvBqB;AAwBpD,EAAA,+BAA+B,EAAE,iCAxBmB;AAyBpD,EAAA,gBAAgB,EAAE,kCAzBkC;AA0BpD,EAAA,gBAAgB,EAAE,kCA1BkC;AA2BpD,EAAA,yBAAyB,EAAE,8BA3ByB;AA4BpD,EAAA,wBAAwB,EAAE,kCA5B0B;AA6BpD,EAAA,6BAA6B,EAAE,iCA7BqB;AA8BpD,EAAA,kCAAkC,EAAE,iCA9BgB;AA+BpD,EAAA,oCAAoC,EAAE,iCA/Bc;AAgCpD,EAAA,qCAAqC,EAAE,iCAhCa;AAiCpD,EAAA,kBAAkB,EAAE,8BAjCgC;AAkCpD,EAAA,uBAAuB,EAAE,iCAlC2B;AAmCpD,EAAA,yBAAyB,EAAE,iCAnCyB;AAoCpD,EAAA,0BAA0B,EAAE,iCApCwB;AAqCpD,EAAA,kBAAkB,EAAE,8BArCgC;AAsCpD,EAAA,uBAAuB,EAAE,iCAtC2B;AAuCpD,EAAA,yBAAyB,EAAE,iCAvCyB;AAwCpD,EAAA,0BAA0B,EAAE,iCAxCwB;AAyCpD,EAAA,kBAAkB,EAAE,8BAzCgC;AA0CpD,EAAA,uBAAuB,EAAE,iCA1C2B;AA2CpD,EAAA,yBAAyB,EAAE,iCA3CyB;AA4CpD,EAAA,0BAA0B,EAAE,iCA5CwB;AA6CpD,EAAA,kBAAkB,EAAE,8BA7CgC;AA8CpD,EAAA,uBAAuB,EAAE,iCA9C2B;AA+CpD,EAAA,yBAAyB,EAAE,iCA/CyB;AAgDpD,EAAA,0BAA0B,EAAE,iCAhDwB;AAiDpD,EAAA,kBAAkB,EAAE,8BAjDgC;AAkDpD,EAAA,uBAAuB,EAAE,iCAlD2B;AAmDpD,EAAA,yBAAyB,EAAE,iCAnDyB;AAoDpD,EAAA,0BAA0B,EAAE,iCApDwB;AAqDpD,EAAA,kBAAkB,EAAE,8BArDgC;AAsDpD,EAAA,yBAAyB,EAAE,kCAtDyB;AAuDpD,EAAA,gBAAgB,EAAE,aAvDkC;AAwDpD,EAAA,qBAAqB,EAAE,iCAxD6B;AAyDpD,EAAA,uBAAuB,EAAE,iCAzD2B;AA0DpD,EAAA,wBAAwB,EAAE,iCA1D0B;AA2DpD,EAAA,qBAAqB,EAAE,aA3D6B;AA4DpD,EAAA,0BAA0B,EAAE,iCA5DwB;AA6DpD,EAAA,4BAA4B,EAAE,iCA7DsB;AA8DpD,EAAA,6BAA6B,EAAE,iCA9DqB;AA+DpD,EAAA,yBAAyB,EAAE,8BA/DyB;AAgEpD,EAAA,eAAe,EAAE,8BAhEmC;AAiEpD,EAAA,eAAe,EAAE,+BAjEmC;AAkEpD,EAAA,eAAe,EAAE,kCAlEmC;AAmEpD,EAAA,oBAAoB,EAAE,iCAnE8B;AAoEpD,EAAA,sBAAsB,EAAE,iCApE4B;AAqEpD,EAAA,uBAAuB,EAAE,iCArE2B;AAsEpD,EAAA,uBAAuB,EAAE,iCAtE2B;AAuEpD,EAAA,4BAA4B,EAAE,iCAvEsB;AAwEpD,EAAA,8BAA8B,EAAE,iCAxEoB;AAyEpD,EAAA,qBAAqB,EAAE,8BAzE6B;AA0EpD,EAAA,gBAAgB,EAAE,kCA1EkC;AA2EpD,EAAA,uBAAuB,EAAE,kCA3E2B;AA4EpD,EAAA,4BAA4B,EAAE,iCA5EsB;AA6EpD,EAAA,8BAA8B,EAAE,iCA7EoB;AA8EpD,EAAA,+BAA+B,EAAE,iCA9EmB;AA+EpD,EAAA,cAAc,EAAE,kCA/EoC;AAgFpD,EAAA,mBAAmB,EAAE,iCAhF+B;AAiFpD,EAAA,qBAAqB,EAAE,iCAjF6B;AAkFpD,EAAA,sBAAsB,EAAE,iCAlF4B;AAmFpD,EAAA,cAAc,EAAE,kCAnFoC;AAoFpD,EAAA,cAAc,EAAE,kCApFoC;AAqFpD,EAAA,YAAY,EAAE,kCArFsC;AAsFpD,EAAA,YAAY,EAAE,8BAtFsC;AAuFpD,EAAA,mBAAmB,EAAE,iCAvF+B;AAwFpD,EAAA,wBAAwB,EAAE,iCAxF0B;AAyFpD,EAAA,0BAA0B,EAAE,iCAzFwB;AA0FpD,EAAA,qBAAqB,EAAE,gCA1F6B;AA2FpD,EAAA,iBAAiB,EAAE,kCA3FiC;AA4FpD,EAAA,4BAA4B,EAAE,iCA5FsB;AA6FpD,EAAA,yBAAyB,EAAE,gCA7FyB;AA8FpD,EAAA,YAAY,EAAE,8BA9FsC;AA+FpD,EAAA,YAAY,EAAE,iCA/FsC;AAgGpD,EAAA,oBAAoB,EAAE,kBAhG8B;AAiGpD,EAAA,gBAAgB,EAAE,kBAjGkC;AAkGpD,EAAA,2BAA2B,EAAE,kBAlGuB;AAmGpD,EAAA,uBAAuB,EAAE,kBAnG2B;AAoGpD,EAAA,0BAA0B,EAAE,kBApGwB;AAqGpD,EAAA,sBAAsB,EAAE,kBArG4B;AAsGpD,EAAA,kBAAkB,EAAE,kBAtGgC;AAuGpD,EAAA,cAAc,EAAE;AAvGoC,CAA/C;AA0GP,OAAO,IAAM,yBAAyB,GAEqB,UAAA,kBAAA,EAAkB;AAC3E,SAAO,MAAM,CAAC,IAAP,CAAY,kBAAZ,EACJ,MADI,CACG,UAAA,WAAA,EAAW;AAAI,WAAA,WAAW,KAAK,OAAhB,IAA2B,WAAW,KAAtC,MAAA;AAAiD,GADnE,EAEJ,MAFI,CAEG,UAAC,GAAD,EAAM,WAAN,EAAiB;AACvB,IAAA,GAAG,CAAC,WAAD,CAAH,GAA+C;AAC7C,MAAA,WAAW,EAAE,2BADgC;AAE7C,MAAA,WAAW,EAAE,2BAFgC;AAG7C,MAAA,WAAW,EAAE,2BAHgC;AAI7C,MAAA,WAAW,EAAE,2BAJgC;AAK7C,MAAA,WAAW,EAAE,2BALgC;AAM7C,MAAA,WAAW,EAAE,2BANgC;AAO7C,MAAA,YAAY,EAAE,iCAP+B;AAQ7C,MAAA,OAAO,EAAE;AARoC,KAA/C;AAUA,WAAO,GAAP;AACD,GAdI,EAcF,EAdE,CAAP;AAeD,CAlBM","sourcesContent":["import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';\n\nexport const neutralColorTokens: NeutralColorTokens = {\n neutralForeground1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralForeground2: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralForeground2Hover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground2Pressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground2Selected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground2BrandHover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground2BrandPressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground2BrandSelected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralForeground3Hover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3Pressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3Selected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3BrandHover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3BrandPressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3BrandSelected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground4: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralForegroundDisabled: 'var(--global-color-hcDisabled)', // #3ff23f Global.Color.hcDisabled\n brandForegroundLink: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n brandForegroundLinkHover: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n brandForegroundLinkPressed: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n brandForegroundLinkSelected: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n compoundBrandForeground1: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandForeground1Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandForeground1Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n brandForeground1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n brandForeground2: 'var(--global-color-hcButtonText)', // #000000 Global.Color.hcButtonText\n neutralForegroundInverted: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralForegroundOnBrand: 'var(--global-color-hcButtonText)', // #000000 Global.Color.hcButtonText\n neutralForegroundInvertedLink: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n neutralForegroundInvertedLinkHover: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n neutralForegroundInvertedLinkPressed: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n neutralForegroundInvertedLinkSelected: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n neutralBackground1: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackground1Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground1Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground1Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground2: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackground2Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground2Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground2Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground3: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackground3Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground3Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground3Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground4: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackground4Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground4Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground4Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground5: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackground5Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground5Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground5Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground6: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackgroundInverted: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n subtleBackground: 'transparent', // transparent undefined\n subtleBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n subtleBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n subtleBackgroundSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n transparentBackground: 'transparent', // transparent undefined\n transparentBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n transparentBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n transparentBackgroundSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackgroundDisabled: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralStencil1: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralStencil2: 'var(--global-palette-grey-52)', // #858585 Global.Color.Grey.52\n brandBackground: 'var(--global-color-hcButtonFace)', // #ffffff Global.Color.hcButtonFace\n brandBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n brandBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n brandBackgroundSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandBackground: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n brandBackgroundStatic: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n brandBackground2: 'var(--global-color-hcButtonFace)', // #ffffff Global.Color.hcButtonFace\n neutralStrokeAccessible: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralStrokeAccessibleHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStrokeAccessiblePressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStrokeAccessibleSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStroke1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralStroke1Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStroke1Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStroke1Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStroke2: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralStroke3: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n brandStroke1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n brandStroke2: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n compoundBrandStroke: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandStrokeHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandStrokePressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStrokeDisabled: 'var(--global-color-hcDisabled)', // #3ff23f Global.Color.hcDisabled\n transparentStroke: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n transparentStrokeInteractive: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n transparentStrokeDisabled: 'var(--global-color-hcDisabled)', // #3ff23f Global.Color.hcDisabled\n strokeFocus1: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n strokeFocus2: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n neutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n neutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n brandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n brandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n};\n\nexport const generateSharedColorTokens: (\n globalSharedTokens: GlobalSharedColors,\n) => Record<keyof GlobalSharedColors, SharedColorTokens> = globalSharedTokens => {\n return Object.keys(globalSharedTokens)\n .filter(sharedColor => sharedColor !== 'brand' && sharedColor !== 'grey')\n .reduce((acc, sharedColor) => {\n acc[sharedColor as keyof GlobalSharedColors] = {\n background1: `var(--global-color-white)`,\n background2: `var(--global-color-black)`,\n background3: `var(--global-color-white)`,\n foreground1: `var(--global-color-black)`,\n foreground2: `var(--global-color-white)`,\n foreground3: `var(--global-color-white)`,\n borderActive: `var(--global-color-hcHighlight)`,\n border2: `var(--global-color-white)`,\n };\n return acc;\n }, {} as Record<keyof GlobalSharedColors, SharedColorTokens>);\n};\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,3 @@
1
+ import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';
2
+ export declare const neutralColorTokens: NeutralColorTokens;
3
+ export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;
@@ -0,0 +1,123 @@
1
+ export var neutralColorTokens = {
2
+ neutralForeground1: 'var(--global-palette-grey-14)',
3
+ neutralForeground2: 'var(--global-palette-grey-26)',
4
+ neutralForeground2Hover: 'var(--global-palette-grey-14)',
5
+ neutralForeground2Pressed: 'var(--global-palette-grey-14)',
6
+ neutralForeground2Selected: 'var(--global-palette-grey-14)',
7
+ neutralForeground2BrandHover: 'var(--global-palette-brand-primary)',
8
+ neutralForeground2BrandPressed: 'var(--global-palette-brand-shade10)',
9
+ neutralForeground2BrandSelected: 'var(--global-palette-brand-primary)',
10
+ neutralForeground3: 'var(--global-palette-grey-38)',
11
+ neutralForeground3Hover: 'var(--global-palette-grey-26)',
12
+ neutralForeground3Pressed: 'var(--global-palette-grey-26)',
13
+ neutralForeground3Selected: 'var(--global-palette-grey-26)',
14
+ neutralForeground3BrandHover: 'var(--global-palette-brand-primary)',
15
+ neutralForeground3BrandPressed: 'var(--global-palette-brand-shade10)',
16
+ neutralForeground3BrandSelected: 'var(--global-palette-brand-primary)',
17
+ neutralForeground4: 'var(--global-palette-grey-44)',
18
+ neutralForegroundDisabled: 'var(--global-palette-grey-74)',
19
+ brandForegroundLink: 'var(--global-palette-brand-shade10)',
20
+ brandForegroundLinkHover: 'var(--global-palette-brand-shade20)',
21
+ brandForegroundLinkPressed: 'var(--global-palette-brand-shade40)',
22
+ brandForegroundLinkSelected: 'var(--global-palette-brand-shade10)',
23
+ compoundBrandForeground1: 'var(--global-palette-brand-primary)',
24
+ compoundBrandForeground1Hover: 'var(--global-palette-brand-shade10)',
25
+ compoundBrandForeground1Pressed: 'var(--global-palette-brand-shade20)',
26
+ brandForeground1: 'var(--global-palette-brand-primary)',
27
+ brandForeground2: 'var(--global-palette-brand-shade10)',
28
+ neutralForegroundInverted: 'var(--global-color-white)',
29
+ neutralForegroundOnBrand: 'var(--global-color-white)',
30
+ neutralForegroundInvertedLink: 'var(--global-color-white)',
31
+ neutralForegroundInvertedLinkHover: 'var(--global-color-white)',
32
+ neutralForegroundInvertedLinkPressed: 'var(--global-color-white)',
33
+ neutralForegroundInvertedLinkSelected: 'var(--global-color-white)',
34
+ neutralBackground1: 'var(--global-color-white)',
35
+ neutralBackground1Hover: 'var(--global-palette-grey-96)',
36
+ neutralBackground1Pressed: 'var(--global-palette-grey-88)',
37
+ neutralBackground1Selected: 'var(--global-palette-grey-92)',
38
+ neutralBackground2: 'var(--global-palette-grey-98)',
39
+ neutralBackground2Hover: 'var(--global-palette-grey-94)',
40
+ neutralBackground2Pressed: 'var(--global-palette-grey-86)',
41
+ neutralBackground2Selected: 'var(--global-palette-grey-90)',
42
+ neutralBackground3: 'var(--global-palette-grey-96)',
43
+ neutralBackground3Hover: 'var(--global-palette-grey-92)',
44
+ neutralBackground3Pressed: 'var(--global-palette-grey-84)',
45
+ neutralBackground3Selected: 'var(--global-palette-grey-88)',
46
+ neutralBackground4: 'var(--global-palette-grey-94)',
47
+ neutralBackground4Hover: 'var(--global-palette-grey-98)',
48
+ neutralBackground4Pressed: 'var(--global-palette-grey-96)',
49
+ neutralBackground4Selected: 'var(--global-color-white)',
50
+ neutralBackground5: 'var(--global-palette-grey-92)',
51
+ neutralBackground5Hover: 'var(--global-palette-grey-96)',
52
+ neutralBackground5Pressed: 'var(--global-palette-grey-94)',
53
+ neutralBackground5Selected: 'var(--global-palette-grey-98)',
54
+ neutralBackground6: 'var(--global-palette-grey-90)',
55
+ neutralBackgroundInverted: 'var(--global-palette-grey-38)',
56
+ subtleBackground: 'transparent',
57
+ subtleBackgroundHover: 'var(--global-palette-grey-96)',
58
+ subtleBackgroundPressed: 'var(--global-palette-grey-88)',
59
+ subtleBackgroundSelected: 'var(--global-palette-grey-92)',
60
+ transparentBackground: 'transparent',
61
+ transparentBackgroundHover: 'transparent',
62
+ transparentBackgroundPressed: 'transparent',
63
+ transparentBackgroundSelected: 'transparent',
64
+ neutralBackgroundDisabled: 'var(--global-palette-grey-94)',
65
+ neutralStencil1: 'var(--global-palette-grey-90)',
66
+ neutralStencil2: 'var(--global-palette-grey-98)',
67
+ brandBackground: 'var(--global-palette-brand-primary)',
68
+ brandBackgroundHover: 'var(--global-palette-brand-shade10)',
69
+ brandBackgroundPressed: 'var(--global-palette-brand-shade40)',
70
+ brandBackgroundSelected: 'var(--global-palette-brand-shade20)',
71
+ compoundBrandBackground: 'var(--global-palette-brand-primary)',
72
+ compoundBrandBackgroundHover: 'var(--global-palette-brand-shade10)',
73
+ compoundBrandBackgroundPressed: 'var(--global-palette-brand-shade20)',
74
+ brandBackgroundStatic: 'var(--global-palette-brand-primary)',
75
+ brandBackground2: 'var(--global-palette-brand-tint60)',
76
+ neutralStrokeAccessible: 'var(--global-palette-grey-38)',
77
+ neutralStrokeAccessibleHover: 'var(--global-palette-grey-34)',
78
+ neutralStrokeAccessiblePressed: 'var(--global-palette-grey-30)',
79
+ neutralStrokeAccessibleSelected: 'var(--global-palette-brand-primary)',
80
+ neutralStroke1: 'var(--global-palette-grey-82)',
81
+ neutralStroke1Hover: 'var(--global-palette-grey-78)',
82
+ neutralStroke1Pressed: 'var(--global-palette-grey-70)',
83
+ neutralStroke1Selected: 'var(--global-palette-grey-74)',
84
+ neutralStroke2: 'var(--global-palette-grey-88)',
85
+ neutralStroke3: 'var(--global-palette-grey-94)',
86
+ brandStroke1: 'var(--global-palette-brand-primary)',
87
+ brandStroke2: 'var(--global-palette-brand-tint40)',
88
+ compoundBrandStroke: 'var(--global-palette-brand-primary)',
89
+ compoundBrandStrokeHover: 'var(--global-palette-brand-shade10)',
90
+ compoundBrandStrokePressed: 'var(--global-palette-brand-shade20)',
91
+ neutralStrokeDisabled: 'var(--global-palette-grey-88)',
92
+ transparentStroke: 'transparent',
93
+ transparentStrokeInteractive: 'transparent',
94
+ transparentStrokeDisabled: 'transparent',
95
+ strokeFocus1: 'var(--global-color-white)',
96
+ strokeFocus2: 'var(--global-color-black)',
97
+ neutralShadowAmbient: 'rgba(0,0,0,0.12)',
98
+ neutralShadowKey: 'rgba(0,0,0,0.14)',
99
+ neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
100
+ neutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
101
+ neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
102
+ neutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
103
+ brandShadowAmbient: 'rgba(0,0,0,0.30)',
104
+ brandShadowKey: 'rgba(0,0,0,0.25)'
105
+ };
106
+ export var generateSharedColorTokens = function (globalSharedTokens) {
107
+ return Object.keys(globalSharedTokens).filter(function (sharedColor) {
108
+ return sharedColor !== 'brand' && sharedColor !== 'grey';
109
+ }).reduce(function (acc, sharedColor) {
110
+ acc[sharedColor] = {
111
+ background1: "var(--global-palette-" + sharedColor + "-tint60)",
112
+ background2: "var(--global-palette-" + sharedColor + "-tint40)",
113
+ background3: "var(--global-palette-" + sharedColor + "-primary)",
114
+ foreground1: "var(--global-palette-" + sharedColor + "-shade10)",
115
+ foreground2: "var(--global-palette-" + sharedColor + "-shade30)",
116
+ foreground3: "var(--global-palette-" + sharedColor + "-primary)",
117
+ borderActive: "var(--global-palette-" + sharedColor + "-primary)",
118
+ border2: "var(--global-palette-" + sharedColor + "-primary)"
119
+ };
120
+ return acc;
121
+ }, {});
122
+ };
123
+ //# sourceMappingURL=light.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["alias/light.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';\n\nexport const neutralColorTokens: NeutralColorTokens = {\n neutralForeground1: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralForeground2: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n neutralForeground2Hover: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralForeground2Pressed: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralForeground2Selected: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralForeground2BrandHover: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralForeground2BrandPressed: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n neutralForeground2BrandSelected: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralForeground3: 'var(--global-palette-grey-38)', // #616161 Global.Color.Grey.38\n neutralForeground3Hover: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n neutralForeground3Pressed: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n neutralForeground3Selected: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n neutralForeground3BrandHover: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralForeground3BrandPressed: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n neutralForeground3BrandSelected: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralForeground4: 'var(--global-palette-grey-44)', // #707070 Global.Color.Grey.44\n neutralForegroundDisabled: 'var(--global-palette-grey-74)', // #bdbdbd Global.Color.Grey.74\n brandForegroundLink: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n brandForegroundLinkHover: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n brandForegroundLinkPressed: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n brandForegroundLinkSelected: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n compoundBrandForeground1: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n compoundBrandForeground1Hover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n compoundBrandForeground1Pressed: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n brandForeground1: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandForeground2: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n neutralForegroundInverted: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundOnBrand: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLink: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkHover: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkPressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkSelected: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralBackground1: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralBackground1Hover: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n neutralBackground1Pressed: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n neutralBackground1Selected: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n neutralBackground2: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n neutralBackground2Hover: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n neutralBackground2Pressed: 'var(--global-palette-grey-86)', // #dbdbdb Global.Color.Grey.86\n neutralBackground2Selected: 'var(--global-palette-grey-90)', // #e6e6e6 Global.Color.Grey.90\n neutralBackground3: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n neutralBackground3Hover: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n neutralBackground3Pressed: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n neutralBackground3Selected: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n neutralBackground4: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n neutralBackground4Hover: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n neutralBackground4Pressed: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n neutralBackground4Selected: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralBackground5: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n neutralBackground5Hover: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n neutralBackground5Pressed: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n neutralBackground5Selected: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n neutralBackground6: 'var(--global-palette-grey-90)', // #e6e6e6 Global.Color.Grey.90\n neutralBackgroundInverted: 'var(--global-palette-grey-38)', // #616161 Global.Color.Grey.38\n subtleBackground: 'transparent', // transparent undefined\n subtleBackgroundHover: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n subtleBackgroundPressed: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n subtleBackgroundSelected: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n transparentBackground: 'transparent', // transparent undefined\n transparentBackgroundHover: 'transparent', // transparent undefined\n transparentBackgroundPressed: 'transparent', // transparent undefined\n transparentBackgroundSelected: 'transparent', // transparent undefined\n neutralBackgroundDisabled: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n neutralStencil1: 'var(--global-palette-grey-90)', // #e6e6e6 Global.Color.Grey.90\n neutralStencil2: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n brandBackground: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandBackgroundHover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n brandBackgroundPressed: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n brandBackgroundSelected: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n compoundBrandBackground: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n compoundBrandBackgroundHover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n compoundBrandBackgroundPressed: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n brandBackgroundStatic: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandBackground2: 'var(--global-palette-brand-tint60)', // #eff6fc Global.Color.Brand.Tint.60\n neutralStrokeAccessible: 'var(--global-palette-grey-38)', // #616161 Global.Color.Grey.38\n neutralStrokeAccessibleHover: 'var(--global-palette-grey-34)', // #575757 Global.Color.Grey.34\n neutralStrokeAccessiblePressed: 'var(--global-palette-grey-30)', // #4d4d4d Global.Color.Grey.30\n neutralStrokeAccessibleSelected: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralStroke1: 'var(--global-palette-grey-82)', // #d1d1d1 Global.Color.Grey.82\n neutralStroke1Hover: 'var(--global-palette-grey-78)', // #c7c7c7 Global.Color.Grey.78\n neutralStroke1Pressed: 'var(--global-palette-grey-70)', // #b3b3b3 Global.Color.Grey.70\n neutralStroke1Selected: 'var(--global-palette-grey-74)', // #bdbdbd Global.Color.Grey.74\n neutralStroke2: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n neutralStroke3: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n brandStroke1: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandStroke2: 'var(--global-palette-brand-tint40)', // #c7e0f4 Global.Color.Brand.Tint.40\n compoundBrandStroke: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n compoundBrandStrokeHover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n compoundBrandStrokePressed: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n neutralStrokeDisabled: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n transparentStroke: 'transparent', // transparent undefined\n transparentStrokeInteractive: 'transparent', // transparent undefined\n transparentStrokeDisabled: 'transparent', // transparent undefined\n strokeFocus1: 'var(--global-color-white)', // #ffffff Global.Color.White\n strokeFocus2: 'var(--global-color-black)', // #000000 Global.Color.Black\n neutralShadowAmbient: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n neutralShadowKey: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', // rgba(0,0,0,0.06) undefined\n neutralShadowKeyLighter: 'rgba(0,0,0,0.07)', // rgba(0,0,0,0.07) undefined\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', // rgba(0,0,0,0.20) undefined\n neutralShadowKeyDarker: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n brandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n brandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n};\n\nexport const generateSharedColorTokens: (\n globalSharedTokens: GlobalSharedColors,\n) => Record<keyof GlobalSharedColors, SharedColorTokens> = globalSharedTokens => {\n return Object.keys(globalSharedTokens)\n .filter(sharedColor => sharedColor !== 'brand' && sharedColor !== 'grey')\n .reduce((acc, sharedColor) => {\n acc[sharedColor as keyof GlobalSharedColors] = {\n background1: `var(--global-palette-${sharedColor}-tint60)`,\n background2: `var(--global-palette-${sharedColor}-tint40)`,\n background3: `var(--global-palette-${sharedColor}-primary)`,\n foreground1: `var(--global-palette-${sharedColor}-shade10)`,\n foreground2: `var(--global-palette-${sharedColor}-shade30)`,\n foreground3: `var(--global-palette-${sharedColor}-primary)`,\n borderActive: `var(--global-palette-${sharedColor}-primary)`,\n border2: `var(--global-palette-${sharedColor}-primary)`,\n };\n return acc;\n }, {} as Record<keyof GlobalSharedColors, SharedColorTokens>);\n};\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,3 @@
1
+ import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';
2
+ export declare const neutralColorTokens: NeutralColorTokens;
3
+ export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;
@@ -0,0 +1,123 @@
1
+ export var neutralColorTokens = {
2
+ neutralForeground1: 'var(--global-color-white)',
3
+ neutralForeground2: 'var(--global-palette-grey-84)',
4
+ neutralForeground2Hover: 'var(--global-color-white)',
5
+ neutralForeground2Pressed: 'var(--global-color-white)',
6
+ neutralForeground2Selected: 'var(--global-color-white)',
7
+ neutralForeground2BrandHover: 'var(--global-palette-brand-tint20)',
8
+ neutralForeground2BrandPressed: 'var(--global-palette-brand-tint10)',
9
+ neutralForeground2BrandSelected: 'var(--global-palette-brand-tint20)',
10
+ neutralForeground3: 'var(--global-palette-grey-68)',
11
+ neutralForeground3Hover: 'var(--global-palette-grey-84)',
12
+ neutralForeground3Pressed: 'var(--global-palette-grey-84)',
13
+ neutralForeground3Selected: 'var(--global-palette-grey-84)',
14
+ neutralForeground3BrandHover: 'var(--global-palette-brand-tint20)',
15
+ neutralForeground3BrandPressed: 'var(--global-palette-brand-tint10)',
16
+ neutralForeground3BrandSelected: 'var(--global-palette-brand-tint20)',
17
+ neutralForeground4: 'var(--global-palette-grey-60)',
18
+ neutralForegroundDisabled: 'var(--global-palette-grey-36)',
19
+ brandForegroundLink: 'var(--global-palette-brand-tint10)',
20
+ brandForegroundLinkHover: 'var(--global-palette-brand-tint30)',
21
+ brandForegroundLinkPressed: 'var(--global-palette-brand-tint20)',
22
+ brandForegroundLinkSelected: 'var(--global-palette-brand-tint10)',
23
+ compoundBrandForeground1: 'var(--global-palette-brand-tint10)',
24
+ compoundBrandForeground1Hover: 'var(--global-palette-brand-tint20)',
25
+ compoundBrandForeground1Pressed: 'var(--global-palette-brand-primary)',
26
+ brandForeground1: 'var(--global-palette-brand-tint20)',
27
+ brandForeground2: 'var(--global-palette-brand-tint30)',
28
+ neutralForegroundInverted: 'var(--global-color-white)',
29
+ neutralForegroundOnBrand: 'var(--global-color-white)',
30
+ neutralForegroundInvertedLink: 'var(--global-color-white)',
31
+ neutralForegroundInvertedLinkHover: 'var(--global-color-white)',
32
+ neutralForegroundInvertedLinkPressed: 'var(--global-color-white)',
33
+ neutralForegroundInvertedLinkSelected: 'var(--global-color-white)',
34
+ neutralBackground1: 'var(--global-palette-grey-16)',
35
+ neutralBackground1Hover: 'var(--global-palette-grey-24)',
36
+ neutralBackground1Pressed: 'var(--global-palette-grey-12)',
37
+ neutralBackground1Selected: 'var(--global-palette-grey-22)',
38
+ neutralBackground2: 'var(--global-palette-grey-14)',
39
+ neutralBackground2Hover: 'var(--global-palette-grey-22)',
40
+ neutralBackground2Pressed: 'var(--global-palette-grey-10)',
41
+ neutralBackground2Selected: 'var(--global-palette-grey-20)',
42
+ neutralBackground3: 'var(--global-palette-grey-12)',
43
+ neutralBackground3Hover: 'var(--global-palette-grey-20)',
44
+ neutralBackground3Pressed: 'var(--global-palette-grey-8)',
45
+ neutralBackground3Selected: 'var(--global-palette-grey-18)',
46
+ neutralBackground4: 'var(--global-palette-grey-8)',
47
+ neutralBackground4Hover: 'var(--global-palette-grey-16)',
48
+ neutralBackground4Pressed: 'var(--global-palette-grey-4)',
49
+ neutralBackground4Selected: 'var(--global-palette-grey-14)',
50
+ neutralBackground5: 'var(--global-palette-grey-4)',
51
+ neutralBackground5Hover: 'var(--global-palette-grey-12)',
52
+ neutralBackground5Pressed: 'var(--global-color-black)',
53
+ neutralBackground5Selected: 'var(--global-palette-grey-10)',
54
+ neutralBackground6: 'var(--global-palette-grey-20)',
55
+ neutralBackgroundInverted: 'var(--global-color-white)',
56
+ subtleBackground: 'transparent',
57
+ subtleBackgroundHover: 'var(--global-palette-grey-22)',
58
+ subtleBackgroundPressed: 'var(--global-palette-grey-18)',
59
+ subtleBackgroundSelected: 'var(--global-palette-grey-20)',
60
+ transparentBackground: 'transparent',
61
+ transparentBackgroundHover: 'transparent',
62
+ transparentBackgroundPressed: 'transparent',
63
+ transparentBackgroundSelected: 'transparent',
64
+ neutralBackgroundDisabled: 'var(--global-palette-grey-8)',
65
+ neutralStencil1: 'var(--global-palette-grey-20)',
66
+ neutralStencil2: 'var(--global-palette-grey-34)',
67
+ brandBackground: 'var(--global-palette-brand-shade10)',
68
+ brandBackgroundHover: 'var(--global-palette-brand-primary)',
69
+ brandBackgroundPressed: 'var(--global-palette-brand-shade40)',
70
+ brandBackgroundSelected: 'var(--global-palette-brand-shade20)',
71
+ compoundBrandBackground: 'var(--global-palette-brand-tint10)',
72
+ compoundBrandBackgroundHover: 'var(--global-palette-brand-tint20)',
73
+ compoundBrandBackgroundPressed: 'var(--global-palette-brand-primary)',
74
+ brandBackgroundStatic: 'var(--global-palette-brand-primary)',
75
+ brandBackground2: 'var(--global-palette-brand-shade40)',
76
+ neutralStrokeAccessible: 'var(--global-palette-grey-68)',
77
+ neutralStrokeAccessibleHover: 'var(--global-palette-grey-74)',
78
+ neutralStrokeAccessiblePressed: 'var(--global-palette-grey-70)',
79
+ neutralStrokeAccessibleSelected: 'var(--global-palette-brand-tint20)',
80
+ neutralStroke1: 'var(--global-palette-grey-40)',
81
+ neutralStroke1Hover: 'var(--global-palette-grey-46)',
82
+ neutralStroke1Pressed: 'var(--global-palette-grey-42)',
83
+ neutralStroke1Selected: 'var(--global-palette-grey-44)',
84
+ neutralStroke2: 'var(--global-palette-grey-32)',
85
+ neutralStroke3: 'var(--global-palette-grey-24)',
86
+ brandStroke1: 'var(--global-palette-brand-tint10)',
87
+ brandStroke2: 'var(--global-palette-brand-shade30)',
88
+ compoundBrandStroke: 'var(--global-palette-brand-tint10)',
89
+ compoundBrandStrokeHover: 'var(--global-palette-brand-tint20)',
90
+ compoundBrandStrokePressed: 'var(--global-palette-brand-primary)',
91
+ neutralStrokeDisabled: 'var(--global-palette-grey-26)',
92
+ transparentStroke: 'transparent',
93
+ transparentStrokeInteractive: 'transparent',
94
+ transparentStrokeDisabled: 'transparent',
95
+ strokeFocus1: 'var(--global-color-black)',
96
+ strokeFocus2: 'var(--global-color-white)',
97
+ neutralShadowAmbient: 'rgba(0,0,0,0.24)',
98
+ neutralShadowKey: 'rgba(0,0,0,0.28)',
99
+ neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
100
+ neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
101
+ neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
102
+ neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
103
+ brandShadowAmbient: 'rgba(0,0,0,0.30)',
104
+ brandShadowKey: 'rgba(0,0,0,0.25)'
105
+ };
106
+ export var generateSharedColorTokens = function (globalSharedTokens) {
107
+ return Object.keys(globalSharedTokens).filter(function (sharedColor) {
108
+ return sharedColor !== 'brand' && sharedColor !== 'grey';
109
+ }).reduce(function (acc, sharedColor) {
110
+ acc[sharedColor] = {
111
+ background1: "var(--global-palette-" + sharedColor + "-shade40)",
112
+ background2: "var(--global-palette-" + sharedColor + "-shade30)",
113
+ background3: "var(--global-palette-" + sharedColor + "-primary)",
114
+ foreground1: "var(--global-palette-" + sharedColor + "-tint30)",
115
+ foreground2: "var(--global-palette-" + sharedColor + "-tint40)",
116
+ foreground3: "var(--global-palette-" + sharedColor + "-tint20)",
117
+ borderActive: "var(--global-palette-" + sharedColor + "-tint30)",
118
+ border2: "var(--global-palette-" + sharedColor + "-tint20)"
119
+ };
120
+ return acc;
121
+ }, {});
122
+ };
123
+ //# sourceMappingURL=teamsDark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["alias/teamsDark.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';\n\nexport const neutralColorTokens: NeutralColorTokens = {\n neutralForeground1: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForeground2: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n neutralForeground2Hover: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForeground2Pressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForeground2Selected: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForeground2BrandHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n neutralForeground2BrandPressed: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n neutralForeground2BrandSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n neutralForeground3: 'var(--global-palette-grey-68)', // #adadad Global.Color.Grey.68\n neutralForeground3Hover: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n neutralForeground3Pressed: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n neutralForeground3Selected: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n neutralForeground3BrandHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n neutralForeground3BrandPressed: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n neutralForeground3BrandSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n neutralForeground4: 'var(--global-palette-grey-60)', // #999999 Global.Color.Grey.60\n neutralForegroundDisabled: 'var(--global-palette-grey-36)', // #5c5c5c Global.Color.Grey.36\n brandForegroundLink: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n brandForegroundLinkHover: 'var(--global-palette-brand-tint30)', // #6cb8f6 Global.Color.Brand.Tint.30\n brandForegroundLinkPressed: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n brandForegroundLinkSelected: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n compoundBrandForeground1: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n compoundBrandForeground1Hover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n compoundBrandForeground1Pressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandForeground1: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n brandForeground2: 'var(--global-palette-brand-tint30)', // #6cb8f6 Global.Color.Brand.Tint.30\n neutralForegroundInverted: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundOnBrand: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLink: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkHover: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkPressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkSelected: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralBackground1: 'var(--global-palette-grey-16)', // #292929 Global.Color.Grey.16\n neutralBackground1Hover: 'var(--global-palette-grey-24)', // #3d3d3d Global.Color.Grey.24\n neutralBackground1Pressed: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n neutralBackground1Selected: 'var(--global-palette-grey-22)', // #383838 Global.Color.Grey.22\n neutralBackground2: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralBackground2Hover: 'var(--global-palette-grey-22)', // #383838 Global.Color.Grey.22\n neutralBackground2Pressed: 'var(--global-palette-grey-10)', // #1a1a1a Global.Color.Grey.10\n neutralBackground2Selected: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n neutralBackground3: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n neutralBackground3Hover: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n neutralBackground3Pressed: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralBackground3Selected: 'var(--global-palette-grey-18)', // #2e2e2e Global.Color.Grey.18\n neutralBackground4: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralBackground4Hover: 'var(--global-palette-grey-16)', // #292929 Global.Color.Grey.16\n neutralBackground4Pressed: 'var(--global-palette-grey-4)', // #0a0a0a Global.Color.Grey.4\n neutralBackground4Selected: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralBackground5: 'var(--global-palette-grey-4)', // #0a0a0a Global.Color.Grey.4\n neutralBackground5Hover: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n neutralBackground5Pressed: 'var(--global-color-black)', // #000000 Global.Color.Black\n neutralBackground5Selected: 'var(--global-palette-grey-10)', // #1a1a1a Global.Color.Grey.10\n neutralBackground6: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n neutralBackgroundInverted: 'var(--global-color-white)', // #ffffff Global.Color.White\n subtleBackground: 'transparent', // transparent undefined\n subtleBackgroundHover: 'var(--global-palette-grey-22)', // #383838 Global.Color.Grey.22\n subtleBackgroundPressed: 'var(--global-palette-grey-18)', // #2e2e2e Global.Color.Grey.18\n subtleBackgroundSelected: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n transparentBackground: 'transparent', // transparent undefined\n transparentBackgroundHover: 'transparent', // transparent undefined\n transparentBackgroundPressed: 'transparent', // transparent undefined\n transparentBackgroundSelected: 'transparent', // transparent undefined\n neutralBackgroundDisabled: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralStencil1: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n neutralStencil2: 'var(--global-palette-grey-34)', // #575757 Global.Color.Grey.34\n brandBackground: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n brandBackgroundHover: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandBackgroundPressed: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n brandBackgroundSelected: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n compoundBrandBackground: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n compoundBrandBackgroundHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n compoundBrandBackgroundPressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandBackgroundStatic: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandBackground2: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n neutralStrokeAccessible: 'var(--global-palette-grey-68)', // #adadad Global.Color.Grey.68\n neutralStrokeAccessibleHover: 'var(--global-palette-grey-74)', // #bdbdbd Global.Color.Grey.74\n neutralStrokeAccessiblePressed: 'var(--global-palette-grey-70)', // #b3b3b3 Global.Color.Grey.70\n neutralStrokeAccessibleSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n neutralStroke1: 'var(--global-palette-grey-40)', // #666666 Global.Color.Grey.40\n neutralStroke1Hover: 'var(--global-palette-grey-46)', // #757575 Global.Color.Grey.46\n neutralStroke1Pressed: 'var(--global-palette-grey-42)', // #6b6b6b Global.Color.Grey.42\n neutralStroke1Selected: 'var(--global-palette-grey-44)', // #707070 Global.Color.Grey.44\n neutralStroke2: 'var(--global-palette-grey-32)', // #525252 Global.Color.Grey.32\n neutralStroke3: 'var(--global-palette-grey-24)', // #3d3d3d Global.Color.Grey.24\n brandStroke1: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n brandStroke2: 'var(--global-palette-brand-shade30)', // #004c87 Global.Color.Brand.Shade.30\n compoundBrandStroke: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n compoundBrandStrokeHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n compoundBrandStrokePressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralStrokeDisabled: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n transparentStroke: 'transparent', // transparent undefined\n transparentStrokeInteractive: 'transparent', // transparent undefined\n transparentStrokeDisabled: 'transparent', // transparent undefined\n strokeFocus1: 'var(--global-color-black)', // #000000 Global.Color.Black\n strokeFocus2: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n neutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n neutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n brandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n brandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n};\n\nexport const generateSharedColorTokens: (\n globalSharedTokens: GlobalSharedColors,\n) => Record<keyof GlobalSharedColors, SharedColorTokens> = globalSharedTokens => {\n return Object.keys(globalSharedTokens)\n .filter(sharedColor => sharedColor !== 'brand' && sharedColor !== 'grey')\n .reduce((acc, sharedColor) => {\n acc[sharedColor as keyof GlobalSharedColors] = {\n background1: `var(--global-palette-${sharedColor}-shade40)`,\n background2: `var(--global-palette-${sharedColor}-shade30)`,\n background3: `var(--global-palette-${sharedColor}-primary)`,\n foreground1: `var(--global-palette-${sharedColor}-tint30)`,\n foreground2: `var(--global-palette-${sharedColor}-tint40)`,\n foreground3: `var(--global-palette-${sharedColor}-tint20)`,\n borderActive: `var(--global-palette-${sharedColor}-tint30)`,\n border2: `var(--global-palette-${sharedColor}-tint20)`,\n };\n return acc;\n }, {} as Record<keyof GlobalSharedColors, SharedColorTokens>);\n};\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,2 @@
1
+ import type { BorderRadius } from '../types';
2
+ export declare const borderRadius: BorderRadius;
@@ -0,0 +1,9 @@
1
+ export var borderRadius = {
2
+ none: '0',
3
+ small: '2px',
4
+ medium: '4px',
5
+ large: '6px',
6
+ xLarge: '8px',
7
+ circular: '10000px'
8
+ };
9
+ //# sourceMappingURL=borderRadius.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["global/borderRadius.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,YAAY,GAAiB;AACxC,EAAA,IAAI,EAAE,GADkC;AAExC,EAAA,KAAK,EAAE,KAFiC;AAGxC,EAAA,MAAM,EAAE,KAHgC;AAIxC,EAAA,KAAK,EAAE,KAJiC;AAKxC,EAAA,MAAM,EAAE,KALgC;AAMxC,EAAA,QAAQ,EAAE;AAN8B,CAAnC","sourcesContent":["import type { BorderRadius } from '../types';\n\nexport const borderRadius: BorderRadius = {\n none: '0',\n small: '2px',\n medium: '4px',\n large: '6px',\n xLarge: '8px',\n circular: '10000px',\n};\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,4 @@
1
+ import type { BrandVariants, ProductBrandColors } from '../types';
2
+ export declare const brandWeb: BrandVariants;
3
+ export declare const brandTeams: BrandVariants;
4
+ export declare const brandColors: ProductBrandColors;
@@ -0,0 +1,37 @@
1
+ // TODO: values should be set per product theme
2
+ export var brandWeb = {
3
+ shade60: '#092C47',
4
+ shade50: '#043862',
5
+ shade40: '#004578',
6
+ shade30: '#004C87',
7
+ shade20: '#005A9E',
8
+ shade10: '#106EBE',
9
+ primary: '#0078D4',
10
+ tint10: '#2899F5',
11
+ tint20: '#3AA0F3',
12
+ tint30: '#6CB8F6',
13
+ tint40: '#C7E0F4',
14
+ tint50: '#DEECF9',
15
+ tint60: '#EFF6FC'
16
+ }; // TODO: these colors are not approved yet
17
+
18
+ export var brandTeams = {
19
+ shade60: '#323348',
20
+ shade50: '#393b5d',
21
+ shade40: '#3D3E66',
22
+ shade30: '#464775',
23
+ shade20: '#494B83',
24
+ shade10: '#52558f',
25
+ primary: '#6264A7',
26
+ tint10: '#8f95f8',
27
+ tint20: '#9EA2FF',
28
+ tint30: '#B2B5FF',
29
+ tint40: '#C7C9FF',
30
+ tint50: '#DBDCF0',
31
+ tint60: '#E9EAF6'
32
+ };
33
+ export var brandColors = {
34
+ teams: brandTeams,
35
+ web: brandWeb
36
+ };
37
+ //# sourceMappingURL=brandColors.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["global/brandColors.ts"],"names":[],"mappings":"AAEA;AACA,OAAO,IAAM,QAAQ,GAAkB;AACrC,EAAA,OAAO,EAAE,SAD4B;AAErC,EAAA,OAAO,EAAE,SAF4B;AAGrC,EAAA,OAAO,EAAE,SAH4B;AAIrC,EAAA,OAAO,EAAE,SAJ4B;AAKrC,EAAA,OAAO,EAAE,SAL4B;AAMrC,EAAA,OAAO,EAAE,SAN4B;AAOrC,EAAA,OAAO,EAAE,SAP4B;AAQrC,EAAA,MAAM,EAAE,SAR6B;AASrC,EAAA,MAAM,EAAE,SAT6B;AAUrC,EAAA,MAAM,EAAE,SAV6B;AAWrC,EAAA,MAAM,EAAE,SAX6B;AAYrC,EAAA,MAAM,EAAE,SAZ6B;AAarC,EAAA,MAAM,EAAE;AAb6B,CAAhC,C,CAgBP;;AACA,OAAO,IAAM,UAAU,GAAkB;AACvC,EAAA,OAAO,EAAE,SAD8B;AAEvC,EAAA,OAAO,EAAE,SAF8B;AAGvC,EAAA,OAAO,EAAE,SAH8B;AAIvC,EAAA,OAAO,EAAE,SAJ8B;AAKvC,EAAA,OAAO,EAAE,SAL8B;AAMvC,EAAA,OAAO,EAAE,SAN8B;AAOvC,EAAA,OAAO,EAAE,SAP8B;AAQvC,EAAA,MAAM,EAAE,SAR+B;AASvC,EAAA,MAAM,EAAE,SAT+B;AAUvC,EAAA,MAAM,EAAE,SAV+B;AAWvC,EAAA,MAAM,EAAE,SAX+B;AAYvC,EAAA,MAAM,EAAE,SAZ+B;AAavC,EAAA,MAAM,EAAE;AAb+B,CAAlC;AAgBP,OAAO,IAAM,WAAW,GAAuB;AAC7C,EAAA,KAAK,EAAE,UADsC;AAE7C,EAAA,GAAG,EAAE;AAFwC,CAAxC","sourcesContent":["import type { BrandVariants, ProductBrandColors } from '../types';\n\n// TODO: values should be set per product theme\nexport const brandWeb: BrandVariants = {\n shade60: '#092C47',\n shade50: '#043862',\n shade40: '#004578',\n shade30: '#004C87',\n shade20: '#005A9E',\n shade10: '#106EBE',\n primary: '#0078D4',\n tint10: '#2899F5',\n tint20: '#3AA0F3',\n tint30: '#6CB8F6',\n tint40: '#C7E0F4',\n tint50: '#DEECF9',\n tint60: '#EFF6FC',\n};\n\n// TODO: these colors are not approved yet\nexport const brandTeams: BrandVariants = {\n shade60: '#323348',\n shade50: '#393b5d', // TBD\n shade40: '#3D3E66',\n shade30: '#464775',\n shade20: '#494B83',\n shade10: '#52558f', // TBD\n primary: '#6264A7',\n tint10: '#8f95f8', // TBD\n tint20: '#9EA2FF',\n tint30: '#B2B5FF',\n tint40: '#C7C9FF',\n tint50: '#DBDCF0',\n tint60: '#E9EAF6',\n};\n\nexport const brandColors: ProductBrandColors = {\n teams: brandTeams,\n web: brandWeb,\n};\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,15 @@
1
+ import type { GlobalSharedColors, Greys, AlphaColors } from '../types';
2
+ export declare const grey: Record<Greys, string>;
3
+ export declare const white = "#ffffff";
4
+ export declare const black = "#000000";
5
+ export declare const whiteAlpha: Record<AlphaColors, string>;
6
+ export declare const blackAlpha: Record<AlphaColors, string>;
7
+ export declare const hcHyperlink = "#ffff00";
8
+ export declare const hcHighlight = "#1aebff";
9
+ export declare const hcDisabled = "#3ff23f";
10
+ export declare const hcCanvas = "#000000";
11
+ export declare const hcCanvasText = "#ffffff";
12
+ export declare const hcHighlightText = "#000000";
13
+ export declare const hcButtonText = "#000000";
14
+ export declare const hcButtonFace = "#ffffff";
15
+ export declare const sharedColors: GlobalSharedColors;