openproject-primer_view_components 0.54.1 → 0.55.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ec714a72812634443605b5daf32260ccd404d3531ea1043d12c7b5188effb702
-  data.tar.gz: 8c90576631d011f1d67ad3fa9ce560b764bedd3683a9fd479e532d8d2166def8
+  metadata.gz: 4fec471d76f105e45484067db2d2883625ed52187a7d16836636b9cb21f5da22
+  data.tar.gz: a78e5b27871962a5432eb5addf5c6d5f220b9748a761bdf1f507eb920cdc784d
 SHA512:
-  metadata.gz: 6dff655ff2f4d2a554049eec2aea33c670e24e2d54b1e851d27d298b3543f6e120d13fbaaa931ba3ca53930d9b13076c18e8030588b702ab7c8dbdee9cb47867
-  data.tar.gz: 9ba59040ca8905e0ac04d22a2d8b518e44a7ed411f886953e29557be78a7e6e24ba8b8f85c486dc84a02f8822f6b12e57090993efdfd0cf9c6a1d6db780447d3
+  metadata.gz: 1d5cdf44958306ab17c06405262da0d80c3dc8f8aeae84322c41bea903f780c055135ba7f9306adc30100c7096f97ee7fee2cd19859e8ed1d09d439dc42d17af
+  data.tar.gz: 0e3ef01a18cdb12c3a1f4b39a07a50f0b2aa714e4eb05e9809b5007f6820167d660fff8df7e39f700d703e66e255e1d3dc9d1ab26d1f90769f0ffebc93d3baab

data/CHANGELOG.md

@@ -1,5 +1,25 @@
 # CHANGELOG
 
+## 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';