UNPKG

28.5 kB JSON View Raw
1{
2 "properties": [
3 {
4 "type": "color",
5 "category": "background-color",
6 "value": "rgb(0, 62, 130)",
7 "comment": "Darker background for primary actions or highlights",
8 "name": "colorBackgroundPrimaryDarker"
9 },
10 {
11 "type": "color",
12 "category": "background-color",
13 "value": "rgb(220, 234, 244)",
14 "comment": "Lighter background for primary actions or highlights",
15 "name": "colorBackgroundPrimaryLighter"
16 },
17 {
18 "type": "color",
19 "category": "background-color",
20 "value": "rgb(146, 18, 0)",
21 "comment": "Darker background for destructive actions or highlights",
22 "name": "colorBackgroundDestructiveDarker"
23 },
24 {
25 "type": "color",
26 "category": "background-color",
27 "value": "rgb(245, 221, 221)",
28 "comment": "Lighter background for destructive actions or highlights",
29 "name": "colorBackgroundDestructiveLighter"
30 },
31 {
32 "type": "color",
33 "category": "background-color",
34 "value": "rgb(228, 98, 22)",
35 "comment": "Warning background color",
36 "name": "colorBackgroundWarning"
37 },
38 {
39 "type": "color",
40 "category": "background-color",
41 "value": "rgb(255, 246, 246)",
42 "comment": "Lightest error background color",
43 "name": "colorBackgroundErrorLightest"
44 },
45 {
46 "type": "color",
47 "category": "background-color",
48 "value": "rgb(203, 0, 0)",
49 "comment": "Background for destructive actions or highlights",
50 "name": "colorBackgroundDestructive"
51 },
52 {
53 "type": "color",
54 "category": "background-color",
55 "value": "rgb(0, 117, 195)",
56 "comment": "Background for primary actions or highlights",
57 "name": "colorBackgroundPrimary"
58 },
59 {
60 "type": "color",
61 "category": "background-color",
62 "value": "rgb(0, 153, 74)",
63 "comment": "Success background color",
64 "name": "colorBackgroundSuccess"
65 },
66 {
67 "type": "color",
68 "category": "background-color",
69 "value": "rgb(248, 248, 249)",
70 "comment": "Background color for alternative striped rows",
71 "name": "colorBackgroundRowStriped"
72 },
73 {
74 "type": "color",
75 "category": "background-color",
76 "value": "rgb(224, 255, 239)",
77 "comment": "Lightest success background color",
78 "name": "colorBackgroundSuccessLightest"
79 },
80 {
81 "type": "color",
82 "category": "background-color",
83 "value": "rgb(255, 246, 246)",
84 "comment": "Lightest background for destructive actions or highlights",
85 "name": "colorBackgroundDestructiveLightest"
86 },
87 {
88 "type": "color",
89 "category": "background-color",
90 "value": "rgb(246, 252, 255)",
91 "comment": "Lightest background for primary actions or highlights",
92 "name": "colorBackgroundPrimaryLightest"
93 },
94 {
95 "type": "color",
96 "category": "background-color",
97 "value": "rgb(35, 54, 89)",
98 "comment": "Primary brand background, accessible with inverse text",
99 "name": "colorBackgroundBrand"
100 },
101 {
102 "type": "color",
103 "category": "background-color",
104 "value": "rgb(203, 0, 0)",
105 "comment": "Error background color",
106 "name": "colorBackgroundError"
107 },
108 {
109 "type": "color",
110 "category": "background-color",
111 "value": "rgb(178, 6, 0)",
112 "comment": "Dark background for destructive actions or highlights",
113 "name": "colorBackgroundDestructiveDark"
114 },
115 {
116 "type": "color",
117 "category": "background-color",
118 "value": "rgb(236, 182, 182)",
119 "comment": "Light background for destructive actions or highlights",
120 "name": "colorBackgroundDestructiveLight"
121 },
122 {
123 "type": "color",
124 "category": "background-color",
125 "value": "rgb(0, 94, 166)",
126 "comment": "Dark background for primary actions or highlights",
127 "name": "colorBackgroundPrimaryDark"
128 },
129 {
130 "type": "color",
131 "category": "background-color",
132 "value": "rgb(179, 211, 233)",
133 "comment": "Light background for primary actions or highlights",
134 "name": "colorBackgroundPrimaryLight"
135 },
136 {
137 "type": "color",
138 "category": "background-color",
139 "value": "rgb(255, 245, 235)",
140 "comment": "Lightest warning background color",
141 "name": "colorBackgroundWarningLightest"
142 },
143 {
144 "type": "color",
145 "category": "background-color",
146 "value": "rgb(255, 255, 255)",
147 "comment": "Background color of the main page body",
148 "name": "colorBackgroundBody"
149 },
150 {
151 "type": "color",
152 "category": "background-color",
153 "value": "rgb(248, 248, 249)",
154 "comment": "Default background color for any container",
155 "name": "colorBackground"
156 },
157 {
158 "type": "color",
159 "category": "background-color",
160 "value": "rgb(242, 47, 70)",
161 "comment": "Highlight brand background, accessible with black text",
162 "name": "colorBackgroundBrandHighlight"
163 },
164 {
165 "type": "color",
166 "category": "background-color",
167 "value": "rgb(79, 83, 85)",
168 "comment": "Inverse background color for any container",
169 "name": "colorBackgroundInverse"
170 },
171 {
172 "type": "color",
173 "category": "border-color",
174 "value": "rgb(245, 221, 221)",
175 "comment": "Destructive focus border color",
176 "name": "colorBorderDestructiveLighter"
177 },
178 {
179 "type": "color",
180 "category": "border-color",
181 "value": "rgb(220, 234, 244)",
182 "comment": "Lighter primary border color",
183 "name": "colorBorderPrimaryLighter"
184 },
185 {
186 "type": "color",
187 "category": "border-color",
188 "value": "rgb(0, 117, 195)",
189 "comment": "Input hover border color",
190 "name": "colorBorderInputHover"
191 },
192 {
193 "type": "color",
194 "category": "border-color",
195 "value": "rgb(0, 62, 130)",
196 "comment": "Darker primary border color",
197 "name": "colorBorderPrimaryDarker"
198 },
199 {
200 "type": "color",
201 "category": "border-color",
202 "value": "rgb(228, 98, 22)",
203 "comment": "Warning border color",
204 "name": "colorBorderWarning"
205 },
206 {
207 "type": "color",
208 "category": "border-color",
209 "value": "rgb(146, 18, 0)",
210 "comment": "Destructive hover border color",
211 "name": "colorBorderDestructiveDarker"
212 },
213 {
214 "type": "color",
215 "category": "border-color",
216 "value": "rgb(203, 0, 0)",
217 "comment": "Destructive border color",
218 "name": "colorBorderDestructive"
219 },
220 {
221 "type": "color",
222 "category": "border-color",
223 "value": "rgb(0, 117, 195)",
224 "comment": "Primary border color",
225 "name": "colorBorderPrimary"
226 },
227 {
228 "type": "color",
229 "category": "border-color",
230 "value": "rgb(0, 153, 74)",
231 "comment": "Success border color",
232 "name": "colorBorderSuccess"
233 },
234 {
235 "type": "color",
236 "category": "border-color",
237 "value": "rgb(255, 246, 246)",
238 "comment": "Lightest error border color",
239 "name": "colorBorderErrorLightest"
240 },
241 {
242 "type": "color",
243 "category": "border-color",
244 "value": "rgb(136, 140, 142)",
245 "comment": "Dark border color",
246 "name": "colorBorderDark"
247 },
248 {
249 "type": "color",
250 "category": "border-color",
251 "value": "rgb(224, 255, 239)",
252 "comment": "Lightest success border color",
253 "name": "colorBorderSuccessLightest"
254 },
255 {
256 "type": "color",
257 "category": "border-color",
258 "value": "rgb(203, 0, 0)",
259 "comment": "Error border color",
260 "name": "colorBorderError"
261 },
262 {
263 "type": "color",
264 "category": "border-color",
265 "value": "rgb(136, 140, 142)",
266 "comment": "Input border color",
267 "name": "colorBorderInput"
268 },
269 {
270 "type": "color",
271 "category": "border-color",
272 "value": "rgb(236, 182, 182)",
273 "comment": "Destructive focus border color",
274 "name": "colorBorderDestructiveLight"
275 },
276 {
277 "type": "color",
278 "category": "border-color",
279 "value": "rgb(179, 211, 233)",
280 "comment": "Light primary border color",
281 "name": "colorBorderPrimaryLight"
282 },
283 {
284 "type": "color",
285 "category": "border-color",
286 "value": "rgb(200, 204, 207)",
287 "comment": "Default border color",
288 "name": "colorBorder"
289 },
290 {
291 "type": "color",
292 "category": "border-color",
293 "value": "rgb(255, 245, 235)",
294 "comment": "Lightest warning border color",
295 "name": "colorBorderWarningLightest"
296 },
297 {
298 "type": "color",
299 "category": "border-color",
300 "value": "rgb(0, 94, 166)",
301 "comment": "Dark primary border color",
302 "name": "colorBorderPrimaryDark"
303 },
304 {
305 "type": "color",
306 "category": "border-color",
307 "value": "rgb(178, 6, 0)",
308 "comment": "Destructive focus border color",
309 "name": "colorBorderDestructiveDark"
310 },
311 {
312 "type": "color",
313 "category": "border-color",
314 "value": "rgb(0, 117, 195)",
315 "comment": "Input focus border color",
316 "name": "colorBorderInputFocus"
317 },
318 {
319 "type": "color",
320 "category": "border-color",
321 "value": "rgb(228, 231, 233)",
322 "comment": "Light border color",
323 "name": "colorBorderLight"
324 },
325 {
326 "type": "size",
327 "category": "radius",
328 "value": "0",
329 "comment": "Border radius reset",
330 "name": "borderRadius0"
331 },
332 {
333 "type": "size",
334 "category": "radius",
335 "value": "3px",
336 "comment": "Small border radius",
337 "name": "borderRadius10"
338 },
339 {
340 "type": "size",
341 "category": "radius",
342 "value": "4px",
343 "comment": "Large border radius",
344 "name": "borderRadius20"
345 },
346 {
347 "type": "size",
348 "category": "radius",
349 "value": "8px",
350 "comment": "Larger border radius",
351 "name": "borderRadius30"
352 },
353 {
354 "type": "size",
355 "category": "radius",
356 "value": "0.5",
357 "comment": "Circular border radius",
358 "name": "borderRadiusCircle"
359 },
360 {
361 "type": "size",
362 "category": "border-width",
363 "value": "0",
364 "comment": "Border width reset",
365 "name": "borderWidth0"
366 },
367 {
368 "type": "size",
369 "category": "border-width",
370 "value": "1px",
371 "comment": "Small border width",
372 "name": "borderWidth10"
373 },
374 {
375 "type": "size",
376 "category": "border-width",
377 "value": "2px",
378 "comment": "Large border width",
379 "name": "borderWidth20"
380 },
381 {
382 "type": "shadow",
383 "category": "box-shadow",
384 "value": "0 2px 4px 0 rgba(40, 42, 43, 0.3)",
385 "comment": "Shadow for cards.",
386 "name": "shadowCard"
387 },
388 {
389 "type": "shadow",
390 "category": "box-shadow",
391 "value": "0 0 0 4px rgba(0,117,195,0.5)",
392 "comment": "Shadow for focus ring on interactive elements",
393 "name": "shadowFocus"
394 },
395 {
396 "category": "font",
397 "type": "font",
398 "value": "'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif",
399 "name": "fontFamilyText"
400 },
401 {
402 "category": "font",
403 "type": "font",
404 "value": "'Fira Mono', 'Courier New', Courier, monospace",
405 "name": "fontFamilyCode"
406 },
407 {
408 "category": "font-size",
409 "type": "font-size",
410 "value": "48",
411 "comment": "Constant typography token for font size 110",
412 "name": "fontSize110"
413 },
414 {
415 "category": "font-size",
416 "type": "font-size",
417 "value": "40",
418 "comment": "Constant typography token for font size 100",
419 "name": "fontSize100"
420 },
421 {
422 "category": "font-size",
423 "type": "font-size",
424 "value": "32",
425 "comment": "Constant typography token for font size 90",
426 "name": "fontSize90"
427 },
428 {
429 "category": "font-size",
430 "type": "font-size",
431 "value": "28",
432 "comment": "Constant typography token for font size 80",
433 "name": "fontSize80"
434 },
435 {
436 "category": "font-size",
437 "type": "font-size",
438 "value": "24",
439 "comment": "Constant typography token for font size 70",
440 "name": "fontSize70"
441 },
442 {
443 "category": "font-size",
444 "type": "font-size",
445 "value": "20",
446 "comment": "Constant typography token for font size 60",
447 "name": "fontSize60"
448 },
449 {
450 "category": "font-size",
451 "type": "font-size",
452 "value": "18",
453 "comment": "Constant typography token for font size 50",
454 "name": "fontSize50"
455 },
456 {
457 "category": "font-size",
458 "type": "font-size",
459 "value": "16",
460 "comment": "Constant typography token for font size 40",
461 "name": "fontSize40"
462 },
463 {
464 "category": "font-size",
465 "type": "font-size",
466 "value": "14",
467 "comment": "Constant typography token for font size 30",
468 "name": "fontSize30"
469 },
470 {
471 "category": "font-size",
472 "type": "font-size",
473 "value": "12",
474 "comment": "Constant typography token for font size 20",
475 "name": "fontSize20"
476 },
477 {
478 "category": "font-size",
479 "type": "font-size",
480 "value": "10",
481 "comment": "Constant typography token for font size 10",
482 "name": "fontSize10"
483 },
484 {
485 "category": "font-weight",
486 "type": "font-weight",
487 "value": "300",
488 "comment": "Font weight for light weight",
489 "name": "fontWeightLight"
490 },
491 {
492 "category": "font-weight",
493 "type": "font-weight",
494 "value": "400",
495 "comment": "Font weight for normal weight",
496 "name": "fontWeightNormal"
497 },
498 {
499 "category": "font-weight",
500 "type": "font-weight",
501 "value": "500",
502 "comment": "Font weight for medium weight",
503 "name": "fontWeightMedium"
504 },
505 {
506 "category": "font-weight",
507 "type": "font-weight",
508 "value": "600",
509 "comment": "Font weight for semibold weight",
510 "name": "fontWeightSemibold"
511 },
512 {
513 "category": "font-weight",
514 "type": "font-weight",
515 "value": "700",
516 "comment": "Font weight for bold weight",
517 "name": "fontWeightBold"
518 },
519 {
520 "category": "line-height",
521 "type": "number",
522 "value": "60",
523 "comment": "Constant line-height token for font size 110",
524 "name": "lineHeight110"
525 },
526 {
527 "category": "line-height",
528 "type": "number",
529 "value": "40",
530 "comment": "Constant line-height token for font size 90",
531 "name": "lineHeight90"
532 },
533 {
534 "category": "line-height",
535 "type": "number",
536 "value": "52",
537 "comment": "Constant line-height token for font size 100",
538 "name": "lineHeight100"
539 },
540 {
541 "category": "line-height",
542 "type": "number",
543 "value": "36",
544 "comment": "Constant line-height token for font size 80",
545 "name": "lineHeight80"
546 },
547 {
548 "category": "line-height",
549 "type": "number",
550 "value": "32",
551 "comment": "Constant line-height token for font size 70",
552 "name": "lineHeight70"
553 },
554 {
555 "category": "line-height",
556 "type": "number",
557 "value": "28",
558 "comment": "Constant line-height token for font size 60",
559 "name": "lineHeight60"
560 },
561 {
562 "category": "line-height",
563 "type": "number",
564 "value": "28",
565 "comment": "Constant line-height token for font size 50",
566 "name": "lineHeight50"
567 },
568 {
569 "category": "line-height",
570 "type": "number",
571 "value": "28",
572 "comment": "Constant line-height token for font size 40",
573 "name": "lineHeight40"
574 },
575 {
576 "category": "line-height",
577 "type": "number",
578 "value": "24",
579 "comment": "Constant line-height token for font size 30",
580 "name": "lineHeight30"
581 },
582 {
583 "category": "line-height",
584 "type": "number",
585 "value": "20",
586 "comment": "Constant line-height token for font size 20",
587 "name": "lineHeight20"
588 },
589 {
590 "category": "line-height",
591 "type": "number",
592 "value": "16",
593 "comment": "Constant line-height token for font size 10",
594 "name": "lineHeight10"
595 },
596 {
597 "type": "color",
598 "category": "color",
599 "value": "rgb(242, 47, 70)",
600 "comment": "Twilio brand red",
601 "name": "colorBrandHighlight"
602 },
603 {
604 "type": "color",
605 "category": "color",
606 "value": "rgb(255, 255, 255)",
607 "comment": "Gray Color 0",
608 "name": "colorGray0"
609 },
610 {
611 "type": "color",
612 "category": "color",
613 "value": "rgb(40, 42, 43)",
614 "comment": "Gray Color 10",
615 "name": "colorGray100"
616 },
617 {
618 "type": "color",
619 "category": "color",
620 "value": "rgb(66, 69, 71)",
621 "comment": "Gray Color 9",
622 "name": "colorGray90"
623 },
624 {
625 "type": "color",
626 "category": "color",
627 "value": "rgb(79, 83, 85)",
628 "comment": "Gray Color 8",
629 "name": "colorGray80"
630 },
631 {
632 "type": "color",
633 "category": "color",
634 "value": "rgb(102, 106, 109)",
635 "comment": "Gray Color 7",
636 "name": "colorGray70"
637 },
638 {
639 "type": "color",
640 "category": "color",
641 "value": "rgb(136, 140, 142)",
642 "comment": "Gray Color 6",
643 "name": "colorGray60"
644 },
645 {
646 "type": "color",
647 "category": "color",
648 "value": "rgb(200, 204, 207)",
649 "comment": "Gray Color 5",
650 "name": "colorGray50"
651 },
652 {
653 "type": "color",
654 "category": "color",
655 "value": "rgb(228, 231, 233)",
656 "comment": "Gray Color 4",
657 "name": "colorGray40"
658 },
659 {
660 "type": "color",
661 "category": "color",
662 "value": "rgb(35, 54, 89)",
663 "comment": "Default branding color",
664 "name": "colorBrand"
665 },
666 {
667 "type": "color",
668 "category": "color",
669 "value": "rgb(242, 243, 244)",
670 "comment": "Gray Color 3",
671 "name": "colorGray30"
672 },
673 {
674 "type": "color",
675 "category": "color",
676 "value": "rgb(248, 248, 249)",
677 "comment": "Gray Color 2",
678 "name": "colorGray20"
679 },
680 {
681 "type": "color",
682 "category": "color",
683 "value": "rgb(250, 250, 250)",
684 "comment": "Gray Color 1",
685 "name": "colorGray10"
686 },
687 {
688 "type": "size",
689 "category": "sizing",
690 "value": "920",
691 "comment": "Generic sizing token scale for UI components.",
692 "name": "size90"
693 },
694 {
695 "type": "size",
696 "category": "sizing",
697 "value": "1232",
698 "comment": "Generic sizing token scale for UI components.",
699 "name": "size120"
700 },
701 {
702 "type": "size",
703 "category": "sizing",
704 "value": "816",
705 "comment": "Generic sizing token scale for UI components.",
706 "name": "size80"
707 },
708 {
709 "type": "size",
710 "category": "sizing",
711 "value": "0",
712 "comment": "Generic sizing token scale for UI components.",
713 "name": "size0"
714 },
715 {
716 "type": "size",
717 "category": "sizing",
718 "value": "1128",
719 "comment": "Generic sizing token scale for UI components.",
720 "name": "size110"
721 },
722 {
723 "type": "size",
724 "category": "sizing",
725 "value": "712",
726 "comment": "Generic sizing token scale for UI components.",
727 "name": "size70"
728 },
729 {
730 "type": "size",
731 "category": "sizing",
732 "value": "1024",
733 "comment": "Generic sizing token scale for UI components.",
734 "name": "size100"
735 },
736 {
737 "type": "size",
738 "category": "sizing",
739 "value": "32",
740 "comment": "Icon sizing token",
741 "name": "sizeIcon30"
742 },
743 {
744 "type": "size",
745 "category": "sizing",
746 "value": "608",
747 "comment": "Generic sizing token scale for UI components.",
748 "name": "size60"
749 },
750 {
751 "type": "size",
752 "category": "sizing",
753 "value": "24",
754 "comment": "Icon sizing token",
755 "name": "sizeIcon20"
756 },
757 {
758 "type": "size",
759 "category": "sizing",
760 "value": "16",
761 "comment": "Icon sizing token",
762 "name": "sizeIcon10"
763 },
764 {
765 "type": "size",
766 "category": "sizing",
767 "value": "504",
768 "comment": "Generic sizing token scale for UI components.",
769 "name": "size50"
770 },
771 {
772 "type": "size",
773 "category": "sizing",
774 "value": "400",
775 "comment": "Generic sizing token scale for UI components.",
776 "name": "size40"
777 },
778 {
779 "type": "size",
780 "category": "sizing",
781 "value": "296",
782 "comment": "Generic sizing token scale for UI components.",
783 "name": "size30"
784 },
785 {
786 "type": "size",
787 "category": "sizing",
788 "value": "192",
789 "comment": "Generic sizing token scale for UI components.",
790 "name": "size20"
791 },
792 {
793 "type": "size",
794 "category": "sizing",
795 "value": "88",
796 "comment": "Generic sizing token scale for UI components.",
797 "name": "size10"
798 },
799 {
800 "category": "spacing",
801 "type": "size",
802 "value": "24",
803 "name": "space70"
804 },
805 {
806 "category": "spacing",
807 "type": "size",
808 "value": "20",
809 "name": "space60"
810 },
811 {
812 "category": "spacing",
813 "type": "size",
814 "value": "72",
815 "name": "space190"
816 },
817 {
818 "category": "spacing",
819 "type": "size",
820 "value": "16",
821 "name": "space50"
822 },
823 {
824 "category": "spacing",
825 "type": "size",
826 "value": "68",
827 "name": "space180"
828 },
829 {
830 "category": "spacing",
831 "type": "size",
832 "value": "12",
833 "name": "space40"
834 },
835 {
836 "category": "spacing",
837 "type": "size",
838 "value": "64",
839 "name": "space170"
840 },
841 {
842 "category": "spacing",
843 "type": "size",
844 "value": "8",
845 "name": "space30"
846 },
847 {
848 "category": "spacing",
849 "type": "size",
850 "value": "60",
851 "name": "space160"
852 },
853 {
854 "category": "spacing",
855 "type": "size",
856 "value": "4",
857 "name": "space20"
858 },
859 {
860 "category": "spacing",
861 "type": "size",
862 "value": "56",
863 "name": "space150"
864 },
865 {
866 "category": "spacing",
867 "type": "size",
868 "value": "2",
869 "name": "space10"
870 },
871 {
872 "category": "spacing",
873 "type": "size",
874 "value": "52",
875 "name": "space140"
876 },
877 {
878 "category": "spacing",
879 "type": "size",
880 "value": "48",
881 "name": "space130"
882 },
883 {
884 "category": "spacing",
885 "type": "size",
886 "value": "44",
887 "name": "space120"
888 },
889 {
890 "category": "spacing",
891 "type": "size",
892 "value": "40",
893 "name": "space110"
894 },
895 {
896 "category": "spacing",
897 "type": "size",
898 "value": "0",
899 "name": "space0"
900 },
901 {
902 "category": "spacing",
903 "type": "size",
904 "value": "36",
905 "name": "space100"
906 },
907 {
908 "category": "spacing",
909 "type": "size",
910 "value": "76",
911 "name": "space200"
912 },
913 {
914 "category": "spacing",
915 "type": "size",
916 "value": "32",
917 "name": "space90"
918 },
919 {
920 "category": "spacing",
921 "type": "size",
922 "value": "28",
923 "name": "space80"
924 },
925 {
926 "type": "color",
927 "category": "text-color",
928 "value": "rgb(0, 62, 130)",
929 "comment": "Darker shade of link text to be used in interactions",
930 "name": "colorTextLinkDarker"
931 },
932 {
933 "type": "color",
934 "category": "text-color",
935 "value": "rgb(203, 0, 0)",
936 "comment": "Destructive link text",
937 "name": "colorTextLinkDestructive"
938 },
939 {
940 "type": "color",
941 "category": "text-color",
942 "value": "rgb(228, 98, 22)",
943 "comment": "Color for warning text.",
944 "name": "colorTextWarning"
945 },
946 {
947 "type": "color",
948 "category": "text-color",
949 "value": "rgb(136, 140, 142)",
950 "comment": "Weak inverse text color for dark backgrounds",
951 "name": "colorTextInverseWeak"
952 },
953 {
954 "type": "color",
955 "category": "text-color",
956 "value": "rgb(146, 18, 0)",
957 "comment": "Darker shade of destructive link text to be used in interactions",
958 "name": "colorTextLinkDestructiveDarker"
959 },
960 {
961 "type": "color",
962 "category": "text-color",
963 "value": "rgb(0, 153, 74)",
964 "comment": "Text color for success text.",
965 "name": "colorTextSuccess"
966 },
967 {
968 "type": "color",
969 "category": "text-color",
970 "value": "rgb(102, 106, 109)",
971 "comment": "Weak body text for visual hierarchy.",
972 "name": "colorTextWeak"
973 },
974 {
975 "type": "color",
976 "category": "text-color",
977 "value": "rgb(236, 182, 182)",
978 "comment": "Light shade of destructive link text to be used in interactions",
979 "name": "colorTextLinkDestructiveLight"
980 },
981 {
982 "type": "color",
983 "category": "text-color",
984 "value": "rgb(40, 42, 43)",
985 "comment": "Default icon color.",
986 "name": "colorTextIcon"
987 },
988 {
989 "type": "color",
990 "category": "text-color",
991 "value": "rgb(0, 117, 195)",
992 "comment": "Link text",
993 "name": "colorTextLink"
994 },
995 {
996 "type": "color",
997 "category": "text-color",
998 "value": "rgb(203, 0, 0)",
999 "comment": "Error text for inputs and error misc",
1000 "name": "colorTextError"
1001 },
1002 {
1003 "type": "color",
1004 "category": "text-color",
1005 "value": "rgb(0, 94, 166)",
1006 "comment": "Dark shade of link text to be used in interactions",
1007 "name": "colorTextLinkDark"
1008 },
1009 {
1010 "type": "color",
1011 "category": "text-color",
1012 "value": "rgb(255, 255, 255)",
1013 "comment": "Text color used on any brand color",
1014 "name": "colorTextBrandInverse"
1015 },
1016 {
1017 "type": "color",
1018 "category": "text-color",
1019 "value": "rgb(40, 42, 43)",
1020 "comment": "Body text color",
1021 "name": "colorText"
1022 },
1023 {
1024 "type": "color",
1025 "category": "text-color",
1026 "value": "rgb(242, 47, 70)",
1027 "comment": "Twilio brand red, accessible on large text only.",
1028 "name": "colorTextBrandHighlight"
1029 },
1030 {
1031 "type": "color",
1032 "category": "text-color",
1033 "value": "rgb(179, 211, 233)",
1034 "comment": "Light shade of link text to be used in interactions",
1035 "name": "colorTextLinkLight"
1036 },
1037 {
1038 "type": "color",
1039 "category": "text-color",
1040 "value": "rgb(255, 255, 255)",
1041 "comment": "Inverse text color for dark backgrounds",
1042 "name": "colorTextInverse"
1043 },
1044 {
1045 "type": "color",
1046 "category": "text-color",
1047 "value": "rgb(102, 106, 109)",
1048 "comment": "Input placeholder text.",
1049 "name": "colorTextPlaceholder"
1050 },
1051 {
1052 "type": "color",
1053 "category": "text-color",
1054 "value": "rgb(178, 6, 0)",
1055 "comment": "Dark shade of destructive link text to be used in interactions",
1056 "name": "colorTextLinkDestructiveDark"
1057 },
1058 {
1059 "type": "color",
1060 "category": "text-color",
1061 "value": "rgb(40, 42, 43)",
1062 "comment": "Text color for field labels.",
1063 "name": "colorTextLabel"
1064 },
1065 {
1066 "type": "z-index",
1067 "category": "z-index",
1068 "value": "0",
1069 "name": "zIndex0"
1070 },
1071 {
1072 "type": "z-index",
1073 "category": "z-index",
1074 "value": "90",
1075 "name": "zIndex90"
1076 },
1077 {
1078 "type": "z-index",
1079 "category": "z-index",
1080 "value": "80",
1081 "name": "zIndex80"
1082 },
1083 {
1084 "type": "z-index",
1085 "category": "z-index",
1086 "value": "70",
1087 "name": "zIndex70"
1088 },
1089 {
1090 "type": "z-index",
1091 "category": "z-index",
1092 "value": "60",
1093 "name": "zIndex60"
1094 },
1095 {
1096 "type": "z-index",
1097 "category": "z-index",
1098 "value": "50",
1099 "name": "zIndex50"
1100 },
1101 {
1102 "type": "z-index",
1103 "category": "z-index",
1104 "value": "40",
1105 "name": "zIndex40"
1106 },
1107 {
1108 "type": "z-index",
1109 "category": "z-index",
1110 "value": "30",
1111 "name": "zIndex30"
1112 },
1113 {
1114 "type": "z-index",
1115 "category": "z-index",
1116 "value": "20",
1117 "name": "zIndex20"
1118 },
1119 {
1120 "type": "z-index",
1121 "category": "z-index",
1122 "value": "10",
1123 "name": "zIndex10"
1124 }
1125 ]
1126}
\No newline at end of file