@openproject/primer-view-components 0.15.0 → 0.16.0-rc.2a449240

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

@@ -1 +1 @@
-.PageHeader{border-bottom:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-muted,var(--color-border-muted));display:flex;flex-flow:column;margin-bottom:var(--stack-gap-normal,1rem);padding-bottom:var(--stack-padding-condensed,.5rem)}@media (max-width:767.98px){.PageHeader{border-bottom:0}}.PageHeader-titleBar{align-items:center;display:flex;flex-flow:row;justify-content:flex-end}.PageHeader-title{flex:1 1 auto;font-size:24px;font-weight:var(--base-text-weight-normal,400)}.PageHeader-title--large{font-size:var(--text-title-size-large,2rem)}.PageHeader-description{color:var(--fgColor-muted,var(--color-fg-muted));flex:1 100%;font-size:var(--text-body-size-medium,.875rem)}.PageHeader-actions{justify-content:flex-end;margin:var(--base-size-4,.25rem) 0 var(--base-size-4,.25rem) var(--base-size-4,.25rem)}.PageHeader-actions+.PageHeader-description{margin-top:var(--base-size-4,.25rem)}.PageHeader-breadcrumbs{display:block;margin-bottom:var(--base-size-8,.5rem);width:100%}.PageHeader-backButton{margin-right:var(--base-size-4,.25rem);margin-top:2px}
+.PageHeader{border-bottom:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-muted,var(--color-border-muted));display:flex;flex-flow:column;margin-bottom:var(--stack-gap-normal,1rem);padding-bottom:var(--stack-padding-condensed,.5rem)}@media (max-width:767.98px){.PageHeader{border-bottom:0}}.PageHeader-contextBar,.PageHeader-titleBar{align-items:center;display:flex;flex-flow:row;justify-content:flex-end}.PageHeader-title{flex:1 1 auto;font-size:24px;font-weight:var(--base-text-weight-normal,400)}.PageHeader-title--large{font-size:var(--text-title-size-large,2rem)}.PageHeader-description{color:var(--fgColor-muted,var(--color-fg-muted));flex:1 100%;font-size:var(--text-body-size-medium,.875rem)}.PageHeader-actions{display:flex;justify-content:flex-end;margin:0 0 0 var(--base-size-4,.25rem)}.PageHeader-actions+.PageHeader-description{margin-top:var(--base-size-4,.25rem)}.PageHeader-breadcrumbs{display:block;margin-bottom:var(--base-size-8,.5rem);padding-bottom:var(--base-size-4,.25rem);width:100%}.PageHeader-backButton{margin-right:var(--base-size-4,.25rem);margin-top:2px}.PageHeader-parentLink{flex:1 1 auto;margin-bottom:var(--base-size-4,.25rem)}.PageHeader-contextBarActions{margin:0 0 0 var(--base-size-4,.25rem)}

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

@@ -2,6 +2,7 @@
   "name": "open_project/page_header",
   "selectors": [
     ".PageHeader",
+    ".PageHeader-contextBar",
     ".PageHeader-titleBar",
     ".PageHeader-title",
     ".PageHeader-title--large",
@@ -9,6 +10,8 @@
     ".PageHeader-actions",
     ".PageHeader-actions+.PageHeader-description",
     ".PageHeader-breadcrumbs",
-    ".PageHeader-backButton"
+    ".PageHeader-backButton",
+    ".PageHeader-parentLink",
+    ".PageHeader-contextBarActions"
   ]
 }

package/package.json

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

@@ -441,9 +441,18 @@
   "PageHeader-breadcrumbs": [
     "Primer::OpenProject::PageHeader"
   ],
+  "PageHeader-contextBar": [
+    "Primer::OpenProject::PageHeader"
+  ],
+  "PageHeader-contextBarActions": [
+    "Primer::OpenProject::PageHeader"
+  ],
   "PageHeader-description": [
     "Primer::OpenProject::PageHeader"
   ],
+  "PageHeader-parentLink": [
+    "Primer::OpenProject::PageHeader"
+  ],
   "PageHeader-title": [
     "Primer::OpenProject::PageHeader"
   ],

package/static/constants.json

@@ -1370,9 +1370,25 @@
       "medium",
       "large"
     ],
+    "DEFAULT_BACK_BUTTON_DISPLAY": [
+      "none",
+      "flex"
+    ],
     "DEFAULT_BACK_BUTTON_ICON": "arrow-left",
     "DEFAULT_BACK_BUTTON_SIZE": "medium",
+    "DEFAULT_BREADCRUMBS_DISPLAY": [
+      "none",
+      "flex"
+    ],
+    "DEFAULT_CONTEXT_BAR_ACTIONS_DISPLAY": [
+      "block",
+      "none"
+    ],
     "DEFAULT_HEADER_VARIANT": "medium",
+    "DEFAULT_PARENT_LINK_DISPLAY": [
+      "block",
+      "none"
+    ],
     "HEADER_VARIANT_OPTIONS": [
       "large",
       "medium"

package/static/info_arch.json

@@ -15473,9 +15473,21 @@
           }
         ]
       },
+      {
+        "name": "context_bar_actions",
+        "description": "Context Bar Actions\nBy default shown on narrow screens. Can be overridden with system_argument: display",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      },
       {
         "name": "back_button",
-        "description": "Optional back button prepend the title",
+        "description": "Optional back button prepend the title\nBy default shown on wider screens. Can be overridden with system_argument: display",
         "parameters": [
           {
             "name": "size",
@@ -15497,9 +15509,21 @@
           }
         ]
       },
+      {
+        "name": "parent_link",
+        "description": "Optional parent link in the context area\nBy default shown on narrow screens. Can be overridden with system_argument: display",
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      },
       {
         "name": "breadcrumbs",
-        "description": "Optional breadcrumbs above the title row",
+        "description": "Optional breadcrumbs above the title row\nBy default shown on wider screens. Can be overridden with system_argument: display",
         "parameters": [
           {
             "name": "items",
@@ -15610,6 +15634,32 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/open_project/page_header/parent_link",
+        "name": "parent_link",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/page_header/context_bar_actions",
+        "name": "context_bar_actions",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [

package/static/previews.json

@@ -4781,6 +4781,32 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/open_project/page_header/parent_link",
+        "name": "parent_link",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/page_header/context_bar_actions",
+        "name": "context_bar_actions",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },