Merge pull request #417 from rackerlabs/various-updates

Various updates

docs/_data/icons.json5

@@ -66,6 +66,13 @@
         name: 'checkmark-circle',
         minver: '0.1.10',
     },
+    {
+        name: 'clock',
+        minver: '0.15.0',
+        keywords: [
+            'time'
+        ]
+    },
     {
         name: 'cog',
         minver: '0.1.0',
@@ -158,9 +165,8 @@
     {
         name: 'input-time',
         minver: '0.1.0',
-        keywords: [
-            'clock',
-        ],
+        deprecated: true,
+        replacement: 'clock'
     },
     {
         name: 'input-url',

docs/_templates/partials/footer_legal.njk

@@ -1,4 +1,4 @@
-© 2018 Rackspace US, Inc.
+© 2019 Rackspace US, Inc.
 <nav>
   <a href="https://www.rackspace.com/information/legal/websiteterms">Website Terms</a>
   <a href="https://www.rackspace.com/information/legal/privacystatement">Privacy Policy</a>

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 %}

docs/elements/hx-tabset/index.html

@@ -64,10 +64,25 @@ <h2 id="methods">Methods</h2>
 
 {% block attributes %}
   <dl>
-    <dt>current-tab {Integer=0}</dt>
+    <dt>current-tab</dt>
     <dd>
       <p>
-        Zero-based index of the currently active tab + tabpanel.
+        Zero-based index of the currently active tab.
+      </p>
+    </dd>
+  </dl>
+{% endblock %}
+
+{% block properties %}
+  <dl class="memberList">
+    <dt>currentTab {Integer [0]}</dt>
+    <dd>
+      <p>
+        Zero-based index of the currently active tab.
+      </p>
+      <p class="hxSubdued hxSubBody">
+        <hx-icon type="info-circle"></hx-icon>
+        Reflects the <code>current-tab</code> attribute.
       </p>
     </dd>
   </dl>

src/helix-ui/icons/index.js

@@ -12,6 +12,7 @@ import _billing from './billing.svg';
 import _calendar from './calendar.svg';
 import _checkmark from './checkmark.svg';
 import _checkmarkCircle from './checkmark-circle.svg';
+import _clock from './clock.svg';
 import _cog from './cog.svg';
 import _copy from './copy.svg';
 import _download from './download.svg';
@@ -27,7 +28,6 @@ import _globe from './globe.svg';
 import _helpCircle from './help-circle.svg';
 import _infoCircle from './info-circle.svg';
 import _inputFile from './input-file.svg';
-import _inputTime from './input-time.svg';
 import _kbdArrowDown from './kbd-arrow-down.svg';
 import _kbdArrowLeft from './kbd-arrow-left.svg';
 import _kbdArrowRight from './kbd-arrow-right.svg';
@@ -93,6 +93,7 @@ const MAP = {
     'calendar': _calendar,
     'checkmark': _checkmark,
     'checkmark-circle': _checkmarkCircle,
+    'clock': _clock,
     'cog': _cog,
     'copy': _copy,
     'download': _download,
@@ -108,7 +109,6 @@ const MAP = {
     'help-circle': _helpCircle,
     'info-circle': _infoCircle,
     'input-file': _inputFile,
-    'input-time': _inputTime,
     'kbd-arrow-down': _kbdArrowDown,
     'kbd-arrow-left': _kbdArrowLeft,
     'kbd-arrow-right': _kbdArrowRight,
@@ -165,5 +165,6 @@ MAP['export'] = MAP['upload'];
 MAP['input-url'] = MAP['globe'];
 MAP['technical-change'] = MAP['server-config'];
 MAP['technical-incident'] = MAP['server-incident'];
+MAP['input-time'] = MAP['clock'];
 
 export default MAP;