v4.0

This major release covers 4 issues and 22 pull requests. Before you upgrade, please take note of the following breaking changes, which may affect your site:

Breaking changes!

• ✨ The Filtered Listing component has been significantly refactored. Check out the full list of breaking changes and make sure you understand the updated documentation and code samples.

• #️⃣ The JavaScript class-manipulation helpers hasClass, addClass, removeClass and toggleClass have been removed in favour of the Element.classList property (which returns a DOMTokenList). All references in the design system have been replaced, and a polyfill has been added for IE support #566 #560. If your site contains custom code that makes use of the old functions, update it as follows:

  // BEFORE
  if (elem.hasClass('foo')) {...}
  elem.addClass('foo');
  elem.addClass('foo bar');
  elem.removeClass('foo');
  elem.toggleClass('foo');
  elem.toggleClass('foo', true);
  
  // AFTER
  if (elem.classList.contains('foo')) {...}
  elem.classList.add('foo');
  elem.classList.add('foo', 'bar'); // specify each class as a separate parameter
  elem.classList.remove('foo'); // also accepts multiple classes
  elem.classList.toggle('foo'); // accepts only one class
  elem.classList.toggle('foo', true);

• Search forms are now implemented as inline forms. The search-button class has been removed. #565 #330

New features

• Add Tealium script to injection #573

Bug fixes

• Mobile tables not centred #569
• Regression in staff listing tables on mobile #572
• Modal dialog gets visually cropped at the top when content is taller than viewport #577 #571
• Janky scrolling in Firefox 45 when jump-nav is active #578 #574

Other changes

• ✨ New in-header search box! The search button now opens a search box at the top instead of the unimelb sitemap panel. #562
• Update and fix documentation site in preparation for new app, which will bring editable, syntax-highlighted examples and other general improvements #572 #570