@openproject/primer-view-components 0.8.0 → 0.9.0-rc.1b08e7a0

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

@@ -0,0 +1 @@
+.PageHeader{border-bottom:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-muted,var(--color-border-muted));display:flex;flex-flow:row wrap;justify-content:flex-end;margin-bottom:var(--stack-gap-normal,1rem);padding-bottom:var(--stack-padding-condensed,.5rem)}.PageHeader-title{flex:1 1 auto;order:0}.PageHeader-description{color:var(--fgColor-muted,var(--color-fg-muted));flex:1 100%;font-size:var(--text-body-size-medium,.875rem);order:2}.PageHeader-actions{align-self:center;justify-content:flex-end;margin:var(--base-size-4,.25rem) 0 var(--base-size-4,.25rem) var(--base-size-4,.25rem);order:1}.PageHeader-actions+.PageHeader-description{margin-top:var(--base-size-4,.25rem)}

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

@@ -0,0 +1,10 @@
+{
+  "name": "open_project/page_header",
+  "selectors": [
+    ".PageHeader",
+    ".PageHeader-title",
+    ".PageHeader-description",
+    ".PageHeader-actions",
+    ".PageHeader-actions+.PageHeader-description"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.8.0",
+  "version": "0.9.0-rc.1b08e7a0",
   "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/classes.json

@@ -411,6 +411,18 @@
   "Overlay-header": [
     "Primer::Alpha::Dialog"
   ],
+  "PageHeader": [
+    "Primer::OpenProject::PageHeader"
+  ],
+  "PageHeader-actions": [
+    "Primer::OpenProject::PageHeader"
+  ],
+  "PageHeader-description": [
+    "Primer::OpenProject::PageHeader"
+  ],
+  "PageHeader-title": [
+    "Primer::OpenProject::PageHeader"
+  ],
   "Popover": [
     "Primer::Beta::Popover"
   ],

package/static/previews.json

@@ -4432,6 +4432,53 @@
       }
     ]
   },
+  {
+    "name": "page_header",
+    "component": "PageHeader",
+    "status": "openproject",
+    "lookup_path": "primer/open_project/page_header",
+    "examples": [
+      {
+        "preview_path": "primer/open_project/page_header/playground",
+        "name": "playground",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/page_header/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/page_header/actions",
+        "name": "actions",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
   {
     "name": "popover",
     "component": "Popover",