@fluentui/react-theme 9.0.0-alpha.9 → 9.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (309) hide show
  1. package/CHANGELOG.json +486 -1
  2. package/CHANGELOG.md +197 -2
  3. package/dist/react-theme.d.ts +367 -0
  4. package/lib/alias/dark.d.ts +3 -0
  5. package/lib/alias/dark.js +155 -0
  6. package/lib/alias/dark.js.map +1 -0
  7. package/lib/alias/highContrast.d.ts +3 -0
  8. package/lib/alias/highContrast.js +155 -0
  9. package/lib/alias/highContrast.js.map +1 -0
  10. package/lib/alias/light.d.ts +3 -0
  11. package/lib/alias/light.js +155 -0
  12. package/lib/alias/light.js.map +1 -0
  13. package/lib/alias/teamsDark.d.ts +3 -0
  14. package/lib/alias/teamsDark.js +155 -0
  15. package/lib/alias/teamsDark.js.map +1 -0
  16. package/lib/global/borderRadius.d.ts +2 -2
  17. package/lib/global/borderRadius.js +7 -7
  18. package/lib/global/borderRadius.js.map +1 -1
  19. package/lib/global/brandColors.d.ts +3 -0
  20. package/lib/global/brandColors.js +33 -0
  21. package/lib/global/brandColors.js.map +1 -0
  22. package/lib/global/colors.d.ts +14 -60
  23. package/lib/global/colors.js +823 -835
  24. package/lib/global/colors.js.map +1 -1
  25. package/lib/global/fonts.d.ts +5 -6
  26. package/lib/global/fonts.js +32 -48
  27. package/lib/global/fonts.js.map +1 -1
  28. package/lib/global/index.d.ts +0 -1
  29. package/lib/global/index.js +0 -1
  30. package/lib/global/index.js.map +1 -1
  31. package/lib/global/strokeWidths.d.ts +2 -2
  32. package/lib/global/strokeWidths.js +5 -5
  33. package/lib/global/strokeWidths.js.map +1 -1
  34. package/lib/index.d.ts +2 -4
  35. package/lib/index.js +1 -3
  36. package/lib/index.js.map +1 -1
  37. package/lib/themes/index.js.map +1 -1
  38. package/lib/themes/teams/darkTheme.d.ts +1 -1
  39. package/lib/themes/teams/darkTheme.js +3 -30
  40. package/lib/themes/teams/darkTheme.js.map +1 -1
  41. package/lib/themes/teams/highContrastTheme.d.ts +1 -1
  42. package/lib/themes/teams/highContrastTheme.js +2 -13
  43. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  44. package/lib/themes/teams/index.js.map +1 -1
  45. package/lib/themes/teams/lightTheme.d.ts +1 -1
  46. package/lib/themes/teams/lightTheme.js +3 -13
  47. package/lib/themes/teams/lightTheme.js.map +1 -1
  48. package/lib/themes/web/darkTheme.d.ts +1 -1
  49. package/lib/themes/web/darkTheme.js +3 -13
  50. package/lib/themes/web/darkTheme.js.map +1 -1
  51. package/lib/themes/web/highContrastTheme.d.ts +1 -1
  52. package/lib/themes/web/highContrastTheme.js +2 -13
  53. package/lib/themes/web/highContrastTheme.js.map +1 -1
  54. package/lib/themes/web/index.js.map +1 -1
  55. package/lib/themes/web/lightTheme.d.ts +1 -1
  56. package/lib/themes/web/lightTheme.js +3 -13
  57. package/lib/themes/web/lightTheme.js.map +1 -1
  58. package/lib/tsdoc-metadata.json +11 -0
  59. package/lib/types.d.ts +241 -164
  60. package/lib/types.js +1 -0
  61. package/lib/types.js.map +1 -1
  62. package/lib/utils/createDarkTheme.d.ts +2 -0
  63. package/lib/utils/createDarkTheme.js +18 -0
  64. package/lib/utils/createDarkTheme.js.map +1 -0
  65. package/lib/utils/createHighContrastTheme.d.ts +2 -0
  66. package/lib/utils/createHighContrastTheme.js +18 -0
  67. package/lib/utils/createHighContrastTheme.js.map +1 -0
  68. package/lib/utils/createLightTheme.d.ts +2 -0
  69. package/lib/utils/createLightTheme.js +18 -0
  70. package/lib/utils/createLightTheme.js.map +1 -0
  71. package/lib/utils/createTeamsDarkTheme.d.ts +2 -0
  72. package/lib/utils/createTeamsDarkTheme.js +18 -0
  73. package/lib/utils/createTeamsDarkTheme.js.map +1 -0
  74. package/lib/utils/index.d.ts +6 -0
  75. package/lib/utils/index.js +7 -0
  76. package/lib/utils/index.js.map +1 -0
  77. package/lib/utils/mergeThemes.d.ts +2 -8
  78. package/lib/utils/mergeThemes.js +12 -49
  79. package/lib/utils/mergeThemes.js.map +1 -1
  80. package/lib/utils/shadows.d.ts +3 -2
  81. package/lib/utils/shadows.js +9 -9
  82. package/lib/utils/shadows.js.map +1 -1
  83. package/lib/utils/themeToCSSVariables.d.ts +2 -2
  84. package/lib/utils/themeToCSSVariables.js +9 -19
  85. package/lib/utils/themeToCSSVariables.js.map +1 -1
  86. package/lib-commonjs/alias/dark.d.ts +3 -0
  87. package/lib-commonjs/alias/dark.js +165 -0
  88. package/lib-commonjs/alias/dark.js.map +1 -0
  89. package/lib-commonjs/alias/highContrast.d.ts +3 -0
  90. package/lib-commonjs/alias/highContrast.js +165 -0
  91. package/lib-commonjs/alias/highContrast.js.map +1 -0
  92. package/lib-commonjs/alias/light.d.ts +3 -0
  93. package/lib-commonjs/alias/light.js +165 -0
  94. package/lib-commonjs/alias/light.js.map +1 -0
  95. package/lib-commonjs/alias/teamsDark.d.ts +3 -0
  96. package/lib-commonjs/alias/teamsDark.js +165 -0
  97. package/lib-commonjs/alias/teamsDark.js.map +1 -0
  98. package/lib-commonjs/global/borderRadius.d.ts +2 -2
  99. package/lib-commonjs/global/borderRadius.js +11 -7
  100. package/lib-commonjs/global/borderRadius.js.map +1 -1
  101. package/lib-commonjs/global/brandColors.d.ts +3 -0
  102. package/lib-commonjs/global/brandColors.js +39 -0
  103. package/lib-commonjs/global/brandColors.js.map +1 -0
  104. package/lib-commonjs/global/colors.d.ts +14 -60
  105. package/lib-commonjs/global/colors.js +825 -833
  106. package/lib-commonjs/global/colors.js.map +1 -1
  107. package/lib-commonjs/global/fonts.d.ts +5 -6
  108. package/lib-commonjs/global/fonts.js +33 -45
  109. package/lib-commonjs/global/fonts.js.map +1 -1
  110. package/lib-commonjs/global/index.d.ts +0 -1
  111. package/lib-commonjs/global/index.js +10 -3
  112. package/lib-commonjs/global/index.js.map +1 -1
  113. package/lib-commonjs/global/strokeWidths.d.ts +2 -2
  114. package/lib-commonjs/global/strokeWidths.js +9 -5
  115. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  116. package/lib-commonjs/index.d.ts +2 -4
  117. package/lib-commonjs/index.js +9 -6
  118. package/lib-commonjs/index.js.map +1 -1
  119. package/lib-commonjs/themes/index.js +8 -2
  120. package/lib-commonjs/themes/index.js.map +1 -1
  121. package/lib-commonjs/themes/teams/darkTheme.d.ts +1 -1
  122. package/lib-commonjs/themes/teams/darkTheme.js +10 -30
  123. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  124. package/lib-commonjs/themes/teams/highContrastTheme.d.ts +1 -1
  125. package/lib-commonjs/themes/teams/highContrastTheme.js +9 -14
  126. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  127. package/lib-commonjs/themes/teams/index.js +9 -2
  128. package/lib-commonjs/themes/teams/index.js.map +1 -1
  129. package/lib-commonjs/themes/teams/lightTheme.d.ts +1 -1
  130. package/lib-commonjs/themes/teams/lightTheme.js +11 -14
  131. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  132. package/lib-commonjs/themes/web/darkTheme.d.ts +1 -1
  133. package/lib-commonjs/themes/web/darkTheme.js +11 -14
  134. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  135. package/lib-commonjs/themes/web/highContrastTheme.d.ts +1 -1
  136. package/lib-commonjs/themes/web/highContrastTheme.js +9 -14
  137. package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
  138. package/lib-commonjs/themes/web/index.js +9 -2
  139. package/lib-commonjs/themes/web/index.js.map +1 -1
  140. package/lib-commonjs/themes/web/lightTheme.d.ts +1 -1
  141. package/lib-commonjs/themes/web/lightTheme.js +11 -14
  142. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  143. package/lib-commonjs/types.d.ts +241 -164
  144. package/lib-commonjs/types.js +4 -1
  145. package/lib-commonjs/types.js.map +1 -1
  146. package/lib-commonjs/utils/createDarkTheme.d.ts +2 -0
  147. package/lib-commonjs/utils/createDarkTheme.js +30 -0
  148. package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
  149. package/lib-commonjs/utils/createHighContrastTheme.d.ts +2 -0
  150. package/lib-commonjs/utils/createHighContrastTheme.js +30 -0
  151. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
  152. package/lib-commonjs/utils/createLightTheme.d.ts +2 -0
  153. package/lib-commonjs/utils/createLightTheme.js +30 -0
  154. package/lib-commonjs/utils/createLightTheme.js.map +1 -0
  155. package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +2 -0
  156. package/lib-commonjs/utils/createTeamsDarkTheme.js +30 -0
  157. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
  158. package/lib-commonjs/utils/index.d.ts +6 -0
  159. package/lib-commonjs/utils/index.js +28 -0
  160. package/lib-commonjs/utils/index.js.map +1 -0
  161. package/lib-commonjs/utils/mergeThemes.d.ts +2 -8
  162. package/lib-commonjs/utils/mergeThemes.js +19 -51
  163. package/lib-commonjs/utils/mergeThemes.js.map +1 -1
  164. package/lib-commonjs/utils/shadows.d.ts +3 -2
  165. package/lib-commonjs/utils/shadows.js +17 -11
  166. package/lib-commonjs/utils/shadows.js.map +1 -1
  167. package/lib-commonjs/utils/themeToCSSVariables.d.ts +2 -2
  168. package/lib-commonjs/utils/themeToCSSVariables.js +16 -20
  169. package/lib-commonjs/utils/themeToCSSVariables.js.map +1 -1
  170. package/package.json +11 -8
  171. package/just.config.ts +0 -3
  172. package/lib/global/utils.d.ts +0 -23
  173. package/lib/global/utils.js +0 -27
  174. package/lib/global/utils.js.map +0 -1
  175. package/lib/themes/teams/globalTheme.d.ts +0 -22
  176. package/lib/themes/teams/globalTheme.js +0 -3
  177. package/lib/themes/teams/globalTheme.js.map +0 -1
  178. package/lib/themes/web/globalTheme.d.ts +0 -22
  179. package/lib/themes/web/globalTheme.js +0 -3
  180. package/lib/themes/web/globalTheme.js.map +0 -1
  181. package/lib/utils/dark/colors.d.ts +0 -8
  182. package/lib/utils/dark/colors.js +0 -83
  183. package/lib/utils/dark/colors.js.map +0 -1
  184. package/lib/utils/dark/index.d.ts +0 -1
  185. package/lib/utils/dark/index.js +0 -2
  186. package/lib/utils/dark/index.js.map +0 -1
  187. package/lib/utils/highContrast/colors.d.ts +0 -6
  188. package/lib/utils/highContrast/colors.js +0 -83
  189. package/lib/utils/highContrast/colors.js.map +0 -1
  190. package/lib/utils/highContrast/index.d.ts +0 -1
  191. package/lib/utils/highContrast/index.js +0 -2
  192. package/lib/utils/highContrast/index.js.map +0 -1
  193. package/lib/utils/light/colors.d.ts +0 -8
  194. package/lib/utils/light/colors.js +0 -83
  195. package/lib/utils/light/colors.js.map +0 -1
  196. package/lib/utils/light/index.d.ts +0 -1
  197. package/lib/utils/light/index.js +0 -2
  198. package/lib/utils/light/index.js.map +0 -1
  199. package/lib-amd/global/borderRadius.d.ts +0 -2
  200. package/lib-amd/global/borderRadius.js +0 -13
  201. package/lib-amd/global/borderRadius.js.map +0 -1
  202. package/lib-amd/global/colors.d.ts +0 -61
  203. package/lib-amd/global/colors.js +0 -841
  204. package/lib-amd/global/colors.js.map +0 -1
  205. package/lib-amd/global/fonts.d.ts +0 -6
  206. package/lib-amd/global/fonts.js +0 -57
  207. package/lib-amd/global/fonts.js.map +0 -1
  208. package/lib-amd/global/index.d.ts +0 -5
  209. package/lib-amd/global/index.js +0 -10
  210. package/lib-amd/global/index.js.map +0 -1
  211. package/lib-amd/global/strokeWidths.d.ts +0 -2
  212. package/lib-amd/global/strokeWidths.js +0 -11
  213. package/lib-amd/global/strokeWidths.js.map +0 -1
  214. package/lib-amd/global/utils.d.ts +0 -23
  215. package/lib-amd/global/utils.js +0 -26
  216. package/lib-amd/global/utils.js.map +0 -1
  217. package/lib-amd/index.d.ts +0 -5
  218. package/lib-amd/index.js +0 -9
  219. package/lib-amd/index.js.map +0 -1
  220. package/lib-amd/themes/index.d.ts +0 -2
  221. package/lib-amd/themes/index.js +0 -7
  222. package/lib-amd/themes/index.js.map +0 -1
  223. package/lib-amd/themes/teams/darkTheme.d.ts +0 -2
  224. package/lib-amd/themes/teams/darkTheme.js +0 -30
  225. package/lib-amd/themes/teams/darkTheme.js.map +0 -1
  226. package/lib-amd/themes/teams/globalTheme.d.ts +0 -22
  227. package/lib-amd/themes/teams/globalTheme.js +0 -6
  228. package/lib-amd/themes/teams/globalTheme.js.map +0 -1
  229. package/lib-amd/themes/teams/highContrastTheme.d.ts +0 -2
  230. package/lib-amd/themes/teams/highContrastTheme.js +0 -13
  231. package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
  232. package/lib-amd/themes/teams/index.d.ts +0 -3
  233. package/lib-amd/themes/teams/index.js +0 -8
  234. package/lib-amd/themes/teams/index.js.map +0 -1
  235. package/lib-amd/themes/teams/lightTheme.d.ts +0 -2
  236. package/lib-amd/themes/teams/lightTheme.js +0 -13
  237. package/lib-amd/themes/teams/lightTheme.js.map +0 -1
  238. package/lib-amd/themes/web/darkTheme.d.ts +0 -2
  239. package/lib-amd/themes/web/darkTheme.js +0 -13
  240. package/lib-amd/themes/web/darkTheme.js.map +0 -1
  241. package/lib-amd/themes/web/globalTheme.d.ts +0 -22
  242. package/lib-amd/themes/web/globalTheme.js +0 -6
  243. package/lib-amd/themes/web/globalTheme.js.map +0 -1
  244. package/lib-amd/themes/web/highContrastTheme.d.ts +0 -2
  245. package/lib-amd/themes/web/highContrastTheme.js +0 -13
  246. package/lib-amd/themes/web/highContrastTheme.js.map +0 -1
  247. package/lib-amd/themes/web/index.d.ts +0 -3
  248. package/lib-amd/themes/web/index.js +0 -8
  249. package/lib-amd/themes/web/index.js.map +0 -1
  250. package/lib-amd/themes/web/lightTheme.d.ts +0 -2
  251. package/lib-amd/themes/web/lightTheme.js +0 -13
  252. package/lib-amd/themes/web/lightTheme.js.map +0 -1
  253. package/lib-amd/types.d.ts +0 -290
  254. package/lib-amd/types.js +0 -5
  255. package/lib-amd/types.js.map +0 -1
  256. package/lib-amd/utils/dark/colors.d.ts +0 -8
  257. package/lib-amd/utils/dark/colors.js +0 -87
  258. package/lib-amd/utils/dark/colors.js.map +0 -1
  259. package/lib-amd/utils/dark/index.d.ts +0 -1
  260. package/lib-amd/utils/dark/index.js +0 -6
  261. package/lib-amd/utils/dark/index.js.map +0 -1
  262. package/lib-amd/utils/highContrast/colors.d.ts +0 -6
  263. package/lib-amd/utils/highContrast/colors.js +0 -87
  264. package/lib-amd/utils/highContrast/colors.js.map +0 -1
  265. package/lib-amd/utils/highContrast/index.d.ts +0 -1
  266. package/lib-amd/utils/highContrast/index.js +0 -6
  267. package/lib-amd/utils/highContrast/index.js.map +0 -1
  268. package/lib-amd/utils/light/colors.d.ts +0 -8
  269. package/lib-amd/utils/light/colors.js +0 -87
  270. package/lib-amd/utils/light/colors.js.map +0 -1
  271. package/lib-amd/utils/light/index.d.ts +0 -1
  272. package/lib-amd/utils/light/index.js +0 -6
  273. package/lib-amd/utils/light/index.js.map +0 -1
  274. package/lib-amd/utils/mergeThemes.d.ts +0 -8
  275. package/lib-amd/utils/mergeThemes.js +0 -58
  276. package/lib-amd/utils/mergeThemes.js.map +0 -1
  277. package/lib-amd/utils/shadows.d.ts +0 -2
  278. package/lib-amd/utils/shadows.js +0 -16
  279. package/lib-amd/utils/shadows.js.map +0 -1
  280. package/lib-amd/utils/themeToCSSVariables.d.ts +0 -2
  281. package/lib-amd/utils/themeToCSSVariables.js +0 -27
  282. package/lib-amd/utils/themeToCSSVariables.js.map +0 -1
  283. package/lib-commonjs/global/utils.d.ts +0 -23
  284. package/lib-commonjs/global/utils.js +0 -29
  285. package/lib-commonjs/global/utils.js.map +0 -1
  286. package/lib-commonjs/themes/teams/globalTheme.d.ts +0 -22
  287. package/lib-commonjs/themes/teams/globalTheme.js +0 -5
  288. package/lib-commonjs/themes/teams/globalTheme.js.map +0 -1
  289. package/lib-commonjs/themes/web/globalTheme.d.ts +0 -22
  290. package/lib-commonjs/themes/web/globalTheme.js +0 -5
  291. package/lib-commonjs/themes/web/globalTheme.js.map +0 -1
  292. package/lib-commonjs/utils/dark/colors.d.ts +0 -8
  293. package/lib-commonjs/utils/dark/colors.js +0 -87
  294. package/lib-commonjs/utils/dark/colors.js.map +0 -1
  295. package/lib-commonjs/utils/dark/index.d.ts +0 -1
  296. package/lib-commonjs/utils/dark/index.js +0 -5
  297. package/lib-commonjs/utils/dark/index.js.map +0 -1
  298. package/lib-commonjs/utils/highContrast/colors.d.ts +0 -6
  299. package/lib-commonjs/utils/highContrast/colors.js +0 -87
  300. package/lib-commonjs/utils/highContrast/colors.js.map +0 -1
  301. package/lib-commonjs/utils/highContrast/index.d.ts +0 -1
  302. package/lib-commonjs/utils/highContrast/index.js +0 -5
  303. package/lib-commonjs/utils/highContrast/index.js.map +0 -1
  304. package/lib-commonjs/utils/light/colors.d.ts +0 -8
  305. package/lib-commonjs/utils/light/colors.js +0 -87
  306. package/lib-commonjs/utils/light/colors.js.map +0 -1
  307. package/lib-commonjs/utils/light/index.d.ts +0 -1
  308. package/lib-commonjs/utils/light/index.js +0 -5
  309. package/lib-commonjs/utils/light/index.js.map +0 -1
@@ -1,290 +0,0 @@
1
- /**
2
- * Recursive partial type.
3
- */
4
- declare type RecursivePartial<T> = {
5
- [P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
6
- };
7
- /**
8
- * Design tokens for neutral colors
9
- */
10
- export declare type NeutralColorTokens = {
11
- neutralForeground1: string;
12
- neutralForeground2: string;
13
- neutralForeground2Hover: string;
14
- neutralForeground2Pressed: string;
15
- neutralForeground2Selected: string;
16
- brandForeground2Hover: string;
17
- brandForeground2Pressed: string;
18
- brandForeground2Selected: string;
19
- neutralForeground3: string;
20
- neutralForeground3Hover: string;
21
- neutralForeground3Pressed: string;
22
- neutralForeground3Selected: string;
23
- brandForeground3Hover: string;
24
- brandForeground3Pressed: string;
25
- brandForeground3Selected: string;
26
- neutralForeground4: string;
27
- neutralForegroundDisabled: string;
28
- brandForeground: string;
29
- brandForegroundHover: string;
30
- brandForegroundPressed: string;
31
- brandForegroundSelected: string;
32
- neutralForegroundInverted: string;
33
- neutralForegroundInvertedAccessible: string;
34
- neutralBackground1: string;
35
- neutralBackground1Hover: string;
36
- neutralBackground1Pressed: string;
37
- neutralBackground1Selected: string;
38
- neutralBackground2: string;
39
- neutralBackground2Hover: string;
40
- neutralBackground2Pressed: string;
41
- neutralBackground2Selected: string;
42
- neutralBackground3: string;
43
- neutralBackground3Hover: string;
44
- neutralBackground3Pressed: string;
45
- neutralBackground3Selected: string;
46
- neutralBackground4: string;
47
- neutralBackground4Hover: string;
48
- neutralBackground4Pressed: string;
49
- neutralBackground4Selected: string;
50
- neutralBackground5: string;
51
- neutralBackground5Hover: string;
52
- neutralBackground5Pressed: string;
53
- neutralBackground5Selected: string;
54
- neutralBackground6: string;
55
- neutralBackgroundDisabled: string;
56
- neutralStrokeAccessible: string;
57
- neutralStrokeAccessibleHover: string;
58
- neutralStrokeAccessiblePressed: string;
59
- neutralStrokeAccessibleSelected: string;
60
- neutralStroke1: string;
61
- neutralStroke1Hover: string;
62
- neutralStroke1Pressed: string;
63
- neutralStroke1Selected: string;
64
- neutralStroke2: string;
65
- neutralStroke3: string;
66
- neutralStrokeDisabled: string;
67
- strokeAccessible: string;
68
- strokeAccessibleInteractive: string;
69
- strokeAccessibleDisabled: string;
70
- neutralShadowAmbient: string;
71
- neutralShadowKey: string;
72
- neutralShadowAmbientLighter: string;
73
- neutralShadowKeyLighter: string;
74
- neutralShadowAmbientDarker: string;
75
- neutralShadowKeyDarker: string;
76
- };
77
- /**
78
- * Design tokens available for shared colors
79
- */
80
- export declare type SharedColorTokens = {
81
- background1: string;
82
- background2: string;
83
- background3: string;
84
- foreground1: string;
85
- foreground2: string;
86
- foreground3: string;
87
- borderActive: string;
88
- border2: string;
89
- };
90
- /**
91
- * Possible color variant values
92
- */
93
- export declare type ColorVariants = {
94
- shade50: string;
95
- shade40: string;
96
- shade30: string;
97
- shade20: string;
98
- shade10: string;
99
- primary: string;
100
- tint10: string;
101
- tint20: string;
102
- tint30: string;
103
- tint40: string;
104
- tint50: string;
105
- tint60: string;
106
- };
107
- export declare type BrandVariants = ColorVariants & {
108
- shade60: string;
109
- };
110
- /**
111
- * All the global shared colors and their shade/tint variants
112
- */
113
- export declare type GlobalSharedColors = {
114
- darkRed: ColorVariants;
115
- burgundy: ColorVariants;
116
- cranberry: ColorVariants;
117
- red: ColorVariants;
118
- darkOrange: ColorVariants;
119
- bronze: ColorVariants;
120
- pumpkin: ColorVariants;
121
- orange: ColorVariants;
122
- peach: ColorVariants;
123
- marigold: ColorVariants;
124
- yellow: ColorVariants;
125
- gold: ColorVariants;
126
- brass: ColorVariants;
127
- brown: ColorVariants;
128
- darkBrown: ColorVariants;
129
- lime: ColorVariants;
130
- forest: ColorVariants;
131
- seafoam: ColorVariants;
132
- lightGreen: ColorVariants;
133
- green: ColorVariants;
134
- darkGreen: ColorVariants;
135
- lightTeal: ColorVariants;
136
- teal: ColorVariants;
137
- darkTeal: ColorVariants;
138
- cyan: ColorVariants;
139
- steel: ColorVariants;
140
- lightBlue: ColorVariants;
141
- blue: ColorVariants;
142
- royalBlue: ColorVariants;
143
- darkBlue: ColorVariants;
144
- cornflower: ColorVariants;
145
- navy: ColorVariants;
146
- lavender: ColorVariants;
147
- purple: ColorVariants;
148
- darkPurple: ColorVariants;
149
- orchid: ColorVariants;
150
- grape: ColorVariants;
151
- berry: ColorVariants;
152
- lilac: ColorVariants;
153
- pink: ColorVariants;
154
- hotPink: ColorVariants;
155
- magenta: ColorVariants;
156
- plum: ColorVariants;
157
- beige: ColorVariants;
158
- mink: ColorVariants;
159
- silver: ColorVariants;
160
- platinum: ColorVariants;
161
- anchor: ColorVariants;
162
- charcoal: ColorVariants;
163
- };
164
- /**
165
- * Brand color variants by product
166
- */
167
- export declare type ProductBrandColors = {
168
- teams: BrandVariants;
169
- web: BrandVariants;
170
- };
171
- export declare type FontSizes = {
172
- base: {
173
- 100: string;
174
- 200: string;
175
- 300: string;
176
- 400: string;
177
- 500: string;
178
- 600: string;
179
- };
180
- hero: {
181
- 700: string;
182
- 800: string;
183
- 900: string;
184
- 1000: string;
185
- };
186
- };
187
- export declare type LineHeights = FontSizes;
188
- export declare type FontWeights = {
189
- regular: number;
190
- medium: number;
191
- semibold: number;
192
- };
193
- export declare type FontFamilies = {
194
- base: string;
195
- monospace: string;
196
- numeric: string;
197
- };
198
- export declare type TextAlignment = 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'start' | 'justify' | 'left' | 'match-parent' | 'right';
199
- export declare type TextAlignments = {
200
- start: TextAlignment;
201
- center: TextAlignment;
202
- end: TextAlignment;
203
- justify: TextAlignment;
204
- };
205
- export declare type BorderRadius = {
206
- none: string;
207
- small: string;
208
- medium: string;
209
- large: string;
210
- xLarge: string;
211
- circular: string;
212
- };
213
- export declare type StrokeWidths = {
214
- thin: string;
215
- thick: string;
216
- thicker: string;
217
- thickest: string;
218
- };
219
- /**
220
- * Design tokens for shadow levels
221
- */
222
- export declare type ShadowLevelTokens = {
223
- shadow2: string;
224
- shadow4: string;
225
- shadow8: string;
226
- shadow16: string;
227
- shadow28: string;
228
- shadow64: string;
229
- };
230
- export declare type GhostColorTokens = {
231
- ghostBackground: string;
232
- ghostBackgroundHover: string;
233
- ghostBackgroundPressed: string;
234
- ghostBackgroundSelected: string;
235
- };
236
- export declare type TransparentColorTokens = {
237
- transparentBackground: string;
238
- transparentBackgroundHover: string;
239
- transparentBackgroundPressed: string;
240
- transparentBackgroundSelected: string;
241
- };
242
- export declare type BackgroundColorTokens = {
243
- background: string;
244
- backgroundHover: string;
245
- backgroundPressed: string;
246
- backgroundSelected: string;
247
- };
248
- export declare type BrandColorTokens = {
249
- brandBackground: string;
250
- brandBackgroundHover: string;
251
- brandBackgroundPressed: string;
252
- brandBackgroundSelected: string;
253
- brandBackgroundStatic: string;
254
- };
255
- export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100;
256
- export declare type Theme = {
257
- global: {
258
- color: {
259
- black: string;
260
- white: string;
261
- hyperlink: string;
262
- disabled: string;
263
- selected: string;
264
- };
265
- palette: GlobalSharedColors & {
266
- brand: BrandVariants;
267
- grey: Record<Greys, string>;
268
- };
269
- type: {
270
- fontSizes: FontSizes;
271
- fontWeights: FontWeights;
272
- fontFamilies: FontFamilies;
273
- lineHeights: LineHeights;
274
- alignment: TextAlignments;
275
- };
276
- borderRadius: BorderRadius;
277
- strokeWidth: StrokeWidths;
278
- };
279
- alias: {
280
- color: Record<keyof GlobalSharedColors, SharedColorTokens> & {
281
- neutral: NeutralColorTokens;
282
- subtle: BackgroundColorTokens;
283
- transparent: BackgroundColorTokens;
284
- brand: BrandColorTokens;
285
- };
286
- shadow: ShadowLevelTokens;
287
- };
288
- };
289
- export declare type PartialTheme = RecursivePartial<Theme>;
290
- export {};
package/lib-amd/types.js DELETED
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Recursive partial type.\n */\ntype RecursivePartial<T> = {\n [P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;\n};\n\n/**\n * Design tokens for neutral colors\n */\nexport type NeutralColorTokens = {\n // https://www.figma.com/file/KB9oUjMKen2cKnyPG7RgdS/Design-tokens-superset?node-id=1963%3A17486\n neutralForeground1: string;\n neutralForeground2: string;\n neutralForeground2Hover: string;\n neutralForeground2Pressed: string;\n neutralForeground2Selected: string;\n brandForeground2Hover: string;\n brandForeground2Pressed: string;\n brandForeground2Selected: string;\n neutralForeground3: string;\n neutralForeground3Hover: string;\n neutralForeground3Pressed: string;\n neutralForeground3Selected: string;\n brandForeground3Hover: string;\n brandForeground3Pressed: string;\n brandForeground3Selected: string;\n neutralForeground4: string;\n neutralForegroundDisabled: string;\n brandForeground: string;\n brandForegroundHover: string;\n brandForegroundPressed: string;\n brandForegroundSelected: string;\n neutralForegroundInverted: string;\n neutralForegroundInvertedAccessible: string;\n neutralBackground1: string;\n neutralBackground1Hover: string;\n neutralBackground1Pressed: string;\n neutralBackground1Selected: string;\n neutralBackground2: string;\n neutralBackground2Hover: string;\n neutralBackground2Pressed: string;\n neutralBackground2Selected: string;\n neutralBackground3: string;\n neutralBackground3Hover: string;\n neutralBackground3Pressed: string;\n neutralBackground3Selected: string;\n neutralBackground4: string;\n neutralBackground4Hover: string;\n neutralBackground4Pressed: string;\n neutralBackground4Selected: string;\n neutralBackground5: string;\n neutralBackground5Hover: string;\n neutralBackground5Pressed: string;\n neutralBackground5Selected: string;\n neutralBackground6: string;\n neutralBackgroundDisabled: string;\n neutralStrokeAccessible: string;\n neutralStrokeAccessibleHover: string;\n neutralStrokeAccessiblePressed: string;\n neutralStrokeAccessibleSelected: string;\n neutralStroke1: string;\n neutralStroke1Hover: string;\n neutralStroke1Pressed: string;\n neutralStroke1Selected: string;\n neutralStroke2: string;\n neutralStroke3: string;\n neutralStrokeDisabled: string;\n strokeAccessible: string;\n strokeAccessibleInteractive: string;\n strokeAccessibleDisabled: string;\n neutralShadowAmbient: string;\n neutralShadowKey: string;\n neutralShadowAmbientLighter: string;\n neutralShadowKeyLighter: string;\n neutralShadowAmbientDarker: string;\n neutralShadowKeyDarker: string;\n};\n\n/**\n * Design tokens available for shared colors\n */\nexport type SharedColorTokens = {\n background1: string;\n background2: string;\n background3: string;\n foreground1: string;\n foreground2: string;\n foreground3: string;\n borderActive: string;\n border2: string;\n};\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type BrandVariants = ColorVariants & { shade60: string };\n\n/**\n * All the global shared colors and their shade/tint variants\n */\nexport type GlobalSharedColors = {\n darkRed: ColorVariants;\n burgundy: ColorVariants;\n cranberry: ColorVariants;\n red: ColorVariants;\n darkOrange: ColorVariants;\n bronze: ColorVariants;\n pumpkin: ColorVariants;\n orange: ColorVariants;\n peach: ColorVariants;\n marigold: ColorVariants;\n yellow: ColorVariants;\n gold: ColorVariants;\n brass: ColorVariants;\n brown: ColorVariants;\n darkBrown: ColorVariants;\n lime: ColorVariants;\n forest: ColorVariants;\n seafoam: ColorVariants;\n lightGreen: ColorVariants;\n green: ColorVariants;\n darkGreen: ColorVariants;\n lightTeal: ColorVariants;\n teal: ColorVariants;\n darkTeal: ColorVariants;\n cyan: ColorVariants;\n steel: ColorVariants;\n lightBlue: ColorVariants;\n blue: ColorVariants;\n royalBlue: ColorVariants;\n darkBlue: ColorVariants;\n cornflower: ColorVariants;\n navy: ColorVariants;\n lavender: ColorVariants;\n purple: ColorVariants;\n darkPurple: ColorVariants;\n orchid: ColorVariants;\n grape: ColorVariants;\n berry: ColorVariants;\n lilac: ColorVariants;\n pink: ColorVariants;\n hotPink: ColorVariants;\n magenta: ColorVariants;\n plum: ColorVariants;\n beige: ColorVariants;\n mink: ColorVariants;\n silver: ColorVariants;\n platinum: ColorVariants;\n anchor: ColorVariants;\n charcoal: ColorVariants;\n};\n\n/**\n * Brand color variants by product\n */\nexport type ProductBrandColors = {\n teams: BrandVariants;\n web: BrandVariants;\n};\n\nexport type FontSizes = {\n base: {\n 100: string;\n 200: string;\n 300: string;\n 400: string;\n 500: string;\n 600: string;\n };\n hero: {\n 700: string;\n 800: string;\n 900: string;\n 1000: string;\n };\n};\n\nexport type LineHeights = FontSizes;\n\nexport type FontWeights = {\n regular: number;\n medium: number;\n semibold: number;\n};\n\nexport type FontFamilies = {\n base: string;\n monospace: string;\n numeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type BorderRadius = {\n none: string;\n small: string;\n medium: string;\n large: string;\n xLarge: string;\n circular: string;\n};\n\nexport type StrokeWidths = {\n thin: string;\n thick: string;\n thicker: string;\n thickest: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowLevelTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type GhostColorTokens = {\n ghostBackground: string;\n ghostBackgroundHover: string;\n ghostBackgroundPressed: string;\n ghostBackgroundSelected: string;\n};\n\nexport type TransparentColorTokens = {\n transparentBackground: string;\n transparentBackgroundHover: string;\n transparentBackgroundPressed: string;\n transparentBackgroundSelected: string;\n};\n\nexport type BackgroundColorTokens = {\n background: string;\n backgroundHover: string;\n backgroundPressed: string;\n backgroundSelected: string;\n};\n\nexport type BrandColorTokens = {\n brandBackground: string;\n brandBackgroundHover: string;\n brandBackgroundPressed: string;\n brandBackgroundSelected: string;\n brandBackgroundStatic: string;\n // FIXME: the rest is unclear in the spec\n};\n\nexport type Greys =\n | 0\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98\n | 100;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = {\n global: {\n // TODO: this means \"static\", will not change with light/dark/contrast switch. better named static?\n // TODO: Shift: we should move global away from theme, this is not themable\n // ThemeProvider should not inject these css variables?\n color: {\n black: string;\n white: string;\n hyperlink: string;\n disabled: string;\n selected: string;\n };\n palette: GlobalSharedColors & {\n brand: BrandVariants; // Only the Theme brand, not all\n grey: Record<Greys, string>;\n };\n type: {\n fontSizes: FontSizes;\n fontWeights: FontWeights;\n fontFamilies: FontFamilies;\n lineHeights: LineHeights;\n alignment: TextAlignments;\n };\n borderRadius: BorderRadius;\n strokeWidth: StrokeWidths;\n };\n alias: {\n color: Record<keyof GlobalSharedColors, SharedColorTokens> & {\n neutral: NeutralColorTokens;\n subtle: BackgroundColorTokens;\n transparent: BackgroundColorTokens;\n brand: BrandColorTokens;\n };\n shadow: ShadowLevelTokens;\n };\n};\n\n// TODO: fix shape\nexport type PartialTheme = RecursivePartial<Theme>;\n"]}
@@ -1,8 +0,0 @@
1
- import { NeutralColorTokens, ColorVariants, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
2
- export declare const subtleColorTokens: BackgroundColorTokens;
3
- export declare const transparentColorTokens: BackgroundColorTokens;
4
- export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;
5
- export declare function createNeutralColorTokens(brand: ColorVariants, customValues?: {
6
- [P in keyof NeutralColorTokens]?: string;
7
- }): NeutralColorTokens;
8
- export declare const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens>;
@@ -1,87 +0,0 @@
1
- define(["require", "exports", "tslib", "../../global/index"], function (require, exports, tslib_1, index_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.subtleColorTokens = {
5
- background: 'red',
6
- backgroundHover: 'red',
7
- backgroundPressed: 'red',
8
- backgroundSelected: 'red',
9
- };
10
- exports.transparentColorTokens = {
11
- background: 'rgba(255, 0, 0, 0.2)',
12
- backgroundHover: 'rgba(255, 0, 0, 0.2)',
13
- backgroundPressed: 'rgba(255, 0, 0, 0.2)',
14
- backgroundSelected: 'rgba(255, 0, 0, 0.2)',
15
- };
16
- function createBrandColorTokens(brand) {
17
- return {
18
- brandBackground: brand.shade10,
19
- brandBackgroundHover: brand.primary,
20
- brandBackgroundPressed: brand.shade40,
21
- brandBackgroundSelected: brand.shade20,
22
- brandBackgroundStatic: brand.primary,
23
- };
24
- }
25
- exports.createBrandColorTokens = createBrandColorTokens;
26
- function createNeutralColorTokens(brand, customValues) {
27
- if (customValues === void 0) { customValues = {}; }
28
- return tslib_1.__assign({ neutralForeground1: index_1.white, neutralForeground2: index_1.grey[84], neutralForeground2Hover: index_1.white, neutralForeground2Pressed: index_1.white, neutralForeground2Selected: index_1.white, brandForeground2Hover: brand.tint20, brandForeground2Pressed: brand.tint10, brandForeground2Selected: brand.tint10, neutralForeground3: index_1.grey[68], neutralForeground3Hover: index_1.grey[84], neutralForeground3Pressed: index_1.grey[84], neutralForeground3Selected: index_1.grey[84], brandForeground3Hover: brand.tint20, brandForeground3Pressed: brand.tint10, brandForeground3Selected: brand.tint20, neutralForeground4: index_1.grey[52], neutralForegroundDisabled: index_1.grey[36], brandForeground: brand.tint10, brandForegroundHover: brand.tint30, brandForegroundPressed: brand.tint20, brandForegroundSelected: brand.tint10, neutralForegroundInverted: index_1.white, neutralForegroundInvertedAccessible: index_1.white, neutralBackground1: index_1.grey[16], neutralBackground1Hover: index_1.grey[22], neutralBackground1Pressed: index_1.grey[18], neutralBackground1Selected: index_1.grey[20], neutralBackground2: index_1.grey[12], neutralBackground2Hover: index_1.grey[18], neutralBackground2Pressed: index_1.grey[14], neutralBackground2Selected: index_1.grey[16], neutralBackground3: index_1.grey[8], neutralBackground3Hover: index_1.grey[14], neutralBackground3Pressed: index_1.grey[10], neutralBackground3Selected: index_1.grey[12], neutralBackground4: index_1.grey[4], neutralBackground4Hover: index_1.grey[10], neutralBackground4Pressed: index_1.grey[6], neutralBackground4Selected: index_1.grey[8], neutralBackground5: index_1.black, neutralBackground5Hover: index_1.grey[14], neutralBackground5Pressed: index_1.grey[10], neutralBackground5Selected: index_1.grey[12], neutralBackground6: index_1.grey[20], neutralBackgroundDisabled: index_1.grey[8], neutralStrokeAccessible: index_1.grey[68], neutralStrokeAccessibleHover: index_1.grey[74], neutralStrokeAccessiblePressed: index_1.grey[70], neutralStrokeAccessibleSelected: brand.tint20, neutralStroke1: index_1.grey[40], neutralStroke1Hover: index_1.grey[46], neutralStroke1Pressed: index_1.grey[42], neutralStroke1Selected: index_1.grey[44], neutralStroke2: index_1.grey[32], neutralStroke3: index_1.grey[24], neutralStrokeDisabled: index_1.grey[26], strokeAccessible: 'transparent', strokeAccessibleInteractive: 'transparent', strokeAccessibleDisabled: 'transparent', neutralShadowAmbient: 'rgba(0,0,0,0.24)', neutralShadowKey: 'rgba(0,0,0,0.28)', neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', neutralShadowKeyDarker: 'rgba(0,0,0,0.48)' }, customValues);
29
- }
30
- exports.createNeutralColorTokens = createNeutralColorTokens;
31
- function createSharedColorTokens(color, customValues) {
32
- if (customValues === void 0) { customValues = {}; }
33
- return tslib_1.__assign({ background1: color.shade30, background2: color.shade30, background3: color.primary, foreground1: color.tint40, foreground2: color.tint40, foreground3: color.tint20, borderActive: color.tint30, border2: color.tint20 }, customValues);
34
- }
35
- exports.sharedColorTokens = {
36
- darkRed: createSharedColorTokens(index_1.sharedColors.darkRed),
37
- burgundy: createSharedColorTokens(index_1.sharedColors.burgundy),
38
- cranberry: createSharedColorTokens(index_1.sharedColors.cranberry),
39
- red: createSharedColorTokens(index_1.sharedColors.red),
40
- darkOrange: createSharedColorTokens(index_1.sharedColors.darkOrange),
41
- bronze: createSharedColorTokens(index_1.sharedColors.bronze),
42
- pumpkin: createSharedColorTokens(index_1.sharedColors.pumpkin),
43
- orange: createSharedColorTokens(index_1.sharedColors.orange),
44
- peach: createSharedColorTokens(index_1.sharedColors.peach),
45
- marigold: createSharedColorTokens(index_1.sharedColors.marigold),
46
- yellow: createSharedColorTokens(index_1.sharedColors.yellow),
47
- gold: createSharedColorTokens(index_1.sharedColors.gold),
48
- brass: createSharedColorTokens(index_1.sharedColors.brass),
49
- brown: createSharedColorTokens(index_1.sharedColors.brown),
50
- darkBrown: createSharedColorTokens(index_1.sharedColors.darkBrown),
51
- lime: createSharedColorTokens(index_1.sharedColors.lime),
52
- forest: createSharedColorTokens(index_1.sharedColors.forest),
53
- seafoam: createSharedColorTokens(index_1.sharedColors.seafoam),
54
- lightGreen: createSharedColorTokens(index_1.sharedColors.lightGreen),
55
- green: createSharedColorTokens(index_1.sharedColors.green),
56
- darkGreen: createSharedColorTokens(index_1.sharedColors.darkGreen),
57
- lightTeal: createSharedColorTokens(index_1.sharedColors.lightTeal),
58
- teal: createSharedColorTokens(index_1.sharedColors.teal),
59
- darkTeal: createSharedColorTokens(index_1.sharedColors.darkTeal),
60
- cyan: createSharedColorTokens(index_1.sharedColors.cyan),
61
- steel: createSharedColorTokens(index_1.sharedColors.steel),
62
- lightBlue: createSharedColorTokens(index_1.sharedColors.lightBlue),
63
- blue: createSharedColorTokens(index_1.sharedColors.blue),
64
- royalBlue: createSharedColorTokens(index_1.sharedColors.royalBlue),
65
- darkBlue: createSharedColorTokens(index_1.sharedColors.darkBlue),
66
- cornflower: createSharedColorTokens(index_1.sharedColors.cornflower),
67
- navy: createSharedColorTokens(index_1.sharedColors.navy),
68
- lavender: createSharedColorTokens(index_1.sharedColors.lavender),
69
- purple: createSharedColorTokens(index_1.sharedColors.purple),
70
- darkPurple: createSharedColorTokens(index_1.sharedColors.darkPurple),
71
- orchid: createSharedColorTokens(index_1.sharedColors.orchid),
72
- grape: createSharedColorTokens(index_1.sharedColors.grape),
73
- berry: createSharedColorTokens(index_1.sharedColors.berry),
74
- lilac: createSharedColorTokens(index_1.sharedColors.lilac),
75
- pink: createSharedColorTokens(index_1.sharedColors.pink),
76
- hotPink: createSharedColorTokens(index_1.sharedColors.hotPink),
77
- magenta: createSharedColorTokens(index_1.sharedColors.magenta),
78
- plum: createSharedColorTokens(index_1.sharedColors.plum),
79
- beige: createSharedColorTokens(index_1.sharedColors.beige),
80
- mink: createSharedColorTokens(index_1.sharedColors.mink),
81
- silver: createSharedColorTokens(index_1.sharedColors.silver),
82
- platinum: createSharedColorTokens(index_1.sharedColors.platinum),
83
- anchor: createSharedColorTokens(index_1.sharedColors.anchor),
84
- charcoal: createSharedColorTokens(index_1.sharedColors.charcoal),
85
- };
86
- });
87
- //# sourceMappingURL=colors.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utils/dark/colors.ts"],"names":[],"mappings":";;;IAWa,QAAA,iBAAiB,GAA0B;QACtD,UAAU,EAAE,KAAK;QACjB,eAAe,EAAE,KAAK;QACtB,iBAAiB,EAAE,KAAK;QACxB,kBAAkB,EAAE,KAAK;KAC1B,CAAC;IAEW,QAAA,sBAAsB,GAA0B;QAC3D,UAAU,EAAE,sBAAsB;QAClC,eAAe,EAAE,sBAAsB;QACvC,iBAAiB,EAAE,sBAAsB;QACzC,kBAAkB,EAAE,sBAAsB;KAC3C,CAAC;IAEF,SAAgB,sBAAsB,CAAC,KAAoB;QACzD,OAAO;YACL,eAAe,EAAE,KAAK,CAAC,OAAO;YAC9B,oBAAoB,EAAE,KAAK,CAAC,OAAO;YACnC,sBAAsB,EAAE,KAAK,CAAC,OAAO;YACrC,uBAAuB,EAAE,KAAK,CAAC,OAAO;YACtC,qBAAqB,EAAE,KAAK,CAAC,OAAO;SACrC,CAAC;IACJ,CAAC;IARD,wDAQC;IAED,SAAgB,wBAAwB,CACtC,KAAoB,EACpB,YAA+D;QAA/D,6BAAA,EAAA,iBAA+D;QAE/D,0BACE,kBAAkB,EAAE,aAAK,EAEzB,kBAAkB,EAAE,YAAI,CAAC,EAAE,CAAC,EAC5B,uBAAuB,EAAE,aAAK,EAC9B,yBAAyB,EAAE,aAAK,EAChC,0BAA0B,EAAE,aAAK,EACjC,qBAAqB,EAAE,KAAK,CAAC,MAAM,EACnC,uBAAuB,EAAE,KAAK,CAAC,MAAM,EACrC,wBAAwB,EAAE,KAAK,CAAC,MAAM,EAEtC,kBAAkB,EAAE,YAAI,CAAC,EAAE,CAAC,EAC5B,uBAAuB,EAAE,YAAI,CAAC,EAAE,CAAC,EACjC,yBAAyB,EAAE,YAAI,CAAC,EAAE,CAAC,EACnC,0BAA0B,EAAE,YAAI,CAAC,EAAE,CAAC,EACpC,qBAAqB,EAAE,KAAK,CAAC,MAAM,EACnC,uBAAuB,EAAE,KAAK,CAAC,MAAM,EACrC,wBAAwB,EAAE,KAAK,CAAC,MAAM,EAEtC,kBAAkB,EAAE,YAAI,CAAC,EAAE,CAAC,EAE5B,yBAAyB,EAAE,YAAI,CAAC,EAAE,CAAC,EAEnC,eAAe,EAAE,KAAK,CAAC,MAAM,EAC7B,oBAAoB,EAAE,KAAK,CAAC,MAAM,EAClC,sBAAsB,EAAE,KAAK,CAAC,MAAM,EACpC,uBAAuB,EAAE,KAAK,CAAC,MAAM,EAErC,yBAAyB,EAAE,aAAK,EAEhC,mCAAmC,EAAE,aAAK,EAE1C,kBAAkB,EAAE,YAAI,CAAC,EAAE,CAAC,EAC5B,uBAAuB,EAAE,YAAI,CAAC,EAAE,CAAC,EACjC,yBAAyB,EAAE,YAAI,CAAC,EAAE,CAAC,EACnC,0BAA0B,EAAE,YAAI,CAAC,EAAE,CAAC,EAEpC,kBAAkB,EAAE,YAAI,CAAC,EAAE,CAAC,EAC5B,uBAAuB,EAAE,YAAI,CAAC,EAAE,CAAC,EACjC,yBAAyB,EAAE,YAAI,CAAC,EAAE,CAAC,EACnC,0BAA0B,EAAE,YAAI,CAAC,EAAE,CAAC,EAEpC,kBAAkB,EAAE,YAAI,CAAC,CAAC,CAAC,EAC3B,uBAAuB,EAAE,YAAI,CAAC,EAAE,CAAC,EACjC,yBAAyB,EAAE,YAAI,CAAC,EAAE,CAAC,EACnC,0BAA0B,EAAE,YAAI,CAAC,EAAE,CAAC,EAEpC,kBAAkB,EAAE,YAAI,CAAC,CAAC,CAAC,EAC3B,uBAAuB,EAAE,YAAI,CAAC,EAAE,CAAC,EACjC,yBAAyB,EAAE,YAAI,CAAC,CAAC,CAAC,EAClC,0BAA0B,EAAE,YAAI,CAAC,CAAC,CAAC,EAEnC,kBAAkB,EAAE,aAAK,EACzB,uBAAuB,EAAE,YAAI,CAAC,EAAE,CAAC,EACjC,yBAAyB,EAAE,YAAI,CAAC,EAAE,CAAC,EACnC,0BAA0B,EAAE,YAAI,CAAC,EAAE,CAAC,EAEpC,kBAAkB,EAAE,YAAI,CAAC,EAAE,CAAC,EAE5B,yBAAyB,EAAE,YAAI,CAAC,CAAC,CAAC,EAElC,uBAAuB,EAAE,YAAI,CAAC,EAAE,CAAC,EACjC,4BAA4B,EAAE,YAAI,CAAC,EAAE,CAAC,EACtC,8BAA8B,EAAE,YAAI,CAAC,EAAE,CAAC,EACxC,+BAA+B,EAAE,KAAK,CAAC,MAAM,EAE7C,cAAc,EAAE,YAAI,CAAC,EAAE,CAAC,EACxB,mBAAmB,EAAE,YAAI,CAAC,EAAE,CAAC,EAC7B,qBAAqB,EAAE,YAAI,CAAC,EAAE,CAAC,EAC/B,sBAAsB,EAAE,YAAI,CAAC,EAAE,CAAC,EAEhC,cAAc,EAAE,YAAI,CAAC,EAAE,CAAC,EAExB,cAAc,EAAE,YAAI,CAAC,EAAE,CAAC,EAExB,qBAAqB,EAAE,YAAI,CAAC,EAAE,CAAC,EAE/B,gBAAgB,EAAE,aAAa,EAC/B,2BAA2B,EAAE,aAAa,EAC1C,wBAAwB,EAAE,aAAa,EAEvC,oBAAoB,EAAE,kBAAkB,EACxC,gBAAgB,EAAE,kBAAkB,EACpC,2BAA2B,EAAE,kBAAkB,EAC/C,uBAAuB,EAAE,kBAAkB,EAC3C,0BAA0B,EAAE,kBAAkB,EAC9C,sBAAsB,EAAE,kBAAkB,IACvC,YAAY,EACf;IACJ,CAAC;IA7FD,4DA6FC;IAED,SAAS,uBAAuB,CAAC,KAAoB,EAAE,YAAyC;QAAzC,6BAAA,EAAA,iBAAyC;QAC9F,0BACE,WAAW,EAAE,KAAK,CAAC,OAAO,EAC1B,WAAW,EAAE,KAAK,CAAC,OAAO,EAC1B,WAAW,EAAE,KAAK,CAAC,OAAO,EAC1B,WAAW,EAAE,KAAK,CAAC,MAAM,EACzB,WAAW,EAAE,KAAK,CAAC,MAAM,EACzB,WAAW,EAAE,KAAK,CAAC,MAAM,EACzB,YAAY,EAAE,KAAK,CAAC,MAAM,EAC1B,OAAO,EAAE,KAAK,CAAC,MAAM,IAClB,YAAY,EACf;IACJ,CAAC;IAEY,QAAA,iBAAiB,GAAwD;QACpF,OAAO,EAAE,uBAAuB,CAAC,oBAAY,CAAC,OAAO,CAAC;QACtD,QAAQ,EAAE,uBAAuB,CAAC,oBAAY,CAAC,QAAQ,CAAC;QACxD,SAAS,EAAE,uBAAuB,CAAC,oBAAY,CAAC,SAAS,CAAC;QAC1D,GAAG,EAAE,uBAAuB,CAAC,oBAAY,CAAC,GAAG,CAAC;QAC9C,UAAU,EAAE,uBAAuB,CAAC,oBAAY,CAAC,UAAU,CAAC;QAC5D,MAAM,EAAE,uBAAuB,CAAC,oBAAY,CAAC,MAAM,CAAC;QACpD,OAAO,EAAE,uBAAuB,CAAC,oBAAY,CAAC,OAAO,CAAC;QACtD,MAAM,EAAE,uBAAuB,CAAC,oBAAY,CAAC,MAAM,CAAC;QACpD,KAAK,EAAE,uBAAuB,CAAC,oBAAY,CAAC,KAAK,CAAC;QAClD,QAAQ,EAAE,uBAAuB,CAAC,oBAAY,CAAC,QAAQ,CAAC;QACxD,MAAM,EAAE,uBAAuB,CAAC,oBAAY,CAAC,MAAM,CAAC;QACpD,IAAI,EAAE,uBAAuB,CAAC,oBAAY,CAAC,IAAI,CAAC;QAChD,KAAK,EAAE,uBAAuB,CAAC,oBAAY,CAAC,KAAK,CAAC;QAClD,KAAK,EAAE,uBAAuB,CAAC,oBAAY,CAAC,KAAK,CAAC;QAClD,SAAS,EAAE,uBAAuB,CAAC,oBAAY,CAAC,SAAS,CAAC;QAC1D,IAAI,EAAE,uBAAuB,CAAC,oBAAY,CAAC,IAAI,CAAC;QAChD,MAAM,EAAE,uBAAuB,CAAC,oBAAY,CAAC,MAAM,CAAC;QACpD,OAAO,EAAE,uBAAuB,CAAC,oBAAY,CAAC,OAAO,CAAC;QACtD,UAAU,EAAE,uBAAuB,CAAC,oBAAY,CAAC,UAAU,CAAC;QAC5D,KAAK,EAAE,uBAAuB,CAAC,oBAAY,CAAC,KAAK,CAAC;QAClD,SAAS,EAAE,uBAAuB,CAAC,oBAAY,CAAC,SAAS,CAAC;QAC1D,SAAS,EAAE,uBAAuB,CAAC,oBAAY,CAAC,SAAS,CAAC;QAC1D,IAAI,EAAE,uBAAuB,CAAC,oBAAY,CAAC,IAAI,CAAC;QAChD,QAAQ,EAAE,uBAAuB,CAAC,oBAAY,CAAC,QAAQ,CAAC;QACxD,IAAI,EAAE,uBAAuB,CAAC,oBAAY,CAAC,IAAI,CAAC;QAChD,KAAK,EAAE,uBAAuB,CAAC,oBAAY,CAAC,KAAK,CAAC;QAClD,SAAS,EAAE,uBAAuB,CAAC,oBAAY,CAAC,SAAS,CAAC;QAC1D,IAAI,EAAE,uBAAuB,CAAC,oBAAY,CAAC,IAAI,CAAC;QAChD,SAAS,EAAE,uBAAuB,CAAC,oBAAY,CAAC,SAAS,CAAC;QAC1D,QAAQ,EAAE,uBAAuB,CAAC,oBAAY,CAAC,QAAQ,CAAC;QACxD,UAAU,EAAE,uBAAuB,CAAC,oBAAY,CAAC,UAAU,CAAC;QAC5D,IAAI,EAAE,uBAAuB,CAAC,oBAAY,CAAC,IAAI,CAAC;QAChD,QAAQ,EAAE,uBAAuB,CAAC,oBAAY,CAAC,QAAQ,CAAC;QACxD,MAAM,EAAE,uBAAuB,CAAC,oBAAY,CAAC,MAAM,CAAC;QACpD,UAAU,EAAE,uBAAuB,CAAC,oBAAY,CAAC,UAAU,CAAC;QAC5D,MAAM,EAAE,uBAAuB,CAAC,oBAAY,CAAC,MAAM,CAAC;QACpD,KAAK,EAAE,uBAAuB,CAAC,oBAAY,CAAC,KAAK,CAAC;QAClD,KAAK,EAAE,uBAAuB,CAAC,oBAAY,CAAC,KAAK,CAAC;QAClD,KAAK,EAAE,uBAAuB,CAAC,oBAAY,CAAC,KAAK,CAAC;QAClD,IAAI,EAAE,uBAAuB,CAAC,oBAAY,CAAC,IAAI,CAAC;QAChD,OAAO,EAAE,uBAAuB,CAAC,oBAAY,CAAC,OAAO,CAAC;QACtD,OAAO,EAAE,uBAAuB,CAAC,oBAAY,CAAC,OAAO,CAAC;QACtD,IAAI,EAAE,uBAAuB,CAAC,oBAAY,CAAC,IAAI,CAAC;QAChD,KAAK,EAAE,uBAAuB,CAAC,oBAAY,CAAC,KAAK,CAAC;QAClD,IAAI,EAAE,uBAAuB,CAAC,oBAAY,CAAC,IAAI,CAAC;QAChD,MAAM,EAAE,uBAAuB,CAAC,oBAAY,CAAC,MAAM,CAAC;QACpD,QAAQ,EAAE,uBAAuB,CAAC,oBAAY,CAAC,QAAQ,CAAC;QACxD,MAAM,EAAE,uBAAuB,CAAC,oBAAY,CAAC,MAAM,CAAC;QACpD,QAAQ,EAAE,uBAAuB,CAAC,oBAAY,CAAC,QAAQ,CAAC;KACzD,CAAC","sourcesContent":["import {\n NeutralColorTokens,\n ColorVariants,\n SharedColorTokens,\n GlobalSharedColors,\n BackgroundColorTokens,\n BrandVariants,\n BrandColorTokens,\n} from '../../types';\nimport { grey, white, black, sharedColors } from '../../global/index';\n\nexport const subtleColorTokens: BackgroundColorTokens = {\n background: 'red',\n backgroundHover: 'red',\n backgroundPressed: 'red',\n backgroundSelected: 'red',\n};\n\nexport const transparentColorTokens: BackgroundColorTokens = {\n background: 'rgba(255, 0, 0, 0.2)',\n backgroundHover: 'rgba(255, 0, 0, 0.2)',\n backgroundPressed: 'rgba(255, 0, 0, 0.2)',\n backgroundSelected: 'rgba(255, 0, 0, 0.2)',\n};\n\nexport function createBrandColorTokens(brand: BrandVariants): BrandColorTokens {\n return {\n brandBackground: brand.shade10,\n brandBackgroundHover: brand.primary,\n brandBackgroundPressed: brand.shade40,\n brandBackgroundSelected: brand.shade20,\n brandBackgroundStatic: brand.primary,\n };\n}\n\nexport function createNeutralColorTokens(\n brand: ColorVariants,\n customValues: { [P in keyof NeutralColorTokens]?: string } = {},\n): NeutralColorTokens {\n return {\n neutralForeground1: white,\n\n neutralForeground2: grey[84],\n neutralForeground2Hover: white,\n neutralForeground2Pressed: white,\n neutralForeground2Selected: white,\n brandForeground2Hover: brand.tint20,\n brandForeground2Pressed: brand.tint10,\n brandForeground2Selected: brand.tint10,\n\n neutralForeground3: grey[68],\n neutralForeground3Hover: grey[84],\n neutralForeground3Pressed: grey[84],\n neutralForeground3Selected: grey[84],\n brandForeground3Hover: brand.tint20,\n brandForeground3Pressed: brand.tint10,\n brandForeground3Selected: brand.tint20,\n\n neutralForeground4: grey[52],\n\n neutralForegroundDisabled: grey[36],\n\n brandForeground: brand.tint10,\n brandForegroundHover: brand.tint30,\n brandForegroundPressed: brand.tint20,\n brandForegroundSelected: brand.tint10,\n\n neutralForegroundInverted: white,\n\n neutralForegroundInvertedAccessible: white,\n\n neutralBackground1: grey[16],\n neutralBackground1Hover: grey[22],\n neutralBackground1Pressed: grey[18],\n neutralBackground1Selected: grey[20],\n\n neutralBackground2: grey[12],\n neutralBackground2Hover: grey[18],\n neutralBackground2Pressed: grey[14],\n neutralBackground2Selected: grey[16],\n\n neutralBackground3: grey[8],\n neutralBackground3Hover: grey[14],\n neutralBackground3Pressed: grey[10],\n neutralBackground3Selected: grey[12],\n\n neutralBackground4: grey[4],\n neutralBackground4Hover: grey[10],\n neutralBackground4Pressed: grey[6],\n neutralBackground4Selected: grey[8],\n\n neutralBackground5: black,\n neutralBackground5Hover: grey[14],\n neutralBackground5Pressed: grey[10],\n neutralBackground5Selected: grey[12],\n\n neutralBackground6: grey[20],\n\n neutralBackgroundDisabled: grey[8],\n\n neutralStrokeAccessible: grey[68],\n neutralStrokeAccessibleHover: grey[74],\n neutralStrokeAccessiblePressed: grey[70],\n neutralStrokeAccessibleSelected: brand.tint20,\n\n neutralStroke1: grey[40],\n neutralStroke1Hover: grey[46],\n neutralStroke1Pressed: grey[42],\n neutralStroke1Selected: grey[44],\n\n neutralStroke2: grey[32],\n\n neutralStroke3: grey[24],\n\n neutralStrokeDisabled: grey[26],\n\n strokeAccessible: 'transparent',\n strokeAccessibleInteractive: 'transparent',\n strokeAccessibleDisabled: 'transparent',\n\n neutralShadowAmbient: 'rgba(0,0,0,0.24)',\n neutralShadowKey: 'rgba(0,0,0,0.28)',\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',\n neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',\n neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',\n ...customValues,\n };\n}\n\nfunction createSharedColorTokens(color: ColorVariants, customValues: Record<string, string> = {}): SharedColorTokens {\n return {\n background1: color.shade30,\n background2: color.shade30,\n background3: color.primary,\n foreground1: color.tint40,\n foreground2: color.tint40,\n foreground3: color.tint20,\n borderActive: color.tint30,\n border2: color.tint20,\n ...customValues,\n };\n}\n\nexport const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens> = {\n darkRed: createSharedColorTokens(sharedColors.darkRed),\n burgundy: createSharedColorTokens(sharedColors.burgundy),\n cranberry: createSharedColorTokens(sharedColors.cranberry),\n red: createSharedColorTokens(sharedColors.red),\n darkOrange: createSharedColorTokens(sharedColors.darkOrange),\n bronze: createSharedColorTokens(sharedColors.bronze),\n pumpkin: createSharedColorTokens(sharedColors.pumpkin),\n orange: createSharedColorTokens(sharedColors.orange),\n peach: createSharedColorTokens(sharedColors.peach),\n marigold: createSharedColorTokens(sharedColors.marigold),\n yellow: createSharedColorTokens(sharedColors.yellow),\n gold: createSharedColorTokens(sharedColors.gold),\n brass: createSharedColorTokens(sharedColors.brass),\n brown: createSharedColorTokens(sharedColors.brown),\n darkBrown: createSharedColorTokens(sharedColors.darkBrown),\n lime: createSharedColorTokens(sharedColors.lime),\n forest: createSharedColorTokens(sharedColors.forest),\n seafoam: createSharedColorTokens(sharedColors.seafoam),\n lightGreen: createSharedColorTokens(sharedColors.lightGreen),\n green: createSharedColorTokens(sharedColors.green),\n darkGreen: createSharedColorTokens(sharedColors.darkGreen),\n lightTeal: createSharedColorTokens(sharedColors.lightTeal),\n teal: createSharedColorTokens(sharedColors.teal),\n darkTeal: createSharedColorTokens(sharedColors.darkTeal),\n cyan: createSharedColorTokens(sharedColors.cyan),\n steel: createSharedColorTokens(sharedColors.steel),\n lightBlue: createSharedColorTokens(sharedColors.lightBlue),\n blue: createSharedColorTokens(sharedColors.blue),\n royalBlue: createSharedColorTokens(sharedColors.royalBlue),\n darkBlue: createSharedColorTokens(sharedColors.darkBlue),\n cornflower: createSharedColorTokens(sharedColors.cornflower),\n navy: createSharedColorTokens(sharedColors.navy),\n lavender: createSharedColorTokens(sharedColors.lavender),\n purple: createSharedColorTokens(sharedColors.purple),\n darkPurple: createSharedColorTokens(sharedColors.darkPurple),\n orchid: createSharedColorTokens(sharedColors.orchid),\n grape: createSharedColorTokens(sharedColors.grape),\n berry: createSharedColorTokens(sharedColors.berry),\n lilac: createSharedColorTokens(sharedColors.lilac),\n pink: createSharedColorTokens(sharedColors.pink),\n hotPink: createSharedColorTokens(sharedColors.hotPink),\n magenta: createSharedColorTokens(sharedColors.magenta),\n plum: createSharedColorTokens(sharedColors.plum),\n beige: createSharedColorTokens(sharedColors.beige),\n mink: createSharedColorTokens(sharedColors.mink), // TODO naming iteration -> clashing with grey\n silver: createSharedColorTokens(sharedColors.silver),\n platinum: createSharedColorTokens(sharedColors.platinum),\n anchor: createSharedColorTokens(sharedColors.anchor),\n charcoal: createSharedColorTokens(sharedColors.charcoal),\n};\n"]}
@@ -1 +0,0 @@
1
- export * from './colors';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./colors"], function (require, exports, tslib_1, colors_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(colors_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/dark/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './colors';\n"]}
@@ -1,6 +0,0 @@
1
- import { NeutralColorTokens, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandColorTokens } from '../../types';
2
- export declare const subtleColorTokens: BackgroundColorTokens;
3
- export declare const transparentColorTokens: BackgroundColorTokens;
4
- export declare function createBrandColorTokens(): BrandColorTokens;
5
- export declare function createNeutralColorTokens(customValues?: Record<string, string>): NeutralColorTokens;
6
- export declare const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens>;
@@ -1,87 +0,0 @@
1
- define(["require", "exports", "tslib", "../../global/index"], function (require, exports, tslib_1, index_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.subtleColorTokens = {
5
- background: 'red',
6
- backgroundHover: 'red',
7
- backgroundPressed: 'red',
8
- backgroundSelected: 'red',
9
- };
10
- exports.transparentColorTokens = {
11
- background: 'rgba(255, 0, 0, 0.2)',
12
- backgroundHover: 'rgba(255, 0, 0, 0.2)',
13
- backgroundPressed: 'rgba(255, 0, 0, 0.2)',
14
- backgroundSelected: 'rgba(255, 0, 0, 0.2)',
15
- };
16
- function createBrandColorTokens() {
17
- return {
18
- brandBackground: index_1.white,
19
- brandBackgroundHover: index_1.selected,
20
- brandBackgroundPressed: index_1.selected,
21
- brandBackgroundSelected: index_1.selected,
22
- brandBackgroundStatic: index_1.black,
23
- };
24
- }
25
- exports.createBrandColorTokens = createBrandColorTokens;
26
- function createNeutralColorTokens(customValues) {
27
- if (customValues === void 0) { customValues = {}; }
28
- return tslib_1.__assign({ neutralForeground1: index_1.white, neutralForeground2: index_1.white, neutralForeground2Hover: index_1.black, neutralForeground2Pressed: index_1.black, neutralForeground2Selected: index_1.black, brandForeground2Hover: index_1.black, brandForeground2Pressed: index_1.black, brandForeground2Selected: index_1.black, neutralForeground3: index_1.white, neutralForeground3Hover: index_1.black, neutralForeground3Pressed: index_1.black, neutralForeground3Selected: index_1.black, brandForeground3Hover: index_1.black, brandForeground3Pressed: index_1.black, brandForeground3Selected: index_1.black, neutralForeground4: index_1.white, neutralForegroundDisabled: index_1.disabled, brandForeground: index_1.hyperlink, brandForegroundHover: index_1.hyperlink, brandForegroundPressed: index_1.hyperlink, brandForegroundSelected: index_1.hyperlink, neutralForegroundInverted: index_1.white, neutralForegroundInvertedAccessible: index_1.black, neutralBackground1: index_1.black, neutralBackground1Hover: index_1.selected, neutralBackground1Pressed: index_1.selected, neutralBackground1Selected: index_1.selected, neutralBackground2: index_1.black, neutralBackground2Hover: index_1.selected, neutralBackground2Pressed: index_1.selected, neutralBackground2Selected: index_1.selected, neutralBackground3: index_1.black, neutralBackground3Hover: index_1.selected, neutralBackground3Pressed: index_1.selected, neutralBackground3Selected: index_1.selected, neutralBackground4: index_1.black, neutralBackground4Hover: index_1.selected, neutralBackground4Pressed: index_1.selected, neutralBackground4Selected: index_1.selected, neutralBackground5: index_1.black, neutralBackground5Hover: index_1.selected, neutralBackground5Pressed: index_1.selected, neutralBackground5Selected: index_1.selected, neutralBackground6: index_1.black, neutralBackgroundDisabled: index_1.black, neutralStrokeAccessible: index_1.white, neutralStrokeAccessibleHover: index_1.selected, neutralStrokeAccessiblePressed: index_1.selected, neutralStrokeAccessibleSelected: index_1.selected, neutralStroke1: index_1.black, neutralStroke1Hover: index_1.selected, neutralStroke1Pressed: index_1.selected, neutralStroke1Selected: index_1.selected, neutralStroke2: index_1.white, neutralStroke3: index_1.white, neutralStrokeDisabled: index_1.disabled, strokeAccessible: index_1.white, strokeAccessibleInteractive: index_1.selected, strokeAccessibleDisabled: index_1.disabled, neutralShadowAmbient: 'rgba(0,0,0,0.24)', neutralShadowKey: 'rgba(0,0,0,0.28)', neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', neutralShadowKeyDarker: 'rgba(0,0,0,0.48)' }, customValues);
29
- }
30
- exports.createNeutralColorTokens = createNeutralColorTokens;
31
- function createSharedColorTokens(customValues) {
32
- if (customValues === void 0) { customValues = {}; }
33
- return tslib_1.__assign({ background1: index_1.white, background2: index_1.black, background3: index_1.white, foreground1: index_1.black, foreground2: index_1.white, foreground3: index_1.white, borderActive: index_1.selected, border2: index_1.white }, customValues);
34
- }
35
- exports.sharedColorTokens = {
36
- darkRed: createSharedColorTokens(),
37
- burgundy: createSharedColorTokens(),
38
- cranberry: createSharedColorTokens(),
39
- red: createSharedColorTokens(),
40
- darkOrange: createSharedColorTokens(),
41
- bronze: createSharedColorTokens(),
42
- pumpkin: createSharedColorTokens(),
43
- orange: createSharedColorTokens(),
44
- peach: createSharedColorTokens(),
45
- marigold: createSharedColorTokens(),
46
- yellow: createSharedColorTokens(),
47
- gold: createSharedColorTokens(),
48
- brass: createSharedColorTokens(),
49
- brown: createSharedColorTokens(),
50
- darkBrown: createSharedColorTokens(),
51
- lime: createSharedColorTokens(),
52
- forest: createSharedColorTokens(),
53
- seafoam: createSharedColorTokens(),
54
- lightGreen: createSharedColorTokens(),
55
- green: createSharedColorTokens(),
56
- darkGreen: createSharedColorTokens(),
57
- lightTeal: createSharedColorTokens(),
58
- teal: createSharedColorTokens(),
59
- darkTeal: createSharedColorTokens(),
60
- cyan: createSharedColorTokens(),
61
- steel: createSharedColorTokens(),
62
- lightBlue: createSharedColorTokens(),
63
- blue: createSharedColorTokens(),
64
- royalBlue: createSharedColorTokens(),
65
- darkBlue: createSharedColorTokens(),
66
- cornflower: createSharedColorTokens(),
67
- navy: createSharedColorTokens(),
68
- lavender: createSharedColorTokens(),
69
- purple: createSharedColorTokens(),
70
- darkPurple: createSharedColorTokens(),
71
- orchid: createSharedColorTokens(),
72
- grape: createSharedColorTokens(),
73
- berry: createSharedColorTokens(),
74
- lilac: createSharedColorTokens(),
75
- pink: createSharedColorTokens(),
76
- hotPink: createSharedColorTokens(),
77
- magenta: createSharedColorTokens(),
78
- plum: createSharedColorTokens(),
79
- beige: createSharedColorTokens(),
80
- mink: createSharedColorTokens(),
81
- silver: createSharedColorTokens(),
82
- platinum: createSharedColorTokens(),
83
- anchor: createSharedColorTokens(),
84
- charcoal: createSharedColorTokens(),
85
- };
86
- });
87
- //# sourceMappingURL=colors.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utils/highContrast/colors.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n NeutralColorTokens,\n SharedColorTokens,\n GlobalSharedColors,\n BackgroundColorTokens,\n BrandColorTokens,\n} from '../../types';\nimport { black, disabled, hyperlink, selected, white } from '../../global/index';\n\nexport const subtleColorTokens: BackgroundColorTokens = {\n background: 'red',\n backgroundHover: 'red',\n backgroundPressed: 'red',\n backgroundSelected: 'red',\n};\n\nexport const transparentColorTokens: BackgroundColorTokens = {\n background: 'rgba(255, 0, 0, 0.2)',\n backgroundHover: 'rgba(255, 0, 0, 0.2)',\n backgroundPressed: 'rgba(255, 0, 0, 0.2)',\n backgroundSelected: 'rgba(255, 0, 0, 0.2)',\n};\n\nexport function createBrandColorTokens(): BrandColorTokens {\n return {\n brandBackground: white,\n brandBackgroundHover: selected,\n brandBackgroundPressed: selected,\n brandBackgroundSelected: selected,\n brandBackgroundStatic: black,\n };\n}\n\nexport function createNeutralColorTokens(customValues: Record<string, string> = {}): NeutralColorTokens {\n return {\n neutralForeground1: white,\n\n neutralForeground2: white,\n neutralForeground2Hover: black,\n neutralForeground2Pressed: black,\n neutralForeground2Selected: black,\n brandForeground2Hover: black,\n brandForeground2Pressed: black,\n brandForeground2Selected: black,\n\n neutralForeground3: white,\n neutralForeground3Hover: black,\n neutralForeground3Pressed: black,\n neutralForeground3Selected: black,\n brandForeground3Hover: black,\n brandForeground3Pressed: black,\n brandForeground3Selected: black,\n\n neutralForeground4: white,\n\n neutralForegroundDisabled: disabled,\n\n brandForeground: hyperlink,\n brandForegroundHover: hyperlink,\n brandForegroundPressed: hyperlink,\n brandForegroundSelected: hyperlink,\n\n neutralForegroundInverted: white,\n\n neutralForegroundInvertedAccessible: black,\n\n neutralBackground1: black,\n neutralBackground1Hover: selected,\n neutralBackground1Pressed: selected,\n neutralBackground1Selected: selected,\n\n neutralBackground2: black,\n neutralBackground2Hover: selected,\n neutralBackground2Pressed: selected,\n neutralBackground2Selected: selected,\n\n neutralBackground3: black,\n neutralBackground3Hover: selected,\n neutralBackground3Pressed: selected,\n neutralBackground3Selected: selected,\n\n neutralBackground4: black,\n neutralBackground4Hover: selected,\n neutralBackground4Pressed: selected,\n neutralBackground4Selected: selected,\n\n neutralBackground5: black,\n neutralBackground5Hover: selected,\n neutralBackground5Pressed: selected,\n neutralBackground5Selected: selected,\n\n neutralBackground6: black,\n\n neutralBackgroundDisabled: black,\n\n neutralStrokeAccessible: white,\n neutralStrokeAccessibleHover: selected,\n neutralStrokeAccessiblePressed: selected,\n neutralStrokeAccessibleSelected: selected,\n\n neutralStroke1: black,\n neutralStroke1Hover: selected,\n neutralStroke1Pressed: selected,\n neutralStroke1Selected: selected,\n\n neutralStroke2: white,\n\n neutralStroke3: white,\n\n neutralStrokeDisabled: disabled,\n\n strokeAccessible: white,\n strokeAccessibleInteractive: selected,\n strokeAccessibleDisabled: disabled,\n\n neutralShadowAmbient: 'rgba(0,0,0,0.24)',\n neutralShadowKey: 'rgba(0,0,0,0.28)',\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',\n neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',\n neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',\n\n ...customValues,\n };\n}\n\nfunction createSharedColorTokens(customValues: { [P in keyof NeutralColorTokens]?: string } = {}): SharedColorTokens {\n return {\n background1: white,\n background2: black,\n background3: white,\n foreground1: black,\n foreground2: white,\n foreground3: white,\n borderActive: selected,\n border2: white,\n ...customValues,\n };\n}\n\nexport const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens> = {\n darkRed: createSharedColorTokens(),\n burgundy: createSharedColorTokens(),\n cranberry: createSharedColorTokens(),\n red: createSharedColorTokens(),\n darkOrange: createSharedColorTokens(),\n bronze: createSharedColorTokens(),\n pumpkin: createSharedColorTokens(),\n orange: createSharedColorTokens(),\n peach: createSharedColorTokens(),\n marigold: createSharedColorTokens(),\n yellow: createSharedColorTokens(),\n gold: createSharedColorTokens(),\n brass: createSharedColorTokens(),\n brown: createSharedColorTokens(),\n darkBrown: createSharedColorTokens(),\n lime: createSharedColorTokens(),\n forest: createSharedColorTokens(),\n seafoam: createSharedColorTokens(),\n lightGreen: createSharedColorTokens(),\n green: createSharedColorTokens(),\n darkGreen: createSharedColorTokens(),\n lightTeal: createSharedColorTokens(),\n teal: createSharedColorTokens(),\n darkTeal: createSharedColorTokens(),\n cyan: createSharedColorTokens(),\n steel: createSharedColorTokens(),\n lightBlue: createSharedColorTokens(),\n blue: createSharedColorTokens(),\n royalBlue: createSharedColorTokens(),\n darkBlue: createSharedColorTokens(),\n cornflower: createSharedColorTokens(),\n navy: createSharedColorTokens(),\n lavender: createSharedColorTokens(),\n purple: createSharedColorTokens(),\n darkPurple: createSharedColorTokens(),\n orchid: createSharedColorTokens(),\n grape: createSharedColorTokens(),\n berry: createSharedColorTokens(),\n lilac: createSharedColorTokens(),\n pink: createSharedColorTokens(),\n hotPink: createSharedColorTokens(),\n magenta: createSharedColorTokens(),\n plum: createSharedColorTokens(),\n beige: createSharedColorTokens(),\n mink: createSharedColorTokens(), // TODO naming iteration -> clashing with grey\n silver: createSharedColorTokens(),\n platinum: createSharedColorTokens(),\n anchor: createSharedColorTokens(),\n charcoal: createSharedColorTokens(),\n};\n"]}
@@ -1 +0,0 @@
1
- export * from './colors';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./colors"], function (require, exports, tslib_1, colors_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(colors_1, exports);
5
- });
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/highContrast/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './colors';\n"]}
@@ -1,8 +0,0 @@
1
- import { NeutralColorTokens, SharedColorTokens, ColorVariants, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
2
- export declare const subtleColorTokens: BackgroundColorTokens;
3
- export declare const transparentColorTokens: BackgroundColorTokens;
4
- export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;
5
- export declare function createNeutralColorTokens(brand: ColorVariants, customValues?: {
6
- [P in keyof NeutralColorTokens]?: string;
7
- }): NeutralColorTokens;
8
- export declare const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens>;