UNPKG

51.9 kBJSONView Raw
1{
2 "aliases": {
3 "amaranth": {
4 "value": "#F22F46"
5 },
6 "black": {
7 "value": "#000000"
8 },
9 "midnight": {
10 "value": "#233659"
11 },
12 "white": {
13 "value": "#FFFFFF"
14 },
15 "palette-blue-10": {
16 "value": "#f5f8ff"
17 },
18 "palette-red-100": {
19 "value": "#2e0200"
20 },
21 "palette-orange-100": {
22 "value": "#2c1102"
23 },
24 "palette-orange-90": {
25 "value": "#451b02"
26 },
27 "palette-red-90": {
28 "value": "#4a0400"
29 },
30 "palette-orange-80": {
31 "value": "#762e04"
32 },
33 "palette-red-80": {
34 "value": "#700600"
35 },
36 "palette-orange-70": {
37 "value": "#a83e00"
38 },
39 "palette-red-70": {
40 "value": "#940800"
41 },
42 "palette-orange-60": {
43 "value": "#e46216"
44 },
45 "palette-red-60": {
46 "value": "#ac1e16"
47 },
48 "palette-orange-50": {
49 "value": "#f28510"
50 },
51 "palette-red-50": {
52 "value": "#ce241a"
53 },
54 "palette-orange-40": {
55 "value": "#fa9c66"
56 },
57 "palette-red-40": {
58 "value": "#e8534a"
59 },
60 "palette-orange-30": {
61 "value": "#fbb68f"
62 },
63 "palette-gray-transparent-90": {
64 "value": "rgba(40, 42, 43, 0.9)"
65 },
66 "palette-red-30": {
67 "value": "#ff8c85"
68 },
69 "palette-orange-20": {
70 "value": "#fdd5bf"
71 },
72 "palette-gray-transparent-80": {
73 "value": "rgba(40, 42, 43, 0.8)"
74 },
75 "palette-red-20": {
76 "value": "#ffb9b3"
77 },
78 "palette-orange-10": {
79 "value": "#ffecd8"
80 },
81 "palette-gray-transparent-70": {
82 "value": "rgba(40, 42, 43, 0.7)"
83 },
84 "palette-red-10": {
85 "value": "#ffe9e7"
86 },
87 "palette-gray-transparent-60": {
88 "value": "rgba(40, 42, 43, 0.6)"
89 },
90 "palette-gray-transparent-50": {
91 "value": "rgba(40, 42, 43, 0.5)"
92 },
93 "palette-gray-90": {
94 "value": "#1d2944"
95 },
96 "palette-gray-transparent-40": {
97 "value": "rgba(40, 42, 43, 0.4)"
98 },
99 "palette-blue-100": {
100 "value": "#000e35"
101 },
102 "palette-gray-80": {
103 "value": "#475672"
104 },
105 "palette-gray-transparent-30": {
106 "value": "rgba(40, 42, 43, 0.3)"
107 },
108 "palette-gray-70": {
109 "value": "#76859e"
110 },
111 "palette-gray-transparent-20": {
112 "value": "rgba(40, 42, 43, 0.2)"
113 },
114 "palette-gray-60": {
115 "value": "#9ca7ba"
116 },
117 "palette-gray-transparent-10": {
118 "value": "rgba(40, 42, 43, 0.1)"
119 },
120 "palette-gray-50": {
121 "value": "#b6bfce"
122 },
123 "palette-green-90": {
124 "value": "#004d25"
125 },
126 "palette-gray-40": {
127 "value": "#ccd2dc"
128 },
129 "palette-green-80": {
130 "value": "#006631"
131 },
132 "palette-gray-30": {
133 "value": "#e5e7ec"
134 },
135 "palette-green-70": {
136 "value": "#00803d"
137 },
138 "palette-green-100": {
139 "value": "#00361a"
140 },
141 "palette-gray-20": {
142 "value": "#f3f4f6"
143 },
144 "palette-green-60": {
145 "value": "#00994a"
146 },
147 "palette-gray-10": {
148 "value": "#f9fafb"
149 },
150 "palette-green-50": {
151 "value": "#23bf6e"
152 },
153 "palette-blue-90": {
154 "value": "#00154d"
155 },
156 "palette-green-40": {
157 "value": "#5fe7a1"
158 },
159 "palette-gray-0": {
160 "value": "#ffffff"
161 },
162 "palette-green-30": {
163 "value": "#8eeebc"
164 },
165 "palette-gray-100": {
166 "value": "#08152c"
167 },
168 "palette-blue-80": {
169 "value": "#001f75"
170 },
171 "palette-green-20": {
172 "value": "#c7ffe2"
173 },
174 "palette-blue-70": {
175 "value": "#002ca6"
176 },
177 "palette-green-10": {
178 "value": "#e0ffef"
179 },
180 "palette-blue-60": {
181 "value": "#003adb"
182 },
183 "palette-blue-50": {
184 "value": "#3368fa"
185 },
186 "palette-blue-40": {
187 "value": "#85a5ff"
188 },
189 "palette-blue-30": {
190 "value": "#baccff"
191 },
192 "palette-gray-transparent-100": {
193 "value": "rgba(40, 42, 43, 1)"
194 },
195 "palette-blue-20": {
196 "value": "#dbe6ff"
197 },
198 "curious-blue": {
199 "value": "#1A82E2"
200 },
201 "san-juan": {
202 "value": "#294661"
203 },
204 "palette-pink-50": {
205 "value": "#f772a2"
206 },
207 "palette-yellow-70": {
208 "value": "#996b00"
209 },
210 "palette-pink-40": {
211 "value": "#faa3c3"
212 },
213 "palette-yellow-60": {
214 "value": "#eaa506"
215 },
216 "palette-pink-30": {
217 "value": "#ffcadd"
218 },
219 "palette-yellow-50": {
220 "value": "#fabb2b"
221 },
222 "palette-pink-20": {
223 "value": "#ffe0ec"
224 },
225 "palette-yellow-40": {
226 "value": "#fbca5b"
227 },
228 "palette-pink-10": {
229 "value": "#ffeff5"
230 },
231 "palette-yellow-30": {
232 "value": "#ffde92"
233 },
234 "palette-yellow-20": {
235 "value": "#ffecc2"
236 },
237 "palette-yellow-10": {
238 "value": "#fff7e5"
239 },
240 "palette-yellow-100": {
241 "value": "#2e2000"
242 },
243 "palette-pink-100": {
244 "value": "#470019"
245 },
246 "palette-teal-100": {
247 "value": "#001611"
248 },
249 "palette-gray-blue-90": {
250 "value": "#0b2c64"
251 },
252 "palette-purple-100": {
253 "value": "#10002e"
254 },
255 "palette-turquoise-100": {
256 "value": "#001a2e"
257 },
258 "palette-gray-blue-80": {
259 "value": "#2c4a7d"
260 },
261 "palette-violet-90": {
262 "value": "#490057"
263 },
264 "palette-gray-blue-70": {
265 "value": "#4a6592"
266 },
267 "palette-violet-80": {
268 "value": "#5f0070"
269 },
270 "palette-gray-blue-60": {
271 "value": "#8ba3ca"
272 },
273 "palette-violet-70": {
274 "value": "#740089"
275 },
276 "palette-violet-100": {
277 "value": "#2f0038"
278 },
279 "palette-turquoise-90": {
280 "value": "#00345a"
281 },
282 "palette-gray-blue-50": {
283 "value": "#a8b9d5"
284 },
285 "palette-purple-90": {
286 "value": "#1c0050"
287 },
288 "palette-violet-60": {
289 "value": "#a000bd"
290 },
291 "palette-gray-blue-100": {
292 "value": "#00173e"
293 },
294 "palette-teal-90": {
295 "value": "#004735"
296 },
297 "palette-turquoise-80": {
298 "value": "#004f8a"
299 },
300 "palette-gray-blue-40": {
301 "value": "#c8d7ee"
302 },
303 "palette-purple-80": {
304 "value": "#300b75"
305 },
306 "palette-violet-50": {
307 "value": "#c850de"
308 },
309 "palette-teal-80": {
310 "value": "#00634a"
311 },
312 "palette-turquoise-70": {
313 "value": "#006cbc"
314 },
315 "palette-gray-blue-30": {
316 "value": "#dfe9fa"
317 },
318 "palette-purple-70": {
319 "value": "#400e9a"
320 },
321 "palette-violet-40": {
322 "value": "#ec85ff"
323 },
324 "palette-teal-70": {
325 "value": "#1ba783"
326 },
327 "palette-turquoise-60": {
328 "value": "#008af0"
329 },
330 "palette-gray-blue-20": {
331 "value": "#ebf2ff"
332 },
333 "palette-purple-60": {
334 "value": "#582da4"
335 },
336 "palette-violet-30": {
337 "value": "#f3b1ff"
338 },
339 "palette-teal-60": {
340 "value": "#22d5a7"
341 },
342 "palette-turquoise-50": {
343 "value": "#199dff"
344 },
345 "palette-gray-blue-10": {
346 "value": "#f5f8fd"
347 },
348 "palette-purple-50": {
349 "value": "#6f3cca"
350 },
351 "palette-violet-20": {
352 "value": "#f9d6ff"
353 },
354 "palette-teal-50": {
355 "value": "#35e4b8"
356 },
357 "palette-turquoise-40": {
358 "value": "#66beff"
359 },
360 "palette-purple-40": {
361 "value": "#aa7aff"
362 },
363 "palette-violet-10": {
364 "value": "#fdf1ff"
365 },
366 "palette-teal-40": {
367 "value": "#64fbd5"
368 },
369 "palette-turquoise-30": {
370 "value": "#b9e1ff"
371 },
372 "palette-purple-30": {
373 "value": "#dbc7ff"
374 },
375 "palette-pink-90": {
376 "value": "#7c002c"
377 },
378 "palette-teal-30": {
379 "value": "#96fde2"
380 },
381 "palette-turquoise-20": {
382 "value": "#d1ebff"
383 },
384 "palette-purple-20": {
385 "value": "#ebe0ff"
386 },
387 "palette-pink-80": {
388 "value": "#ac2052"
389 },
390 "palette-teal-20": {
391 "value": "#c2ffef"
392 },
393 "palette-turquoise-10": {
394 "value": "#ebf7ff"
395 },
396 "palette-purple-10": {
397 "value": "#f3edff"
398 },
399 "palette-pink-70": {
400 "value": "#d82a68"
401 },
402 "palette-teal-10": {
403 "value": "#dbfff6"
404 },
405 "palette-yellow-90": {
406 "value": "#4d3500"
407 },
408 "palette-pink-60": {
409 "value": "#f44383"
410 },
411 "palette-yellow-80": {
412 "value": "#704e00"
413 },
414 "border-radius-0": {
415 "value": "0"
416 },
417 "border-radius-10": {
418 "value": "3px"
419 },
420 "border-radius-20": {
421 "value": "4px"
422 },
423 "border-radius-30": {
424 "value": "8px"
425 },
426 "border-radius-circle": {
427 "value": "50%"
428 },
429 "border-width-0": {
430 "value": "0"
431 },
432 "border-width-10": {
433 "value": "1px"
434 },
435 "border-width-20": {
436 "value": "2px"
437 },
438 "offset-90": {
439 "value": 32
440 },
441 "offset-80": {
442 "value": 24
443 },
444 "offset-70": {
445 "value": 20
446 },
447 "offset-60": {
448 "value": 16
449 },
450 "offset-50": {
451 "value": 12
452 },
453 "offset-0": {
454 "value": "0"
455 },
456 "offset-40": {
457 "value": 8
458 },
459 "offset-30": {
460 "value": 6
461 },
462 "offset-20": {
463 "value": 4
464 },
465 "offset-10": {
466 "value": 2
467 },
468 "shadow-elevation-0": {
469 "value": "none"
470 },
471 "shadow-elevation-10": {
472 "value": "0 2px 4px 0 rgba(40, 42, 43, 0.3)"
473 },
474 "shadow-elevation-20": {
475 "value": "0 8px 16px 0 rgba(40, 42, 43, 0.2)"
476 },
477 "shadow-elevation-30": {
478 "value": "0 12px 24px 4 rgba(40, 42, 43, 0.2)"
479 },
480 "font-family-10": {
481 "value": "'Colfax', Helvetica, Arial, sans-serif"
482 },
483 "font-family-20": {
484 "value": "'Fira Mono', 'Courier New', Courier, monospace"
485 },
486 "font-size-110": {
487 "value": "3rem"
488 },
489 "font-size-100": {
490 "value": "2.5rem"
491 },
492 "font-size-90": {
493 "value": "2rem"
494 },
495 "font-size-80": {
496 "value": "1.75rem"
497 },
498 "font-size-70": {
499 "value": "1.5rem"
500 },
501 "font-size-60": {
502 "value": "1.25rem"
503 },
504 "font-size-50": {
505 "value": "1.125rem"
506 },
507 "font-size-40": {
508 "value": "1rem"
509 },
510 "font-size-30": {
511 "value": "0.875rem"
512 },
513 "font-size-20": {
514 "value": "0.75rem"
515 },
516 "font-size-10": {
517 "value": "0.625rem"
518 },
519 "font-weight-light": {
520 "value": 300
521 },
522 "font-weight-normal": {
523 "value": 400
524 },
525 "font-weight-medium": {
526 "value": 500
527 },
528 "font-weight-semibold": {
529 "value": 600
530 },
531 "font-weight-bold": {
532 "value": 700
533 },
534 "size-square-40": {
535 "value": "1.25rem"
536 },
537 "size-square-30": {
538 "value": "1rem"
539 },
540 "size-square-20": {
541 "value": "0.75rem"
542 },
543 "size-90": {
544 "value": "57.5rem"
545 },
546 "size-square-10": {
547 "value": "0.5rem"
548 },
549 "size-120": {
550 "value": "77rem"
551 },
552 "size-80": {
553 "value": "51rem"
554 },
555 "size-0": {
556 "value": "0"
557 },
558 "size-110": {
559 "value": "70.5rem"
560 },
561 "size-70": {
562 "value": "44.5rem"
563 },
564 "size-100": {
565 "value": "64rem"
566 },
567 "size-60": {
568 "value": "38rem"
569 },
570 "size-50": {
571 "value": "31.5rem"
572 },
573 "size-40": {
574 "value": "25rem"
575 },
576 "size-30": {
577 "value": "18.5rem"
578 },
579 "size-20": {
580 "value": "12rem"
581 },
582 "size-10": {
583 "value": "5.5rem"
584 },
585 "size-square-0": {
586 "value": "0"
587 },
588 "size-square-100": {
589 "value": "3rem"
590 },
591 "size-square-90": {
592 "value": "2.5rem"
593 },
594 "size-square-80": {
595 "value": "2.25rem"
596 },
597 "size-square-70": {
598 "value": "2rem"
599 },
600 "size-square-60": {
601 "value": "1.75rem"
602 },
603 "size-square-50": {
604 "value": "1.5rem"
605 },
606 "space-70": {
607 "value": "1.5rem"
608 },
609 "space-60": {
610 "value": "1.25rem"
611 },
612 "space-190": {
613 "value": "4.5rem"
614 },
615 "space-50": {
616 "value": "1rem"
617 },
618 "space-180": {
619 "value": "4.25rem"
620 },
621 "space-40": {
622 "value": "0.75rem"
623 },
624 "space-170": {
625 "value": "4rem"
626 },
627 "space-30": {
628 "value": "0.5rem"
629 },
630 "space-160": {
631 "value": "3.75rem"
632 },
633 "space-20": {
634 "value": "0.25rem"
635 },
636 "space-150": {
637 "value": "3.5rem"
638 },
639 "space-10": {
640 "value": "0.125rem"
641 },
642 "space-140": {
643 "value": "3.25rem"
644 },
645 "space-130": {
646 "value": "3rem"
647 },
648 "space-120": {
649 "value": "2.75rem"
650 },
651 "space-110": {
652 "value": "2.5rem"
653 },
654 "space-0": {
655 "value": "0"
656 },
657 "space-100": {
658 "value": "2.25rem"
659 },
660 "space-200": {
661 "value": "4.75rem"
662 },
663 "space-90": {
664 "value": "2rem"
665 },
666 "space-80": {
667 "value": "1.75rem"
668 },
669 "z-index-0": {
670 "value": "0"
671 },
672 "z-index-90": {
673 "value": 90
674 },
675 "z-index-80": {
676 "value": 80
677 },
678 "z-index-70": {
679 "value": 70
680 },
681 "z-index-60": {
682 "value": 60
683 },
684 "z-index-50": {
685 "value": 50
686 },
687 "z-index-40": {
688 "value": 40
689 },
690 "z-index-30": {
691 "value": 30
692 },
693 "z-index-20": {
694 "value": 20
695 },
696 "z-index-10": {
697 "value": 10
698 }
699 },
700 "props": {
701 "color-background-primary-darker": {
702 "type": "color",
703 "category": "background-color",
704 "value": "#002ca6",
705 "comment": "Darker background for primary actions or highlights",
706 "originalValue": "{!palette-blue-70}",
707 "name": "color-background-primary-darker"
708 },
709 "color-background-primary-lighter": {
710 "type": "color",
711 "category": "background-color",
712 "value": "#baccff",
713 "comment": "Lighter background for primary actions or highlights",
714 "originalValue": "{!palette-blue-30}",
715 "name": "color-background-primary-lighter"
716 },
717 "color-background-destructive-darker": {
718 "type": "color",
719 "category": "background-color",
720 "value": "#700600",
721 "comment": "Darker background for destructive actions or highlights",
722 "originalValue": "{!palette-red-80}",
723 "name": "color-background-destructive-darker"
724 },
725 "color-background-destructive-lighter": {
726 "type": "color",
727 "category": "background-color",
728 "value": "#ff8c85",
729 "comment": "Lighter background for destructive actions or highlights",
730 "originalValue": "{!palette-red-30}",
731 "name": "color-background-destructive-lighter"
732 },
733 "color-background-warning": {
734 "type": "color",
735 "category": "background-color",
736 "value": "#e46216",
737 "comment": "Warning background color",
738 "originalValue": "{!palette-orange-60}",
739 "name": "color-background-warning"
740 },
741 "color-background-error-lightest": {
742 "type": "color",
743 "category": "background-color",
744 "value": "#ffe9e7",
745 "comment": "Lightest error background color",
746 "originalValue": "{!palette-red-10}",
747 "name": "color-background-error-lightest"
748 },
749 "color-background-destructive": {
750 "type": "color",
751 "category": "background-color",
752 "value": "#ac1e16",
753 "comment": "Background for destructive actions or highlights",
754 "originalValue": "{!palette-red-60}",
755 "name": "color-background-destructive"
756 },
757 "color-background-primary": {
758 "type": "color",
759 "category": "background-color",
760 "value": "#3368fa",
761 "comment": "Background for primary actions or highlights",
762 "originalValue": "{!palette-blue-50}",
763 "name": "color-background-primary"
764 },
765 "color-background-success": {
766 "type": "color",
767 "category": "background-color",
768 "value": "#00994a",
769 "comment": "Success background color",
770 "originalValue": "{!palette-green-60}",
771 "name": "color-background-success"
772 },
773 "color-background-row-striped": {
774 "type": "color",
775 "category": "background-color",
776 "value": "#f9fafb",
777 "comment": "Background color for alternative striped rows",
778 "originalValue": "{!palette-gray-10}",
779 "name": "color-background-row-striped"
780 },
781 "color-background-success-lightest": {
782 "type": "color",
783 "category": "background-color",
784 "value": "#e0ffef",
785 "comment": "Lightest success background color",
786 "originalValue": "{!palette-green-10}",
787 "name": "color-background-success-lightest"
788 },
789 "color-background-destructive-lightest": {
790 "type": "color",
791 "category": "background-color",
792 "value": "#ffe9e7",
793 "comment": "Lightest background for destructive actions or highlights",
794 "originalValue": "{!palette-red-10}",
795 "name": "color-background-destructive-lightest"
796 },
797 "color-background-primary-lightest": {
798 "type": "color",
799 "category": "background-color",
800 "value": "#f5f8ff",
801 "comment": "Lightest background for primary actions or highlights",
802 "originalValue": "{!palette-blue-10}",
803 "name": "color-background-primary-lightest"
804 },
805 "color-background-brand": {
806 "type": "color",
807 "category": "background-color",
808 "value": "#233659",
809 "comment": "Primary brand background, accessible with inverse text",
810 "originalValue": "{!midnight}",
811 "name": "color-background-brand"
812 },
813 "color-background-error": {
814 "type": "color",
815 "category": "background-color",
816 "value": "#ac1e16",
817 "comment": "Error background color",
818 "originalValue": "{!palette-red-60}",
819 "name": "color-background-error"
820 },
821 "color-background-destructive-dark": {
822 "type": "color",
823 "category": "background-color",
824 "value": "#940800",
825 "comment": "Dark background for destructive actions or highlights",
826 "originalValue": "{!palette-red-70}",
827 "name": "color-background-destructive-dark"
828 },
829 "color-background-destructive-light": {
830 "type": "color",
831 "category": "background-color",
832 "value": "#e8534a",
833 "comment": "Light background for destructive actions or highlights",
834 "originalValue": "{!palette-red-40}",
835 "name": "color-background-destructive-light"
836 },
837 "color-background-primary-dark": {
838 "type": "color",
839 "category": "background-color",
840 "value": "#003adb",
841 "comment": "Dark background for primary actions or highlights",
842 "originalValue": "{!palette-blue-60}",
843 "name": "color-background-primary-dark"
844 },
845 "color-background-primary-light": {
846 "type": "color",
847 "category": "background-color",
848 "value": "#85a5ff",
849 "comment": "Light background for primary actions or highlights",
850 "originalValue": "{!palette-blue-40}",
851 "name": "color-background-primary-light"
852 },
853 "color-background-warning-lightest": {
854 "type": "color",
855 "category": "background-color",
856 "value": "#ffecd8",
857 "comment": "Lightest warning background color",
858 "originalValue": "{!palette-orange-10}",
859 "name": "color-background-warning-lightest"
860 },
861 "color-background-body": {
862 "type": "color",
863 "category": "background-color",
864 "value": "#ffffff",
865 "comment": "Background color of the main page body",
866 "originalValue": "{!palette-gray-0}",
867 "name": "color-background-body"
868 },
869 "color-background": {
870 "type": "color",
871 "category": "background-color",
872 "value": "#f3f4f6",
873 "comment": "Default background color for any container",
874 "originalValue": "{!palette-gray-20}",
875 "name": "color-background"
876 },
877 "color-background-brand-highlight": {
878 "type": "color",
879 "category": "background-color",
880 "value": "#F22F46",
881 "comment": "Highlight brand background, accessible with black text",
882 "originalValue": "{!amaranth}",
883 "name": "color-background-brand-highlight"
884 },
885 "color-background-inverse": {
886 "type": "color",
887 "category": "background-color",
888 "value": "#4f5355",
889 "comment": "Inverse background color for any container",
890 "originalValue": "{!palette-gray-80}",
891 "name": "color-background-inverse"
892 },
893 "color-border-destructive-lighter": {
894 "type": "color",
895 "category": "border-color",
896 "value": "#ff8c85",
897 "comment": "Destructive focus border color",
898 "originalValue": "{!palette-red-30}",
899 "name": "color-border-destructive-lighter"
900 },
901 "color-border-primary-lighter": {
902 "type": "color",
903 "category": "border-color",
904 "value": "#baccff",
905 "comment": "Lighter primary border color",
906 "originalValue": "{!palette-blue-30}",
907 "name": "color-border-primary-lighter"
908 },
909 "color-border-input-hover": {
910 "type": "color",
911 "category": "border-color",
912 "value": "#003adb",
913 "comment": "Input hover border color",
914 "originalValue": "{!palette-blue-60}",
915 "name": "color-border-input-hover"
916 },
917 "color-border-primary-darker": {
918 "type": "color",
919 "category": "border-color",
920 "value": "#002ca6",
921 "comment": "Darker primary border color",
922 "originalValue": "{!palette-blue-70}",
923 "name": "color-border-primary-darker"
924 },
925 "color-border-warning": {
926 "type": "color",
927 "category": "border-color",
928 "value": "#e46216",
929 "comment": "Warning border color",
930 "originalValue": "{!palette-orange-60}",
931 "name": "color-border-warning"
932 },
933 "color-border-destructive-darker": {
934 "type": "color",
935 "category": "border-color",
936 "value": "#940800",
937 "comment": "Destructive hover border color",
938 "originalValue": "{!palette-red-70}",
939 "name": "color-border-destructive-darker"
940 },
941 "color-border-destructive": {
942 "type": "color",
943 "category": "border-color",
944 "value": "#ce241a",
945 "comment": "Destructive border color",
946 "originalValue": "{!palette-red-50}",
947 "name": "color-border-destructive"
948 },
949 "color-border-primary": {
950 "type": "color",
951 "category": "border-color",
952 "value": "#3368fa",
953 "comment": "Primary border color",
954 "originalValue": "{!palette-blue-50}",
955 "name": "color-border-primary"
956 },
957 "color-border-success": {
958 "type": "color",
959 "category": "border-color",
960 "value": "#00994a",
961 "comment": "Success border color",
962 "originalValue": "{!palette-green-60}",
963 "name": "color-border-success"
964 },
965 "color-border-error-lightest": {
966 "type": "color",
967 "category": "border-color",
968 "value": "#ffe9e7",
969 "comment": "Lightest error border color",
970 "originalValue": "{!palette-red-10}",
971 "name": "color-border-error-lightest"
972 },
973 "color-border-dark": {
974 "type": "color",
975 "category": "border-color",
976 "value": "#9ca7ba",
977 "comment": "Dark border color",
978 "originalValue": "{!palette-gray-60}",
979 "name": "color-border-dark"
980 },
981 "color-border-success-lightest": {
982 "type": "color",
983 "category": "border-color",
984 "value": "#e0ffef",
985 "comment": "Lightest success border color",
986 "originalValue": "{!palette-green-10}",
987 "name": "color-border-success-lightest"
988 },
989 "color-border-error": {
990 "type": "color",
991 "category": "border-color",
992 "value": "#ac1e16",
993 "comment": "Error border color",
994 "originalValue": "{!palette-red-60}",
995 "name": "color-border-error"
996 },
997 "color-border-input": {
998 "type": "color",
999 "category": "border-color",
1000 "value": "#9ca7ba",
1001 "comment": "Input border color",
1002 "originalValue": "{!palette-gray-60}",
1003 "name": "color-border-input"
1004 },
1005 "color-border-destructive-light": {
1006 "type": "color",
1007 "category": "border-color",
1008 "value": "#e8534a",
1009 "comment": "Destructive focus border color",
1010 "originalValue": "{!palette-red-40}",
1011 "name": "color-border-destructive-light"
1012 },
1013 "color-border-primary-light": {
1014 "type": "color",
1015 "category": "border-color",
1016 "value": "#85a5ff",
1017 "comment": "Light primary border color",
1018 "originalValue": "{!palette-blue-40}",
1019 "name": "color-border-primary-light"
1020 },
1021 "color-border": {
1022 "type": "color",
1023 "category": "border-color",
1024 "value": "#b6bfce",
1025 "comment": "Default border color",
1026 "originalValue": "{!palette-gray-50}",
1027 "name": "color-border"
1028 },
1029 "color-border-warning-lightest": {
1030 "type": "color",
1031 "category": "border-color",
1032 "value": "#ffecd8",
1033 "comment": "Lightest warning border color",
1034 "originalValue": "{!palette-orange-10}",
1035 "name": "color-border-warning-lightest"
1036 },
1037 "color-border-primary-dark": {
1038 "type": "color",
1039 "category": "border-color",
1040 "value": "#003adb",
1041 "comment": "Dark primary border color",
1042 "originalValue": "{!palette-blue-60}",
1043 "name": "color-border-primary-dark"
1044 },
1045 "color-border-destructive-dark": {
1046 "type": "color",
1047 "category": "border-color",
1048 "value": "#ac1e16",
1049 "comment": "Destructive focus border color",
1050 "originalValue": "{!palette-red-60}",
1051 "name": "color-border-destructive-dark"
1052 },
1053 "color-border-input-focus": {
1054 "type": "color",
1055 "category": "border-color",
1056 "value": "#003adb",
1057 "comment": "Input focus border color",
1058 "originalValue": "{!palette-blue-60}",
1059 "name": "color-border-input-focus"
1060 },
1061 "color-border-light": {
1062 "type": "color",
1063 "category": "border-color",
1064 "value": "#ccd2dc",
1065 "comment": "Light border color",
1066 "originalValue": "{!palette-gray-40}",
1067 "name": "color-border-light"
1068 },
1069 "border-radius-0": {
1070 "type": "size",
1071 "category": "radius",
1072 "value": "0",
1073 "comment": "Border radius reset",
1074 "originalValue": "{!border-radius-0}",
1075 "name": "border-radius-0"
1076 },
1077 "border-radius-10": {
1078 "type": "size",
1079 "category": "radius",
1080 "value": "3px",
1081 "comment": "Small border radius",
1082 "originalValue": "{!border-radius-10}",
1083 "name": "border-radius-10"
1084 },
1085 "border-radius-20": {
1086 "type": "size",
1087 "category": "radius",
1088 "value": "4px",
1089 "comment": "Large border radius",
1090 "originalValue": "{!border-radius-20}",
1091 "name": "border-radius-20"
1092 },
1093 "border-radius-30": {
1094 "type": "size",
1095 "category": "radius",
1096 "value": "8px",
1097 "comment": "Larger border radius",
1098 "originalValue": "{!border-radius-30}",
1099 "name": "border-radius-30"
1100 },
1101 "border-radius-circle": {
1102 "type": "size",
1103 "category": "radius",
1104 "value": "50%",
1105 "comment": "Circular border radius",
1106 "originalValue": "{!border-radius-circle}",
1107 "name": "border-radius-circle"
1108 },
1109 "border-width-0": {
1110 "type": "size",
1111 "category": "border-width",
1112 "value": "0",
1113 "comment": "Border width reset",
1114 "originalValue": "{!border-width-0}",
1115 "name": "border-width-0"
1116 },
1117 "border-width-10": {
1118 "type": "size",
1119 "category": "border-width",
1120 "value": "1px",
1121 "comment": "Small border width",
1122 "originalValue": "{!border-width-10}",
1123 "name": "border-width-10"
1124 },
1125 "border-width-20": {
1126 "type": "size",
1127 "category": "border-width",
1128 "value": "2px",
1129 "comment": "Large border width",
1130 "originalValue": "{!border-width-20}",
1131 "name": "border-width-20"
1132 },
1133 "shadow-card": {
1134 "type": "shadow",
1135 "category": "box-shadow",
1136 "value": "0 2px 4px 0 rgba(40, 42, 43, 0.3)",
1137 "comment": "Shadow for cards.",
1138 "originalValue": "{!shadow-elevation-10}",
1139 "name": "shadow-card"
1140 },
1141 "shadow-focus": {
1142 "type": "shadow",
1143 "category": "box-shadow",
1144 "value": "0 0 0 4px rgba(0,117,195,0.5)",
1145 "comment": "Shadow for focus ring on interactive elements",
1146 "originalValue": "{!offset-0} {!offset-0} {!offset-0} {!offset-20}px rgba(0,117,195,0.5)",
1147 "name": "shadow-focus"
1148 },
1149 "font-family-text": {
1150 "category": "font",
1151 "type": "font",
1152 "value": "'Colfax', Helvetica, Arial, sans-serif",
1153 "originalValue": "{!font-family-10}",
1154 "name": "font-family-text"
1155 },
1156 "font-family-code": {
1157 "category": "font",
1158 "type": "font",
1159 "value": "'Fira Mono', 'Courier New', Courier, monospace",
1160 "originalValue": "{!font-family-20}",
1161 "name": "font-family-code"
1162 },
1163 "font-size-110": {
1164 "category": "font-size",
1165 "type": "font-size",
1166 "value": "3rem",
1167 "comment": "Constant typography token for font size 110",
1168 "originalValue": "{!font-size-110}",
1169 "name": "font-size-110"
1170 },
1171 "font-size-100": {
1172 "category": "font-size",
1173 "type": "font-size",
1174 "value": "2.5rem",
1175 "comment": "Constant typography token for font size 100",
1176 "originalValue": "{!font-size-100}",
1177 "name": "font-size-100"
1178 },
1179 "font-size-90": {
1180 "category": "font-size",
1181 "type": "font-size",
1182 "value": "2rem",
1183 "comment": "Constant typography token for font size 90",
1184 "originalValue": "{!font-size-90}",
1185 "name": "font-size-90"
1186 },
1187 "font-size-80": {
1188 "category": "font-size",
1189 "type": "font-size",
1190 "value": "1.75rem",
1191 "comment": "Constant typography token for font size 80",
1192 "originalValue": "{!font-size-80}",
1193 "name": "font-size-80"
1194 },
1195 "font-size-70": {
1196 "category": "font-size",
1197 "type": "font-size",
1198 "value": "1.5rem",
1199 "comment": "Constant typography token for font size 70",
1200 "originalValue": "{!font-size-70}",
1201 "name": "font-size-70"
1202 },
1203 "font-size-60": {
1204 "category": "font-size",
1205 "type": "font-size",
1206 "value": "1.25rem",
1207 "comment": "Constant typography token for font size 60",
1208 "originalValue": "{!font-size-60}",
1209 "name": "font-size-60"
1210 },
1211 "font-size-50": {
1212 "category": "font-size",
1213 "type": "font-size",
1214 "value": "1.125rem",
1215 "comment": "Constant typography token for font size 50",
1216 "originalValue": "{!font-size-50}",
1217 "name": "font-size-50"
1218 },
1219 "font-size-40": {
1220 "category": "font-size",
1221 "type": "font-size",
1222 "value": "1rem",
1223 "comment": "Constant typography token for font size 40",
1224 "originalValue": "{!font-size-40}",
1225 "name": "font-size-40"
1226 },
1227 "font-size-30": {
1228 "category": "font-size",
1229 "type": "font-size",
1230 "value": "0.875rem",
1231 "comment": "Constant typography token for font size 30",
1232 "originalValue": "{!font-size-30}",
1233 "name": "font-size-30"
1234 },
1235 "font-size-20": {
1236 "category": "font-size",
1237 "type": "font-size",
1238 "value": "0.75rem",
1239 "comment": "Constant typography token for font size 20",
1240 "originalValue": "{!font-size-20}",
1241 "name": "font-size-20"
1242 },
1243 "font-size-10": {
1244 "category": "font-size",
1245 "type": "font-size",
1246 "value": "0.625rem",
1247 "comment": "Constant typography token for font size 10",
1248 "originalValue": "{!font-size-10}",
1249 "name": "font-size-10"
1250 },
1251 "font-weight-light": {
1252 "category": "font-weight",
1253 "type": "font-weight",
1254 "value": "300",
1255 "comment": "Font weight for light weight",
1256 "originalValue": "{!font-weight-light}",
1257 "name": "font-weight-light"
1258 },
1259 "font-weight-normal": {
1260 "category": "font-weight",
1261 "type": "font-weight",
1262 "value": "400",
1263 "comment": "Font weight for normal weight",
1264 "originalValue": "{!font-weight-normal}",
1265 "name": "font-weight-normal"
1266 },
1267 "font-weight-medium": {
1268 "category": "font-weight",
1269 "type": "font-weight",
1270 "value": "500",
1271 "comment": "Font weight for medium weight",
1272 "originalValue": "{!font-weight-medium}",
1273 "name": "font-weight-medium"
1274 },
1275 "font-weight-semibold": {
1276 "category": "font-weight",
1277 "type": "font-weight",
1278 "value": "600",
1279 "comment": "Font weight for semibold weight",
1280 "originalValue": "{!font-weight-semibold}",
1281 "name": "font-weight-semibold"
1282 },
1283 "font-weight-bold": {
1284 "category": "font-weight",
1285 "type": "font-weight",
1286 "value": "700",
1287 "comment": "Font weight for bold weight",
1288 "originalValue": "{!font-weight-bold}",
1289 "name": "font-weight-bold"
1290 },
1291 "line-height-110": {
1292 "category": "line-height",
1293 "type": "number",
1294 "value": "3.75rem",
1295 "comment": "Constant line-height token for font size 110",
1296 "originalValue": "3.75rem",
1297 "name": "line-height-110"
1298 },
1299 "line-height-90": {
1300 "category": "line-height",
1301 "type": "number",
1302 "value": "2.5rem",
1303 "comment": "Constant line-height token for font size 90",
1304 "originalValue": "2.5rem",
1305 "name": "line-height-90"
1306 },
1307 "line-height-100": {
1308 "category": "line-height",
1309 "type": "number",
1310 "value": "3.25rem",
1311 "comment": "Constant line-height token for font size 100",
1312 "originalValue": "3.25rem",
1313 "name": "line-height-100"
1314 },
1315 "line-height-80": {
1316 "category": "line-height",
1317 "type": "number",
1318 "value": "2.25rem",
1319 "comment": "Constant line-height token for font size 80",
1320 "originalValue": "2.25rem",
1321 "name": "line-height-80"
1322 },
1323 "line-height-70": {
1324 "category": "line-height",
1325 "type": "number",
1326 "value": "2rem",
1327 "comment": "Constant line-height token for font size 70",
1328 "originalValue": "2rem",
1329 "name": "line-height-70"
1330 },
1331 "line-height-60": {
1332 "category": "line-height",
1333 "type": "number",
1334 "value": "1.75rem",
1335 "comment": "Constant line-height token for font size 60",
1336 "originalValue": "1.75rem",
1337 "name": "line-height-60"
1338 },
1339 "line-height-50": {
1340 "category": "line-height",
1341 "type": "number",
1342 "value": "1.75rem",
1343 "comment": "Constant line-height token for font size 50",
1344 "originalValue": "1.75rem",
1345 "name": "line-height-50"
1346 },
1347 "line-height-40": {
1348 "category": "line-height",
1349 "type": "number",
1350 "value": "1.75rem",
1351 "comment": "Constant line-height token for font size 40",
1352 "originalValue": "1.75rem",
1353 "name": "line-height-40"
1354 },
1355 "line-height-30": {
1356 "category": "line-height",
1357 "type": "number",
1358 "value": "1.5rem",
1359 "comment": "Constant line-height token for font size 30",
1360 "originalValue": "1.5rem",
1361 "name": "line-height-30"
1362 },
1363 "line-height-20": {
1364 "category": "line-height",
1365 "type": "number",
1366 "value": "1.25rem",
1367 "comment": "Constant line-height token for font size 20",
1368 "originalValue": "1.25rem",
1369 "name": "line-height-20"
1370 },
1371 "line-height-10": {
1372 "category": "line-height",
1373 "type": "number",
1374 "value": "1rem",
1375 "comment": "Constant line-height token for font size 10",
1376 "originalValue": "1rem",
1377 "name": "line-height-10"
1378 },
1379 "color-brand-highlight": {
1380 "type": "color",
1381 "category": "color",
1382 "value": "#3368fa",
1383 "comment": "SendGrid product blue",
1384 "originalValue": "{!palette-blue-50}",
1385 "name": "color-brand-highlight"
1386 },
1387 "color-gray-0": {
1388 "type": "color",
1389 "category": "color",
1390 "value": "#ffffff",
1391 "comment": "Gray Color 0",
1392 "originalValue": "{!palette-gray-0}",
1393 "name": "color-gray-0"
1394 },
1395 "color-gray-100": {
1396 "type": "color",
1397 "category": "color",
1398 "value": "#08152c",
1399 "comment": "Gray Color 10",
1400 "originalValue": "{!palette-gray-100}",
1401 "name": "color-gray-100"
1402 },
1403 "color-gray-90": {
1404 "type": "color",
1405 "category": "color",
1406 "value": "#1d2944",
1407 "comment": "Gray Color 9",
1408 "originalValue": "{!palette-gray-90}",
1409 "name": "color-gray-90"
1410 },
1411 "color-gray-80": {
1412 "type": "color",
1413 "category": "color",
1414 "value": "#475672",
1415 "comment": "Gray Color 8",
1416 "originalValue": "{!palette-gray-80}",
1417 "name": "color-gray-80"
1418 },
1419 "color-gray-70": {
1420 "type": "color",
1421 "category": "color",
1422 "value": "#76859e",
1423 "comment": "Gray Color 7",
1424 "originalValue": "{!palette-gray-70}",
1425 "name": "color-gray-70"
1426 },
1427 "color-gray-60": {
1428 "type": "color",
1429 "category": "color",
1430 "value": "#9ca7ba",
1431 "comment": "Gray Color 6",
1432 "originalValue": "{!palette-gray-60}",
1433 "name": "color-gray-60"
1434 },
1435 "color-gray-50": {
1436 "type": "color",
1437 "category": "color",
1438 "value": "#b6bfce",
1439 "comment": "Gray Color 5",
1440 "originalValue": "{!palette-gray-50}",
1441 "name": "color-gray-50"
1442 },
1443 "color-gray-40": {
1444 "type": "color",
1445 "category": "color",
1446 "value": "#ccd2dc",
1447 "comment": "Gray Color 4",
1448 "originalValue": "{!palette-gray-40}",
1449 "name": "color-gray-40"
1450 },
1451 "color-brand": {
1452 "type": "color",
1453 "category": "color",
1454 "value": "#08152c",
1455 "comment": "SendGrid product dark gray",
1456 "originalValue": "{!palette-gray-100}",
1457 "name": "color-brand"
1458 },
1459 "color-gray-30": {
1460 "type": "color",
1461 "category": "color",
1462 "value": "#e5e7ec",
1463 "comment": "Gray Color 3",
1464 "originalValue": "{!palette-gray-30}",
1465 "name": "color-gray-30"
1466 },
1467 "color-gray-20": {
1468 "type": "color",
1469 "category": "color",
1470 "value": "#f3f4f6",
1471 "comment": "Gray Color 2",
1472 "originalValue": "{!palette-gray-20}",
1473 "name": "color-gray-20"
1474 },
1475 "color-gray-10": {
1476 "type": "color",
1477 "category": "color",
1478 "value": "#f9fafb",
1479 "comment": "Gray Color 1",
1480 "originalValue": "{!palette-gray-10}",
1481 "name": "color-gray-10"
1482 },
1483 "size-90": {
1484 "type": "size",
1485 "category": "sizing",
1486 "value": "57.5rem",
1487 "comment": "Generic sizing token scale for UI components.",
1488 "originalValue": "{!size-90}",
1489 "name": "size-90"
1490 },
1491 "size-120": {
1492 "type": "size",
1493 "category": "sizing",
1494 "value": "77rem",
1495 "comment": "Generic sizing token scale for UI components.",
1496 "originalValue": "{!size-120}",
1497 "name": "size-120"
1498 },
1499 "size-80": {
1500 "type": "size",
1501 "category": "sizing",
1502 "value": "51rem",
1503 "comment": "Generic sizing token scale for UI components.",
1504 "originalValue": "{!size-80}",
1505 "name": "size-80"
1506 },
1507 "size-0": {
1508 "type": "size",
1509 "category": "sizing",
1510 "value": "0",
1511 "comment": "Generic sizing token scale for UI components.",
1512 "originalValue": "{!size-0}",
1513 "name": "size-0"
1514 },
1515 "size-110": {
1516 "type": "size",
1517 "category": "sizing",
1518 "value": "70.5rem",
1519 "comment": "Generic sizing token scale for UI components.",
1520 "originalValue": "{!size-110}",
1521 "name": "size-110"
1522 },
1523 "size-70": {
1524 "type": "size",
1525 "category": "sizing",
1526 "value": "44.5rem",
1527 "comment": "Generic sizing token scale for UI components.",
1528 "originalValue": "{!size-70}",
1529 "name": "size-70"
1530 },
1531 "size-100": {
1532 "type": "size",
1533 "category": "sizing",
1534 "value": "64rem",
1535 "comment": "Generic sizing token scale for UI components.",
1536 "originalValue": "{!size-100}",
1537 "name": "size-100"
1538 },
1539 "size-icon-30": {
1540 "type": "size",
1541 "category": "sizing",
1542 "value": "2rem",
1543 "comment": "Icon sizing token",
1544 "originalValue": "{!size-square-70}",
1545 "name": "size-icon-30"
1546 },
1547 "size-60": {
1548 "type": "size",
1549 "category": "sizing",
1550 "value": "38rem",
1551 "comment": "Generic sizing token scale for UI components.",
1552 "originalValue": "{!size-60}",
1553 "name": "size-60"
1554 },
1555 "size-icon-20": {
1556 "type": "size",
1557 "category": "sizing",
1558 "value": "1.5rem",
1559 "comment": "Icon sizing token",
1560 "originalValue": "{!size-square-50}",
1561 "name": "size-icon-20"
1562 },
1563 "size-icon-10": {
1564 "type": "size",
1565 "category": "sizing",
1566 "value": "1rem",
1567 "comment": "Icon sizing token",
1568 "originalValue": "{!size-square-30}",
1569 "name": "size-icon-10"
1570 },
1571 "size-50": {
1572 "type": "size",
1573 "category": "sizing",
1574 "value": "31.5rem",
1575 "comment": "Generic sizing token scale for UI components.",
1576 "originalValue": "{!size-50}",
1577 "name": "size-50"
1578 },
1579 "size-40": {
1580 "type": "size",
1581 "category": "sizing",
1582 "value": "25rem",
1583 "comment": "Generic sizing token scale for UI components.",
1584 "originalValue": "{!size-40}",
1585 "name": "size-40"
1586 },
1587 "size-30": {
1588 "type": "size",
1589 "category": "sizing",
1590 "value": "18.5rem",
1591 "comment": "Generic sizing token scale for UI components.",
1592 "originalValue": "{!size-30}",
1593 "name": "size-30"
1594 },
1595 "size-20": {
1596 "type": "size",
1597 "category": "sizing",
1598 "value": "12rem",
1599 "comment": "Generic sizing token scale for UI components.",
1600 "originalValue": "{!size-20}",
1601 "name": "size-20"
1602 },
1603 "size-10": {
1604 "type": "size",
1605 "category": "sizing",
1606 "value": "5.5rem",
1607 "comment": "Generic sizing token scale for UI components.",
1608 "originalValue": "{!size-10}",
1609 "name": "size-10"
1610 },
1611 "space-70": {
1612 "category": "spacing",
1613 "type": "size",
1614 "value": "1.5rem",
1615 "originalValue": "{!space-70}",
1616 "name": "space-70"
1617 },
1618 "space-60": {
1619 "category": "spacing",
1620 "type": "size",
1621 "value": "1.25rem",
1622 "originalValue": "{!space-60}",
1623 "name": "space-60"
1624 },
1625 "space-190": {
1626 "category": "spacing",
1627 "type": "size",
1628 "value": "4.5rem",
1629 "originalValue": "{!space-190}",
1630 "name": "space-190"
1631 },
1632 "space-50": {
1633 "category": "spacing",
1634 "type": "size",
1635 "value": "1rem",
1636 "originalValue": "{!space-50}",
1637 "name": "space-50"
1638 },
1639 "space-180": {
1640 "category": "spacing",
1641 "type": "size",
1642 "value": "4.25rem",
1643 "originalValue": "{!space-180}",
1644 "name": "space-180"
1645 },
1646 "space-40": {
1647 "category": "spacing",
1648 "type": "size",
1649 "value": "0.75rem",
1650 "originalValue": "{!space-40}",
1651 "name": "space-40"
1652 },
1653 "space-170": {
1654 "category": "spacing",
1655 "type": "size",
1656 "value": "4rem",
1657 "originalValue": "{!space-170}",
1658 "name": "space-170"
1659 },
1660 "space-30": {
1661 "category": "spacing",
1662 "type": "size",
1663 "value": "0.5rem",
1664 "originalValue": "{!space-30}",
1665 "name": "space-30"
1666 },
1667 "space-160": {
1668 "category": "spacing",
1669 "type": "size",
1670 "value": "3.75rem",
1671 "originalValue": "{!space-160}",
1672 "name": "space-160"
1673 },
1674 "space-20": {
1675 "category": "spacing",
1676 "type": "size",
1677 "value": "0.25rem",
1678 "originalValue": "{!space-20}",
1679 "name": "space-20"
1680 },
1681 "space-150": {
1682 "category": "spacing",
1683 "type": "size",
1684 "value": "3.5rem",
1685 "originalValue": "{!space-150}",
1686 "name": "space-150"
1687 },
1688 "space-10": {
1689 "category": "spacing",
1690 "type": "size",
1691 "value": "0.125rem",
1692 "originalValue": "{!space-10}",
1693 "name": "space-10"
1694 },
1695 "space-140": {
1696 "category": "spacing",
1697 "type": "size",
1698 "value": "3.25rem",
1699 "originalValue": "{!space-140}",
1700 "name": "space-140"
1701 },
1702 "space-130": {
1703 "category": "spacing",
1704 "type": "size",
1705 "value": "3rem",
1706 "originalValue": "{!space-130}",
1707 "name": "space-130"
1708 },
1709 "space-120": {
1710 "category": "spacing",
1711 "type": "size",
1712 "value": "2.75rem",
1713 "originalValue": "{!space-120}",
1714 "name": "space-120"
1715 },
1716 "space-110": {
1717 "category": "spacing",
1718 "type": "size",
1719 "value": "2.5rem",
1720 "originalValue": "{!space-110}",
1721 "name": "space-110"
1722 },
1723 "space-0": {
1724 "category": "spacing",
1725 "type": "size",
1726 "value": "0",
1727 "originalValue": "{!space-0}",
1728 "name": "space-0"
1729 },
1730 "space-100": {
1731 "category": "spacing",
1732 "type": "size",
1733 "value": "2.25rem",
1734 "originalValue": "{!space-100}",
1735 "name": "space-100"
1736 },
1737 "space-200": {
1738 "category": "spacing",
1739 "type": "size",
1740 "value": "4.75rem",
1741 "originalValue": "{!space-200}",
1742 "name": "space-200"
1743 },
1744 "space-90": {
1745 "category": "spacing",
1746 "type": "size",
1747 "value": "2rem",
1748 "originalValue": "{!space-90}",
1749 "name": "space-90"
1750 },
1751 "space-80": {
1752 "category": "spacing",
1753 "type": "size",
1754 "value": "1.75rem",
1755 "originalValue": "{!space-80}",
1756 "name": "space-80"
1757 },
1758 "color-text-link-darker": {
1759 "type": "color",
1760 "category": "text-color",
1761 "value": "#001f75",
1762 "comment": "Darker shade of link text to be used in interactions",
1763 "originalValue": "{!palette-blue-80}",
1764 "name": "color-text-link-darker"
1765 },
1766 "color-text-link-destructive": {
1767 "type": "color",
1768 "category": "text-color",
1769 "value": "#ce241a",
1770 "comment": "Destructive link text",
1771 "originalValue": "{!palette-red-50}",
1772 "name": "color-text-link-destructive"
1773 },
1774 "color-text-warning": {
1775 "type": "color",
1776 "category": "text-color",
1777 "value": "#e46216",
1778 "comment": "Color for warning text.",
1779 "originalValue": "{!palette-orange-60}",
1780 "name": "color-text-warning"
1781 },
1782 "color-text-inverse-weak": {
1783 "type": "color",
1784 "category": "text-color",
1785 "value": "#9ca7ba",
1786 "comment": "Weak inverse text color for dark backgrounds",
1787 "originalValue": "{!palette-gray-60}",
1788 "name": "color-text-inverse-weak"
1789 },
1790 "color-text-link-destructive-darker": {
1791 "type": "color",
1792 "category": "text-color",
1793 "value": "#940800",
1794 "comment": "Darker shade of destructive link text to be used in interactions",
1795 "originalValue": "{!palette-red-70}",
1796 "name": "color-text-link-destructive-darker"
1797 },
1798 "color-text-success": {
1799 "type": "color",
1800 "category": "text-color",
1801 "value": "#00994a",
1802 "comment": "Text color for success text.",
1803 "originalValue": "{!palette-green-60}",
1804 "name": "color-text-success"
1805 },
1806 "color-text-weak": {
1807 "type": "color",
1808 "category": "text-color",
1809 "value": "#76859e",
1810 "comment": "Weak body text for visual hierarchy.",
1811 "originalValue": "{!palette-gray-70}",
1812 "name": "color-text-weak"
1813 },
1814 "color-text-link-destructive-light": {
1815 "type": "color",
1816 "category": "text-color",
1817 "value": "#e8534a",
1818 "comment": "Light shade of destructive link text to be used in interactions",
1819 "originalValue": "{!palette-red-40}",
1820 "name": "color-text-link-destructive-light"
1821 },
1822 "color-text-icon": {
1823 "type": "color",
1824 "category": "text-color",
1825 "value": "#08152c",
1826 "comment": "Default icon color.",
1827 "originalValue": "{!palette-gray-100}",
1828 "name": "color-text-icon"
1829 },
1830 "color-text-link": {
1831 "type": "color",
1832 "category": "text-color",
1833 "value": "#3368fa",
1834 "comment": "Link text",
1835 "originalValue": "{!palette-blue-50}",
1836 "name": "color-text-link"
1837 },
1838 "color-text-error": {
1839 "type": "color",
1840 "category": "text-color",
1841 "value": "#ac1e16",
1842 "comment": "Error text for inputs and error misc",
1843 "originalValue": "{!palette-red-60}",
1844 "name": "color-text-error"
1845 },
1846 "color-text-link-dark": {
1847 "type": "color",
1848 "category": "text-color",
1849 "value": "#002ca6",
1850 "comment": "Dark shade of link text to be used in interactions",
1851 "originalValue": "{!palette-blue-70}",
1852 "name": "color-text-link-dark"
1853 },
1854 "color-text-brand-inverse": {
1855 "type": "color",
1856 "category": "text-color",
1857 "value": "#FFFFFF",
1858 "comment": "Text color used on any brand color",
1859 "originalValue": "{!white}",
1860 "name": "color-text-brand-inverse"
1861 },
1862 "color-text": {
1863 "type": "color",
1864 "category": "text-color",
1865 "value": "#08152c",
1866 "comment": "Body text color",
1867 "originalValue": "{!palette-gray-100}",
1868 "name": "color-text"
1869 },
1870 "color-text-brand-highlight": {
1871 "type": "color",
1872 "category": "text-color",
1873 "value": "#F22F46",
1874 "comment": "Twilio brand red, accessible on large text only.",
1875 "originalValue": "{!amaranth}",
1876 "name": "color-text-brand-highlight"
1877 },
1878 "color-text-link-light": {
1879 "type": "color",
1880 "category": "text-color",
1881 "value": "#85a5ff",
1882 "comment": "Light shade of link text to be used in interactions",
1883 "originalValue": "{!palette-blue-40}",
1884 "name": "color-text-link-light"
1885 },
1886 "color-text-inverse": {
1887 "type": "color",
1888 "category": "text-color",
1889 "value": "#ffffff",
1890 "comment": "Inverse text color for dark backgrounds",
1891 "originalValue": "{!palette-gray-0}",
1892 "name": "color-text-inverse"
1893 },
1894 "color-text-placeholder": {
1895 "type": "color",
1896 "category": "text-color",
1897 "value": "#76859e",
1898 "comment": "Input placeholder text.",
1899 "originalValue": "{!palette-gray-70}",
1900 "name": "color-text-placeholder"
1901 },
1902 "color-text-link-destructive-dark": {
1903 "type": "color",
1904 "category": "text-color",
1905 "value": "#ac1e16",
1906 "comment": "Dark shade of destructive link text to be used in interactions",
1907 "originalValue": "{!palette-red-60}",
1908 "name": "color-text-link-destructive-dark"
1909 },
1910 "color-text-label": {
1911 "type": "color",
1912 "category": "text-color",
1913 "value": "#08152c",
1914 "comment": "Text color for field labels.",
1915 "originalValue": "{!palette-gray-100}",
1916 "name": "color-text-label"
1917 },
1918 "z-index-0": {
1919 "type": "z-index",
1920 "category": "z-index",
1921 "value": "0",
1922 "originalValue": "{!z-index-0}",
1923 "name": "z-index-0"
1924 },
1925 "z-index-90": {
1926 "type": "z-index",
1927 "category": "z-index",
1928 "value": "90",
1929 "originalValue": "{!z-index-90}",
1930 "name": "z-index-90"
1931 },
1932 "z-index-80": {
1933 "type": "z-index",
1934 "category": "z-index",
1935 "value": "80",
1936 "originalValue": "{!z-index-80}",
1937 "name": "z-index-80"
1938 },
1939 "z-index-70": {
1940 "type": "z-index",
1941 "category": "z-index",
1942 "value": "70",
1943 "originalValue": "{!z-index-70}",
1944 "name": "z-index-70"
1945 },
1946 "z-index-60": {
1947 "type": "z-index",
1948 "category": "z-index",
1949 "value": "60",
1950 "originalValue": "{!z-index-60}",
1951 "name": "z-index-60"
1952 },
1953 "z-index-50": {
1954 "type": "z-index",
1955 "category": "z-index",
1956 "value": "50",
1957 "originalValue": "{!z-index-50}",
1958 "name": "z-index-50"
1959 },
1960 "z-index-40": {
1961 "type": "z-index",
1962 "category": "z-index",
1963 "value": "40",
1964 "originalValue": "{!z-index-40}",
1965 "name": "z-index-40"
1966 },
1967 "z-index-30": {
1968 "type": "z-index",
1969 "category": "z-index",
1970 "value": "30",
1971 "originalValue": "{!z-index-30}",
1972 "name": "z-index-30"
1973 },
1974 "z-index-20": {
1975 "type": "z-index",
1976 "category": "z-index",
1977 "value": "20",
1978 "originalValue": "{!z-index-20}",
1979 "name": "z-index-20"
1980 },
1981 "z-index-10": {
1982 "type": "z-index",
1983 "category": "z-index",
1984 "value": "10",
1985 "originalValue": "{!z-index-10}",
1986 "name": "z-index-10"
1987 }
1988 }
1989}
\No newline at end of file