@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,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: 'transparent',
6
- backgroundHover: index_1.grey[96],
7
- backgroundPressed: index_1.grey[88],
8
- backgroundSelected: index_1.grey[92],
9
- };
10
- exports.transparentColorTokens = {
11
- background: 'transparent',
12
- backgroundHover: 'transparent',
13
- backgroundPressed: 'transparent',
14
- backgroundSelected: 'transparent',
15
- };
16
- function createBrandColorTokens(brand) {
17
- return {
18
- brandBackground: brand.primary,
19
- brandBackgroundHover: brand.shade10,
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.grey[14], neutralForeground2: index_1.grey[26], neutralForeground2Hover: index_1.grey[14], neutralForeground2Pressed: index_1.grey[14], neutralForeground2Selected: index_1.grey[14], brandForeground2Hover: brand.primary, brandForeground2Pressed: brand.shade10, brandForeground2Selected: brand.primary, neutralForeground3: index_1.grey[38], neutralForeground3Hover: index_1.grey[26], neutralForeground3Pressed: index_1.grey[26], neutralForeground3Selected: index_1.grey[26], brandForeground3Hover: brand.primary, brandForeground3Pressed: brand.shade10, brandForeground3Selected: brand.primary, neutralForeground4: index_1.grey[50], neutralForegroundDisabled: index_1.grey[74], brandForeground: brand.shade10, brandForegroundHover: brand.shade20, brandForegroundPressed: brand.shade40, brandForegroundSelected: brand.shade10, neutralForegroundInverted: index_1.white, neutralForegroundInvertedAccessible: index_1.white, neutralBackground1: index_1.white, neutralBackground1Hover: index_1.grey[96], neutralBackground1Pressed: index_1.grey[88], neutralBackground1Selected: index_1.grey[92], neutralBackground2: index_1.grey[98], neutralBackground2Hover: index_1.grey[94], neutralBackground2Pressed: index_1.grey[86], neutralBackground2Selected: index_1.grey[90], neutralBackground3: index_1.grey[96], neutralBackground3Hover: index_1.grey[92], neutralBackground3Pressed: index_1.grey[84], neutralBackground3Selected: index_1.grey[88], neutralBackground4: index_1.grey[94], neutralBackground4Hover: index_1.grey[98], neutralBackground4Pressed: index_1.grey[96], neutralBackground4Selected: index_1.white, neutralBackground5: index_1.grey[92], neutralBackground5Hover: index_1.grey[96], neutralBackground5Pressed: index_1.grey[94], neutralBackground5Selected: index_1.grey[98], neutralBackground6: index_1.grey[90], neutralBackgroundDisabled: index_1.grey[94], neutralStrokeAccessible: index_1.grey[38], neutralStrokeAccessibleHover: index_1.grey[34], neutralStrokeAccessiblePressed: index_1.grey[30], neutralStrokeAccessibleSelected: brand.primary, neutralStroke1: index_1.grey[82], neutralStroke1Hover: index_1.grey[78], neutralStroke1Pressed: index_1.grey[70], neutralStroke1Selected: index_1.grey[74], neutralStroke2: index_1.grey[88], neutralStroke3: index_1.grey[94], neutralStrokeDisabled: index_1.grey[88], strokeAccessible: 'transparent', strokeAccessibleInteractive: 'transparent', strokeAccessibleDisabled: 'transparent', neutralShadowAmbient: 'rgba(0,0,0,0.12)', neutralShadowKey: 'rgba(0,0,0,0.14)', neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', neutralShadowKeyLighter: 'rgba(0,0,0,0.07)', neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', neutralShadowKeyDarker: 'rgba(0,0,0,0.24)' }, customValues);
29
- }
30
- exports.createNeutralColorTokens = createNeutralColorTokens;
31
- function createSharedColorTokens(color, customValues) {
32
- if (customValues === void 0) { customValues = {}; }
33
- return tslib_1.__assign({ background1: color.tint60, background2: color.tint40, background3: color.primary, foreground1: color.primary, foreground2: color.shade30, foreground3: color.primary, borderActive: color.primary, border2: color.primary }, 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/light/colors.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n NeutralColorTokens,\n SharedColorTokens,\n ColorVariants,\n GlobalSharedColors,\n BackgroundColorTokens,\n BrandVariants,\n BrandColorTokens,\n} from '../../types';\nimport { grey, white, sharedColors } from '../../global/index';\n\nexport const subtleColorTokens: BackgroundColorTokens = {\n background: 'transparent',\n backgroundHover: grey[96],\n backgroundPressed: grey[88],\n backgroundSelected: grey[92],\n};\n\nexport const transparentColorTokens: BackgroundColorTokens = {\n background: 'transparent',\n backgroundHover: 'transparent',\n backgroundPressed: 'transparent',\n backgroundSelected: 'transparent',\n};\n\nexport function createBrandColorTokens(brand: BrandVariants): BrandColorTokens {\n return {\n brandBackground: brand.primary,\n brandBackgroundHover: brand.shade10,\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: grey[14],\n\n neutralForeground2: grey[26],\n neutralForeground2Hover: grey[14],\n neutralForeground2Pressed: grey[14],\n neutralForeground2Selected: grey[14],\n brandForeground2Hover: brand.primary,\n brandForeground2Pressed: brand.shade10,\n brandForeground2Selected: brand.primary,\n\n neutralForeground3: grey[38],\n neutralForeground3Hover: grey[26],\n neutralForeground3Pressed: grey[26],\n neutralForeground3Selected: grey[26],\n brandForeground3Hover: brand.primary,\n brandForeground3Pressed: brand.shade10,\n brandForeground3Selected: brand.primary,\n\n neutralForeground4: grey[50],\n\n neutralForegroundDisabled: grey[74],\n\n brandForeground: brand.shade10,\n brandForegroundHover: brand.shade20,\n brandForegroundPressed: brand.shade40,\n brandForegroundSelected: brand.shade10,\n\n neutralForegroundInverted: white,\n\n neutralForegroundInvertedAccessible: white,\n\n neutralBackground1: white,\n neutralBackground1Hover: grey[96],\n neutralBackground1Pressed: grey[88],\n neutralBackground1Selected: grey[92],\n\n neutralBackground2: grey[98],\n neutralBackground2Hover: grey[94],\n neutralBackground2Pressed: grey[86],\n neutralBackground2Selected: grey[90],\n\n neutralBackground3: grey[96],\n neutralBackground3Hover: grey[92],\n neutralBackground3Pressed: grey[84],\n neutralBackground3Selected: grey[88],\n\n neutralBackground4: grey[94],\n neutralBackground4Hover: grey[98],\n neutralBackground4Pressed: grey[96],\n neutralBackground4Selected: white,\n\n neutralBackground5: grey[92],\n neutralBackground5Hover: grey[96],\n neutralBackground5Pressed: grey[94],\n neutralBackground5Selected: grey[98],\n\n neutralBackground6: grey[90],\n\n neutralBackgroundDisabled: grey[94],\n\n neutralStrokeAccessible: grey[38],\n neutralStrokeAccessibleHover: grey[34],\n neutralStrokeAccessiblePressed: grey[30],\n neutralStrokeAccessibleSelected: brand.primary,\n\n neutralStroke1: grey[82],\n neutralStroke1Hover: grey[78],\n neutralStroke1Pressed: grey[70],\n neutralStroke1Selected: grey[74],\n\n neutralStroke2: grey[88],\n\n neutralStroke3: grey[94],\n\n neutralStrokeDisabled: grey[88],\n\n strokeAccessible: 'transparent',\n strokeAccessibleInteractive: 'transparent',\n strokeAccessibleDisabled: 'transparent',\n\n neutralShadowAmbient: 'rgba(0,0,0,0.12)',\n neutralShadowKey: 'rgba(0,0,0,0.14)',\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n neutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n neutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n ...customValues,\n };\n}\n\nfunction createSharedColorTokens(color: ColorVariants, customValues: Record<string, string> = {}): SharedColorTokens {\n return {\n background1: color.tint60,\n background2: color.tint40,\n background3: color.primary,\n foreground1: color.primary,\n foreground2: color.shade30,\n foreground3: color.primary,\n borderActive: color.primary,\n border2: color.primary,\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/light/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './colors';\n"]}
@@ -1,8 +0,0 @@
1
- import { PartialTheme, Theme } from '../types';
2
- /**
3
- * Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged
4
- * together in the order provided. If an object creates a circular reference, it will assign the
5
- * original reference.
6
- */
7
- export declare function merge<T = {}>(target: Partial<T>, ...args: (Partial<T> | null | undefined | false)[]): T;
8
- export declare function mergeThemes(a: Theme, b: PartialTheme | Theme): Theme;
@@ -1,58 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- // TODO
5
- // We should consider removal merge() function from this file, ideally it should not be required
6
- // as probably themes will have flat shape
7
- /**
8
- * Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged
9
- * together in the order provided. If an object creates a circular reference, it will assign the
10
- * original reference.
11
- */
12
- function merge(target) {
13
- var args = [];
14
- for (var _i = 1; _i < arguments.length; _i++) {
15
- args[_i - 1] = arguments[_i];
16
- }
17
- for (var _a = 0, args_1 = args; _a < args_1.length; _a++) {
18
- var arg = args_1[_a];
19
- _merge(target || {}, arg);
20
- }
21
- return target;
22
- }
23
- exports.merge = merge;
24
- /**
25
- * The _merge helper iterates through all props on source and assigns them to target.
26
- * When the value is an object, we will create a deep clone of the object. However if
27
- * there is a circular reference, the value will not be deep cloned and will persist
28
- * the reference.
29
- */
30
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
31
- function _merge(target, source, circularReferences) {
32
- if (circularReferences === void 0) { circularReferences = []; }
33
- circularReferences.push(source);
34
- for (var name_1 in source) {
35
- if (source.hasOwnProperty(name_1)) {
36
- if (name_1 !== '__proto__' && name_1 !== 'constructor' && name_1 !== 'prototype') {
37
- var value = source[name_1];
38
- if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
39
- var isCircularReference = circularReferences.indexOf(value) > -1;
40
- target[name_1] = (isCircularReference
41
- ? value
42
- : _merge(target[name_1] || {}, value, circularReferences));
43
- }
44
- else {
45
- target[name_1] = value;
46
- }
47
- }
48
- }
49
- }
50
- circularReferences.pop();
51
- return target;
52
- }
53
- function mergeThemes(a, b) {
54
- return merge({}, a, b);
55
- }
56
- exports.mergeThemes = mergeThemes;
57
- });
58
- //# sourceMappingURL=mergeThemes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mergeThemes.js","sourceRoot":"../src/","sources":["utils/mergeThemes.ts"],"names":[],"mappings":";;;IAEA,OAAO;IACP,gGAAgG;IAChG,0CAA0C;IAE1C;;;;OAIG;IACH,SAAgB,KAAK,CAAS,MAAkB;QAAE,cAAkD;aAAlD,UAAkD,EAAlD,qBAAkD,EAAlD,IAAkD;YAAlD,6BAAkD;;QAClG,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE;YAAnB,IAAM,GAAG,aAAA;YACZ,MAAM,CAAC,MAAM,IAAI,EAAE,EAAE,GAAiB,CAAC,CAAC;SACzC;QAED,OAAO,MAAW,CAAC;IACrB,CAAC;IAND,sBAMC;IAED;;;;;OAKG;IACH,8DAA8D;IAC9D,SAAS,MAAM,CAAmB,MAAS,EAAE,MAAS,EAAE,kBAA8B;QAA9B,mCAAA,EAAA,uBAA8B;QACpF,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEhC,KAAK,IAAM,MAAI,IAAI,MAAM,EAAE;YACzB,IAAI,MAAM,CAAC,cAAc,CAAC,MAAI,CAAC,EAAE;gBAC/B,IAAI,MAAI,KAAK,WAAW,IAAI,MAAI,KAAK,aAAa,IAAI,MAAI,KAAK,WAAW,EAAE;oBAC1E,IAAM,KAAK,GAAgC,MAAM,CAAC,MAAI,CAAC,CAAC;oBACxD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;wBACxE,IAAM,mBAAmB,GAAG,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;wBACnE,MAAM,CAAC,MAAI,CAAC,GAAG,CAAC,mBAAmB;4BACjC,CAAC,CAAC,KAAK;4BACP,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAgC,CAAC;qBAC3F;yBAAM;wBACL,MAAM,CAAC,MAAI,CAAC,GAAG,KAAK,CAAC;qBACtB;iBACF;aACF;SACF;QAED,kBAAkB,CAAC,GAAG,EAAE,CAAC;QAEzB,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,SAAgB,WAAW,CAAC,CAAQ,EAAE,CAAuB;QAC3D,OAAO,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;IAClC,CAAC;IAFD,kCAEC","sourcesContent":["import { PartialTheme, Theme } from '../types';\n\n// TODO\n// We should consider removal merge() function from this file, ideally it should not be required\n// as probably themes will have flat shape\n\n/**\n * Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged\n * together in the order provided. If an object creates a circular reference, it will assign the\n * original reference.\n */\nexport function merge<T = {}>(target: Partial<T>, ...args: (Partial<T> | null | undefined | false)[]): T {\n for (const arg of args) {\n _merge(target || {}, arg as Partial<T>);\n }\n\n return target as T;\n}\n\n/**\n * The _merge helper iterates through all props on source and assigns them to target.\n * When the value is an object, we will create a deep clone of the object. However if\n * there is a circular reference, the value will not be deep cloned and will persist\n * the reference.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction _merge<T extends Object>(target: T, source: T, circularReferences: any[] = []): T {\n circularReferences.push(source);\n\n for (const name in source) {\n if (source.hasOwnProperty(name)) {\n if (name !== '__proto__' && name !== 'constructor' && name !== 'prototype') {\n const value: T[Extract<keyof T, string>] = source[name];\n if (typeof value === 'object' && value !== null && !Array.isArray(value)) {\n const isCircularReference = circularReferences.indexOf(value) > -1;\n target[name] = (isCircularReference\n ? value\n : _merge(target[name] || {}, value, circularReferences)) as T[Extract<keyof T, string>];\n } else {\n target[name] = value;\n }\n }\n }\n }\n\n circularReferences.pop();\n\n return target;\n}\n\nexport function mergeThemes(a: Theme, b: PartialTheme | Theme): Theme {\n return merge({}, a, b) as Theme;\n}\n"]}
@@ -1,2 +0,0 @@
1
- import { ShadowLevelTokens } from '../types';
2
- export declare function createShadowLevelTokens(ambientColor: string, keyColor: string): ShadowLevelTokens;
@@ -1,16 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- function createShadowLevelTokens(ambientColor, keyColor) {
5
- return {
6
- shadow2: "0 0 2px " + ambientColor + ", 0 1px 2px " + keyColor,
7
- shadow4: "0 0 2px " + ambientColor + ", 0 2px 4px " + keyColor,
8
- shadow8: "0 0 2px " + ambientColor + ", 0 4px 8px " + keyColor,
9
- shadow16: "0 0 2px " + ambientColor + ", 0 6px 16px " + keyColor,
10
- shadow28: "0 0 8px " + ambientColor + ", 0 14px 28px " + keyColor,
11
- shadow64: "0 0 8px " + ambientColor + ", 0 32px 64px " + keyColor,
12
- };
13
- }
14
- exports.createShadowLevelTokens = createShadowLevelTokens;
15
- });
16
- //# sourceMappingURL=shadows.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"shadows.js","sourceRoot":"../src/","sources":["utils/shadows.ts"],"names":[],"mappings":";;;IAEA,SAAgB,uBAAuB,CAAC,YAAoB,EAAE,QAAgB;QAC5E,OAAO;YACL,OAAO,EAAE,aAAW,YAAY,oBAAe,QAAU;YACzD,OAAO,EAAE,aAAW,YAAY,oBAAe,QAAU;YACzD,OAAO,EAAE,aAAW,YAAY,oBAAe,QAAU;YACzD,QAAQ,EAAE,aAAW,YAAY,qBAAgB,QAAU;YAC3D,QAAQ,EAAE,aAAW,YAAY,sBAAiB,QAAU;YAC5D,QAAQ,EAAE,aAAW,YAAY,sBAAiB,QAAU;SAC7D,CAAC;IACJ,CAAC;IATD,0DASC","sourcesContent":["import { ShadowLevelTokens } from '../types';\n\nexport function createShadowLevelTokens(ambientColor: string, keyColor: string): ShadowLevelTokens {\n return {\n shadow2: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n shadow4: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n shadow8: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n shadow16: `0 0 2px ${ambientColor}, 0 6px 16px ${keyColor}`,\n shadow28: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n shadow64: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n };\n}\n"]}
@@ -1,2 +0,0 @@
1
- import { Theme } from '../types';
2
- export declare function themeToCSSVariables(theme: Theme): Record<string, string>;
@@ -1,27 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- function flattenThemeToCSSVariables(
5
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
6
- themePart, parentKey, result) {
7
- if (parentKey === void 0) { parentKey = ''; }
8
- if (result === void 0) { result = {}; }
9
- for (var propertyName in themePart) {
10
- if (Object.prototype.hasOwnProperty.call(themePart, propertyName)) {
11
- var variableName = parentKey ? parentKey + '-' + propertyName : "--" + propertyName;
12
- if (typeof themePart[propertyName] === 'object') {
13
- flattenThemeToCSSVariables(themePart[propertyName], variableName, result);
14
- }
15
- else {
16
- result[variableName] = themePart[propertyName];
17
- }
18
- }
19
- }
20
- return result;
21
- }
22
- function themeToCSSVariables(theme) {
23
- return flattenThemeToCSSVariables(theme);
24
- }
25
- exports.themeToCSSVariables = themeToCSSVariables;
26
- });
27
- //# sourceMappingURL=themeToCSSVariables.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"themeToCSSVariables.js","sourceRoot":"../src/","sources":["utils/themeToCSSVariables.ts"],"names":[],"mappings":";;;IAEA,SAAS,0BAA0B;IACjC,8DAA8D;IAC9D,SAA8B,EAC9B,SAAsB,EACtB,MAAmC;QADnC,0BAAA,EAAA,cAAsB;QACtB,uBAAA,EAAA,WAAmC;QAEnC,KAAK,IAAM,YAAY,IAAI,SAAS,EAAE;YACpC,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE;gBACjE,IAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,GAAG,YAAY,CAAC,CAAC,CAAC,OAAK,YAAc,CAAC;gBAEtF,IAAI,OAAO,SAAS,CAAC,YAAY,CAAC,KAAK,QAAQ,EAAE;oBAC/C,0BAA0B,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;iBAC3E;qBAAM;oBACL,MAAM,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;iBAChD;aACF;SACF;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,SAAgB,mBAAmB,CAAC,KAAY;QAC9C,OAAO,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAFD,kDAEC","sourcesContent":["import { Theme } from '../types';\n\nfunction flattenThemeToCSSVariables(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n themePart: Record<string, any>,\n parentKey: string = '',\n result: Record<string, string> = {},\n) {\n for (const propertyName in themePart) {\n if (Object.prototype.hasOwnProperty.call(themePart, propertyName)) {\n const variableName = parentKey ? parentKey + '-' + propertyName : `--${propertyName}`;\n\n if (typeof themePart[propertyName] === 'object') {\n flattenThemeToCSSVariables(themePart[propertyName], variableName, result);\n } else {\n result[variableName] = themePart[propertyName];\n }\n }\n }\n return result;\n}\n\nexport function themeToCSSVariables(theme: Theme): Record<string, string> {\n return flattenThemeToCSSVariables(theme);\n}\n"]}
@@ -1,23 +0,0 @@
1
- import { BrandVariants } from '../types';
2
- export declare const createGlobalTheme: (brand: BrandVariants) => {
3
- color: {
4
- black: string;
5
- white: string;
6
- hyperlink: string;
7
- disabled: string;
8
- selected: string;
9
- };
10
- palette: import("../types").GlobalSharedColors & {
11
- brand: BrandVariants;
12
- grey: Record<import("../types").Greys, string>;
13
- };
14
- type: {
15
- fontSizes: import("../types").FontSizes;
16
- fontWeights: import("../types").FontWeights;
17
- fontFamilies: import("../types").FontFamilies;
18
- lineHeights: import("../types").FontSizes;
19
- alignment: import("../types").TextAlignments;
20
- };
21
- borderRadius: import("../types").BorderRadius;
22
- strokeWidth: import("../types").StrokeWidths;
23
- };
@@ -1,29 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var borderRadius_1 = require("./borderRadius");
5
- var colors_1 = require("./colors");
6
- var fonts_1 = require("./fonts");
7
- var strokeWidths_1 = require("./strokeWidths");
8
- exports.createGlobalTheme = function (brand) {
9
- return {
10
- color: {
11
- black: colors_1.black,
12
- white: colors_1.white,
13
- hyperlink: colors_1.hyperlink,
14
- selected: colors_1.selected,
15
- disabled: colors_1.disabled,
16
- },
17
- palette: tslib_1.__assign(tslib_1.__assign({}, colors_1.sharedColors), { brand: brand, grey: colors_1.grey }),
18
- type: {
19
- alignment: fonts_1.textAlignments,
20
- fontFamilies: fonts_1.fontFamilies,
21
- fontSizes: fonts_1.fontSizes,
22
- fontWeights: fonts_1.fontWeights,
23
- lineHeights: fonts_1.lineHeights,
24
- },
25
- borderRadius: borderRadius_1.borderRadius,
26
- strokeWidth: strokeWidths_1.strokeWidths,
27
- };
28
- };
29
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"../src/","sources":["global/utils.ts"],"names":[],"mappings":";;;AAAA,+CAA8C;AAC9C,mCAA2F;AAC3F,iCAA4F;AAC5F,+CAA8C;AAGjC,QAAA,iBAAiB,GAAG,UAAC,KAAoB;IACpD,OAAO;QACL,KAAK,EAAE;YACL,KAAK,gBAAA;YACL,KAAK,gBAAA;YACL,SAAS,oBAAA;YACT,QAAQ,mBAAA;YACR,QAAQ,mBAAA;SACT;QACD,OAAO,wCACF,qBAAY,KACf,KAAK,EAAE,KAAK,EACZ,IAAI,eAAA,GACL;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,sBAAc;YACzB,YAAY,EAAE,oBAAY;YAC1B,SAAS,EAAE,iBAAS;YACpB,WAAW,EAAE,mBAAW;YACxB,WAAW,EAAE,mBAAW;SACzB;QACD,YAAY,EAAE,2BAAY;QAC1B,WAAW,EAAE,2BAAY;KAC1B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { borderRadius } from './borderRadius';\nimport { sharedColors, black, white, hyperlink, selected, disabled, grey } from './colors';\nimport { textAlignments, fontFamilies, fontWeights, fontSizes, lineHeights } from './fonts';\nimport { strokeWidths } from './strokeWidths';\nimport { Theme, BrandVariants } from '../types';\n\nexport const createGlobalTheme = (brand: BrandVariants): Theme['global'] => {\n return {\n color: {\n black,\n white,\n hyperlink,\n selected,\n disabled,\n },\n palette: {\n ...sharedColors,\n brand: brand,\n grey,\n },\n type: {\n alignment: textAlignments,\n fontFamilies: fontFamilies,\n fontSizes: fontSizes,\n fontWeights: fontWeights,\n lineHeights: lineHeights,\n },\n borderRadius: borderRadius,\n strokeWidth: strokeWidths,\n };\n};\n"]}
@@ -1,22 +0,0 @@
1
- export declare const globalTheme: {
2
- color: {
3
- black: string;
4
- white: string;
5
- hyperlink: string;
6
- disabled: string;
7
- selected: string;
8
- };
9
- palette: import("../..").GlobalSharedColors & {
10
- brand: import("../..").BrandVariants;
11
- grey: Record<import("../..").Greys, string>;
12
- };
13
- type: {
14
- fontSizes: import("../..").FontSizes;
15
- fontWeights: import("../..").FontWeights;
16
- fontFamilies: import("../..").FontFamilies;
17
- lineHeights: import("../..").FontSizes;
18
- alignment: import("../..").TextAlignments;
19
- };
20
- borderRadius: import("../..").BorderRadius;
21
- strokeWidth: import("../..").StrokeWidths;
22
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var index_1 = require("../../global/index");
4
- exports.globalTheme = index_1.createGlobalTheme(index_1.brandColors.teams);
5
- //# sourceMappingURL=globalTheme.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"globalTheme.js","sourceRoot":"../src/","sources":["themes/teams/globalTheme.ts"],"names":[],"mappings":";;AAAA,4CAAoE;AAEvD,QAAA,WAAW,GAAG,yBAAiB,CAAC,mBAAW,CAAC,KAAK,CAAC,CAAC","sourcesContent":["import { brandColors, createGlobalTheme } from '../../global/index';\n\nexport const globalTheme = createGlobalTheme(brandColors.teams);\n"]}
@@ -1,22 +0,0 @@
1
- export declare const globalTheme: {
2
- color: {
3
- black: string;
4
- white: string;
5
- hyperlink: string;
6
- disabled: string;
7
- selected: string;
8
- };
9
- palette: import("../..").GlobalSharedColors & {
10
- brand: import("../..").BrandVariants;
11
- grey: Record<import("../..").Greys, string>;
12
- };
13
- type: {
14
- fontSizes: import("../..").FontSizes;
15
- fontWeights: import("../..").FontWeights;
16
- fontFamilies: import("../..").FontFamilies;
17
- lineHeights: import("../..").FontSizes;
18
- alignment: import("../..").TextAlignments;
19
- };
20
- borderRadius: import("../..").BorderRadius;
21
- strokeWidth: import("../..").StrokeWidths;
22
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var index_1 = require("../../global/index");
4
- exports.globalTheme = index_1.createGlobalTheme(index_1.brandColors.web);
5
- //# sourceMappingURL=globalTheme.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"globalTheme.js","sourceRoot":"../src/","sources":["themes/web/globalTheme.ts"],"names":[],"mappings":";;AAAA,4CAAoE;AAEvD,QAAA,WAAW,GAAG,yBAAiB,CAAC,mBAAW,CAAC,GAAG,CAAC,CAAC","sourcesContent":["import { brandColors, createGlobalTheme } from '../../global/index';\n\nexport const globalTheme = createGlobalTheme(brandColors.web);\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
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var index_1 = require("../../global/index");
5
- exports.subtleColorTokens = {
6
- background: 'red',
7
- backgroundHover: 'red',
8
- backgroundPressed: 'red',
9
- backgroundSelected: 'red',
10
- };
11
- exports.transparentColorTokens = {
12
- background: 'rgba(255, 0, 0, 0.2)',
13
- backgroundHover: 'rgba(255, 0, 0, 0.2)',
14
- backgroundPressed: 'rgba(255, 0, 0, 0.2)',
15
- backgroundSelected: 'rgba(255, 0, 0, 0.2)',
16
- };
17
- function createBrandColorTokens(brand) {
18
- return {
19
- brandBackground: brand.shade10,
20
- brandBackgroundHover: brand.primary,
21
- brandBackgroundPressed: brand.shade40,
22
- brandBackgroundSelected: brand.shade20,
23
- brandBackgroundStatic: brand.primary,
24
- };
25
- }
26
- exports.createBrandColorTokens = createBrandColorTokens;
27
- function createNeutralColorTokens(brand, customValues) {
28
- if (customValues === void 0) { customValues = {}; }
29
- 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);
30
- }
31
- exports.createNeutralColorTokens = createNeutralColorTokens;
32
- function createSharedColorTokens(color, customValues) {
33
- if (customValues === void 0) { customValues = {}; }
34
- 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);
35
- }
36
- exports.sharedColorTokens = {
37
- darkRed: createSharedColorTokens(index_1.sharedColors.darkRed),
38
- burgundy: createSharedColorTokens(index_1.sharedColors.burgundy),
39
- cranberry: createSharedColorTokens(index_1.sharedColors.cranberry),
40
- red: createSharedColorTokens(index_1.sharedColors.red),
41
- darkOrange: createSharedColorTokens(index_1.sharedColors.darkOrange),
42
- bronze: createSharedColorTokens(index_1.sharedColors.bronze),
43
- pumpkin: createSharedColorTokens(index_1.sharedColors.pumpkin),
44
- orange: createSharedColorTokens(index_1.sharedColors.orange),
45
- peach: createSharedColorTokens(index_1.sharedColors.peach),
46
- marigold: createSharedColorTokens(index_1.sharedColors.marigold),
47
- yellow: createSharedColorTokens(index_1.sharedColors.yellow),
48
- gold: createSharedColorTokens(index_1.sharedColors.gold),
49
- brass: createSharedColorTokens(index_1.sharedColors.brass),
50
- brown: createSharedColorTokens(index_1.sharedColors.brown),
51
- darkBrown: createSharedColorTokens(index_1.sharedColors.darkBrown),
52
- lime: createSharedColorTokens(index_1.sharedColors.lime),
53
- forest: createSharedColorTokens(index_1.sharedColors.forest),
54
- seafoam: createSharedColorTokens(index_1.sharedColors.seafoam),
55
- lightGreen: createSharedColorTokens(index_1.sharedColors.lightGreen),
56
- green: createSharedColorTokens(index_1.sharedColors.green),
57
- darkGreen: createSharedColorTokens(index_1.sharedColors.darkGreen),
58
- lightTeal: createSharedColorTokens(index_1.sharedColors.lightTeal),
59
- teal: createSharedColorTokens(index_1.sharedColors.teal),
60
- darkTeal: createSharedColorTokens(index_1.sharedColors.darkTeal),
61
- cyan: createSharedColorTokens(index_1.sharedColors.cyan),
62
- steel: createSharedColorTokens(index_1.sharedColors.steel),
63
- lightBlue: createSharedColorTokens(index_1.sharedColors.lightBlue),
64
- blue: createSharedColorTokens(index_1.sharedColors.blue),
65
- royalBlue: createSharedColorTokens(index_1.sharedColors.royalBlue),
66
- darkBlue: createSharedColorTokens(index_1.sharedColors.darkBlue),
67
- cornflower: createSharedColorTokens(index_1.sharedColors.cornflower),
68
- navy: createSharedColorTokens(index_1.sharedColors.navy),
69
- lavender: createSharedColorTokens(index_1.sharedColors.lavender),
70
- purple: createSharedColorTokens(index_1.sharedColors.purple),
71
- darkPurple: createSharedColorTokens(index_1.sharedColors.darkPurple),
72
- orchid: createSharedColorTokens(index_1.sharedColors.orchid),
73
- grape: createSharedColorTokens(index_1.sharedColors.grape),
74
- berry: createSharedColorTokens(index_1.sharedColors.berry),
75
- lilac: createSharedColorTokens(index_1.sharedColors.lilac),
76
- pink: createSharedColorTokens(index_1.sharedColors.pink),
77
- hotPink: createSharedColorTokens(index_1.sharedColors.hotPink),
78
- magenta: createSharedColorTokens(index_1.sharedColors.magenta),
79
- plum: createSharedColorTokens(index_1.sharedColors.plum),
80
- beige: createSharedColorTokens(index_1.sharedColors.beige),
81
- mink: createSharedColorTokens(index_1.sharedColors.mink),
82
- silver: createSharedColorTokens(index_1.sharedColors.silver),
83
- platinum: createSharedColorTokens(index_1.sharedColors.platinum),
84
- anchor: createSharedColorTokens(index_1.sharedColors.anchor),
85
- charcoal: createSharedColorTokens(index_1.sharedColors.charcoal),
86
- };
87
- //# sourceMappingURL=colors.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utils/dark/colors.ts"],"names":[],"mappings":"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","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,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./colors"), exports);
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/dark/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB","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>;