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