openproject-primer_view_components 0.54.0 → 0.55.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6b232a9c493b3fe92bf4613685409c8c14737e47ffd7a4372e6b828738d1187e
-  data.tar.gz: e0342d893361f18f2aafb3cd17ef6115da3768396811daf1edd740a6c70acd97
+  metadata.gz: 4fec471d76f105e45484067db2d2883625ed52187a7d16836636b9cb21f5da22
+  data.tar.gz: a78e5b27871962a5432eb5addf5c6d5f220b9748a761bdf1f507eb920cdc784d
 SHA512:
-  metadata.gz: b89b889be45f0cbbdedad4f6b582b4b3ebc3f40be4a24e63676203e1e991f0d671b5f22cdc4b1642b004e960920fb07611a9225d5f7de25be7a927ab2e01f1b9
-  data.tar.gz: f722c7663ae6c41af1c598b84fb4842f44594be59c345c598330a4c38326b6e52c4fadad104c54c805bb6467af29c0421755964ffbb135b13c6c1495320097be
+  metadata.gz: 1d5cdf44958306ab17c06405262da0d80c3dc8f8aeae84322c41bea903f780c055135ba7f9306adc30100c7096f97ee7fee2cd19859e8ed1d09d439dc42d17af
+  data.tar.gz: 0e3ef01a18cdb12c3a1f4b39a07a50f0b2aa714e4eb05e9809b5007f6820167d660fff8df7e39f700d703e66e255e1d3dc9d1ab26d1f90769f0ffebc93d3baab

data/CHANGELOG.md

@@ -1,5 +1,37 @@
 # 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
+
+- [#246](https://github.com/opf/primer_view_components/pull/246) [`26fdce6`](https://github.com/opf/primer_view_components/commit/26fdce6b70caf96e46d5867e52ab23b6360b45f6) Thanks [@myabc](https://github.com/myabc)! - DangerDialog now uses the "alertdialog" ARIA role
+
+- [#245](https://github.com/opf/primer_view_components/pull/245) [`27b6af1`](https://github.com/opf/primer_view_components/commit/27b6af1cf733cb3e4ab2816a970d96d558b1dc0a) Thanks [@myabc](https://github.com/myabc)! - Fix broken FeedbackDialog aria-describedby value - was referencing non-existent id.
+
+- [#243](https://github.com/opf/primer_view_components/pull/243) [`79986c4`](https://github.com/opf/primer_view_components/commit/79986c435adbfed95fe2128f03949e37a920039d) Thanks [@myabc](https://github.com/myabc)! - Fix DangerDialog body scroll behaviour when containing a form: the dialog's confirm and cancel buttons should now always be visible in the viewport, never scrolling with the other dialog content.
+
+- [#245](https://github.com/opf/primer_view_components/pull/245) [`27b6af1`](https://github.com/opf/primer_view_components/commit/27b6af1cf733cb3e4ab2816a970d96d558b1dc0a) Thanks [@myabc](https://github.com/myabc)! - Fix broken DangerDialog aria-describedby value - was referencing non-existent id.
+
 ## 0.54.0
 
 ### Minor 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/open_project/danger_dialog_form_helper.d.ts

@@ -1,6 +1,7 @@
 declare class DangerDialogFormHelperElement extends HTMLElement {
     #private;
     checkbox: HTMLInputElement | undefined;
+    get form(): HTMLFormElement | null;
     get submitButton(): HTMLButtonElement | HTMLInputElement;
     connectedCallback(): void;
     toggle(): void;

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';