Merge pull request #135 from opf/bump/primer-upstream

Bump/primer upstream to 0.26.1

Author: HDinger

.changeset/perfect-jobs-pretend.md

@@ -0,0 +1,5 @@
+---
+'@openproject/primer-view-components': patch
+---
+
+Revert tab-container-element upgrade

.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/underline_panels/default/default.png

@@ -13,11 +13,6 @@
   overflow: hidden;
 }
 
-.tabnav::part(tablist-wrapper) {
-  margin-bottom: var(--stack-gap-normal);
-  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
-}
-
 .tabnav-tab {
   display: inline-block;
   flex-shrink: 0;
@@ -71,11 +66,6 @@
   }
 }
 
-tab-container .tabnav-tab {
-  margin-bottom: -1px;
-}
-
-
 /* Tabnav extras
 **
 ** Tabnav extras are non-tab elements that sit in the tabnav. Usually they're

.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/underline_panels/default/focused.png

@@ -1,9 +1,13 @@
-<%= render Primer::BaseComponent.new(**@system_arguments) do %>
-  <%= extra if @align == :left %>
-  <% tabs.each do |tab| %>
-    <%= tab %>
+<%= tab_container_wrapper(with_panel: true, **@wrapper_arguments) do %>
+  <%= render Primer::BaseComponent.new(**@system_arguments) do %>
+    <%= extra if @align == :left %>
+    <%= render Primer::BaseComponent.new(**@body_arguments) do %>
+      <% tabs.each do |tab| %>
+        <%= tab %>
+      <% end %>
+    <% end %>
+    <%= extra if @align == :right %>
   <% end %>
-  <%= extra if @align == :right %>
   <% tabs.each do |tab| %>
     <%= tab.panel %>
   <% end %>

.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/underline_panels/with_actions/default.png

@@ -26,7 +26,7 @@ class TabPanels < Primer::Component
         Primer::Alpha::Navigation::Tab.new(
           selected: selected,
           with_panel: true,
-          list: false,
+          list: true,
           panel_id: "panel-#{id}",
           **system_arguments
         )
@@ -43,14 +43,23 @@ class TabPanels < Primer::Component
 
       # @param label [String] Sets an `aria-label` that helps assistive technology users understand the purpose of the tabs.
       # @param align [Symbol] <%= one_of(Primer::TabNavHelper::EXTRA_ALIGN_OPTIONS) %> - Defaults to <%= Primer::TabNavHelper::EXTRA_ALIGN_DEFAULT %>
+      # @param body_arguments [Hash] <%= link_to_system_arguments_docs %> for the body wrapper.
+      # @param wrapper_arguments [Hash] <%= link_to_system_arguments_docs %> for the `TabContainer` wrapper.
       # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
       def initialize(label:, body_arguments: {}, wrapper_arguments: {}, **system_arguments)
         @align = EXTRA_ALIGN_DEFAULT
+        @wrapper_arguments = wrapper_arguments
 
-        @system_arguments = { **deny_tag_argument(**system_arguments), **deny_tag_argument(**wrapper_arguments) }
-        @system_arguments[:tag] = :"tab-container"
+        @system_arguments = deny_tag_argument(**system_arguments)
+        @system_arguments[:tag] = :div
         @system_arguments[:classes] = tab_nav_classes(@system_arguments[:classes])
-        @system_arguments[:"aria-label"] = label
+
+        @body_arguments = deny_tag_argument(**body_arguments)
+        @body_arguments[:tag] = :ul
+        @body_arguments[:classes] = tab_nav_body_classes(@body_arguments[:classes])
+
+        @body_arguments[:role] = :tablist
+        @body_arguments[:"aria-label"] = label
       end
 
       def before_render