@gainsight-hub/design-tokens 0.1.0

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 (26) hide show
  1. package/README.md +305 -0
  2. package/dist/applyTheme.d.ts +14 -0
  3. package/dist/applyTheme.js +66 -0
  4. package/dist/index.d.ts +3 -0
  5. package/dist/index.js +3 -0
  6. package/dist/styles.css +457 -0
  7. package/dist/tailwind.preset.cjs +289 -0
  8. package/dist/tailwind.preset.mjs +289 -0
  9. package/dist/theme-manifest.json +212 -0
  10. package/dist/themes/antd.css +48 -0
  11. package/dist/themes/antd.css.d.ts +2 -0
  12. package/dist/themes/dark.css +47 -0
  13. package/dist/themes/dark.css.d.ts +2 -0
  14. package/dist/themes/legacy.css +165 -0
  15. package/dist/themes/legacy.css.d.ts +2 -0
  16. package/dist/themes/mui.css +48 -0
  17. package/dist/themes/mui.css.d.ts +2 -0
  18. package/dist/themes/spectrum.css +48 -0
  19. package/dist/themes/spectrum.css.d.ts +2 -0
  20. package/dist/themes.css +8 -0
  21. package/dist/token-catalog.json +5107 -0
  22. package/dist/tokens.d.ts +525 -0
  23. package/dist/tokens.js +371 -0
  24. package/dist/tokens.json +617 -0
  25. package/dist/tokens.scss +360 -0
  26. package/package.json +55 -0
package/dist/tailwind.preset.cjs ADDED
@@ -0,0 +1,289 @@
1
+ /* eslint-disable */
2
+ /** Auto-generated from design tokens — do not edit manually. */
3
+ module.exports = {
4
+ "theme": {
5
+ "extend": {
6
+ "colors": {
7
+ "brand": {
8
+ "100": "var(--color-brand-100)",
9
+ "200": "var(--color-brand-200)",
10
+ "300": "var(--color-brand-300)",
11
+ "400": "var(--color-brand-400)",
12
+ "500": "var(--color-brand-500)",
13
+ "600": "var(--color-brand-600)",
14
+ "700": "var(--color-brand-700)",
15
+ "800": "var(--color-brand-800)",
16
+ "900": "var(--color-brand-900)",
17
+ "1000": "var(--color-brand-1000)"
18
+ },
19
+ "neutral": {
20
+ "0": "var(--color-neutral-0)",
21
+ "100": "var(--color-neutral-100)",
22
+ "200": "var(--color-neutral-200)",
23
+ "300": "var(--color-neutral-300)",
24
+ "400": "var(--color-neutral-400)",
25
+ "500": "var(--color-neutral-500)",
26
+ "600": "var(--color-neutral-600)",
27
+ "700": "var(--color-neutral-700)",
28
+ "800": "var(--color-neutral-800)",
29
+ "900": "var(--color-neutral-900)",
30
+ "1000": "var(--color-neutral-1000)",
31
+ "a100": "var(--color-neutral-a100)",
32
+ "a200": "var(--color-neutral-a200)",
33
+ "a300": "var(--color-neutral-a300)",
34
+ "a400": "var(--color-neutral-a400)",
35
+ "a500": "var(--color-neutral-a500)"
36
+ },
37
+ "blue": {
38
+ "100": "var(--color-blue-100)",
39
+ "200": "var(--color-blue-200)",
40
+ "300": "var(--color-blue-300)",
41
+ "400": "var(--color-blue-400)",
42
+ "500": "var(--color-blue-500)",
43
+ "600": "var(--color-blue-600)",
44
+ "700": "var(--color-blue-700)",
45
+ "800": "var(--color-blue-800)",
46
+ "900": "var(--color-blue-900)",
47
+ "1000": "var(--color-blue-1000)"
48
+ },
49
+ "green": {
50
+ "100": "var(--color-green-100)",
51
+ "200": "var(--color-green-200)",
52
+ "300": "var(--color-green-300)",
53
+ "400": "var(--color-green-400)",
54
+ "500": "var(--color-green-500)",
55
+ "600": "var(--color-green-600)",
56
+ "700": "var(--color-green-700)",
57
+ "800": "var(--color-green-800)",
58
+ "900": "var(--color-green-900)",
59
+ "1000": "var(--color-green-1000)"
60
+ },
61
+ "red": {
62
+ "100": "var(--color-red-100)",
63
+ "200": "var(--color-red-200)",
64
+ "300": "var(--color-red-300)",
65
+ "400": "var(--color-red-400)",
66
+ "500": "var(--color-red-500)",
67
+ "600": "var(--color-red-600)",
68
+ "700": "var(--color-red-700)",
69
+ "800": "var(--color-red-800)",
70
+ "900": "var(--color-red-900)",
71
+ "1000": "var(--color-red-1000)"
72
+ },
73
+ "yellow": {
74
+ "100": "var(--color-yellow-100)",
75
+ "200": "var(--color-yellow-200)",
76
+ "300": "var(--color-yellow-300)",
77
+ "400": "var(--color-yellow-400)",
78
+ "500": "var(--color-yellow-500)",
79
+ "600": "var(--color-yellow-600)",
80
+ "700": "var(--color-yellow-700)",
81
+ "800": "var(--color-yellow-800)",
82
+ "900": "var(--color-yellow-900)",
83
+ "1000": "var(--color-yellow-1000)"
84
+ },
85
+ "action": {
86
+ "primary": {
87
+ "DEFAULT": "var(--color-action-primary-default)",
88
+ "hover": "var(--color-action-primary-hover)",
89
+ "pressed": "var(--color-action-primary-pressed)"
90
+ },
91
+ "neutral": {
92
+ "DEFAULT": "var(--color-action-neutral-default)",
93
+ "hover": "var(--color-action-neutral-hover)",
94
+ "pressed": "var(--color-action-neutral-pressed)"
95
+ },
96
+ "destructive": {
97
+ "DEFAULT": "var(--color-action-destructive-default)",
98
+ "hover": "var(--color-action-destructive-hover)",
99
+ "pressed": "var(--color-action-destructive-pressed)"
100
+ }
101
+ },
102
+ "surface": {
103
+ "page": "var(--color-surface-page)",
104
+ "DEFAULT": "var(--color-surface-default)",
105
+ "muted": "var(--color-surface-muted)",
106
+ "disabled": "var(--color-surface-disabled)",
107
+ "overlay": "var(--color-surface-overlay)",
108
+ "inverse": "var(--color-surface-inverse)"
109
+ },
110
+ "content": {
111
+ "DEFAULT": "var(--color-content-default)",
112
+ "subtle": "var(--color-content-subtle)",
113
+ "subtlest": "var(--color-content-subtlest)",
114
+ "heading": {
115
+ "DEFAULT": "var(--color-content-heading-default)",
116
+ "hero": "var(--color-content-heading-hero)"
117
+ },
118
+ "inverse": "var(--color-content-inverse)",
119
+ "disabled": "var(--color-content-disabled)"
120
+ },
121
+ "line": {
122
+ "DEFAULT": "var(--color-line-default)",
123
+ "disabled": "var(--color-line-disabled)"
124
+ },
125
+ "status": {
126
+ "success": {
127
+ "bold": "var(--color-status-success-bold)"
128
+ },
129
+ "information": {
130
+ "bold": "var(--color-status-information-bold)"
131
+ },
132
+ "danger": {
133
+ "bold": "var(--color-status-danger-bold)"
134
+ }
135
+ },
136
+ "community": {
137
+ "answered": "var(--color-community-answered)",
138
+ "unanswered": "var(--color-community-unanswered)",
139
+ "highlighted": "var(--color-community-highlighted)",
140
+ "pinned": "var(--color-community-pinned)"
141
+ },
142
+ "link": {
143
+ "DEFAULT": "var(--color-link-default)",
144
+ "hover": "var(--color-link-hover)"
145
+ },
146
+ "focus": {
147
+ "ring": "var(--color-focus-ring)"
148
+ },
149
+ "overlay": {
150
+ "backdrop": "var(--color-overlay-backdrop)",
151
+ "interactive": {
152
+ "hover": "var(--color-overlay-interactive-hover)",
153
+ "pressed": "var(--color-overlay-interactive-pressed)"
154
+ }
155
+ },
156
+ "skeleton": {
157
+ "DEFAULT": "var(--color-skeleton-default)",
158
+ "subtle": "var(--color-skeleton-subtle)"
159
+ }
160
+ },
161
+ "spacing": {
162
+ "space-0": "var(--space-0)",
163
+ "space-100": "var(--space-100)",
164
+ "space-125": "var(--space-125)",
165
+ "space-200": "var(--space-200)",
166
+ "space-250": "var(--space-250)",
167
+ "space-300": "var(--space-300)",
168
+ "space-400": "var(--space-400)",
169
+ "space-500": "var(--space-500)",
170
+ "space-600": "var(--space-600)",
171
+ "space-800": "var(--space-800)",
172
+ "space-1000": "var(--space-1000)",
173
+ "space-025": "var(--space-025)",
174
+ "space-050": "var(--space-050)",
175
+ "space-075": "var(--space-075)",
176
+ "space-layout-gutter": "var(--space-layout-gutter)"
177
+ },
178
+ "borderRadius": {
179
+ "radius-100": "var(--radius-100)",
180
+ "radius-150": "var(--radius-150)",
181
+ "radius-200": "var(--radius-200)",
182
+ "radius-025": "var(--radius-025)",
183
+ "radius-050": "var(--radius-050)",
184
+ "radius-full": "var(--radius-full)"
185
+ },
186
+ "borderWidth": {
187
+ "border-width-100": "var(--border-width-100)",
188
+ "border-width-200": "var(--border-width-200)"
189
+ },
190
+ "boxShadow": {
191
+ "shadow-100": "var(--shadow-100)",
192
+ "shadow-200": "var(--shadow-200)",
193
+ "shadow-300": "var(--shadow-300)",
194
+ "elevation-1": "var(--elevation-1)",
195
+ "elevation-2": "var(--elevation-2)",
196
+ "elevation-3": "var(--elevation-3)"
197
+ },
198
+ "fontSize": {
199
+ "font-size-100": "var(--font-size-100)",
200
+ "font-size-200": "var(--font-size-200)",
201
+ "font-size-300": "var(--font-size-300)",
202
+ "font-size-400": "var(--font-size-400)",
203
+ "font-size-500": "var(--font-size-500)",
204
+ "font-size-600": "var(--font-size-600)",
205
+ "font-size-700": "var(--font-size-700)",
206
+ "text-hero-font-size": "var(--text-hero-font-size)",
207
+ "text-heading-small-font-size": "var(--text-heading-small-font-size)",
208
+ "text-heading-medium-font-size": "var(--text-heading-medium-font-size)",
209
+ "text-heading-large-font-size": "var(--text-heading-large-font-size)",
210
+ "text-heading-xlarge-font-size": "var(--text-heading-xlarge-font-size)",
211
+ "text-body-small-font-size": "var(--text-body-small-font-size)",
212
+ "text-body-medium-font-size": "var(--text-body-medium-font-size)",
213
+ "text-body-large-font-size": "var(--text-body-large-font-size)",
214
+ "text-navigation-font-size": "var(--text-navigation-font-size)",
215
+ "text-menu-font-size": "var(--text-menu-font-size)",
216
+ "text-button-font-size": "var(--text-button-font-size)",
217
+ "text-label-small-font-size": "var(--text-label-small-font-size)",
218
+ "text-label-medium-font-size": "var(--text-label-medium-font-size)",
219
+ "text-caption-font-size": "var(--text-caption-font-size)",
220
+ "text-code-font-size": "var(--text-code-font-size)"
221
+ },
222
+ "fontFamily": {
223
+ "font-family-sans": "var(--font-family-sans)",
224
+ "font-family-mono": "var(--font-family-mono)",
225
+ "text-hero-font-family": "var(--text-hero-font-family)",
226
+ "text-heading-small-font-family": "var(--text-heading-small-font-family)",
227
+ "text-heading-medium-font-family": "var(--text-heading-medium-font-family)",
228
+ "text-heading-large-font-family": "var(--text-heading-large-font-family)",
229
+ "text-heading-xlarge-font-family": "var(--text-heading-xlarge-font-family)",
230
+ "text-body-small-font-family": "var(--text-body-small-font-family)",
231
+ "text-body-medium-font-family": "var(--text-body-medium-font-family)",
232
+ "text-body-large-font-family": "var(--text-body-large-font-family)",
233
+ "text-navigation-font-family": "var(--text-navigation-font-family)",
234
+ "text-menu-font-family": "var(--text-menu-font-family)",
235
+ "text-button-font-family": "var(--text-button-font-family)",
236
+ "text-label-small-font-family": "var(--text-label-small-font-family)",
237
+ "text-label-medium-font-family": "var(--text-label-medium-font-family)",
238
+ "text-caption-font-family": "var(--text-caption-font-family)",
239
+ "text-code-font-family": "var(--text-code-font-family)"
240
+ },
241
+ "fontWeight": {
242
+ "font-weight-regular": "var(--font-weight-regular)",
243
+ "font-weight-medium": "var(--font-weight-medium)",
244
+ "font-weight-bold": "var(--font-weight-bold)",
245
+ "text-hero-font-weight": "var(--text-hero-font-weight)",
246
+ "text-heading-small-font-weight": "var(--text-heading-small-font-weight)",
247
+ "text-heading-medium-font-weight": "var(--text-heading-medium-font-weight)",
248
+ "text-heading-large-font-weight": "var(--text-heading-large-font-weight)",
249
+ "text-heading-xlarge-font-weight": "var(--text-heading-xlarge-font-weight)",
250
+ "text-body-small-font-weight": "var(--text-body-small-font-weight)",
251
+ "text-body-medium-font-weight": "var(--text-body-medium-font-weight)",
252
+ "text-body-large-font-weight": "var(--text-body-large-font-weight)",
253
+ "text-navigation-font-weight": "var(--text-navigation-font-weight)",
254
+ "text-menu-font-weight": "var(--text-menu-font-weight)",
255
+ "text-button-font-weight": "var(--text-button-font-weight)",
256
+ "text-label-small-font-weight": "var(--text-label-small-font-weight)",
257
+ "text-label-medium-font-weight": "var(--text-label-medium-font-weight)",
258
+ "text-caption-font-weight": "var(--text-caption-font-weight)",
259
+ "text-code-font-weight": "var(--text-code-font-weight)"
260
+ },
261
+ "lineHeight": {
262
+ "line-height-ratio-tight": "var(--line-height-ratio-tight)",
263
+ "line-height-ratio-relaxed": "var(--line-height-ratio-relaxed)",
264
+ "line-height-grid-100": "var(--line-height-grid-100)",
265
+ "line-height-grid-200": "var(--line-height-grid-200)",
266
+ "line-height-grid-300": "var(--line-height-grid-300)",
267
+ "line-height-grid-400": "var(--line-height-grid-400)",
268
+ "line-height-grid-500": "var(--line-height-grid-500)",
269
+ "line-height-grid-600": "var(--line-height-grid-600)",
270
+ "line-height-grid-700": "var(--line-height-grid-700)",
271
+ "text-hero-line-height": "var(--text-hero-line-height)",
272
+ "text-heading-small-line-height": "var(--text-heading-small-line-height)",
273
+ "text-heading-medium-line-height": "var(--text-heading-medium-line-height)",
274
+ "text-heading-large-line-height": "var(--text-heading-large-line-height)",
275
+ "text-heading-xlarge-line-height": "var(--text-heading-xlarge-line-height)",
276
+ "text-body-small-line-height": "var(--text-body-small-line-height)",
277
+ "text-body-medium-line-height": "var(--text-body-medium-line-height)",
278
+ "text-body-large-line-height": "var(--text-body-large-line-height)",
279
+ "text-navigation-line-height": "var(--text-navigation-line-height)",
280
+ "text-menu-line-height": "var(--text-menu-line-height)",
281
+ "text-button-line-height": "var(--text-button-line-height)",
282
+ "text-label-small-line-height": "var(--text-label-small-line-height)",
283
+ "text-label-medium-line-height": "var(--text-label-medium-line-height)",
284
+ "text-caption-line-height": "var(--text-caption-line-height)",
285
+ "text-code-line-height": "var(--text-code-line-height)"
286
+ }
287
+ }
288
+ }
289
+ };
package/dist/tailwind.preset.mjs ADDED
@@ -0,0 +1,289 @@
1
+ /* eslint-disable */
2
+ /** Auto-generated from design tokens — do not edit manually. */
3
+ export default {
4
+ "theme": {
5
+ "extend": {
6
+ "colors": {
7
+ "brand": {
8
+ "100": "var(--color-brand-100)",
9
+ "200": "var(--color-brand-200)",
10
+ "300": "var(--color-brand-300)",
11
+ "400": "var(--color-brand-400)",
12
+ "500": "var(--color-brand-500)",
13
+ "600": "var(--color-brand-600)",
14
+ "700": "var(--color-brand-700)",
15
+ "800": "var(--color-brand-800)",
16
+ "900": "var(--color-brand-900)",
17
+ "1000": "var(--color-brand-1000)"
18
+ },
19
+ "neutral": {
20
+ "0": "var(--color-neutral-0)",
21
+ "100": "var(--color-neutral-100)",
22
+ "200": "var(--color-neutral-200)",
23
+ "300": "var(--color-neutral-300)",
24
+ "400": "var(--color-neutral-400)",
25
+ "500": "var(--color-neutral-500)",
26
+ "600": "var(--color-neutral-600)",
27
+ "700": "var(--color-neutral-700)",
28
+ "800": "var(--color-neutral-800)",
29
+ "900": "var(--color-neutral-900)",
30
+ "1000": "var(--color-neutral-1000)",
31
+ "a100": "var(--color-neutral-a100)",
32
+ "a200": "var(--color-neutral-a200)",
33
+ "a300": "var(--color-neutral-a300)",
34
+ "a400": "var(--color-neutral-a400)",
35
+ "a500": "var(--color-neutral-a500)"
36
+ },
37
+ "blue": {
38
+ "100": "var(--color-blue-100)",
39
+ "200": "var(--color-blue-200)",
40
+ "300": "var(--color-blue-300)",
41
+ "400": "var(--color-blue-400)",
42
+ "500": "var(--color-blue-500)",
43
+ "600": "var(--color-blue-600)",
44
+ "700": "var(--color-blue-700)",
45
+ "800": "var(--color-blue-800)",
46
+ "900": "var(--color-blue-900)",
47
+ "1000": "var(--color-blue-1000)"
48
+ },
49
+ "green": {
50
+ "100": "var(--color-green-100)",
51
+ "200": "var(--color-green-200)",
52
+ "300": "var(--color-green-300)",
53
+ "400": "var(--color-green-400)",
54
+ "500": "var(--color-green-500)",
55
+ "600": "var(--color-green-600)",
56
+ "700": "var(--color-green-700)",
57
+ "800": "var(--color-green-800)",
58
+ "900": "var(--color-green-900)",
59
+ "1000": "var(--color-green-1000)"
60
+ },
61
+ "red": {
62
+ "100": "var(--color-red-100)",
63
+ "200": "var(--color-red-200)",
64
+ "300": "var(--color-red-300)",
65
+ "400": "var(--color-red-400)",
66
+ "500": "var(--color-red-500)",
67
+ "600": "var(--color-red-600)",
68
+ "700": "var(--color-red-700)",
69
+ "800": "var(--color-red-800)",
70
+ "900": "var(--color-red-900)",
71
+ "1000": "var(--color-red-1000)"
72
+ },
73
+ "yellow": {
74
+ "100": "var(--color-yellow-100)",
75
+ "200": "var(--color-yellow-200)",
76
+ "300": "var(--color-yellow-300)",
77
+ "400": "var(--color-yellow-400)",
78
+ "500": "var(--color-yellow-500)",
79
+ "600": "var(--color-yellow-600)",
80
+ "700": "var(--color-yellow-700)",
81
+ "800": "var(--color-yellow-800)",
82
+ "900": "var(--color-yellow-900)",
83
+ "1000": "var(--color-yellow-1000)"
84
+ },
85
+ "action": {
86
+ "primary": {
87
+ "DEFAULT": "var(--color-action-primary-default)",
88
+ "hover": "var(--color-action-primary-hover)",
89
+ "pressed": "var(--color-action-primary-pressed)"
90
+ },
91
+ "neutral": {
92
+ "DEFAULT": "var(--color-action-neutral-default)",
93
+ "hover": "var(--color-action-neutral-hover)",
94
+ "pressed": "var(--color-action-neutral-pressed)"
95
+ },
96
+ "destructive": {
97
+ "DEFAULT": "var(--color-action-destructive-default)",
98
+ "hover": "var(--color-action-destructive-hover)",
99
+ "pressed": "var(--color-action-destructive-pressed)"
100
+ }
101
+ },
102
+ "surface": {
103
+ "page": "var(--color-surface-page)",
104
+ "DEFAULT": "var(--color-surface-default)",
105
+ "muted": "var(--color-surface-muted)",
106
+ "disabled": "var(--color-surface-disabled)",
107
+ "overlay": "var(--color-surface-overlay)",
108
+ "inverse": "var(--color-surface-inverse)"
109
+ },
110
+ "content": {
111
+ "DEFAULT": "var(--color-content-default)",
112
+ "subtle": "var(--color-content-subtle)",
113
+ "subtlest": "var(--color-content-subtlest)",
114
+ "heading": {
115
+ "DEFAULT": "var(--color-content-heading-default)",
116
+ "hero": "var(--color-content-heading-hero)"
117
+ },
118
+ "inverse": "var(--color-content-inverse)",
119
+ "disabled": "var(--color-content-disabled)"
120
+ },
121
+ "line": {
122
+ "DEFAULT": "var(--color-line-default)",
123
+ "disabled": "var(--color-line-disabled)"
124
+ },
125
+ "status": {
126
+ "success": {
127
+ "bold": "var(--color-status-success-bold)"
128
+ },
129
+ "information": {
130
+ "bold": "var(--color-status-information-bold)"
131
+ },
132
+ "danger": {
133
+ "bold": "var(--color-status-danger-bold)"
134
+ }
135
+ },
136
+ "community": {
137
+ "answered": "var(--color-community-answered)",
138
+ "unanswered": "var(--color-community-unanswered)",
139
+ "highlighted": "var(--color-community-highlighted)",
140
+ "pinned": "var(--color-community-pinned)"
141
+ },
142
+ "link": {
143
+ "DEFAULT": "var(--color-link-default)",
144
+ "hover": "var(--color-link-hover)"
145
+ },
146
+ "focus": {
147
+ "ring": "var(--color-focus-ring)"
148
+ },
149
+ "overlay": {
150
+ "backdrop": "var(--color-overlay-backdrop)",
151
+ "interactive": {
152
+ "hover": "var(--color-overlay-interactive-hover)",
153
+ "pressed": "var(--color-overlay-interactive-pressed)"
154
+ }
155
+ },
156
+ "skeleton": {
157
+ "DEFAULT": "var(--color-skeleton-default)",
158
+ "subtle": "var(--color-skeleton-subtle)"
159
+ }
160
+ },
161
+ "spacing": {
162
+ "space-0": "var(--space-0)",
163
+ "space-100": "var(--space-100)",
164
+ "space-125": "var(--space-125)",
165
+ "space-200": "var(--space-200)",
166
+ "space-250": "var(--space-250)",
167
+ "space-300": "var(--space-300)",
168
+ "space-400": "var(--space-400)",
169
+ "space-500": "var(--space-500)",
170
+ "space-600": "var(--space-600)",
171
+ "space-800": "var(--space-800)",
172
+ "space-1000": "var(--space-1000)",
173
+ "space-025": "var(--space-025)",
174
+ "space-050": "var(--space-050)",
175
+ "space-075": "var(--space-075)",
176
+ "space-layout-gutter": "var(--space-layout-gutter)"
177
+ },
178
+ "borderRadius": {
179
+ "radius-100": "var(--radius-100)",
180
+ "radius-150": "var(--radius-150)",
181
+ "radius-200": "var(--radius-200)",
182
+ "radius-025": "var(--radius-025)",
183
+ "radius-050": "var(--radius-050)",
184
+ "radius-full": "var(--radius-full)"
185
+ },
186
+ "borderWidth": {
187
+ "border-width-100": "var(--border-width-100)",
188
+ "border-width-200": "var(--border-width-200)"
189
+ },
190
+ "boxShadow": {
191
+ "shadow-100": "var(--shadow-100)",
192
+ "shadow-200": "var(--shadow-200)",
193
+ "shadow-300": "var(--shadow-300)",
194
+ "elevation-1": "var(--elevation-1)",
195
+ "elevation-2": "var(--elevation-2)",
196
+ "elevation-3": "var(--elevation-3)"
197
+ },
198
+ "fontSize": {
199
+ "font-size-100": "var(--font-size-100)",
200
+ "font-size-200": "var(--font-size-200)",
201
+ "font-size-300": "var(--font-size-300)",
202
+ "font-size-400": "var(--font-size-400)",
203
+ "font-size-500": "var(--font-size-500)",
204
+ "font-size-600": "var(--font-size-600)",
205
+ "font-size-700": "var(--font-size-700)",
206
+ "text-hero-font-size": "var(--text-hero-font-size)",
207
+ "text-heading-small-font-size": "var(--text-heading-small-font-size)",
208
+ "text-heading-medium-font-size": "var(--text-heading-medium-font-size)",
209
+ "text-heading-large-font-size": "var(--text-heading-large-font-size)",
210
+ "text-heading-xlarge-font-size": "var(--text-heading-xlarge-font-size)",
211
+ "text-body-small-font-size": "var(--text-body-small-font-size)",
212
+ "text-body-medium-font-size": "var(--text-body-medium-font-size)",
213
+ "text-body-large-font-size": "var(--text-body-large-font-size)",
214
+ "text-navigation-font-size": "var(--text-navigation-font-size)",
215
+ "text-menu-font-size": "var(--text-menu-font-size)",
216
+ "text-button-font-size": "var(--text-button-font-size)",
217
+ "text-label-small-font-size": "var(--text-label-small-font-size)",
218
+ "text-label-medium-font-size": "var(--text-label-medium-font-size)",
219
+ "text-caption-font-size": "var(--text-caption-font-size)",
220
+ "text-code-font-size": "var(--text-code-font-size)"
221
+ },
222
+ "fontFamily": {
223
+ "font-family-sans": "var(--font-family-sans)",
224
+ "font-family-mono": "var(--font-family-mono)",
225
+ "text-hero-font-family": "var(--text-hero-font-family)",
226
+ "text-heading-small-font-family": "var(--text-heading-small-font-family)",
227
+ "text-heading-medium-font-family": "var(--text-heading-medium-font-family)",
228
+ "text-heading-large-font-family": "var(--text-heading-large-font-family)",
229
+ "text-heading-xlarge-font-family": "var(--text-heading-xlarge-font-family)",
230
+ "text-body-small-font-family": "var(--text-body-small-font-family)",
231
+ "text-body-medium-font-family": "var(--text-body-medium-font-family)",
232
+ "text-body-large-font-family": "var(--text-body-large-font-family)",
233
+ "text-navigation-font-family": "var(--text-navigation-font-family)",
234
+ "text-menu-font-family": "var(--text-menu-font-family)",
235
+ "text-button-font-family": "var(--text-button-font-family)",
236
+ "text-label-small-font-family": "var(--text-label-small-font-family)",
237
+ "text-label-medium-font-family": "var(--text-label-medium-font-family)",
238
+ "text-caption-font-family": "var(--text-caption-font-family)",
239
+ "text-code-font-family": "var(--text-code-font-family)"
240
+ },
241
+ "fontWeight": {
242
+ "font-weight-regular": "var(--font-weight-regular)",
243
+ "font-weight-medium": "var(--font-weight-medium)",
244
+ "font-weight-bold": "var(--font-weight-bold)",
245
+ "text-hero-font-weight": "var(--text-hero-font-weight)",
246
+ "text-heading-small-font-weight": "var(--text-heading-small-font-weight)",
247
+ "text-heading-medium-font-weight": "var(--text-heading-medium-font-weight)",
248
+ "text-heading-large-font-weight": "var(--text-heading-large-font-weight)",
249
+ "text-heading-xlarge-font-weight": "var(--text-heading-xlarge-font-weight)",
250
+ "text-body-small-font-weight": "var(--text-body-small-font-weight)",
251
+ "text-body-medium-font-weight": "var(--text-body-medium-font-weight)",
252
+ "text-body-large-font-weight": "var(--text-body-large-font-weight)",
253
+ "text-navigation-font-weight": "var(--text-navigation-font-weight)",
254
+ "text-menu-font-weight": "var(--text-menu-font-weight)",
255
+ "text-button-font-weight": "var(--text-button-font-weight)",
256
+ "text-label-small-font-weight": "var(--text-label-small-font-weight)",
257
+ "text-label-medium-font-weight": "var(--text-label-medium-font-weight)",
258
+ "text-caption-font-weight": "var(--text-caption-font-weight)",
259
+ "text-code-font-weight": "var(--text-code-font-weight)"
260
+ },
261
+ "lineHeight": {
262
+ "line-height-ratio-tight": "var(--line-height-ratio-tight)",
263
+ "line-height-ratio-relaxed": "var(--line-height-ratio-relaxed)",
264
+ "line-height-grid-100": "var(--line-height-grid-100)",
265
+ "line-height-grid-200": "var(--line-height-grid-200)",
266
+ "line-height-grid-300": "var(--line-height-grid-300)",
267
+ "line-height-grid-400": "var(--line-height-grid-400)",
268
+ "line-height-grid-500": "var(--line-height-grid-500)",
269
+ "line-height-grid-600": "var(--line-height-grid-600)",
270
+ "line-height-grid-700": "var(--line-height-grid-700)",
271
+ "text-hero-line-height": "var(--text-hero-line-height)",
272
+ "text-heading-small-line-height": "var(--text-heading-small-line-height)",
273
+ "text-heading-medium-line-height": "var(--text-heading-medium-line-height)",
274
+ "text-heading-large-line-height": "var(--text-heading-large-line-height)",
275
+ "text-heading-xlarge-line-height": "var(--text-heading-xlarge-line-height)",
276
+ "text-body-small-line-height": "var(--text-body-small-line-height)",
277
+ "text-body-medium-line-height": "var(--text-body-medium-line-height)",
278
+ "text-body-large-line-height": "var(--text-body-large-line-height)",
279
+ "text-navigation-line-height": "var(--text-navigation-line-height)",
280
+ "text-menu-line-height": "var(--text-menu-line-height)",
281
+ "text-button-line-height": "var(--text-button-line-height)",
282
+ "text-label-small-line-height": "var(--text-label-small-line-height)",
283
+ "text-label-medium-line-height": "var(--text-label-medium-line-height)",
284
+ "text-caption-line-height": "var(--text-caption-line-height)",
285
+ "text-code-line-height": "var(--text-code-line-height)"
286
+ }
287
+ }
288
+ }
289
+ };