v2.3.0

What's Changed

⚠ BREAKING CHANGES

• button-group: update design #1630

Important

This release includes a redesign of the button group. We recommend you update your markup to match what's recommended in the button group documentation by updating the following:

• Remove the .s-btn__outlined class from any .s-btn elements within button groups
• To prevent layout shifts when a button is selected, wrap button text (excluding any child badges) in a span element
  • Add the .s-btn--text class on the span
  • Add a data-text attribute to the span with a value set to the text within the button
    • Set the value of the data-text attribute to the text within the button

This design change may also result in the button group component taking up more horizontal space than previously. See the related PR for more context.

---

Fixes

• input: add focus-within focus styling #1646
• spacing: generate spacing atomic classes programatically #1654
  • This change includes both a refactor of the generation of atomic spacing classes and fixes the omission of some atomic spacing classes including responsive versions of these classes

Refactors

• topbar: use pseudo-private custom properties #1622
• spacing: generate spacing atomic classes programatically #1654

Tests

• button: abstract test args to setup file #1663
• button-group: add a11y, visual tests #1346
• post-summary: add a11y, visual test #1499
• spacing: add less tests #1657

Full Changelog: v2.2.0...v2.3.0