@openproject/primer-view-components 0.10.0 → 0.11.0-rc.38c374d4

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.38c374d4",
   "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,22 @@
       }
     ]
   },
+  {
+    "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,7 @@
   "Primer::IconButton": "",
   "Primer::LayoutComponent": "",
   "Primer::Navigation::TabComponent": "",
+  "Primer::OpenProject::DragHandle": "",
   "Primer::OpenProject::PageHeader": "",
   "Primer::Tooltip": "",
   "Primer::Truncate": ""

package/static/classes.json

@@ -233,6 +233,9 @@
   "Counter--secondary": [
     "Primer::Beta::Counter"
   ],
+  "DragHandle": [
+    "Primer::OpenProject::DragHandle"
+  ],
   "FormControl": [
     "Primer::Alpha::TextField"
   ],

package/static/constants.json

@@ -1300,6 +1300,14 @@
   },
   "Primer::Navigation::TabComponent": {
   },
+  "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,65 @@
 
     ]
   },
+  {
+    "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

@@ -2900,6 +2900,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,7 @@
   "Primer::IconButton": "deprecated",
   "Primer::LayoutComponent": "deprecated",
   "Primer::Navigation::TabComponent": "deprecated",
+  "Primer::OpenProject::DragHandle": "open_project",
   "Primer::OpenProject::PageHeader": "open_project",
   "Primer::Tooltip": "deprecated",
   "Primer::Truncate": "deprecated"