@fluentui/tokens 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

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