docs(links): remove "disabled" link demo

* clarify documented warning

Author: Ryan A. Johnson

docs/components/typography/index.html

@@ -201,22 +201,16 @@ <h2 id="links">Links</h2>
     </hx-alert>
     <hx-alert type="warning" status="warning" persist>
       Adding the <code>disabled</code> attribute to a link <b>will not</b>
-      prevent user interaction. Consider using a <code>&lt;button&gt;</code>
-      instead.
+      prevent user interaction.
     </hx-alert>
     <div class="example">
       <div>
-        <a href="#">Normal Link</a>
-        <br />
-        <a href="#" class="pseudo-active">Pressed Link</a>
-        <br />
-        <a href="#" disabled>"Disabled" Link</a>
+        <a href="#">Link Text</a>
       </div>
 
       <footer>
         {% code 'html' %}
-          <a href="#">Normal Link</a>
-          <a href="#" disabled>"Disabled" Link</a>
+          <a href="#">Link Text</a>
         {% endcode %}
       </footer>
     </div>

docs/components/typography/test.html

@@ -29,4 +29,33 @@ <h2>Error Message</h2>
       Compressed Markup - No line breaks in composed DOM.
     </p>
   </section>
+
+  <section>
+    <h2>Link</h2>
+    <dl class="hxList">
+      <div>
+        <dt>Default</dt>
+        <dd>
+          <a href="#">Link One</a>
+        </dd>
+      </div>
+      <div>
+        <dt>Active/Pressed</dt>
+        <dd>
+          <a href="#" class="pseudo-active">Link Two</a>
+        </dd>
+      </div>
+      <div>
+        <dt>"Disabled"</dt>
+        <dd>
+          <p>
+            <a href="#" disabled>Link Three</a> -
+            <small>
+              (incorrect semantics) Should <em>not</em> have special styling
+            </small>
+          </p>
+        </dd>
+      </div>
+    </dl>
+  </section>
 {% endblock %}