What’s new

Release notes

The Standards are an ever-evolving product. We’ve been listening to your feedback and using it as a basis for improvements and additions.

Here you’ll find our release notes — summaries of bug fixes, new features, and other updates introduced in each release.

Have suggestions for a new feature or bug fix? Open an issue in our repo.

Version 1.2.1

June 07, 2017


Version 1.2.0

June 06, 2017

This release marks a complete rewrite of our JavaScript to make interactive components more friendly with third-party frameworks such as React and Angular.

:warning: If you’re upgrading from a previous version and you use the Standards JS modules in a custom bundle, please read the migration guide. (If you’re using the static JS or don’t understand what any of this means, then you can safely skip the guide.)

New features

Bug fixes

Other changes


Version 1.2.0 release candidate 1

May 24, 2017

This release marks a complete rewrite of our JavaScript to make interactive components more friendly with third-party frameworks such as React and Angular.

You can install this pre-release with npm:

npm install --save uswds@1.2.0-rc1

Please let us know if you run into any troubles!

:warning: If you’re upgrading from a previous version and you use the Standards JS modules in a custom bundle, please read the migration guide. (If you’re using the static JS or don’t understand what any of this means, then you can safely skip the guide.)

New features

Bug fixes

Other changes


Version 1.1.0

April 27, 2017

New features

Bug fixes

Other changes

Kudos


Version 1.1.0 pre-release

April 17, 2017

This is a v1.1.0 preview release. See #1796 for changes since v1.0.0.

You can install this pre-release with npm:

npm install --save uswds@1.1.0-pre

Please let us know if you run into any troubles!


Version 1.0.0

February 23, 2017

This is our first official major release. Read about our new release process and how we are updating the workflow to formally follow semantic versioning.

Fixed

Changes

We’ve made a couple of changes to our npm configuration: - We’ve upgraded lodash.debounce to a “production” dependency, which should solve the problem of missing dependencies for some user installations. - Our package.json now references the static “tarball” version of our release rather than the git endpoint, which means that you can npm install uswds without access to git.

The following are changes to our build tools and process that have no direct impact on the code itself: - The README, LICENSE, and CONTRIBUTING markdown documents are now included in our static and npm distributions. - Use stylelint to ensure that our SCSS files meet our own guidelines. - Measure JavaScript code coverage with istanbul and analyze coverage with code climate. - Commits (merges) to master are now automatically published to npm via our CI service.

Kudos

We’d like to thank all the contributors who worked on our current release! We appreciate your service and all the time you spent making the Standards even better. Big kudos to the following folks: - @awolfe76

If you have questions about these upcoming changes, please feel free to email our team at uswebdesignstandards@gsa.gov.


Version 0.14.0

December 16, 2016

Fixed

Changed

If you have questions about these upcoming changes, please email our team.

Kudos

We’d like to thank all the contributors who worked on our current release! We appreciate your service and all the time you spent making the Standards even better. Big kudos to the following folks:

And thank you to everyone for your comments and feedback!

Full Changelog


Version 0.13.3

December 01, 2016

Fixed

Changed

If you have questions about these upcoming changes, please email our team.

Full Changelog


Version 0.13.2

December 01, 2016

⚠️ This release has a few known bugs: - Fix missing search box for extended header on smaller screens. #1572 - Issue around font sizing. #1590

We recommend upgrading to v0.13.3 of the Standards. If you are unable to do so, please use the attached uswds-0.13.2patch.css (un-minified) or uswds-0.13.2patch.min.css (minified) and uswds-0.13.2patch.map files on this release.

Changed

  1. The header component has been broken up into more modular pieces, each with their own JavaScript tests (see code changes here). Here is the breakdown of what has been changed:
    • header/mobile is now navigation
    • header/search is now search
    • To support testing, the navigation and search JS modules both export an off() function for removing listeners added by the top-level export.
  2. The utility functions for element classes (addClass(), removeClass(), and toggleClass()) have been replaced with a polyfill for the Element.classList property (see code changes here).
  3. Some of the SCSS files have been reorganized (see code changes here and here). See the deprecation notes (“Upcoming backwards incompatible changes”) below for more info.
  4. Our README now includes more helpful instructions for users on various platforms and fixes some formatting (see code changes here).

Upcoming backwards incompatible changes

We are planning to make the following changes to the Draft U.S. Web Design Standards in future releases. In keeping will semantic versioning conventions, we will never intentionally introduce breaking changes without updating the minor and major versions accordingly. Here are the upcoming changes: 1. The Standards will no longer require jQuery or include it as part of the package you download. If you are using jQuery for other parts of your site, you will have to download it separately. It won’t come included in the Standards any more. We decided to make this change because we heard from our users that requiring jQuery for the WDS conflicted with other versions of jQuery they were already using. 2. We have reorganized some of our SCSS “partials”, and will be removing the deprecated paths in a future release. If you import the USWDS into your own Sass or SCSS files, here is what you need to know: - We have replaced the SCSS all “entry point” with uswds, and set up an alias for all (_all.scss) to ease the transition for users of previous versions. Upgrade instructions: - replace @import 'all'; with @import 'uswds';, or - replace @import 'uswds/all'; to @import 'uswds/uswds'; - We have deprecated the SCSS uswds/defaults partial in favor of uswds/variables, and added !default to all of our variables so that they can be selectively overridden by a previous import. Upgrade instructions: - remove @import 'core/defaults'; or @import 'uswds/core/defaults'; - add @import 'core/variables'; if you don’t import it already - move your variable customizations before @import 'core/variables'; for consistency - remove any unmodified variable declarations from your customizations to avoid accidentally overriding future changes - uswds/core/grid-settings is no longer necessary, as the grid settings are all declared in uswds/variables. Upgrade instructions: - remove @import 'core/grid-settings'; or @import 'uswds/core/grid-settings';

If you have questions about these upcoming changes, please email our team.

Full Changelog


Version 0.13.1

October 06, 2016

NEW Page templates and government banners

This release includes the addition of two different page templates and government verification banners.

Upcoming backwards incompatible change

In the near future, the Draft U.S. Web Design Standards will no longer include jQuery as part of its package. Users will be required to include jQuery(v2.2.0+) when using the Standards. If you have questions about this upcoming change, please email our team at uswebdesignstandards@gsa.gov.

Fixed

Changed

Full Changelog


Version 0.12.1

September 09, 2016

This is a patch level release that adds missing images for the mobile version of the new headers component into the src directory. In version 0.12.0 they were added as part of the website/docs assets and not part of the package itself. Please use v0.12.1 in place of v0.12.0!

Full Changelog


Version 0.12.0

September 01, 2016

Updated to 0.12.1: Release 0.12.0 was missing some images for the new Headers component. You may run into issues using 0.12.0 on your project.

Please use version 0.12.1 in place of 0.12.0!

NEW Headers component

This release includes the addition of a headers component, which helps users identify where they are and provides them a quick, organized way to reach the main sections of a website. Check out our documentation to learn more about our most recently added component.

Upcoming backwards incompatible change

In the near future, the Draft U.S. Web Design Standards will no longer include jQuery as part of its package. Users will be required to include jQuery(v2.2.0+) when using the Standards. If you have questions about this upcoming change, please email our team at uswebdesignstandards@gsa.gov.

Fixed

Changed

Kudos

We’d like to thank all the contributors who worked on our current release! We appreciate your service and all the time you spent making the Standards even better. Big kudos to the following folks:

And thank you to everyone for your comments and feedback!

Full Changelog


Version 0.11.1

August 18, 2016

Fixed

Changed

Kudos

We’d like to thank all the contributors who worked on our current release! We appreciate your service and all the time you spent making the Standards even better. Big kudos to the following folks:

And thank you to everyone for your comments and feedback!

Full Changelog


Version 0.11.0

August 04, 2016

Accordion backwards-compatible changes

In this release, we’ve refactored the accordion code so that it is easier to use, less specific, and more concise. The accordion functionality from previous releases will still work and there are instructions on how to make the upgrade when it best suits the needs of your project.

Fixed

Changed

Kudos

We’d like to thank all the contributors who worked on our current release! We appreciate your service and all the time you spent making the Standards even better. Big kudos to the following folks:

And thank you to everyone for your comments and feedback!

Full Changelog


Version 0.10.0

July 21, 2016

We have been made aware that we didn’t explicitly outline a backwards-incompatible change for the accordion component in v0.9.4, and we’d like to apologize for any inconvenience this may have caused you or your team. In the release notes for 0.9.4, we’ve added directions on how to update your accordions with these changes when you make this upgrade.

Backwards-incompatible changes version

In this release, we’ve made a specific backwards-incompatible change to the the structure of the scss files. Prior to this release, users could update their project specific scss variables by changing the values in _variables.scss. This release removes that file and from the core import and will require users to manually add their application-specific Sass files.

Fixed

Changed

Kudos

We’d like to thank all the contributors who worked on our current release! We appreciate your service and all the time you spent making the Standards even better. Big kudos to the following folks:

And thank you to everyone for your comments and feedback!

Full Changelog


Version 0.9.6

July 14, 2016

Fixed

Changed

We love outside contributions!

The continued success of the Standards relies on contributions from folks like you. To make a contribution, file an issue in our repo (and do let us know if you have any questions).

View the full changelog here.


Version 0.9.5

July 07, 2016

Fixed

Changed

Visual Design Assets

The links below reference the visual design assets that have been affected by this current release. To view these assets, check out the official Github repo. - Added grid templates for desktop, tablet, and mobile (AI and Sketch) - Consolidated color palette, typography, and sticker sheet files (AI) - Added typography and color swatches to the sticker sheet file (Sketch) - Added Sketch Palette file for installing color palette in Sketch - Corrected errors in text sizes and styles (AI and Sketch) - Created separate paths for all form fields (Sketch) - Indented list style - Removed style for links without surrounding text

Kudos

We’d like to thank all the contributors who worked on our current release! We appreciate your service and all the time you spent making the Standards even better. Big kudos to the following folks:

And thank you to everyone for your comments and feedback!

Full Changelog


Version 0.9.4

July 21, 2016

Backwards incompatible changes

In this release, there is a specific backwards incompatible change to the accordion component. Users will need to update their HTML to remove the aria-expanded="false" and aria-hidden="true" attributes from accordion panels that aren’t expanded by default. This makes the content of these panels accessible without JS. This change was introduced here.

Fixed

Changed

Kudos

We’d like to thank all the contributors who worked on our current release! We appreciate your service and all the time you spent making the Standards even better. Big kudos to the following folks:

And thank you to everyone for your comments and feedback!

Full Changelog


Version 0.9.3

June 01, 2016

Backwards incompatible changes

In this release, there are several backwards incompatible changes. These changes were implemented to help in the ease of workflow, open source contributions and overall manageability of the Draft U.S. Web Design Standards repo. - Removal of dist directory from the main repository file/folder structure, refs https://github.com/18F/web-design-standards/issues/1148 - Changing 18f-pages branch to master and 18-pages-staging branch to staging

Fixed

Changed

Kudos

We’d like to thank all the contributors who worked on our current release! We appreciate your service and all the time you spent making the Standards even better. Big kudos to the following folks:

And thank you to everyone for your comments and feedback!

Full Changelog


Version 0.9.2

May 17, 2016

Fixed

Changed

Contributors

Full Changelog


Version 0.9.1

March 29, 2016

Fixed

Changed

Full Changelog


Version 0.9.0

March 14, 2016

This version introduces several backwards-incompatibility changes that will affect usage of the Standards. Here are a few things to note as you upgrade to version 0.9.0.

Deprecated/backwards incompatible

The Draft U.S. Web Design Standards website is no longer hosted at the root level of the directory — it’s now hosted from /docs. The zip file for the uswds is no longer located in the Standards repository. You can now find it on our GitHub releases page.

What’s new?

Repository folder structure

This version of the Standards has an updated folder structure, which includes several new areas that assist automation of the workflow.

This updated folder structure features /config, /src, /docs, and /dist directories at the root level of the repository. Here’s an overview of the items you’ll find in each of these directories:

/dist

This folder contains the compiled CSS and bundled JavaScript files, along with image and font files that are distributed to our users. These are the only files you need to start using the Standards in your own project.

/config

This folder contains a gulp folder with all the configurations necessary for running various gulp tasks if you want to build the Standards yourself.

/src

This folder contains all of the source files you’ll need to use before you compile the Standards that are used prior to compilation of the Standards. None of these files are minified, by any means, and they’re what you should use when you make contributions to the source files themselves.

/docs

This folder contains the Jekyll site that generates the Standards website.

Building the entire Standards website and download

If you’d like to move beyond working with the code and components included in our ZIP file and work with the files used to generate the Standards website, you can build out everything using gulp or npm.

gulp workflow

The Draft Web Design Standards uswds package (the ZIP download and the files needed to use the Standards on your project) and style guide website (our public site that displays examples of each component and the HTML code) are built using gulp. To use gulp, first make sure you’ve installed it on your machine globally. For more information on installing gulp, check out this document. Check out our CONTRIBUTING file to learn more about how to use the new gulp workflow.

npm installation

You can now install the Draft U.S. Web Design Standards using npm. Check out our README file to learn more about how to install using this new method and how to implement the Standards into in your project.

Kudos

We’d like to thank all the contributors who worked on our current release! We appreciate your service and all the time you spent making the Standards even better. Big kudos to the following folks: - @burgwyn - @pra85 - @lboonebah - @skonzem - @tysongach - @ismamz - @nickjs

And thank you to everyone for your comments and feedback.

Full Changelog


Version 0.8.3

January 27, 2016


Version 0.8.2

November 24, 2015

Adds Sketch and OmniGraffle files to design assets.

Adds various bug fixes to the web design standards.


Version 0.8.1

October 19, 2015

Adds various bug fixes to the standards site. Adds a new Change Log which includes a chronologically ordered list of notable changes for each version of the project.


Version 0.8

October 14, 2015

This is the initial release, 0.8.