UNPKG

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