openproject-primer_view_components 0.31.0 → 0.32.0

data/static/info_arch.json

@@ -16951,6 +16951,177 @@
 
     ]
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::SubHeader",
+    "description": "The SubHeader contains specific actions to modify the page content below, e.g a filter button or a create button\nIt should not be used stand alone, but in combination with a PageHeader, either as a direct sibling or as part of a tab content",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::SubHeader",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSubHeader",
+    "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": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "actions",
+        "description": "A button or custom content that will render on the right-hand side of the component.\n\nTo render a button, call the `with_button` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Button{{/link_to_component}}.\n\nTo render custom content, call the `with_button_component` method and pass a block that returns HTML.",
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "filter_input",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "filter_button",
+        "description": "A button or custom content that will render on the left-hand side of the component, next to the filter input.\n\nTo render a button, call the `with_filter_button` method, which accepts the arguments accepted by {{#link_to_component}}Primer::Beta::Button{{/link_to_component}}.\n\nTo render custom content, call the `with_filter_component` method and pass a block that returns HTML.",
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "text",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "bottom_pane_component",
+        "description": "A slot for a generic component which will be shown in a second row below the rest, spanning the whole width",
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/sub_header/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/default",
+        "name": "default",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/action_menu_buttons",
+        "name": "action_menu_buttons",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/dialog_buttons",
+        "name": "dialog_buttons",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/button_group",
+        "name": "button_group",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/custom_filter_button",
+        "name": "custom_filter_button",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/bottom_pane",
+        "name": "bottom_pane",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/text",
+        "name": "text",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::ZenModeButton",
     "description": "Add a general description of component here\nAdd additional usage considerations or best practices that may aid the user to use the component correctly.",

data/static/previews.json

@@ -6310,6 +6310,118 @@
       }
     ]
   },
+  {
+    "name": "sub_header",
+    "component": "OpenProject::SubHeader",
+    "status": "open_project",
+    "lookup_path": "primer/open_project/sub_header",
+    "examples": [
+      {
+        "preview_path": "primer/open_project/sub_header/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/default",
+        "name": "default",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/action_menu_buttons",
+        "name": "action_menu_buttons",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/dialog_buttons",
+        "name": "dialog_buttons",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/button_group",
+        "name": "button_group",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/custom_filter_button",
+        "name": "custom_filter_button",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/bottom_pane",
+        "name": "bottom_pane",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/sub_header/text",
+        "name": "text",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
   {
     "name": "subhead",
     "component": "Subhead",

data/static/statuses.json

@@ -123,6 +123,7 @@
   "Primer::OpenProject::PageHeader": "open_project",
   "Primer::OpenProject::PageHeader::Dialog": "open_project",
   "Primer::OpenProject::PageHeader::Menu": "open_project",
+  "Primer::OpenProject::SubHeader": "open_project",
   "Primer::OpenProject::ZenModeButton": "open_project",
   "Primer::Tooltip": "deprecated",
   "Primer::Truncate": "deprecated"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.31.0
+  version: 0.32.0
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-23 00:00:00.000000000 Z
+date: 2024-05-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -103,6 +103,7 @@ files:
 - app/assets/javascripts/app/components/primer/dialog_helper.d.ts
 - app/assets/javascripts/app/components/primer/focus_group.d.ts
 - app/assets/javascripts/app/components/primer/open_project/page_header_element.d.ts
+- app/assets/javascripts/app/components/primer/open_project/sub_header_element.d.ts
 - app/assets/javascripts/app/components/primer/open_project/zen_mode_button.d.ts
 - app/assets/javascripts/app/components/primer/primer.d.ts
 - app/assets/javascripts/app/components/primer/scrollable_region.d.ts
@@ -499,6 +500,15 @@ files:
 - app/components/primer/open_project/page_header_element.d.ts
 - app/components/primer/open_project/page_header_element.js
 - app/components/primer/open_project/page_header_element.ts
+- app/components/primer/open_project/sub_header.css
+- app/components/primer/open_project/sub_header.css.json
+- app/components/primer/open_project/sub_header.css.map
+- 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_element.d.ts
+- app/components/primer/open_project/sub_header_element.js
+- app/components/primer/open_project/sub_header_element.ts
 - app/components/primer/open_project/zen_mode_button.d.ts
 - app/components/primer/open_project/zen_mode_button.html.erb
 - app/components/primer/open_project/zen_mode_button.js
@@ -929,6 +939,12 @@ files:
 - previews/primer/open_project/page_header_preview.rb
 - previews/primer/open_project/page_header_preview/actions.html.erb
 - previews/primer/open_project/page_header_preview/playground.html.erb
+- previews/primer/open_project/sub_header_preview.rb
+- previews/primer/open_project/sub_header_preview/action_menu_buttons.html.erb
+- previews/primer/open_project/sub_header_preview/bottom_pane.html.erb
+- previews/primer/open_project/sub_header_preview/button_group.html.erb
+- previews/primer/open_project/sub_header_preview/custom_filter_button.html.erb
+- previews/primer/open_project/sub_header_preview/dialog_buttons.html.erb
 - previews/primer/open_project/zen_mode_button_preview.rb
 - previews/primer/url_helpers.rb
 - static/arguments.json