Release Notes - February 2024

ZUI Shell Nav received a handful of updates this month, including subtle visual updates, and a new icon was added to our collection. We also made a bug fix to support the [hidden] attribute when using in conjunction with class="zui".

Bug fixes

Add support for [hidden] attribute when using in conjunction with class="zui"

This month we addressed a bug with our helper CSS classes. When using the [hidden] attribute in conjunction with class="zui", the element was not being hidden. This has been fixed and the [hidden] attribute will now work as expected.

<div class="zui" hidden>
  This content will now be hidden.
</div>

Did you know we have a CSS guide with ZUI helper CSS classes? Check it out here.

Enhancements

Subtle visual updates to ZUI Shell Nav

Subtle, but impactful, visual updates have been made to the ZUI Shell Nav <zui-shell-nav> component. The text and icons in the sidenav have been updated to be more visually appealing and closer to our ultimate vision for Zywave applications.

Learn more about <zui-shell-nav> and all its sister components that make up ZUI Shell here.

Zywave logo colors updated to match new branding colors

We've updated the colors of the Zywave logo in <zui-logo> to match the new company branding colors.

This change will be reflected in all Zywave applications that use <zui-logo>, <zui-shell>, and/or <zywave-shell>.

Learn more about our <zui-logo> component here.

Features

One new icon added to ZUI Icons collection

We've added a new icon to our icons collection called zui-nav-admin-console. This icon is only to be used in the side nav of ZUI Shell to represent the Zywave Admin application.

<zui-icon icon="zui-nav-admin-console"></zui-icon>

Check out our icons collection here.