@primer/view-components 0.33.0 → 0.33.1-rc.19c5d1bd

package/app/components/primer/alpha/select_panel.css

@@ -0,0 +1 @@
+.SelectPanel-emptyPanel,.SelectPanel-loadingPanel{min-height:min(var(--overlay-height) - 10rem,100vh - 2rem)}

package/app/components/primer/alpha/select_panel.css.json

@@ -0,0 +1,7 @@
+{
+  "name": "alpha/select_panel",
+  "selectors": [
+    ".SelectPanel-emptyPanel",
+    ".SelectPanel-loadingPanel"
+  ]
+}

package/app/components/primer/alpha/select_panel_element.js

@@ -841,6 +841,9 @@ _SelectPanelElement_handleItemActivated = function _SelectPanelElement_handleIte
         return;
     const itemContent = __classPrivateFieldGet(this, _SelectPanelElement_instances, "m", _SelectPanelElement_getItemContent).call(this, item);
     if (this.selectVariant === 'single') {
+        // Don't check anything if we have an href
+        if (itemContent?.getAttribute('href'))
+            return;
         // disallow unchecking checked item in single-select mode
         if (!currentlyChecked) {
             for (const el of this.items) {

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

@@ -1 +1 @@
-.labels{position:relative}.Label,.label{border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:2em;display:inline-block;font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-medium);line-height:18px;padding:0 7px;white-space:nowrap}:is(.label,.Label):hover{-webkit-text-decoration:none;text-decoration:none}.Label--large{line-height:22px;padding-left:10px;padding-right:10px}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--borderColor-neutral-emphasis);color:var(--fgColor-default)}.Label--secondary{border-color:var(--borderColor-default);color:var(--fgColor-muted)}.Label--accent,.Label--info{border-color:var(--borderColor-accent-emphasis);color:var(--fgColor-accent)}.Label--success{border-color:var(--borderColor-success-emphasis);color:var(--fgColor-success)}.Label--attention,.Label--warning{border-color:var(--borderColor-attention-emphasis);color:var(--fgColor-attention)}.Label--severe{border-color:var(--borderColor-severe-emphasis);color:var(--fgColor-severe)}.Label--danger{border-color:var(--borderColor-danger-emphasis);color:var(--fgColor-danger)}.Label--open{border-color:var(--borderColor-open-emphasis);color:var(--fgColor-open)}.Label--closed{border-color:var(--borderColor-closed-emphasis);color:var(--fgColor-closed)}.Label--done{border-color:var(--borderColor-done-emphasis);color:var(--fgColor-done)}.Label--sponsors{border-color:var(--borderColor-sponsors-emphasis);color:var(--fgColor-sponsors)}
+.labels{position:relative}.Label,.label{border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-full);display:inline-block;font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-medium);line-height:18px;padding:0 var(--base-size-6);white-space:nowrap}:is(.label,.Label):hover{-webkit-text-decoration:none;text-decoration:none}.Label--large{line-height:22px;padding:0 var(--base-size-8)}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--borderColor-neutral-emphasis);color:var(--fgColor-default)}.Label--secondary{border-color:var(--borderColor-default);color:var(--fgColor-muted)}.Label--accent,.Label--info{border-color:var(--borderColor-accent-emphasis);color:var(--fgColor-accent)}.Label--success{border-color:var(--borderColor-success-emphasis);color:var(--fgColor-success)}.Label--attention,.Label--warning{border-color:var(--borderColor-attention-emphasis);color:var(--fgColor-attention)}.Label--severe{border-color:var(--borderColor-severe-emphasis);color:var(--fgColor-severe)}.Label--danger{border-color:var(--borderColor-danger-emphasis);color:var(--fgColor-danger)}.Label--open{border-color:var(--borderColor-open-emphasis);color:var(--fgColor-open)}.Label--closed{border-color:var(--borderColor-closed-emphasis);color:var(--fgColor-closed)}.Label--done{border-color:var(--borderColor-done-emphasis);color:var(--fgColor-done)}.Label--sponsors{border-color:var(--borderColor-sponsors-emphasis);color:var(--fgColor-sponsors)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.33.0",
+  "version": "0.33.1-rc.19c5d1bd",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -93,8 +93,8 @@
     "stylelint-config-standard": "^36.0.0",
     "tslib": "^2.4.0",
     "typescript": "^5.2.2",
-    "vite": "^5.3.5",
-    "vite-plugin-ruby": "^5.0.0"
+    "vite": "^5.4.3",
+    "vite-plugin-ruby": "^5.1.0"
   },
   "prettier": "@github/prettier-config",
   "browserslist": "extends @github/browserslist-config"

package/static/classes.json

@@ -495,6 +495,12 @@
   "SegmentedControl-item": [
     "Primer::Alpha::SegmentedControl"
   ],
+  "SelectPanel-emptyPanel": [
+    "Primer::Alpha::SelectPanel"
+  ],
+  "SelectPanel-loadingPanel": [
+    "Primer::Alpha::SelectPanel"
+  ],
   "State": [
     "Primer::Beta::State"
   ],

package/static/constants.json

@@ -611,7 +611,8 @@
       "single",
       "multiple",
       "none"
-    ]
+    ],
+    "Utils": "Primer::Alpha::SelectPanel::Utils"
   },
   "Primer::Alpha::SelectPanel::ItemList": {
   },