Skip to content

v13.0.0

Choose a tag to compare

View all tags
@craigcook craigcook released this 18 Nov 23:28
v13.0.0
d43170e

This is a pretty significant update that introduces brand themes. This also renames a number of things so follow the migration tips below.

Features

  • css: (breaking) Implement brand themes. (#447)
  • css: Update type scale(s) (#410)
  • component: Add error message component (#430)

Bug Fixes

  • js: Check for sidemenu before initializing (#643)

Migration Tips

  • xxl and xxs font size mixins are renamed to 2xl and 2xs respectively. Replace all instances.
    • text-title-xxl changes to text-title-2xl
    • text-title-xxs changes to text-title-2xs
  • xxl and xxs title utility classes are renamed to 2xl and 2xs respectively. Replace all instances in HTML (also consider replacing utility classes in HTML with the equivalent mixins in Sass/SCSS).
    • mzp-u-title-xxl changes to mzp-u-title-2xl
    • mzp-u-title-xxs changes to mzp-u-title-2xs
  • protocol-extra.scss is renamed to protocol-components.scss
  • base/utilities/_typography.scss is renamed to base/utilities/_titles.scss
  • The variables $font-metropolis, $font-zilla-slab, and $font-inter are deprecated in favor of design tokens $font-stack-firefox, $font-stack-mozilla, and $font-stack-base respectively.
    • $font-metropilis changes to $font-stack-firefox
    • $font-zilla-slab changes to $font-stack-mozilla
    • $font-inter changes to $font-stack-base
  • mzp-c-form-heading and mzp-c-form-subheading have been changed to mzp-c-form-title and mzp-c-form-subtitle.
  • Headings/titles now have an explicitly declared text color (not inherited).
Assets 2
Loading