primer_view_components 0.36.5 → 0.38.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e3d5be7d8ad864a19c92d5b441ce1ed4167008906e67268f620b14e17dc62d85
-  data.tar.gz: 836ec64b60f1019acfed7c71eacae2647cb71df70e18ea08c81be062c826416d
+  metadata.gz: 8872749bd02f10033b078dceb055b4c65a16ff7dac9cfb36863fe28ba170f62b
+  data.tar.gz: ee204f2aff496dd70691438ebb38cb6b853f8a8b233d79729dba2cfa31dcef7d
 SHA512:
-  metadata.gz: 44f6895c1f42eafc715012b1ea1c7402a8a52aa93cf644dea0c6a939545f448360575ecd4d6a7a9e22fc3e5d6f30bef57f8912b031d7a862d39dc59e9acee561
-  data.tar.gz: 03bb30ba7ea66bcc4c2022fe2d2ae51769d9dae0d669c891df415018de1cb13472ad2743daef07df13687f4546962f81709b067315ac02ea758b0aafde70dbfc
+  metadata.gz: 618de4ce2365779cc4686f18916ad6e975b28858188e05e0db334b84264e4fbdf325236eb1abeacc52b338fa9cc8e96c512b661be4d0430946c85d4a3a7a59ac
+  data.tar.gz: 07ed043e784d4ae8dec7b4c5ae7593b711c30df5f6c29cd8a05961405571beb1823de51b1a91909e67288bfd8102ad592c971527e6a9de97a9f8d142c68053fe

data/CHANGELOG.md

@@ -1,5 +1,37 @@
 # CHANGELOG
 
+## 0.38.0
+
+### Minor Changes
+
+- [#3321](https://github.com/primer/view_components/pull/3321) [`de2397d`](https://github.com/primer/view_components/commit/de2397d9e181a764cbedc292ac7d3487ad79f763) Thanks [@kendallgassner](https://github.com/kendallgassner)! - [Primer::Beta::Autocomplete] Added a new component to render inside the the Autocomplete dropdown: Primer::Beta::AutoComplete::NoResultItem. This new component can be used to display a message to indicate that there are no available results. This component is marked upas role='presentation' as the autocomplete component already uses aria-live to announce if there are no results.
+
+### Patch Changes
+
+- [#3334](https://github.com/primer/view_components/pull/3334) [`c6996b5`](https://github.com/primer/view_components/commit/c6996b508f6fcd3dc1f445aeb1346a8bc13f1fa4) Thanks [@klaustopher](https://github.com/klaustopher)! - Do not close dialogs when clicking on the backdrop if the dialog contains a form
+
+- [#3377](https://github.com/primer/view_components/pull/3377) [`9626afb`](https://github.com/primer/view_components/commit/9626afbd904c713bdd0037b7cc3b7f78205b7408) Thanks [@jonrohan](https://github.com/jonrohan)! - Fixing bug in the select panel that pushes the page when any `:modal` is open.
+
+## 0.37.0
+
+### Minor Changes
+
+- [#3292](https://github.com/primer/view_components/pull/3292) [`66637a4`](https://github.com/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/primer/view_components/commit/e3e29b0e983b494fce7bdd95390908d4583ede16) Thanks [@acbreton](https://github.com/acbreton)! - Prevent scroll when opening `ActionMenu`s.
+
+- [#3319](https://github.com/primer/view_components/pull/3319) [`42db9dd`](https://github.com/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/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/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/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/primer/view_components/commit/7fbd8da673f4a4c9459712379c240a923784f42d) Thanks [@camertron](https://github.com/camertron)! - Do not populate dynamic label with active item in multi-select mode
+
 ## 0.36.5
 
 ### 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,3 +25,4 @@ 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';