@fluentui/react-theme 9.0.0-nightly.d730088d7f.0 → 9.0.0-rc.10

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 (229) hide show
  1. package/CHANGELOG.json +349 -10
  2. package/CHANGELOG.md +157 -40
  3. package/dist/index.d.ts +433 -0
  4. package/{lib → dist}/tsdoc-metadata.json +0 -0
  5. package/lib/alias/darkColor.js +147 -0
  6. package/lib/alias/darkColor.js.map +1 -0
  7. package/lib/alias/darkColorPalette.js +33 -0
  8. package/lib/alias/darkColorPalette.js.map +1 -0
  9. package/lib/alias/highContrastColor.js +147 -0
  10. package/lib/alias/highContrastColor.js.map +1 -0
  11. package/lib/alias/highContrastColorPalette.js +33 -0
  12. package/lib/alias/highContrastColorPalette.js.map +1 -0
  13. package/lib/alias/lightColor.js +147 -0
  14. package/lib/alias/lightColor.js.map +1 -0
  15. package/lib/alias/lightColorPalette.js +33 -0
  16. package/lib/alias/lightColorPalette.js.map +1 -0
  17. package/lib/alias/teamsDarkColor.js +147 -0
  18. package/lib/alias/teamsDarkColor.js.map +1 -0
  19. package/lib/alias/teamsDarkColorPalette.js +33 -0
  20. package/lib/alias/teamsDarkColorPalette.js.map +1 -0
  21. package/lib/global/borderRadius.js +1 -1
  22. package/lib/global/borderRadius.js.map +1 -1
  23. package/lib/global/brandColors.js +53 -31
  24. package/lib/global/brandColors.js.map +1 -1
  25. package/lib/global/colors.js +148 -130
  26. package/lib/global/colors.js.map +1 -1
  27. package/lib/global/curves.js +12 -0
  28. package/lib/global/curves.js.map +1 -0
  29. package/lib/global/durations.js +10 -0
  30. package/lib/global/durations.js.map +1 -0
  31. package/lib/global/fonts.js +4 -4
  32. package/lib/global/fonts.js.map +1 -1
  33. package/lib/global/index.js +5 -0
  34. package/lib/global/index.js.map +1 -1
  35. package/lib/global/spacings.js +40 -0
  36. package/lib/global/spacings.js.map +1 -0
  37. package/lib/global/strokeWidths.js +1 -1
  38. package/lib/global/strokeWidths.js.map +1 -1
  39. package/lib/global/typographyStyles.js +104 -0
  40. package/lib/global/typographyStyles.js.map +1 -0
  41. package/lib/index.js +5 -2
  42. package/lib/index.js.map +1 -1
  43. package/lib/themeToTokensObject.js +19 -0
  44. package/lib/themeToTokensObject.js.map +1 -0
  45. package/lib/themes/index.js.map +1 -1
  46. package/lib/themes/teams/darkTheme.js +1 -1
  47. package/lib/themes/teams/darkTheme.js.map +1 -1
  48. package/lib/themes/teams/highContrastTheme.js +1 -1
  49. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  50. package/lib/themes/teams/index.js.map +1 -1
  51. package/lib/themes/teams/lightTheme.js +1 -1
  52. package/lib/themes/teams/lightTheme.js.map +1 -1
  53. package/lib/themes/web/darkTheme.js +1 -1
  54. package/lib/themes/web/darkTheme.js.map +1 -1
  55. package/lib/themes/web/index.js +0 -1
  56. package/lib/themes/web/index.js.map +1 -1
  57. package/lib/themes/web/lightTheme.js +1 -1
  58. package/lib/themes/web/lightTheme.js.map +1 -1
  59. package/lib/tokens.js +426 -0
  60. package/lib/tokens.js.map +1 -0
  61. package/lib/types.js.map +1 -1
  62. package/lib/utils/createDarkTheme.js +22 -5
  63. package/lib/utils/createDarkTheme.js.map +1 -1
  64. package/lib/utils/createHighContrastTheme.js +22 -5
  65. package/lib/utils/createHighContrastTheme.js.map +1 -1
  66. package/lib/utils/createLightTheme.js +22 -5
  67. package/lib/utils/createLightTheme.js.map +1 -1
  68. package/lib/utils/createTeamsDarkTheme.js +22 -5
  69. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  70. package/lib/utils/index.js +0 -2
  71. package/lib/utils/index.js.map +1 -1
  72. package/lib/utils/shadows.js +7 -7
  73. package/lib/utils/shadows.js.map +1 -1
  74. package/lib-commonjs/alias/darkColor.js +157 -0
  75. package/lib-commonjs/alias/darkColor.js.map +1 -0
  76. package/lib-commonjs/alias/darkColorPalette.js +41 -0
  77. package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
  78. package/lib-commonjs/alias/highContrastColor.js +157 -0
  79. package/lib-commonjs/alias/highContrastColor.js.map +1 -0
  80. package/lib-commonjs/alias/highContrastColorPalette.js +41 -0
  81. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
  82. package/lib-commonjs/alias/lightColor.js +157 -0
  83. package/lib-commonjs/alias/lightColor.js.map +1 -0
  84. package/lib-commonjs/alias/lightColorPalette.js +41 -0
  85. package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
  86. package/lib-commonjs/alias/teamsDarkColor.js +157 -0
  87. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
  88. package/lib-commonjs/alias/teamsDarkColorPalette.js +41 -0
  89. package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
  90. package/lib-commonjs/global/borderRadius.js.map +1 -1
  91. package/lib-commonjs/global/brandColors.js +52 -30
  92. package/lib-commonjs/global/brandColors.js.map +1 -1
  93. package/lib-commonjs/global/colors.js +138 -120
  94. package/lib-commonjs/global/colors.js.map +1 -1
  95. package/lib-commonjs/global/curves.js +18 -0
  96. package/lib-commonjs/global/curves.js.map +1 -0
  97. package/lib-commonjs/global/durations.js +16 -0
  98. package/lib-commonjs/global/durations.js.map +1 -0
  99. package/lib-commonjs/global/fonts.js.map +1 -1
  100. package/lib-commonjs/global/index.js +11 -1
  101. package/lib-commonjs/global/index.js.map +1 -1
  102. package/lib-commonjs/global/spacings.js +46 -0
  103. package/lib-commonjs/global/spacings.js.map +1 -0
  104. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  105. package/lib-commonjs/global/typographyStyles.js +112 -0
  106. package/lib-commonjs/global/typographyStyles.js.map +1 -0
  107. package/lib-commonjs/index.js +85 -3
  108. package/lib-commonjs/index.js.map +1 -1
  109. package/lib-commonjs/themeToTokensObject.js +28 -0
  110. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  111. package/lib-commonjs/themes/index.js +1 -1
  112. package/lib-commonjs/themes/index.js.map +1 -1
  113. package/lib-commonjs/themes/teams/darkTheme.js +2 -2
  114. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  115. package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
  116. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  117. package/lib-commonjs/themes/teams/index.js +1 -1
  118. package/lib-commonjs/themes/teams/index.js.map +1 -1
  119. package/lib-commonjs/themes/teams/lightTheme.js +2 -2
  120. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  121. package/lib-commonjs/themes/web/darkTheme.js +2 -2
  122. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  123. package/lib-commonjs/themes/web/index.js +1 -3
  124. package/lib-commonjs/themes/web/index.js.map +1 -1
  125. package/lib-commonjs/themes/web/lightTheme.js +2 -2
  126. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  127. package/lib-commonjs/tokens.js +432 -0
  128. package/lib-commonjs/tokens.js.map +1 -0
  129. package/lib-commonjs/types.js.map +1 -1
  130. package/lib-commonjs/utils/createDarkTheme.js +27 -7
  131. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  132. package/lib-commonjs/utils/createHighContrastTheme.js +27 -7
  133. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  134. package/lib-commonjs/utils/createLightTheme.js +27 -7
  135. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  136. package/lib-commonjs/utils/createTeamsDarkTheme.js +27 -7
  137. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  138. package/lib-commonjs/utils/index.js +1 -13
  139. package/lib-commonjs/utils/index.js.map +1 -1
  140. package/lib-commonjs/utils/shadows.js +7 -7
  141. package/lib-commonjs/utils/shadows.js.map +1 -1
  142. package/package.json +16 -12
  143. package/dist/react-theme.d.ts +0 -326
  144. package/lib/alias/dark.d.ts +0 -3
  145. package/lib/alias/dark.js +0 -117
  146. package/lib/alias/dark.js.map +0 -1
  147. package/lib/alias/highContrast.d.ts +0 -3
  148. package/lib/alias/highContrast.js +0 -117
  149. package/lib/alias/highContrast.js.map +0 -1
  150. package/lib/alias/light.d.ts +0 -3
  151. package/lib/alias/light.js +0 -117
  152. package/lib/alias/light.js.map +0 -1
  153. package/lib/alias/teamsDark.d.ts +0 -3
  154. package/lib/alias/teamsDark.js +0 -117
  155. package/lib/alias/teamsDark.js.map +0 -1
  156. package/lib/global/borderRadius.d.ts +0 -2
  157. package/lib/global/brandColors.d.ts +0 -3
  158. package/lib/global/colors.d.ts +0 -15
  159. package/lib/global/fonts.d.ts +0 -5
  160. package/lib/global/index.d.ts +0 -4
  161. package/lib/global/strokeWidths.d.ts +0 -2
  162. package/lib/index.d.ts +0 -3
  163. package/lib/themes/index.d.ts +0 -2
  164. package/lib/themes/teams/darkTheme.d.ts +0 -2
  165. package/lib/themes/teams/highContrastTheme.d.ts +0 -2
  166. package/lib/themes/teams/index.d.ts +0 -3
  167. package/lib/themes/teams/lightTheme.d.ts +0 -2
  168. package/lib/themes/web/darkTheme.d.ts +0 -2
  169. package/lib/themes/web/highContrastTheme.d.ts +0 -2
  170. package/lib/themes/web/highContrastTheme.js +0 -3
  171. package/lib/themes/web/highContrastTheme.js.map +0 -1
  172. package/lib/themes/web/index.d.ts +0 -3
  173. package/lib/themes/web/lightTheme.d.ts +0 -2
  174. package/lib/types.d.ts +0 -327
  175. package/lib/utils/createDarkTheme.d.ts +0 -2
  176. package/lib/utils/createHighContrastTheme.d.ts +0 -2
  177. package/lib/utils/createLightTheme.d.ts +0 -2
  178. package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
  179. package/lib/utils/index.d.ts +0 -6
  180. package/lib/utils/mergeThemes.d.ts +0 -2
  181. package/lib/utils/mergeThemes.js +0 -14
  182. package/lib/utils/mergeThemes.js.map +0 -1
  183. package/lib/utils/shadows.d.ts +0 -2
  184. package/lib/utils/themeToCSSVariables.d.ts +0 -2
  185. package/lib/utils/themeToCSSVariables.js +0 -12
  186. package/lib/utils/themeToCSSVariables.js.map +0 -1
  187. package/lib-commonjs/alias/dark.d.ts +0 -3
  188. package/lib-commonjs/alias/dark.js +0 -128
  189. package/lib-commonjs/alias/dark.js.map +0 -1
  190. package/lib-commonjs/alias/highContrast.d.ts +0 -3
  191. package/lib-commonjs/alias/highContrast.js +0 -128
  192. package/lib-commonjs/alias/highContrast.js.map +0 -1
  193. package/lib-commonjs/alias/light.d.ts +0 -3
  194. package/lib-commonjs/alias/light.js +0 -128
  195. package/lib-commonjs/alias/light.js.map +0 -1
  196. package/lib-commonjs/alias/teamsDark.d.ts +0 -3
  197. package/lib-commonjs/alias/teamsDark.js +0 -128
  198. package/lib-commonjs/alias/teamsDark.js.map +0 -1
  199. package/lib-commonjs/global/borderRadius.d.ts +0 -2
  200. package/lib-commonjs/global/brandColors.d.ts +0 -3
  201. package/lib-commonjs/global/colors.d.ts +0 -15
  202. package/lib-commonjs/global/fonts.d.ts +0 -5
  203. package/lib-commonjs/global/index.d.ts +0 -4
  204. package/lib-commonjs/global/strokeWidths.d.ts +0 -2
  205. package/lib-commonjs/index.d.ts +0 -3
  206. package/lib-commonjs/themes/index.d.ts +0 -2
  207. package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
  208. package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
  209. package/lib-commonjs/themes/teams/index.d.ts +0 -3
  210. package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
  211. package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
  212. package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
  213. package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
  214. package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
  215. package/lib-commonjs/themes/web/index.d.ts +0 -3
  216. package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
  217. package/lib-commonjs/types.d.ts +0 -327
  218. package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
  219. package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
  220. package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
  221. package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
  222. package/lib-commonjs/utils/index.d.ts +0 -6
  223. package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
  224. package/lib-commonjs/utils/mergeThemes.js +0 -24
  225. package/lib-commonjs/utils/mergeThemes.js.map +0 -1
  226. package/lib-commonjs/utils/shadows.d.ts +0 -2
  227. package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
  228. package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
  229. package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
package/lib/tokens.js ADDED
@@ -0,0 +1,426 @@
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
+ colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',
40
+ colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',
41
+ colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',
42
+ colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',
43
+ colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',
44
+ colorBrandForeground1: 'var(--colorBrandForeground1)',
45
+ colorBrandForeground2: 'var(--colorBrandForeground2)',
46
+ colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
47
+ colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
48
+ colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',
49
+ colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',
50
+ colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',
51
+ colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',
52
+ colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',
53
+ colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',
54
+ colorNeutralBackground1: 'var(--colorNeutralBackground1)',
55
+ colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',
56
+ colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',
57
+ colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',
58
+ colorNeutralBackground2: 'var(--colorNeutralBackground2)',
59
+ colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',
60
+ colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',
61
+ colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',
62
+ colorNeutralBackground3: 'var(--colorNeutralBackground3)',
63
+ colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',
64
+ colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',
65
+ colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',
66
+ colorNeutralBackground4: 'var(--colorNeutralBackground4)',
67
+ colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',
68
+ colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',
69
+ colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',
70
+ colorNeutralBackground5: 'var(--colorNeutralBackground5)',
71
+ colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',
72
+ colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
73
+ colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
74
+ colorNeutralBackground6: 'var(--colorNeutralBackground6)',
75
+ colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
76
+ colorSubtleBackground: 'var(--colorSubtleBackground)',
77
+ colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
78
+ colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
79
+ colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',
80
+ colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',
81
+ colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',
82
+ colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',
83
+ colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',
84
+ colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',
85
+ colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',
86
+ colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',
87
+ colorTransparentBackground: 'var(--colorTransparentBackground)',
88
+ colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',
89
+ colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',
90
+ colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',
91
+ colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',
92
+ colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',
93
+ colorNeutralStencil1: 'var(--colorNeutralStencil1)',
94
+ colorNeutralStencil2: 'var(--colorNeutralStencil2)',
95
+ colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',
96
+ colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',
97
+ colorBrandBackground: 'var(--colorBrandBackground)',
98
+ colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',
99
+ colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',
100
+ colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',
101
+ colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',
102
+ colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',
103
+ colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',
104
+ colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',
105
+ colorBrandBackground2: 'var(--colorBrandBackground2)',
106
+ colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
107
+ colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
108
+ colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
109
+ colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',
110
+ colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',
111
+ colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',
112
+ colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',
113
+ colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',
114
+ colorNeutralStroke1: 'var(--colorNeutralStroke1)',
115
+ colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',
116
+ colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',
117
+ colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',
118
+ colorNeutralStroke2: 'var(--colorNeutralStroke2)',
119
+ colorNeutralStroke3: 'var(--colorNeutralStroke3)',
120
+ colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
121
+ colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
122
+ colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
123
+ colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',
124
+ colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
125
+ colorBrandStroke1: 'var(--colorBrandStroke1)',
126
+ colorBrandStroke2: 'var(--colorBrandStroke2)',
127
+ colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
128
+ colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
129
+ colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
130
+ colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',
131
+ colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',
132
+ colorTransparentStroke: 'var(--colorTransparentStroke)',
133
+ colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
134
+ colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
135
+ colorStrokeFocus1: 'var(--colorStrokeFocus1)',
136
+ colorStrokeFocus2: 'var(--colorStrokeFocus2)',
137
+ colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
138
+ colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',
139
+ colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',
140
+ colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',
141
+ colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',
142
+ colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',
143
+ colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
144
+ colorBrandShadowKey: 'var(--colorBrandShadowKey)',
145
+ // Color palette tokens
146
+ // Color palette red tokens
147
+ colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
148
+ colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
149
+ colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
150
+ colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
151
+ colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
152
+ colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
153
+ colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
154
+ colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
155
+ colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
156
+ // Color palette green tokens
157
+ colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
158
+ colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
159
+ colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
160
+ colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
161
+ colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
162
+ colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
163
+ colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
164
+ colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
165
+ colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
166
+ // Color palette dark orange tokens
167
+ colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
168
+ colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
169
+ colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
170
+ colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
171
+ colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
172
+ colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
173
+ colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
174
+ colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
175
+ colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
176
+ // Color palette yellow tokens
177
+ colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
178
+ colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
179
+ colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
180
+ colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
181
+ colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
182
+ colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
183
+ colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
184
+ colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
185
+ colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
186
+ // Color palette berry tokens
187
+ colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
188
+ colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
189
+ colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',
190
+ colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',
191
+ colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',
192
+ colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',
193
+ colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
194
+ colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
195
+ colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
196
+ // Color palette marigold tokens
197
+ colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
198
+ colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
199
+ colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
200
+ colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
201
+ colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
202
+ colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
203
+ colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
204
+ colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
205
+ colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
206
+ // Color palette light green tokens
207
+ colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
208
+ colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
209
+ colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
210
+ colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
211
+ colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
212
+ colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
213
+ colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
214
+ colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
215
+ colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
216
+ // Color palette anchor tokens
217
+ colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
218
+ colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
219
+ colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
220
+ // Color palette beige tokens
221
+ colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
222
+ colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
223
+ colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
224
+ // Color palette blue tokens
225
+ colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
226
+ colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
227
+ colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
228
+ // Color palette brass tokens
229
+ colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
230
+ colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
231
+ colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',
232
+ // Color palette brown tokens
233
+ colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
234
+ colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
235
+ colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',
236
+ // Color palette cornflower tokens
237
+ colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
238
+ colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
239
+ colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
240
+ // Color palette cranberry tokens
241
+ colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
242
+ colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
243
+ colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',
244
+ // Color palette dark green tokens
245
+ colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
246
+ colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
247
+ colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',
248
+ // Color palette dark red tokens
249
+ colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
250
+ colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
251
+ colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',
252
+ // Color palette forest tokens
253
+ colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
254
+ colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
255
+ colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
256
+ // Color palette gold tokens
257
+ colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
258
+ colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
259
+ colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
260
+ // Color palette grape tokens
261
+ colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
262
+ colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
263
+ colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',
264
+ // Color palette lavender tokens
265
+ colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
266
+ colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
267
+ colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',
268
+ // Color palette light teal tokens
269
+ colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
270
+ colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
271
+ colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
272
+ // Color palette lilac tokens
273
+ colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
274
+ colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
275
+ colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',
276
+ // Color palette magenta tokens
277
+ colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
278
+ colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
279
+ colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',
280
+ // Color palette mink tokens
281
+ colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
282
+ colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
283
+ colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
284
+ // Color palette navy tokens
285
+ colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
286
+ colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
287
+ colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',
288
+ // Color palette peach tokens
289
+ colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
290
+ colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
291
+ colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
292
+ // Color palette pink tokens
293
+ colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
294
+ colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
295
+ colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
296
+ // Color palette platinum tokens
297
+ colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
298
+ colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
299
+ colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
300
+ // Color palette plum tokens
301
+ colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
302
+ colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
303
+ colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
304
+ // Color palette pumpkin tokens
305
+ colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
306
+ colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
307
+ colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
308
+ // Color palette purple tokens
309
+ colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
310
+ colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
311
+ colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',
312
+ // Color palette royal blue tokens
313
+ colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
314
+ colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
315
+ colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
316
+ // Color palette seafoam tokens
317
+ colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
318
+ colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
319
+ colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',
320
+ // Color palette steel tokens
321
+ colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
322
+ colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
323
+ colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
324
+ // Color palette teal tokens
325
+ colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
326
+ colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
327
+ colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',
328
+ // Border radius tokens
329
+ borderRadiusNone: 'var(--borderRadiusNone)',
330
+ borderRadiusSmall: 'var(--borderRadiusSmall)',
331
+ borderRadiusMedium: 'var(--borderRadiusMedium)',
332
+ borderRadiusLarge: 'var(--borderRadiusLarge)',
333
+ borderRadiusXLarge: 'var(--borderRadiusXLarge)',
334
+ borderRadiusCircular: 'var(--borderRadiusCircular)',
335
+ // Font family tokens
336
+ fontFamilyBase: 'var(--fontFamilyBase)',
337
+ fontFamilyMonospace: 'var(--fontFamilyMonospace)',
338
+ fontFamilyNumeric: 'var(--fontFamilyNumeric)',
339
+ // Font size tokens
340
+ fontSizeBase100: 'var(--fontSizeBase100)',
341
+ fontSizeBase200: 'var(--fontSizeBase200)',
342
+ fontSizeBase300: 'var(--fontSizeBase300)',
343
+ fontSizeBase400: 'var(--fontSizeBase400)',
344
+ fontSizeBase500: 'var(--fontSizeBase500)',
345
+ fontSizeBase600: 'var(--fontSizeBase600)',
346
+ fontSizeHero700: 'var(--fontSizeHero700)',
347
+ fontSizeHero800: 'var(--fontSizeHero800)',
348
+ fontSizeHero900: 'var(--fontSizeHero900)',
349
+ fontSizeHero1000: 'var(--fontSizeHero1000)',
350
+ // Font weight tokens
351
+ fontWeightRegular: 'var(--fontWeightRegular)',
352
+ fontWeightMedium: 'var(--fontWeightMedium)',
353
+ fontWeightSemibold: 'var(--fontWeightSemibold)',
354
+ // Line height tokens
355
+ lineHeightBase100: 'var(--lineHeightBase100)',
356
+ lineHeightBase200: 'var(--lineHeightBase200)',
357
+ lineHeightBase300: 'var(--lineHeightBase300)',
358
+ lineHeightBase400: 'var(--lineHeightBase400)',
359
+ lineHeightBase500: 'var(--lineHeightBase500)',
360
+ lineHeightBase600: 'var(--lineHeightBase600)',
361
+ lineHeightHero700: 'var(--lineHeightHero700)',
362
+ lineHeightHero800: 'var(--lineHeightHero800)',
363
+ lineHeightHero900: 'var(--lineHeightHero900)',
364
+ lineHeightHero1000: 'var(--lineHeightHero1000)',
365
+ // Shadow tokens
366
+ shadow2: 'var(--shadow2)',
367
+ shadow4: 'var(--shadow4)',
368
+ shadow8: 'var(--shadow8)',
369
+ shadow16: 'var(--shadow16)',
370
+ shadow28: 'var(--shadow28)',
371
+ shadow64: 'var(--shadow64)',
372
+ // Shadow brand tokens
373
+ shadow2Brand: 'var(--shadow2Brand)',
374
+ shadow4Brand: 'var(--shadow4Brand)',
375
+ shadow8Brand: 'var(--shadow8Brand)',
376
+ shadow16Brand: 'var(--shadow16Brand)',
377
+ shadow28Brand: 'var(--shadow28Brand)',
378
+ shadow64Brand: 'var(--shadow64Brand)',
379
+ // Stroke width tokens
380
+ strokeWidthThin: 'var(--strokeWidthThin)',
381
+ strokeWidthThick: 'var(--strokeWidthThick)',
382
+ strokeWidthThicker: 'var(--strokeWidthThicker)',
383
+ strokeWidthThickest: 'var(--strokeWidthThickest)',
384
+ // Spacings
385
+ spacingHorizontalNone: 'var(--spacingHorizontalNone)',
386
+ spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',
387
+ spacingHorizontalXS: 'var(--spacingHorizontalXS)',
388
+ spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',
389
+ spacingHorizontalS: 'var(--spacingHorizontalS)',
390
+ spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',
391
+ spacingHorizontalM: 'var(--spacingHorizontalM)',
392
+ spacingHorizontalL: 'var(--spacingHorizontalL)',
393
+ spacingHorizontalXL: 'var(--spacingHorizontalXL)',
394
+ spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',
395
+ spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',
396
+ spacingVerticalNone: 'var(--spacingVerticalNone)',
397
+ spacingVerticalXXS: 'var(--spacingVerticalXXS)',
398
+ spacingVerticalXS: 'var(--spacingVerticalXS)',
399
+ spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',
400
+ spacingVerticalS: 'var(--spacingVerticalS)',
401
+ spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',
402
+ spacingVerticalM: 'var(--spacingVerticalM)',
403
+ spacingVerticalL: 'var(--spacingVerticalL)',
404
+ spacingVerticalXL: 'var(--spacingVerticalXL)',
405
+ spacingVerticalXXL: 'var(--spacingVerticalXXL)',
406
+ spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',
407
+ // Durations
408
+ durationUltraFast: 'var(--durationUltraFast)',
409
+ durationFaster: 'var(--durationFaster)',
410
+ durationFast: 'var(--durationFast)',
411
+ durationNormal: 'var(--durationNormal)',
412
+ durationSlow: 'var(--durationSlow)',
413
+ durationSlower: 'var(--durationSlower)',
414
+ durationUltraSlow: 'var(--durationUltraSlow)',
415
+ // Curves
416
+ curveAccelerateMax: 'var(--curveAccelerateMax)',
417
+ curveAccelerateMid: 'var(--curveAccelerateMid)',
418
+ curveAccelerateMin: 'var(--curveAccelerateMin)',
419
+ curveDecelerateMax: 'var(--curveDecelerateMax)',
420
+ curveDecelerateMid: 'var(--curveDecelerateMid)',
421
+ curveDecelerateMin: 'var(--curveDecelerateMin)',
422
+ curveEasyEaseMax: 'var(--curveEasyEaseMax)',
423
+ curveEasyEase: 'var(--curveEasyEase)',
424
+ curveLinear: 'var(--curveLinear)'
425
+ };
426
+ //# sourceMappingURL=tokens.js.map
package/lib/tokens.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["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 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 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 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\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\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\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\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.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["/**\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 colorNeutralForegroundOnBrand: 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 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 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 | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\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 | '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\n/**\n * All the global shared colors and their shade/tint variants\n */\nexport type GlobalSharedColors = {\n darkRed: ColorVariants;\n cranberry: ColorVariants;\n red: ColorVariants;\n darkOrange: ColorVariants;\n pumpkin: ColorVariants;\n peach: ColorVariants;\n marigold: ColorVariants;\n yellow: ColorVariants;\n gold: ColorVariants;\n brass: ColorVariants;\n brown: ColorVariants;\n forest: ColorVariants;\n seafoam: ColorVariants;\n lightGreen: ColorVariants;\n green: ColorVariants;\n darkGreen: ColorVariants;\n lightTeal: ColorVariants;\n teal: ColorVariants;\n steel: ColorVariants;\n blue: ColorVariants;\n royalBlue: ColorVariants;\n cornflower: ColorVariants;\n navy: ColorVariants;\n lavender: ColorVariants;\n purple: ColorVariants;\n grape: ColorVariants;\n berry: ColorVariants;\n lilac: ColorVariants;\n pink: ColorVariants;\n magenta: ColorVariants;\n plum: ColorVariants;\n beige: ColorVariants;\n mink: ColorVariants;\n platinum: ColorVariants;\n anchor: ColorVariants;\n};\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};\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 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"]}
package/lib/utils/createDarkTheme.js CHANGED
@@ -1,9 +1,26 @@
1
- import { __assign } from "tslib";
2
- import { colorPaletteTokens, generateColorTokens } from '../alias/dark';
1
+ import { colorPaletteTokens } from '../alias/darkColorPalette';
2
+ import { generateColorTokens } from '../alias/darkColor';
3
3
  import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
4
4
  import { createShadowTokens } from './shadows';
5
- export var createDarkTheme = function (brand) {
6
- var colorTokens = generateColorTokens(brand);
7
- return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, borderRadius), fontSizes), lineHeights), fontFamilies), fontWeights), strokeWidths), colorTokens), colorPaletteTokens), createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
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
+ };
8
25
  };
9
26
  //# sourceMappingURL=createDarkTheme.js.map
package/lib/utils/createDarkTheme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,eAAxD;AACA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAM,eAAe,GAAoC,UAAA,KAAA,EAAK;AACnE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACK,YADL,CAAA,EAEK,SAFL,CAAA,EAGK,WAHL,CAAA,EAIK,YAJL,CAAA,EAKK,WALL,CAAA,EAMK,YANL,CAAA,EAQK,WARL,CAAA,EASK,kBATL,CAAA,EAWK,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAXvB,CAAA;AAaD,CAhBM","sourceRoot":""}
1
+ {"version":3,"sources":["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;AACtE,QAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAOL,OAAG,kBAPE;AAQL,OAAG,gBARE;AASL,OAAG,SATE;AAUL,OAAG,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,kBAbE;AAeL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;AAgBL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAhBhB,GAAP;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/"}