refactor(element-docs): make elements documentations in sync

Author: Cathy Siller

docs/elements/hx-accordion-panel/index.html

@@ -40,7 +40,7 @@
 {% endblock %}
 {% block properties %}
   <dl>
-    <dt>open <small>(Boolean)</small></dt>
+    <dt>open (Boolean)</dt>
     <dd>Determines if panel is open.</dd>
   </dl>
 {% endblock %}

docs/elements/hx-accordion/index.html

@@ -51,37 +51,30 @@ <h2 id="modes">Modes</h2>
   <section>
     <h2 id="methods">Methods</h2>
     <dl>
-      <dt><code>nextPanel()</code></dt>
+      <dt>nextPanel()</dt>
       <dd>
         Opens the next sibling panel.
         <br />
-        <small>
-          <hx-icon type="exclamation-triangle"></hx-icon>
-          Requires the <code>current-panel</code> attribute to be present.</em>
-        </small>
+        <hx-icon type="exclamation-triangle"></hx-icon>
+        Requires the <code>current-panel</code> attribute to be present.
       </dd>
 
-      <dt><code>previousPanel()</code></dt>
+      <dt>previousPanel()</dt>
       <dd>
         Opens the previous sibling panel.
         <br />
-        <small>
-          <hx-icon type="exclamation-triangle"></hx-icon>
-          Requires the <code>current-panel</code> attribute to be present.</em>
-        </small>
+        <hx-icon type="exclamation-triangle"></hx-icon>
+        Requires the <code>current-panel</code> attribute to be present.
       </dd>
     </dl>
   </section>
 {% endblock %}
 
 {% block attributes %}
   <dl>
-    <dt>
-      <code>current-panel</code>
-      <small>{Number} <i>(optional)</i></small>
-    </dt>
+    <dt>current-panel {Number} <i>(optional)</i></dt>
     <dd>
-      <small><i>(optional)</i></small>
+      <i>(optional)</i>
       Zero-based index of the panel you wish to open. For example, a value
       of "0" will open the first panel, "1" will open the second, etc.).
       If omitted, any number of panels can be opened at once.
@@ -91,20 +84,14 @@ <h2 id="methods">Methods</h2>
 
 {% block properties %}
   <dl>
-    <dt>
-      <code>currentPanel</code>
-      <small>{Number}</small>
-    </dt>
+    <dt>currentPanel {Number}</dt>
     <dd>
       Manipulates the <code>current-panel</code> attribute
     </dd>
 
-    <dt>
-      <code>panels</code>
-      <small>{Array&lt;Element&gt;}</small>
-    </dt>
+    <dt>panels {Array&lt;Element&gt;}</dt>
     <dd>
-      <small><i>(read-only)</i></small>
+      <i>(read-only)</i>
       Returns an array of live <code>&lt;hx-accordion-panel&gt;</code> elements.
     </dd>
   </dl>

docs/elements/hx-alert/index.html

@@ -26,7 +26,7 @@
           Any of the following:
           <ul>
             <li>
-              <code>dismiss</code> <small>(cancelable)</small> - User clicks "X" to dismiss the alert.
+              <code>dismiss</code> (cancelable) - User clicks "X" to dismiss the alert.
             </li>
             <li><code>submit</code> - User clicks CTA</li>
           </ul>
@@ -38,44 +38,32 @@
   <section>
     <h2 id="methods">Methods</h2>
     <dl>
-      <dt><code>dismiss()</code></dt>
+      <dt>dismiss()</dt>
       <dd>Dismisses the alert.</dd>
     </dl>
   </section>
 {% endblock %}
 
 {% block attributes %}
   <dl>
-    <dt>
-      <code>cta</code>
-      <small>{String} <i>(optional)</i></small>
-    </dt>
+    <dt>cta {String} <i>(optional)</i></dt>
     <dd>
       Set the text of the CTA button.
       If absent or blank, the CTA button will not be displayed.
     </dd>
 
-    <dt>
-      <code>static</code>
-      <small>{Boolean} <i>(optional)</i></small>
-    </dt>
+    <dt>static {Boolean} <i>(optional)</i></dt>
     <dd>
       When present, alert will not be dismissable.
     </dd>
 
-    <dt>
-      <code>status</code>
-      <small>{String} <i>(optional)</i></small>
-    </dt>
+    <dt>status {String} <i>(optional)</i></dt>
     <dd>
       Sets the status text at the beginning of the alert description.
       If absent or blank, the status element will not be displayed.
     </dd>
 
-    <dt>
-      <code>type</code>
-      <small>{Enum&lt;String&gt;} <i>(optional)</i></small>
-    </dt>
+    <dt>type {Enum&lt;String&gt;} <i>(optional)</i></dt>
     <dd>
       Identifies the type of alert. Valid values are as follows:
       <ul>
@@ -90,34 +78,22 @@ <h2 id="methods">Methods</h2>
 
 {% block properties %}
   <dl>
-    <dt>
-      <code>cta</code>
-      <small>{String}</small>
-    </dt>
+    <dt>cta {String}</dt>
     <dd>
       Manipulates the <code>cta</code> attribute.
     </dd>
 
-    <dt>
-      <code>static</code>
-      <small>{Boolean}</small>
-    </dt>
+    <dt>static {Boolean}</dt>
     <dd>
       When <code>true</code>, alert will not be dismissable.
     </dd>
 
-    <dt>
-      <code>status</code>
-      <small>{String}</small>
-    </dt>
+    <dt>status {String}</dt>
     <dd>
       Manipulates the <code>status</code> attribute.
     </dd>
 
-    <dt>
-      <code>type</code>
-      <small>{String}</small>
-    </dt>
+    <dt>type {String}</dt>
     <dd>
       Manipulates the <code>type</code> attribute.
     </dd>

docs/elements/hx-busy/index.html

@@ -34,7 +34,7 @@
 
 {% block properties %}
   <dl>
-    <dt>paused <small>(Boolean [false])</small></dt>
+    <dt>paused (Boolean [false])</dt>
     <dd>Pauses animation, when set to true</dd>
   </dl>
 {% endblock %}

docs/elements/hx-checkbox/index.html

@@ -44,13 +44,13 @@
 
 {% block properties %}
   <dl>
-    <dt>checked <small>(Boolean [false])</small></dt>
+    <dt>checked (Boolean [false])</dt>
     <dd>Determines if checkbox is checked.</dd>
 
-    <dt>disabled <small>(Boolean [false])</small></dt>
+    <dt>disabled (Boolean [false])</dt>
     <dd>Determines if checkbox is disabled.</dd>
 
-    <dt>indeterminate <small>(Boolean [false])</small></dt>
+    <dt>indeterminate (Boolean [false])</dt>
     <dd>Determines if checkbox is indeterminate.</dd>
   </dl>
 {% endblock %}

docs/elements/hx-disclosure/index.html

@@ -63,7 +63,7 @@ <h2 id="target-element">Target Element</h2>
 
 {% block properties %}
   <dl>
-    <dt>expanded <small>(Boolean)</small></dt>
+    <dt>expanded (Boolean)</dt>
     <dd>
       Mirrors the <code>aria-expanded</code> attribute.
       <ul>

docs/elements/hx-menu/index.html

@@ -51,7 +51,7 @@
     <dt>position</dt>
     <dd>Positions the menu</dd>
 
-    <dt>relative-to <small>(optional)</small></dt>
+    <dt>relative-to (optional)</dt>
     <dd>
       ID of an element that the menu is positioned relative to. If not
       set, the menu will be positioned relative to the element with the

docs/elements/hx-modal/index.html

@@ -54,7 +54,7 @@
 
 {% block properties %}
   <dl>
-    <dt>open <small>(Boolean [false])</small></dt>
+    <dt>open (Boolean [false])</dt>
     <dd>Determines if modal is open.</dd>
   </dl>
 {% endblock %}

docs/elements/hx-popover/index.html

@@ -54,10 +54,10 @@
 
 {% block properties %}
   <dl>
-    <dt>open <small>(Boolean [false])</small></dt>
+    <dt>open (Boolean [false])</dt>
     <dd>Determines if the popover is open.</dd>
 
-    <dt>position <small>(String [bottom-right])</small></dt>
+    <dt>position (String [bottom-right])</dt>
     <dd>Determines the position of the popover.</dd>
   </dl>
 {% endblock %}

docs/elements/hx-reveal/index.html

@@ -46,7 +46,7 @@
 
 {% block properties %}
   <dl>
-    <dt>open <small>(Boolean)</small></dt>
+    <dt>open (Boolean)</dt>
     <dd>Determines if reveal is open.</dd>
   </dl>
 {% endblock %}