@openproject/primer-view-components 0.29.0 → 0.29.1-rc.e895b09b

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(--stack-gap-normal);padding-bottom:var(--stack-padding-condensed)}.PageHeader-contextBar{margin-bottom:var(--base-size-8)}.PageHeader-contextBar,.PageHeader-titleBar{align-items:center;display:flex;flex-flow:row;justify-content:flex-end}.PageHeader-titleBar{margin-bottom:var(--space-xsmall)}.PageHeader-title{flex:1 1 auto;font-size:var(--text-title-size-medium);font-weight:var(--base-text-weight-normal)}.PageHeader-title--large{font-size:var(--text-title-size-large)}.PageHeader-description{color:var(--fgColor-muted);flex:1 100%;font-size:var(--text-body-size-medium)}.PageHeader-actions{align-items:center;display:flex;justify-content:flex-end}@media (max-width:543.98px){.PageHeader--singleAction .PageHeader-action{display:flex!important;position:absolute;top:10px}}.PageHeader-breadcrumbs{display:block;width:100%}.PageHeader-leadingAction{margin-right:var(--base-size-4);margin-top:2px}.PageHeader-parentLink{flex:1 1 auto}
+.PageHeader{border-bottom:var(--borderWidth-thin) solid var(--borderColor-muted);display:flex;flex-flow:column;margin-bottom:var(--stack-gap-normal);padding-bottom:var(--stack-padding-condensed)}.PageHeader-contextBar{margin-bottom:var(--base-size-8)}.PageHeader-contextBar,.PageHeader-titleBar{align-items:center;display:flex;flex-flow:row;justify-content:flex-end}.PageHeader-titleBar{margin-bottom:var(--space-xsmall)}.PageHeader-title{flex:1 1 auto;font-size:var(--text-title-size-medium);font-weight:var(--base-text-weight-normal)}.PageHeader-title--large{font-size:var(--text-title-size-large)}.PageHeader-description{color:var(--fgColor-muted);flex:1 100%;font-size:var(--text-body-size-medium)}.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:2px}.PageHeader-parentLink{flex:1 1 auto}

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

@@ -8,7 +8,6 @@
     ".PageHeader-title--large",
     ".PageHeader-description",
     ".PageHeader-actions",
-    ".PageHeader--singleAction .PageHeader-action",
     ".PageHeader-breadcrumbs",
     ".PageHeader-leadingAction",
     ".PageHeader-parentLink"

package/app/components/primer/open_project/page_header_element.d.ts

@@ -1,6 +1,4 @@
 declare class PageHeaderElement extends HTMLElement {
-    actionItems: HTMLElement[];
-    connectedCallback(): void;
     menuItemClick(event: Event): void;
 }
 declare global {

package/app/components/primer/open_project/page_header_element.js

@@ -4,20 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { controller, targets } from '@github/catalyst';
+import { controller } from '@github/catalyst';
 let PageHeaderElement = class PageHeaderElement extends HTMLElement {
-    connectedCallback() {
-        for (const item of this.actionItems) {
-            /*
-            If there is only one action to be shown, we show that instead of the mobile action menu. However, the buttons should be the smaller button variant.
-            Unfortunately, the `size` attribute does not support responsive attributes and the .pcss syntax does not support inheritance between classes.
-            So we have to add the class manually here.
-            */
-            if (window.innerWidth <= 544) {
-                item.classList.add('Button--small');
-            }
-        }
-    }
     menuItemClick(event) {
         const currentTarget = event.currentTarget;
         const id = currentTarget?.getAttribute('data-for');
@@ -26,9 +14,6 @@ let PageHeaderElement = class PageHeaderElement extends HTMLElement {
         }
     }
 };
-__decorate([
-    targets
-], PageHeaderElement.prototype, "actionItems", void 0);
 PageHeaderElement = __decorate([
     controller
 ], PageHeaderElement);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.29.0",
+  "version": "0.29.1-rc.e895b09b",
   "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

@@ -429,9 +429,6 @@
   "PageHeader": [
     "Primer::OpenProject::PageHeader"
   ],
-  "PageHeader--singleAction": [
-    "Primer::OpenProject::PageHeader"
-  ],
   "PageHeader-actions": [
     "Primer::OpenProject::PageHeader"
   ],

package/static/constants.json

@@ -1463,7 +1463,7 @@
       "h5",
       "h6"
     ],
-    "MORE_MENU_DISPLAY": [
+    "MOBILE_ACTIONS_DISPLAY": [
       "flex",
       "none"
     ],

package/static/info_arch.json

@@ -16689,6 +16689,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/open_project/page_header/single_action",
+        "name": "single_action",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/open_project/page_header/leading_action",
         "name": "leading_action",

package/static/previews.json

@@ -5274,6 +5274,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/open_project/page_header/single_action",
+        "name": "single_action",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/open_project/page_header/leading_action",
         "name": "leading_action",