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
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>
- Padding has been added between the component and the side of the screen for
mobile
devices: #663 #664 #677 - Images in the Card component are now correctly
cropped
#671
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 thecms
#649
Other changes
- Some accuracy improvements to the snapshot tests #638 #678
- Migrated from
ace-builds
to the better maintainedhighlight.js
#653 - Refactored use of
NODE_ENV
#680 - Removed unnecessary
build:netlify
command #680 - Removed
LOCAL
environment variable #680 - Migrated
@babel/plugin-transform-runtime
todevDependencies
inpackage.json
#683 - Installed
@babel/runtime
#683
Documentation updates
- Documentation site now uses
v1.2.12
of thegen4
menu #673 - Removed
clearfix
fromeleventy/_includes/component.html
. It now usesdisplay: flow-root
instead #653 - Added
Example:
andSource code:
headings to better explain thecomponent
andsource code viewer
#653 - Block Listing - News Hero has been added back to the documentation #636
- Improvements to documentation pages: #636 #653
- Moved
Test Component
to Examples #681