v13.1.0

Before you upgrade, please take note of any breaking changes and deprecation notices which may affect your site. View the Upgrade Guide to see examples of how to address breaking changes.

New features ✨

  • Improved <pre> and <code> syntax highlighter! #653
    • Now included as part of the design system, so it can be used anywhere that the library has been loaded
    • Updated css to closer match the usage in the cms - refer to Disabled button on Buttons for an example
    • New Code page documenting how to use <pre> and <code> elements

Highlight an inline piece of code using <code>

<code>...</code>

Display source code snippets using <pre>

<pre><code>
  ...
</code></pre>

Please note: All HTML characters contained inside the <code> element should be encoded. You can use a free online tool do this for you.

Bug fixes 🐛

  • Fixed an accessibility issue with the Sidebar Tabs. They now use <nav> instead of <ul> #652

Before:

<ul class="sidebar-tabs__list" role="tablist">
  <li>
    <a
      aria-controls="tab-sidebar-right-1"
      aria-selected="true"
      class="sidebar-tabs__tab"
      href="#tab-sidebar-right-1"
      role="tab"
    >
      Tab 1
    </a>
  </li>
</ul>

After:

<nav class="sidebar-tabs__list" role="tablist">
  <a
    aria-controls="tab-sidebar-right-1"
    aria-selected="true"
    class="sidebar-tabs__tab"
    href="#tab-sidebar-right-1"
    role="tab"
  >
</nav>

Deprecated ⚠️

  • The following css has been removed as the <header> element was removed in a previous version d439f5... #649
    • .uomcontent .page-header.fixed:not(.floating) header
    • .uomcontent .page-header header
  • Removed .uomcontent #uom-login.modal__dialog as it was not being used in the cms #649

Other changes

  • Some accuracy improvements to the snapshot tests #638 #678
  • Migrated from ace-builds to the better maintained highlight.js #653
  • Refactored use of NODE_ENV #680
  • Removed unnecessary build:netlify command #680
  • Removed LOCAL environment variable #680
  • Migrated @babel/plugin-transform-runtime to devDependencies in package.json #683
  • Installed @babel/runtime #683

Documentation updates