UNPKG

127 kBJSONView Raw
1{
2 "aliases": {
3 "sky": {
4 "value": "#51A9E3"
5 },
6 "mint": {
7 "value": "#6ADDB2"
8 },
9 "saffron": {
10 "value": "#F2BE5A"
11 },
12 "white": {
13 "value": "#FFFFFF"
14 },
15 "amaranth-transparent-10": {
16 "value": "rgba(242, 47, 70, 0.1)"
17 },
18 "paper-accent": {
19 "value": "#FEF0E6"
20 },
21 "sun": {
22 "value": "#FF7A00"
23 },
24 "white-accent": {
25 "value": "#F6FBFE"
26 },
27 "ink-accent": {
28 "value": "#17243B"
29 },
30 "amaranth-accent": {
31 "value": "#F3465A"
32 },
33 "amaranth": {
34 "value": "#F22F46"
35 },
36 "black": {
37 "value": "#000000"
38 },
39 "palette-yellow-70": {
40 "value": "#c28e00"
41 },
42 "palette-blue-10": {
43 "value": "#ebf4ff"
44 },
45 "palette-green-05": {
46 "value": "#f5fdf8"
47 },
48 "palette-yellow-60": {
49 "value": "#e8b407"
50 },
51 "palette-gray-0-transparent-100": {
52 "value": "rgba(255, 255, 255, 1)"
53 },
54 "palette-blue-55": {
55 "value": "#006dfa"
56 },
57 "palette-yellow-50": {
58 "value": "#fad100"
59 },
60 "palette-gray-100-transparent-100": {
61 "value": "rgba(18, 28, 45, 1)"
62 },
63 "palette-red-100": {
64 "value": "#310c0c"
65 },
66 "palette-yellow-40": {
67 "value": "#ffdd35"
68 },
69 "palette-orange-100": {
70 "value": "#40130f"
71 },
72 "palette-purple-05": {
73 "value": "#faf7fd"
74 },
75 "palette-blue-60-transparent-100": {
76 "value": "rgba(2, 99, 224, 1)"
77 },
78 "palette-yellow-30": {
79 "value": "#ffe980"
80 },
81 "palette-blue-60-transparent-90": {
82 "value": "rgba(2, 99, 224, 0.9)"
83 },
84 "palette-orange-90": {
85 "value": "#541914"
86 },
87 "palette-red-90": {
88 "value": "#4a0b0b"
89 },
90 "palette-yellow-20": {
91 "value": "#fff1b3"
92 },
93 "palette-blue-60-transparent-80": {
94 "value": "rgba(2, 99, 224, 0.8)"
95 },
96 "palette-orange-80": {
97 "value": "#8d3118"
98 },
99 "palette-red-80": {
100 "value": "#750c0c"
101 },
102 "palette-yellow-10": {
103 "value": "#fffbea"
104 },
105 "palette-blue-60-transparent-70": {
106 "value": "rgba(2, 99, 224, 0.7)"
107 },
108 "palette-orange-70": {
109 "value": "#c35323"
110 },
111 "palette-blue-05": {
112 "value": "#f4f9ff"
113 },
114 "palette-gray-100-transparent-90": {
115 "value": "rgba(18, 28, 45, 0.9)"
116 },
117 "palette-gray-0-transparent-90": {
118 "value": "rgba(255, 255, 255, 0.9)"
119 },
120 "palette-red-70": {
121 "value": "#ad1111"
122 },
123 "palette-blue-60-transparent-60": {
124 "value": "rgba(2, 99, 224, 0.6)"
125 },
126 "palette-orange-60": {
127 "value": "#f47c22"
128 },
129 "palette-gray-100-transparent-80": {
130 "value": "rgba(18, 28, 45, 0.8)"
131 },
132 "palette-gray-0-transparent-80": {
133 "value": "rgba(255, 255, 255, 0.8)"
134 },
135 "palette-red-60": {
136 "value": "#d61f1f"
137 },
138 "palette-blue-60-transparent-50": {
139 "value": "rgba(2, 99, 224, 0.5)"
140 },
141 "palette-orange-50": {
142 "value": "#fa9950"
143 },
144 "palette-gray-100-transparent-70": {
145 "value": "rgba(18, 28, 45, 0.7)"
146 },
147 "palette-gray-0-transparent-70": {
148 "value": "rgba(255, 255, 255, 0.7)"
149 },
150 "palette-red-50": {
151 "value": "#eb5656"
152 },
153 "palette-blue-60-transparent-40": {
154 "value": "rgba(2, 99, 224, 0.4)"
155 },
156 "palette-orange-40": {
157 "value": "#ffb37a"
158 },
159 "palette-gray-100-transparent-60": {
160 "value": "rgba(18, 28, 45, 0.6)"
161 },
162 "palette-gray-0-transparent-60": {
163 "value": "rgba(255, 255, 255, 0.6)"
164 },
165 "palette-red-40": {
166 "value": "#f58a8a"
167 },
168 "palette-blue-60-transparent-30": {
169 "value": "rgba(2, 99, 224, 0.3)"
170 },
171 "palette-orange-30": {
172 "value": "#fac2a0"
173 },
174 "palette-gray-100-transparent-50": {
175 "value": "rgba(18, 28, 45, 0.5)"
176 },
177 "palette-yellow-100": {
178 "value": "#3d2106"
179 },
180 "palette-gray-0-transparent-50": {
181 "value": "rgba(255, 255, 255, 0.5)"
182 },
183 "palette-red-30": {
184 "value": "#f6b1b1"
185 },
186 "palette-blue-60-transparent-20": {
187 "value": "rgba(2, 99, 224, 0.2)"
188 },
189 "palette-orange-20": {
190 "value": "#fddcc4"
191 },
192 "palette-gray-100-transparent-40": {
193 "value": "rgba(18, 28, 45, 0.4)"
194 },
195 "palette-gray-0-transparent-40": {
196 "value": "rgba(255, 255, 255, 0.4)"
197 },
198 "palette-red-20": {
199 "value": "#fccfcf"
200 },
201 "palette-blue-60-transparent-10": {
202 "value": "rgba(2, 99, 224, 0.1)"
203 },
204 "palette-yellow-05": {
205 "value": "#fffdf4"
206 },
207 "palette-orange-10": {
208 "value": "#fef5ee"
209 },
210 "palette-orange-65": {
211 "value": "#e36a19"
212 },
213 "palette-gray-100-transparent-30": {
214 "value": "rgba(18, 28, 45, 0.3)"
215 },
216 "palette-gray-0-transparent-30": {
217 "value": "rgba(255, 255, 255, 0.3)"
218 },
219 "palette-red-10": {
220 "value": "#feecec"
221 },
222 "palette-red-65": {
223 "value": "#c72323"
224 },
225 "palette-gray-100-transparent-20": {
226 "value": "rgba(18, 28, 45, 0.2)"
227 },
228 "palette-gray-0-transparent-20": {
229 "value": "rgba(255, 255, 255, 0.2)"
230 },
231 "palette-gray-100-transparent-10": {
232 "value": "rgba(18, 28, 45, 0.1)"
233 },
234 "palette-gray-0-transparent-10": {
235 "value": "rgba(255, 255, 255, 0.1)"
236 },
237 "palette-gray-90": {
238 "value": "#1f304c"
239 },
240 "palette-blue-100-transparent-90": {
241 "value": "rgba(6, 3, 58, 0.9)"
242 },
243 "palette-blue-100": {
244 "value": "#06033a"
245 },
246 "palette-gray-80": {
247 "value": "#394762"
248 },
249 "palette-blue-100-transparent-80": {
250 "value": "rgba(6, 3, 58, 0.8)"
251 },
252 "palette-gray-70": {
253 "value": "#4b5671"
254 },
255 "palette-blue-100-transparent-70": {
256 "value": "rgba(6, 3, 58, 0.7)"
257 },
258 "palette-gray-60": {
259 "value": "#606b85"
260 },
261 "palette-orange-05": {
262 "value": "#fdf7f4"
263 },
264 "palette-purple-100": {
265 "value": "#160433"
266 },
267 "palette-blue-100-transparent-60": {
268 "value": "rgba(6, 3, 58, 0.6)"
269 },
270 "palette-red-05": {
271 "value": "#fef5f5"
272 },
273 "palette-gray-50": {
274 "value": "#8891aa"
275 },
276 "palette-green-90": {
277 "value": "#0d3a1f"
278 },
279 "palette-blue-100-transparent-50": {
280 "value": "rgba(6, 3, 58, 0.5)"
281 },
282 "palette-gray-40": {
283 "value": "#aeb2c1"
284 },
285 "palette-green-80": {
286 "value": "#0b602d"
287 },
288 "palette-blue-100-transparent-40": {
289 "value": "rgba(6, 3, 58, 0.4)"
290 },
291 "palette-gray-30": {
292 "value": "#cacdd8"
293 },
294 "palette-green-70": {
295 "value": "#0e7c3a"
296 },
297 "palette-blue-100-transparent-30": {
298 "value": "rgba(6, 3, 58, 0.3)"
299 },
300 "palette-green-100": {
301 "value": "#052912"
302 },
303 "palette-gray-20": {
304 "value": "#e1e3ea"
305 },
306 "palette-green-60": {
307 "value": "#14b053"
308 },
309 "palette-purple-90": {
310 "value": "#22094a"
311 },
312 "palette-blue-100-transparent-20": {
313 "value": "rgba(6, 3, 58, 0.2)"
314 },
315 "palette-gray-10": {
316 "value": "#f4f4f6"
317 },
318 "palette-green-50": {
319 "value": "#36d576"
320 },
321 "palette-purple-80": {
322 "value": "#380e78"
323 },
324 "palette-blue-100-transparent-10": {
325 "value": "rgba(6, 3, 58, 0.1)"
326 },
327 "palette-blue-90": {
328 "value": "#030b5d"
329 },
330 "palette-green-40": {
331 "value": "#7beaa5"
332 },
333 "palette-purple-70": {
334 "value": "#5817bd"
335 },
336 "palette-gray-110": {
337 "value": "#0D131C"
338 },
339 "palette-gray-0": {
340 "value": "#ffffff"
341 },
342 "palette-blue-100-transparent-100": {
343 "value": "rgba(6, 3, 58, 1)"
344 },
345 "palette-green-30": {
346 "value": "#a2f6c3"
347 },
348 "palette-purple-60": {
349 "value": "#6d2ed1"
350 },
351 "palette-gray-100": {
352 "value": "#121c2d"
353 },
354 "palette-blue-80": {
355 "value": "#001489"
356 },
357 "palette-green-20": {
358 "value": "#d1fae0"
359 },
360 "palette-purple-50": {
361 "value": "#8c5bd8"
362 },
363 "palette-blue-70": {
364 "value": "#043cb5"
365 },
366 "palette-green-10": {
367 "value": "#edfdf3"
368 },
369 "palette-purple-40": {
370 "value": "#a67fe3"
371 },
372 "palette-blue-60": {
373 "value": "#0263e0"
374 },
375 "palette-purple-30": {
376 "value": "#c8aff0"
377 },
378 "palette-blue-50": {
379 "value": "#008cff"
380 },
381 "palette-gray-05": {
382 "value": "#f9f9fa"
383 },
384 "palette-purple-20": {
385 "value": "#e7dcfa"
386 },
387 "palette-blue-40": {
388 "value": "#66b3ff"
389 },
390 "palette-purple-10": {
391 "value": "#f5f0fc"
392 },
393 "palette-yellow-90": {
394 "value": "#543308"
395 },
396 "palette-blue-30": {
397 "value": "#99cdff"
398 },
399 "palette-yellow-80": {
400 "value": "#855c15"
401 },
402 "palette-blue-20": {
403 "value": "#cce4ff"
404 },
405 "black-transparent-90": {
406 "value": "rgba(0, 0, 0, 0.9)"
407 },
408 "black-transparent-80": {
409 "value": "rgba(0, 0, 0, 0.8)"
410 },
411 "black-transparent-70": {
412 "value": "rgba(0, 0, 0, 0.7)"
413 },
414 "black-transparent-60": {
415 "value": "rgba(0, 0, 0, 0.6)"
416 },
417 "black-transparent-50": {
418 "value": "rgba(0, 0, 0, 0.5)"
419 },
420 "black-transparent-40": {
421 "value": "rgba(0, 0, 0, 0.4)"
422 },
423 "black-transparent-30": {
424 "value": "rgba(0, 0, 0, 0.3)"
425 },
426 "black-transparent-20": {
427 "value": "rgba(0, 0, 0, 0.2)"
428 },
429 "black-transparent-10": {
430 "value": "rgba(0, 0, 0, 0.1)"
431 },
432 "black-transparent-100": {
433 "value": "rgba(0, 0, 0, 1)"
434 },
435 "palette-gray-70-transparent-90": {
436 "value": "rgba(75, 86, 113, 0.9)"
437 },
438 "palette-gray-70-transparent-80": {
439 "value": "rgba(75, 86, 113, 0.8)"
440 },
441 "palette-gray-80-transparent-90": {
442 "value": "rgba(57, 71, 98, 0.9)"
443 },
444 "palette-gray-70-transparent-70": {
445 "value": "rgba(75, 86, 113, 0.7)"
446 },
447 "palette-gray-80-transparent-80": {
448 "value": "rgba(57, 71, 98, 0.8)"
449 },
450 "palette-gray-70-transparent-60": {
451 "value": "rgba(75, 86, 113, 0.6)"
452 },
453 "palette-gray-80-transparent-70": {
454 "value": "rgba(57, 71, 98, 0.7)"
455 },
456 "palette-gray-70-transparent-50": {
457 "value": "rgba(75, 86, 113, 0.5)"
458 },
459 "palette-gray-80-transparent-60": {
460 "value": "rgba(57, 71, 98, 0.6)"
461 },
462 "palette-gray-70-transparent-40": {
463 "value": "rgba(75, 86, 113, 0.4)"
464 },
465 "palette-gray-80-transparent-50": {
466 "value": "rgba(57, 71, 98, 0.5)"
467 },
468 "palette-gray-70-transparent-30": {
469 "value": "rgba(75, 86, 113, 0.3)"
470 },
471 "palette-gray-80-transparent-40": {
472 "value": "rgba(57, 71, 98, 0.4)"
473 },
474 "palette-gray-70-transparent-20": {
475 "value": "rgba(75, 86, 113, 0.2)"
476 },
477 "palette-gray-80-transparent-30": {
478 "value": "rgba(57, 71, 98, 0.3)"
479 },
480 "palette-gray-70-transparent-10": {
481 "value": "rgba(75, 86, 113, 0.1)"
482 },
483 "palette-gray-80-transparent-20": {
484 "value": "rgba(57, 71, 98, 0.2)"
485 },
486 "palette-gray-80-transparent-10": {
487 "value": "rgba(57, 71, 98, 0.1)"
488 },
489 "palette-gray-80-transparent-100": {
490 "value": "rgba(57, 71, 98, 1)"
491 },
492 "palette-gray-70-transparent-100": {
493 "value": "rgba(75, 86, 113, 1)"
494 },
495 "border-radius-0": {
496 "value": "0"
497 },
498 "border-radius-10": {
499 "value": "2px"
500 },
501 "border-radius-20": {
502 "value": "4px"
503 },
504 "border-radius-30": {
505 "value": "8px"
506 },
507 "border-radius-circle": {
508 "value": "50%"
509 },
510 "border-radius-pill": {
511 "value": "100px"
512 },
513 "border-width-0": {
514 "value": "0"
515 },
516 "border-width-10": {
517 "value": "1px"
518 },
519 "border-width-20": {
520 "value": "2px"
521 },
522 "border-width-30": {
523 "value": "4px"
524 },
525 "border-width-40": {
526 "value": "8px"
527 },
528 "offset-90": {
529 "value": "32px"
530 },
531 "offset-80": {
532 "value": "24px"
533 },
534 "offset-70": {
535 "value": "20px"
536 },
537 "offset-60": {
538 "value": "16px"
539 },
540 "offset-50": {
541 "value": "12px"
542 },
543 "offset-0": {
544 "value": "0"
545 },
546 "offset-40": {
547 "value": "8px"
548 },
549 "offset-30": {
550 "value": "6px"
551 },
552 "offset-20": {
553 "value": "4px"
554 },
555 "offset-10": {
556 "value": "2px"
557 },
558 "space-70": {
559 "value": "1.5rem"
560 },
561 "space-60": {
562 "value": "1.25rem"
563 },
564 "space-190": {
565 "value": "4.5rem"
566 },
567 "space-50": {
568 "value": "1rem"
569 },
570 "space-180": {
571 "value": "4.25rem"
572 },
573 "space-40": {
574 "value": "0.75rem"
575 },
576 "space-170": {
577 "value": "4rem"
578 },
579 "space-30": {
580 "value": "0.5rem"
581 },
582 "space-160": {
583 "value": "3.75rem"
584 },
585 "space-20": {
586 "value": "0.25rem"
587 },
588 "space-150": {
589 "value": "3.5rem"
590 },
591 "space-10": {
592 "value": "0.125rem"
593 },
594 "space-140": {
595 "value": "3.25rem"
596 },
597 "space-130": {
598 "value": "3rem"
599 },
600 "space-120": {
601 "value": "2.75rem"
602 },
603 "space-110": {
604 "value": "2.5rem"
605 },
606 "space-0": {
607 "value": "0"
608 },
609 "space-100": {
610 "value": "2.25rem"
611 },
612 "space-200": {
613 "value": "4.75rem"
614 },
615 "space-90": {
616 "value": "2rem"
617 },
618 "space-80": {
619 "value": "1.75rem"
620 },
621 "shadow-elevation-0": {
622 "value": "none"
623 },
624 "shadow-elevation-10": {
625 "value": "0 2px 4px 0 rgba(0, 0, 0, 0.4)"
626 },
627 "shadow-elevation-20": {
628 "value": "0 4px 16px 0 rgba(0, 0, 0, 0.5)"
629 },
630 "shadow-elevation-30": {
631 "value": "0 16px 24px 4px rgba(0, 0, 0, 0.5)"
632 },
633 "font-family-10": {
634 "value": "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif"
635 },
636 "font-family-20": {
637 "value": "'TwilioSansMono', Courier, monospace"
638 },
639 "font-family-30": {
640 "value": "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif"
641 },
642 "font-family-40": {
643 "value": "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif"
644 },
645 "font-family-50": {
646 "value": "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif"
647 },
648 "font-family-60": {
649 "value": "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif"
650 },
651 "font-size-110": {
652 "value": "3rem"
653 },
654 "font-size-100": {
655 "value": "2.5rem"
656 },
657 "font-size-90": {
658 "value": "2rem"
659 },
660 "font-size-80": {
661 "value": "1.75rem"
662 },
663 "font-size-70": {
664 "value": "1.5rem"
665 },
666 "font-size-60": {
667 "value": "1.25rem"
668 },
669 "font-size-50": {
670 "value": "1.125rem"
671 },
672 "font-size-40": {
673 "value": "1rem"
674 },
675 "font-size-30": {
676 "value": "0.875rem"
677 },
678 "font-size-20": {
679 "value": "0.75rem"
680 },
681 "font-size-10": {
682 "value": "0.625rem"
683 },
684 "font-size-display-30": {
685 "value": "4rem"
686 },
687 "font-size-display-20": {
688 "value": "3rem"
689 },
690 "font-size-display-10": {
691 "value": "2rem"
692 },
693 "font-weight-light": {
694 "value": 300
695 },
696 "font-weight-normal": {
697 "value": 400
698 },
699 "font-weight-medium": {
700 "value": 500
701 },
702 "font-weight-semibold": {
703 "value": 600
704 },
705 "font-weight-bold": {
706 "value": 700
707 },
708 "font-weight-extrabold": {
709 "value": 800
710 },
711 "line-height-0": {
712 "value": "0"
713 },
714 "line-height-110": {
715 "value": "4rem"
716 },
717 "line-height-90": {
718 "value": "2.75rem"
719 },
720 "line-height-100": {
721 "value": "3.25rem"
722 },
723 "line-height-80": {
724 "value": "2.5rem"
725 },
726 "line-height-70": {
727 "value": "2rem"
728 },
729 "line-height-60": {
730 "value": "1.75rem"
731 },
732 "line-height-50": {
733 "value": "1.75rem"
734 },
735 "line-height-40": {
736 "value": "1.5rem"
737 },
738 "line-height-30": {
739 "value": "1.25rem"
740 },
741 "line-height-20": {
742 "value": "1.25rem"
743 },
744 "line-height-10": {
745 "value": "1rem"
746 },
747 "line-height-05": {
748 "value": "0.75rem"
749 },
750 "line-height-display-30": {
751 "value": "5rem"
752 },
753 "line-height-display-20": {
754 "value": "3.75rem"
755 },
756 "line-height-display-10": {
757 "value": "2.5rem"
758 },
759 "size-square-40": {
760 "value": "0.75rem"
761 },
762 "size-square-30": {
763 "value": "0.5rem"
764 },
765 "size-square-20": {
766 "value": "0.25rem"
767 },
768 "size-90": {
769 "value": "57.5rem"
770 },
771 "size-square-10": {
772 "value": "0.125rem"
773 },
774 "size-120": {
775 "value": "77rem"
776 },
777 "size-80": {
778 "value": "51rem"
779 },
780 "size-0": {
781 "value": "0"
782 },
783 "size-110": {
784 "value": "70.5rem"
785 },
786 "size-square-190": {
787 "value": "4.5rem"
788 },
789 "size-70": {
790 "value": "44.5rem"
791 },
792 "size-100": {
793 "value": "64rem"
794 },
795 "size-square-180": {
796 "value": "4.25rem"
797 },
798 "size-60": {
799 "value": "38rem"
800 },
801 "size-square-170": {
802 "value": "4rem"
803 },
804 "size-sidebar-compact": {
805 "value": "4.75rem"
806 },
807 "size-square-25": {
808 "value": "0.375rem"
809 },
810 "size-square-160": {
811 "value": "3.75rem"
812 },
813 "size-50": {
814 "value": "31.5rem"
815 },
816 "size-square-150": {
817 "value": "3.5rem"
818 },
819 "size-40": {
820 "value": "25rem"
821 },
822 "size-square-140": {
823 "value": "3.25rem"
824 },
825 "size-30": {
826 "value": "18.5rem"
827 },
828 "size-topbar": {
829 "value": "4.75rem"
830 },
831 "size-square-130": {
832 "value": "3rem"
833 },
834 "size-20": {
835 "value": "12rem"
836 },
837 "size-square-120": {
838 "value": "2.75rem"
839 },
840 "size-10": {
841 "value": "5.5rem"
842 },
843 "size-square-110": {
844 "value": "2.5rem"
845 },
846 "size-square-0": {
847 "value": "0"
848 },
849 "size-square-100": {
850 "value": "2.25rem"
851 },
852 "size-square-200": {
853 "value": "4.75rem"
854 },
855 "size-sidebar": {
856 "value": "15rem"
857 },
858 "size-square-90": {
859 "value": "2rem"
860 },
861 "size-square-80": {
862 "value": "1.75rem"
863 },
864 "size-square-70": {
865 "value": "1.5rem"
866 },
867 "size-square-60": {
868 "value": "1.25rem"
869 },
870 "size-square-50": {
871 "value": "1rem"
872 },
873 "z-index-0": {
874 "value": "0"
875 },
876 "z-index-90": {
877 "value": 90
878 },
879 "z-index-80": {
880 "value": 80
881 },
882 "z-index-70": {
883 "value": 70
884 },
885 "z-index-60": {
886 "value": 60
887 },
888 "z-index-50": {
889 "value": 50
890 },
891 "z-index-40": {
892 "value": 40
893 },
894 "z-index-30": {
895 "value": 30
896 },
897 "z-index-20": {
898 "value": 20
899 },
900 "z-index-10": {
901 "value": 10
902 }
903 },
904 "props": {
905 "color-background-user": {
906 "type": "color",
907 "category": "background-color",
908 "value": "#E7E4F9",
909 "comment": "User avatar background color.",
910 "originalValue": "#E7E4F9",
911 "name": "color-background-user"
912 },
913 "color-background-trial": {
914 "type": "color",
915 "category": "background-color",
916 "value": "#DCF2EA",
917 "comment": "Trial account background color.",
918 "originalValue": "#DCF2EA",
919 "name": "color-background-trial"
920 },
921 "color-background-subaccount": {
922 "type": "color",
923 "category": "background-color",
924 "value": "#FFEFD2",
925 "comment": "Subaccount background color.",
926 "originalValue": "#FFEFD2",
927 "name": "color-background-subaccount"
928 },
929 "color-background-primary-stronger": {
930 "type": "color",
931 "category": "background-color",
932 "value": "#1F3D99",
933 "comment": "Stronger background for primary actions or highlights.",
934 "originalValue": "#1F3D99",
935 "name": "color-background-primary-stronger"
936 },
937 "color-background-destructive-stronger": {
938 "type": "color",
939 "category": "background-color",
940 "value": "#7D2828",
941 "comment": "Stronger background color used for destructive actions or highlights.",
942 "originalValue": "#7D2828",
943 "name": "color-background-destructive-stronger"
944 },
945 "color-background-primary-weaker": {
946 "type": "color",
947 "category": "background-color",
948 "value": "#EBF0FF",
949 "comment": "Weaker background for primary actions or highlights.",
950 "originalValue": "#EBF0FF",
951 "name": "color-background-primary-weaker"
952 },
953 "color-background-destructive-weaker": {
954 "type": "color",
955 "category": "background-color",
956 "value": "#F9DADA",
957 "comment": "Weaker background color used for destructive actions or highlights.",
958 "originalValue": "#F9DADA",
959 "name": "color-background-destructive-weaker"
960 },
961 "color-background-warning": {
962 "type": "color",
963 "category": "background-color",
964 "value": "#DE7548",
965 "comment": "Warning background color",
966 "originalValue": "#DE7548",
967 "name": "color-background-warning"
968 },
969 "color-background-warning-weakest": {
970 "type": "color",
971 "category": "background-color",
972 "value": "#FDF7F4",
973 "comment": "Weakest warning background color.",
974 "originalValue": "#FDF7F4",
975 "name": "color-background-warning-weakest"
976 },
977 "color-background-inverse-strong": {
978 "type": "color",
979 "category": "background-color",
980 "value": "#474D66",
981 "comment": "Strong inverse background color for any container. Must be used on color-background-body-inverse.",
982 "originalValue": "#474D66",
983 "name": "color-background-inverse-strong"
984 },
985 "color-background-new": {
986 "type": "color",
987 "category": "background-color",
988 "value": "#E7E4F9",
989 "comment": "Background color for indicating a new status.",
990 "originalValue": "#E7E4F9",
991 "name": "color-background-new"
992 },
993 "color-background-strong": {
994 "type": "color",
995 "category": "background-color",
996 "value": "#E6E8F0",
997 "comment": "Strong default background color.",
998 "originalValue": "#E6E8F0",
999 "name": "color-background-strong"
1000 },
1001 "color-background-new-weakest": {
1002 "type": "color",
1003 "category": "background-color",
1004 "value": "#faf7fd",
1005 "comment": "Weakest background color for indicating a new status.",
1006 "originalValue": "{!palette-purple-05}",
1007 "name": "color-background-new-weakest"
1008 },
1009 "color-background-destructive": {
1010 "type": "color",
1011 "category": "background-color",
1012 "value": "#D14343",
1013 "comment": "Background color used for destructive actions or highlights.",
1014 "originalValue": "#D14343",
1015 "name": "color-background-destructive"
1016 },
1017 "color-background-weak": {
1018 "type": "color",
1019 "category": "background-color",
1020 "value": "#F9FAFC",
1021 "comment": "Weak default background color.",
1022 "originalValue": "#F9FAFC",
1023 "name": "color-background-weak"
1024 },
1025 "color-background-primary": {
1026 "type": "color",
1027 "category": "background-color",
1028 "value": "#3366FF",
1029 "comment": "Background for primary actions or highlights.",
1030 "originalValue": "#3366FF",
1031 "name": "color-background-primary"
1032 },
1033 "color-background-primary-weakest": {
1034 "type": "color",
1035 "category": "background-color",
1036 "value": "#F3F6FF",
1037 "comment": "Weakest background for primary actions or highlights.",
1038 "originalValue": "#F3F6FF",
1039 "name": "color-background-primary-weakest"
1040 },
1041 "color-background-busy": {
1042 "type": "color",
1043 "category": "background-color",
1044 "value": "#DE7548",
1045 "comment": "Background color used to represent an entity or person as \"busy\".",
1046 "originalValue": "#DE7548",
1047 "name": "color-background-busy"
1048 },
1049 "color-background-success": {
1050 "type": "color",
1051 "category": "background-color",
1052 "value": "#52BD94",
1053 "comment": "Success background color.",
1054 "originalValue": "#52BD94",
1055 "name": "color-background-success"
1056 },
1057 "color-background-destructive-weakest": {
1058 "type": "color",
1059 "category": "background-color",
1060 "value": "#FDF4F4",
1061 "comment": "Weakest background color used for destructive actions or highlights.",
1062 "originalValue": "#FDF4F4",
1063 "name": "color-background-destructive-weakest"
1064 },
1065 "color-background-offline": {
1066 "type": "color",
1067 "category": "background-color",
1068 "value": "#C1C4D6",
1069 "comment": "Color used to represent an entity or person as \"offline\".",
1070 "originalValue": "#C1C4D6",
1071 "name": "color-background-offline"
1072 },
1073 "color-background-row-striped": {
1074 "type": "color",
1075 "category": "background-color",
1076 "value": "#FAFBFF",
1077 "comment": "Background color for alternative striped rows.",
1078 "originalValue": "#FAFBFF",
1079 "name": "color-background-row-striped"
1080 },
1081 "color-background-primary-strongest": {
1082 "type": "color",
1083 "category": "background-color",
1084 "value": "#0C1E56",
1085 "comment": "Strongest background for primary actions or highlights.",
1086 "originalValue": "#0C1E56",
1087 "name": "color-background-primary-strongest"
1088 },
1089 "color-background-success-weakest": {
1090 "type": "color",
1091 "category": "background-color",
1092 "value": "#EEF8F4",
1093 "comment": "Weakest success background color.",
1094 "originalValue": "#EEF8F4",
1095 "name": "color-background-success-weakest"
1096 },
1097 "color-background-destructive-strongest": {
1098 "type": "color",
1099 "category": "background-color",
1100 "value": "#4F1515",
1101 "comment": "Strongest background color used for destructive actions or highlights.",
1102 "originalValue": "#4F1515",
1103 "name": "color-background-destructive-strongest"
1104 },
1105 "color-background-error-strong": {
1106 "type": "color",
1107 "category": "background-color",
1108 "value": "#A73636",
1109 "comment": "Strong error background color.",
1110 "originalValue": "#A73636",
1111 "name": "color-background-error-strong"
1112 },
1113 "color-background-brand-strong": {
1114 "type": "color",
1115 "category": "background-color",
1116 "value": "#030b5d",
1117 "comment": "Strong primary brand background, accessible with inverse text.",
1118 "originalValue": "{!palette-blue-90}",
1119 "name": "color-background-brand-strong"
1120 },
1121 "color-background-brand": {
1122 "type": "color",
1123 "category": "background-color",
1124 "value": "#474D66",
1125 "comment": "Primary brand background, accessible with inverse text.",
1126 "originalValue": "#474D66",
1127 "name": "color-background-brand"
1128 },
1129 "color-background-error": {
1130 "type": "color",
1131 "category": "background-color",
1132 "value": "#D14343",
1133 "comment": "Error background color.",
1134 "originalValue": "#D14343",
1135 "name": "color-background-error"
1136 },
1137 "color-background-neutral-weakest": {
1138 "type": "color",
1139 "category": "background-color",
1140 "value": "#F4F6FA",
1141 "comment": "Weakest neutral background color.",
1142 "originalValue": "#F4F6FA",
1143 "name": "color-background-neutral-weakest"
1144 },
1145 "color-background-available": {
1146 "type": "color",
1147 "category": "background-color",
1148 "value": "#52BD94",
1149 "comment": "Background color used to represent an entity or person as \"available\".",
1150 "originalValue": "#52BD94",
1151 "name": "color-background-available"
1152 },
1153 "color-background-error-weakest": {
1154 "type": "color",
1155 "category": "background-color",
1156 "value": "FDF4F4",
1157 "comment": "Weakest error background color.",
1158 "originalValue": "FDF4F4",
1159 "name": "color-background-error-weakest"
1160 },
1161 "color-background-required": {
1162 "type": "color",
1163 "category": "background-color",
1164 "value": "#eb5656",
1165 "comment": "Background color used to represent required form fields.",
1166 "originalValue": "{!palette-red-50}",
1167 "name": "color-background-required"
1168 },
1169 "color-background-error-strongest": {
1170 "type": "color",
1171 "category": "background-color",
1172 "value": "#310C0C",
1173 "comment": "Strongest error background color.",
1174 "originalValue": "#310C0C",
1175 "name": "color-background-error-strongest"
1176 },
1177 "color-background-decorative-40-weakest": {
1178 "type": "color",
1179 "category": "background-color",
1180 "value": "F8F7FD",
1181 "comment": "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.",
1182 "originalValue": "F8F7FD",
1183 "name": "color-background-decorative-40-weakest"
1184 },
1185 "color-background-inverse-stronger": {
1186 "type": "color",
1187 "category": "background-color",
1188 "value": "#696F8C",
1189 "comment": "Stronger inverse background color for any container. Must be used on color-background-body-inverse.",
1190 "originalValue": "#696F8C",
1191 "name": "color-background-inverse-stronger"
1192 },
1193 "color-background-decorative-30-weakest": {
1194 "type": "color",
1195 "category": "background-color",
1196 "value": "#EEF8F4",
1197 "comment": "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.",
1198 "originalValue": "#EEF8F4",
1199 "name": "color-background-decorative-30-weakest"
1200 },
1201 "color-background-body": {
1202 "type": "color",
1203 "category": "background-color",
1204 "value": "#FFFFFF",
1205 "comment": "Background color used for the main page body.",
1206 "originalValue": "#FFFFFF",
1207 "name": "color-background-body"
1208 },
1209 "color-background-primary-strong": {
1210 "type": "color",
1211 "category": "background-color",
1212 "value": "#2952CC",
1213 "comment": "Strong background for primary actions or highlights.",
1214 "originalValue": "#2952CC",
1215 "name": "color-background-primary-strong"
1216 },
1217 "color-background-decorative-20-weakest": {
1218 "type": "color",
1219 "category": "background-color",
1220 "value": "#F3F6FF",
1221 "comment": "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.",
1222 "originalValue": "#F3F6FF",
1223 "name": "color-background-decorative-20-weakest"
1224 },
1225 "color-background-destructive-strong": {
1226 "type": "color",
1227 "category": "background-color",
1228 "value": "#A73636",
1229 "comment": "Strong background color used for destructive actions or highlights.",
1230 "originalValue": "#A73636",
1231 "name": "color-background-destructive-strong"
1232 },
1233 "color-background-destructive-weak": {
1234 "type": "color",
1235 "category": "background-color",
1236 "value": "#F4B6B6",
1237 "comment": "Weak background color used for destructive actions or highlights.",
1238 "originalValue": "#F4B6B6",
1239 "name": "color-background-destructive-weak"
1240 },
1241 "color-background-decorative-10-weakest": {
1242 "type": "color",
1243 "category": "background-color",
1244 "value": "#F4F6FA",
1245 "comment": "Weakest background color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative border and/or text tokens.",
1246 "originalValue": "#F4F6FA",
1247 "name": "color-background-decorative-10-weakest"
1248 },
1249 "color-background": {
1250 "type": "color",
1251 "category": "background-color",
1252 "value": "#F4F6FA",
1253 "comment": "Default background color for any container.",
1254 "originalValue": "#F4F6FA",
1255 "name": "color-background"
1256 },
1257 "color-background-primary-weak": {
1258 "type": "color",
1259 "category": "background-color",
1260 "value": "#D6E0FF",
1261 "comment": "Weak background for primary actions or highlights.",
1262 "originalValue": "#D6E0FF",
1263 "name": "color-background-primary-weak"
1264 },
1265 "color-background-stronger": {
1266 "type": "color",
1267 "category": "background-color",
1268 "value": "#C1C4D6",
1269 "comment": "Stronger default background color.",
1270 "originalValue": "#C1C4D6",
1271 "name": "color-background-stronger"
1272 },
1273 "color-background-brand-highlight": {
1274 "type": "color",
1275 "category": "background-color",
1276 "value": "#52BD94",
1277 "comment": "Highlight brand background, accessible with black text.",
1278 "originalValue": "#52BD94",
1279 "name": "color-background-brand-highlight"
1280 },
1281 "color-background-brand-highlight-weakest": {
1282 "type": "color",
1283 "category": "background-color",
1284 "value": "#DCF2EA",
1285 "comment": "Weakest background color used for brand highlights.",
1286 "originalValue": "#DCF2EA",
1287 "name": "color-background-brand-highlight-weakest"
1288 },
1289 "color-background-strongest": {
1290 "type": "color",
1291 "category": "background-color",
1292 "value": "#696F8C",
1293 "comment": "Strongest default background color.",
1294 "originalValue": "#696F8C",
1295 "name": "color-background-strongest"
1296 },
1297 "color-background-body-inverse": {
1298 "type": "color",
1299 "category": "background-color",
1300 "value": "#101840",
1301 "comment": "Inverse background color used for the main page body.",
1302 "originalValue": "#101840",
1303 "name": "color-background-body-inverse"
1304 },
1305 "color-background-inverse": {
1306 "type": "color",
1307 "category": "background-color",
1308 "value": "#101840",
1309 "comment": "Inverse background color for any container. Must be used on color-background-body-inverse.",
1310 "originalValue": "#101840",
1311 "name": "color-background-inverse"
1312 },
1313 "color-background-overlay": {
1314 "type": "color",
1315 "category": "background-color",
1316 "value": "rgba(71, 77, 102, 0.64)",
1317 "comment": "Default background for overlays.",
1318 "originalValue": "rgba(71, 77, 102, 0.64)",
1319 "name": "color-background-overlay"
1320 },
1321 "color-background-unavailable": {
1322 "type": "color",
1323 "category": "background-color",
1324 "value": "#D14343",
1325 "comment": "Color used to represent an entity or person as \"unavailable\".",
1326 "originalValue": "#D14343",
1327 "name": "color-background-unavailable"
1328 },
1329 "color-background-error-stronger": {
1330 "type": "color",
1331 "category": "background-color",
1332 "value": "#7D2828",
1333 "comment": "Stronger error background color.",
1334 "originalValue": "#7D2828",
1335 "name": "color-background-error-stronger"
1336 },
1337 "color-background-brand-stronger": {
1338 "type": "color",
1339 "category": "background-color",
1340 "value": "#06033a",
1341 "comment": "Stronger primary brand background, accessible with inverse text.",
1342 "originalValue": "{!palette-blue-100}",
1343 "name": "color-background-brand-stronger"
1344 },
1345 "color-border-error-stronger": {
1346 "type": "color",
1347 "category": "border-color",
1348 "value": "#7D2828",
1349 "comment": "Stronger error border color",
1350 "originalValue": "#7D2828",
1351 "name": "color-border-error-stronger"
1352 },
1353 "color-border-warning-weak": {
1354 "type": "color",
1355 "category": "border-color",
1356 "value": "#EBAC91",
1357 "comment": "Weak warning border color",
1358 "originalValue": "#EBAC91",
1359 "name": "color-border-warning-weak"
1360 },
1361 "color-border-decorative-40-weaker": {
1362 "type": "color",
1363 "category": "border-color",
1364 "value": "#E7E4F9",
1365 "comment": "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.",
1366 "originalValue": "#E7E4F9",
1367 "name": "color-border-decorative-40-weaker"
1368 },
1369 "color-border-error-weaker": {
1370 "type": "color",
1371 "category": "border-color",
1372 "value": "#F4B6B6",
1373 "comment": "Weaker error border color",
1374 "originalValue": "#F4B6B6",
1375 "name": "color-border-error-weaker"
1376 },
1377 "color-border-user": {
1378 "type": "color",
1379 "category": "border-color",
1380 "value": "#e7dcfa",
1381 "comment": "User avatar border color.",
1382 "originalValue": "{!palette-purple-20}",
1383 "name": "color-border-user"
1384 },
1385 "color-border-neutral-weaker": {
1386 "type": "color",
1387 "category": "border-color",
1388 "value": "#D6E0FF",
1389 "comment": "Weaker neutral border color",
1390 "originalValue": "#D6E0FF",
1391 "name": "color-border-neutral-weaker"
1392 },
1393 "color-border-warning": {
1394 "type": "color",
1395 "category": "border-color",
1396 "value": "#DE7548",
1397 "comment": "Warning border color",
1398 "originalValue": "#DE7548",
1399 "name": "color-border-warning"
1400 },
1401 "color-border-success-weaker": {
1402 "type": "color",
1403 "category": "border-color",
1404 "value": "#DCF2EA",
1405 "comment": "Weaker success border color",
1406 "originalValue": "#DCF2EA",
1407 "name": "color-border-success-weaker"
1408 },
1409 "color-border-primary-stronger": {
1410 "type": "color",
1411 "category": "border-color",
1412 "value": "#1F3D99",
1413 "comment": "Stronger primary border color",
1414 "originalValue": "#1F3D99",
1415 "name": "color-border-primary-stronger"
1416 },
1417 "color-border-destructive-stronger": {
1418 "type": "color",
1419 "category": "border-color",
1420 "value": "#7D2828",
1421 "comment": "Stronger destructive hover border color",
1422 "originalValue": "#7D2828",
1423 "name": "color-border-destructive-stronger"
1424 },
1425 "color-border-warning-weakest": {
1426 "type": "color",
1427 "category": "border-color",
1428 "value": "#F8E3DA",
1429 "comment": "Weakest warning border color",
1430 "originalValue": "#F8E3DA",
1431 "name": "color-border-warning-weakest"
1432 },
1433 "color-border-primary-weaker": {
1434 "type": "color",
1435 "category": "border-color",
1436 "value": "#D6E0FF",
1437 "comment": "Weaker primary border color",
1438 "originalValue": "#D6E0FF",
1439 "name": "color-border-primary-weaker"
1440 },
1441 "color-border-destructive-weaker": {
1442 "type": "color",
1443 "category": "border-color",
1444 "value": "#F9DADA",
1445 "comment": "Destructive focus border color",
1446 "originalValue": "#F9DADA",
1447 "name": "color-border-destructive-weaker"
1448 },
1449 "color-border-new-weaker": {
1450 "type": "color",
1451 "category": "border-color",
1452 "value": "#E7E4F9",
1453 "comment": "Weaker border color for something designated as new",
1454 "originalValue": "#E7E4F9",
1455 "name": "color-border-new-weaker"
1456 },
1457 "color-border-destructive": {
1458 "type": "color",
1459 "category": "border-color",
1460 "value": "#D14343",
1461 "comment": "Destructive border color",
1462 "originalValue": "#D14343",
1463 "name": "color-border-destructive"
1464 },
1465 "color-border-inverse-strong": {
1466 "type": "color",
1467 "category": "border-color",
1468 "value": "#e1e3ea",
1469 "comment": "Strong border on inverse backgrounds. Must be used on color-background-body-inverse.",
1470 "uicontrol_contrast_pairing": [
1471 "color-background-body-inverse"
1472 ],
1473 "originalValue": "{!palette-gray-20}",
1474 "name": "color-border-inverse-strong"
1475 },
1476 "color-border-primary": {
1477 "type": "color",
1478 "category": "border-color",
1479 "value": "#3366FF",
1480 "comment": "Primary border color",
1481 "originalValue": "#3366FF",
1482 "name": "color-border-primary"
1483 },
1484 "color-border-primary-weakest": {
1485 "type": "color",
1486 "category": "border-color",
1487 "value": "#EBF0FF",
1488 "comment": "Weakest primary border color",
1489 "originalValue": "#EBF0FF",
1490 "name": "color-border-primary-weakest"
1491 },
1492 "color-border-success": {
1493 "type": "color",
1494 "category": "border-color",
1495 "value": "#52BD94",
1496 "comment": "Success border color",
1497 "originalValue": "#52BD94",
1498 "name": "color-border-success"
1499 },
1500 "color-border-destructive-weakest": {
1501 "type": "color",
1502 "category": "border-color",
1503 "value": "#FDF4F4",
1504 "comment": "Destructive focus border color",
1505 "originalValue": "#FDF4F4",
1506 "name": "color-border-destructive-weakest"
1507 },
1508 "color-border-destructive-strongest": {
1509 "type": "color",
1510 "category": "border-color",
1511 "value": "#310C0C",
1512 "comment": "Strongest destructive hover border color",
1513 "originalValue": "#310C0C",
1514 "name": "color-border-destructive-strongest"
1515 },
1516 "color-border-primary-strongest": {
1517 "type": "color",
1518 "category": "border-color",
1519 "value": "#0C1E56",
1520 "comment": "Strongest primary border color",
1521 "originalValue": "#0C1E56",
1522 "name": "color-border-primary-strongest"
1523 },
1524 "color-border-success-weakest": {
1525 "type": "color",
1526 "category": "border-color",
1527 "value": "#EEF8F4",
1528 "comment": "Weakest success border color",
1529 "originalValue": "#EEF8F4",
1530 "name": "color-border-success-weakest"
1531 },
1532 "color-border-warning-weaker": {
1533 "type": "color",
1534 "category": "border-color",
1535 "value": "#F2C8B6",
1536 "comment": "Weaker warning border color",
1537 "originalValue": "#F2C8B6",
1538 "name": "color-border-warning-weaker"
1539 },
1540 "color-border-strong": {
1541 "type": "color",
1542 "category": "border-color",
1543 "value": "#8F95B2",
1544 "comment": "Strong border color",
1545 "originalValue": "#8F95B2",
1546 "name": "color-border-strong"
1547 },
1548 "color-border-weak": {
1549 "type": "color",
1550 "category": "border-color",
1551 "value": "#E6E8F0",
1552 "comment": "Weak border color",
1553 "originalValue": "#E6E8F0",
1554 "name": "color-border-weak"
1555 },
1556 "color-border-neutral": {
1557 "type": "color",
1558 "category": "border-color",
1559 "value": "#3366FF",
1560 "comment": "Neutral border color",
1561 "originalValue": "#3366FF",
1562 "name": "color-border-neutral"
1563 },
1564 "color-border-error": {
1565 "type": "color",
1566 "category": "border-color",
1567 "value": "#D14343",
1568 "comment": "Error border color",
1569 "originalValue": "#D14343",
1570 "name": "color-border-error"
1571 },
1572 "color-border-error-weakest": {
1573 "type": "color",
1574 "category": "border-color",
1575 "value": "#F9DADA",
1576 "comment": "Weakest error border color",
1577 "originalValue": "#F9DADA",
1578 "name": "color-border-error-weakest"
1579 },
1580 "color-border-error-strongest": {
1581 "type": "color",
1582 "category": "border-color",
1583 "value": "#310c0c",
1584 "comment": "Strongest error border color",
1585 "originalValue": "{!palette-red-100}",
1586 "name": "color-border-error-strongest"
1587 },
1588 "color-border-error-strong": {
1589 "type": "color",
1590 "category": "border-color",
1591 "value": "#A73636",
1592 "comment": "Strong error border color",
1593 "originalValue": "#A73636",
1594 "name": "color-border-error-strong"
1595 },
1596 "color-border-error-weak": {
1597 "type": "color",
1598 "category": "border-color",
1599 "value": "#EE9191",
1600 "comment": "Weak error border color",
1601 "originalValue": "#EE9191",
1602 "name": "color-border-error-weak"
1603 },
1604 "color-border-neutral-weak": {
1605 "type": "color",
1606 "category": "border-color",
1607 "value": "#9DB5FF",
1608 "comment": "Weak neutral border color",
1609 "originalValue": "#9DB5FF",
1610 "name": "color-border-neutral-weak"
1611 },
1612 "color-border": {
1613 "type": "color",
1614 "category": "border-color",
1615 "value": "#D8DAE5",
1616 "comment": "Default border color",
1617 "originalValue": "#D8DAE5",
1618 "name": "color-border"
1619 },
1620 "color-border-weakest": {
1621 "type": "color",
1622 "category": "border-color",
1623 "value": "#FFFFFF",
1624 "comment": "Weakest border color",
1625 "originalValue": "#FFFFFF",
1626 "name": "color-border-weakest"
1627 },
1628 "color-border-inverse-stronger": {
1629 "type": "color",
1630 "category": "border-color",
1631 "value": "#f4f4f6",
1632 "comment": "Stronger border on inverse backgrounds. Must be used on color-background-body-inverse.",
1633 "uicontrol_contrast_pairing": [
1634 "color-background-body-inverse"
1635 ],
1636 "originalValue": "{!palette-gray-10}",
1637 "name": "color-border-inverse-stronger"
1638 },
1639 "color-border-inverse-weaker": {
1640 "type": "color",
1641 "category": "border-color",
1642 "value": "#394762",
1643 "comment": "Weaker border on inverse backgrounds. Must be used on color-background-body-inverse.",
1644 "originalValue": "{!palette-gray-80}",
1645 "name": "color-border-inverse-weaker"
1646 },
1647 "color-border-success-weak": {
1648 "type": "color",
1649 "category": "border-color",
1650 "value": "#A3E6CD",
1651 "comment": "Weak success border color",
1652 "originalValue": "#A3E6CD",
1653 "name": "color-border-success-weak"
1654 },
1655 "color-border-primary-strong": {
1656 "type": "color",
1657 "category": "border-color",
1658 "value": "#2952CC",
1659 "comment": "Strong primary border color",
1660 "originalValue": "#2952CC",
1661 "name": "color-border-primary-strong"
1662 },
1663 "color-border-inverse": {
1664 "type": "color",
1665 "category": "border-color",
1666 "value": "#8891aa",
1667 "comment": "Border on inverse backgrounds. Must be used on color-background-body-inverse.",
1668 "uicontrol_contrast_pairing": [
1669 "color-background-body-inverse"
1670 ],
1671 "originalValue": "{!palette-gray-50}",
1672 "name": "color-border-inverse"
1673 },
1674 "color-border-destructive-strong": {
1675 "type": "color",
1676 "category": "border-color",
1677 "value": "#A73636",
1678 "comment": "Destructive focus border color",
1679 "originalValue": "#A73636",
1680 "name": "color-border-destructive-strong"
1681 },
1682 "color-border-primary-weak": {
1683 "type": "color",
1684 "category": "border-color",
1685 "value": "#9DB5FF",
1686 "comment": "Weak primary border color",
1687 "originalValue": "#9DB5FF",
1688 "name": "color-border-primary-weak"
1689 },
1690 "color-border-inverse-weakest": {
1691 "type": "color",
1692 "category": "border-color",
1693 "value": "#1f304c",
1694 "comment": "Weakest border on inverse backgrounds. Must be used on color-background-body-inverse.",
1695 "originalValue": "{!palette-gray-90}",
1696 "name": "color-border-inverse-weakest"
1697 },
1698 "color-border-destructive-weak": {
1699 "type": "color",
1700 "category": "border-color",
1701 "value": "#F4B6B6",
1702 "comment": "Destructive focus border color",
1703 "originalValue": "#F4B6B6",
1704 "name": "color-border-destructive-weak"
1705 },
1706 "color-border-inverse-strongest": {
1707 "type": "color",
1708 "category": "border-color",
1709 "value": "#ffffff",
1710 "comment": "Strongest border on inverse backgrounds. Must be used on color-background-body-inverse.",
1711 "uicontrol_contrast_pairing": [
1712 "color-background-body-inverse"
1713 ],
1714 "originalValue": "{!palette-gray-0}",
1715 "name": "color-border-inverse-strongest"
1716 },
1717 "color-border-weaker": {
1718 "type": "color",
1719 "category": "border-color",
1720 "value": "#EDEFF5",
1721 "comment": "Weaker border color",
1722 "originalValue": "#EDEFF5",
1723 "name": "color-border-weaker"
1724 },
1725 "color-border-decorative-10-weaker": {
1726 "type": "color",
1727 "category": "border-color",
1728 "value": "#D8DAE5",
1729 "comment": "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.",
1730 "originalValue": "#D8DAE5",
1731 "name": "color-border-decorative-10-weaker"
1732 },
1733 "color-border-decorative-20-weaker": {
1734 "type": "color",
1735 "category": "border-color",
1736 "value": "#D6E0FF",
1737 "comment": "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.",
1738 "originalValue": "#D6E0FF",
1739 "name": "color-border-decorative-20-weaker"
1740 },
1741 "color-border-decorative-30-weaker": {
1742 "type": "color",
1743 "category": "border-color",
1744 "value": "#EEF8F4",
1745 "comment": "Weaker border color with no semantic meaning, used for decorative purposes only. Should generally be used with matching decorative background and/or text tokens.",
1746 "originalValue": "#EEF8F4",
1747 "name": "color-border-decorative-30-weaker"
1748 },
1749 "border-radius-0": {
1750 "type": "size",
1751 "category": "radius",
1752 "value": "0",
1753 "comment": "Border radius reset",
1754 "originalValue": "{!border-radius-0}",
1755 "name": "border-radius-0"
1756 },
1757 "border-radius-10": {
1758 "type": "size",
1759 "category": "radius",
1760 "value": "2px",
1761 "comment": "Small border radius",
1762 "originalValue": "{!border-radius-10}",
1763 "name": "border-radius-10"
1764 },
1765 "border-radius-20": {
1766 "type": "size",
1767 "category": "radius",
1768 "value": "4px",
1769 "comment": "Large border radius",
1770 "originalValue": "{!border-radius-20}",
1771 "name": "border-radius-20"
1772 },
1773 "border-radius-30": {
1774 "type": "size",
1775 "category": "radius",
1776 "value": "8px",
1777 "comment": "Larger border radius",
1778 "originalValue": "{!border-radius-30}",
1779 "name": "border-radius-30"
1780 },
1781 "border-radius-circle": {
1782 "type": "size",
1783 "category": "radius",
1784 "value": "50%",
1785 "comment": "Circular border radius",
1786 "originalValue": "{!border-radius-circle}",
1787 "name": "border-radius-circle"
1788 },
1789 "border-radius-pill": {
1790 "type": "size",
1791 "category": "radius",
1792 "value": "100px",
1793 "comment": "Pill border radius",
1794 "originalValue": "{!border-radius-pill}",
1795 "name": "border-radius-pill"
1796 },
1797 "border-width-0": {
1798 "type": "size",
1799 "category": "border-width",
1800 "value": "0",
1801 "comment": "Border width reset",
1802 "originalValue": "{!border-width-0}",
1803 "name": "border-width-0"
1804 },
1805 "border-width-10": {
1806 "type": "size",
1807 "category": "border-width",
1808 "value": "1px",
1809 "comment": "Constant border width token for border width 10",
1810 "originalValue": "{!border-width-10}",
1811 "name": "border-width-10"
1812 },
1813 "border-width-20": {
1814 "type": "size",
1815 "category": "border-width",
1816 "value": "2px",
1817 "comment": "Constant border width token for border width 20",
1818 "originalValue": "{!border-width-20}",
1819 "name": "border-width-20"
1820 },
1821 "border-width-30": {
1822 "type": "size",
1823 "category": "border-width",
1824 "value": "4px",
1825 "comment": "Constant border width token for border width 30",
1826 "originalValue": "{!border-width-30}",
1827 "name": "border-width-30"
1828 },
1829 "border-width-40": {
1830 "type": "size",
1831 "category": "border-width",
1832 "value": "8px",
1833 "comment": "Constant border width token for border width 40",
1834 "originalValue": "{!border-width-40}",
1835 "name": "border-width-40"
1836 },
1837 "shadow-border-bottom-new-weaker": {
1838 "type": "shadow",
1839 "category": "box-shadow",
1840 "value": "0 1px 0 #D0CAF4",
1841 "comment": "Weaker bottom shadow border for new status",
1842 "originalValue": "{!offset-0} 1px {!offset-0} #D0CAF4",
1843 "name": "shadow-border-bottom-new-weaker"
1844 },
1845 "shadow": {
1846 "type": "shadow",
1847 "category": "box-shadow",
1848 "value": "0 4px 16px 0 rgba(0, 0, 0, 0.5)",
1849 "comment": "Default shadow.",
1850 "originalValue": "{!shadow-elevation-20}",
1851 "name": "shadow"
1852 },
1853 "shadow-border-subaccount": {
1854 "type": "shadow",
1855 "category": "box-shadow",
1856 "value": "0 0 0 1px #fff1b3",
1857 "comment": "Shadow border for subaccount badge.",
1858 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-yellow-20}",
1859 "name": "shadow-border-subaccount"
1860 },
1861 "shadow-border-destructive-stronger": {
1862 "type": "shadow",
1863 "category": "box-shadow",
1864 "value": "0 0 0 1px #7D2828",
1865 "comment": "Stronger shadow border for destructive interactions",
1866 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #7D2828",
1867 "name": "shadow-border-destructive-stronger"
1868 },
1869 "shadow-border-success-weaker": {
1870 "type": "shadow",
1871 "category": "box-shadow",
1872 "value": "0 0 0 1px #d1fae0",
1873 "comment": "Weaker shadow border for success inputs.",
1874 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-green-20}",
1875 "name": "shadow-border-success-weaker"
1876 },
1877 "shadow-border-inverse-new-weaker": {
1878 "type": "shadow",
1879 "category": "box-shadow",
1880 "value": "0 0 0 1px #5817bd",
1881 "comment": "Shadow border for the sidebar beta badge.",
1882 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-purple-70}",
1883 "name": "shadow-border-inverse-new-weaker"
1884 },
1885 "shadow-border-primary-stronger": {
1886 "type": "shadow",
1887 "category": "box-shadow",
1888 "value": "0 0 0 1px #1F3D99",
1889 "comment": "Stronger shadow border for inputs active.",
1890 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #1F3D99",
1891 "name": "shadow-border-primary-stronger"
1892 },
1893 "shadow-border-bottom-warning-weaker": {
1894 "type": "shadow",
1895 "category": "box-shadow",
1896 "value": "0 1px 0 #F2C8B6",
1897 "comment": "Weaker bottom shadow border warning warning status",
1898 "originalValue": "{!offset-0} 1px {!offset-0} #F2C8B6",
1899 "name": "shadow-border-bottom-warning-weaker"
1900 },
1901 "shadow-border-destructive-weaker": {
1902 "type": "shadow",
1903 "category": "box-shadow",
1904 "value": "0 0 0 1px #F9DADA",
1905 "comment": "Weaker shadow border for destructive interactions.",
1906 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #F9DADA",
1907 "name": "shadow-border-destructive-weaker"
1908 },
1909 "shadow-border-primary-weaker": {
1910 "type": "shadow",
1911 "category": "box-shadow",
1912 "value": "0 0 0 1px #D6E0FF",
1913 "comment": "Weaker shadow border for primary interactions.",
1914 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #D6E0FF",
1915 "name": "shadow-border-primary-weaker"
1916 },
1917 "shadow-border-new-weaker": {
1918 "type": "shadow",
1919 "category": "box-shadow",
1920 "value": "0 0 0 1px #e7dcfa",
1921 "comment": "Weaker shadow border for new status inputs.",
1922 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-purple-20}",
1923 "name": "shadow-border-new-weaker"
1924 },
1925 "shadow-low": {
1926 "type": "shadow",
1927 "category": "box-shadow",
1928 "value": "0 2px 4px 0 rgba(0, 0, 0, 0.4)",
1929 "comment": "Low elevation default shadow.",
1930 "originalValue": "{!shadow-elevation-10}",
1931 "name": "shadow-low"
1932 },
1933 "shadow-border-inverse-strong": {
1934 "type": "shadow",
1935 "category": "box-shadow",
1936 "value": "0 0 0 1px #e1e3ea",
1937 "comment": "Strong shadow border on interactive elements on inverse backgrounds.",
1938 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-20}",
1939 "name": "shadow-border-inverse-strong"
1940 },
1941 "shadow-border-warning-weaker": {
1942 "type": "shadow",
1943 "category": "box-shadow",
1944 "value": "0 0 0 1px #fddcc4",
1945 "comment": "Weaker shadow border for warning inputs.",
1946 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-orange-20}",
1947 "name": "shadow-border-warning-weaker"
1948 },
1949 "shadow-border-strong": {
1950 "type": "shadow",
1951 "category": "box-shadow",
1952 "value": "0 0 0 1px #8F95B2",
1953 "comment": "Strong shadow border for inputs.",
1954 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #8F95B2",
1955 "name": "shadow-border-strong"
1956 },
1957 "shadow-focus": {
1958 "type": "shadow",
1959 "category": "box-shadow",
1960 "value": "0 0 0 2px #ffffff, 0 0 0 3px #006dfa, 0 0 0 5px #cce4ff",
1961 "comment": "Shadow for focus ring on interactive elements.",
1962 "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-10} {!palette-gray-0}, {!offset-0} {!offset-0} {!offset-0} 3px {!palette-blue-55}, {!offset-0} {!offset-0} {!offset-0} 5px {!palette-blue-20}",
1963 "name": "shadow-focus"
1964 },
1965 "shadow-border-weak": {
1966 "type": "shadow",
1967 "category": "box-shadow",
1968 "value": "0 0 0 1px #E6E8F0",
1969 "comment": "Weak shadow border for disabled inputs.",
1970 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #E6E8F0",
1971 "name": "shadow-border-weak"
1972 },
1973 "shadow-focus-inverse": {
1974 "type": "shadow",
1975 "category": "box-shadow",
1976 "value": "0 0 0 4px rgba(255, 255, 255, 0.4)",
1977 "comment": "Shadow for focus ring on interactive elements on inverse backgrounds.",
1978 "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-20} rgba(255, 255, 255, 0.4)",
1979 "name": "shadow-focus-inverse"
1980 },
1981 "shadow-border-primary": {
1982 "type": "shadow",
1983 "category": "box-shadow",
1984 "value": "0 0 0 1px #3366FF",
1985 "comment": "Default shadow border for primary interactions.",
1986 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #3366FF",
1987 "name": "shadow-border-primary"
1988 },
1989 "shadow-border-destructive": {
1990 "type": "shadow",
1991 "category": "box-shadow",
1992 "value": "0 0 0 1px #D14343",
1993 "comment": "Shadow border for destructive interactions.",
1994 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #D14343",
1995 "name": "shadow-border-destructive"
1996 },
1997 "shadow-high": {
1998 "type": "shadow",
1999 "category": "box-shadow",
2000 "value": "0 16px 24px 4px rgba(0, 0, 0, 0.5)",
2001 "comment": "High elevation default shadow.",
2002 "originalValue": "{!shadow-elevation-30}",
2003 "name": "shadow-high"
2004 },
2005 "shadow-border-error-strong": {
2006 "type": "shadow",
2007 "category": "box-shadow",
2008 "value": "0 0 0 1px #A73636",
2009 "comment": "Shadow border for error inputs hover.",
2010 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #A73636",
2011 "name": "shadow-border-error-strong"
2012 },
2013 "shadow-border-primary-strongest": {
2014 "type": "shadow",
2015 "category": "box-shadow",
2016 "value": "0 0 0 1px #0C1E56",
2017 "comment": "Strongest shadow border for inputs active.",
2018 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #0C1E56",
2019 "name": "shadow-border-primary-strongest"
2020 },
2021 "shadow-border-destructive-strongest": {
2022 "type": "shadow",
2023 "category": "box-shadow",
2024 "value": "0 0 0 1px #310C0C",
2025 "comment": "Strongest shadow border for destructive interactions",
2026 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #310C0C",
2027 "name": "shadow-border-destructive-strongest"
2028 },
2029 "shadow-border-error-weak": {
2030 "type": "shadow",
2031 "category": "box-shadow",
2032 "value": "0 0 0 1px #F4B6B6",
2033 "comment": "Shadow border for inverse error inputs.",
2034 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #F4B6B6",
2035 "name": "shadow-border-error-weak"
2036 },
2037 "shadow-border-error": {
2038 "type": "shadow",
2039 "category": "box-shadow",
2040 "value": "0 0 0 1px #D14343",
2041 "comment": "Shadow border for error inputs.",
2042 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #D14343",
2043 "name": "shadow-border-error"
2044 },
2045 "shadow-border-bottom-decorative-10-weaker": {
2046 "type": "shadow",
2047 "category": "box-shadow",
2048 "value": "0 1px 0 #D8DAE5",
2049 "comment": "Weaker bottom shadow border for decorative 10",
2050 "originalValue": "{!offset-0} 1px {!offset-0} #D8DAE5",
2051 "name": "shadow-border-bottom-decorative-10-weaker"
2052 },
2053 "shadow-border-bottom-primary": {
2054 "type": "shadow",
2055 "category": "box-shadow",
2056 "value": "0 1px 0 #006dfa",
2057 "comment": "Bottom shadow border for primary status",
2058 "originalValue": "{!offset-0} 1px {!offset-0} {!palette-blue-55}",
2059 "name": "shadow-border-bottom-primary"
2060 },
2061 "shadow-border-bottom-decorative-20-weaker": {
2062 "type": "shadow",
2063 "category": "box-shadow",
2064 "value": "0 1px 0 #D6E0FF",
2065 "comment": "Weaker bottom shadow border for decorative 20",
2066 "originalValue": "{!offset-0} 1px {!offset-0} #D6E0FF",
2067 "name": "shadow-border-bottom-decorative-20-weaker"
2068 },
2069 "shadow-border-inverse-stronger": {
2070 "type": "shadow",
2071 "category": "box-shadow",
2072 "value": "0 0 0 1px #f4f4f6",
2073 "comment": "Stronger shadow border on interactive elements on inverse backgrounds.",
2074 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-10}",
2075 "name": "shadow-border-inverse-stronger"
2076 },
2077 "shadow-border-error-strongest": {
2078 "type": "shadow",
2079 "category": "box-shadow",
2080 "value": "0 0 0 1px #310c0c",
2081 "comment": "Strongest shadow border for error inputs hover.",
2082 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-100}",
2083 "name": "shadow-border-error-strongest"
2084 },
2085 "shadow-border-destructive-strong": {
2086 "type": "shadow",
2087 "category": "box-shadow",
2088 "value": "0 0 0 1px #A73636",
2089 "comment": "Strong shadow border for destructive interactions",
2090 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #A73636",
2091 "name": "shadow-border-destructive-strong"
2092 },
2093 "shadow-border-inverse-weaker": {
2094 "type": "shadow",
2095 "category": "box-shadow",
2096 "value": "0 0 0 1px #394762",
2097 "comment": "Weaker shadow border on interactive elements on inverse backgrounds.",
2098 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-80}",
2099 "name": "shadow-border-inverse-weaker"
2100 },
2101 "shadow-border-bottom-decorative-30-weaker": {
2102 "type": "shadow",
2103 "category": "box-shadow",
2104 "value": "0 1px 0 #DCF2EA",
2105 "comment": "Weaker bottom shadow border for decorative 30",
2106 "originalValue": "{!offset-0} 1px {!offset-0} #DCF2EA",
2107 "name": "shadow-border-bottom-decorative-30-weaker"
2108 },
2109 "shadow-border-primary-strong": {
2110 "type": "shadow",
2111 "category": "box-shadow",
2112 "value": "0 0 0 1px #2952CC",
2113 "comment": "Strong shadow border for inputs hover.",
2114 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #2952CC",
2115 "name": "shadow-border-primary-strong"
2116 },
2117 "shadow-border-primary-weak": {
2118 "type": "shadow",
2119 "category": "box-shadow",
2120 "value": "0 0 0 1px #9DB5FF",
2121 "comment": "Weaker shadow border for primary interactions.",
2122 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #9DB5FF",
2123 "name": "shadow-border-primary-weak"
2124 },
2125 "shadow-focus-shadow-border": {
2126 "type": "shadow",
2127 "category": "box-shadow",
2128 "value": "0 0 0 1px #cacdd8, 0 0 0 3px #ffffff, 0 0 0 4px #006dfa, 0 0 0 6px #cce4ff",
2129 "comment": "Shadow for simultaneous focus and border",
2130 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-30}, {!offset-0} {!offset-0} {!offset-0} 3px {!palette-gray-0}, {!offset-0} {!offset-0} {!offset-0} {!offset-20} {!palette-blue-55}, {!offset-0} {!offset-0} {!offset-0} {!offset-30} {!palette-blue-20}",
2131 "name": "shadow-focus-shadow-border"
2132 },
2133 "shadow-border-bottom-decorative-40-weaker": {
2134 "type": "shadow",
2135 "category": "box-shadow",
2136 "value": "0 1px 0 #D0CAF4",
2137 "comment": "Weaker bottom shadow border for decorative 40",
2138 "originalValue": "{!offset-0} 1px {!offset-0} #D0CAF4",
2139 "name": "shadow-border-bottom-decorative-40-weaker"
2140 },
2141 "shadow-border-destructive-weak": {
2142 "type": "shadow",
2143 "category": "box-shadow",
2144 "value": "0 0 0 1px #F4B6B6",
2145 "comment": "Weak shadow border for destructive interactions.",
2146 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #F4B6B6",
2147 "name": "shadow-border-destructive-weak"
2148 },
2149 "shadow-border-bottom-error-weaker": {
2150 "type": "shadow",
2151 "category": "box-shadow",
2152 "value": "0 1px 0 #F4B6B6",
2153 "comment": "Weaker bottom shadow border for error status",
2154 "originalValue": "{!offset-0} 1px {!offset-0} #F4B6B6",
2155 "name": "shadow-border-bottom-error-weaker"
2156 },
2157 "shadow-border-weaker": {
2158 "type": "shadow",
2159 "category": "box-shadow",
2160 "value": "0 0 0 1px #EDEFF5",
2161 "comment": "Weaker shadow border for disabled inputs.",
2162 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #EDEFF5",
2163 "name": "shadow-border-weaker"
2164 },
2165 "shadow-border": {
2166 "type": "shadow",
2167 "category": "box-shadow",
2168 "value": "0 0 0 1px #D8DAE5",
2169 "comment": "Shadow border for inputs.",
2170 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #D8DAE5",
2171 "name": "shadow-border"
2172 },
2173 "shadow-border-bottom-neutral-weaker": {
2174 "type": "shadow",
2175 "category": "box-shadow",
2176 "value": "0 1px 0 #9DB5FF",
2177 "comment": "Weaker bottom shadow border for neutral status",
2178 "originalValue": "{!offset-0} 1px {!offset-0} #9DB5FF",
2179 "name": "shadow-border-bottom-neutral-weaker"
2180 },
2181 "shadow-border-decorative-10-weaker": {
2182 "type": "shadow",
2183 "category": "box-shadow",
2184 "value": "0 0 0 1px #e1e3ea",
2185 "comment": "Weaker shadow border for decorative 10",
2186 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-20}",
2187 "name": "shadow-border-decorative-10-weaker"
2188 },
2189 "shadow-border-decorative-20-weaker": {
2190 "type": "shadow",
2191 "category": "box-shadow",
2192 "value": "0 0 0 1px #cce4ff",
2193 "comment": "Weaker shadow border for decorative 20",
2194 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-20}",
2195 "name": "shadow-border-decorative-20-weaker"
2196 },
2197 "shadow-border-bottom-subaccount": {
2198 "type": "shadow",
2199 "category": "box-shadow",
2200 "value": "0 1px 0 #ffdd35",
2201 "comment": "Bottom shadow border for subaccount badge",
2202 "originalValue": "{!offset-0} 1px {!offset-0} {!palette-yellow-40}",
2203 "name": "shadow-border-bottom-subaccount"
2204 },
2205 "shadow-focus-inset": {
2206 "type": "shadow",
2207 "category": "box-shadow",
2208 "value": "inset 0 0 0 2px #9DB5FF",
2209 "comment": "Shadow for inset focus on elements, such as DataGrid cells.",
2210 "originalValue": "inset {!offset-0} {!offset-0} {!offset-0} {!offset-10} #9DB5FF",
2211 "name": "shadow-focus-inset"
2212 },
2213 "shadow-border-inverse": {
2214 "type": "shadow",
2215 "category": "box-shadow",
2216 "value": "0 0 0 1px #8891aa",
2217 "comment": "Shadow border on interactive elements on inverse backgrounds.",
2218 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-50}",
2219 "name": "shadow-border-inverse"
2220 },
2221 "shadow-border-decorative-30-weaker": {
2222 "type": "shadow",
2223 "category": "box-shadow",
2224 "value": "0 0 0 1px #d1fae0",
2225 "comment": "Weaker shadow border for decorative 30",
2226 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-green-20}",
2227 "name": "shadow-border-decorative-30-weaker"
2228 },
2229 "shadow-border-inverse-weakest": {
2230 "type": "shadow",
2231 "category": "box-shadow",
2232 "value": "0 0 0 1px #1f304c",
2233 "comment": "Weakest shadow border on interactive elements on inverse backgrounds.",
2234 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-90}",
2235 "name": "shadow-border-inverse-weakest"
2236 },
2237 "shadow-border-bottom-inverse-new-weaker": {
2238 "type": "shadow",
2239 "category": "box-shadow",
2240 "value": "0 1px 0 #5817bd",
2241 "comment": "Bottom shadow border for the sidebar beta badge",
2242 "originalValue": "{!offset-0} 1px {!offset-0} {!palette-purple-70}",
2243 "name": "shadow-border-bottom-inverse-new-weaker"
2244 },
2245 "shadow-border-bottom-success-weaker": {
2246 "type": "shadow",
2247 "category": "box-shadow",
2248 "value": "0 1px 0 #DCF2EA",
2249 "comment": "Weaker bottom shadow border for success status",
2250 "originalValue": "{!offset-0} 1px {!offset-0} #DCF2EA",
2251 "name": "shadow-border-bottom-success-weaker"
2252 },
2253 "shadow-border-decorative-40-weaker": {
2254 "type": "shadow",
2255 "category": "box-shadow",
2256 "value": "0 0 0 1px #e7dcfa",
2257 "comment": "Weaker shadow border for decorative 40",
2258 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-purple-20}",
2259 "name": "shadow-border-decorative-40-weaker"
2260 },
2261 "shadow-border-error-stronger": {
2262 "type": "shadow",
2263 "category": "box-shadow",
2264 "value": "0 0 0 1px #7D2828",
2265 "comment": "Shadow border for error inputs hover.",
2266 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px #7D2828",
2267 "name": "shadow-border-error-stronger"
2268 },
2269 "shadow-card": {
2270 "type": "shadow",
2271 "category": "box-shadow",
2272 "value": "0 2px 4px 0 rgba(0, 0, 0, 0.4)",
2273 "comment": "Shadow for cards.",
2274 "originalValue": "{!shadow-elevation-10}",
2275 "name": "shadow-card"
2276 },
2277 "shadow-border-error-weaker": {
2278 "type": "shadow",
2279 "category": "box-shadow",
2280 "value": "0 0 0 1px #fccfcf",
2281 "comment": "Weaker shadow border for error inputs.",
2282 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-red-20}",
2283 "name": "shadow-border-error-weaker"
2284 },
2285 "shadow-border-inverse-strongest": {
2286 "type": "shadow",
2287 "category": "box-shadow",
2288 "value": "0 0 0 1px #ffffff",
2289 "comment": "Strongest shadow border on interactive elements on inverse backgrounds.",
2290 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-gray-0}",
2291 "name": "shadow-border-inverse-strongest"
2292 },
2293 "shadow-focus-inverse-inset": {
2294 "type": "shadow",
2295 "category": "box-shadow",
2296 "value": "inset 0 0 0 2px rgba(255, 255, 255, 0.4)",
2297 "comment": "Shadow for inset focus ring on interactive elements on inverse backgrounds.",
2298 "originalValue": "inset {!offset-0} {!offset-0} {!offset-0} {!offset-10} {!palette-gray-0-transparent-40}",
2299 "name": "shadow-focus-inverse-inset"
2300 },
2301 "shadow-border-user": {
2302 "type": "shadow",
2303 "category": "box-shadow",
2304 "value": "0 0 0 1px #8c5bd8",
2305 "comment": "Shadow border for user.",
2306 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-purple-50}",
2307 "name": "shadow-border-user"
2308 },
2309 "shadow-border-neutral-weaker": {
2310 "type": "shadow",
2311 "category": "box-shadow",
2312 "value": "0 0 0 1px #cce4ff",
2313 "comment": "Weaker shadow border for neutral inputs.",
2314 "originalValue": "{!offset-0} {!offset-0} {!offset-0} 1px {!palette-blue-20}",
2315 "name": "shadow-border-neutral-weaker"
2316 },
2317 "font-family-text": {
2318 "category": "font",
2319 "type": "font",
2320 "value": "'SF UI Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
2321 "originalValue": "'SF UI Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
2322 "name": "font-family-text"
2323 },
2324 "font-family-code": {
2325 "category": "font",
2326 "type": "font",
2327 "value": "'SF Mono', Monaco, Inconsolata, 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace",
2328 "originalValue": "'SF Mono', Monaco, Inconsolata, 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace",
2329 "name": "font-family-code"
2330 },
2331 "font-family-text-japanese": {
2332 "category": "font",
2333 "type": "font",
2334 "value": "'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif",
2335 "originalValue": "{!font-family-30}",
2336 "name": "font-family-text-japanese"
2337 },
2338 "font-family-text-korean": {
2339 "category": "font",
2340 "type": "font",
2341 "value": "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif",
2342 "originalValue": "{!font-family-40}",
2343 "name": "font-family-text-korean"
2344 },
2345 "font-family-text-chinese-traditional": {
2346 "category": "font",
2347 "type": "font",
2348 "value": "'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif",
2349 "originalValue": "{!font-family-50}",
2350 "name": "font-family-text-chinese-traditional"
2351 },
2352 "font-family-text-chinese-simplified": {
2353 "category": "font",
2354 "type": "font",
2355 "value": "'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif",
2356 "originalValue": "{!font-family-60}",
2357 "name": "font-family-text-chinese-simplified"
2358 },
2359 "font-family-display": {
2360 "category": "font",
2361 "type": "font",
2362 "value": "'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
2363 "originalValue": "{!font-family-10}",
2364 "name": "font-family-display"
2365 },
2366 "font-size-110": {
2367 "category": "font-size",
2368 "type": "font-size",
2369 "value": "4rem",
2370 "originalValue": "4rem",
2371 "name": "font-size-110"
2372 },
2373 "font-size-100": {
2374 "category": "font-size",
2375 "type": "font-size",
2376 "value": "3rem",
2377 "originalValue": "3rem",
2378 "name": "font-size-100"
2379 },
2380 "font-size-90": {
2381 "category": "font-size",
2382 "type": "font-size",
2383 "value": "2rem",
2384 "originalValue": "2rem",
2385 "name": "font-size-90"
2386 },
2387 "font-size-80": {
2388 "category": "font-size",
2389 "type": "font-size",
2390 "value": "2rem",
2391 "originalValue": "2rem",
2392 "name": "font-size-80"
2393 },
2394 "font-size-70": {
2395 "category": "font-size",
2396 "type": "font-size",
2397 "value": "1.5rem",
2398 "originalValue": "1.5rem",
2399 "name": "font-size-70"
2400 },
2401 "font-size-60": {
2402 "category": "font-size",
2403 "type": "font-size",
2404 "value": "1.25rem",
2405 "originalValue": "1.25rem",
2406 "name": "font-size-60"
2407 },
2408 "font-size-50": {
2409 "category": "font-size",
2410 "type": "font-size",
2411 "value": "1rem",
2412 "originalValue": "1rem",
2413 "name": "font-size-50"
2414 },
2415 "font-size-40": {
2416 "category": "font-size",
2417 "type": "font-size",
2418 "value": "0.875rem",
2419 "originalValue": "0.875rem",
2420 "name": "font-size-40"
2421 },
2422 "font-size-30": {
2423 "category": "font-size",
2424 "type": "font-size",
2425 "value": "0.875rem",
2426 "originalValue": "0.875rem",
2427 "name": "font-size-30"
2428 },
2429 "font-size-20": {
2430 "category": "font-size",
2431 "type": "font-size",
2432 "value": "0.75rem",
2433 "originalValue": "0.75rem",
2434 "name": "font-size-20"
2435 },
2436 "font-size-10": {
2437 "category": "font-size",
2438 "type": "font-size",
2439 "value": "0.75rem",
2440 "originalValue": "0.75rem",
2441 "name": "font-size-10"
2442 },
2443 "font-size-display-30": {
2444 "category": "font-size",
2445 "type": "font-size",
2446 "value": "4rem",
2447 "comment": "Constant typography token for font size display 30",
2448 "originalValue": "{!font-size-display-30}",
2449 "name": "font-size-display-30"
2450 },
2451 "font-size-display-20": {
2452 "category": "font-size",
2453 "type": "font-size",
2454 "value": "3rem",
2455 "comment": "Constant typography token for font size display 20",
2456 "originalValue": "{!font-size-display-20}",
2457 "name": "font-size-display-20"
2458 },
2459 "font-size-display-10": {
2460 "category": "font-size",
2461 "type": "font-size",
2462 "value": "2rem",
2463 "comment": "Constant typography token for font size display 10",
2464 "originalValue": "{!font-size-display-10}",
2465 "name": "font-size-display-10"
2466 },
2467 "font-size-base": {
2468 "category": "font-size",
2469 "type": "font-size",
2470 "value": "100%",
2471 "comment": "Base font size applied to the html element, used for rem calculations",
2472 "originalValue": "100%",
2473 "name": "font-size-base"
2474 },
2475 "font-weight-light": {
2476 "category": "font-weight",
2477 "type": "font-weight",
2478 "value": "300",
2479 "comment": "Font weight for light weight",
2480 "originalValue": "300",
2481 "name": "font-weight-light"
2482 },
2483 "font-weight-normal": {
2484 "category": "font-weight",
2485 "type": "font-weight",
2486 "value": "400",
2487 "comment": "Font weight for normal weight",
2488 "originalValue": "400",
2489 "name": "font-weight-normal"
2490 },
2491 "font-weight-medium": {
2492 "category": "font-weight",
2493 "type": "font-weight",
2494 "value": "500",
2495 "comment": "Font weight for medium weight",
2496 "originalValue": "500",
2497 "name": "font-weight-medium"
2498 },
2499 "font-weight-semibold": {
2500 "category": "font-weight",
2501 "type": "font-weight",
2502 "value": "600",
2503 "comment": "Font weight for semibold weight",
2504 "originalValue": "600",
2505 "name": "font-weight-semibold"
2506 },
2507 "font-weight-bold": {
2508 "category": "font-weight",
2509 "type": "font-weight",
2510 "value": "700",
2511 "comment": "Font weight for bold weight",
2512 "originalValue": "700",
2513 "name": "font-weight-bold"
2514 },
2515 "font-weight-extrabold": {
2516 "category": "font-weight",
2517 "type": "font-weight",
2518 "value": "800",
2519 "comment": "Font weight for extrabold weight",
2520 "originalValue": "{!font-weight-extrabold}",
2521 "name": "font-weight-extrabold"
2522 },
2523 "line-height-0": {
2524 "category": "line-height",
2525 "type": "number",
2526 "value": "0",
2527 "comment": "Constant line-height token for line-height 0",
2528 "originalValue": "{!line-height-0}",
2529 "name": "line-height-0"
2530 },
2531 "line-height-110": {
2532 "category": "line-height",
2533 "type": "number",
2534 "value": "4rem",
2535 "comment": "Constant line-height token for line-height 110",
2536 "originalValue": "{!line-height-110}",
2537 "name": "line-height-110"
2538 },
2539 "line-height-90": {
2540 "category": "line-height",
2541 "type": "number",
2542 "value": "2.75rem",
2543 "comment": "Constant line-height token for line-height 90",
2544 "originalValue": "{!line-height-90}",
2545 "name": "line-height-90"
2546 },
2547 "line-height-100": {
2548 "category": "line-height",
2549 "type": "number",
2550 "value": "3.25rem",
2551 "comment": "Constant line-height token for line-height 100",
2552 "originalValue": "{!line-height-100}",
2553 "name": "line-height-100"
2554 },
2555 "line-height-80": {
2556 "category": "line-height",
2557 "type": "number",
2558 "value": "2.5rem",
2559 "comment": "Constant line-height token for line-height 80",
2560 "originalValue": "{!line-height-80}",
2561 "name": "line-height-80"
2562 },
2563 "line-height-70": {
2564 "category": "line-height",
2565 "type": "number",
2566 "value": "2rem",
2567 "comment": "Constant line-height token for line-height 70",
2568 "originalValue": "{!line-height-70}",
2569 "name": "line-height-70"
2570 },
2571 "line-height-60": {
2572 "category": "line-height",
2573 "type": "number",
2574 "value": "1.75rem",
2575 "comment": "Constant line-height token for line-height 60",
2576 "originalValue": "{!line-height-60}",
2577 "name": "line-height-60"
2578 },
2579 "line-height-50": {
2580 "category": "line-height",
2581 "type": "number",
2582 "value": "1.75rem",
2583 "comment": "Constant line-height token for line-height 50",
2584 "originalValue": "{!line-height-50}",
2585 "name": "line-height-50"
2586 },
2587 "line-height-40": {
2588 "category": "line-height",
2589 "type": "number",
2590 "value": "1.5rem",
2591 "comment": "Constant line-height token for line-height 40",
2592 "originalValue": "{!line-height-40}",
2593 "name": "line-height-40"
2594 },
2595 "line-height-30": {
2596 "category": "line-height",
2597 "type": "number",
2598 "value": "1.25rem",
2599 "comment": "Constant line-height token for line-height 30",
2600 "originalValue": "{!line-height-30}",
2601 "name": "line-height-30"
2602 },
2603 "line-height-20": {
2604 "category": "line-height",
2605 "type": "number",
2606 "value": "1.25rem",
2607 "comment": "Constant line-height token for line-height 20",
2608 "originalValue": "{!line-height-20}",
2609 "name": "line-height-20"
2610 },
2611 "line-height-10": {
2612 "category": "line-height",
2613 "type": "number",
2614 "value": "1rem",
2615 "comment": "Constant line-height token for line-height 10",
2616 "originalValue": "{!line-height-10}",
2617 "name": "line-height-10"
2618 },
2619 "line-height-05": {
2620 "category": "line-height",
2621 "type": "number",
2622 "value": "0.75rem",
2623 "comment": "Constant line-height token for line-height 05",
2624 "originalValue": "{!line-height-05}",
2625 "name": "line-height-05"
2626 },
2627 "line-height-display-30": {
2628 "category": "line-height",
2629 "type": "number",
2630 "value": "5rem",
2631 "comment": "Constant line-height token for line-height-display 30",
2632 "originalValue": "{!line-height-display-30}",
2633 "name": "line-height-display-30"
2634 },
2635 "line-height-display-20": {
2636 "category": "line-height",
2637 "type": "number",
2638 "value": "3.75rem",
2639 "comment": "Constant line-height token for line-height-display 20",
2640 "originalValue": "{!line-height-display-20}",
2641 "name": "line-height-display-20"
2642 },
2643 "line-height-display-10": {
2644 "category": "line-height",
2645 "type": "number",
2646 "value": "2.5rem",
2647 "comment": "Constant line-height token for line-height-display 10",
2648 "originalValue": "{!line-height-display-10}",
2649 "name": "line-height-display-10"
2650 },
2651 "color-brand-highlight": {
2652 "type": "color",
2653 "category": "color",
2654 "value": "#F22F46",
2655 "comment": "Twilio brand red",
2656 "originalValue": "{!amaranth}",
2657 "name": "color-brand-highlight"
2658 },
2659 "color-gray-0": {
2660 "type": "color",
2661 "category": "color",
2662 "value": "#ffffff",
2663 "comment": "Gray Color 0",
2664 "originalValue": "{!palette-gray-0}",
2665 "name": "color-gray-0"
2666 },
2667 "color-gray-100": {
2668 "type": "color",
2669 "category": "color",
2670 "value": "#121c2d",
2671 "comment": "Gray Color 10",
2672 "originalValue": "{!palette-gray-100}",
2673 "name": "color-gray-100"
2674 },
2675 "color-gray-90": {
2676 "type": "color",
2677 "category": "color",
2678 "value": "#1f304c",
2679 "comment": "Gray Color 9",
2680 "originalValue": "{!palette-gray-90}",
2681 "name": "color-gray-90"
2682 },
2683 "color-gray-80": {
2684 "type": "color",
2685 "category": "color",
2686 "value": "#394762",
2687 "comment": "Gray Color 8",
2688 "originalValue": "{!palette-gray-80}",
2689 "name": "color-gray-80"
2690 },
2691 "color-gray-70": {
2692 "type": "color",
2693 "category": "color",
2694 "value": "#4b5671",
2695 "comment": "Gray Color 7",
2696 "originalValue": "{!palette-gray-70}",
2697 "name": "color-gray-70"
2698 },
2699 "color-gray-60": {
2700 "type": "color",
2701 "category": "color",
2702 "value": "#606b85",
2703 "comment": "Gray Color 6",
2704 "originalValue": "{!palette-gray-60}",
2705 "name": "color-gray-60"
2706 },
2707 "color-gray-50": {
2708 "type": "color",
2709 "category": "color",
2710 "value": "#8891aa",
2711 "comment": "Gray Color 5",
2712 "originalValue": "{!palette-gray-50}",
2713 "name": "color-gray-50"
2714 },
2715 "color-gray-40": {
2716 "type": "color",
2717 "category": "color",
2718 "value": "#aeb2c1",
2719 "comment": "Gray Color 4",
2720 "originalValue": "{!palette-gray-40}",
2721 "name": "color-gray-40"
2722 },
2723 "color-brand": {
2724 "type": "color",
2725 "category": "color",
2726 "value": "#001489",
2727 "comment": "Default branding color",
2728 "originalValue": "{!palette-blue-80}",
2729 "name": "color-brand"
2730 },
2731 "color-gray-30": {
2732 "type": "color",
2733 "category": "color",
2734 "value": "#cacdd8",
2735 "comment": "Gray Color 3",
2736 "originalValue": "{!palette-gray-30}",
2737 "name": "color-gray-30"
2738 },
2739 "color-gray-20": {
2740 "type": "color",
2741 "category": "color",
2742 "value": "#e1e3ea",
2743 "comment": "Gray Color 2",
2744 "originalValue": "{!palette-gray-20}",
2745 "name": "color-gray-20"
2746 },
2747 "color-gray-10": {
2748 "type": "color",
2749 "category": "color",
2750 "value": "#f4f4f6",
2751 "comment": "Gray Color 1",
2752 "originalValue": "{!palette-gray-10}",
2753 "name": "color-gray-10"
2754 },
2755 "color-data-visualization-10": {
2756 "type": "color",
2757 "category": "data-visualization",
2758 "value": "#F3672B",
2759 "comment": "Color used for data visualizations. Must be used in a sequence.",
2760 "originalValue": "#F3672B",
2761 "name": "color-data-visualization-10"
2762 },
2763 "color-data-visualization-1": {
2764 "type": "color",
2765 "category": "data-visualization",
2766 "value": "#04A2AE",
2767 "comment": "Color used for data visualizations. Must be used in a sequence.",
2768 "originalValue": "#04A2AE",
2769 "name": "color-data-visualization-1"
2770 },
2771 "color-data-visualization-2": {
2772 "type": "color",
2773 "category": "data-visualization",
2774 "value": "#D18100",
2775 "comment": "Color used for data visualizations. Must be used in a sequence.",
2776 "originalValue": "#D18100",
2777 "name": "color-data-visualization-2"
2778 },
2779 "color-data-visualization-3": {
2780 "type": "color",
2781 "category": "data-visualization",
2782 "value": "#1841BF",
2783 "comment": "Color used for data visualizations. Must be used in a sequence.",
2784 "originalValue": "#1841BF",
2785 "name": "color-data-visualization-3"
2786 },
2787 "color-data-visualization-4": {
2788 "type": "color",
2789 "category": "data-visualization",
2790 "value": "#7A67E9",
2791 "comment": "Color used for data visualizations. Must be used in a sequence.",
2792 "originalValue": "#7A67E9",
2793 "name": "color-data-visualization-4"
2794 },
2795 "color-data-visualization-5": {
2796 "type": "color",
2797 "category": "data-visualization",
2798 "value": "#11A76E",
2799 "comment": "Color used for data visualizations. Must be used in a sequence.",
2800 "originalValue": "#11A76E",
2801 "name": "color-data-visualization-5"
2802 },
2803 "color-data-visualization-6": {
2804 "type": "color",
2805 "category": "data-visualization",
2806 "value": "#0A1D7B",
2807 "comment": "Color used for data visualizations. Must be used in a sequence.",
2808 "originalValue": "#0A1D7B",
2809 "name": "color-data-visualization-6"
2810 },
2811 "color-data-visualization-7": {
2812 "type": "color",
2813 "category": "data-visualization",
2814 "value": "#DD36AD",
2815 "comment": "Color used for data visualizations. Must be used in a sequence.",
2816 "originalValue": "#DD36AD",
2817 "name": "color-data-visualization-7"
2818 },
2819 "color-data-visualization-8": {
2820 "type": "color",
2821 "category": "data-visualization",
2822 "value": "#CE201C",
2823 "comment": "Color used for data visualizations. Must be used in a sequence.",
2824 "originalValue": "#CE201C",
2825 "name": "color-data-visualization-8"
2826 },
2827 "color-data-visualization-9": {
2828 "type": "color",
2829 "category": "data-visualization",
2830 "value": "#698CF7",
2831 "comment": "Color used for data visualizations. Must be used in a sequence.",
2832 "originalValue": "#698CF7",
2833 "name": "color-data-visualization-9"
2834 },
2835 "size-square-40": {
2836 "type": "size",
2837 "category": "sizing",
2838 "value": "0.75rem",
2839 "comment": "Generic square sizing token scale for UI components.",
2840 "originalValue": "{!size-square-40}",
2841 "name": "size-square-40"
2842 },
2843 "size-icon-80": {
2844 "type": "size",
2845 "category": "sizing",
2846 "value": "2.5rem",
2847 "comment": "Maps to line-height tokens 1:1",
2848 "originalValue": "{!line-height-80}",
2849 "name": "size-icon-80"
2850 },
2851 "size-square-30": {
2852 "type": "size",
2853 "category": "sizing",
2854 "value": "0.5rem",
2855 "comment": "Generic square sizing token scale for UI components.",
2856 "originalValue": "{!size-square-30}",
2857 "name": "size-square-30"
2858 },
2859 "size-icon-70": {
2860 "type": "size",
2861 "category": "sizing",
2862 "value": "2rem",
2863 "comment": "Maps to line-height tokens 1:1",
2864 "originalValue": "{!line-height-70}",
2865 "name": "size-icon-70"
2866 },
2867 "size-square-20": {
2868 "type": "size",
2869 "category": "sizing",
2870 "value": "0.25rem",
2871 "comment": "Generic square sizing token scale for UI components.",
2872 "originalValue": "{!size-square-20}",
2873 "name": "size-square-20"
2874 },
2875 "size-icon-60": {
2876 "type": "size",
2877 "category": "sizing",
2878 "value": "1.75rem",
2879 "comment": "Maps to line-height tokens 1:1",
2880 "originalValue": "{!line-height-60}",
2881 "name": "size-icon-60"
2882 },
2883 "size-90": {
2884 "type": "size",
2885 "category": "sizing",
2886 "value": "57.5rem",
2887 "comment": "Generic sizing token scale for UI components.",
2888 "originalValue": "{!size-90}",
2889 "name": "size-90"
2890 },
2891 "size-square-10": {
2892 "type": "size",
2893 "category": "sizing",
2894 "value": "0.125rem",
2895 "comment": "Generic square sizing token scale for UI components.",
2896 "originalValue": "{!size-square-10}",
2897 "name": "size-square-10"
2898 },
2899 "size-120": {
2900 "type": "size",
2901 "category": "sizing",
2902 "value": "77rem",
2903 "comment": "Generic sizing token scale for UI components.",
2904 "originalValue": "{!size-120}",
2905 "name": "size-120"
2906 },
2907 "size-icon-50": {
2908 "type": "size",
2909 "category": "sizing",
2910 "value": "1.75rem",
2911 "comment": "Maps to line-height tokens 1:1",
2912 "originalValue": "{!line-height-50}",
2913 "name": "size-icon-50"
2914 },
2915 "size-80": {
2916 "type": "size",
2917 "category": "sizing",
2918 "value": "51rem",
2919 "comment": "Generic sizing token scale for UI components.",
2920 "originalValue": "{!size-80}",
2921 "name": "size-80"
2922 },
2923 "size-0": {
2924 "type": "size",
2925 "category": "sizing",
2926 "value": "0",
2927 "comment": "Generic sizing token scale for UI components.",
2928 "originalValue": "{!size-0}",
2929 "name": "size-0"
2930 },
2931 "size-110": {
2932 "type": "size",
2933 "category": "sizing",
2934 "value": "70.5rem",
2935 "comment": "Generic sizing token scale for UI components.",
2936 "originalValue": "{!size-110}",
2937 "name": "size-110"
2938 },
2939 "size-icon-40": {
2940 "type": "size",
2941 "category": "sizing",
2942 "value": "1.5rem",
2943 "comment": "Maps to line-height tokens 1:1",
2944 "originalValue": "{!line-height-40}",
2945 "name": "size-icon-40"
2946 },
2947 "size-square-190": {
2948 "type": "size",
2949 "category": "sizing",
2950 "value": "4.5rem",
2951 "comment": "Generic square sizing token scale for UI components.",
2952 "originalValue": "{!size-square-190}",
2953 "name": "size-square-190"
2954 },
2955 "size-70": {
2956 "type": "size",
2957 "category": "sizing",
2958 "value": "44.5rem",
2959 "comment": "Generic sizing token scale for UI components.",
2960 "originalValue": "{!size-70}",
2961 "name": "size-70"
2962 },
2963 "size-100": {
2964 "type": "size",
2965 "category": "sizing",
2966 "value": "64rem",
2967 "comment": "Generic sizing token scale for UI components.",
2968 "originalValue": "{!size-100}",
2969 "name": "size-100"
2970 },
2971 "size-icon-30": {
2972 "type": "size",
2973 "category": "sizing",
2974 "value": "1.25rem",
2975 "comment": "Maps to line-height tokens 1:1",
2976 "originalValue": "{!line-height-30}",
2977 "name": "size-icon-30"
2978 },
2979 "size-square-180": {
2980 "type": "size",
2981 "category": "sizing",
2982 "value": "4.25rem",
2983 "comment": "Generic square sizing token scale for UI components.",
2984 "originalValue": "{!size-square-180}",
2985 "name": "size-square-180"
2986 },
2987 "size-60": {
2988 "type": "size",
2989 "category": "sizing",
2990 "value": "38rem",
2991 "comment": "Generic sizing token scale for UI components.",
2992 "originalValue": "{!size-60}",
2993 "name": "size-60"
2994 },
2995 "size-icon-20": {
2996 "type": "size",
2997 "category": "sizing",
2998 "value": "1.25rem",
2999 "comment": "Maps to line-height tokens 1:1",
3000 "originalValue": "{!line-height-20}",
3001 "name": "size-icon-20"
3002 },
3003 "size-square-170": {
3004 "type": "size",
3005 "category": "sizing",
3006 "value": "4rem",
3007 "comment": "Generic square sizing token scale for UI components.",
3008 "originalValue": "{!size-square-170}",
3009 "name": "size-square-170"
3010 },
3011 "size-sidebar-compact": {
3012 "type": "size",
3013 "category": "sizing",
3014 "value": "4.75rem",
3015 "comment": "Sizing token for the compact sidebar width.",
3016 "originalValue": "{!size-sidebar-compact}",
3017 "name": "size-sidebar-compact"
3018 },
3019 "size-icon-10": {
3020 "type": "size",
3021 "category": "sizing",
3022 "value": "1rem",
3023 "comment": "Maps to line-height tokens 1:1",
3024 "originalValue": "{!line-height-10}",
3025 "name": "size-icon-10"
3026 },
3027 "size-square-25": {
3028 "type": "size",
3029 "category": "sizing",
3030 "value": "0.375rem",
3031 "comment": "Generic square sizing token scale for UI components.",
3032 "originalValue": "{!size-square-25}",
3033 "name": "size-square-25"
3034 },
3035 "size-square-160": {
3036 "type": "size",
3037 "category": "sizing",
3038 "value": "3.75rem",
3039 "comment": "Generic square sizing token scale for UI components.",
3040 "originalValue": "{!size-square-160}",
3041 "name": "size-square-160"
3042 },
3043 "size-50": {
3044 "type": "size",
3045 "category": "sizing",
3046 "value": "31.5rem",
3047 "comment": "Generic sizing token scale for UI components.",
3048 "originalValue": "{!size-50}",
3049 "name": "size-50"
3050 },
3051 "size-icon-110": {
3052 "type": "size",
3053 "category": "sizing",
3054 "value": "4rem",
3055 "comment": "Maps to line-height tokens 1:1",
3056 "originalValue": "{!line-height-110}",
3057 "name": "size-icon-110"
3058 },
3059 "size-square-150": {
3060 "type": "size",
3061 "category": "sizing",
3062 "value": "3.5rem",
3063 "comment": "Generic square sizing token scale for UI components.",
3064 "originalValue": "{!size-square-150}",
3065 "name": "size-square-150"
3066 },
3067 "size-40": {
3068 "type": "size",
3069 "category": "sizing",
3070 "value": "25rem",
3071 "comment": "Generic sizing token scale for UI components.",
3072 "originalValue": "{!size-40}",
3073 "name": "size-40"
3074 },
3075 "size-icon-100": {
3076 "type": "size",
3077 "category": "sizing",
3078 "value": "3.25rem",
3079 "comment": "Maps to line-height tokens 1:1",
3080 "originalValue": "{!line-height-100}",
3081 "name": "size-icon-100"
3082 },
3083 "size-square-140": {
3084 "type": "size",
3085 "category": "sizing",
3086 "value": "3.25rem",
3087 "comment": "Generic square sizing token scale for UI components.",
3088 "originalValue": "{!size-square-140}",
3089 "name": "size-square-140"
3090 },
3091 "size-30": {
3092 "type": "size",
3093 "category": "sizing",
3094 "value": "18.5rem",
3095 "comment": "Generic sizing token scale for UI components.",
3096 "originalValue": "{!size-30}",
3097 "name": "size-30"
3098 },
3099 "size-topbar": {
3100 "type": "size",
3101 "category": "sizing",
3102 "value": "4.75rem",
3103 "comment": "Sizing token for the minimum topbar height.",
3104 "originalValue": "{!size-topbar}",
3105 "name": "size-topbar"
3106 },
3107 "size-square-130": {
3108 "type": "size",
3109 "category": "sizing",
3110 "value": "3rem",
3111 "comment": "Generic square sizing token scale for UI components.",
3112 "originalValue": "{!size-square-130}",
3113 "name": "size-square-130"
3114 },
3115 "size-20": {
3116 "type": "size",
3117 "category": "sizing",
3118 "value": "12rem",
3119 "comment": "Generic sizing token scale for UI components.",
3120 "originalValue": "{!size-20}",
3121 "name": "size-20"
3122 },
3123 "size-square-120": {
3124 "type": "size",
3125 "category": "sizing",
3126 "value": "2.75rem",
3127 "comment": "Generic square sizing token scale for UI components.",
3128 "originalValue": "{!size-square-120}",
3129 "name": "size-square-120"
3130 },
3131 "size-10": {
3132 "type": "size",
3133 "category": "sizing",
3134 "value": "5.5rem",
3135 "comment": "Generic sizing token scale for UI components.",
3136 "originalValue": "{!size-10}",
3137 "name": "size-10"
3138 },
3139 "size-square-110": {
3140 "type": "size",
3141 "category": "sizing",
3142 "value": "2.5rem",
3143 "comment": "Generic square sizing token scale for UI components.",
3144 "originalValue": "{!size-square-110}",
3145 "name": "size-square-110"
3146 },
3147 "size-square-0": {
3148 "type": "size",
3149 "category": "sizing",
3150 "value": "0",
3151 "comment": "Generic square sizing token scale for UI components.",
3152 "originalValue": "{!size-square-0}",
3153 "name": "size-square-0"
3154 },
3155 "size-icon-05": {
3156 "type": "size",
3157 "category": "sizing",
3158 "value": "0.75rem",
3159 "comment": "Maps to line-height tokens 1:1",
3160 "originalValue": "{!line-height-05}",
3161 "name": "size-icon-05"
3162 },
3163 "size-square-100": {
3164 "type": "size",
3165 "category": "sizing",
3166 "value": "2.25rem",
3167 "comment": "Generic square sizing token scale for UI components.",
3168 "originalValue": "{!size-square-100}",
3169 "name": "size-square-100"
3170 },
3171 "size-square-200": {
3172 "type": "size",
3173 "category": "sizing",
3174 "value": "4.75rem",
3175 "comment": "Generic square sizing token scale for UI components.",
3176 "originalValue": "{!size-square-200}",
3177 "name": "size-square-200"
3178 },
3179 "size-sidebar": {
3180 "type": "size",
3181 "category": "sizing",
3182 "value": "15rem",
3183 "comment": "Sizing token for sidebar width.",
3184 "originalValue": "{!size-sidebar}",
3185 "name": "size-sidebar"
3186 },
3187 "size-square-90": {
3188 "type": "size",
3189 "category": "sizing",
3190 "value": "2rem",
3191 "comment": "Generic square sizing token scale for UI components.",
3192 "originalValue": "{!size-square-90}",
3193 "name": "size-square-90"
3194 },
3195 "size-square-80": {
3196 "type": "size",
3197 "category": "sizing",
3198 "value": "1.75rem",
3199 "comment": "Generic square sizing token scale for UI components.",
3200 "originalValue": "{!size-square-80}",
3201 "name": "size-square-80"
3202 },
3203 "size-square-70": {
3204 "type": "size",
3205 "category": "sizing",
3206 "value": "1.5rem",
3207 "comment": "Generic square sizing token scale for UI components.",
3208 "originalValue": "{!size-square-70}",
3209 "name": "size-square-70"
3210 },
3211 "size-square-60": {
3212 "type": "size",
3213 "category": "sizing",
3214 "value": "1.25rem",
3215 "comment": "Generic square sizing token scale for UI components.",
3216 "originalValue": "{!size-square-60}",
3217 "name": "size-square-60"
3218 },
3219 "size-square-50": {
3220 "type": "size",
3221 "category": "sizing",
3222 "value": "1rem",
3223 "comment": "Generic square sizing token scale for UI components.",
3224 "originalValue": "{!size-square-50}",
3225 "name": "size-square-50"
3226 },
3227 "size-icon-90": {
3228 "type": "size",
3229 "category": "sizing",
3230 "value": "2.75rem",
3231 "comment": "Maps to line-height tokens 1:1",
3232 "originalValue": "{!line-height-90}",
3233 "name": "size-icon-90"
3234 },
3235 "space-70": {
3236 "category": "spacing",
3237 "type": "size",
3238 "value": "1.5rem",
3239 "originalValue": "{!space-70}",
3240 "name": "space-70"
3241 },
3242 "space-negative-100": {
3243 "category": "spacing",
3244 "type": "size",
3245 "value": "-2.25rem",
3246 "originalValue": "-{!space-100}",
3247 "name": "space-negative-100"
3248 },
3249 "space-60": {
3250 "category": "spacing",
3251 "type": "size",
3252 "value": "1.25rem",
3253 "originalValue": "{!space-60}",
3254 "name": "space-60"
3255 },
3256 "space-negative-200": {
3257 "category": "spacing",
3258 "type": "size",
3259 "value": "-4.75rem",
3260 "originalValue": "-{!space-200}",
3261 "name": "space-negative-200"
3262 },
3263 "space-190": {
3264 "category": "spacing",
3265 "type": "size",
3266 "value": "4.5rem",
3267 "originalValue": "{!space-190}",
3268 "name": "space-190"
3269 },
3270 "space-50": {
3271 "category": "spacing",
3272 "type": "size",
3273 "value": "1rem",
3274 "originalValue": "{!space-50}",
3275 "name": "space-50"
3276 },
3277 "space-180": {
3278 "category": "spacing",
3279 "type": "size",
3280 "value": "4.25rem",
3281 "originalValue": "{!space-180}",
3282 "name": "space-180"
3283 },
3284 "space-40": {
3285 "category": "spacing",
3286 "type": "size",
3287 "value": "0.75rem",
3288 "originalValue": "{!space-40}",
3289 "name": "space-40"
3290 },
3291 "space-170": {
3292 "category": "spacing",
3293 "type": "size",
3294 "value": "4rem",
3295 "originalValue": "{!space-170}",
3296 "name": "space-170"
3297 },
3298 "space-30": {
3299 "category": "spacing",
3300 "type": "size",
3301 "value": "0.5rem",
3302 "originalValue": "{!space-30}",
3303 "name": "space-30"
3304 },
3305 "space-160": {
3306 "category": "spacing",
3307 "type": "size",
3308 "value": "3.75rem",
3309 "originalValue": "{!space-160}",
3310 "name": "space-160"
3311 },
3312 "space-20": {
3313 "category": "spacing",
3314 "type": "size",
3315 "value": "0.25rem",
3316 "originalValue": "{!space-20}",
3317 "name": "space-20"
3318 },
3319 "space-150": {
3320 "category": "spacing",
3321 "type": "size",
3322 "value": "3.5rem",
3323 "originalValue": "{!space-150}",
3324 "name": "space-150"
3325 },
3326 "space-10": {
3327 "category": "spacing",
3328 "type": "size",
3329 "value": "0.125rem",
3330 "originalValue": "{!space-10}",
3331 "name": "space-10"
3332 },
3333 "space-140": {
3334 "category": "spacing",
3335 "type": "size",
3336 "value": "3.25rem",
3337 "originalValue": "{!space-140}",
3338 "name": "space-140"
3339 },
3340 "space-130": {
3341 "category": "spacing",
3342 "type": "size",
3343 "value": "3rem",
3344 "originalValue": "{!space-130}",
3345 "name": "space-130"
3346 },
3347 "space-120": {
3348 "category": "spacing",
3349 "type": "size",
3350 "value": "2.75rem",
3351 "originalValue": "{!space-120}",
3352 "name": "space-120"
3353 },
3354 "space-negative-90": {
3355 "category": "spacing",
3356 "type": "size",
3357 "value": "-2rem",
3358 "originalValue": "-{!space-90}",
3359 "name": "space-negative-90"
3360 },
3361 "space-110": {
3362 "category": "spacing",
3363 "type": "size",
3364 "value": "2.5rem",
3365 "originalValue": "{!space-110}",
3366 "name": "space-110"
3367 },
3368 "space-0": {
3369 "category": "spacing",
3370 "type": "size",
3371 "value": "0",
3372 "originalValue": "{!space-0}",
3373 "name": "space-0"
3374 },
3375 "space-negative-80": {
3376 "category": "spacing",
3377 "type": "size",
3378 "value": "-1.75rem",
3379 "originalValue": "-{!space-80}",
3380 "name": "space-negative-80"
3381 },
3382 "space-100": {
3383 "category": "spacing",
3384 "type": "size",
3385 "value": "2.25rem",
3386 "originalValue": "{!space-100}",
3387 "name": "space-100"
3388 },
3389 "space-negative-70": {
3390 "category": "spacing",
3391 "type": "size",
3392 "value": "-1.5rem",
3393 "originalValue": "-{!space-70}",
3394 "name": "space-negative-70"
3395 },
3396 "space-200": {
3397 "category": "spacing",
3398 "type": "size",
3399 "value": "4.75rem",
3400 "originalValue": "{!space-200}",
3401 "name": "space-200"
3402 },
3403 "space-negative-60": {
3404 "category": "spacing",
3405 "type": "size",
3406 "value": "-1.25rem",
3407 "originalValue": "-{!space-60}",
3408 "name": "space-negative-60"
3409 },
3410 "space-negative-50": {
3411 "category": "spacing",
3412 "type": "size",
3413 "value": "-1rem",
3414 "originalValue": "-{!space-50}",
3415 "name": "space-negative-50"
3416 },
3417 "space-negative-40": {
3418 "category": "spacing",
3419 "type": "size",
3420 "value": "-0.75rem",
3421 "originalValue": "-{!space-40}",
3422 "name": "space-negative-40"
3423 },
3424 "space-negative-30": {
3425 "category": "spacing",
3426 "type": "size",
3427 "value": "-0.5rem",
3428 "originalValue": "-{!space-30}",
3429 "name": "space-negative-30"
3430 },
3431 "space-negative-20": {
3432 "category": "spacing",
3433 "type": "size",
3434 "value": "-0.25rem",
3435 "originalValue": "-{!space-20}",
3436 "name": "space-negative-20"
3437 },
3438 "space-negative-10": {
3439 "category": "spacing",
3440 "type": "size",
3441 "value": "-0.125rem",
3442 "originalValue": "-{!space-10}",
3443 "name": "space-negative-10"
3444 },
3445 "space-negative-190": {
3446 "category": "spacing",
3447 "type": "size",
3448 "value": "-4.5rem",
3449 "originalValue": "-{!space-190}",
3450 "name": "space-negative-190"
3451 },
3452 "space-negative-180": {
3453 "category": "spacing",
3454 "type": "size",