openproject-primer_view_components 0.65.0 → 0.66.1

data/static/arguments.json

@@ -5712,6 +5712,130 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::SubHeader::Button",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSubHeaderButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/button/default/",
+    "parameters": [
+      {
+        "name": "icon",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "The name of an [Octicon](https://primer.style/octicons/) icon to use as leading visual"
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::SubHeader::ButtonGroup",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSubHeaderButtonGroup",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/button_group.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/button_group/default/",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "DEPRECATED. One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::SubHeader::Menu",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSubHeaderMenu",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/menu.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/menu/default/",
+    "parameters": [
+      {
+        "name": "icon_only",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the trigger button is an IconButton"
+      },
+      {
+        "name": "leading_icon",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "Name of Octicon icon to use as either leading icon or IconButton."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "The button label"
+      },
+      {
+        "name": "button_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Additional arguments for the button"
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::SubHeader::SegmentedControl",
+    "status": "open_project",
+    "a11y_reviewed": true,
+    "short_name": "OpenProjectSubHeaderSegmentedControl",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/segmented_control.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/segmented_control/default/",
+    "parameters": [
+      {
+        "name": "hide_labels",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to hide the labels and only show the icons"
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If the component should be full width"
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "OpenProject::TreeView",
     "status": "alpha",

data/static/audited_at.json

@@ -144,6 +144,10 @@
   "Primer::OpenProject::SidePanel::Section": "",
   "Primer::OpenProject::SkeletonBox": "",
   "Primer::OpenProject::SubHeader": "",
+  "Primer::OpenProject::SubHeader::Button": "",
+  "Primer::OpenProject::SubHeader::ButtonGroup": "",
+  "Primer::OpenProject::SubHeader::Menu": "",
+  "Primer::OpenProject::SubHeader::SegmentedControl": "2023-02-01",
   "Primer::OpenProject::TreeView": "",
   "Primer::OpenProject::TreeView::Icon": "",
   "Primer::OpenProject::TreeView::IconPair": "",

data/static/classes.json

@@ -619,6 +619,9 @@
   "SubHeader": [
     "Primer::OpenProject::SubHeader"
   ],
+  "SubHeader--emptyLeftPane": [
+    "Primer::OpenProject::SubHeader"
+  ],
   "SubHeader--expandedSearch": [
     "Primer::OpenProject::SubHeader"
   ],

data/static/constants.json

@@ -1757,9 +1757,33 @@
     "GeneratedSlotMethods": "Primer::OpenProject::SkeletonBox::GeneratedSlotMethods"
   },
   "Primer::OpenProject::SubHeader": {
+    "Button": "Primer::OpenProject::SubHeader::Button",
+    "ButtonGroup": "Primer::OpenProject::SubHeader::ButtonGroup",
+    "DESKTOP_ACTIONS_DISPLAY": [
+      "none",
+      "flex"
+    ],
     "GeneratedSlotMethods": "Primer::OpenProject::SubHeader::GeneratedSlotMethods",
     "HIDDEN_FILTER_TARGET_SELECTOR": "sub-header.hiddenItemsOnExpandedFilter",
-    "SHOWN_FILTER_TARGET_SELECTOR": "sub-header.shownItemsOnExpandedFilter"
+    "MOBILE_ACTIONS_DISPLAY": [
+      "flex",
+      "none"
+    ],
+    "Menu": "Primer::OpenProject::SubHeader::Menu",
+    "SHOWN_FILTER_TARGET_SELECTOR": "sub-header.shownItemsOnExpandedFilter",
+    "SegmentedControl": "Primer::OpenProject::SubHeader::SegmentedControl"
+  },
+  "Primer::OpenProject::SubHeader::Button": {
+    "GeneratedSlotMethods": "Primer::OpenProject::SubHeader::Button::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::SubHeader::ButtonGroup": {
+    "GeneratedSlotMethods": "Primer::OpenProject::SubHeader::ButtonGroup::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::SubHeader::Menu": {
+    "GeneratedSlotMethods": "Primer::OpenProject::SubHeader::Menu::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::SubHeader::SegmentedControl": {
+    "GeneratedSlotMethods": "Primer::OpenProject::SubHeader::SegmentedControl::GeneratedSlotMethods"
   },
   "Primer::OpenProject::TreeView": {
     "GeneratedSlotMethods": "Primer::OpenProject::TreeView::GeneratedSlotMethods",

data/static/info_arch.json

@@ -20071,6 +20071,13 @@
 
         ]
       },
+      {
+        "name": "segmented_control",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
       {
         "name": "text",
         "description": null,
@@ -20168,6 +20175,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/open_project/sub_header/segmented_control",
+        "name": "segmented_control",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/open_project/sub_header/bottom_pane",
         "name": "bottom_pane",
@@ -20199,6 +20219,231 @@
 
     ]
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::SubHeader::Button",
+    "description": "A Helper class to create a Button with required icon inside the SubHeader action slot\nDo not use standalone",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::SubHeader::Button",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSubHeaderButton",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/button/default/",
+    "parameters": [
+      {
+        "name": "icon",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "The name of an {{link_to_octicons}} icon to use as leading visual"
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "leading_visual_icon",
+        "description": null,
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::SubHeader::ButtonGroup",
+    "description": "A Helper class to create ButtonGroups inside the SubHeader action slot\nDo not use standalone",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::SubHeader::ButtonGroup",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSubHeaderButtonGroup",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/button_group.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/button_group/default/",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "DEPRECATED. One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "buttons",
+        "description": "List of buttons to be rendered. Add buttons via the `#with_button`, `#with_menu_button`, and `#with_clipboard_copy_button` methods (see below).",
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::SubHeader::Menu",
+    "description": "A Helper class to create an ActionMenu with a required icon on the trigger button.\nIt is meant to be used inside the SubHeader\nDo not use standalone",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::SubHeader::Menu",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSubHeaderMenu",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/menu.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/menu/default/",
+    "parameters": [
+      {
+        "name": "icon_only",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the trigger button is an IconButton"
+      },
+      {
+        "name": "leading_icon",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "Name of Octicon icon to use as either leading icon or IconButton."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "The button label"
+      },
+      {
+        "name": "button_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Additional arguments for the button"
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "show_button",
+        "description": null,
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::SubHeader::SegmentedControl",
+    "description": "A Helper class to create SegmentedControls inside the SubHeader action slot\nDo not use standalone",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::SubHeader::SegmentedControl",
+    "status": "open_project",
+    "a11y_reviewed": true,
+    "short_name": "OpenProjectSubHeaderSegmentedControl",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/segmented_control.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/segmented_control/default/",
+    "parameters": [
+      {
+        "name": "hide_labels",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to hide the labels and only show the icons"
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If the component should be full width"
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "items",
+        "description": "Use to render an item in the segmented control",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::TreeView",
     "description": "TreeView is a hierarchical list of items that may have a parent-child relationship where children\ncan be toggled into view by expanding or collapsing their parent item.\n\n## Terminology\n\nConsider the following tree structure:\n\nsrc\n├ button.rb\n└ action_list\n  ├ item.rb\n  └ header.rb\n\n1. **Node**. A node is an item in the tree. Nodes can either be \"leaf\" nodes (i.e. have no children), or \"sub-tree\"\nnodes, which do have children. In the example above, button.rb, item.rb, and header.rb are all leaf nodes, while\naction_list is a sub-tree node.\n2. **Path**. A node's path is like its ID. It's an array of strings containing the current node's label and all the\nlabels of its ancestors, in order. In the example above, header.rb's path is [\"src\", \"action_list\", \"header.rb\"].\n\n## Static nodes\n\nThe `TreeView` component allows items to be provided statically or loaded dynamically from the server.\nProviding items statically is done using the `leaf` and `sub_tree` slots:\n\n```erb\n<%= render(Primer::OpenProject::TreeView.new) do |tree| %>\n  <% tree.with_sub_tree(label: \"Directory\") do |sub_tree| %>\n    <% sub_tree.with_leaf(label: \"File 1\")\n  <% end %>\n  <% tree.with_leaf(label: \"File 2\") %>\n<% end %>\n```\n\n## Dynamic nodes\n\nTree nodes can also be fetched dynamically from the server and will require creating a Rails controller action\nto respond with the list of nodes. Unlike other Primer components, `TreeView` allows the programmer to specify\nloading behavior on a per-sub-tree basis, i.e. each sub-tree must specify how its nodes are loaded. To load nodes\ndynamically for a given sub-tree, configure it with either a loading spinner or a loading skeleton, and provide\nthe URL to fetch nodes from:\n\n```erb\n<%= render(Primer::OpenProject::TreeView.new) do |tree| %>\n  <% tree.with_sub_tree(label: \"Directory\") do |sub_tree| %>\n    <% sub_tree.with_loading_spinner(src: tree_view_items_path) %>\n  <% end %>\n<% end %>\n```\n\nDefine a controller action to serve the list of nodes. The `TreeView` component automatically includes the\nsub-tree's path as a GET parameter, encoded as a JSON array.\n\n```ruby\nclass TreeViewItemsController < ApplicationController\n  def show\n    @path = JSON.parse(params[:path])\n    @results = get_tree_items(starting_at: path)\n  end\nend\n```\n\nResponses must be HTML fragments, eg. have a content type of `text/html+fragment`. This content type isn't\navailable by default in Rails, so you may have to register it eg. in an initializer:\n\n```ruby\nMime::Type.register(\"text/fragment+html\", :html_fragment)\n```\n\nRender a `Primer::OpenProject::TreeView::SubTree` in the action's template, tree_view_items/show.html_fragment.erb:\n\n```erb\n<%= render(Primer::OpenProject::TreeView::SubTree.new(path: @path)) do |tree| %>\n  <% tree.with_leaf(...) %>\n  <% tree.with_sub_tree(...) do |sub_tree| %>\n    ...\n  <% end %>\n<% end %>\n```\n\n### JavaScript API\n\n`TreeView`s render a `<tree-view>` custom element that exposes behavior to the client.\n\n|Name                                                              |Notes                                                                                                                                             |\n|:-----------------------------------------------------------------|:-------------------------------------------------------------------------------------------------------------------------------------------------|\n|`getNodePath(node: Element): string[]`                            |Returns the path to the given node.                                                                                                               |\n|`getNodeType(node: Element): TreeViewNodeType | null`             |Returns either `\"leaf\"` or `\"sub-tree\"`.                                                                                                          |\n|`markCurrentAtPath(path: string[])`                               |Marks the node as the \"current\" node, which appears visually distinct from other nodes.                                                           |\n|`get currentNode(): HTMLLIElement | null`                         |Returns the current node.                                                                                                                         |\n|`expandAtPath(path: string[])`                                    |Expands the sub-tree at `path`.                                                                                                                   |\n|`collapseAtPath(path: string[])`                                  |Collapses the sub-tree at `path`.                                                                                                                 |\n|`toggleAtPath(path: string[])`                                    |If the sub-tree at `path` is collapsed, this function expands it, and vice-versa.                                                                 |\n|`checkAtPath(path: string[])`                                     |If the node at `path` has a checkbox, this function checks it.                                                                                    |\n|`uncheckAtPath(path: string[])`                                   |If the node at `path` has a checkbox, this function unchecks it.                                                                                  |\n|`toggleCheckedAtPath(path: string[])`                             |If the sub-tree at `path` is checked, this function unchecks it, and vice-versa.                                                                  |\n|`checkedValueAtPath(path: string[]): TreeViewCheckedValue`        |Returns `\"true\"` (all child nodes are checked), `\"false\"` (no child nodes are checked), or `\"mixed\"` (some child nodes are checked, some are not).|\n|`nodeAtPath(path: string[], selector?: string): Element | null`   |Returns the node for the given `path`, either a leaf node or sub-tree node.                                                                       |\n|`subTreeAtPath(path: string[]): TreeViewSubTreeNodeElement | null`|Returns the sub-tree at the given `path`, if it exists.                                                                                           |\n|`leafAtPath(path: string[]): HTMLLIElement | null`                |Returns the leaf node at the given `path`, if it exists.                                                                                          |\n|`getNodeCheckedValue(node: Element): TreeViewCheckedValue`        |The same as `checkedValueAtPath`, but accepts a node instead of a path.                                                                           |\n\n#### Events\n\nThe events enumerated below include node information by way of the `TreeViewNodeInfo` object, which has the\nfollowing signature:\n\n```typescript\ntype TreeViewNodeType = 'leaf' | 'sub-tree'\ntype TreeViewCheckedValue = 'true' | 'false' | 'mixed'\n\ntype TreeViewNodeInfo = {\n  node: Element\n  type: TreeViewNodeType\n  path: string[]\n  checkedValue: TreeViewCheckedValue\n  previousCheckedValue: TreeViewCheckedValue\n}\n```\n\n|Name                         |Type                                       |Bubbles |Cancelable |\n|:----------------------------|:------------------------------------------|:-------|:----------|\n|`treeViewNodeActivated`      |`CustomEvent<TreeViewNodeInfo>`            |Yes     |No         |\n|`treeViewBeforeNodeActivated`|`CustomEvent<TreeViewNodeInfo>`            |Yes     |Yes        |\n|`treeViewNodeExpanded`       |`CustomEvent<TreeViewNodeInfo>>`           |Yes     |No         |\n|`treeViewNodeCollapsed`      |`CustomEvent<TreeViewNodeInfo>>`           |Yes     |No         |\n|`treeViewNodeChecked`        |`CustomEvent<TreeViewNodeInfo[]>`          |Yes     |Yes        |\n|`treeViewBeforeNodeChecked`  |`CustomEvent<TreeViewNodeInfo[]>`          |Yes     |No         |\n\n_Item activation_\n\nThe `<tree-view>` element fires an `treeViewNodeActivated` event whenever a node is activated (eg. clicked)\nvia the mouse or keyboard.\n\nThe `treeViewBeforeNodeActivated` event fires before a node is activated. Canceling this event will prevent the\nnode from being activated.\n\n```typescript\ndocument.querySelector(\"select-panel\").addEventListener(\n  \"treeViewBeforeNodeActivated\",\n  (event: CustomEvent<TreeViewNodeInfo>) => {\n    event.preventDefault() // Cancel the event to prevent activation (eg. expanding/collapsing)\n  }\n)\n```\n\n_Item checking/unchecking_\n\nThe `tree-view` element fires a `treeViewNodeChecked` event whenever a node is checked or unchecked.\n\nThe `treeViewBeforeNodeChecked` event fires before a node is checked or unchecked. Canceling this event will\nprevent the check/uncheck operation.\n\n```typescript\ndocument.querySelector(\"select-panel\").addEventListener(\n  \"treeViewBeforeNodeChecked\",\n  (event: CustomEvent<TreeViewNodeInfo[]>) => {\n    event.preventDefault() // Cancel the event to prevent activation (eg. expanding/collapsing)\n  }\n)\n```\n\nBecause checking or unchecking a sub-tree results in the checking or unchecking of all its children recursively,\nboth the `treeViewNodeChecked` and `treeViewBeforeNodeChecked` events provide an array of `TreeViewNodeInfo`\nobjects, which contain entries for every modified node in the tree.",

data/static/previews.json

@@ -7621,6 +7621,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/open_project/sub_header/segmented_control",
+        "name": "segmented_control",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/open_project/sub_header/bottom_pane",
         "name": "bottom_pane",

data/static/statuses.json

@@ -144,6 +144,10 @@
   "Primer::OpenProject::SidePanel::Section": "open_project",
   "Primer::OpenProject::SkeletonBox": "alpha",
   "Primer::OpenProject::SubHeader": "open_project",
+  "Primer::OpenProject::SubHeader::Button": "open_project",
+  "Primer::OpenProject::SubHeader::ButtonGroup": "open_project",
+  "Primer::OpenProject::SubHeader::Menu": "open_project",
+  "Primer::OpenProject::SubHeader::SegmentedControl": "open_project",
   "Primer::OpenProject::TreeView": "alpha",
   "Primer::OpenProject::TreeView::Icon": "alpha",
   "Primer::OpenProject::TreeView::IconPair": "alpha",

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.65.0
+  version: 0.66.1
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-05-09 00:00:00.000000000 Z
+date: 2025-05-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -596,6 +596,10 @@ files:
 - app/components/primer/open_project/sub_header.html.erb
 - app/components/primer/open_project/sub_header.pcss
 - app/components/primer/open_project/sub_header.rb
+- app/components/primer/open_project/sub_header/button.rb
+- app/components/primer/open_project/sub_header/button_group.rb
+- app/components/primer/open_project/sub_header/menu.rb
+- app/components/primer/open_project/sub_header/segmented_control.rb
 - app/components/primer/open_project/sub_header_element.d.ts
 - app/components/primer/open_project/sub_header_element.js
 - app/components/primer/open_project/sub_header_element.ts