@primer/view-components 0.21.1 → 0.22.0-rc.7b21c876

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

@@ -34,18 +34,21 @@ export class ActionListTruncationObserver {
         this.resizeObserver.unobserve(el);
     }
     update(el) {
-        const label = el.querySelector('.ActionListItem-label');
-        if (!label)
-            return;
-        const tooltip = el.querySelector('.ActionListItem-truncationTooltip');
-        if (!tooltip)
-            return;
-        const isTruncated = label.scrollWidth > label.clientWidth;
-        if (isTruncated) {
-            tooltip.style.display = '';
-        }
-        else {
-            tooltip.style.display = 'none';
+        const items = el.querySelectorAll('li');
+        for (const item of items) {
+            const label = item.querySelector('.ActionListItem-label');
+            if (!label)
+                continue;
+            const tooltip = item.querySelector('.ActionListItem-truncationTooltip');
+            if (!tooltip)
+                continue;
+            const isTruncated = label.scrollWidth > label.clientWidth;
+            if (isTruncated) {
+                tooltip.style.display = '';
+            }
+            else {
+                tooltip.style.display = 'none';
+            }
         }
     }
 }

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

@@ -132,7 +132,7 @@ class ToolTipElement extends HTMLElement {
         display: block;
         right: 0;
         left: 0;
-        height: 12px;
+        height: var(--overlay-offset, 0.25rem);
         content: "";
       }
 

package/package.json

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

package/static/info_arch.json

@@ -9141,7 +9141,33 @@
       {
         "preview_path": "primer/alpha/underline_panels/default",
         "name": "default",
-        "snapshot": "false",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/underline_panels/with_icons_and_counters",
+        "name": "with_icons_and_counters",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/underline_panels/with_actions",
+        "name": "with_actions",
+        "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
             "region"

package/static/previews.json

@@ -7072,7 +7072,33 @@
       {
         "preview_path": "primer/alpha/underline_panels/default",
         "name": "default",
-        "snapshot": "false",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/underline_panels/with_icons_and_counters",
+        "name": "with_icons_and_counters",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/underline_panels/with_actions",
+        "name": "with_actions",
+        "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
             "region"