{"name":"Text\n","description":"","start":{"line":1,"column":1},"end":{"line":39,"column":4},"example":[{"type":"html","description":null,"code":"<p class=\"color--base\">This is base color text</p>\n<p class=\"color--brand\">This is brand color text</p>\n<p class=\"color--good-news\">This is good news text</p>\n<p class=\"color--warning\">This is warning text</p>\n<p class=\"color--bad-news\">This is bad news text</p>\n<p class=\"color--charcoal\">This is charcoal</p>"},{"type":"html","description":null,"code":"<p><a href=\"#\" class=\"link\">Link</a></p>\n<p><a href=\"#\" class=\"link--dark\">Dark link</a></p>\n<p><a href=\"#\" class=\"link--bad-news\">Bad news link</a></p>\n<p><a href=\"#\" class=\"link--muted\">Muted link</a></p>\n<p><a href=\"#\" class=\"link--disabled\">Disabled link</a></p>\n<p class=\"background--brand-dark\"><a href=\"#\" class=\"link--reverse\">Reverse link</a></p>"},{"type":"html","description":null,"code":"<p class=\"weight--light\">Light weight</p>\n<p class=\"weight--normal\">Normal weight</p>\n<p class=\"weight--bold\">Bold weight</p>"},{"type":"html","description":null,"code":"<div class=\"style--italic\">This is italic text.</div>"},{"type":"html","description":null,"code":"<div>You can <span class=\"underline\">underline</span> words.</div>"},{"type":"html","description":null,"code":"<div>You can <span class=\"strike\">strike</span> words.</div>"},{"type":"html","description":null,"code":"<div class=\"reverse background--brand-dark\">This is a rerverse text color.</div>\n<div class=\"muted\">This is a muted color.</div>\n<div class=\"muted\">This is a faint color.</div>"},{"type":"html","description":null,"code":"<div class=\"truncate\" style=\"width: 200px;\">\n  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas\n  voluptatibus aliquam pariatur consequuntur, dicta reiciendis numquam\n  vero.\n</div>"},{"type":"html","description":null,"code":"<a href=# class=\"caps\">All caps</a>"}]}