Design system release notes


0.4 Release - June 9, 2020

This is the fourth Alpha release of the Ontario Design System.

Platform

As of this release:

  • The Design System is available in both English and French
  • Notes are integrated into the components pages
  • Component guidance pages work on mobile devices
  • Distribution package: Design System 0.4.0

Elements

  • The system colour palette has some minor additions

Known bugs and issues:

  • Resolved: the order of the icons in the preview box does not match the order of the “Notes” table

Distribution package


0.3 Release - April 27, 2020

This is the third Alpha release of the Ontario Design System.

Platform

  • We released our design system theme for developers
  • We improved the display of variations in the component preview window

Elements

Known bugs and issues

  • We’re still having issues with the design system on mobile that we’re working to resolve
  • The order of the icons in the preview box does not match the order in the “Notes” table

Distribution package


0.2 Release - February 6, 2020

This is the second Alpha release of the Ontario Design System.

Platform

  • We’ve designed a new landing page which is way more fun than what we use to have
  • We’ve also improved the accessibility of the site with better tab order, alt text on buttons and better performance in IE11

Elements

  • In this release, we’ve included:
    • a new radio button design
    • checkboxes
    • grid
    • spacing
  • We’ve also updated the content and layout of some pages, based on your feedback

Known bugs and issues

  • We’re still having issues with the design system on mobile that we’re working to resolve

0.1 Release - December 3, 2019

This is the first Alpha release of the Ontario Design System.

Platform

  • We’ve released the first version of our design system platform using Fractal, an open source solution
  • Fractal works well on desktop with Chrome, Safari and Firefox

Elements

  • In this release, we’ve included:
    • design principles
    • colours
    • fonts and typography
    • buttons
    • dropdown lists
    • hint text
    • labels
    • radio buttons
    • text inputs
    • textareas
  • Elements have been tested on IE11, Microsoft Edge, Firefox, Chrome, Safari on PC, Mac, iPhone and Android
  • This release includes the HTML, CSS and SCSS

Known bugs and issues

  • We are testing these components for accessibility issues. There may be more issues we identify through the testing
  • We’re still having issues with the design system in IE11
  • We know there are issues with accessibility and navigation, particularly on mobile
  • We are currently using images in the guidance where they help to illustrate the guidance, and many of the images include text. In future releases, we want to move away from images and use code snippets to improve accessibility