@fluentui/tokens 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.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 (90) hide show
  1. package/.swcrc +2 -11
  2. package/CHANGELOG.json +24 -3
  3. package/CHANGELOG.md +14 -4
  4. package/lib/alias/darkColor.js +19 -19
  5. package/lib/alias/darkColorPalette.js +2 -2
  6. package/lib/alias/highContrastColor.js +12 -12
  7. package/lib/alias/highContrastColorPalette.js +2 -2
  8. package/lib/alias/lightColor.js +19 -19
  9. package/lib/alias/lightColorPalette.js +2 -2
  10. package/lib/alias/teamsDarkColor.js +19 -19
  11. package/lib/global/borderRadius.js +6 -6
  12. package/lib/global/colorPalette.js +1 -1
  13. package/lib/global/colors.js +698 -698
  14. package/lib/global/curves.js +9 -9
  15. package/lib/global/durations.js +7 -7
  16. package/lib/global/fonts.js +20 -20
  17. package/lib/global/index.js +9 -9
  18. package/lib/global/spacings.js +11 -11
  19. package/lib/global/strokeWidths.js +4 -4
  20. package/lib/global/typographyStyles.js +1 -1
  21. package/lib/index.js +5 -5
  22. package/lib/sharedColorNames.js +3 -3
  23. package/lib/themes/index.js +2 -2
  24. package/lib/themes/teams/darkTheme.js +2 -2
  25. package/lib/themes/teams/highContrastTheme.js +1 -1
  26. package/lib/themes/teams/index.js +3 -3
  27. package/lib/themes/teams/lightTheme.js +2 -2
  28. package/lib/themes/web/darkTheme.js +2 -2
  29. package/lib/themes/web/index.js +2 -2
  30. package/lib/themes/web/lightTheme.js +2 -2
  31. package/lib/tokens.js +387 -387
  32. package/lib/utils/createDarkTheme.js +8 -8
  33. package/lib/utils/createHighContrastTheme.js +8 -8
  34. package/lib/utils/createLightTheme.js +8 -8
  35. package/lib/utils/createTeamsDarkTheme.js +8 -8
  36. package/lib/utils/index.js +4 -4
  37. package/lib/utils/shadows.js +1 -1
  38. package/lib-commonjs/alias/darkColor.js +18 -18
  39. package/lib-commonjs/alias/darkColor.js.map +1 -1
  40. package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
  41. package/lib-commonjs/alias/highContrastColor.js +11 -11
  42. package/lib-commonjs/alias/highContrastColor.js.map +1 -1
  43. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
  44. package/lib-commonjs/alias/lightColor.js +18 -18
  45. package/lib-commonjs/alias/lightColor.js.map +1 -1
  46. package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
  47. package/lib-commonjs/alias/teamsDarkColor.js +18 -18
  48. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
  49. package/lib-commonjs/global/borderRadius.js +6 -6
  50. package/lib-commonjs/global/borderRadius.js.map +1 -1
  51. package/lib-commonjs/global/colorPalette.js.map +1 -1
  52. package/lib-commonjs/global/colors.js +698 -698
  53. package/lib-commonjs/global/colors.js.map +1 -1
  54. package/lib-commonjs/global/curves.js +9 -9
  55. package/lib-commonjs/global/curves.js.map +1 -1
  56. package/lib-commonjs/global/durations.js +7 -7
  57. package/lib-commonjs/global/durations.js.map +1 -1
  58. package/lib-commonjs/global/fonts.js +20 -20
  59. package/lib-commonjs/global/fonts.js.map +1 -1
  60. package/lib-commonjs/global/index.js.map +1 -1
  61. package/lib-commonjs/global/spacings.js +11 -11
  62. package/lib-commonjs/global/spacings.js.map +1 -1
  63. package/lib-commonjs/global/strokeWidths.js +4 -4
  64. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  65. package/lib-commonjs/global/typographyStyles.js.map +1 -1
  66. package/lib-commonjs/index.js.map +1 -1
  67. package/lib-commonjs/sharedColorNames.js +49 -49
  68. package/lib-commonjs/sharedColorNames.js.map +1 -1
  69. package/lib-commonjs/themes/index.js.map +1 -1
  70. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  71. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  72. package/lib-commonjs/themes/teams/index.js.map +1 -1
  73. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  74. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  75. package/lib-commonjs/themes/web/index.js.map +1 -1
  76. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  77. package/lib-commonjs/tokens.js +387 -387
  78. package/lib-commonjs/tokens.js.map +1 -1
  79. package/lib-commonjs/utils/createDarkTheme.js +1 -1
  80. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  81. package/lib-commonjs/utils/createHighContrastTheme.js +1 -1
  82. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  83. package/lib-commonjs/utils/createLightTheme.js +1 -1
  84. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  85. package/lib-commonjs/utils/createTeamsDarkTheme.js +1 -1
  86. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  87. package/lib-commonjs/utils/index.js.map +1 -1
  88. package/lib-commonjs/utils/shadows.js +1 -1
  89. package/lib-commonjs/utils/shadows.js.map +1 -1
  90. package/package.json +2 -1
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