@primer/view-components 0.1.10-rc.a7c97c4e → 0.1.10-rc.b33f9989

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

@@ -9,7 +9,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _ActionMenuElement_instances, _ActionMenuElement_abortController, _ActionMenuElement_originalLabel, _ActionMenuElement_inputName, _ActionMenuElement_setDynamicLabel, _ActionMenuElement_updateInput, _ActionMenuElement_isEnterKeydown, _ActionMenuElement_firstItem_get;
+var _ActionMenuElement_instances, _ActionMenuElement_abortController, _ActionMenuElement_originalLabel, _ActionMenuElement_inputName, _ActionMenuElement_setDynamicLabel, _ActionMenuElement_updateInput, _ActionMenuElement_isActivationKeydown, _ActionMenuElement_firstItem_get;
 import '@github/include-fragment-element';
 const menuItemSelectors = ['[role="menuitem"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]'];
 export class ActionMenuElement extends HTMLElement {
@@ -92,7 +92,7 @@ export class ActionMenuElement extends HTMLElement {
     }
     handleEvent(event) {
         var _a, _b, _c, _d;
-        if (event.target === this.invokerElement && __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isEnterKeydown).call(this, event)) {
+        if (event.target === this.invokerElement && __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isActivationKeydown).call(this, event)) {
             if (__classPrivateFieldGet(this, _ActionMenuElement_instances, "a", _ActionMenuElement_firstItem_get)) {
                 event.preventDefault();
                 (_a = this.popoverElement) === null || _a === void 0 ? void 0 : _a.showPopover();
@@ -105,7 +105,7 @@ export class ActionMenuElement extends HTMLElement {
         if (event.type === 'focusout' && !this.contains(event.relatedTarget)) {
             (_c = this.popoverElement) === null || _c === void 0 ? void 0 : _c.hidePopover();
         }
-        else if (__classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isEnterKeydown).call(this, event) || (event instanceof MouseEvent && event.type === 'click')) {
+        else if (__classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isActivationKeydown).call(this, event) || (event instanceof MouseEvent && event.type === 'click')) {
             const item = (_d = event.target.closest(menuItemSelectors.join(','))) === null || _d === void 0 ? void 0 : _d.closest('li');
             if (!item)
                 return;
@@ -194,11 +194,11 @@ _ActionMenuElement_abortController = new WeakMap(), _ActionMenuElement_originalL
             input.remove();
         }
     }
-}, _ActionMenuElement_isEnterKeydown = function _ActionMenuElement_isEnterKeydown(event) {
+}, _ActionMenuElement_isActivationKeydown = function _ActionMenuElement_isActivationKeydown(event) {
     return (event instanceof KeyboardEvent &&
         event.type === 'keydown' &&
         !(event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) &&
-        event.key === 'Enter');
+        (event.key === 'Enter' || event.key === ' '));
 }, _ActionMenuElement_firstItem_get = function _ActionMenuElement_firstItem_get() {
     return this.querySelector(menuItemSelectors.join(','));
 };

package/app/components/primer/beta/button_group.css

@@ -0,0 +1 @@
+.ButtonGroup{display:inline-flex}.ButtonGroup button{border-radius:0;margin-inline-end:-1px;position:relative}.ButtonGroup button:active,.ButtonGroup button:focus,.ButtonGroup button:hover{z-index:1}.ButtonGroup>.Button-withTooltip:first-child button,.ButtonGroup>:first-child{border-bottom-left-radius:var(--borderRadius-medium,6px);border-top-left-radius:var(--borderRadius-medium,6px)}.ButtonGroup>.Button-withTooltip:last-child button,.ButtonGroup>:last-child{border-bottom-right-radius:var(--borderRadius-medium,6px);border-top-right-radius:var(--borderRadius-medium,6px)}

package/app/components/primer/beta/button_group.css.json

@@ -0,0 +1,14 @@
+{
+  "name": "beta/button_group",
+  "selectors": [
+    ".ButtonGroup",
+    ".ButtonGroup button",
+    ".ButtonGroup button:active",
+    ".ButtonGroup button:focus",
+    ".ButtonGroup button:hover",
+    ".ButtonGroup>.Button-withTooltip:first-child button",
+    ".ButtonGroup>:first-child",
+    ".ButtonGroup>.Button-withTooltip:last-child button",
+    ".ButtonGroup>:last-child"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.1.10-rc.a7c97c4e",
+  "version": "0.1.10-rc.b33f9989",
   "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

@@ -3153,16 +3153,16 @@
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
     "parameters": [
       {
-        "name": "variant",
+        "name": "scheme",
         "type": "Symbol",
-        "default": "`nil`",
-        "description": "DEPRECATED. One of `:medium` or `:small`."
+        "default": "`:default`",
+        "description": "DEPRECATED. One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
       },
       {
         "name": "size",
         "type": "Symbol",
         "default": "`:medium`",
-        "description": "One of `:medium` or `:small`."
+        "description": "One of `:large`, `:medium`, or `:small`."
       },
       {
         "name": "system_arguments",

package/static/classes.json

@@ -69,6 +69,9 @@
   "Box--danger": [
     "Primer::Beta::BorderBox"
   ],
+  "ButtonGroup": [
+    "Primer::Beta::ButtonGroup"
+  ],
   "Label--info": [
     "Primer::Beta::Label"
   ],

package/static/info_arch.json

@@ -9652,16 +9652,16 @@
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
     "parameters": [
       {
-        "name": "variant",
+        "name": "scheme",
         "type": "Symbol",
-        "default": "`nil`",
-        "description": "DEPRECATED. One of `:medium` or `:small`."
+        "default": "`:default`",
+        "description": "DEPRECATED. One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
       },
       {
         "name": "size",
         "type": "Symbol",
         "default": "`:medium`",
-        "description": "One of `:medium` or `:small`."
+        "description": "One of `:large`, `:medium`, or `:small`."
       },
       {
         "name": "system_arguments",
@@ -9679,7 +9679,7 @@
             "name": "kwargs",
             "type": "Hash",
             "default": "N/A",
-            "description": "The same arguments as {{#link_to_component}}Primer::ButtonComponent{{/link_to_component}} except for `size` and `group_item`."
+            "description": "The same arguments as {{#link_to_component}}Primer::Beta::Button{{/link_to_component}}"
           }
         ]
       }
@@ -9711,6 +9711,30 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/beta/button_group/split_button",
+        "name": "split_button",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/beta/button_group/icon_buttons",
+        "name": "icon_buttons",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [

package/static/previews.json

@@ -1848,6 +1848,30 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/beta/button_group/split_button",
+        "name": "split_button",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/beta/button_group/icon_buttons",
+        "name": "icon_buttons",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },