@openproject/primer-view-components 0.37.0-rc.9963d5bb → 0.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.37.0-rc.9963d5bb",
+  "version": "0.37.0",
   "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

@@ -5053,6 +5053,33 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::SidePanel",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSidePanel",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/side_panel.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/side_panel/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::SidePanel::Section",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSidePanelSection",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/side_panel/section.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/side_panel/section/default/",
+    "parameters": [
+
+    ]
+  },
   {
     "component": "OpenProject::SubHeader",
     "status": "open_project",

package/static/audited_at.json

@@ -123,6 +123,8 @@
   "Primer::OpenProject::PageHeader": "",
   "Primer::OpenProject::PageHeader::Dialog": "",
   "Primer::OpenProject::PageHeader::Menu": "",
+  "Primer::OpenProject::SidePanel": "",
+  "Primer::OpenProject::SidePanel::Section": "",
   "Primer::OpenProject::SubHeader": "",
   "Primer::OpenProject::ZenModeButton": "",
   "Primer::Tooltip": "",

package/static/constants.json

@@ -1480,6 +1480,26 @@
   },
   "Primer::OpenProject::PageHeader::Menu": {
   },
+  "Primer::OpenProject::SidePanel": {
+    "Section": "Primer::OpenProject::SidePanel::Section"
+  },
+  "Primer::OpenProject::SidePanel::Section": {
+    "DEFAULT_TAG": "section",
+    "TAG_OPTIONS": [
+      "section",
+      "div",
+      "span"
+    ],
+    "TITLE_TAG_FALLBACK": "h4",
+    "TITLE_TAG_OPTIONS": [
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6"
+    ]
+  },
   "Primer::OpenProject::SubHeader": {
     "HIDDEN_FILTER_TARGET_SELECTOR": "sub-header.hiddenItemsOnExpandedFilter",
     "SHOWN_FILTER_TARGET_SELECTOR": "sub-header.shownItemsOnExpandedFilter"

package/static/info_arch.json

@@ -17138,6 +17138,158 @@
 
     ]
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::SidePanel",
+    "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.",
+    "accessibility_docs": "Add any accessibility considerations",
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::SidePanel",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSidePanel",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/side_panel.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/side_panel/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "sections",
+        "description": "A side panel consists of one or multiple sections",
+        "parameters": [
+          {
+            "name": "grid_row_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "Arguments to pass to +Primer::OpenProject::BorderGrid::Cell+ %>"
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/side_panel/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/side_panel/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/side_panel/with_component",
+        "name": "with_component",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::SidePanel::Section",
+    "description": "SidePanel::Section is an internal component that deals with individual sections of a sidepanel.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::SidePanel::Section",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSidePanelSection",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/side_panel/section.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/side_panel/section/default/",
+    "parameters": [
+
+    ],
+    "slots": [
+      {
+        "name": "title",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "counter",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "action",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "description",
+        "description": null,
+        "parameters": [
+
+        ]
+      },
+      {
+        "name": "footer",
+        "description": null,
+        "parameters": [
+
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
   {
     "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",

package/static/previews.json

@@ -6307,6 +6307,53 @@
       }
     ]
   },
+  {
+    "name": "side_panel",
+    "component": "OpenProject::SidePanel",
+    "status": "open_project",
+    "lookup_path": "primer/open_project/side_panel",
+    "examples": [
+      {
+        "preview_path": "primer/open_project/side_panel/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/side_panel/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/side_panel/with_component",
+        "name": "with_component",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
   {
     "name": "spinner",
     "component": "Spinner",

package/static/statuses.json

@@ -123,6 +123,8 @@
   "Primer::OpenProject::PageHeader": "open_project",
   "Primer::OpenProject::PageHeader::Dialog": "open_project",
   "Primer::OpenProject::PageHeader::Menu": "open_project",
+  "Primer::OpenProject::SidePanel": "open_project",
+  "Primer::OpenProject::SidePanel::Section": "open_project",
   "Primer::OpenProject::SubHeader": "open_project",
   "Primer::OpenProject::ZenModeButton": "open_project",
   "Primer::Tooltip": "deprecated",