UNPKG

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