Design system release notes


0.12.11 Release – August 4, 2022

Platform

  • We have improved the design of images in our guidance content.

Elements

  • Guidance on footers has been updated and clarified

Bugs and known issues

  • Fixed: the header menu was not closing when a menu item was clicked

Distribution package


0.12.10 Release - June 3, 2022

Elements

Added in this release:

  • Error messaging

Bugs and known issues

  • Multiple bug fixes for the Tables component

Distribution package


0.12.9 Release - May 13, 2022

Elements

Added in this release:

  • Fieldsets

Updated:

  • Labels: clarification of the use of labels as headings

Bugs and known issues

  • HTML improvements to the ontario.ca header

Distribution package


0.12.8 Release - April 29, 2022

Distribution package


0.12.7 Release - April 25, 2022

Elements

Added in this release:

  • Tables

Updated:

  • Ontario.ca header menu behaviour

Distribution package


0.12.6 Release - February 25, 2022

Elements

Added in this release:

  • Application header (code)
  • Back to top

Known bugs and issues

  • Replaced deprecated use of / as a division in SASS

Distribution package


0.12.5 Release - January 13, 2022

Platform

  • Updated prototyping kit information and instructions for designers

Known bugs and issues

  • Replaced deprecated use of / as a division in SASS

Distribution package


0.12.4 Release - December 3, 2021

Known bugs and issues

  • Fixed: broken French header link
  • Fixed: accordion caret alignment
  • Fixed: hint text padding adjustment
  • Fixed: spacing variables for headings are consistent

Distribution package


0.12.3 Release - November 26, 2021

Platform

  • We have improved the full-screen preview for components.

Elements

  • Added in this release:
    • Form step indicator

Known bugs and issues

  • Fixed: Icons no longer use the deprecated xlink:href attribute.

Distribution package


0.12.2 Release - November 2, 2021

Platform

  • In the spirit of applying the design system to the design system, this site now uses the design system header and footer components.
  • The navigation design has been updated to make it easier to read and to better reflect design system styles.

Elements

  • Header component: the Ontario logo now links to the ontario.ca landing page rather than the splash page.

Known bugs and issues

  • Fixed: broken links to earlier versions of the distribution package.

Distribution package


0.11.7 Release - July 8, 2021

Elements

  • Added in this release:
    • Application header (design and guidance only)

Platform

  • Fixed: component preview had fixed height on mobile that prevented viewing entire component

Known bugs and issues

  • Fixed: dropdown max-width changed from 46rem to 48rem to match paragraph max-width
  • Fixed: broken reference in alerts and highlights ARIA ID (spaces instead of dashes)

Distribution package


0.11.0 Release - May 19, 2021

Elements

  • Added in this release:
    • Accordion
    • Hint expander

Distribution package


0.10.5 Release - March 2, 2021

Platform

Known bugs and issues

  • Fixed: header accessibility bug - pressing enter on search input does not trigger search
  • Fixed: hyphen replaced with en-dash in footer component
  • Fixed: order of menu items in French version of design system

Distribution package


0.9.2 Release - January 15, 2021

Elements

  • Added in this release:
    • Blockquote component now uses French quotation marks when html lang=”fr”

Known bugs and issues

  • Added missing graphics to distribution package
  • Removed extra margin-bottom property in checkboxes.scss
  • Changed icon from transparent to white for informational alerts
  • Removed invisible characters that showed up in guidance text on Chrome for Windows

Distribution package


0.9.0 Release - December 17, 2020

Elements

  • Added in this release:
    • Headers
    • Footers
    • Images and photography

Distribution package


0.8.4 Release - December 4, 2020

Platform

Known bugs and issues

  • Fixed: platform language toggle on IE
  • Fixed: dist index layout and titles
  • Fixed: markup for asides/callouts

Distribution package


0.7.0 Release - November 9, 2020

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

Platform

  • Added an index.html file to the distribution package to allow developers to quickly review available components and styles.

Elements

  • Added guidance for disabled buttons.

Known bugs and issues

  • Fixed: an issue with text not wrapping for radio button and checkbox labels and hint text.
  • Fixed: missing background colour for system-white in colours table

Distribution package


0.6.1 Release - November 5, 2020

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

Platform

  • Fixed issue with component preview window on Android devices

Elements

  • Alerts and highlights added
  • Added a maximum line length for text components

Known bugs and issues

  • Fixed: issue with grid breakpoints not being triggered at the exact pixel width expected
  • Fixed: square highlight on click of radio button
  • Fixed: label length wrapping for longer texts

Distribution package


0.5.2 Release - October 2, 2020

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

Platform

  • Release date added to navigation
  • Form components grouped in menu
  • Faster webpages loading with Gzip compression
  • Minified CSS styles

Elements

  • List styles added
  • Radio buttons: label width bug fixed
  • Open Sans font 700 weight added; bold style changed to use 700 weight
  • Missing SVG icon added to distribution package
  • Fixes for SASS import paths
  • Minified theme file
  • Checkbox missing icon and styles fixes

Distribution package


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:

  • Fixed: 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

Contact us

If you have any questions or feedback, please get in touch.