SDS updates
A lot has been updated since the last “what’s new” post, so this update just includes recent changes.
Sizing classes
Utility classes for setting the width and height of general elements have been formalized and documented.
View the SDS sizing classes documentation.
Web Components support
Web Components are a set of web platform APIs based on existing web standards for creating custom html elements and ‘widgets’.
Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.
SDS v2.24.0 introduces support for using component specific SDS styles, which can be imported directly into a ‘closed’ web component.
View the SDS Web Component documentation.
Reorganised file structure
To better accomodate web components, the SDS common files (reset, fonts, colors, globals etc) have been reorganised and refactored.
This change includes updates to SCSS mixin names, SCSS variable names and the migratation from using @extends to @mixin/@include.
If you are using or including specific SDS SCSS features in your project, updated will be required to your local code to ensure it works with the latest SDS.
If the project simply imports the compiled CSS directly from assets or npm, or if the project imports combined.scss, no changes are required.
/* //////////////////////////// SDS SCSS Globals //////////////////////////// */
@import "_common/scss_globals";
@import "_common/scss_animations";
@import "_common/scss_colors";
@import "_common/scss_fonts";
@import "_common/scss_images";
@import "_common/scss_media-queries";
/* ///////////////////////////// SDS Global CSS ///////////////////////////// */
@import "_common/css_fonts";
@import "_common/css_animations";
@import "_common/css_globals";
@import "_common/css_images";
@import "_common/css_vars";
@import "_common/css_reset";Required fields
Documentation has been added for implementing required form fields.
Bug fixes
Recent component bug fixes, including: