@openproject/primer-view-components 0.10.0 → 0.11.0-rc.518a98f9

package/app/components/primer/open_project/border_grid.css

@@ -0,0 +1 @@
+.BorderGrid{border-collapse:collapse;border-style:hidden;display:table;margin-bottom:-16px;margin-top:-16px;table-layout:fixed;width:100%}.BorderGrid .BorderGrid-cell{padding-bottom:16px;padding-top:16px}.BorderGrid--spacious{margin-bottom:-24px;margin-top:-24px}.BorderGrid--spacious .BorderGrid-cell{padding-bottom:24px;padding-top:24px}.BorderGrid-row{display:table-row}.BorderGrid-cell{border:1px solid var(--borderColor-muted,var(--color-border-muted));display:table-cell}

package/app/components/primer/open_project/border_grid.css.json

@@ -0,0 +1,11 @@
+{
+  "name": "open_project/border_grid",
+  "selectors": [
+    ".BorderGrid",
+    ".BorderGrid .BorderGrid-cell",
+    ".BorderGrid--spacious",
+    ".BorderGrid--spacious .BorderGrid-cell",
+    ".BorderGrid-row",
+    ".BorderGrid-cell"
+  ]
+}

package/app/components/primer/open_project/drag_handle.css

@@ -0,0 +1 @@
+.DragHandle{color:var(--fgColor-muted,var(--color-fg-muted));cursor:move}

package/app/components/primer/open_project/drag_handle.css.json

@@ -0,0 +1,6 @@
+{
+  "name": "open_project/drag_handle",
+  "selectors": [
+    ".DragHandle"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.10.0",
+  "version": "0.11.0-rc.518a98f9",
   "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

@@ -4423,6 +4423,60 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::BorderGrid",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectBorderGrid",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/default/",
+    "parameters": [
+      {
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to add margin to the bottom of the component."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::BorderGrid::Cell",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectBorderGridCell",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid/cell.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/cell/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::DragHandle",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectDragHandle",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/drag_handle.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/drag_handle/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "OpenProject::PageHeader",
     "status": "open_project",

package/static/audited_at.json

@@ -102,6 +102,9 @@
   "Primer::IconButton": "",
   "Primer::LayoutComponent": "",
   "Primer::Navigation::TabComponent": "",
+  "Primer::OpenProject::BorderGrid": "",
+  "Primer::OpenProject::BorderGrid::Cell": "",
+  "Primer::OpenProject::DragHandle": "",
   "Primer::OpenProject::PageHeader": "",
   "Primer::Tooltip": "",
   "Primer::Truncate": ""

package/static/classes.json

@@ -101,6 +101,18 @@
   "Banner": [
     "Primer::Alpha::Banner"
   ],
+  "BorderGrid": [
+    "Primer::OpenProject::BorderGrid"
+  ],
+  "BorderGrid--spacious": [
+    "Primer::OpenProject::BorderGrid"
+  ],
+  "BorderGrid-cell": [
+    "Primer::OpenProject::BorderGrid"
+  ],
+  "BorderGrid-row": [
+    "Primer::OpenProject::BorderGrid"
+  ],
   "Box": [
     "Primer::Beta::BorderBox"
   ],
@@ -233,6 +245,9 @@
   "Counter--secondary": [
     "Primer::Beta::Counter"
   ],
+  "DragHandle": [
+    "Primer::OpenProject::DragHandle"
+  ],
   "FormControl": [
     "Primer::Alpha::TextField"
   ],

package/static/constants.json

@@ -1300,6 +1300,19 @@
   },
   "Primer::Navigation::TabComponent": {
   },
+  "Primer::OpenProject::BorderGrid": {
+    "Cell": "Primer::OpenProject::BorderGrid::Cell"
+  },
+  "Primer::OpenProject::BorderGrid::Cell": {
+  },
+  "Primer::OpenProject::DragHandle": {
+    "DEFAULT_SIZE": "small",
+    "SIZE_OPTIONS": [
+      "xsmall",
+      "small",
+      "medium"
+    ]
+  },
   "Primer::OpenProject::PageHeader": {
     "DEFAULT_HEADER_VARIANT": "medium",
     "HEADER_VARIANT_OPTIONS": [

package/static/info_arch.json

@@ -14377,6 +14377,188 @@
 
     ]
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::BorderGrid",
+    "description": "A set of blocks that are shown below each other with separator lines in between",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::BorderGrid",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectBorderGrid",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/default/",
+    "parameters": [
+      {
+        "name": "spacious",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to add margin to the bottom of the component."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "rows",
+        "description": "Use to render a block inside the grid",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      }
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/border_grid/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_grid/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_grid/spacious",
+        "name": "spacious",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::BorderGrid::Cell",
+    "description": "A single cell inside the BorderGrid\nA cell can contain for example an action list or a status badge",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::BorderGrid::Cell",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectBorderGridCell",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid/cell.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/cell/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+
+    ],
+    "subcomponents": [
+
+    ]
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::DragHandle",
+    "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::DragHandle",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectDragHandle",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/drag_handle.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/drag_handle/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+
+    ],
+    "methods": [
+
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/drag_handle/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/drag_handle/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": [
+
+    ]
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::PageHeader",
     "description": "A ViewComponent PageHeader inspired by the primer react variant",

package/static/previews.json

@@ -1790,6 +1790,53 @@
       }
     ]
   },
+  {
+    "name": "border_grid",
+    "component": "OpenProject::BorderGrid",
+    "status": "open_project",
+    "lookup_path": "primer/open_project/border_grid",
+    "examples": [
+      {
+        "preview_path": "primer/open_project/border_grid/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_grid/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/border_grid/spacious",
+        "name": "spacious",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
   {
     "name": "box",
     "component": "Box",
@@ -2900,6 +2947,40 @@
       }
     ]
   },
+  {
+    "name": "drag_handle",
+    "component": "OpenProject::DragHandle",
+    "status": "open_project",
+    "lookup_path": "primer/open_project/drag_handle",
+    "examples": [
+      {
+        "preview_path": "primer/open_project/drag_handle/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/drag_handle/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
   {
     "name": "dropdown",
     "component": "Dropdown",

package/static/statuses.json

@@ -102,6 +102,9 @@
   "Primer::IconButton": "deprecated",
   "Primer::LayoutComponent": "deprecated",
   "Primer::Navigation::TabComponent": "deprecated",
+  "Primer::OpenProject::BorderGrid": "open_project",
+  "Primer::OpenProject::BorderGrid::Cell": "open_project",
+  "Primer::OpenProject::DragHandle": "open_project",
   "Primer::OpenProject::PageHeader": "open_project",
   "Primer::Tooltip": "deprecated",
   "Primer::Truncate": "deprecated"