@fluentui/react-theme 9.1.4 → 9.1.5

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