feat: add DescList component

Author: Lancern

src/components/AutoCollapse.astro

@@ -13,7 +13,7 @@ const autoCollapseMaxHeight = maxHeight + "px";
   <div class="content">
     <slot />
   </div>
-  <button class="expand-button">
+  <button class="expand-button hidden">
     Expand
     <Icon class="expand-icon" name="down-caret" size="1em" />
   </button>
@@ -33,17 +33,16 @@ const autoCollapseMaxHeight = maxHeight + "px";
         (wrapper as HTMLElement).dataset.maxHeight || "200",
         10
       );
-      if (contentElement.scrollHeight <= maxHeight) {
-        button.style.display = "none";
+      if (contentElement.scrollHeight <= maxHeight)
         return;
-      }
 
       // The document content is longer than the maximum height, collapse it.
       contentElement.classList.add("collapsed");
+      button.classList.remove("hidden");
 
       button.addEventListener("click", () => {
         contentElement.classList.remove("collapsed");
-        button.style.display = "none";
+        button.classList.add("hidden");
       });
     });
   }
@@ -82,7 +81,11 @@ const autoCollapseMaxHeight = maxHeight + "px";
     font-size: 0.9rem;
   }
 
-  .auto-collapse .expand-button .expand-icon {
+  .auto-collapse > .expand-button.hidden {
+    display: none;
+  }
+
+  .auto-collapse > .expand-button > .expand-icon {
     display: inline;
     vertical-align: middle;
   }

src/components/desc/Desc.astro

@@ -0,0 +1,34 @@
+---
+
+---
+
+<div class="desc">
+  <div class="desc-item">
+    <slot name="item" />
+  </div>
+  <div class="desc-content">
+    <slot />
+  </div>
+</div>
+
+<style>
+  .desc {
+    display: grid;
+    grid-column: span 2;
+    grid-template-columns: subgrid;
+    border-bottom: 1px solid var(--sl-color-gray-5);
+    margin: 0;
+    padding-top: calc(var(--sl-content-gap-y) * 0.35);
+    padding-bottom: calc(var(--sl-content-gap-y) * 0.35);
+  }
+
+  .desc-content {
+    margin: 0;
+  }
+</style>
+
+<style is:global>
+  .desc-item .revision-tag {
+    display: block;
+  }
+</style>

src/components/desc/DescList.astro

@@ -0,0 +1,16 @@
+---
+
+---
+
+<div class="desc-list">
+  <slot />
+</div>
+
+<style>
+  .desc-list {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    column-gap: 1em;
+    border-top: 1px solid var(--sl-color-gray-5);
+  }
+</style>

src/components/desc/index.ts

@@ -0,0 +1,2 @@
+export { default as Desc } from "./Desc.astro";
+export { default as DescList } from "./DescList.astro";

src/components/feature-test-macro/FeatureTestMacroValue.astro

@@ -9,11 +9,9 @@ interface Props {
 const { value, since } = Astro.props;
 ---
 
-<>
-  <td>{value}</td>
-  <td class="ftm-since-cell">{since}</td>
-  <td><slot /></td>
-</>
+<td>{value}</td>
+<td class="ftm-since-cell">{since}</td>
+<td><slot /></td>
 
 <style>
   .ftm-since-cell {

src/components/header/Header.astro

@@ -20,5 +20,14 @@ const asProps = nolink ? {} : { dest };
 ---
 
 <As {...asProps}>
-  <code>{text}</code>
+  <code class="cppdoc-header">{text}</code>
 </As>
+
+<style>
+  code.cppdoc-header {
+    background-color: revert;
+    font-size: 1em;
+    padding-left: 0;
+    padding-right: 0;
+  }
+</style>

src/components/param-doc/ParamDoc.astro

@@ -6,13 +6,11 @@ interface Props {
 const { name } = Astro.props;
 ---
 
-<Fragment>
-  <div class="param-doc-cell"><code>{name}</code></div>
-  <div class="param-doc-cell">-</div>
-  <div class="param-doc-cell">
-    <slot />
-  </div>
-</Fragment>
+<div class="param-doc-cell"><code>{name}</code></div>
+<div class="param-doc-cell">-</div>
+<div class="param-doc-cell">
+  <slot />
+</div>
 
 <style>
   .param-doc-cell {

src/components/revision/index.ts

@@ -1,2 +1,4 @@
 export { default as Revision } from "./Revision.astro";
 export { default as RevisionBlock } from "./RevisionBlock.astro";
+export { default as RevisionTags } from "./RevisionTags.astro";
+export type { RevisionInfo, RevisionTrait } from "./types";