@openproject/primer-view-components 0.76.0 → 0.77.0-rc.2bd0578b9

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

@@ -1 +1 @@
-.PageHeader{border-bottom:var(--borderWidth-thin) solid var(--borderColor-muted);display:flex;flex-flow:column;margin-bottom:var(--base-size-16);padding-bottom:var(--base-size-8)}.PageHeader--withTabNav{border-bottom:none;margin-bottom:0;padding-bottom:0}.PageHeader-contextBar{height:var(--control-small-size)}.PageHeader-contextBar,.PageHeader-titleBar{align-items:center;display:flex;flex-flow:row;justify-content:flex-end;margin-bottom:var(--base-size-8)}.PageHeader-title{flex:1 1 auto;font-size:var(--text-title-size-medium)}.PageHeader-title--large{font-size:var(--text-title-size-large)}.PageHeader-description{color:var(--fgColor-muted);flex:1 auto;font-size:var(--text-body-size-medium)}.PageHeader-description--underlined-links a{-webkit-text-decoration:underline;text-decoration:underline}.PageHeader-tabNavBar{overflow:auto}.PageHeader-tabNavBar .PageHeader-tabNav{min-width:max-content}.PageHeader--withTabNav .PageHeader-description{margin-bottom:var(--base-size-16)}.PageHeader-actions{align-items:center;display:flex;justify-content:flex-end}.PageHeader-breadcrumbs{display:block;width:100%}.PageHeader-leadingAction{margin-right:var(--base-size-4);margin-top:var(--base-size-2)}.PageHeader-parentLink{flex:1 1 auto}
+.PageHeader{border-bottom:var(--borderWidth-thin) solid var(--borderColor-muted);display:flex;flex-flow:column;margin-bottom:var(--base-size-16);padding-bottom:var(--base-size-8)}.PageHeader--withTabNav{border-bottom:none;margin-bottom:0;padding-bottom:0}.PageHeader-contextBar{height:var(--control-small-size)}.PageHeader-contextBar,.PageHeader-titleBar{align-items:center;display:flex;flex-flow:row;justify-content:flex-end;margin-bottom:var(--base-size-8)}.PageHeader-title{flex:1 1 auto;font-size:var(--text-title-size-medium)}.PageHeader-title--large{font-size:var(--text-title-size-large)}.PageHeader-description{color:var(--fgColor-muted);flex:1 auto;font-size:var(--text-body-size-medium)}.PageHeader-description--underlined-links a{-webkit-text-decoration:underline;text-decoration:underline}.PageHeader-tabNavBar{overflow:auto}.PageHeader-tabNavBar .PageHeader-tabNav{min-width:max-content}.PageHeader--withTabNav .PageHeader-description{margin-bottom:var(--base-size-16)}.PageHeader-actions{align-items:center;display:flex;justify-content:flex-end}.PageHeader-breadcrumbs{display:block;width:100%}.PageHeader-leadingAction{margin-right:var(--base-size-4);margin-top:var(--base-size-2)}.PageHeader-parentLink{flex:1 1 auto}@media screen and (min-width:543.98px){.PageHeader--noBreadcrumb .PageHeader-contextBar{display:none}}.PageHeader--noBreadcrumb .PageHeader-titleBar{height:var(--control-small-size)}

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

@@ -15,6 +15,8 @@
     ".PageHeader-actions",
     ".PageHeader-breadcrumbs",
     ".PageHeader-leadingAction",
-    ".PageHeader-parentLink"
+    ".PageHeader-parentLink",
+    ".PageHeader--noBreadcrumb .PageHeader-contextBar",
+    ".PageHeader--noBreadcrumb .PageHeader-titleBar"
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.76.0",
+  "version": "0.77.0-rc.2bd0578b9",
   "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

@@ -481,6 +481,9 @@
   "PageHeader": [
     "Primer::OpenProject::PageHeader"
   ],
+  "PageHeader--noBreadcrumb": [
+    "Primer::OpenProject::PageHeader"
+  ],
   "PageHeader--withTabNav": [
     "Primer::OpenProject::PageHeader"
   ],

package/static/info_arch.json

@@ -20376,7 +20376,7 @@
       },
       {
         "name": "breadcrumbs",
-        "description": "Optional breadcrumbs above the title row\nBy default shown on wider screens. Can be overridden with system_argument: display",
+        "description": "Using PageHeader without breadcrumbs is only recommended in special cases.\nIn doubt, please check the PageHeader component documentation.",
         "parameters": [
           {
             "name": "items",
@@ -20564,8 +20564,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/tab_nav",
-        "name": "tab_nav",
+        "preview_path": "primer/open_project/page_header/without_breadcrumbs",
+        "name": "without_breadcrumbs",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -20577,8 +20577,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/segmented_control",
-        "name": "segmented_control",
+        "preview_path": "primer/open_project/page_header/skip_breadcrumb_item",
+        "name": "skip_breadcrumb_item",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -20590,8 +20590,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/segmented_control_mobile_icons",
-        "name": "segmented_control_mobile_icons",
+        "preview_path": "primer/open_project/page_header/tab_nav",
+        "name": "tab_nav",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -20603,8 +20603,21 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/skip_breadcrumb_item",
-        "name": "skip_breadcrumb_item",
+        "preview_path": "primer/open_project/page_header/segmented_control",
+        "name": "segmented_control",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/page_header/segmented_control_mobile_icons",
+        "name": "segmented_control_mobile_icons",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [

package/static/previews.json

@@ -6184,8 +6184,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/tab_nav",
-        "name": "tab_nav",
+        "preview_path": "primer/open_project/page_header/without_breadcrumbs",
+        "name": "without_breadcrumbs",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -6197,8 +6197,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/segmented_control",
-        "name": "segmented_control",
+        "preview_path": "primer/open_project/page_header/skip_breadcrumb_item",
+        "name": "skip_breadcrumb_item",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -6210,8 +6210,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/segmented_control_mobile_icons",
-        "name": "segmented_control_mobile_icons",
+        "preview_path": "primer/open_project/page_header/tab_nav",
+        "name": "tab_nav",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [
@@ -6223,8 +6223,21 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/skip_breadcrumb_item",
-        "name": "skip_breadcrumb_item",
+        "preview_path": "primer/open_project/page_header/segmented_control",
+        "name": "segmented_control",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/page_header/segmented_control_mobile_icons",
+        "name": "segmented_control_mobile_icons",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [