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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +11 -2
  3. package/dist/index.d.ts +439 -0
  4. package/lib/alias/darkColor.js +155 -0
  5. package/lib/alias/darkColor.js.map +1 -0
  6. package/lib/alias/darkColorPalette.js +44 -0
  7. package/lib/alias/darkColorPalette.js.map +1 -0
  8. package/lib/alias/highContrastColor.js +155 -0
  9. package/lib/alias/highContrastColor.js.map +1 -0
  10. package/lib/alias/highContrastColorPalette.js +34 -0
  11. package/lib/alias/highContrastColorPalette.js.map +1 -0
  12. package/lib/alias/lightColor.js +155 -0
  13. package/lib/alias/lightColor.js.map +1 -0
  14. package/lib/alias/lightColorPalette.js +35 -0
  15. package/lib/alias/lightColorPalette.js.map +1 -0
  16. package/lib/alias/teamsDarkColor.js +155 -0
  17. package/lib/alias/teamsDarkColor.js.map +1 -0
  18. package/lib/global/borderRadius.js +9 -0
  19. package/lib/global/borderRadius.js.map +1 -0
  20. package/lib/global/brandColors.js +55 -0
  21. package/lib/global/brandColors.js.map +1 -0
  22. package/lib/global/colorPalette.js +41 -0
  23. package/lib/global/colorPalette.js.map +1 -0
  24. package/lib/global/colors.js +789 -0
  25. package/lib/global/colors.js.map +1 -0
  26. package/lib/global/curves.js +12 -0
  27. package/lib/global/curves.js.map +1 -0
  28. package/lib/global/durations.js +10 -0
  29. package/lib/global/durations.js.map +1 -0
  30. package/lib/global/fonts.js +38 -0
  31. package/lib/global/fonts.js.map +1 -0
  32. package/lib/global/index.js +10 -0
  33. package/lib/global/index.js.map +1 -0
  34. package/lib/global/spacings.js +41 -0
  35. package/lib/global/spacings.js.map +1 -0
  36. package/lib/global/strokeWidths.js +7 -0
  37. package/lib/global/strokeWidths.js.map +1 -0
  38. package/lib/global/typographyStyles.js +110 -0
  39. package/lib/global/typographyStyles.js.map +1 -0
  40. package/lib/index.js +5 -1
  41. package/lib/index.js.map +1 -1
  42. package/lib/sharedColorNames.js +9 -0
  43. package/lib/sharedColorNames.js.map +1 -0
  44. package/lib/themeToTokensObject.js +19 -0
  45. package/lib/themeToTokensObject.js.map +1 -0
  46. package/lib/themes/index.js +3 -0
  47. package/lib/themes/index.js.map +1 -0
  48. package/lib/themes/teams/darkTheme.js +4 -0
  49. package/lib/themes/teams/darkTheme.js.map +1 -0
  50. package/lib/themes/teams/highContrastTheme.js +3 -0
  51. package/lib/themes/teams/highContrastTheme.js.map +1 -0
  52. package/lib/themes/teams/index.js +4 -0
  53. package/lib/themes/teams/index.js.map +1 -0
  54. package/lib/themes/teams/lightTheme.js +4 -0
  55. package/lib/themes/teams/lightTheme.js.map +1 -0
  56. package/lib/themes/web/darkTheme.js +4 -0
  57. package/lib/themes/web/darkTheme.js.map +1 -0
  58. package/lib/themes/web/index.js +3 -0
  59. package/lib/themes/web/index.js.map +1 -0
  60. package/lib/themes/web/lightTheme.js +4 -0
  61. package/lib/themes/web/lightTheme.js.map +1 -0
  62. package/lib/tokens.js +435 -0
  63. package/lib/tokens.js.map +1 -0
  64. package/lib/types.js +2 -0
  65. package/lib/types.js.map +1 -0
  66. package/lib/utils/createDarkTheme.js +26 -0
  67. package/lib/utils/createDarkTheme.js.map +1 -0
  68. package/lib/utils/createHighContrastTheme.js +26 -0
  69. package/lib/utils/createHighContrastTheme.js.map +1 -0
  70. package/lib/utils/createLightTheme.js +26 -0
  71. package/lib/utils/createLightTheme.js.map +1 -0
  72. package/lib/utils/createTeamsDarkTheme.js +26 -0
  73. package/lib/utils/createTeamsDarkTheme.js.map +1 -0
  74. package/lib/utils/index.js +5 -0
  75. package/lib/utils/index.js.map +1 -0
  76. package/lib/utils/shadows.js +11 -0
  77. package/lib/utils/shadows.js.map +1 -0
  78. package/lib-amd/alias/darkColor.js +158 -0
  79. package/lib-amd/alias/darkColor.js.map +1 -0
  80. package/lib-amd/alias/darkColorPalette.js +47 -0
  81. package/lib-amd/alias/darkColorPalette.js.map +1 -0
  82. package/lib-amd/alias/highContrastColor.js +158 -0
  83. package/lib-amd/alias/highContrastColor.js.map +1 -0
  84. package/lib-amd/alias/highContrastColorPalette.js +37 -0
  85. package/lib-amd/alias/highContrastColorPalette.js.map +1 -0
  86. package/lib-amd/alias/lightColor.js +158 -0
  87. package/lib-amd/alias/lightColor.js.map +1 -0
  88. package/lib-amd/alias/lightColorPalette.js +38 -0
  89. package/lib-amd/alias/lightColorPalette.js.map +1 -0
  90. package/lib-amd/alias/teamsDarkColor.js +158 -0
  91. package/lib-amd/alias/teamsDarkColor.js.map +1 -0
  92. package/lib-amd/global/borderRadius.js +14 -0
  93. package/lib-amd/global/borderRadius.js.map +1 -0
  94. package/lib-amd/global/brandColors.js +60 -0
  95. package/lib-amd/global/brandColors.js.map +1 -0
  96. package/lib-amd/global/colorPalette.js +45 -0
  97. package/lib-amd/global/colorPalette.js.map +1 -0
  98. package/lib-amd/global/colors.js +793 -0
  99. package/lib-amd/global/colors.js.map +1 -0
  100. package/lib-amd/global/curves.js +17 -0
  101. package/lib-amd/global/curves.js.map +1 -0
  102. package/lib-amd/global/durations.js +15 -0
  103. package/lib-amd/global/durations.js.map +1 -0
  104. package/lib-amd/global/fonts.js +45 -0
  105. package/lib-amd/global/fonts.js.map +1 -0
  106. package/lib-amd/global/index.js +14 -0
  107. package/lib-amd/global/index.js.map +1 -0
  108. package/lib-amd/global/spacings.js +46 -0
  109. package/lib-amd/global/spacings.js.map +1 -0
  110. package/lib-amd/global/strokeWidths.js +12 -0
  111. package/lib-amd/global/strokeWidths.js.map +1 -0
  112. package/lib-amd/global/typographyStyles.js +113 -0
  113. package/lib-amd/global/typographyStyles.js.map +1 -0
  114. package/lib-amd/index.js +14 -1
  115. package/lib-amd/index.js.map +1 -1
  116. package/lib-amd/sharedColorNames.js +64 -0
  117. package/lib-amd/sharedColorNames.js.map +1 -0
  118. package/lib-amd/themeToTokensObject.js +24 -0
  119. package/lib-amd/themeToTokensObject.js.map +1 -0
  120. package/lib-amd/themes/index.js +7 -0
  121. package/lib-amd/themes/index.js.map +1 -0
  122. package/lib-amd/themes/teams/darkTheme.js +7 -0
  123. package/lib-amd/themes/teams/darkTheme.js.map +1 -0
  124. package/lib-amd/themes/teams/highContrastTheme.js +7 -0
  125. package/lib-amd/themes/teams/highContrastTheme.js.map +1 -0
  126. package/lib-amd/themes/teams/index.js +8 -0
  127. package/lib-amd/themes/teams/index.js.map +1 -0
  128. package/lib-amd/themes/teams/lightTheme.js +7 -0
  129. package/lib-amd/themes/teams/lightTheme.js.map +1 -0
  130. package/lib-amd/themes/web/darkTheme.js +7 -0
  131. package/lib-amd/themes/web/darkTheme.js.map +1 -0
  132. package/lib-amd/themes/web/index.js +7 -0
  133. package/lib-amd/themes/web/index.js.map +1 -0
  134. package/lib-amd/themes/web/lightTheme.js +7 -0
  135. package/lib-amd/themes/web/lightTheme.js.map +1 -0
  136. package/lib-amd/tokens.js +440 -0
  137. package/lib-amd/tokens.js.map +1 -0
  138. package/lib-amd/types.js +5 -0
  139. package/lib-amd/types.js.map +1 -0
  140. package/lib-amd/utils/createDarkTheme.js +11 -0
  141. package/lib-amd/utils/createDarkTheme.js.map +1 -0
  142. package/lib-amd/utils/createHighContrastTheme.js +11 -0
  143. package/lib-amd/utils/createHighContrastTheme.js.map +1 -0
  144. package/lib-amd/utils/createLightTheme.js +11 -0
  145. package/lib-amd/utils/createLightTheme.js.map +1 -0
  146. package/lib-amd/utils/createTeamsDarkTheme.js +11 -0
  147. package/lib-amd/utils/createTeamsDarkTheme.js.map +1 -0
  148. package/lib-amd/utils/index.js +9 -0
  149. package/lib-amd/utils/index.js.map +1 -0
  150. package/lib-amd/utils/shadows.js +19 -0
  151. package/lib-amd/utils/shadows.js.map +1 -0
  152. package/lib-commonjs/alias/darkColor.js +165 -0
  153. package/lib-commonjs/alias/darkColor.js.map +1 -0
  154. package/lib-commonjs/alias/darkColorPalette.js +53 -0
  155. package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
  156. package/lib-commonjs/alias/highContrastColor.js +165 -0
  157. package/lib-commonjs/alias/highContrastColor.js.map +1 -0
  158. package/lib-commonjs/alias/highContrastColorPalette.js +43 -0
  159. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
  160. package/lib-commonjs/alias/lightColor.js +165 -0
  161. package/lib-commonjs/alias/lightColor.js.map +1 -0
  162. package/lib-commonjs/alias/lightColorPalette.js +44 -0
  163. package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
  164. package/lib-commonjs/alias/teamsDarkColor.js +165 -0
  165. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
  166. package/lib-commonjs/global/borderRadius.js +15 -0
  167. package/lib-commonjs/global/borderRadius.js.map +1 -0
  168. package/lib-commonjs/global/brandColors.js +61 -0
  169. package/lib-commonjs/global/brandColors.js.map +1 -0
  170. package/lib-commonjs/global/colorPalette.js +49 -0
  171. package/lib-commonjs/global/colorPalette.js.map +1 -0
  172. package/lib-commonjs/global/colors.js +796 -0
  173. package/lib-commonjs/global/colors.js.map +1 -0
  174. package/lib-commonjs/global/curves.js +18 -0
  175. package/lib-commonjs/global/curves.js.map +1 -0
  176. package/lib-commonjs/global/durations.js +16 -0
  177. package/lib-commonjs/global/durations.js.map +1 -0
  178. package/lib-commonjs/global/fonts.js +44 -0
  179. package/lib-commonjs/global/fonts.js.map +1 -0
  180. package/lib-commonjs/global/index.js +26 -0
  181. package/lib-commonjs/global/index.js.map +1 -0
  182. package/lib-commonjs/global/spacings.js +47 -0
  183. package/lib-commonjs/global/spacings.js.map +1 -0
  184. package/lib-commonjs/global/strokeWidths.js +13 -0
  185. package/lib-commonjs/global/strokeWidths.js.map +1 -0
  186. package/lib-commonjs/global/typographyStyles.js +118 -0
  187. package/lib-commonjs/global/typographyStyles.js.map +1 -0
  188. package/lib-commonjs/index.js +88 -0
  189. package/lib-commonjs/index.js.map +1 -1
  190. package/lib-commonjs/sharedColorNames.js +16 -0
  191. package/lib-commonjs/sharedColorNames.js.map +1 -0
  192. package/lib-commonjs/themeToTokensObject.js +28 -0
  193. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  194. package/lib-commonjs/themes/index.js +12 -0
  195. package/lib-commonjs/themes/index.js.map +1 -0
  196. package/lib-commonjs/themes/teams/darkTheme.js +13 -0
  197. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
  198. package/lib-commonjs/themes/teams/highContrastTheme.js +11 -0
  199. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
  200. package/lib-commonjs/themes/teams/index.js +14 -0
  201. package/lib-commonjs/themes/teams/index.js.map +1 -0
  202. package/lib-commonjs/themes/teams/lightTheme.js +13 -0
  203. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
  204. package/lib-commonjs/themes/web/darkTheme.js +13 -0
  205. package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
  206. package/lib-commonjs/themes/web/index.js +12 -0
  207. package/lib-commonjs/themes/web/index.js.map +1 -0
  208. package/lib-commonjs/themes/web/lightTheme.js +13 -0
  209. package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
  210. package/lib-commonjs/tokens.js +441 -0
  211. package/lib-commonjs/tokens.js.map +1 -0
  212. package/lib-commonjs/types.js +6 -0
  213. package/lib-commonjs/types.js.map +1 -0
  214. package/lib-commonjs/utils/createDarkTheme.js +42 -0
  215. package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
  216. package/lib-commonjs/utils/createHighContrastTheme.js +42 -0
  217. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
  218. package/lib-commonjs/utils/createLightTheme.js +42 -0
  219. package/lib-commonjs/utils/createLightTheme.js.map +1 -0
  220. package/lib-commonjs/utils/createTeamsDarkTheme.js +42 -0
  221. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
  222. package/lib-commonjs/utils/index.js +16 -0
  223. package/lib-commonjs/utils/index.js.map +1 -0
  224. package/lib-commonjs/utils/shadows.js +20 -0
  225. package/lib-commonjs/utils/shadows.js.map +1 -0
  226. package/package.json +2 -1
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["packages/tokens/src/themes/teams/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,sBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,gBAAwB,sBAAA,CAAA,oBAAA,CAAqB,aAAA,CAAA,UAArB,CAAxB","sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsDarkTheme: Theme = createTeamsDarkTheme(brandTeams);\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.teamsHighContrastTheme = void 0;
7
+
8
+ const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
9
+
10
+ exports.teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
11
+ //# sourceMappingURL=highContrastTheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["packages/tokens/src/themes/teams/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,gBAAgC,yBAAA,CAAA,uBAAA,EAAhC","sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./lightTheme"), exports);
10
+
11
+ tslib_1.__exportStar(require("./darkTheme"), exports);
12
+
13
+ tslib_1.__exportStar(require("./highContrastTheme"), exports);
14
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["packages/tokens/src/themes/teams/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.teamsLightTheme = void 0;
7
+
8
+ const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
9
+
10
+ const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
11
+
12
+ exports.teamsLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandTeams);
13
+ //# sourceMappingURL=lightTheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["packages/tokens/src/themes/teams/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,eAAA,gBAAyB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,UAAjB,CAAzB","sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsLightTheme: Theme = createLightTheme(brandTeams);\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.webDarkTheme = void 0;
7
+
8
+ const createDarkTheme_1 = /*#__PURE__*/require("../../utils/createDarkTheme");
9
+
10
+ const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
11
+
12
+ exports.webDarkTheme = /*#__PURE__*/createDarkTheme_1.createDarkTheme(brandColors_1.brandWeb);
13
+ //# sourceMappingURL=darkTheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["packages/tokens/src/themes/web/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,iBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,YAAA,gBAAsB,iBAAA,CAAA,eAAA,CAAgB,aAAA,CAAA,QAAhB,CAAtB","sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webDarkTheme: Theme = createDarkTheme(brandWeb);\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./lightTheme"), exports);
10
+
11
+ tslib_1.__exportStar(require("./darkTheme"), exports);
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["packages/tokens/src/themes/web/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.webLightTheme = void 0;
7
+
8
+ const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
9
+
10
+ const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
11
+
12
+ exports.webLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandWeb);
13
+ //# sourceMappingURL=lightTheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["packages/tokens/src/themes/web/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,gBAAuB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,QAAjB,CAAvB","sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webLightTheme: Theme = createLightTheme(brandWeb);\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,441 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.tokens = void 0;
7
+ exports.tokens = {
8
+ // Color tokens
9
+ colorNeutralForeground1: 'var(--colorNeutralForeground1)',
10
+ colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',
11
+ colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',
12
+ colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',
13
+ colorNeutralForeground2: 'var(--colorNeutralForeground2)',
14
+ colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',
15
+ colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',
16
+ colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',
17
+ colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',
18
+ colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',
19
+ colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',
20
+ colorNeutralForeground3: 'var(--colorNeutralForeground3)',
21
+ colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',
22
+ colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',
23
+ colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',
24
+ colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',
25
+ colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',
26
+ colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',
27
+ colorNeutralForeground4: 'var(--colorNeutralForeground4)',
28
+ colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',
29
+ colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',
30
+ colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',
31
+ colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',
32
+ colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',
33
+ colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',
34
+ colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',
35
+ colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',
36
+ colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',
37
+ colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',
38
+ colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',
39
+ colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',
40
+ colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',
41
+ colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',
42
+ colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',
43
+ colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',
44
+ colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',
45
+ colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)',
46
+ colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)',
47
+ colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',
48
+ colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',
49
+ colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',
50
+ colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',
51
+ colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',
52
+ colorBrandForeground1: 'var(--colorBrandForeground1)',
53
+ colorBrandForeground2: 'var(--colorBrandForeground2)',
54
+ colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
55
+ colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
56
+ colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',
57
+ colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',
58
+ colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',
59
+ colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',
60
+ colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',
61
+ colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',
62
+ colorNeutralBackground1: 'var(--colorNeutralBackground1)',
63
+ colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',
64
+ colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',
65
+ colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',
66
+ colorNeutralBackground2: 'var(--colorNeutralBackground2)',
67
+ colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',
68
+ colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',
69
+ colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',
70
+ colorNeutralBackground3: 'var(--colorNeutralBackground3)',
71
+ colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',
72
+ colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',
73
+ colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',
74
+ colorNeutralBackground4: 'var(--colorNeutralBackground4)',
75
+ colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',
76
+ colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',
77
+ colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',
78
+ colorNeutralBackground5: 'var(--colorNeutralBackground5)',
79
+ colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',
80
+ colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
81
+ colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
82
+ colorNeutralBackground6: 'var(--colorNeutralBackground6)',
83
+ colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
84
+ colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
85
+ colorSubtleBackground: 'var(--colorSubtleBackground)',
86
+ colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
87
+ colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
88
+ colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',
89
+ colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',
90
+ colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',
91
+ colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',
92
+ colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',
93
+ colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',
94
+ colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',
95
+ colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',
96
+ colorTransparentBackground: 'var(--colorTransparentBackground)',
97
+ colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',
98
+ colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',
99
+ colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',
100
+ colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',
101
+ colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',
102
+ colorNeutralStencil1: 'var(--colorNeutralStencil1)',
103
+ colorNeutralStencil2: 'var(--colorNeutralStencil2)',
104
+ colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)',
105
+ colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)',
106
+ colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',
107
+ colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',
108
+ colorBrandBackground: 'var(--colorBrandBackground)',
109
+ colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',
110
+ colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',
111
+ colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',
112
+ colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',
113
+ colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',
114
+ colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',
115
+ colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',
116
+ colorBrandBackground2: 'var(--colorBrandBackground2)',
117
+ colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
118
+ colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
119
+ colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
120
+ colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',
121
+ colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',
122
+ colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',
123
+ colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',
124
+ colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',
125
+ colorNeutralStroke1: 'var(--colorNeutralStroke1)',
126
+ colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',
127
+ colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',
128
+ colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',
129
+ colorNeutralStroke2: 'var(--colorNeutralStroke2)',
130
+ colorNeutralStroke3: 'var(--colorNeutralStroke3)',
131
+ colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
132
+ colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
133
+ colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
134
+ colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',
135
+ colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
136
+ colorBrandStroke1: 'var(--colorBrandStroke1)',
137
+ colorBrandStroke2: 'var(--colorBrandStroke2)',
138
+ colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
139
+ colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
140
+ colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
141
+ colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',
142
+ colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',
143
+ colorTransparentStroke: 'var(--colorTransparentStroke)',
144
+ colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
145
+ colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
146
+ colorStrokeFocus1: 'var(--colorStrokeFocus1)',
147
+ colorStrokeFocus2: 'var(--colorStrokeFocus2)',
148
+ colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
149
+ colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',
150
+ colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',
151
+ colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',
152
+ colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',
153
+ colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',
154
+ colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
155
+ colorBrandShadowKey: 'var(--colorBrandShadowKey)',
156
+ // Color palette tokens
157
+ // Color palette red tokens
158
+ colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
159
+ colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
160
+ colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
161
+ colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
162
+ colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
163
+ colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
164
+ colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
165
+ colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
166
+ colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
167
+ colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)',
168
+ // Color palette green tokens
169
+ colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
170
+ colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
171
+ colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
172
+ colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
173
+ colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
174
+ colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
175
+ colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
176
+ colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
177
+ colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
178
+ colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)',
179
+ // Color palette dark orange tokens
180
+ colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
181
+ colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
182
+ colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
183
+ colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
184
+ colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
185
+ colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
186
+ colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
187
+ colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
188
+ colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
189
+ // Color palette yellow tokens
190
+ colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
191
+ colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
192
+ colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
193
+ colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
194
+ colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
195
+ colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
196
+ colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
197
+ colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
198
+ colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
199
+ colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)',
200
+ // Color palette berry tokens
201
+ colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
202
+ colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
203
+ colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',
204
+ colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',
205
+ colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',
206
+ colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',
207
+ colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
208
+ colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
209
+ colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
210
+ // Color palette marigold tokens
211
+ colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
212
+ colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
213
+ colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
214
+ colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
215
+ colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
216
+ colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
217
+ colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
218
+ colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
219
+ colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
220
+ // Color palette light green tokens
221
+ colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
222
+ colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
223
+ colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
224
+ colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
225
+ colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
226
+ colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
227
+ colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
228
+ colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
229
+ colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
230
+ // Color palette anchor tokens
231
+ colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
232
+ colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
233
+ colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
234
+ // Color palette beige tokens
235
+ colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
236
+ colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
237
+ colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
238
+ // Color palette blue tokens
239
+ colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
240
+ colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
241
+ colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
242
+ // Color palette brass tokens
243
+ colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
244
+ colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
245
+ colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',
246
+ // Color palette brown tokens
247
+ colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
248
+ colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
249
+ colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',
250
+ // Color palette cornflower tokens
251
+ colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
252
+ colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
253
+ colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
254
+ // Color palette cranberry tokens
255
+ colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
256
+ colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
257
+ colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',
258
+ // Color palette dark green tokens
259
+ colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
260
+ colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
261
+ colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',
262
+ // Color palette dark red tokens
263
+ colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
264
+ colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
265
+ colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',
266
+ // Color palette forest tokens
267
+ colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
268
+ colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
269
+ colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
270
+ // Color palette gold tokens
271
+ colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
272
+ colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
273
+ colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
274
+ // Color palette grape tokens
275
+ colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
276
+ colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
277
+ colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',
278
+ // Color palette lavender tokens
279
+ colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
280
+ colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
281
+ colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',
282
+ // Color palette light teal tokens
283
+ colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
284
+ colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
285
+ colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
286
+ // Color palette lilac tokens
287
+ colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
288
+ colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
289
+ colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',
290
+ // Color palette magenta tokens
291
+ colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
292
+ colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
293
+ colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',
294
+ // Color palette mink tokens
295
+ colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
296
+ colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
297
+ colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
298
+ // Color palette navy tokens
299
+ colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
300
+ colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
301
+ colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',
302
+ // Color palette peach tokens
303
+ colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
304
+ colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
305
+ colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
306
+ // Color palette pink tokens
307
+ colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
308
+ colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
309
+ colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
310
+ // Color palette platinum tokens
311
+ colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
312
+ colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
313
+ colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
314
+ // Color palette plum tokens
315
+ colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
316
+ colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
317
+ colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
318
+ // Color palette pumpkin tokens
319
+ colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
320
+ colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
321
+ colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
322
+ // Color palette purple tokens
323
+ colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
324
+ colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
325
+ colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',
326
+ // Color palette royal blue tokens
327
+ colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
328
+ colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
329
+ colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
330
+ // Color palette seafoam tokens
331
+ colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
332
+ colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
333
+ colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',
334
+ // Color palette steel tokens
335
+ colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
336
+ colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
337
+ colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
338
+ // Color palette teal tokens
339
+ colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
340
+ colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
341
+ colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',
342
+ // Border radius tokens
343
+ borderRadiusNone: 'var(--borderRadiusNone)',
344
+ borderRadiusSmall: 'var(--borderRadiusSmall)',
345
+ borderRadiusMedium: 'var(--borderRadiusMedium)',
346
+ borderRadiusLarge: 'var(--borderRadiusLarge)',
347
+ borderRadiusXLarge: 'var(--borderRadiusXLarge)',
348
+ borderRadiusCircular: 'var(--borderRadiusCircular)',
349
+ // Font family tokens
350
+ fontFamilyBase: 'var(--fontFamilyBase)',
351
+ fontFamilyMonospace: 'var(--fontFamilyMonospace)',
352
+ fontFamilyNumeric: 'var(--fontFamilyNumeric)',
353
+ // Font size tokens
354
+ fontSizeBase100: 'var(--fontSizeBase100)',
355
+ fontSizeBase200: 'var(--fontSizeBase200)',
356
+ fontSizeBase300: 'var(--fontSizeBase300)',
357
+ fontSizeBase400: 'var(--fontSizeBase400)',
358
+ fontSizeBase500: 'var(--fontSizeBase500)',
359
+ fontSizeBase600: 'var(--fontSizeBase600)',
360
+ fontSizeHero700: 'var(--fontSizeHero700)',
361
+ fontSizeHero800: 'var(--fontSizeHero800)',
362
+ fontSizeHero900: 'var(--fontSizeHero900)',
363
+ fontSizeHero1000: 'var(--fontSizeHero1000)',
364
+ // Font weight tokens
365
+ fontWeightRegular: 'var(--fontWeightRegular)',
366
+ fontWeightMedium: 'var(--fontWeightMedium)',
367
+ fontWeightSemibold: 'var(--fontWeightSemibold)',
368
+ fontWeightBold: 'var(--fontWeightBold)',
369
+ // Line height tokens
370
+ lineHeightBase100: 'var(--lineHeightBase100)',
371
+ lineHeightBase200: 'var(--lineHeightBase200)',
372
+ lineHeightBase300: 'var(--lineHeightBase300)',
373
+ lineHeightBase400: 'var(--lineHeightBase400)',
374
+ lineHeightBase500: 'var(--lineHeightBase500)',
375
+ lineHeightBase600: 'var(--lineHeightBase600)',
376
+ lineHeightHero700: 'var(--lineHeightHero700)',
377
+ lineHeightHero800: 'var(--lineHeightHero800)',
378
+ lineHeightHero900: 'var(--lineHeightHero900)',
379
+ lineHeightHero1000: 'var(--lineHeightHero1000)',
380
+ // Shadow tokens
381
+ shadow2: 'var(--shadow2)',
382
+ shadow4: 'var(--shadow4)',
383
+ shadow8: 'var(--shadow8)',
384
+ shadow16: 'var(--shadow16)',
385
+ shadow28: 'var(--shadow28)',
386
+ shadow64: 'var(--shadow64)',
387
+ // Shadow brand tokens
388
+ shadow2Brand: 'var(--shadow2Brand)',
389
+ shadow4Brand: 'var(--shadow4Brand)',
390
+ shadow8Brand: 'var(--shadow8Brand)',
391
+ shadow16Brand: 'var(--shadow16Brand)',
392
+ shadow28Brand: 'var(--shadow28Brand)',
393
+ shadow64Brand: 'var(--shadow64Brand)',
394
+ // Stroke width tokens
395
+ strokeWidthThin: 'var(--strokeWidthThin)',
396
+ strokeWidthThick: 'var(--strokeWidthThick)',
397
+ strokeWidthThicker: 'var(--strokeWidthThicker)',
398
+ strokeWidthThickest: 'var(--strokeWidthThickest)',
399
+ // Spacings
400
+ spacingHorizontalNone: 'var(--spacingHorizontalNone)',
401
+ spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',
402
+ spacingHorizontalXS: 'var(--spacingHorizontalXS)',
403
+ spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',
404
+ spacingHorizontalS: 'var(--spacingHorizontalS)',
405
+ spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',
406
+ spacingHorizontalM: 'var(--spacingHorizontalM)',
407
+ spacingHorizontalL: 'var(--spacingHorizontalL)',
408
+ spacingHorizontalXL: 'var(--spacingHorizontalXL)',
409
+ spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',
410
+ spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',
411
+ spacingVerticalNone: 'var(--spacingVerticalNone)',
412
+ spacingVerticalXXS: 'var(--spacingVerticalXXS)',
413
+ spacingVerticalXS: 'var(--spacingVerticalXS)',
414
+ spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',
415
+ spacingVerticalS: 'var(--spacingVerticalS)',
416
+ spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',
417
+ spacingVerticalM: 'var(--spacingVerticalM)',
418
+ spacingVerticalL: 'var(--spacingVerticalL)',
419
+ spacingVerticalXL: 'var(--spacingVerticalXL)',
420
+ spacingVerticalXXL: 'var(--spacingVerticalXXL)',
421
+ spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',
422
+ // Durations
423
+ durationUltraFast: 'var(--durationUltraFast)',
424
+ durationFaster: 'var(--durationFaster)',
425
+ durationFast: 'var(--durationFast)',
426
+ durationNormal: 'var(--durationNormal)',
427
+ durationSlow: 'var(--durationSlow)',
428
+ durationSlower: 'var(--durationSlower)',
429
+ durationUltraSlow: 'var(--durationUltraSlow)',
430
+ // Curves
431
+ curveAccelerateMax: 'var(--curveAccelerateMax)',
432
+ curveAccelerateMid: 'var(--curveAccelerateMid)',
433
+ curveAccelerateMin: 'var(--curveAccelerateMin)',
434
+ curveDecelerateMax: 'var(--curveDecelerateMax)',
435
+ curveDecelerateMid: 'var(--curveDecelerateMid)',
436
+ curveDecelerateMin: 'var(--curveDecelerateMin)',
437
+ curveEasyEaseMax: 'var(--curveEasyEaseMax)',
438
+ curveEasyEase: 'var(--curveEasyEase)',
439
+ curveLinear: 'var(--curveLinear)'
440
+ };
441
+ //# sourceMappingURL=tokens.js.map