@openproject/primer-view-components 0.91.4 → 0.92.0-rc.58bbe1b03

package/README.md

@@ -2,25 +2,6 @@
 
 <p align="center">Fork of ViewComponents for the Primer Design System used for OpenProject.</p>
 
-> [!WARNING]
-> As part of GitHub’s move to React-based interfaces, Primer ViewComponents is in maintenance mode as of February 2026.
->
-> Maintenance mode means:
->
-> * this project is **not accepting new features, components, or significant enhancements.**
-> * the Primer team at GitHub will continue providing:
->   * Security updates
->   * Dependency bumps
->   * Critical/P0 bug fixes
-> * issues, PRs, and discussions / community Q&A remain open, but maintainer response is not guaranteed
-The Primer team continues to focus its resources on strategic investments that help GitHub and its customers to be successful, while making developers’ lives easier. The Primer design system remains a part of this vision through [guidance](https://primer.style/product/ui-patterns/), [tooling](https://primer.style/product/getting-started/react/), and ready-to-use [React](https://primer.style/product/components/) and [web components](https://github.com/github/github-elements).
->
-> We encourage internal GitHub consumers to plan to migrate from Primer ViewComponents to [Primer React](https://github.com/primer/react).
->
-> Non-GitHub consumers should consider forking and maintaining a copy of this repo.
->
-> Questions may be posted on the [maintenance mode announcement](https://github.com/primer/view_components/discussions/3908). Thank you for your support and interest!
-
 ## Contribution
 
 Please have a look at our [Contribution docs](./docs/contributors/README.md) to learn about any ways to contribute as for example

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.91.4",
+  "version": "0.92.0-rc.58bbe1b03",
   "description": "ViewComponents of the Primer Design System for OpenProject",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/arguments.json

@@ -6513,12 +6513,6 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/default/",
     "parameters": [
-      {
-        "name": "collapsed_search",
-        "type": "Boolean",
-        "default": "`true`",
-        "description": "When true, the search bar starts collapsed as an icon button on all screen sizes. Clicking expands it."
-      },
       {
         "name": "system_arguments",
         "type": "Hash",

package/static/classnames.cjs

@@ -1,4 +1,5 @@
 module.exports = new Set([
+  ':popover-open',
   'ActionBar',
   'ActionBar--large',
   'ActionBar--small',
@@ -15,9 +16,13 @@ module.exports = new Set([
   'ActionListContent--hasActiveSubItem',
   'ActionListContent--sizeLarge',
   'ActionListContent--sizeXLarge',
+  'ActionListContent--visual16',
+  'ActionListContent--visual20',
+  'ActionListContent--visual24',
   'ActionListHeader',
   'ActionListItem',
   'ActionListItem--danger',
+  'ActionListItem--disabled',
   'ActionListItem--hasSubItem',
   'ActionListItem--navActive',
   'ActionListItem--subItem',
@@ -72,6 +77,7 @@ module.exports = new Set([
   'Box-footer',
   'Box-header',
   'Box-header--blue',
+  'Box-list',
   'Box-list--roundedBottom',
   'Box-list--roundedTop',
   'Box-row',
@@ -97,6 +103,7 @@ module.exports = new Set([
   'Button--labelWrap',
   'Button--large',
   'Button--link',
+  'Button--medium',
   'Button--primary',
   'Button--secondary',
   'Button--small',
@@ -109,6 +116,7 @@ module.exports = new Set([
   'Button-visual',
   'ButtonGroup',
   'CollapsibleHeader',
+  'CollapsibleHeader--collapsed',
   'CollapsibleHeader--multi-line',
   'CollapsibleHeader-description',
   'CollapsibleHeader-title-line',
@@ -139,6 +147,7 @@ module.exports = new Set([
   'FormControl-input-trailingAction',
   'FormControl-input-trailingAction--divider',
   'FormControl-input-trailingVisualLabel',
+  'FormControl-input-trailingVisualText',
   'FormControl-input-trailingVisualWrap',
   'FormControl-input-width--auto',
   'FormControl-input-width--large',
@@ -277,6 +286,7 @@ module.exports = new Set([
   'Overlay-form',
   'Overlay-header',
   'Overlay-header--divided',
+  'Overlay-header--large',
   'Overlay-headerContentWrap',
   'Overlay-headerFilter',
   'Overlay-title',
@@ -454,6 +464,9 @@ module.exports = new Set([
   'btn-small-mktg',
   'btn-subtle-mktg',
   'close-button',
+  'container-lg',
+  'container-md',
+  'container-xl',
   'css-truncate',
   'css-truncate-overflow',
   'css-truncate-target',
@@ -482,6 +495,7 @@ module.exports = new Set([
   'flash-messages',
   'flash-success',
   'flash-warn',
+  'focus',
   'form-control',
   'has-modal',
   'has-modal-disable-scroll',

package/static/classnames.js

@@ -1,4 +1,5 @@
 const classNames = new Set([
+  ':popover-open',
   'ActionBar',
   'ActionBar--large',
   'ActionBar--small',
@@ -15,9 +16,13 @@ const classNames = new Set([
   'ActionListContent--hasActiveSubItem',
   'ActionListContent--sizeLarge',
   'ActionListContent--sizeXLarge',
+  'ActionListContent--visual16',
+  'ActionListContent--visual20',
+  'ActionListContent--visual24',
   'ActionListHeader',
   'ActionListItem',
   'ActionListItem--danger',
+  'ActionListItem--disabled',
   'ActionListItem--hasSubItem',
   'ActionListItem--navActive',
   'ActionListItem--subItem',
@@ -72,6 +77,7 @@ const classNames = new Set([
   'Box-footer',
   'Box-header',
   'Box-header--blue',
+  'Box-list',
   'Box-list--roundedBottom',
   'Box-list--roundedTop',
   'Box-row',
@@ -97,6 +103,7 @@ const classNames = new Set([
   'Button--labelWrap',
   'Button--large',
   'Button--link',
+  'Button--medium',
   'Button--primary',
   'Button--secondary',
   'Button--small',
@@ -109,6 +116,7 @@ const classNames = new Set([
   'Button-visual',
   'ButtonGroup',
   'CollapsibleHeader',
+  'CollapsibleHeader--collapsed',
   'CollapsibleHeader--multi-line',
   'CollapsibleHeader-description',
   'CollapsibleHeader-title-line',
@@ -139,6 +147,7 @@ const classNames = new Set([
   'FormControl-input-trailingAction',
   'FormControl-input-trailingAction--divider',
   'FormControl-input-trailingVisualLabel',
+  'FormControl-input-trailingVisualText',
   'FormControl-input-trailingVisualWrap',
   'FormControl-input-width--auto',
   'FormControl-input-width--large',
@@ -277,6 +286,7 @@ const classNames = new Set([
   'Overlay-form',
   'Overlay-header',
   'Overlay-header--divided',
+  'Overlay-header--large',
   'Overlay-headerContentWrap',
   'Overlay-headerFilter',
   'Overlay-title',
@@ -454,6 +464,9 @@ const classNames = new Set([
   'btn-small-mktg',
   'btn-subtle-mktg',
   'close-button',
+  'container-lg',
+  'container-md',
+  'container-xl',
   'css-truncate',
   'css-truncate-overflow',
   'css-truncate-target',
@@ -482,6 +495,7 @@ const classNames = new Set([
   'flash-messages',
   'flash-success',
   'flash-warn',
+  'focus',
   'form-control',
   'has-modal',
   'has-modal-disable-scroll',

package/static/info_arch.json

@@ -21925,12 +21925,6 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/default/",
     "parameters": [
-      {
-        "name": "collapsed_search",
-        "type": "Boolean",
-        "default": "`true`",
-        "description": "When true, the search bar starts collapsed as an icon button on all screen sizes. Clicking expands it."
-      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -22003,7 +21997,7 @@
       {
         "preview_path": "primer/open_project/sub_header/default",
         "name": "default",
-        "snapshot": "false",
+        "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -22079,8 +22073,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/sub_header/expanded_search",
-        "name": "expanded_search",
+        "preview_path": "primer/open_project/sub_header/quick_filters",
+        "name": "quick_filters",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -22092,8 +22086,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/sub_header/quick_filters",
-        "name": "quick_filters",
+        "preview_path": "primer/open_project/sub_header/bottom_pane",
+        "name": "bottom_pane",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -22105,8 +22099,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/sub_header/bottom_pane",
-        "name": "bottom_pane",
+        "preview_path": "primer/open_project/sub_header/text",
+        "name": "text",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -22118,9 +22112,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/sub_header/text",
-        "name": "text",
-        "snapshot": "false",
+        "preview_path": "primer/open_project/sub_header/expanded_search",
+        "name": "expanded_search",
+        "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
             "region"

package/static/previews.json

@@ -9979,7 +9979,7 @@
       {
         "preview_path": "primer/open_project/sub_header/default",
         "name": "default",
-        "snapshot": "false",
+        "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
             "region"
@@ -10055,8 +10055,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/sub_header/expanded_search",
-        "name": "expanded_search",
+        "preview_path": "primer/open_project/sub_header/quick_filters",
+        "name": "quick_filters",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -10068,8 +10068,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/sub_header/quick_filters",
-        "name": "quick_filters",
+        "preview_path": "primer/open_project/sub_header/bottom_pane",
+        "name": "bottom_pane",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -10081,8 +10081,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/sub_header/bottom_pane",
-        "name": "bottom_pane",
+        "preview_path": "primer/open_project/sub_header/text",
+        "name": "text",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -10094,9 +10094,9 @@
         }
       },
       {
-        "preview_path": "primer/open_project/sub_header/text",
-        "name": "text",
-        "snapshot": "false",
+        "preview_path": "primer/open_project/sub_header/expanded_search",
+        "name": "expanded_search",
+        "snapshot": "true",
         "skip_rules": {
           "wont_fix": [
             "region"