v2.0.0

FIXES

• Fixes deprecation warnings for using / as division in dart-sass (More info)

Breaking Changes

• Dart-sass is now required and support for node-sass dropped
• svg-uri is no longer a dependency but can be used as a tool
• sass-mq is now a peer dependency with min version of 6.x

npm install sass-mq@6 -D

sass-mq now uses sass modules by default which could create some conflicts when using it as global css include.
Easy fix is replacing @import '~sass-mq'; with @import '~sass-mq/_mq.import.scss';

And when using css modules you could either use global settings and include sass-mq in each file:

@use '../../../../src/scss/settings/breakpoints';
@use 'sass-mq/mq' as * with ($breakpoints: breakpoints.$breakpoints);

or make a global helper so the breakpoints only have to be set once:

css module:

@use '../../../scss/tools/mq' as *;

global helper:

@use '../settings/breakpoints';
@forward '~sass-mq/_mq' with ($breakpoints: breakpoints.$breakpoints);

Note that before $mq-breakpoints was used and now this $breakpoints

v1.1.0

Development dependencies haven been upgraded to match the latest standards in how we use maat.css
This includes webpack 4, Dart Sass instead of node sass, up to date browserslist settings and node 12.x as a minimum.

This however does not change any scss files that you can import in your project. Only our documentation page should now reflect the up to date build the same way your project would probably build it.

For our next major version we could make dart-sass a requirement.

v1.0.3

FIXED

• form-choice__input icon not being aligned correctly when pressed

v1.0.2

Fixed

• form-field and form-select letter-spacing not being inherited from body

v1.0.1

• Added support for notification--error modifier