@primer/view-components 0.37.0-rc.dafa2cb8 → 0.37.0-rc.f7715ad8

package/app/components/primer/alpha/action_menu/action_menu_element.js

@@ -142,7 +142,9 @@ let ActionMenuElement = class ActionMenuElement extends HTMLElement {
         const targetIsInvoker = this.invokerElement?.contains(event.target);
         const eventIsActivation = __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isActivation).call(this, event);
         if (event.type === 'toggle' && event.newState === 'open') {
-            __classPrivateFieldGet(this, _ActionMenuElement_instances, "a", _ActionMenuElement_firstItem_get)?.focus();
+            window.requestAnimationFrame(() => {
+                __classPrivateFieldGet(this, _ActionMenuElement_instances, "a", _ActionMenuElement_firstItem_get)?.focus();
+            });
         }
         if (targetIsInvoker && event.type === 'mousedown') {
             __classPrivateFieldSet(this, _ActionMenuElement_invokerBeingClicked, true, "f");
@@ -397,8 +399,7 @@ _ActionMenuElement_handleItemActivated = function _ActionMenuElement_handleItemA
     }));
 };
 _ActionMenuElement_handleIncludeFragmentReplaced = function _ActionMenuElement_handleIncludeFragmentReplaced() {
-    if (__classPrivateFieldGet(this, _ActionMenuElement_instances, "a", _ActionMenuElement_firstItem_get))
-        __classPrivateFieldGet(this, _ActionMenuElement_instances, "a", _ActionMenuElement_firstItem_get).focus();
+    __classPrivateFieldGet(this, _ActionMenuElement_instances, "a", _ActionMenuElement_firstItem_get)?.focus();
     __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_softDisableItems).call(this);
     // async items have loaded, so component is ready
     this.setAttribute('data-ready', 'true');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.37.0-rc.dafa2cb8",
+  "version": "0.37.0-rc.f7715ad8",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/arguments.json

@@ -3080,6 +3080,12 @@
         "default": "`false`",
         "description": "Whether or not to request a turbo stream and render the response as such."
       },
+      {
+        "name": "autofocus",
+        "type": "Boolean",
+        "default": "`nil`",
+        "description": "Whether switch should be autofocused when rendered."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",

package/static/info_arch.json

@@ -9597,6 +9597,12 @@
         "default": "`false`",
         "description": "Whether or not to request a turbo stream and render the response as such."
       },
+      {
+        "name": "autofocus",
+        "type": "Boolean",
+        "default": "`nil`",
+        "description": "Whether switch should be autofocused when rendered."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -9778,6 +9784,20 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/toggle_switch/with_autofocus",
+        "name": "with_autofocus",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region",
+            "button-name"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -14500,7 +14520,7 @@
   {
     "fully_qualified_name": "Primer::Beta::Markdown",
     "description": "Use `Markdown` to wrap markdown content.",
-    "accessibility_docs": null,
+    "accessibility_docs": "This component is purely presentational. Consumers should handle accessibility expectations, such as ensuring that an overflowing, scrollable code block or table is keyboard accessible.",
     "is_form_component": false,
     "is_published": true,
     "requires_js": false,

package/static/previews.json

@@ -7365,6 +7365,20 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/toggle_switch/with_autofocus",
+        "name": "with_autofocus",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region",
+            "button-name"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },