@langchain/macaw-tokens 1.0.0-beta.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 (6) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +17 -0
  3. package/dist/tokens.css +979 -0
  4. package/dist/tokens.json +803 -0
  5. package/docs/TOKENS.md +26 -0
  6. package/package.json +46 -0
package/dist/tokens.json ADDED
@@ -0,0 +1,803 @@
1
+ {
2
+ "schemaVersion": 1,
3
+ "rules": [
4
+ {
5
+ "selector": ":root",
6
+ "tokens": {
7
+ "--popover": "var(--bg-primary)",
8
+ "--background": "0 0% 100%",
9
+ "--gray-25": "#fcfcfc",
10
+ "--gray-50": "#fafafa",
11
+ "--gray-100": "#f4f4f5",
12
+ "--gray-200": "#e4e4e7",
13
+ "--gray-300": "#d1d1d6",
14
+ "--gray-400": "#a0a0ab",
15
+ "--gray-500": "#70707b",
16
+ "--gray-600": "#51525c",
17
+ "--gray-700": "#3f3f46",
18
+ "--gray-800": "#26272b",
19
+ "--gray-900": "#1a1a1e",
20
+ "--gray-950": "#131316",
21
+ "--neutral-25": "#fafbfd",
22
+ "--neutral-35": "#f8fafc",
23
+ "--neutral-50": "#f5f8fb",
24
+ "--neutral-100": "#edf2f7",
25
+ "--neutral-200": "#e2e8f0",
26
+ "--neutral-300": "#cbd5e1",
27
+ "--neutral-400": "#94a3b8",
28
+ "--neutral-500": "#64748b",
29
+ "--neutral-600": "#475569",
30
+ "--neutral-700": "#334155",
31
+ "--neutral-800": "#1e293b",
32
+ "--neutral-900": "#0f172a",
33
+ "--neutral-950": "#080f1e",
34
+ "--white": "#ffffff",
35
+ "--black": "#000000",
36
+ "--brand-10": "#f2faff",
37
+ "--brand-25": "#e5f4ff",
38
+ "--brand-50": "#cce9ff",
39
+ "--brand-75": "#9dd2fc",
40
+ "--brand-100": "#5fbef8",
41
+ "--brand-200": "#008dff",
42
+ "--brand-300": "#0078f1",
43
+ "--brand-400": "#006ddd",
44
+ "--brand-500": "#1566b8",
45
+ "--brand-600": "#145095",
46
+ "--brand-700": "#0d3d77",
47
+ "--brand-800": "#0c336a",
48
+ "--brand-900": "#102656",
49
+ "--brand-950": "#101a30",
50
+ "--red-25": "#fffbfa",
51
+ "--red-50": "#fef3f2",
52
+ "--red-100": "#fee4e2",
53
+ "--red-200": "#fecdca",
54
+ "--red-300": "#fda29b",
55
+ "--red-400": "#f97066",
56
+ "--red-500": "#f04438",
57
+ "--red-600": "#d92d20",
58
+ "--red-700": "#b42318",
59
+ "--red-800": "#912018",
60
+ "--red-900": "#7a271a",
61
+ "--red-950": "#55160c",
62
+ "--orange-25": "#fffcf5",
63
+ "--orange-50": "#fffaeb",
64
+ "--orange-100": "#fef0c7",
65
+ "--orange-200": "#fedf89",
66
+ "--orange-300": "#fec84b",
67
+ "--orange-400": "#fdb022",
68
+ "--orange-500": "#f79009",
69
+ "--orange-600": "#cd6002",
70
+ "--orange-700": "#ac5305",
71
+ "--orange-800": "#894101",
72
+ "--orange-900": "#6d3300",
73
+ "--orange-950": "#4c2400",
74
+ "--green-25": "#f5fef9",
75
+ "--green-50": "#ecfdf3",
76
+ "--green-100": "#dcfae6",
77
+ "--green-200": "#acefc6",
78
+ "--green-300": "#75e0a7",
79
+ "--green-400": "#46cd89",
80
+ "--green-500": "#19b26b",
81
+ "--green-600": "#079455",
82
+ "--green-700": "#047647",
83
+ "--green-800": "#065d3a",
84
+ "--green-900": "#084d31",
85
+ "--green-950": "#053321",
86
+ "--acid-10": "#fafee8",
87
+ "--acid-25": "#f2fcc8",
88
+ "--acid-50": "#e3f797",
89
+ "--acid-100": "#cceb50",
90
+ "--acid-200": "#aecf1a",
91
+ "--acid-300": "#93b000",
92
+ "--acid-400": "#799200",
93
+ "--acid-500": "#607500",
94
+ "--acid-600": "#495a00",
95
+ "--acid-700": "#354200",
96
+ "--acid-800": "#232c00",
97
+ "--acid-900": "#141a00",
98
+ "--acid-950": "#0b1000",
99
+ "--purple-10": "#f9f7ff",
100
+ "--purple-25": "#f1ecff",
101
+ "--purple-50": "#e3d9ff",
102
+ "--purple-100": "#c5b4f0",
103
+ "--purple-200": "#a691df",
104
+ "--purple-300": "#8b71cc",
105
+ "--purple-400": "#7655b8",
106
+ "--purple-500": "#6244a0",
107
+ "--purple-600": "#4e3487",
108
+ "--purple-700": "#3b2560",
109
+ "--purple-800": "#291753",
110
+ "--purple-900": "#190d38",
111
+ "--purple-950": "#0f0822",
112
+ "--bg-surface-level-1": "var(--white)",
113
+ "--bg-surface-level-1-hover": "var(--neutral-25)",
114
+ "--bg-surface-level-2": "var(--neutral-50)",
115
+ "--bg-surface-level-2-hover": "var(--neutral-100)",
116
+ "--bg-surface-level-3": "var(--neutral-100)",
117
+ "--bg-surface-level-4": "var(--neutral-200)",
118
+ "--bg-disabled": "var(--neutral-100)",
119
+ "--bg-elevated": "var(--white)",
120
+ "--bg-elevated-hover": "var(--neutral-25)",
121
+ "--bg-elevated-selected": "var(--neutral-25)",
122
+ "--bg-overlay": "rgba(0, 0, 0, 0.5)",
123
+ "--bg-brand": "var(--brand-400)",
124
+ "--bg-brand-hover": "var(--brand-500)",
125
+ "--bg-brand-subtle": "var(--brand-25)",
126
+ "--bg-brand-subtle-hover": "var(--brand-50)",
127
+ "--bg-brand-subtle-gradient": "linear-gradient(\n to bottom right,\n var(--brand-25),\n var(--brand-10)\n )",
128
+ "--bg-brand-illustration": "var(--brand-50)",
129
+ "--bg-brand-muted": "var(--brand-10)",
130
+ "--bg-purple": "var(--purple-50)",
131
+ "--bg-success": "var(--green-50)",
132
+ "--bg-success-subtle": "var(--green-100)",
133
+ "--bg-success-strong": "var(--green-600)",
134
+ "--bg-error": "var(--red-50)",
135
+ "--bg-error-subtle": "var(--red-100)",
136
+ "--bg-error-strong": "var(--red-600)",
137
+ "--bg-warning": "var(--orange-50)",
138
+ "--bg-warning-subtle": "var(--orange-100)",
139
+ "--bg-warning-strong": "var(--orange-600)",
140
+ "--bg-control-active": "var(--brand-300)",
141
+ "--bg-control-active-hover": "var(--brand-400)",
142
+ "--bg-control-thumb": "var(--white)",
143
+ "--bg-control-disabled": "var(--neutral-200)",
144
+ "--text-control-active-foreground": "var(--bg-control-thumb)",
145
+ "--bg-selected": "var(--brand-25)",
146
+ "--bg-selected-hover": "var(--brand-50)",
147
+ "--border-default": "var(--neutral-300)",
148
+ "--border-subtle": "var(--neutral-200)",
149
+ "--border-muted": "var(--neutral-100)",
150
+ "--border-faint": "var(--neutral-50)",
151
+ "--border-strong": "var(--neutral-600)",
152
+ "--border-disabled": "var(--neutral-200)",
153
+ "--border-focus": "var(--brand-400)",
154
+ "--border-error": "var(--red-300)",
155
+ "--border-error-strong": "var(--red-600)",
156
+ "--border-brand": "var(--brand-400)",
157
+ "--border-brand-strong": "var(--brand-600)",
158
+ "--border-brand-subtle": "var(--brand-100)",
159
+ "--border-warning": "var(--orange-300)",
160
+ "--border-success": "var(--green-200)",
161
+ "--border-purple": "var(--purple-200)",
162
+ "--text-primary": "var(--neutral-900)",
163
+ "--text-secondary": "var(--neutral-700)",
164
+ "--text-secondary-hover": "var(--neutral-800)",
165
+ "--text-tertiary": "var(--neutral-600)",
166
+ "--text-tertiary-hover": "var(--neutral-700)",
167
+ "--text-quaternary": "var(--neutral-500)",
168
+ "--text-disabled": "var(--neutral-300)",
169
+ "--text-placeholder": "var(--neutral-400)",
170
+ "--text-error-primary": "var(--red-700)",
171
+ "--text-error-secondary": "var(--red-600)",
172
+ "--text-error-tertiary": "var(--red-500)",
173
+ "--text-warning-primary": "var(--orange-700)",
174
+ "--text-warning-secondary": "var(--orange-600)",
175
+ "--text-warning-tertiary": "var(--orange-500)",
176
+ "--text-success-primary": "var(--green-700)",
177
+ "--text-success-secondary": "var(--green-600)",
178
+ "--text-success-tertiary": "var(--green-500)",
179
+ "--text-brand-primary": "var(--brand-700)",
180
+ "--text-brand-secondary": "var(--brand-600)",
181
+ "--text-brand-tertiary": "var(--brand-500)",
182
+ "--text-brand-disabled": "var(--brand-75)",
183
+ "--text-brand-on-fill": "var(--white)",
184
+ "--text-link": "var(--brand-300)",
185
+ "--text-link-hover": "var(--brand-200)",
186
+ "--text-purple": "var(--purple-700)",
187
+ "--icon-primary": "var(--neutral-900)",
188
+ "--icon-secondary": "var(--neutral-700)",
189
+ "--icon-tertiary": "var(--neutral-500)",
190
+ "--icon-disabled": "var(--neutral-300)",
191
+ "--icon-brand": "var(--brand-400)",
192
+ "--icon-brand-fill": "#7fc8ff",
193
+ "--icon-brand-background": "#161f34",
194
+ "--icon-error": "var(--red-600)",
195
+ "--icon-success": "var(--green-600)",
196
+ "--icon-warning": "var(--orange-600)",
197
+ "--text-status-green": "#02ae45",
198
+ "--text-status-yellow": "#c98e06",
199
+ "--text-status-red": "var(--red-400)",
200
+ "--text-status-orange": "#ee7207",
201
+ "--border-status-green": "#0edc5e",
202
+ "--border-status-yellow": "#ffd268",
203
+ "--border-status-red": "#fda29b",
204
+ "--border-status-orange": "#f9b072",
205
+ "--shadow-color-subtle": "rgba(16, 24, 40, 0.05)",
206
+ "--shadow-sm": "0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06)",
207
+ "--shadow-md": "0 4px 6px -1px rgba(16, 24, 40, 0.1), 0 2px 4px -1px rgba(16, 24, 40, 0.06)",
208
+ "--shadow-lg": "0 10px 15px -3px rgba(16, 24, 40, 0.1),\n 0 4px 6px -2px rgba(16, 24, 40, 0.05)",
209
+ "--radius-none": "0px",
210
+ "--radius-xs": "3px",
211
+ "--radius-sm": "4px",
212
+ "--radius-md": "6px",
213
+ "--radius-lg": "8px",
214
+ "--radius-xl": "12px",
215
+ "--radius-full": "9999px",
216
+ "--duration-fast": "100ms",
217
+ "--duration-normal": "200ms",
218
+ "--duration-slow": "300ms",
219
+ "--duration-slower": "500ms",
220
+ "--scrollbar-thumb": "rgba(0, 0, 0, 0.3)",
221
+ "--scrollbar-thumb-hover": "rgba(0, 0, 0, 0.5)",
222
+ "--syntax-plain": "#1e293b",
223
+ "--syntax-keyword": "#1d4ed8",
224
+ "--syntax-string": "#15803d",
225
+ "--syntax-number": "#c2410c",
226
+ "--syntax-comment": "#64748b",
227
+ "--syntax-function": "#7e22ce",
228
+ "--syntax-type": "#0e7490",
229
+ "--syntax-property": "#1e40af",
230
+ "--syntax-constant": "#b45309",
231
+ "--syntax-operator": "#475569",
232
+ "--syntax-tag": "#1d4ed8",
233
+ "--syntax-decorator": "#be185d",
234
+ "--bg-primary": "var(--bg-surface-level-1)",
235
+ "--bg-primary-hover": "var(--bg-surface-level-1-hover)",
236
+ "--bg-primary_hover": "var(--bg-primary-hover)",
237
+ "--bg-secondary": "var(--bg-surface-level-2)",
238
+ "--bg-secondary-hover": "var(--bg-surface-level-2-hover)",
239
+ "--bg-secondary_hover": "var(--bg-secondary-hover)",
240
+ "--bg-tertiary": "var(--bg-surface-level-3)",
241
+ "--bg-quaternary": "var(--bg-surface-level-4)",
242
+ "--bg-popover-urgent": "var(--neutral-100)",
243
+ "--bg-brand-primary": "var(--bg-brand)",
244
+ "--bg-brand-primary_hover": "var(--bg-brand-hover)",
245
+ "--bg-brand-secondary": "var(--bg-brand-subtle)",
246
+ "--bg-brand-secondary_hover": "var(--bg-brand-subtle-hover)",
247
+ "--bg-brand-tertiary": "var(--bg-brand-muted)",
248
+ "--bg-success-primary": "var(--bg-success)",
249
+ "--bg-success-secondary": "var(--bg-success-subtle)",
250
+ "--bg-error-primary": "var(--bg-error)",
251
+ "--bg-error-secondary": "var(--bg-error-subtle)",
252
+ "--bg-warning-primary": "var(--bg-warning)",
253
+ "--bg-warning-secondary": "var(--bg-warning-subtle)",
254
+ "--border-primary": "var(--border-default)",
255
+ "--border-secondary": "var(--border-subtle)",
256
+ "--border-tertiary": "var(--border-muted)",
257
+ "--border-quaternary": "var(--border-faint)",
258
+ "--text-button-primary": "var(--white)",
259
+ "--viz-neutral-10": "#f7f8fa",
260
+ "--viz-neutral-25": "#ecf0f5",
261
+ "--viz-neutral-50": "#d9e0ea",
262
+ "--viz-neutral-75": "#c6d0de",
263
+ "--viz-neutral-100": "#b4c0d1",
264
+ "--viz-neutral-150": "#a4b1c3",
265
+ "--viz-neutral-200": "#93a1b4",
266
+ "--viz-neutral-300": "#76859a",
267
+ "--viz-neutral-400": "#5f6d82",
268
+ "--viz-neutral-500": "#4d5b6f",
269
+ "--viz-neutral-600": "#3b495c",
270
+ "--viz-neutral-700": "#283547",
271
+ "--viz-neutral-800": "#1a2738",
272
+ "--viz-neutral-900": "#0c1828",
273
+ "--viz-neutral-950": "#040e1d",
274
+ "--viz-brand-10": "#f4f9ff",
275
+ "--viz-brand-25": "#e6f0ff",
276
+ "--viz-brand-50": "#cce2ff",
277
+ "--viz-brand-75": "#b1d2ff",
278
+ "--viz-brand-100": "#95c2ff",
279
+ "--viz-brand-150": "#79b2ff",
280
+ "--viz-brand-200": "#5ba1ff",
281
+ "--viz-brand-300": "#1380fa",
282
+ "--viz-brand-400": "#0068d3",
283
+ "--viz-brand-500": "#0056b2",
284
+ "--viz-brand-600": "#004591",
285
+ "--viz-brand-700": "#00326c",
286
+ "--viz-brand-800": "#002452",
287
+ "--viz-brand-900": "#001638",
288
+ "--viz-brand-950": "#000d26",
289
+ "--viz-purple-10": "#faf7ff",
290
+ "--viz-purple-25": "#f2ebff",
291
+ "--viz-purple-50": "#e6d8ff",
292
+ "--viz-purple-75": "#d9c3ff",
293
+ "--viz-purple-100": "#cdadff",
294
+ "--viz-purple-150": "#c197ff",
295
+ "--viz-purple-200": "#b57fff",
296
+ "--viz-purple-300": "#9b5ce8",
297
+ "--viz-purple-400": "#8440cf",
298
+ "--viz-purple-500": "#7128b9",
299
+ "--viz-purple-600": "#5e0ca1",
300
+ "--viz-purple-700": "#46007b",
301
+ "--viz-purple-800": "#34005e",
302
+ "--viz-purple-900": "#220040",
303
+ "--viz-purple-950": "#16002c",
304
+ "--viz-magenta-10": "#fff5fa",
305
+ "--viz-magenta-25": "#ffe8f3",
306
+ "--viz-magenta-50": "#ffd0e8",
307
+ "--viz-magenta-75": "#ffb6dc",
308
+ "--viz-magenta-100": "#ff99d1",
309
+ "--viz-magenta-150": "#ff79c7",
310
+ "--viz-magenta-200": "#f165b8",
311
+ "--viz-magenta-300": "#d4409d",
312
+ "--viz-magenta-400": "#b91b84",
313
+ "--viz-magenta-500": "#9f0070",
314
+ "--viz-magenta-600": "#81005a",
315
+ "--viz-magenta-700": "#600042",
316
+ "--viz-magenta-800": "#490031",
317
+ "--viz-magenta-900": "#31001f",
318
+ "--viz-magenta-950": "#210014",
319
+ "--viz-red-10": "#fff6f4",
320
+ "--viz-red-25": "#ffeae6",
321
+ "--viz-red-50": "#ffd4cc",
322
+ "--viz-red-75": "#ffbdb0",
323
+ "--viz-red-100": "#ffa492",
324
+ "--viz-red-150": "#ff8973",
325
+ "--viz-red-200": "#ff6951",
326
+ "--viz-red-300": "#e44029",
327
+ "--viz-red-400": "#c71d00",
328
+ "--viz-red-500": "#a71600",
329
+ "--viz-red-600": "#881000",
330
+ "--viz-red-700": "#650900",
331
+ "--viz-red-800": "#4d0500",
332
+ "--viz-red-900": "#340200",
333
+ "--viz-red-950": "#230100",
334
+ "--viz-orange-10": "#fff7ec",
335
+ "--viz-orange-25": "#ffecd2",
336
+ "--viz-orange-50": "#ffd9a3",
337
+ "--viz-orange-75": "#ffc468",
338
+ "--viz-orange-100": "#fcae00",
339
+ "--viz-orange-150": "#e79f00",
340
+ "--viz-orange-200": "#d39100",
341
+ "--viz-orange-300": "#af7800",
342
+ "--viz-orange-400": "#906200",
343
+ "--viz-orange-500": "#795100",
344
+ "--viz-orange-600": "#614100",
345
+ "--viz-orange-700": "#472e00",
346
+ "--viz-orange-800": "#352200",
347
+ "--viz-orange-900": "#231400",
348
+ "--viz-orange-950": "#160b00",
349
+ "--viz-acid-10": "#f2ffd5",
350
+ "--viz-acid-25": "#e1fe95",
351
+ "--viz-acid-50": "#d0ef75",
352
+ "--viz-acid-75": "#bfdf59",
353
+ "--viz-acid-100": "#aecf38",
354
+ "--viz-acid-150": "#9ec000",
355
+ "--viz-acid-200": "#90af00",
356
+ "--viz-acid-300": "#779000",
357
+ "--viz-acid-400": "#617700",
358
+ "--viz-acid-500": "#516300",
359
+ "--viz-acid-600": "#404f00",
360
+ "--viz-acid-700": "#2e3a00",
361
+ "--viz-acid-800": "#212b00",
362
+ "--viz-acid-900": "#141b00",
363
+ "--viz-acid-950": "#0b1000",
364
+ "--viz-green-10": "#e7fff4",
365
+ "--viz-green-25": "#c3ffe5",
366
+ "--viz-green-50": "#69ffca",
367
+ "--viz-green-75": "#3cf1b7",
368
+ "--viz-green-100": "#00e0a7",
369
+ "--viz-green-150": "#00ce99",
370
+ "--viz-green-200": "#00bc8c",
371
+ "--viz-green-300": "#009b73",
372
+ "--viz-green-400": "#00805e",
373
+ "--viz-green-500": "#006b4e",
374
+ "--viz-green-600": "#00563e",
375
+ "--viz-green-700": "#003f2c",
376
+ "--viz-green-800": "#002e20",
377
+ "--viz-green-900": "#001e13",
378
+ "--viz-green-950": "#00120a",
379
+ "--viz-sky-10": "#ecfcff",
380
+ "--viz-sky-25": "#d1f7ff",
381
+ "--viz-sky-50": "#9defff",
382
+ "--viz-sky-75": "#51e5ff",
383
+ "--viz-sky-100": "#00d6f3",
384
+ "--viz-sky-150": "#00c5df",
385
+ "--viz-sky-200": "#00b4cc",
386
+ "--viz-sky-300": "#0094a8",
387
+ "--viz-sky-400": "#007a8b",
388
+ "--viz-sky-500": "#006674",
389
+ "--viz-sky-600": "#00525d",
390
+ "--viz-sky-700": "#003b44",
391
+ "--viz-sky-800": "#002c33",
392
+ "--viz-sky-900": "#001c21",
393
+ "--viz-sky-950": "#001115",
394
+ "--chart-categorical-line-1": "var(--viz-brand-300)",
395
+ "--chart-categorical-line-2": "var(--viz-orange-100)",
396
+ "--chart-categorical-line-3": "var(--viz-green-200)",
397
+ "--chart-categorical-line-4": "var(--viz-magenta-300)",
398
+ "--chart-categorical-line-5": "var(--viz-acid-150)",
399
+ "--chart-categorical-line-6": "var(--viz-purple-300)",
400
+ "--chart-categorical-line-7": "var(--viz-sky-200)",
401
+ "--chart-categorical-line-8": "var(--viz-red-300)",
402
+ "--chart-categorical-line-9": "var(--viz-brand-150)",
403
+ "--chart-categorical-line-10": "var(--viz-orange-300)",
404
+ "--chart-categorical-line-11": "var(--viz-green-100)",
405
+ "--chart-categorical-line-12": "var(--viz-magenta-150)",
406
+ "--chart-categorical-line-13": "var(--viz-acid-100)",
407
+ "--chart-categorical-line-14": "var(--viz-purple-150)",
408
+ "--chart-categorical-line-15": "var(--viz-sky-100)",
409
+ "--chart-categorical-line-16": "var(--viz-red-150)",
410
+ "--chart-categorical-line-17": "var(--viz-brand-200)",
411
+ "--chart-categorical-line-18": "var(--viz-orange-200)",
412
+ "--chart-categorical-line-19": "var(--viz-green-150)",
413
+ "--chart-categorical-line-20": "var(--viz-magenta-200)",
414
+ "--chart-categorical-fill-1": "var(--viz-brand-200)",
415
+ "--chart-categorical-fill-2": "var(--viz-orange-75)",
416
+ "--chart-categorical-fill-3": "var(--viz-green-150)",
417
+ "--chart-categorical-fill-4": "var(--viz-magenta-200)",
418
+ "--chart-categorical-fill-5": "var(--viz-acid-100)",
419
+ "--chart-categorical-fill-6": "var(--viz-purple-200)",
420
+ "--chart-categorical-fill-7": "var(--viz-sky-150)",
421
+ "--chart-categorical-fill-8": "var(--viz-red-200)",
422
+ "--chart-categorical-fill-9": "var(--viz-brand-100)",
423
+ "--chart-categorical-fill-10": "var(--viz-orange-200)",
424
+ "--chart-categorical-fill-11": "var(--viz-green-75)",
425
+ "--chart-categorical-fill-12": "var(--viz-magenta-100)",
426
+ "--chart-categorical-fill-13": "var(--viz-acid-75)",
427
+ "--chart-categorical-fill-14": "var(--viz-purple-100)",
428
+ "--chart-categorical-fill-15": "var(--viz-sky-75)",
429
+ "--chart-categorical-fill-16": "var(--viz-red-100)",
430
+ "--chart-categorical-fill-17": "var(--viz-brand-150)",
431
+ "--chart-categorical-fill-18": "var(--viz-orange-150)",
432
+ "--chart-categorical-fill-19": "var(--viz-green-100)",
433
+ "--chart-categorical-fill-20": "var(--viz-magenta-150)",
434
+ "--chart-brand-1": "var(--viz-brand-300)",
435
+ "--chart-brand-2": "var(--viz-brand-100)",
436
+ "--chart-brand-3": "var(--viz-brand-500)",
437
+ "--chart-brand-4": "var(--viz-brand-200)",
438
+ "--chart-brand-5": "var(--viz-brand-400)",
439
+ "--chart-brand-6": "var(--viz-brand-75)",
440
+ "--chart-brand-7": "var(--viz-brand-600)",
441
+ "--chart-brand-8": "var(--viz-brand-150)",
442
+ "--chart-brand-9": "var(--viz-brand-50)",
443
+ "--chart-brand-10": "var(--viz-brand-25)",
444
+ "--chart-comparison-1": "var(--viz-brand-100)",
445
+ "--chart-comparison-2": "var(--viz-brand-300)",
446
+ "--chart-comparison-3": "var(--viz-orange-75)",
447
+ "--chart-comparison-4": "var(--viz-orange-150)",
448
+ "--chart-comparison-5": "var(--viz-magenta-100)",
449
+ "--chart-comparison-6": "var(--viz-magenta-300)",
450
+ "--chart-comparison-7": "var(--viz-acid-100)",
451
+ "--chart-comparison-8": "var(--viz-acid-300)",
452
+ "--chart-comparison-9": "var(--viz-purple-100)",
453
+ "--chart-comparison-10": "var(--viz-purple-300)",
454
+ "--chart-single-fill": "var(--chart-categorical-fill-1)",
455
+ "--chart-other": "var(--viz-neutral-200)",
456
+ "--chart-positive": "var(--viz-green-200)",
457
+ "--chart-warning": "var(--viz-orange-200)",
458
+ "--chart-negative": "var(--viz-red-300)",
459
+ "--chart-negative-subtle": "var(--viz-red-25)",
460
+ "--chart-positive-fill": "var(--viz-green-200)",
461
+ "--chart-warning-fill": "var(--viz-orange-200)",
462
+ "--chart-negative-fill": "var(--viz-red-300)",
463
+ "--chart-interaction-contrast": "var(--viz-neutral-950)",
464
+ "--chart-on-color": "var(--viz-neutral-10)",
465
+ "--chart-on-warning": "var(--viz-neutral-950)",
466
+ "--chart-breakdown-input": "var(--chart-brand-1)",
467
+ "--chart-breakdown-output": "var(--chart-brand-4)",
468
+ "--chart-breakdown-other": "var(--chart-brand-6)",
469
+ "--table-heatmap-negative-1": "color-mix(\n in srgb,\n var(--bg-error-subtle) 20%,\n var(--bg-surface-level-1)\n )",
470
+ "--table-heatmap-negative-2": "color-mix(\n in srgb,\n var(--bg-error-subtle) 40%,\n var(--bg-surface-level-1)\n )",
471
+ "--table-heatmap-negative-3": "color-mix(\n in srgb,\n var(--bg-error-subtle) 60%,\n var(--bg-surface-level-1)\n )",
472
+ "--table-heatmap-negative-4": "color-mix(\n in srgb,\n var(--bg-error-subtle) 80%,\n var(--bg-surface-level-1)\n )",
473
+ "--table-heatmap-negative-5": "var(--bg-error-subtle)",
474
+ "--table-heatmap-neutral": "var(--bg-surface-level-1)",
475
+ "--table-heatmap-positive-1": "color-mix(\n in srgb,\n var(--bg-success-subtle) 20%,\n var(--bg-surface-level-1)\n )",
476
+ "--table-heatmap-positive-2": "color-mix(\n in srgb,\n var(--bg-success-subtle) 40%,\n var(--bg-surface-level-1)\n )",
477
+ "--table-heatmap-positive-3": "color-mix(\n in srgb,\n var(--bg-success-subtle) 60%,\n var(--bg-surface-level-1)\n )",
478
+ "--table-heatmap-positive-4": "color-mix(\n in srgb,\n var(--bg-success-subtle) 80%,\n var(--bg-surface-level-1)\n )",
479
+ "--table-heatmap-positive-5": "var(--bg-success-subtle)"
480
+ }
481
+ },
482
+ {
483
+ "selector": "html.dark,\n.dark[data-theme-scope]",
484
+ "tokens": {
485
+ "--popover": "240 7.32% 8.04%",
486
+ "--background": "240 7.32% 8.04%",
487
+ "--gray-25": "#131316",
488
+ "--gray-50": "#1a1a1e",
489
+ "--gray-100": "#26272b",
490
+ "--gray-200": "#3f3f46",
491
+ "--gray-300": "#51525c",
492
+ "--gray-400": "#70707b",
493
+ "--gray-500": "#a0a0ab",
494
+ "--gray-600": "#d1d1d6",
495
+ "--gray-700": "#e4e4e7",
496
+ "--gray-800": "#f4f4f5",
497
+ "--gray-900": "#fafafa",
498
+ "--gray-950": "#fcfcfc",
499
+ "--neutral-25": "#09090f",
500
+ "--neutral-35": "#0d0f18",
501
+ "--neutral-50": "#111521",
502
+ "--neutral-100": "#1b2030",
503
+ "--neutral-200": "#282e42",
504
+ "--neutral-300": "#393f55",
505
+ "--neutral-400": "#555d78",
506
+ "--neutral-500": "#8790ab",
507
+ "--neutral-600": "#cbd5e1",
508
+ "--neutral-700": "#e2e8f0",
509
+ "--neutral-800": "#edf2f7",
510
+ "--neutral-900": "#f5f8fb",
511
+ "--neutral-950": "#fafbfd",
512
+ "--white": "#131316",
513
+ "--black": "#ffffff",
514
+ "--brand-10": "#101a30",
515
+ "--brand-25": "#102656",
516
+ "--brand-50": "#0c336a",
517
+ "--brand-75": "#0c3871",
518
+ "--brand-100": "#0d3d77",
519
+ "--brand-200": "#145095",
520
+ "--brand-300": "#1566b8",
521
+ "--brand-400": "#006ddd",
522
+ "--brand-500": "#0078f1",
523
+ "--brand-600": "#008dff",
524
+ "--brand-700": "#5fbef8",
525
+ "--brand-800": "#cce9ff",
526
+ "--brand-900": "#e5f4ff",
527
+ "--brand-950": "#f2faff",
528
+ "--red-25": "#55160c",
529
+ "--red-50": "#7a271a",
530
+ "--red-100": "#912018",
531
+ "--red-200": "#b42318",
532
+ "--red-300": "#d92d20",
533
+ "--red-400": "#f04438",
534
+ "--red-500": "#f97066",
535
+ "--red-600": "#fda29b",
536
+ "--red-700": "#fecdca",
537
+ "--red-800": "#fee4e2",
538
+ "--red-900": "#fef3f2",
539
+ "--red-950": "#fffbfa",
540
+ "--orange-25": "#4c2400",
541
+ "--orange-50": "#6d3300",
542
+ "--orange-100": "#894101",
543
+ "--orange-200": "#ac5305",
544
+ "--orange-300": "#cd6002",
545
+ "--orange-400": "#f79009",
546
+ "--orange-500": "#fdb022",
547
+ "--orange-600": "#fec84b",
548
+ "--orange-700": "#fedf89",
549
+ "--orange-800": "#fef0c7",
550
+ "--orange-900": "#fffaeb",
551
+ "--orange-950": "#fffcf5",
552
+ "--green-25": "#053321",
553
+ "--green-50": "#084d31",
554
+ "--green-100": "#065d3a",
555
+ "--green-200": "#047647",
556
+ "--green-300": "#079455",
557
+ "--green-400": "#19b26b",
558
+ "--green-500": "#46cd89",
559
+ "--green-600": "#75e0a7",
560
+ "--green-700": "#acefc6",
561
+ "--green-800": "#dcfae6",
562
+ "--green-900": "#ecfdf3",
563
+ "--green-950": "#f5fef9",
564
+ "--acid-10": "#0b1000",
565
+ "--acid-25": "#141a00",
566
+ "--acid-50": "#232c00",
567
+ "--acid-100": "#354200",
568
+ "--acid-200": "#495a00",
569
+ "--acid-300": "#607500",
570
+ "--acid-400": "#799200",
571
+ "--acid-500": "#93b000",
572
+ "--acid-600": "#aecf1a",
573
+ "--acid-700": "#cceb50",
574
+ "--acid-800": "#e3f797",
575
+ "--acid-900": "#f2fcc8",
576
+ "--acid-950": "#fafee8",
577
+ "--purple-10": "#0f0822",
578
+ "--purple-25": "#190d38",
579
+ "--purple-50": "#291753",
580
+ "--purple-100": "#3b2560",
581
+ "--purple-200": "#4e3487",
582
+ "--purple-300": "#6244a0",
583
+ "--purple-400": "#7655b8",
584
+ "--purple-500": "#8b71cc",
585
+ "--purple-600": "#a691df",
586
+ "--purple-700": "#c5b4f0",
587
+ "--purple-800": "#e3d9ff",
588
+ "--purple-900": "#f1ecff",
589
+ "--purple-950": "#f9f7ff",
590
+ "--bg-surface-level-1": "var(--neutral-25)",
591
+ "--bg-surface-level-1-hover": "var(--neutral-50)",
592
+ "--bg-surface-level-2": "var(--neutral-50)",
593
+ "--bg-surface-level-2-hover": "var(--neutral-100)",
594
+ "--bg-surface-level-3": "var(--neutral-100)",
595
+ "--bg-surface-level-4": "var(--neutral-200)",
596
+ "--bg-disabled": "var(--neutral-100)",
597
+ "--bg-elevated": "var(--neutral-35)",
598
+ "--bg-elevated-hover": "var(--neutral-100)",
599
+ "--bg-elevated-selected": "var(--neutral-200)",
600
+ "--bg-overlay": "rgba(0, 0, 0, 0.7)",
601
+ "--bg-brand": "var(--brand-500)",
602
+ "--bg-brand-hover": "var(--brand-400)",
603
+ "--bg-brand-subtle": "var(--brand-50)",
604
+ "--bg-brand-subtle-hover": "var(--brand-100)",
605
+ "--bg-brand-subtle-gradient": "linear-gradient(\n to bottom right,\n var(--brand-25),\n var(--brand-10)\n )",
606
+ "--bg-brand-illustration": "var(--brand-10)",
607
+ "--bg-brand-muted": "var(--brand-10)",
608
+ "--bg-purple": "var(--purple-25)",
609
+ "--bg-success": "var(--green-25)",
610
+ "--bg-success-subtle": "var(--green-100)",
611
+ "--bg-success-strong": "var(--green-600)",
612
+ "--bg-error": "var(--red-25)",
613
+ "--bg-error-subtle": "var(--red-100)",
614
+ "--bg-error-strong": "var(--red-400)",
615
+ "--bg-warning": "var(--orange-25)",
616
+ "--bg-warning-subtle": "var(--orange-100)",
617
+ "--bg-warning-strong": "var(--orange-600)",
618
+ "--bg-control-active": "var(--brand-500)",
619
+ "--bg-control-active-hover": "var(--brand-600)",
620
+ "--bg-control-thumb": "var(--black)",
621
+ "--bg-control-disabled": "var(--neutral-200)",
622
+ "--text-control-active-foreground": "var(--bg-control-thumb)",
623
+ "--bg-selected": "var(--brand-50)",
624
+ "--bg-selected-hover": "var(--brand-100)",
625
+ "--border-default": "var(--neutral-300)",
626
+ "--border-subtle": "var(--neutral-200)",
627
+ "--border-muted": "var(--neutral-100)",
628
+ "--border-faint": "var(--neutral-50)",
629
+ "--border-strong": "var(--neutral-600)",
630
+ "--border-disabled": "var(--neutral-200)",
631
+ "--border-focus": "var(--brand-500)",
632
+ "--border-error": "var(--red-200)",
633
+ "--border-error-strong": "var(--red-600)",
634
+ "--border-brand": "var(--brand-400)",
635
+ "--border-brand-strong": "var(--brand-600)",
636
+ "--border-brand-subtle": "var(--brand-50)",
637
+ "--border-warning": "var(--orange-300)",
638
+ "--border-success": "var(--green-200)",
639
+ "--border-purple": "var(--purple-200)",
640
+ "--text-primary": "var(--neutral-900)",
641
+ "--text-secondary": "var(--neutral-700)",
642
+ "--text-secondary-hover": "var(--neutral-800)",
643
+ "--text-tertiary": "var(--neutral-600)",
644
+ "--text-tertiary-hover": "var(--neutral-700)",
645
+ "--text-quaternary": "var(--neutral-500)",
646
+ "--text-disabled": "var(--neutral-400)",
647
+ "--text-placeholder": "var(--neutral-400)",
648
+ "--text-error-primary": "var(--red-700)",
649
+ "--text-error-secondary": "var(--red-600)",
650
+ "--text-error-tertiary": "var(--red-500)",
651
+ "--text-warning-primary": "var(--orange-700)",
652
+ "--text-warning-secondary": "var(--orange-600)",
653
+ "--text-warning-tertiary": "var(--orange-500)",
654
+ "--text-success-primary": "var(--green-700)",
655
+ "--text-success-secondary": "var(--green-600)",
656
+ "--text-success-tertiary": "var(--green-500)",
657
+ "--text-brand-primary": "var(--brand-700)",
658
+ "--text-brand-secondary": "var(--brand-600)",
659
+ "--text-brand-tertiary": "var(--brand-500)",
660
+ "--text-brand-disabled": "var(--brand-300)",
661
+ "--text-brand-on-fill": "var(--black)",
662
+ "--text-link": "var(--brand-700)",
663
+ "--text-link-hover": "var(--brand-800)",
664
+ "--text-purple": "var(--purple-700)",
665
+ "--icon-primary": "var(--neutral-900)",
666
+ "--icon-secondary": "var(--neutral-700)",
667
+ "--icon-tertiary": "var(--neutral-500)",
668
+ "--icon-disabled": "var(--neutral-400)",
669
+ "--icon-brand": "var(--brand-500)",
670
+ "--icon-brand-fill": "#161f34",
671
+ "--icon-brand-background": "#7fc8ff",
672
+ "--icon-error": "var(--red-600)",
673
+ "--icon-success": "var(--green-600)",
674
+ "--icon-warning": "var(--orange-600)",
675
+ "--text-status-green": "#0fc966",
676
+ "--text-status-yellow": "#e6a81b",
677
+ "--text-status-red": "var(--red-400)",
678
+ "--text-status-orange": "#ff5d1b",
679
+ "--border-status-green": "#064c21",
680
+ "--border-status-yellow": "#5b4300",
681
+ "--border-status-red": "#500601",
682
+ "--border-status-orange": "#7c2b09",
683
+ "--shadow-color-subtle": "rgba(16, 24, 40, 0.05)",
684
+ "--shadow-sm": "0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4)",
685
+ "--shadow-md": "0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.4)",
686
+ "--shadow-lg": "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3)",
687
+ "--scrollbar-thumb": "rgba(255, 255, 255, 0.3)",
688
+ "--scrollbar-thumb-hover": "rgba(255, 255, 255, 0.5)",
689
+ "--syntax-plain": "#cbd5e1",
690
+ "--syntax-keyword": "#60a5fa",
691
+ "--syntax-string": "#4ade80",
692
+ "--syntax-number": "#fb923c",
693
+ "--syntax-comment": "#64748b",
694
+ "--syntax-function": "#c4b5fd",
695
+ "--syntax-type": "#67e8f9",
696
+ "--syntax-property": "#93c5fd",
697
+ "--syntax-constant": "#fcd34d",
698
+ "--syntax-operator": "#94a3b8",
699
+ "--syntax-tag": "#60a5fa",
700
+ "--syntax-decorator": "#f472b6",
701
+ "--bg-primary": "var(--bg-surface-level-1)",
702
+ "--bg-primary-hover": "var(--bg-surface-level-1-hover)",
703
+ "--bg-primary_hover": "var(--bg-primary-hover)",
704
+ "--bg-secondary": "var(--bg-surface-level-2)",
705
+ "--bg-secondary-hover": "var(--bg-surface-level-2-hover)",
706
+ "--bg-secondary_hover": "var(--bg-secondary-hover)",
707
+ "--bg-tertiary": "var(--bg-surface-level-3)",
708
+ "--bg-quaternary": "var(--bg-surface-level-4)",
709
+ "--bg-popover-urgent": "var(--neutral-100)",
710
+ "--bg-brand-primary": "var(--bg-brand)",
711
+ "--bg-brand-primary_hover": "var(--bg-brand-hover)",
712
+ "--bg-brand-secondary": "var(--bg-brand-subtle)",
713
+ "--bg-brand-secondary_hover": "var(--bg-brand-subtle-hover)",
714
+ "--bg-brand-tertiary": "var(--bg-brand-muted)",
715
+ "--bg-success-primary": "var(--bg-success)",
716
+ "--bg-success-secondary": "var(--bg-success-subtle)",
717
+ "--bg-error-primary": "var(--bg-error)",
718
+ "--bg-error-secondary": "var(--bg-error-subtle)",
719
+ "--bg-warning-primary": "var(--bg-warning)",
720
+ "--bg-warning-secondary": "var(--bg-warning-subtle)",
721
+ "--border-primary": "var(--border-default)",
722
+ "--border-secondary": "var(--border-subtle)",
723
+ "--border-tertiary": "var(--border-muted)",
724
+ "--border-quaternary": "var(--border-faint)",
725
+ "--text-button-primary": "var(--black)",
726
+ "--chart-categorical-line-1": "var(--viz-brand-150)",
727
+ "--chart-categorical-line-2": "var(--viz-orange-100)",
728
+ "--chart-categorical-line-3": "var(--viz-green-150)",
729
+ "--chart-categorical-line-4": "var(--viz-magenta-150)",
730
+ "--chart-categorical-line-5": "var(--viz-acid-150)",
731
+ "--chart-categorical-line-6": "var(--viz-purple-150)",
732
+ "--chart-categorical-line-7": "var(--viz-sky-150)",
733
+ "--chart-categorical-line-8": "var(--viz-red-150)",
734
+ "--chart-categorical-line-9": "var(--viz-brand-300)",
735
+ "--chart-categorical-line-10": "var(--viz-orange-300)",
736
+ "--chart-categorical-line-11": "var(--viz-green-75)",
737
+ "--chart-categorical-line-12": "var(--viz-magenta-300)",
738
+ "--chart-categorical-line-13": "var(--viz-acid-75)",
739
+ "--chart-categorical-line-14": "var(--viz-purple-300)",
740
+ "--chart-categorical-line-15": "var(--viz-sky-300)",
741
+ "--chart-categorical-line-16": "var(--viz-red-300)",
742
+ "--chart-categorical-line-17": "var(--viz-brand-75)",
743
+ "--chart-categorical-line-18": "var(--viz-orange-200)",
744
+ "--chart-categorical-line-19": "var(--viz-green-300)",
745
+ "--chart-categorical-line-20": "var(--viz-magenta-75)",
746
+ "--chart-categorical-fill-1": "var(--viz-brand-200)",
747
+ "--chart-categorical-fill-2": "var(--viz-orange-150)",
748
+ "--chart-categorical-fill-3": "var(--viz-green-200)",
749
+ "--chart-categorical-fill-4": "var(--viz-magenta-200)",
750
+ "--chart-categorical-fill-5": "var(--viz-acid-200)",
751
+ "--chart-categorical-fill-6": "var(--viz-purple-200)",
752
+ "--chart-categorical-fill-7": "var(--viz-sky-200)",
753
+ "--chart-categorical-fill-8": "var(--viz-red-200)",
754
+ "--chart-categorical-fill-9": "var(--viz-brand-400)",
755
+ "--chart-categorical-fill-10": "var(--viz-orange-400)",
756
+ "--chart-categorical-fill-11": "var(--viz-green-100)",
757
+ "--chart-categorical-fill-12": "var(--viz-magenta-400)",
758
+ "--chart-categorical-fill-13": "var(--viz-acid-100)",
759
+ "--chart-categorical-fill-14": "var(--viz-purple-400)",
760
+ "--chart-categorical-fill-15": "var(--viz-sky-400)",
761
+ "--chart-categorical-fill-16": "var(--viz-red-400)",
762
+ "--chart-categorical-fill-17": "var(--viz-brand-100)",
763
+ "--chart-categorical-fill-18": "var(--viz-orange-300)",
764
+ "--chart-categorical-fill-19": "var(--viz-green-400)",
765
+ "--chart-categorical-fill-20": "var(--viz-magenta-100)",
766
+ "--chart-brand-1": "var(--viz-brand-150)",
767
+ "--chart-brand-2": "var(--viz-brand-400)",
768
+ "--chart-brand-3": "var(--viz-brand-75)",
769
+ "--chart-brand-4": "var(--viz-brand-300)",
770
+ "--chart-brand-5": "var(--viz-brand-100)",
771
+ "--chart-brand-6": "var(--viz-brand-500)",
772
+ "--chart-brand-7": "var(--viz-brand-200)",
773
+ "--chart-brand-8": "var(--viz-brand-50)",
774
+ "--chart-brand-9": "var(--viz-brand-25)",
775
+ "--chart-brand-10": "var(--viz-brand-10)",
776
+ "--chart-comparison-1": "var(--viz-brand-150)",
777
+ "--chart-comparison-2": "var(--viz-brand-400)",
778
+ "--chart-comparison-3": "var(--viz-orange-100)",
779
+ "--chart-comparison-4": "var(--viz-orange-200)",
780
+ "--chart-comparison-5": "var(--viz-magenta-150)",
781
+ "--chart-comparison-6": "var(--viz-magenta-400)",
782
+ "--chart-comparison-7": "var(--viz-acid-150)",
783
+ "--chart-comparison-8": "var(--viz-acid-400)",
784
+ "--chart-comparison-9": "var(--viz-purple-150)",
785
+ "--chart-comparison-10": "var(--viz-purple-400)",
786
+ "--chart-other": "var(--viz-neutral-300)",
787
+ "--chart-positive": "var(--viz-green-50)",
788
+ "--chart-warning": "var(--viz-orange-50)",
789
+ "--chart-negative": "var(--viz-red-50)",
790
+ "--chart-negative-subtle": "var(--viz-red-950)",
791
+ "--chart-positive-fill": "var(--viz-green-150)",
792
+ "--chart-warning-fill": "var(--viz-orange-150)",
793
+ "--chart-negative-fill": "var(--viz-red-150)",
794
+ "--chart-interaction-contrast": "var(--viz-neutral-10)",
795
+ "--chart-on-color": "var(--viz-neutral-950)",
796
+ "--chart-on-warning": "var(--viz-neutral-950)",
797
+ "--chart-breakdown-input": "var(--chart-brand-1)",
798
+ "--chart-breakdown-output": "var(--chart-brand-4)",
799
+ "--chart-breakdown-other": "var(--chart-brand-6)"
800
+ }
801
+ }
802
+ ]
803
+ }