@openproject/primer-view-components 0.81.1 → 0.82.0-rc.a8dc42b35

package/app/components/primer/open_project/border_box/collapsible_header.css

@@ -1 +1 @@
-.CollapsibleHeader{align-items:center;cursor:pointer;display:flex}.Box:has(.CollapsibleHeader--collapsed){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:var(--borderWidth-thicker)}.Box:has(.CollapsibleHeader--collapsed) .Box-body,.Box:has(.CollapsibleHeader--collapsed) .Box-footer,.Box:has(.CollapsibleHeader--collapsed) .Box-row{display:none}.CollapsibleHeader--triggerArea{width:100%}
+.CollapsibleHeader{container-name:collapsible-header-container;container-type:inline-size;display:block}.Box:has(.CollapsibleHeader--collapsed){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:var(--borderWidth-thicker)}.Box:has(.CollapsibleHeader--collapsed) .Box-body,.Box:has(.CollapsibleHeader--collapsed) .Box-footer,.Box:has(.CollapsibleHeader--collapsed) .Box-list{display:none}.CollapsibleHeader-triggerArea{align-items:center;column-gap:var(--stack-gap-normal);cursor:pointer;display:flex;flex-wrap:nowrap;row-gap:var(--base-size-4);-webkit-user-select:none;user-select:none}.CollapsibleHeader>.CollapsibleHeader-triggerArea{flex:1}@container collapsible-header-container (width < 544px){.CollapsibleHeader-triggerArea{align-items:flex-start;flex-direction:column}.CollapsibleHeader[data-collapsed] .CollapsibleHeader-description{display:none}.CollapsibleHeader-description{width:100%}}.CollapsibleHeader--multi-line .CollapsibleHeader-triggerArea{align-items:flex-start;flex-direction:column}.CollapsibleHeader--multi-line.CollapsibleHeader[data-collapsed] .CollapsibleHeader-description{display:none}.CollapsibleHeader--multi-line .CollapsibleHeader-description{overflow:visible;text-overflow:clip;white-space:normal;width:100%}.CollapsibleHeader-title-line{align-items:center;display:flex;gap:var(--stack-gap-condensed);min-width:fit-content}.CollapsibleHeader-description{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:text;user-select:text;white-space:nowrap}

package/app/components/primer/open_project/border_box/collapsible_header.css.json

@@ -5,7 +5,14 @@
     ".Box:has(.CollapsibleHeader--collapsed)",
     ".Box:has(.CollapsibleHeader--collapsed) .Box-body",
     ".Box:has(.CollapsibleHeader--collapsed) .Box-footer",
-    ".Box:has(.CollapsibleHeader--collapsed) .Box-row",
-    ".CollapsibleHeader--triggerArea"
+    ".Box:has(.CollapsibleHeader--collapsed) .Box-list",
+    ".CollapsibleHeader-triggerArea",
+    ".CollapsibleHeader>.CollapsibleHeader-triggerArea",
+    ".CollapsibleHeader[data-collapsed] .CollapsibleHeader-description",
+    ".CollapsibleHeader-description",
+    ".CollapsibleHeader--multi-line .CollapsibleHeader-triggerArea",
+    ".CollapsibleHeader--multi-line.CollapsibleHeader[data-collapsed] .CollapsibleHeader-description",
+    ".CollapsibleHeader--multi-line .CollapsibleHeader-description",
+    ".CollapsibleHeader-title-line"
   ]
 }

package/package.json

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

@@ -5841,12 +5841,30 @@
         "default": "`self.class.generate_id`",
         "description": "The unique ID of the collapsible header."
       },
+      {
+        "name": "box",
+        "type": "Primer::Beta::BorderBox",
+        "default": "`nil`",
+        "description": "Deprecated. Previously used to reference the parent BorderBox."
+      },
       {
         "name": "collapsed",
         "type": "Boolean",
         "default": "`false`",
         "description": "Whether the header is collapsed on initial render."
       },
+      {
+        "name": "collapsible_id",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The id or ids of the elements that will be collapsed. This should include the BorderBox's list, body and footer. This will be required in future versions."
+      },
+      {
+        "name": "multi_line",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether the description is on its own line and can wrap across multiple lines."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",

package/static/classes.json

@@ -244,7 +244,16 @@
   "CollapsibleHeader": [
     "Primer::OpenProject::BorderBox::CollapsibleHeader"
   ],
-  "CollapsibleHeader--triggerArea": [
+  "CollapsibleHeader--multi-line": [
+    "Primer::OpenProject::BorderBox::CollapsibleHeader"
+  ],
+  "CollapsibleHeader-description": [
+    "Primer::OpenProject::BorderBox::CollapsibleHeader"
+  ],
+  "CollapsibleHeader-title-line": [
+    "Primer::OpenProject::BorderBox::CollapsibleHeader"
+  ],
+  "CollapsibleHeader-triggerArea": [
     "Primer::OpenProject::BorderBox::CollapsibleHeader"
   ],
   "CollapsibleSection--triggerArea": [

package/static/constants.json

@@ -1703,7 +1703,16 @@
     "GeneratedSlotMethods": "Primer::OpenProject::AvatarWithFallback::GeneratedSlotMethods"
   },
   "Primer::OpenProject::BorderBox::CollapsibleHeader": {
-    "GeneratedSlotMethods": "Primer::OpenProject::BorderBox::CollapsibleHeader::GeneratedSlotMethods"
+    "GeneratedSlotMethods": "Primer::OpenProject::BorderBox::CollapsibleHeader::GeneratedSlotMethods",
+    "TITLE_TAG_DEFAULT": "h3",
+    "TITLE_TAG_OPTIONS": [
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6"
+    ]
   },
   "Primer::OpenProject::BorderGrid": {
     "Cell": "Primer::OpenProject::BorderGrid::Cell",

package/static/info_arch.json

@@ -19181,12 +19181,30 @@
         "default": "`self.class.generate_id`",
         "description": "The unique ID of the collapsible header."
       },
+      {
+        "name": "box",
+        "type": "Primer::Beta::BorderBox",
+        "default": "`nil`",
+        "description": "Deprecated. Previously used to reference the parent BorderBox."
+      },
       {
         "name": "collapsed",
         "type": "Boolean",
         "default": "`false`",
         "description": "Whether the header is collapsed on initial render."
       },
+      {
+        "name": "collapsible_id",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The id or ids of the elements that will be collapsed. This should include the BorderBox's list, body and footer. This will be required in future versions."
+      },
+      {
+        "name": "multi_line",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether the description is on its own line and can wrap across multiple lines."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -19199,6 +19217,12 @@
         "name": "title",
         "description": "Required title",
         "parameters": [
+          {
+            "name": "tag",
+            "type": "Symbol",
+            "default": "N/A",
+            "description": "One of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, or `:h6`."
+          },
           {
             "name": "system_arguments",
             "type": "Hash",