Release v4.0.0 · learningequality/kolibri-design-system

What's Changed

🚩BREAKING🚩 Updates brand colors, palette colors, and tokens:

Removes palette colors: purple, deeppurple, indigo, brown, cyan, teal, lightgreen, lime, amber, deeporange, bluegrey
Removes palette.grey scales: v_300, v_500, v_700, v_900
Removes brand and palette scales (except palette.grey): v_50,v_100, v_300, v_500, v_700, v_900
Removes content-related tokens: exercise, video, audio, document, html5, slideshow
Removes other tokens: appBarFullscreen, appBarFullscreenDark, linkDark
Some existing palette colors look differently
Adds new tokens and colors
Global styles: <body> background color changed from grey.v_100 to lighter grey.v_50

Guidance:

Refer to the "Colors" documentation page to see what colors, scales, and tokens are available
Replace removed palette and brand colors, scales, and tokens
Search for any hardcoded hex,rgb(a),hsl(a), or named colors such as 'white' and theme them instead
Visually check places that use existing palette and adjust scale. You may need to increase scale as many colors are lighter.
If you use generateGlobalStyles that generates background color for <body> and use grey.v_100 in some components to match the background color, you may need to update the components to grey.v_50.
You may also see if there are any useful updates to be done in regards to new tokens, e.g. replacing a palette color with a new token that describes a function of a color better
Regexes and migration overview from the Kolibri migration pull request may help. See the "Upgrade process" section of the PR description.

🚩BREAKING🚩 Moves useKResponsiveWindow from /lib to /lib/composables
- Guidance: Update import useKResponsiveWindow from 'kolibri-design-system/lib/useKResponsiveWindow'; to import useKResponsiveWindow from 'kolibri-design-system/lib/composables/useKResponsiveWindow';

Removes deprecated KResponsiveWindow mixin's documentation page in favor of the new useKResponsiveWindowdocumentation page

Pins dependencies to their exact version
Adds Node 10.x and Yarn 1.x into package.json engines (these were expected before but not explicitly)

Full Changelog: v3.1.0...v4.0.0