v2.4.0

What's Changed

⚠ BREAKING CHANGES

• colors: remove v1 color output and references #1664

Important

This release removes all the Stacks Classic v1 colors APIs. With Stacks Classic v2 we have introduced a brand new palette of colors (see migration guide for more details) but we still kept around the old v1 palette to give consumer some time to adjust to the new one. In this release we are removing those old APIs and significantly shrinking the payload of our css bundle. If you are still using the old colors please refer to the migration guide.

Features

• accessibility: add skip link to bypass blocks of repeated content #1692

Dependencies Upgrades

• bump typescript from 5.4.3 to 5.4.4 #1704
• bump cssnano from 6.1.0 to 6.1.2 #1701
• bump @typescript-eslint/eslint-plugin from 7.4.0 to 7.5.0 #1705
• bump @typescript-eslint/parser from 7.4.0 to 7.5.0 #1703
• bump @typescript-eslint/eslint-plugin from 7.5.0 to 7.6.0 in #1708
• bump vitest from 1.4.0 to 1.5.0 #1710
• bump typescript from 5.4.4 to 5.4.5 #1709
• bump @typescript-eslint/parser from 7.5.0 to 7.6.0 #1711

Full Changelog: v2.3.3...v2.4.0

v2.3.3

What's Changed

Fixes

• Checkbox: checked state forced color contrast #1699

Dependency updates

• bump @typescript-eslint/parser from 7.3.1 to 7.4.0 #1695
• bump @stackoverflow/stacks-editor from 0.10.3 to 0.10.5 #1694
• bump stylelint from 16.3.0 to 16.3.1 #1698
• bump @typescript-eslint/eslint-plugin from 7.3.1 to 7.4.0 #1696
• bump typescript from 5.4.2 to 5.4.3 #1697
• bump vite from 5.1.6 to 5.2.8 #1700

Full Changelog: v2.3.2...v2.3.3

v2.3.2

What's Changed

Fixes

• topbar: ensure search renders correctly at small widths #1693

Dependency updates

• bump markdown-it from 14.0.0 to 14.1.0 #1688
• bump stylelint from 16.2.1 to 16.3.0 #1689
• bump @typescript-eslint/parser from @dependabot in #1687
• bump webpack from @dependabot in #1690
• bump @typescript-eslint/eslint-plugin from 7.2.0 to 7.3.1 #1691

Full Changelog: v2.3.1...v2.3.2

v2.3.1

What's Changed

Fixes

• Button: ensure button gains bg color when focused #1671
• Button group: make minor styling adjustments #1686
• Focus: apply per-component focus styles on focus classes #1680
• Notice: improve contrast of inline code #1677

Dependency Upgrades

• bump @typescript-eslint/parser from 7.1.0 to 7.2.0 #1679
• bump typescript from 5.3.3 to 5.4.2 #1676
• bump @stackoverflow/stacks-icons from 6.0.1 to 6.0.2 #1674
• bump cssnano from 6.0.5 to 6.1.0 #1673
• bump @stackoverflow/stacks-editor from 0.10.2 to 0.10.3 #1672
• bump @typescript-eslint/eslint-plugin from 7.1.0 to 7.2.0 #1681
• bump vitest from 1.3.1 to 1.4.0 #1682
• bump @web/test-runner from 0.18.0 to 0.18.1 #1683

Full Changelog: v2.3.0...v2.3.1

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

v2.2.0

What's Changed

• focus: add atomic focus classes #1637
• badge: add NEW badge #1647

Full Changelog: v2.1.1...v2.2.0

v2.1.1

What's Changed

Fixes

• button: ensure visited link button renders legibly #1640

Internal fixes

• test: ensure includeNullModifier value is honored #1638

Added component tests

• input-icon: add a11y; visual tests #1521
• select: add a11y, visual tests #1498

Full Changelog: v2.1.0...v2.1.1

v2.1.0

What's Changed

This release includes improvements to the focus styles for several components to meet WCAG 2.2 AA.

Component focus styles

• Block link (#1621)
• Button (#1613)
• Form elements (#1629)
  • Includes input, textarea, checkbox, radio, select, uploader
• Navigation (#1620)
• Pagination (#1612)
• Tag (#1614)
• Toggle switch (#1615)
• Topbar (#1628)

Internal changes

• ci(test): run all steps in parallel #1627
• fix(test): add doctype to test HTML output #1625
• test(topbar): add visual regression tests #1624
• test(visual): add improved baseline images update workflow #1611
• test(visual): improve stability #1626

Full Changelog: v2.0.9...v2.1.0

v2.0.9

What's Changed

Internal changes

• focus-ring: use focus-ring CSS vars for focus states only #1609
• @testing-library/dom: bump from 9.3.3 to 9.3.4 #1604
• @typescript-eslint/parser: bump from 6.18.0 to 6.19.0 #1608
• @typescript-eslint/eslint-plugin: bump from 6.18.0 to 6.19.0 #1607
• css-loader: bump from 6.8.1 to 6.9.1 #1606
• mini-css-extract-plugin: bump from 2.7.6 to 2.7.7 #1602
• vite: bump from 5.0.11 to 5.0.12 #1605

Full Changelog: v2.0.8...v2.0.9

v2.0.8

What's Changed

Fixes

• bundling: correctly generate minified css bundle #1595

Full Changelog: v2.0.7...v2.0.8