@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +11 -2
  3. package/dist/index.d.ts +439 -0
  4. package/lib/alias/darkColor.js +155 -0
  5. package/lib/alias/darkColor.js.map +1 -0
  6. package/lib/alias/darkColorPalette.js +44 -0
  7. package/lib/alias/darkColorPalette.js.map +1 -0
  8. package/lib/alias/highContrastColor.js +155 -0
  9. package/lib/alias/highContrastColor.js.map +1 -0
  10. package/lib/alias/highContrastColorPalette.js +34 -0
  11. package/lib/alias/highContrastColorPalette.js.map +1 -0
  12. package/lib/alias/lightColor.js +155 -0
  13. package/lib/alias/lightColor.js.map +1 -0
  14. package/lib/alias/lightColorPalette.js +35 -0
  15. package/lib/alias/lightColorPalette.js.map +1 -0
  16. package/lib/alias/teamsDarkColor.js +155 -0
  17. package/lib/alias/teamsDarkColor.js.map +1 -0
  18. package/lib/global/borderRadius.js +9 -0
  19. package/lib/global/borderRadius.js.map +1 -0
  20. package/lib/global/brandColors.js +55 -0
  21. package/lib/global/brandColors.js.map +1 -0
  22. package/lib/global/colorPalette.js +41 -0
  23. package/lib/global/colorPalette.js.map +1 -0
  24. package/lib/global/colors.js +789 -0
  25. package/lib/global/colors.js.map +1 -0
  26. package/lib/global/curves.js +12 -0
  27. package/lib/global/curves.js.map +1 -0
  28. package/lib/global/durations.js +10 -0
  29. package/lib/global/durations.js.map +1 -0
  30. package/lib/global/fonts.js +38 -0
  31. package/lib/global/fonts.js.map +1 -0
  32. package/lib/global/index.js +10 -0
  33. package/lib/global/index.js.map +1 -0
  34. package/lib/global/spacings.js +41 -0
  35. package/lib/global/spacings.js.map +1 -0
  36. package/lib/global/strokeWidths.js +7 -0
  37. package/lib/global/strokeWidths.js.map +1 -0
  38. package/lib/global/typographyStyles.js +110 -0
  39. package/lib/global/typographyStyles.js.map +1 -0
  40. package/lib/index.js +5 -1
  41. package/lib/index.js.map +1 -1
  42. package/lib/sharedColorNames.js +9 -0
  43. package/lib/sharedColorNames.js.map +1 -0
  44. package/lib/themeToTokensObject.js +19 -0
  45. package/lib/themeToTokensObject.js.map +1 -0
  46. package/lib/themes/index.js +3 -0
  47. package/lib/themes/index.js.map +1 -0
  48. package/lib/themes/teams/darkTheme.js +4 -0
  49. package/lib/themes/teams/darkTheme.js.map +1 -0
  50. package/lib/themes/teams/highContrastTheme.js +3 -0
  51. package/lib/themes/teams/highContrastTheme.js.map +1 -0
  52. package/lib/themes/teams/index.js +4 -0
  53. package/lib/themes/teams/index.js.map +1 -0
  54. package/lib/themes/teams/lightTheme.js +4 -0
  55. package/lib/themes/teams/lightTheme.js.map +1 -0
  56. package/lib/themes/web/darkTheme.js +4 -0
  57. package/lib/themes/web/darkTheme.js.map +1 -0
  58. package/lib/themes/web/index.js +3 -0
  59. package/lib/themes/web/index.js.map +1 -0
  60. package/lib/themes/web/lightTheme.js +4 -0
  61. package/lib/themes/web/lightTheme.js.map +1 -0
  62. package/lib/tokens.js +435 -0
  63. package/lib/tokens.js.map +1 -0
  64. package/lib/types.js +2 -0
  65. package/lib/types.js.map +1 -0
  66. package/lib/utils/createDarkTheme.js +26 -0
  67. package/lib/utils/createDarkTheme.js.map +1 -0
  68. package/lib/utils/createHighContrastTheme.js +26 -0
  69. package/lib/utils/createHighContrastTheme.js.map +1 -0
  70. package/lib/utils/createLightTheme.js +26 -0
  71. package/lib/utils/createLightTheme.js.map +1 -0
  72. package/lib/utils/createTeamsDarkTheme.js +26 -0
  73. package/lib/utils/createTeamsDarkTheme.js.map +1 -0
  74. package/lib/utils/index.js +5 -0
  75. package/lib/utils/index.js.map +1 -0
  76. package/lib/utils/shadows.js +11 -0
  77. package/lib/utils/shadows.js.map +1 -0
  78. package/lib-amd/alias/darkColor.js +158 -0
  79. package/lib-amd/alias/darkColor.js.map +1 -0
  80. package/lib-amd/alias/darkColorPalette.js +47 -0
  81. package/lib-amd/alias/darkColorPalette.js.map +1 -0
  82. package/lib-amd/alias/highContrastColor.js +158 -0
  83. package/lib-amd/alias/highContrastColor.js.map +1 -0
  84. package/lib-amd/alias/highContrastColorPalette.js +37 -0
  85. package/lib-amd/alias/highContrastColorPalette.js.map +1 -0
  86. package/lib-amd/alias/lightColor.js +158 -0
  87. package/lib-amd/alias/lightColor.js.map +1 -0
  88. package/lib-amd/alias/lightColorPalette.js +38 -0
  89. package/lib-amd/alias/lightColorPalette.js.map +1 -0
  90. package/lib-amd/alias/teamsDarkColor.js +158 -0
  91. package/lib-amd/alias/teamsDarkColor.js.map +1 -0
  92. package/lib-amd/global/borderRadius.js +14 -0
  93. package/lib-amd/global/borderRadius.js.map +1 -0
  94. package/lib-amd/global/brandColors.js +60 -0
  95. package/lib-amd/global/brandColors.js.map +1 -0
  96. package/lib-amd/global/colorPalette.js +45 -0
  97. package/lib-amd/global/colorPalette.js.map +1 -0
  98. package/lib-amd/global/colors.js +793 -0
  99. package/lib-amd/global/colors.js.map +1 -0
  100. package/lib-amd/global/curves.js +17 -0
  101. package/lib-amd/global/curves.js.map +1 -0
  102. package/lib-amd/global/durations.js +15 -0
  103. package/lib-amd/global/durations.js.map +1 -0
  104. package/lib-amd/global/fonts.js +45 -0
  105. package/lib-amd/global/fonts.js.map +1 -0
  106. package/lib-amd/global/index.js +14 -0
  107. package/lib-amd/global/index.js.map +1 -0
  108. package/lib-amd/global/spacings.js +46 -0
  109. package/lib-amd/global/spacings.js.map +1 -0
  110. package/lib-amd/global/strokeWidths.js +12 -0
  111. package/lib-amd/global/strokeWidths.js.map +1 -0
  112. package/lib-amd/global/typographyStyles.js +113 -0
  113. package/lib-amd/global/typographyStyles.js.map +1 -0
  114. package/lib-amd/index.js +14 -1
  115. package/lib-amd/index.js.map +1 -1
  116. package/lib-amd/sharedColorNames.js +64 -0
  117. package/lib-amd/sharedColorNames.js.map +1 -0
  118. package/lib-amd/themeToTokensObject.js +24 -0
  119. package/lib-amd/themeToTokensObject.js.map +1 -0
  120. package/lib-amd/themes/index.js +7 -0
  121. package/lib-amd/themes/index.js.map +1 -0
  122. package/lib-amd/themes/teams/darkTheme.js +7 -0
  123. package/lib-amd/themes/teams/darkTheme.js.map +1 -0
  124. package/lib-amd/themes/teams/highContrastTheme.js +7 -0
  125. package/lib-amd/themes/teams/highContrastTheme.js.map +1 -0
  126. package/lib-amd/themes/teams/index.js +8 -0
  127. package/lib-amd/themes/teams/index.js.map +1 -0
  128. package/lib-amd/themes/teams/lightTheme.js +7 -0
  129. package/lib-amd/themes/teams/lightTheme.js.map +1 -0
  130. package/lib-amd/themes/web/darkTheme.js +7 -0
  131. package/lib-amd/themes/web/darkTheme.js.map +1 -0
  132. package/lib-amd/themes/web/index.js +7 -0
  133. package/lib-amd/themes/web/index.js.map +1 -0
  134. package/lib-amd/themes/web/lightTheme.js +7 -0
  135. package/lib-amd/themes/web/lightTheme.js.map +1 -0
  136. package/lib-amd/tokens.js +440 -0
  137. package/lib-amd/tokens.js.map +1 -0
  138. package/lib-amd/types.js +5 -0
  139. package/lib-amd/types.js.map +1 -0
  140. package/lib-amd/utils/createDarkTheme.js +11 -0
  141. package/lib-amd/utils/createDarkTheme.js.map +1 -0
  142. package/lib-amd/utils/createHighContrastTheme.js +11 -0
  143. package/lib-amd/utils/createHighContrastTheme.js.map +1 -0
  144. package/lib-amd/utils/createLightTheme.js +11 -0
  145. package/lib-amd/utils/createLightTheme.js.map +1 -0
  146. package/lib-amd/utils/createTeamsDarkTheme.js +11 -0
  147. package/lib-amd/utils/createTeamsDarkTheme.js.map +1 -0
  148. package/lib-amd/utils/index.js +9 -0
  149. package/lib-amd/utils/index.js.map +1 -0
  150. package/lib-amd/utils/shadows.js +19 -0
  151. package/lib-amd/utils/shadows.js.map +1 -0
  152. package/lib-commonjs/alias/darkColor.js +165 -0
  153. package/lib-commonjs/alias/darkColor.js.map +1 -0
  154. package/lib-commonjs/alias/darkColorPalette.js +53 -0
  155. package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
  156. package/lib-commonjs/alias/highContrastColor.js +165 -0
  157. package/lib-commonjs/alias/highContrastColor.js.map +1 -0
  158. package/lib-commonjs/alias/highContrastColorPalette.js +43 -0
  159. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
  160. package/lib-commonjs/alias/lightColor.js +165 -0
  161. package/lib-commonjs/alias/lightColor.js.map +1 -0
  162. package/lib-commonjs/alias/lightColorPalette.js +44 -0
  163. package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
  164. package/lib-commonjs/alias/teamsDarkColor.js +165 -0
  165. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
  166. package/lib-commonjs/global/borderRadius.js +15 -0
  167. package/lib-commonjs/global/borderRadius.js.map +1 -0
  168. package/lib-commonjs/global/brandColors.js +61 -0
  169. package/lib-commonjs/global/brandColors.js.map +1 -0
  170. package/lib-commonjs/global/colorPalette.js +49 -0
  171. package/lib-commonjs/global/colorPalette.js.map +1 -0
  172. package/lib-commonjs/global/colors.js +796 -0
  173. package/lib-commonjs/global/colors.js.map +1 -0
  174. package/lib-commonjs/global/curves.js +18 -0
  175. package/lib-commonjs/global/curves.js.map +1 -0
  176. package/lib-commonjs/global/durations.js +16 -0
  177. package/lib-commonjs/global/durations.js.map +1 -0
  178. package/lib-commonjs/global/fonts.js +44 -0
  179. package/lib-commonjs/global/fonts.js.map +1 -0
  180. package/lib-commonjs/global/index.js +26 -0
  181. package/lib-commonjs/global/index.js.map +1 -0
  182. package/lib-commonjs/global/spacings.js +47 -0
  183. package/lib-commonjs/global/spacings.js.map +1 -0
  184. package/lib-commonjs/global/strokeWidths.js +13 -0
  185. package/lib-commonjs/global/strokeWidths.js.map +1 -0
  186. package/lib-commonjs/global/typographyStyles.js +118 -0
  187. package/lib-commonjs/global/typographyStyles.js.map +1 -0
  188. package/lib-commonjs/index.js +88 -0
  189. package/lib-commonjs/index.js.map +1 -1
  190. package/lib-commonjs/sharedColorNames.js +16 -0
  191. package/lib-commonjs/sharedColorNames.js.map +1 -0
  192. package/lib-commonjs/themeToTokensObject.js +28 -0
  193. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  194. package/lib-commonjs/themes/index.js +12 -0
  195. package/lib-commonjs/themes/index.js.map +1 -0
  196. package/lib-commonjs/themes/teams/darkTheme.js +13 -0
  197. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
  198. package/lib-commonjs/themes/teams/highContrastTheme.js +11 -0
  199. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
  200. package/lib-commonjs/themes/teams/index.js +14 -0
  201. package/lib-commonjs/themes/teams/index.js.map +1 -0
  202. package/lib-commonjs/themes/teams/lightTheme.js +13 -0
  203. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
  204. package/lib-commonjs/themes/web/darkTheme.js +13 -0
  205. package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
  206. package/lib-commonjs/themes/web/index.js +12 -0
  207. package/lib-commonjs/themes/web/index.js.map +1 -0
  208. package/lib-commonjs/themes/web/lightTheme.js +13 -0
  209. package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
  210. package/lib-commonjs/tokens.js +441 -0
  211. package/lib-commonjs/tokens.js.map +1 -0
  212. package/lib-commonjs/types.js +6 -0
  213. package/lib-commonjs/types.js.map +1 -0
  214. package/lib-commonjs/utils/createDarkTheme.js +42 -0
  215. package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
  216. package/lib-commonjs/utils/createHighContrastTheme.js +42 -0
  217. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
  218. package/lib-commonjs/utils/createLightTheme.js +42 -0
  219. package/lib-commonjs/utils/createLightTheme.js.map +1 -0
  220. package/lib-commonjs/utils/createTeamsDarkTheme.js +42 -0
  221. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
  222. package/lib-commonjs/utils/index.js +16 -0
  223. package/lib-commonjs/utils/index.js.map +1 -0
  224. package/lib-commonjs/utils/shadows.js +20 -0
  225. package/lib-commonjs/utils/shadows.js.map +1 -0
  226. package/package.json +2 -1
package/lib/tokens.js ADDED
@@ -0,0 +1,435 @@
1
+ export const tokens = {
2
+ // Color tokens
3
+ colorNeutralForeground1: 'var(--colorNeutralForeground1)',
4
+ colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',
5
+ colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',
6
+ colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',
7
+ colorNeutralForeground2: 'var(--colorNeutralForeground2)',
8
+ colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',
9
+ colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',
10
+ colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',
11
+ colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',
12
+ colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',
13
+ colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',
14
+ colorNeutralForeground3: 'var(--colorNeutralForeground3)',
15
+ colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',
16
+ colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',
17
+ colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',
18
+ colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',
19
+ colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',
20
+ colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',
21
+ colorNeutralForeground4: 'var(--colorNeutralForeground4)',
22
+ colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',
23
+ colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',
24
+ colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',
25
+ colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',
26
+ colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',
27
+ colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',
28
+ colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',
29
+ colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',
30
+ colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',
31
+ colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',
32
+ colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',
33
+ colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',
34
+ colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',
35
+ colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',
36
+ colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',
37
+ colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',
38
+ colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',
39
+ colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)',
40
+ colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)',
41
+ colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',
42
+ colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',
43
+ colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',
44
+ colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',
45
+ colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',
46
+ colorBrandForeground1: 'var(--colorBrandForeground1)',
47
+ colorBrandForeground2: 'var(--colorBrandForeground2)',
48
+ colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
49
+ colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
50
+ colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',
51
+ colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',
52
+ colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',
53
+ colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',
54
+ colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',
55
+ colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',
56
+ colorNeutralBackground1: 'var(--colorNeutralBackground1)',
57
+ colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',
58
+ colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',
59
+ colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',
60
+ colorNeutralBackground2: 'var(--colorNeutralBackground2)',
61
+ colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',
62
+ colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',
63
+ colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',
64
+ colorNeutralBackground3: 'var(--colorNeutralBackground3)',
65
+ colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',
66
+ colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',
67
+ colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',
68
+ colorNeutralBackground4: 'var(--colorNeutralBackground4)',
69
+ colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',
70
+ colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',
71
+ colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',
72
+ colorNeutralBackground5: 'var(--colorNeutralBackground5)',
73
+ colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',
74
+ colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
75
+ colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
76
+ colorNeutralBackground6: 'var(--colorNeutralBackground6)',
77
+ colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
78
+ colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
79
+ colorSubtleBackground: 'var(--colorSubtleBackground)',
80
+ colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
81
+ colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
82
+ colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',
83
+ colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',
84
+ colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',
85
+ colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',
86
+ colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',
87
+ colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',
88
+ colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',
89
+ colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',
90
+ colorTransparentBackground: 'var(--colorTransparentBackground)',
91
+ colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',
92
+ colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',
93
+ colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',
94
+ colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',
95
+ colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',
96
+ colorNeutralStencil1: 'var(--colorNeutralStencil1)',
97
+ colorNeutralStencil2: 'var(--colorNeutralStencil2)',
98
+ colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)',
99
+ colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)',
100
+ colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',
101
+ colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',
102
+ colorBrandBackground: 'var(--colorBrandBackground)',
103
+ colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',
104
+ colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',
105
+ colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',
106
+ colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',
107
+ colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',
108
+ colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',
109
+ colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',
110
+ colorBrandBackground2: 'var(--colorBrandBackground2)',
111
+ colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
112
+ colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
113
+ colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
114
+ colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',
115
+ colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',
116
+ colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',
117
+ colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',
118
+ colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',
119
+ colorNeutralStroke1: 'var(--colorNeutralStroke1)',
120
+ colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',
121
+ colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',
122
+ colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',
123
+ colorNeutralStroke2: 'var(--colorNeutralStroke2)',
124
+ colorNeutralStroke3: 'var(--colorNeutralStroke3)',
125
+ colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
126
+ colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
127
+ colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
128
+ colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',
129
+ colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
130
+ colorBrandStroke1: 'var(--colorBrandStroke1)',
131
+ colorBrandStroke2: 'var(--colorBrandStroke2)',
132
+ colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
133
+ colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
134
+ colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
135
+ colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',
136
+ colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',
137
+ colorTransparentStroke: 'var(--colorTransparentStroke)',
138
+ colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
139
+ colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
140
+ colorStrokeFocus1: 'var(--colorStrokeFocus1)',
141
+ colorStrokeFocus2: 'var(--colorStrokeFocus2)',
142
+ colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
143
+ colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',
144
+ colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',
145
+ colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',
146
+ colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',
147
+ colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',
148
+ colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
149
+ colorBrandShadowKey: 'var(--colorBrandShadowKey)',
150
+ // Color palette tokens
151
+ // Color palette red tokens
152
+ colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
153
+ colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
154
+ colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
155
+ colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
156
+ colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
157
+ colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
158
+ colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
159
+ colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
160
+ colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
161
+ colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)',
162
+ // Color palette green tokens
163
+ colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
164
+ colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
165
+ colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
166
+ colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
167
+ colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
168
+ colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
169
+ colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
170
+ colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
171
+ colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
172
+ colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)',
173
+ // Color palette dark orange tokens
174
+ colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
175
+ colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
176
+ colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
177
+ colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
178
+ colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
179
+ colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
180
+ colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
181
+ colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
182
+ colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
183
+ // Color palette yellow tokens
184
+ colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
185
+ colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
186
+ colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
187
+ colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
188
+ colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
189
+ colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
190
+ colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
191
+ colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
192
+ colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
193
+ colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)',
194
+ // Color palette berry tokens
195
+ colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
196
+ colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
197
+ colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',
198
+ colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',
199
+ colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',
200
+ colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',
201
+ colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
202
+ colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
203
+ colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
204
+ // Color palette marigold tokens
205
+ colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
206
+ colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
207
+ colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
208
+ colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
209
+ colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
210
+ colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
211
+ colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
212
+ colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
213
+ colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
214
+ // Color palette light green tokens
215
+ colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
216
+ colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
217
+ colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
218
+ colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
219
+ colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
220
+ colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
221
+ colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
222
+ colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
223
+ colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
224
+ // Color palette anchor tokens
225
+ colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
226
+ colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
227
+ colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
228
+ // Color palette beige tokens
229
+ colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
230
+ colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
231
+ colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
232
+ // Color palette blue tokens
233
+ colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
234
+ colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
235
+ colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
236
+ // Color palette brass tokens
237
+ colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
238
+ colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
239
+ colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',
240
+ // Color palette brown tokens
241
+ colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
242
+ colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
243
+ colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',
244
+ // Color palette cornflower tokens
245
+ colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
246
+ colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
247
+ colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
248
+ // Color palette cranberry tokens
249
+ colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
250
+ colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
251
+ colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',
252
+ // Color palette dark green tokens
253
+ colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
254
+ colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
255
+ colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',
256
+ // Color palette dark red tokens
257
+ colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
258
+ colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
259
+ colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',
260
+ // Color palette forest tokens
261
+ colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
262
+ colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
263
+ colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
264
+ // Color palette gold tokens
265
+ colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
266
+ colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
267
+ colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
268
+ // Color palette grape tokens
269
+ colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
270
+ colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
271
+ colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',
272
+ // Color palette lavender tokens
273
+ colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
274
+ colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
275
+ colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',
276
+ // Color palette light teal tokens
277
+ colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
278
+ colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
279
+ colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
280
+ // Color palette lilac tokens
281
+ colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
282
+ colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
283
+ colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',
284
+ // Color palette magenta tokens
285
+ colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
286
+ colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
287
+ colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',
288
+ // Color palette mink tokens
289
+ colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
290
+ colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
291
+ colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
292
+ // Color palette navy tokens
293
+ colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
294
+ colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
295
+ colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',
296
+ // Color palette peach tokens
297
+ colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
298
+ colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
299
+ colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
300
+ // Color palette pink tokens
301
+ colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
302
+ colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
303
+ colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
304
+ // Color palette platinum tokens
305
+ colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
306
+ colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
307
+ colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
308
+ // Color palette plum tokens
309
+ colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
310
+ colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
311
+ colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
312
+ // Color palette pumpkin tokens
313
+ colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
314
+ colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
315
+ colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
316
+ // Color palette purple tokens
317
+ colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
318
+ colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
319
+ colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',
320
+ // Color palette royal blue tokens
321
+ colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
322
+ colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
323
+ colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
324
+ // Color palette seafoam tokens
325
+ colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
326
+ colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
327
+ colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',
328
+ // Color palette steel tokens
329
+ colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
330
+ colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
331
+ colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
332
+ // Color palette teal tokens
333
+ colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
334
+ colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
335
+ colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',
336
+ // Border radius tokens
337
+ borderRadiusNone: 'var(--borderRadiusNone)',
338
+ borderRadiusSmall: 'var(--borderRadiusSmall)',
339
+ borderRadiusMedium: 'var(--borderRadiusMedium)',
340
+ borderRadiusLarge: 'var(--borderRadiusLarge)',
341
+ borderRadiusXLarge: 'var(--borderRadiusXLarge)',
342
+ borderRadiusCircular: 'var(--borderRadiusCircular)',
343
+ // Font family tokens
344
+ fontFamilyBase: 'var(--fontFamilyBase)',
345
+ fontFamilyMonospace: 'var(--fontFamilyMonospace)',
346
+ fontFamilyNumeric: 'var(--fontFamilyNumeric)',
347
+ // Font size tokens
348
+ fontSizeBase100: 'var(--fontSizeBase100)',
349
+ fontSizeBase200: 'var(--fontSizeBase200)',
350
+ fontSizeBase300: 'var(--fontSizeBase300)',
351
+ fontSizeBase400: 'var(--fontSizeBase400)',
352
+ fontSizeBase500: 'var(--fontSizeBase500)',
353
+ fontSizeBase600: 'var(--fontSizeBase600)',
354
+ fontSizeHero700: 'var(--fontSizeHero700)',
355
+ fontSizeHero800: 'var(--fontSizeHero800)',
356
+ fontSizeHero900: 'var(--fontSizeHero900)',
357
+ fontSizeHero1000: 'var(--fontSizeHero1000)',
358
+ // Font weight tokens
359
+ fontWeightRegular: 'var(--fontWeightRegular)',
360
+ fontWeightMedium: 'var(--fontWeightMedium)',
361
+ fontWeightSemibold: 'var(--fontWeightSemibold)',
362
+ fontWeightBold: 'var(--fontWeightBold)',
363
+ // Line height tokens
364
+ lineHeightBase100: 'var(--lineHeightBase100)',
365
+ lineHeightBase200: 'var(--lineHeightBase200)',
366
+ lineHeightBase300: 'var(--lineHeightBase300)',
367
+ lineHeightBase400: 'var(--lineHeightBase400)',
368
+ lineHeightBase500: 'var(--lineHeightBase500)',
369
+ lineHeightBase600: 'var(--lineHeightBase600)',
370
+ lineHeightHero700: 'var(--lineHeightHero700)',
371
+ lineHeightHero800: 'var(--lineHeightHero800)',
372
+ lineHeightHero900: 'var(--lineHeightHero900)',
373
+ lineHeightHero1000: 'var(--lineHeightHero1000)',
374
+ // Shadow tokens
375
+ shadow2: 'var(--shadow2)',
376
+ shadow4: 'var(--shadow4)',
377
+ shadow8: 'var(--shadow8)',
378
+ shadow16: 'var(--shadow16)',
379
+ shadow28: 'var(--shadow28)',
380
+ shadow64: 'var(--shadow64)',
381
+ // Shadow brand tokens
382
+ shadow2Brand: 'var(--shadow2Brand)',
383
+ shadow4Brand: 'var(--shadow4Brand)',
384
+ shadow8Brand: 'var(--shadow8Brand)',
385
+ shadow16Brand: 'var(--shadow16Brand)',
386
+ shadow28Brand: 'var(--shadow28Brand)',
387
+ shadow64Brand: 'var(--shadow64Brand)',
388
+ // Stroke width tokens
389
+ strokeWidthThin: 'var(--strokeWidthThin)',
390
+ strokeWidthThick: 'var(--strokeWidthThick)',
391
+ strokeWidthThicker: 'var(--strokeWidthThicker)',
392
+ strokeWidthThickest: 'var(--strokeWidthThickest)',
393
+ // Spacings
394
+ spacingHorizontalNone: 'var(--spacingHorizontalNone)',
395
+ spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',
396
+ spacingHorizontalXS: 'var(--spacingHorizontalXS)',
397
+ spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',
398
+ spacingHorizontalS: 'var(--spacingHorizontalS)',
399
+ spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',
400
+ spacingHorizontalM: 'var(--spacingHorizontalM)',
401
+ spacingHorizontalL: 'var(--spacingHorizontalL)',
402
+ spacingHorizontalXL: 'var(--spacingHorizontalXL)',
403
+ spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',
404
+ spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',
405
+ spacingVerticalNone: 'var(--spacingVerticalNone)',
406
+ spacingVerticalXXS: 'var(--spacingVerticalXXS)',
407
+ spacingVerticalXS: 'var(--spacingVerticalXS)',
408
+ spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',
409
+ spacingVerticalS: 'var(--spacingVerticalS)',
410
+ spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',
411
+ spacingVerticalM: 'var(--spacingVerticalM)',
412
+ spacingVerticalL: 'var(--spacingVerticalL)',
413
+ spacingVerticalXL: 'var(--spacingVerticalXL)',
414
+ spacingVerticalXXL: 'var(--spacingVerticalXXL)',
415
+ spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',
416
+ // Durations
417
+ durationUltraFast: 'var(--durationUltraFast)',
418
+ durationFaster: 'var(--durationFaster)',
419
+ durationFast: 'var(--durationFast)',
420
+ durationNormal: 'var(--durationNormal)',
421
+ durationSlow: 'var(--durationSlow)',
422
+ durationSlower: 'var(--durationSlower)',
423
+ durationUltraSlow: 'var(--durationUltraSlow)',
424
+ // Curves
425
+ curveAccelerateMax: 'var(--curveAccelerateMax)',
426
+ curveAccelerateMid: 'var(--curveAccelerateMid)',
427
+ curveAccelerateMin: 'var(--curveAccelerateMin)',
428
+ curveDecelerateMax: 'var(--curveDecelerateMax)',
429
+ curveDecelerateMid: 'var(--curveDecelerateMid)',
430
+ curveDecelerateMin: 'var(--curveDecelerateMin)',
431
+ curveEasyEaseMax: 'var(--curveEasyEaseMax)',
432
+ curveEasyEase: 'var(--curveEasyEase)',
433
+ curveLinear: 'var(--curveLinear)'
434
+ };
435
+ //# sourceMappingURL=tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["packages/tokens/src/tokens.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Theme } from './types';\n\nexport const tokens: Record<keyof Theme, string> = {\n // Color tokens\n colorNeutralForeground1: 'var(--colorNeutralForeground1)',\n colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',\n colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',\n colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',\n colorNeutralForeground2: 'var(--colorNeutralForeground2)',\n colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',\n colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',\n colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',\n colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',\n colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',\n colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',\n colorNeutralForeground3: 'var(--colorNeutralForeground3)',\n colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',\n colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',\n colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',\n colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',\n colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',\n colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',\n colorNeutralForeground4: 'var(--colorNeutralForeground4)',\n colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',\n colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',\n colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',\n colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',\n colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',\n colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',\n colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',\n colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',\n colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',\n colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',\n colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',\n colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',\n colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',\n colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',\n colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',\n colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',\n colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',\n colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)',\n colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)',\n colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',\n colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',\n colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',\n colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',\n colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',\n colorBrandForeground1: 'var(--colorBrandForeground1)',\n colorBrandForeground2: 'var(--colorBrandForeground2)',\n colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',\n colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',\n colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',\n colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',\n colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',\n colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',\n colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',\n colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',\n colorNeutralBackground1: 'var(--colorNeutralBackground1)',\n colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',\n colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',\n colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',\n colorNeutralBackground2: 'var(--colorNeutralBackground2)',\n colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',\n colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',\n colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',\n colorNeutralBackground3: 'var(--colorNeutralBackground3)',\n colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',\n colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',\n colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',\n colorNeutralBackground4: 'var(--colorNeutralBackground4)',\n colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',\n colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',\n colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',\n colorNeutralBackground5: 'var(--colorNeutralBackground5)',\n colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',\n colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',\n colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',\n colorNeutralBackground6: 'var(--colorNeutralBackground6)',\n colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',\n colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',\n colorSubtleBackground: 'var(--colorSubtleBackground)',\n colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',\n colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',\n colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',\n colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',\n colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',\n colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',\n colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',\n colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',\n colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',\n colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',\n colorTransparentBackground: 'var(--colorTransparentBackground)',\n colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',\n colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',\n colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',\n colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',\n colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',\n colorNeutralStencil1: 'var(--colorNeutralStencil1)',\n colorNeutralStencil2: 'var(--colorNeutralStencil2)',\n colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)',\n colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)',\n colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',\n colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',\n colorBrandBackground: 'var(--colorBrandBackground)',\n colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',\n colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',\n colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',\n colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',\n colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',\n colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',\n colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',\n colorBrandBackground2: 'var(--colorBrandBackground2)',\n colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',\n colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',\n colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',\n colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',\n colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',\n colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',\n colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',\n colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',\n colorNeutralStroke1: 'var(--colorNeutralStroke1)',\n colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',\n colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',\n colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',\n colorNeutralStroke2: 'var(--colorNeutralStroke2)',\n colorNeutralStroke3: 'var(--colorNeutralStroke3)',\n colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',\n colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',\n colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',\n colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',\n colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',\n colorBrandStroke1: 'var(--colorBrandStroke1)',\n colorBrandStroke2: 'var(--colorBrandStroke2)',\n colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',\n colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',\n colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',\n colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',\n colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',\n colorTransparentStroke: 'var(--colorTransparentStroke)',\n colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',\n colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',\n colorStrokeFocus1: 'var(--colorStrokeFocus1)',\n colorStrokeFocus2: 'var(--colorStrokeFocus2)',\n colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',\n colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',\n colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',\n colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',\n colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',\n colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',\n colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',\n colorBrandShadowKey: 'var(--colorBrandShadowKey)',\n\n // Color palette tokens\n\n // Color palette red tokens\n colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',\n colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',\n colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',\n colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',\n colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',\n colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',\n colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',\n colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',\n colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',\n colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)',\n\n // Color palette green tokens\n colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',\n colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',\n colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',\n colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',\n colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',\n colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',\n colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',\n colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',\n colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',\n colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)',\n\n // Color palette dark orange tokens\n colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',\n colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',\n colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',\n colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',\n colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',\n colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',\n colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',\n colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',\n colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',\n\n // Color palette yellow tokens\n colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',\n colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',\n colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',\n colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',\n colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',\n colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',\n colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',\n colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',\n colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',\n colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)',\n\n // Color palette berry tokens\n colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',\n colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',\n colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',\n colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',\n colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',\n colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',\n colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',\n colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',\n colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',\n\n // Color palette marigold tokens\n colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',\n colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',\n colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',\n colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',\n colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',\n colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',\n colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',\n colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',\n colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',\n\n // Color palette light green tokens\n colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',\n colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',\n colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',\n colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',\n colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',\n colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',\n colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',\n colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',\n colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',\n\n // Color palette anchor tokens\n colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',\n colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',\n colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',\n\n // Color palette beige tokens\n colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',\n colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',\n colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',\n\n // Color palette blue tokens\n colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',\n colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',\n colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',\n\n // Color palette brass tokens\n colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',\n colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',\n colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',\n\n // Color palette brown tokens\n colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',\n colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',\n colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',\n\n // Color palette cornflower tokens\n colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',\n colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',\n colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',\n\n // Color palette cranberry tokens\n colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',\n colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',\n colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',\n\n // Color palette dark green tokens\n colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',\n colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',\n colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',\n\n // Color palette dark red tokens\n colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',\n colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',\n colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',\n\n // Color palette forest tokens\n colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',\n colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',\n colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',\n\n // Color palette gold tokens\n colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',\n colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',\n colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',\n\n // Color palette grape tokens\n colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',\n colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',\n colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',\n\n // Color palette lavender tokens\n colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',\n colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',\n colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',\n\n // Color palette light teal tokens\n colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',\n colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',\n colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',\n\n // Color palette lilac tokens\n colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',\n colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',\n colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',\n\n // Color palette magenta tokens\n colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',\n colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',\n colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',\n\n // Color palette mink tokens\n colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',\n colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',\n colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',\n\n // Color palette navy tokens\n colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',\n colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',\n colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',\n\n // Color palette peach tokens\n colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',\n colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',\n colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',\n\n // Color palette pink tokens\n colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',\n colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',\n colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',\n\n // Color palette platinum tokens\n colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',\n colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',\n colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',\n\n // Color palette plum tokens\n colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',\n colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',\n colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',\n\n // Color palette pumpkin tokens\n colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',\n colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',\n colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',\n\n // Color palette purple tokens\n colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',\n colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',\n colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',\n\n // Color palette royal blue tokens\n colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',\n colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',\n colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',\n\n // Color palette seafoam tokens\n colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',\n colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',\n colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',\n\n // Color palette steel tokens\n colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',\n colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',\n colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',\n\n // Color palette teal tokens\n colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',\n colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',\n colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',\n\n // Border radius tokens\n borderRadiusNone: 'var(--borderRadiusNone)',\n borderRadiusSmall: 'var(--borderRadiusSmall)',\n borderRadiusMedium: 'var(--borderRadiusMedium)',\n borderRadiusLarge: 'var(--borderRadiusLarge)',\n borderRadiusXLarge: 'var(--borderRadiusXLarge)',\n borderRadiusCircular: 'var(--borderRadiusCircular)',\n\n // Font family tokens\n fontFamilyBase: 'var(--fontFamilyBase)',\n fontFamilyMonospace: 'var(--fontFamilyMonospace)',\n fontFamilyNumeric: 'var(--fontFamilyNumeric)',\n\n // Font size tokens\n fontSizeBase100: 'var(--fontSizeBase100)',\n fontSizeBase200: 'var(--fontSizeBase200)',\n fontSizeBase300: 'var(--fontSizeBase300)',\n fontSizeBase400: 'var(--fontSizeBase400)',\n fontSizeBase500: 'var(--fontSizeBase500)',\n fontSizeBase600: 'var(--fontSizeBase600)',\n fontSizeHero700: 'var(--fontSizeHero700)',\n fontSizeHero800: 'var(--fontSizeHero800)',\n fontSizeHero900: 'var(--fontSizeHero900)',\n fontSizeHero1000: 'var(--fontSizeHero1000)',\n\n // Font weight tokens\n fontWeightRegular: 'var(--fontWeightRegular)',\n fontWeightMedium: 'var(--fontWeightMedium)',\n fontWeightSemibold: 'var(--fontWeightSemibold)',\n fontWeightBold: 'var(--fontWeightBold)',\n\n // Line height tokens\n lineHeightBase100: 'var(--lineHeightBase100)',\n lineHeightBase200: 'var(--lineHeightBase200)',\n lineHeightBase300: 'var(--lineHeightBase300)',\n lineHeightBase400: 'var(--lineHeightBase400)',\n lineHeightBase500: 'var(--lineHeightBase500)',\n lineHeightBase600: 'var(--lineHeightBase600)',\n lineHeightHero700: 'var(--lineHeightHero700)',\n lineHeightHero800: 'var(--lineHeightHero800)',\n lineHeightHero900: 'var(--lineHeightHero900)',\n lineHeightHero1000: 'var(--lineHeightHero1000)',\n\n // Shadow tokens\n shadow2: 'var(--shadow2)',\n shadow4: 'var(--shadow4)',\n shadow8: 'var(--shadow8)',\n shadow16: 'var(--shadow16)',\n shadow28: 'var(--shadow28)',\n shadow64: 'var(--shadow64)',\n\n // Shadow brand tokens\n shadow2Brand: 'var(--shadow2Brand)',\n shadow4Brand: 'var(--shadow4Brand)',\n shadow8Brand: 'var(--shadow8Brand)',\n shadow16Brand: 'var(--shadow16Brand)',\n shadow28Brand: 'var(--shadow28Brand)',\n shadow64Brand: 'var(--shadow64Brand)',\n\n // Stroke width tokens\n strokeWidthThin: 'var(--strokeWidthThin)',\n strokeWidthThick: 'var(--strokeWidthThick)',\n strokeWidthThicker: 'var(--strokeWidthThicker)',\n strokeWidthThickest: 'var(--strokeWidthThickest)',\n\n // Spacings\n spacingHorizontalNone: 'var(--spacingHorizontalNone)',\n spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',\n spacingHorizontalXS: 'var(--spacingHorizontalXS)',\n spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',\n spacingHorizontalS: 'var(--spacingHorizontalS)',\n spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',\n spacingHorizontalM: 'var(--spacingHorizontalM)',\n spacingHorizontalL: 'var(--spacingHorizontalL)',\n spacingHorizontalXL: 'var(--spacingHorizontalXL)',\n spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',\n spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',\n\n spacingVerticalNone: 'var(--spacingVerticalNone)',\n spacingVerticalXXS: 'var(--spacingVerticalXXS)',\n spacingVerticalXS: 'var(--spacingVerticalXS)',\n spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',\n spacingVerticalS: 'var(--spacingVerticalS)',\n spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',\n spacingVerticalM: 'var(--spacingVerticalM)',\n spacingVerticalL: 'var(--spacingVerticalL)',\n spacingVerticalXL: 'var(--spacingVerticalXL)',\n spacingVerticalXXL: 'var(--spacingVerticalXXL)',\n spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',\n\n // Durations\n durationUltraFast: 'var(--durationUltraFast)',\n durationFaster: 'var(--durationFaster)',\n durationFast: 'var(--durationFast)',\n durationNormal: 'var(--durationNormal)',\n durationSlow: 'var(--durationSlow)',\n durationSlower: 'var(--durationSlower)',\n durationUltraSlow: 'var(--durationUltraSlow)',\n\n // Curves\n curveAccelerateMax: 'var(--curveAccelerateMax)',\n curveAccelerateMid: 'var(--curveAccelerateMid)',\n curveAccelerateMin: 'var(--curveAccelerateMin)',\n curveDecelerateMax: 'var(--curveDecelerateMax)',\n curveDecelerateMid: 'var(--curveDecelerateMid)',\n curveDecelerateMin: 'var(--curveDecelerateMin)',\n curveEasyEaseMax: 'var(--curveEasyEaseMax)',\n curveEasyEase: 'var(--curveEasyEase)',\n curveLinear: 'var(--curveLinear)',\n};\n"],"sourceRoot":"../src/"}
package/lib/types.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"../src/","sources":["packages/tokens/src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { statusSharedColorNames, personaSharedColorNames, unusedSharedColorNames } from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundInverted: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\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 Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = typeof statusSharedColorNames[number];\ntype PersonaSharedColorNames = typeof personaSharedColorNames[number];\ntype UnusedSharedColorNames = typeof unusedSharedColorNames[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: 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 TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\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\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\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 = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}
@@ -0,0 +1,26 @@
1
+ import { colorPaletteTokens } from '../alias/darkColorPalette';
2
+ import { generateColorTokens } from '../alias/darkColor';
3
+ import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
4
+ import { createShadowTokens } from './shadows';
5
+ import { durations } from '../global/durations';
6
+ import { curves } from '../global/curves';
7
+ import { horizontalSpacings, verticalSpacings } from '../global/spacings';
8
+ export const createDarkTheme = brand => {
9
+ const colorTokens = generateColorTokens(brand);
10
+ return { ...borderRadius,
11
+ ...fontSizes,
12
+ ...lineHeights,
13
+ ...fontFamilies,
14
+ ...fontWeights,
15
+ ...strokeWidths,
16
+ ...horizontalSpacings,
17
+ ...verticalSpacings,
18
+ ...durations,
19
+ ...curves,
20
+ ...colorTokens,
21
+ ...colorPaletteTokens,
22
+ ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
23
+ ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
24
+ };
25
+ };
26
+ //# sourceMappingURL=createDarkTheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["packages/tokens/src/utils/createDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,2BAAnC;AACA,SAAS,mBAAT,QAAoC,oBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,eAAe,GAAoC,KAAK,IAAG;EACtE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}