@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,129 @@
1
+ define(["require", "exports"], function (require, exports) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.generateSharedColorTokens = exports.neutralColorTokens = void 0;
5
+ exports.neutralColorTokens = {
6
+ neutralForeground1: 'var(--global-color-white)',
7
+ neutralForeground2: 'var(--global-palette-grey-84)',
8
+ neutralForeground2Hover: 'var(--global-color-white)',
9
+ neutralForeground2Pressed: 'var(--global-color-white)',
10
+ neutralForeground2Selected: 'var(--global-color-white)',
11
+ neutralForeground2BrandHover: 'var(--global-palette-brand-tint20)',
12
+ neutralForeground2BrandPressed: 'var(--global-palette-brand-tint10)',
13
+ neutralForeground2BrandSelected: 'var(--global-palette-brand-tint20)',
14
+ neutralForeground3: 'var(--global-palette-grey-68)',
15
+ neutralForeground3Hover: 'var(--global-palette-grey-84)',
16
+ neutralForeground3Pressed: 'var(--global-palette-grey-84)',
17
+ neutralForeground3Selected: 'var(--global-palette-grey-84)',
18
+ neutralForeground3BrandHover: 'var(--global-palette-brand-tint20)',
19
+ neutralForeground3BrandPressed: 'var(--global-palette-brand-tint10)',
20
+ neutralForeground3BrandSelected: 'var(--global-palette-brand-tint20)',
21
+ neutralForeground4: 'var(--global-palette-grey-60)',
22
+ neutralForegroundDisabled: 'var(--global-palette-grey-36)',
23
+ brandForegroundLink: 'var(--global-palette-brand-tint10)',
24
+ brandForegroundLinkHover: 'var(--global-palette-brand-tint30)',
25
+ brandForegroundLinkPressed: 'var(--global-palette-brand-tint20)',
26
+ brandForegroundLinkSelected: 'var(--global-palette-brand-tint10)',
27
+ compoundBrandForeground1: 'var(--global-palette-brand-tint10)',
28
+ compoundBrandForeground1Hover: 'var(--global-palette-brand-tint20)',
29
+ compoundBrandForeground1Pressed: 'var(--global-palette-brand-primary)',
30
+ brandForeground1: 'var(--global-palette-brand-tint20)',
31
+ brandForeground2: 'var(--global-palette-brand-tint30)',
32
+ neutralForegroundInverted: 'var(--global-palette-grey-14)',
33
+ neutralForegroundOnBrand: 'var(--global-color-white)',
34
+ neutralForegroundInvertedLink: 'var(--global-color-white)',
35
+ neutralForegroundInvertedLinkHover: 'var(--global-color-white)',
36
+ neutralForegroundInvertedLinkPressed: 'var(--global-color-white)',
37
+ neutralForegroundInvertedLinkSelected: 'var(--global-color-white)',
38
+ neutralBackground1: 'var(--global-palette-grey-16)',
39
+ neutralBackground1Hover: 'var(--global-palette-grey-24)',
40
+ neutralBackground1Pressed: 'var(--global-palette-grey-12)',
41
+ neutralBackground1Selected: 'var(--global-palette-grey-22)',
42
+ neutralBackground2: 'var(--global-palette-grey-12)',
43
+ neutralBackground2Hover: 'var(--global-palette-grey-20)',
44
+ neutralBackground2Pressed: 'var(--global-palette-grey-8)',
45
+ neutralBackground2Selected: 'var(--global-palette-grey-18)',
46
+ neutralBackground3: 'var(--global-palette-grey-8)',
47
+ neutralBackground3Hover: 'var(--global-palette-grey-16)',
48
+ neutralBackground3Pressed: 'var(--global-palette-grey-4)',
49
+ neutralBackground3Selected: 'var(--global-palette-grey-14)',
50
+ neutralBackground4: 'var(--global-palette-grey-4)',
51
+ neutralBackground4Hover: 'var(--global-palette-grey-12)',
52
+ neutralBackground4Pressed: 'var(--global-color-black)',
53
+ neutralBackground4Selected: 'var(--global-palette-grey-10)',
54
+ neutralBackground5: 'var(--global-color-black)',
55
+ neutralBackground5Hover: 'var(--global-palette-grey-8)',
56
+ neutralBackground5Pressed: 'var(--global-palette-grey-2)',
57
+ neutralBackground5Selected: 'var(--global-palette-grey-6)',
58
+ neutralBackground6: 'var(--global-palette-grey-20)',
59
+ neutralBackgroundInverted: 'var(--global-color-white)',
60
+ subtleBackground: 'transparent',
61
+ subtleBackgroundHover: 'var(--global-palette-grey-22)',
62
+ subtleBackgroundPressed: 'var(--global-palette-grey-18)',
63
+ subtleBackgroundSelected: 'var(--global-palette-grey-20)',
64
+ transparentBackground: 'transparent',
65
+ transparentBackgroundHover: 'transparent',
66
+ transparentBackgroundPressed: 'transparent',
67
+ transparentBackgroundSelected: 'transparent',
68
+ neutralBackgroundDisabled: 'var(--global-palette-grey-8)',
69
+ neutralStencil1: 'var(--global-palette-grey-20)',
70
+ neutralStencil2: 'var(--global-palette-grey-34)',
71
+ brandBackground: 'var(--global-palette-brand-shade10)',
72
+ brandBackgroundHover: 'var(--global-palette-brand-primary)',
73
+ brandBackgroundPressed: 'var(--global-palette-brand-shade40)',
74
+ brandBackgroundSelected: 'var(--global-palette-brand-shade20)',
75
+ compoundBrandBackground: 'var(--global-palette-brand-tint10)',
76
+ compoundBrandBackgroundHover: 'var(--global-palette-brand-tint20)',
77
+ compoundBrandBackgroundPressed: 'var(--global-palette-brand-primary)',
78
+ brandBackgroundStatic: 'var(--global-palette-brand-primary)',
79
+ brandBackground2: 'var(--global-palette-brand-shade40)',
80
+ neutralStrokeAccessible: 'var(--global-palette-grey-68)',
81
+ neutralStrokeAccessibleHover: 'var(--global-palette-grey-74)',
82
+ neutralStrokeAccessiblePressed: 'var(--global-palette-grey-70)',
83
+ neutralStrokeAccessibleSelected: 'var(--global-palette-brand-tint20)',
84
+ neutralStroke1: 'var(--global-palette-grey-40)',
85
+ neutralStroke1Hover: 'var(--global-palette-grey-46)',
86
+ neutralStroke1Pressed: 'var(--global-palette-grey-42)',
87
+ neutralStroke1Selected: 'var(--global-palette-grey-44)',
88
+ neutralStroke2: 'var(--global-palette-grey-32)',
89
+ neutralStroke3: 'var(--global-palette-grey-24)',
90
+ brandStroke1: 'var(--global-palette-brand-tint10)',
91
+ brandStroke2: 'var(--global-palette-brand-shade30)',
92
+ compoundBrandStroke: 'var(--global-palette-brand-tint10)',
93
+ compoundBrandStrokeHover: 'var(--global-palette-brand-tint20)',
94
+ compoundBrandStrokePressed: 'var(--global-palette-brand-primary)',
95
+ neutralStrokeDisabled: 'var(--global-palette-grey-26)',
96
+ transparentStroke: 'transparent',
97
+ transparentStrokeInteractive: 'transparent',
98
+ transparentStrokeDisabled: 'transparent',
99
+ strokeFocus1: 'var(--global-color-black)',
100
+ strokeFocus2: 'var(--global-color-white)',
101
+ neutralShadowAmbient: 'rgba(0,0,0,0.24)',
102
+ neutralShadowKey: 'rgba(0,0,0,0.28)',
103
+ neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
104
+ neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
105
+ neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
106
+ neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
107
+ brandShadowAmbient: 'rgba(0,0,0,0.30)',
108
+ brandShadowKey: 'rgba(0,0,0,0.25)',
109
+ };
110
+ var generateSharedColorTokens = function (globalSharedTokens) {
111
+ return Object.keys(globalSharedTokens)
112
+ .filter(function (sharedColor) { return sharedColor !== 'brand' && sharedColor !== 'grey'; })
113
+ .reduce(function (acc, sharedColor) {
114
+ acc[sharedColor] = {
115
+ background1: "var(--global-palette-" + sharedColor + "-shade40)",
116
+ background2: "var(--global-palette-" + sharedColor + "-shade30)",
117
+ background3: "var(--global-palette-" + sharedColor + "-primary)",
118
+ foreground1: "var(--global-palette-" + sharedColor + "-tint30)",
119
+ foreground2: "var(--global-palette-" + sharedColor + "-tint40)",
120
+ foreground3: "var(--global-palette-" + sharedColor + "-tint20)",
121
+ borderActive: "var(--global-palette-" + sharedColor + "-tint30)",
122
+ border2: "var(--global-palette-" + sharedColor + "-tint20)",
123
+ };
124
+ return acc;
125
+ }, {});
126
+ };
127
+ exports.generateSharedColorTokens = generateSharedColorTokens;
128
+ });
129
+ //# sourceMappingURL=dark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dark.js","sourceRoot":"../src/","sources":["alias/dark.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-palette-grey-14)', // #242424 Global.Color.Grey.14\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-12)', // #1f1f1f Global.Color.Grey.12\n neutralBackground2Hover: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n neutralBackground2Pressed: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralBackground2Selected: 'var(--global-palette-grey-18)', // #2e2e2e Global.Color.Grey.18\n neutralBackground3: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralBackground3Hover: 'var(--global-palette-grey-16)', // #292929 Global.Color.Grey.16\n neutralBackground3Pressed: 'var(--global-palette-grey-4)', // #0a0a0a Global.Color.Grey.4\n neutralBackground3Selected: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralBackground4: 'var(--global-palette-grey-4)', // #0a0a0a Global.Color.Grey.4\n neutralBackground4Hover: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n neutralBackground4Pressed: 'var(--global-color-black)', // #000000 Global.Color.Black\n neutralBackground4Selected: 'var(--global-palette-grey-10)', // #1a1a1a Global.Color.Grey.10\n neutralBackground5: 'var(--global-color-black)', // #000000 Global.Color.Black\n neutralBackground5Hover: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralBackground5Pressed: 'var(--global-palette-grey-2)', // #050505 Global.Color.Grey.2\n neutralBackground5Selected: 'var(--global-palette-grey-6)', // #0f0f0f Global.Color.Grey.6\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"]}
@@ -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,129 @@
1
+ define(["require", "exports"], function (require, exports) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.generateSharedColorTokens = exports.neutralColorTokens = void 0;
5
+ exports.neutralColorTokens = {
6
+ neutralForeground1: 'var(--global-color-hcCanvasText)',
7
+ neutralForeground2: 'var(--global-color-hcCanvasText)',
8
+ neutralForeground2Hover: 'var(--global-color-hcHighlightText)',
9
+ neutralForeground2Pressed: 'var(--global-color-hcHighlightText)',
10
+ neutralForeground2Selected: 'var(--global-color-hcHighlightText)',
11
+ neutralForeground2BrandHover: 'var(--global-color-hcHighlightText)',
12
+ neutralForeground2BrandPressed: 'var(--global-color-hcHighlightText)',
13
+ neutralForeground2BrandSelected: 'var(--global-color-hcHighlightText)',
14
+ neutralForeground3: 'var(--global-color-hcCanvasText)',
15
+ neutralForeground3Hover: 'var(--global-color-hcHighlightText)',
16
+ neutralForeground3Pressed: 'var(--global-color-hcHighlightText)',
17
+ neutralForeground3Selected: 'var(--global-color-hcHighlightText)',
18
+ neutralForeground3BrandHover: 'var(--global-color-hcHighlightText)',
19
+ neutralForeground3BrandPressed: 'var(--global-color-hcHighlightText)',
20
+ neutralForeground3BrandSelected: 'var(--global-color-hcHighlightText)',
21
+ neutralForeground4: 'var(--global-color-hcCanvasText)',
22
+ neutralForegroundDisabled: 'var(--global-color-hcDisabled)',
23
+ brandForegroundLink: 'var(--global-color-hcHyperlink)',
24
+ brandForegroundLinkHover: 'var(--global-color-hcHyperlink)',
25
+ brandForegroundLinkPressed: 'var(--global-color-hcHyperlink)',
26
+ brandForegroundLinkSelected: 'var(--global-color-hcHyperlink)',
27
+ compoundBrandForeground1: 'var(--global-color-hcHighlight)',
28
+ compoundBrandForeground1Hover: 'var(--global-color-hcHighlight)',
29
+ compoundBrandForeground1Pressed: 'var(--global-color-hcHighlight)',
30
+ brandForeground1: 'var(--global-color-hcCanvasText)',
31
+ brandForeground2: 'var(--global-color-hcButtonText)',
32
+ neutralForegroundInverted: 'var(--global-color-hcCanvas)',
33
+ neutralForegroundOnBrand: 'var(--global-color-hcButtonText)',
34
+ neutralForegroundInvertedLink: 'var(--global-color-hcHyperlink)',
35
+ neutralForegroundInvertedLinkHover: 'var(--global-color-hcHyperlink)',
36
+ neutralForegroundInvertedLinkPressed: 'var(--global-color-hcHyperlink)',
37
+ neutralForegroundInvertedLinkSelected: 'var(--global-color-hcHyperlink)',
38
+ neutralBackground1: 'var(--global-color-hcCanvas)',
39
+ neutralBackground1Hover: 'var(--global-color-hcHighlight)',
40
+ neutralBackground1Pressed: 'var(--global-color-hcHighlight)',
41
+ neutralBackground1Selected: 'var(--global-color-hcHighlight)',
42
+ neutralBackground2: 'var(--global-color-hcCanvas)',
43
+ neutralBackground2Hover: 'var(--global-color-hcHighlight)',
44
+ neutralBackground2Pressed: 'var(--global-color-hcHighlight)',
45
+ neutralBackground2Selected: 'var(--global-color-hcHighlight)',
46
+ neutralBackground3: 'var(--global-color-hcCanvas)',
47
+ neutralBackground3Hover: 'var(--global-color-hcHighlight)',
48
+ neutralBackground3Pressed: 'var(--global-color-hcHighlight)',
49
+ neutralBackground3Selected: 'var(--global-color-hcHighlight)',
50
+ neutralBackground4: 'var(--global-color-hcCanvas)',
51
+ neutralBackground4Hover: 'var(--global-color-hcHighlight)',
52
+ neutralBackground4Pressed: 'var(--global-color-hcHighlight)',
53
+ neutralBackground4Selected: 'var(--global-color-hcHighlight)',
54
+ neutralBackground5: 'var(--global-color-hcCanvas)',
55
+ neutralBackground5Hover: 'var(--global-color-hcHighlight)',
56
+ neutralBackground5Pressed: 'var(--global-color-hcHighlight)',
57
+ neutralBackground5Selected: 'var(--global-color-hcHighlight)',
58
+ neutralBackground6: 'var(--global-color-hcCanvas)',
59
+ neutralBackgroundInverted: 'var(--global-color-hcCanvasText)',
60
+ subtleBackground: 'transparent',
61
+ subtleBackgroundHover: 'var(--global-color-hcHighlight)',
62
+ subtleBackgroundPressed: 'var(--global-color-hcHighlight)',
63
+ subtleBackgroundSelected: 'var(--global-color-hcHighlight)',
64
+ transparentBackground: 'transparent',
65
+ transparentBackgroundHover: 'var(--global-color-hcHighlight)',
66
+ transparentBackgroundPressed: 'var(--global-color-hcHighlight)',
67
+ transparentBackgroundSelected: 'var(--global-color-hcHighlight)',
68
+ neutralBackgroundDisabled: 'var(--global-color-hcCanvas)',
69
+ neutralStencil1: 'var(--global-palette-grey-8)',
70
+ neutralStencil2: 'var(--global-palette-grey-52)',
71
+ brandBackground: 'var(--global-color-hcButtonFace)',
72
+ brandBackgroundHover: 'var(--global-color-hcHighlight)',
73
+ brandBackgroundPressed: 'var(--global-color-hcHighlight)',
74
+ brandBackgroundSelected: 'var(--global-color-hcHighlight)',
75
+ compoundBrandBackground: 'var(--global-color-hcHighlight)',
76
+ compoundBrandBackgroundHover: 'var(--global-color-hcHighlight)',
77
+ compoundBrandBackgroundPressed: 'var(--global-color-hcHighlight)',
78
+ brandBackgroundStatic: 'var(--global-color-hcCanvas)',
79
+ brandBackground2: 'var(--global-color-hcButtonFace)',
80
+ neutralStrokeAccessible: 'var(--global-color-hcCanvasText)',
81
+ neutralStrokeAccessibleHover: 'var(--global-color-hcHighlight)',
82
+ neutralStrokeAccessiblePressed: 'var(--global-color-hcHighlight)',
83
+ neutralStrokeAccessibleSelected: 'var(--global-color-hcHighlight)',
84
+ neutralStroke1: 'var(--global-color-hcCanvasText)',
85
+ neutralStroke1Hover: 'var(--global-color-hcHighlight)',
86
+ neutralStroke1Pressed: 'var(--global-color-hcHighlight)',
87
+ neutralStroke1Selected: 'var(--global-color-hcHighlight)',
88
+ neutralStroke2: 'var(--global-color-hcCanvasText)',
89
+ neutralStroke3: 'var(--global-color-hcCanvasText)',
90
+ brandStroke1: 'var(--global-color-hcCanvasText)',
91
+ brandStroke2: 'var(--global-color-hcCanvas)',
92
+ compoundBrandStroke: 'var(--global-color-hcHighlight)',
93
+ compoundBrandStrokeHover: 'var(--global-color-hcHighlight)',
94
+ compoundBrandStrokePressed: 'var(--global-color-hcHighlight)',
95
+ neutralStrokeDisabled: 'var(--global-color-hcDisabled)',
96
+ transparentStroke: 'var(--global-color-hcCanvasText)',
97
+ transparentStrokeInteractive: 'var(--global-color-hcHighlight)',
98
+ transparentStrokeDisabled: 'var(--global-color-hcDisabled)',
99
+ strokeFocus1: 'var(--global-color-hcCanvas)',
100
+ strokeFocus2: 'var(--global-color-hcHighlight)',
101
+ neutralShadowAmbient: 'rgba(0,0,0,0.24)',
102
+ neutralShadowKey: 'rgba(0,0,0,0.28)',
103
+ neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
104
+ neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
105
+ neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
106
+ neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
107
+ brandShadowAmbient: 'rgba(0,0,0,0.30)',
108
+ brandShadowKey: 'rgba(0,0,0,0.25)',
109
+ };
110
+ var generateSharedColorTokens = function (globalSharedTokens) {
111
+ return Object.keys(globalSharedTokens)
112
+ .filter(function (sharedColor) { return sharedColor !== 'brand' && sharedColor !== 'grey'; })
113
+ .reduce(function (acc, sharedColor) {
114
+ acc[sharedColor] = {
115
+ background1: "var(--global-color-white)",
116
+ background2: "var(--global-color-black)",
117
+ background3: "var(--global-color-white)",
118
+ foreground1: "var(--global-color-black)",
119
+ foreground2: "var(--global-color-white)",
120
+ foreground3: "var(--global-color-white)",
121
+ borderActive: "var(--global-color-hcHighlight)",
122
+ border2: "var(--global-color-white)",
123
+ };
124
+ return acc;
125
+ }, {});
126
+ };
127
+ exports.generateSharedColorTokens = generateSharedColorTokens;
128
+ });
129
+ //# sourceMappingURL=highContrast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"highContrast.js","sourceRoot":"../src/","sources":["alias/highContrast.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-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"]}
@@ -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,129 @@
1
+ define(["require", "exports"], function (require, exports) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.generateSharedColorTokens = exports.neutralColorTokens = void 0;
5
+ exports.neutralColorTokens = {
6
+ neutralForeground1: 'var(--global-palette-grey-14)',
7
+ neutralForeground2: 'var(--global-palette-grey-26)',
8
+ neutralForeground2Hover: 'var(--global-palette-grey-14)',
9
+ neutralForeground2Pressed: 'var(--global-palette-grey-14)',
10
+ neutralForeground2Selected: 'var(--global-palette-grey-14)',
11
+ neutralForeground2BrandHover: 'var(--global-palette-brand-primary)',
12
+ neutralForeground2BrandPressed: 'var(--global-palette-brand-shade10)',
13
+ neutralForeground2BrandSelected: 'var(--global-palette-brand-primary)',
14
+ neutralForeground3: 'var(--global-palette-grey-38)',
15
+ neutralForeground3Hover: 'var(--global-palette-grey-26)',
16
+ neutralForeground3Pressed: 'var(--global-palette-grey-26)',
17
+ neutralForeground3Selected: 'var(--global-palette-grey-26)',
18
+ neutralForeground3BrandHover: 'var(--global-palette-brand-primary)',
19
+ neutralForeground3BrandPressed: 'var(--global-palette-brand-shade10)',
20
+ neutralForeground3BrandSelected: 'var(--global-palette-brand-primary)',
21
+ neutralForeground4: 'var(--global-palette-grey-44)',
22
+ neutralForegroundDisabled: 'var(--global-palette-grey-74)',
23
+ brandForegroundLink: 'var(--global-palette-brand-shade10)',
24
+ brandForegroundLinkHover: 'var(--global-palette-brand-shade20)',
25
+ brandForegroundLinkPressed: 'var(--global-palette-brand-shade40)',
26
+ brandForegroundLinkSelected: 'var(--global-palette-brand-shade10)',
27
+ compoundBrandForeground1: 'var(--global-palette-brand-primary)',
28
+ compoundBrandForeground1Hover: 'var(--global-palette-brand-shade10)',
29
+ compoundBrandForeground1Pressed: 'var(--global-palette-brand-shade20)',
30
+ brandForeground1: 'var(--global-palette-brand-primary)',
31
+ brandForeground2: 'var(--global-palette-brand-shade10)',
32
+ neutralForegroundInverted: 'var(--global-color-white)',
33
+ neutralForegroundOnBrand: 'var(--global-color-white)',
34
+ neutralForegroundInvertedLink: 'var(--global-color-white)',
35
+ neutralForegroundInvertedLinkHover: 'var(--global-color-white)',
36
+ neutralForegroundInvertedLinkPressed: 'var(--global-color-white)',
37
+ neutralForegroundInvertedLinkSelected: 'var(--global-color-white)',
38
+ neutralBackground1: 'var(--global-color-white)',
39
+ neutralBackground1Hover: 'var(--global-palette-grey-96)',
40
+ neutralBackground1Pressed: 'var(--global-palette-grey-88)',
41
+ neutralBackground1Selected: 'var(--global-palette-grey-92)',
42
+ neutralBackground2: 'var(--global-palette-grey-98)',
43
+ neutralBackground2Hover: 'var(--global-palette-grey-94)',
44
+ neutralBackground2Pressed: 'var(--global-palette-grey-86)',
45
+ neutralBackground2Selected: 'var(--global-palette-grey-90)',
46
+ neutralBackground3: 'var(--global-palette-grey-96)',
47
+ neutralBackground3Hover: 'var(--global-palette-grey-92)',
48
+ neutralBackground3Pressed: 'var(--global-palette-grey-84)',
49
+ neutralBackground3Selected: 'var(--global-palette-grey-88)',
50
+ neutralBackground4: 'var(--global-palette-grey-94)',
51
+ neutralBackground4Hover: 'var(--global-palette-grey-98)',
52
+ neutralBackground4Pressed: 'var(--global-palette-grey-96)',
53
+ neutralBackground4Selected: 'var(--global-color-white)',
54
+ neutralBackground5: 'var(--global-palette-grey-92)',
55
+ neutralBackground5Hover: 'var(--global-palette-grey-96)',
56
+ neutralBackground5Pressed: 'var(--global-palette-grey-94)',
57
+ neutralBackground5Selected: 'var(--global-palette-grey-98)',
58
+ neutralBackground6: 'var(--global-palette-grey-90)',
59
+ neutralBackgroundInverted: 'var(--global-palette-grey-38)',
60
+ subtleBackground: 'transparent',
61
+ subtleBackgroundHover: 'var(--global-palette-grey-96)',
62
+ subtleBackgroundPressed: 'var(--global-palette-grey-88)',
63
+ subtleBackgroundSelected: 'var(--global-palette-grey-92)',
64
+ transparentBackground: 'transparent',
65
+ transparentBackgroundHover: 'transparent',
66
+ transparentBackgroundPressed: 'transparent',
67
+ transparentBackgroundSelected: 'transparent',
68
+ neutralBackgroundDisabled: 'var(--global-palette-grey-94)',
69
+ neutralStencil1: 'var(--global-palette-grey-90)',
70
+ neutralStencil2: 'var(--global-palette-grey-98)',
71
+ brandBackground: 'var(--global-palette-brand-primary)',
72
+ brandBackgroundHover: 'var(--global-palette-brand-shade10)',
73
+ brandBackgroundPressed: 'var(--global-palette-brand-shade40)',
74
+ brandBackgroundSelected: 'var(--global-palette-brand-shade20)',
75
+ compoundBrandBackground: 'var(--global-palette-brand-primary)',
76
+ compoundBrandBackgroundHover: 'var(--global-palette-brand-shade10)',
77
+ compoundBrandBackgroundPressed: 'var(--global-palette-brand-shade20)',
78
+ brandBackgroundStatic: 'var(--global-palette-brand-primary)',
79
+ brandBackground2: 'var(--global-palette-brand-tint60)',
80
+ neutralStrokeAccessible: 'var(--global-palette-grey-38)',
81
+ neutralStrokeAccessibleHover: 'var(--global-palette-grey-34)',
82
+ neutralStrokeAccessiblePressed: 'var(--global-palette-grey-30)',
83
+ neutralStrokeAccessibleSelected: 'var(--global-palette-brand-primary)',
84
+ neutralStroke1: 'var(--global-palette-grey-82)',
85
+ neutralStroke1Hover: 'var(--global-palette-grey-78)',
86
+ neutralStroke1Pressed: 'var(--global-palette-grey-70)',
87
+ neutralStroke1Selected: 'var(--global-palette-grey-74)',
88
+ neutralStroke2: 'var(--global-palette-grey-88)',
89
+ neutralStroke3: 'var(--global-palette-grey-94)',
90
+ brandStroke1: 'var(--global-palette-brand-primary)',
91
+ brandStroke2: 'var(--global-palette-brand-tint40)',
92
+ compoundBrandStroke: 'var(--global-palette-brand-primary)',
93
+ compoundBrandStrokeHover: 'var(--global-palette-brand-shade10)',
94
+ compoundBrandStrokePressed: 'var(--global-palette-brand-shade20)',
95
+ neutralStrokeDisabled: 'var(--global-palette-grey-88)',
96
+ transparentStroke: 'transparent',
97
+ transparentStrokeInteractive: 'transparent',
98
+ transparentStrokeDisabled: 'transparent',
99
+ strokeFocus1: 'var(--global-color-white)',
100
+ strokeFocus2: 'var(--global-color-black)',
101
+ neutralShadowAmbient: 'rgba(0,0,0,0.12)',
102
+ neutralShadowKey: 'rgba(0,0,0,0.14)',
103
+ neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
104
+ neutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
105
+ neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
106
+ neutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
107
+ brandShadowAmbient: 'rgba(0,0,0,0.30)',
108
+ brandShadowKey: 'rgba(0,0,0,0.25)',
109
+ };
110
+ var generateSharedColorTokens = function (globalSharedTokens) {
111
+ return Object.keys(globalSharedTokens)
112
+ .filter(function (sharedColor) { return sharedColor !== 'brand' && sharedColor !== 'grey'; })
113
+ .reduce(function (acc, sharedColor) {
114
+ acc[sharedColor] = {
115
+ background1: "var(--global-palette-" + sharedColor + "-tint60)",
116
+ background2: "var(--global-palette-" + sharedColor + "-tint40)",
117
+ background3: "var(--global-palette-" + sharedColor + "-primary)",
118
+ foreground1: "var(--global-palette-" + sharedColor + "-shade10)",
119
+ foreground2: "var(--global-palette-" + sharedColor + "-shade30)",
120
+ foreground3: "var(--global-palette-" + sharedColor + "-primary)",
121
+ borderActive: "var(--global-palette-" + sharedColor + "-primary)",
122
+ border2: "var(--global-palette-" + sharedColor + "-primary)",
123
+ };
124
+ return acc;
125
+ }, {});
126
+ };
127
+ exports.generateSharedColorTokens = generateSharedColorTokens;
128
+ });
129
+ //# sourceMappingURL=light.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"light.js","sourceRoot":"../src/","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"]}
@@ -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>;