diff --git a/docs/getting-started/changelog.md b/docs/getting-started/changelog.md index 657dec1b9..e34bf6101 100644 --- a/docs/getting-started/changelog.md +++ b/docs/getting-started/changelog.md @@ -8,6 +8,11 @@ _During the beta period, these restrictions may be relaxed in the event of a mis ## Next +- 🚨 BREAKING CHANGE: Refactored `sl-menu` and `sl-menu-item` to improve accessibility by using proper focus states [#217](https://github.com/shoelace-style/shoelace/issues/217) + - Moved `tabindex` from `sl-menu` to `sl-menu-item` + - Removed the `active` prop from `sl-menu-item` because synthetic focus states are bad for accessibility + - Removed the `sl-activate` and `sl-deactivate` events from `sl-menu-item` (listen for `focus` and `blur` instead) + - Updated `sl-select` so keyboard navigation still works - Added `no-scroll-controls` prop to `sl-tab-group` [#253](https://github.com/shoelace-style/shoelace/issues/253) - Fixed a bug where setting `open` initially wouldn't show `sl-dialog` or `sl-drawer` [#255](https://github.com/shoelace-style/shoelace/issues/255) - Fixed a bug where `disabled` could be set when buttons are rendered as links @@ -20,11 +25,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis - Improved `sl-dropdown` accessibility by attaching `aria-haspopup` and `aria-expanded` to the slotted trigger - Refactored position logic to remove an unnecessary state variable in `sl-image-comparer` - Removed `console.log` from modal utility -- 🚨 BREAKING CHANGE: Refactored `sl-menu` and `sl-menu-item` to improve accessibility by using proper focus states [#217](https://github.com/shoelace-style/shoelace/issues/217) - - Moved `tabindex` from `sl-menu` to `sl-menu-item` - - Removed the `active` prop from `sl-menu-item` because synthetic focus states are bad for accessibility - - Removed the `sl-activate` and `sl-deactivate` events from `sl-menu-item` (listen for `focus` and `blur` instead) - - Updated `sl-select` so keyboard navigation still works +- Updated to Stencil 2.1.2 ## 2.0.0-beta.21 diff --git a/package-lock.json b/package-lock.json index 7d7c706b8..f84d36146 100644 --- a/package-lock.json +++ b/package-lock.json @@ -138,9 +138,9 @@ "dev": true }, "@stencil/core": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-2.0.3.tgz", - "integrity": "sha512-d4qLDN7HKwJEK+ljhknD8azpM4bF49Dv7h5yG3RF+SPo8uozDq3p5ZNj1MgZoRgzh04kXNyG/MKnD8H2QN5YVw==" + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/@stencil/core/-/core-2.1.2.tgz", + "integrity": "sha512-4Boqxv5mY/Euv1Gl7Y9s3L+7nrP6Lz38eCi2dmP2+8pflturhUhuEStLC+NYYo5oSacZoSOOlODMuqGhlvzFlQ==" }, "@stencil/eslint-plugin": { "version": "0.3.1", diff --git a/package.json b/package.json index af09727c2..8279c80d9 100644 --- a/package.json +++ b/package.json @@ -67,7 +67,7 @@ "license": "MIT", "dependencies": { "@popperjs/core": "^2.5.3", - "@stencil/core": "^2.0.3", + "@stencil/core": "^2.1.2", "color": "^3.1.2", "resize-observer-polyfill": "^1.5.1" },