AUI 11 upgrade guided

Upgrading from 10.x to 11.0

Icons

AUI 11 updates most icons to use Atlaskit designs. Existing AUI icon class names remain supported, but icon shape and weight may differ from AUI 10.

A few previous icons occupied only a small part of the available space, such as chevrons. The new icons are more consistently sized and generally occupy most of the available space, so those icons may appear larger at the same CSS size.

To accommodate updated icons that would otherwise appear too large at 16px, AUI 11 adds an extra-small size while preserving the existing icon sizes:

  • aui-icon-xsmall: 12px (new)
  • aui-icon-small or no size class: 16px (unchanged)
  • aui-icon-large: 32px (unchanged)

AUI now uses aui-icon-xsmall for controls where updated icons would otherwise appear too large at 16px, including dropdown and select chevrons. Existing uses of aui-icon-small do not need to be migrated. Use aui-icon-xsmall only when a 12px icon is intended, and visually review icon-heavy layouts after upgrading.

jQuery 4

From AUI 11 jQuery v4 is the minimum supported version.

To learn more about upgrading Atlassian Data Center plugins to jQuery 4, read the upgrade guide

Removing keyboard shortcuts from AUI

From AUI 11, keyboard shortcuts is removed from AUI. If you're using AUI outside of Atlassian Data Center products, you will need to BYO keyboard shortcuts solution. Otherwise, the web-resource has moved from AUI to

com.atlassian.plugins.shortcuts.atlassian-shortcuts-plugin:shortcuts