@primer/view-components 0.21.1-rc.e895ac79 → 0.22.0-rc.41b884a7

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.21.1-rc.e895ac79",
+  "version": "0.22.0-rc.41b884a7",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -63,7 +63,7 @@
     "@github/prettier-config": "0.0.6",
     "@playwright/test": "^1.35.1",
     "@primer/css": "21.2.2",
-    "@primer/primitives": "7.15.12",
+    "@primer/primitives": "7.15.14",
     "@primer/stylelint-config": "^12.7.2",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^8.3.3",

package/static/info_arch.json

@@ -3440,6 +3440,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/dialog/initally_open",
+        "name": "initally_open",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -9128,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

@@ -3217,6 +3217,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/dialog/initally_open",
+        "name": "initally_open",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },
@@ -7059,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"