openproject-primer_view_components 0.54.1 → 0.56.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ec714a72812634443605b5daf32260ccd404d3531ea1043d12c7b5188effb702
-  data.tar.gz: 8c90576631d011f1d67ad3fa9ce560b764bedd3683a9fd479e532d8d2166def8
+  metadata.gz: 4b76152c9e58905d3a151255870c74e5cd76f324274f5ec83fd8c7db0acaf1fd
+  data.tar.gz: a251a85dfb9e56ab5fe44be042ffc97ed0ee9a99fb8cbf869f6ee74f3f23acde
 SHA512:
-  metadata.gz: 6dff655ff2f4d2a554049eec2aea33c670e24e2d54b1e851d27d298b3543f6e120d13fbaaa931ba3ca53930d9b13076c18e8030588b702ab7c8dbdee9cb47867
-  data.tar.gz: 9ba59040ca8905e0ac04d22a2d8b518e44a7ed411f886953e29557be78a7e6e24ba8b8f85c486dc84a02f8822f6b12e57090993efdfd0cf9c6a1d6db780447d3
+  metadata.gz: ed47d9cd29fa27bd45139fb65c43eeb609aaf6ecdb5598f995b81243d4136c8156cdd36e7e4cf108e3b3712b953b9e75695872e80bc845f80077390869a4d3ac
+  data.tar.gz: f5632d53039ec344cf3f8cce5a59d7109c9d7635c2ad59ba9cfa9f66bee24b7448a0edb1da8b869affba7cd3d10e261036d1b0c7c663bb0a6cc0c79109395191

data/CHANGELOG.md

@@ -1,5 +1,31 @@
 # CHANGELOG
 
+## 0.56.0
+
+### Minor Changes
+
+- [#252](https://github.com/opf/primer_view_components/pull/252) [`b8822ba`](https://github.com/opf/primer_view_components/commit/b8822ba460e35c362b0ba927c4a77a2fd7ad26ca) Thanks [@oliverguenther](https://github.com/oliverguenther)! - Allow ActionMenu as sidepanel section action
+
+## 0.55.0
+
+### Minor Changes
+
+- [#3292](https://github.com/primer/view_components/pull/3292) [`66637a4`](https://github.com/opf/primer_view_components/commit/66637a4869431a53bcb39b24b907da7b930729ed) Thanks [@ktravers](https://github.com/ktravers)! - Improve Details component accessibility by setting aria-label and aria-expanded attributes correctly on initial render and when toggled open/closed.
+
+### Patch Changes
+
+- [#3327](https://github.com/primer/view_components/pull/3327) [`e3e29b0`](https://github.com/opf/primer_view_components/commit/e3e29b0e983b494fce7bdd95390908d4583ede16) Thanks [@acbreton](https://github.com/acbreton)! - Add preventScroll to focus call in Action Menu
+
+- [#3319](https://github.com/primer/view_components/pull/3319) [`42db9dd`](https://github.com/opf/primer_view_components/commit/42db9dd724b0edd3806fdc0661f248d87b0d8f5f) Thanks [@ktravers](https://github.com/ktravers)! - Adds optional autofocus to ToggleSwitch
+
+- [#3291](https://github.com/primer/view_components/pull/3291) [`aeaeb96`](https://github.com/opf/primer_view_components/commit/aeaeb9632f651bbfbb45c630a1d088b1fe3303b8) Thanks [@francinelucca](https://github.com/francinelucca)! - fix(ToggleSwitch): add X-Requested-With header
+
+- [#3318](https://github.com/primer/view_components/pull/3318) [`081e5dd`](https://github.com/opf/primer_view_components/commit/081e5dd9f2912dc3b7070f2af5c235c31b5a306c) Thanks [@kendallgassner](https://github.com/kendallgassner)! - [ActionMenuForm] Add aria-describedby to the ActionMenuForm's button so that the label is describing the button
+
+- [#3316](https://github.com/primer/view_components/pull/3316) [`4552438`](https://github.com/opf/primer_view_components/commit/45524387a016bb8dab7555bd40ff4dd2e84f3bb2) Thanks [@camertron](https://github.com/camertron)! - Correct accessibility issues in FormControl examples and address missing aria attributes
+
+- [#3303](https://github.com/primer/view_components/pull/3303) [`7fbd8da`](https://github.com/opf/primer_view_components/commit/7fbd8da673f4a4c9459712379c240a923784f42d) Thanks [@camertron](https://github.com/camertron)! - Do not populate dynamic label with active item in multi-select mode
+
 ## 0.54.1
 
 ### Patch Changes

data/app/assets/javascripts/components/primer/beta/details_toggle_element.d.ts

@@ -0,0 +1,39 @@
+/**
+ * A companion Catalyst element for the Details view component. This element
+ * ensures the <details> and <summary> elements markup is properly accessible by
+ * updating the aria-label and aria-expanded attributes on click.
+ *
+ * aria-label values default to "Expand" and "Collapse". To override those
+ * values, use the `data-aria-label-open` and `data-aria-label-closed`
+ * attributes on the summary target.
+ *
+ * @example
+ * ```html
+ * <details-toggle>
+ *   <details open=true data-target="details-toggle.detailsTarget">
+ *     <summary
+ *       aria-expanded="true"
+ *       aria-label="Collapse me"
+ *       data-target="details-toggle.summaryTarget"
+ *       data-action="click:details-toggle#toggle"
+ *       data-aria-label-closed="Expand me"
+ *       data-aria-label-open="Collapse me"
+ *     >
+ *       Click me
+ *     </summary>
+ *     <div>Contents</div>
+ *   </details>
+ * </details-toggle>
+ * ```
+ */
+declare class DetailsToggleElement extends HTMLElement {
+    detailsTarget: HTMLDetailsElement;
+    summaryTarget: HTMLElement;
+    toggle(): void;
+}
+declare global {
+    interface Window {
+        DetailsToggleElement: typeof DetailsToggleElement;
+    }
+}
+export {};

data/app/assets/javascripts/components/primer/primer.d.ts

@@ -25,6 +25,7 @@ import '../../lib/primer/forms/primer_text_field';
 import '../../lib/primer/forms/toggle_switch_input';
 import './alpha/action_menu/action_menu_element';
 import './alpha/select_panel_element';
+import './beta/details_toggle_element';
 import './open_project/page_header_element';
 import './open_project/zen_mode_button';
 import './open_project/sub_header_element';