v11.2.0

Minor Changes

• #1938 adae0564 Thanks @spaceninja! - Add o-container__pad class

Patch Changes

• #1936 4708f00a Thanks @spaceninja! - Update Card and Overview to only use header and footer elements if the containing element is an article or section.

v11.1.0

Minor Changes

• #1929 bac89ee7 Thanks @tylersticka! - Increase the supported column modifiers from 4 to 6 for the Deck layout object to support smaller content chunks

• #1928 fe55de90 Thanks @gerardo-rodriguez! - Add z-index alert design token and use in Page object for Alert placement

• #1930 a871faa7 Thanks @tylersticka! - Make default, center, full and wide alignment options consistent between WordPress image and video blocks

v11.0.0

Major Changes

• #1917 4e8ef044 Thanks @calebeby! - Remove button-swap component JS. Users of the component will need to implement their own functionality for this component.

Minor Changes

• #1921 fe7a95f0 Thanks @gerardo-rodriguez! - Adds an optional Alert block to the Page object

• #1910 4384eccf Thanks @tylersticka! - Set the tab-size for pre elements to 2 to encourage more accessible code samples without compromising horizontal real estate

• #1914 896a746c Thanks @gerardo-rodriguez! - Updates the Alert component by adding role, id and hidden template properties

v10.1.0

Minor Changes

• #1898 ab6b487c Thanks @AriannaChau! - Add fallback feature illustrations for accessibility, process, systems and maintenance

Patch Changes

• #1906 11e49839 Thanks @calebeby! - Fix twig syntax to be PHP-compatable

v10.0.0

Major Changes

• #1886 8c532dad Thanks @spaceninja! - Changes to support Error Pages:

  This is considered a breaking change because the WordPress theme will need to be updated to support the Page object's new header block.

  • Add a "full height" modifier to Cloud Cover
  • Add option to have no action in Ground Nav
  • Add optional header block to Page
  • Add optional classes to Page blocks

• #1889 c6ba51d7 Thanks @tylersticka! - Revised WordPress alignment styles based on actual content needs. Changes include:

  • Some blocks that previously required alignwide to fill container padding now do so by default.
  • aligncenter may be used to prevent a block from filling container padding.
  • alignwide now maxes out at the size of our default Container component max-width rather than an arbitrary value.
  • Margin, padding and inline size tweaks have been made to the Image and Group block styles as well as paragraphs with background colors.

Minor Changes

• #1892 b82e9524 Thanks @calebeby! - Allow customizing the subscribe heading component via heading_level and heading_weight

• #1896 38ab8b01 Thanks @tylersticka! - Made Cloud Cover column gaps consistent with the Deck layout object to improve visual relationship of content and extra blocks

Patch Changes

• #1894 57128ad5 Thanks @tylersticka! - Ground Nav menu border colors now respect the current theme

v9.0.0

Major Changes

• #1882 1efb5548 Thanks @gerardo-rodriguez! - Enhances the Subscribe component's ability to programmatically control its UI via destroy()/init() methods

  • initSubscribe() was renamed to createSubscribe()
  • init() must now be explicitly called to initialize
  • destroy() hides CTA buttons UI, shows digests sign up form

  // Initialize
  const subscribe = createSubscribe(document.querySelector('.js-subscribe'));
  subscribe.init();
  
  // Remove all event listeners, show subscription form
  subscribe.destroy();

v8.2.0

Minor Changes

• #1879 c1df9aff Thanks @tylersticka! - Add is-loading state class to Buttons

• #1868 85de9d29 Thanks @tylersticka! - Add lavish-headings modifier to Rhythm object to simplify constistent spacing within containers

• #1868 85de9d29 Thanks @tylersticka! - Add amount and heading_amount properties to Rhythm object to simplify usage in templates

• #1879 c1df9aff Thanks @tylersticka! - Add support for aria-disabled attribute to Buttons

v8.1.1

Patch Changes

• #1866 01d3a6df Thanks @tylersticka! - Fix headings in Rhythm objects not respecting cascade of --rhythm custom property

v8.1.0

Minor Changes

• #1858 b3752bc4 Thanks @tylersticka! - Add new title property to Icon component to make semantic fallback text much more straightforward

Patch Changes

• #1858 b3752bc4 Thanks @tylersticka! - The Ground Nav button's icon is no longer presented inconsistently with other button icons

• #1858 b3752bc4 Thanks @tylersticka! - The default icon fallback now exists (oops)

• #1858 b3752bc4 Thanks @tylersticka! - Icons used in the Alert component no longer use invalid aria-hidden values

v8.0.0

Major Changes

• #1828 097a72fb Thanks @AriannaChau! - Refactor cloud cover component to handle headings and copy content separately. This will break spacing if templates don't transition to using heading instead of content.

• #1849 810ed0e4 Thanks @tylersticka! - Adjusted breakpoints, max-widths and padding sizes of all full-width patterns (most notably the Container and Deck objects and the Sky Nav component) to better compose actual site content.

• #1855 a4047b58 Thanks @spaceninja! - This change improves the Cloud Cover component's layout when used with the Subscribe component. It makes the Subscribe headings optional, and improved the layout to switch to horizontal when there's enough room for two buttons, rather than a fixed breakpoint.

  This is a breaking change because it removes the default values of the Subscribe component's headings.

Minor Changes

• #1851 4a95532f Thanks @tylersticka! - Card covers within an alternate theme container will be brightened slightly to better offset covers with similar backgrounds to the container

• #1848 0b9d5286 Thanks @spaceninja! - Update Columns block to use our standard rhythm styles so items contained in the columns will have the proper spacing.

• #1847 22b2c7f3 Thanks @spaceninja! - Outdent Group blocks with backgrounds so their contents align with the page content.

• #1850 0b967661 Thanks @tylersticka! - Add the "lavish" Rhythm object modifier for separating entire sections with the same fluid whitespace as padded containers

• #1854 b1a6c3d1 Thanks @tylersticka! - Add responsive inline size utilities

• #1853 d946c7a0 Thanks @tylersticka! - Add border utilities

• #1852 4dbb59f2 Thanks @tylersticka! - Make active states more consistent between Button, Card and Event Summary

Patch Changes

• #1832 35f799a6 Thanks @tylersticka! - Corrected the size of the social icons in the Ground Nav component