jvetrau-ds 0.1.37 → 0.1.38

package/components/markdown/markdown.cjs

@@ -20,6 +20,106 @@ function normalizeHeadingLevelOffset(value) {
 function getHeadingLevel(sourceLevel, offset) {
   return Math.min(6, sourceLevel + offset);
 }
+function createTextNode(value) {
+  return {
+    type: "text",
+    value
+  };
+}
+function appendNodesWithSeparator(target, nodes) {
+  if (nodes.length === 0) {
+    return;
+  }
+  if (target.length > 0) {
+    target.push(createTextNode(" "));
+  }
+  target.push(...nodes);
+}
+function flattenInlineNode(node) {
+  switch (node.type) {
+    case "html":
+      return [];
+    case "break":
+      return [
+        createTextNode(" ")
+      ];
+    case "image":
+    case "imageReference":
+      return node.alt ? [
+        createTextNode(node.alt)
+      ] : [];
+    default:
+      if (!node.children) {
+        return [
+          node
+        ];
+      }
+      return [
+        {
+          ...node,
+          children: node.children.flatMap(
+            flattenInlineNode
+          )
+        }
+      ];
+  }
+}
+function flattenBlockNode(node) {
+  switch (node.type) {
+    case "paragraph":
+    case "heading":
+      return (node.children ?? []).flatMap(
+        flattenInlineNode
+      );
+    case "tableCell":
+      return (node.children ?? []).flatMap(
+        flattenInlineNode
+      );
+    case "code":
+      return node.value ? [
+        {
+          type: "inlineCode",
+          value: node.value
+        }
+      ] : [];
+    case "html":
+    case "definition":
+    case "footnoteDefinition":
+    case "thematicBreak":
+    case "yaml":
+      return [];
+    case "blockquote":
+    case "list":
+    case "listItem":
+    case "table":
+    case "tableRow":
+      return flattenBlockNodes(node.children ?? []);
+    default:
+      return node.children ? flattenBlockNodes(node.children) : [];
+  }
+}
+function flattenBlockNodes(nodes) {
+  const result = [];
+  for (const node of nodes) {
+    appendNodesWithSeparator(
+      result,
+      flattenBlockNode(node)
+    );
+  }
+  return result;
+}
+const remarkExcerpt = () => {
+  return (tree) => {
+    const root = tree;
+    const children = flattenBlockNodes(root.children);
+    root.children = children.length > 0 ? [
+      {
+        type: "paragraph",
+        children
+      }
+    ] : [];
+  };
+};
 const MarkdownHeading = ({
   sourceLevel,
   offset,
@@ -42,24 +142,14 @@ const MarkdownHeading = ({
       return /* @__PURE__ */ jsxRuntime.jsx("h6", { ...props, children });
   }
 };
-const Markdown = ({
-  content,
-  headingLevelOffset = 0,
-  className = "",
-  ...props
-}) => {
-  if (!content.trim()) {
-    return null;
-  }
-  const classes = classnames.classnames("markdown", className, {});
-  const normalizedHeadingLevelOffset = normalizeHeadingLevelOffset(headingLevelOffset);
-  const components = {
+function createDocumentComponents(headingLevelOffset) {
+  return {
     h1: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsxRuntime.jsx(
       MarkdownHeading,
       {
         ...headingProps,
         sourceLevel: 1,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     ),
     h2: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -67,7 +157,7 @@ const Markdown = ({
       {
         ...headingProps,
         sourceLevel: 2,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     ),
     h3: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -75,7 +165,7 @@ const Markdown = ({
       {
         ...headingProps,
         sourceLevel: 3,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     ),
     h4: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -83,7 +173,7 @@ const Markdown = ({
       {
         ...headingProps,
         sourceLevel: 4,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     ),
     h5: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -91,7 +181,7 @@ const Markdown = ({
       {
         ...headingProps,
         sourceLevel: 5,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     ),
     h6: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -99,10 +189,47 @@ const Markdown = ({
       {
         ...headingProps,
         sourceLevel: 6,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     )
   };
+}
+const Markdown = ({
+  content,
+  excerpt = false,
+  headingLevelOffset = 0,
+  className = "",
+  ...props
+}) => {
+  if (!content.trim()) {
+    return null;
+  }
+  const classes = classnames.classnames("markdown", className, {
+    "markdown--excerpt": excerpt
+  });
+  if (excerpt) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: classes,
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ReactMarkdown__default.default,
+          {
+            remarkPlugins: [
+              remarkGfm__default.default,
+              remarkExcerpt
+            ],
+            children: content
+          }
+        )
+      }
+    );
+  }
+  const normalizedHeadingLevelOffset = normalizeHeadingLevelOffset(headingLevelOffset);
+  const documentComponents = createDocumentComponents(
+    normalizedHeadingLevelOffset
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -112,7 +239,7 @@ const Markdown = ({
         ReactMarkdown__default.default,
         {
           remarkPlugins: [remarkGfm__default.default],
-          components,
+          components: documentComponents,
           children: content
         }
       )

package/components/markdown/markdown.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":["jsx","classnames","ReactMarkdown","remarkGfm"],"mappings":"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","file":"markdown.cjs","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  headingLevelOffset?: number;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  headingLevelOffset = 0,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {});\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const components: Components = {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n  };\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={components}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}
+{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":["jsx","classnames","ReactMarkdown","remarkGfm"],"mappings":"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","file":"markdown.cjs","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport type { Plugin } from 'unified';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  excerpt?: boolean;\n  headingLevelOffset?: number;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\ntype MarkdownNode = {\n  type: string;\n  value?: string;\n  alt?: string | null;\n  children?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownRoot = {\n  type: 'root';\n  children: MarkdownNode[];\n};\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nfunction createTextNode(value: string): MarkdownNode {\n  return {\n    type: 'text',\n    value,\n  };\n}\n\nfunction appendNodesWithSeparator(\n  target: MarkdownNode[],\n  nodes: MarkdownNode[],\n) {\n  if (nodes.length === 0) {\n    return;\n  }\n\n  if (target.length > 0) {\n    target.push(createTextNode(' '));\n  }\n\n  target.push(...nodes);\n}\n\nfunction flattenInlineNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'html':\n      return [];\n\n    case 'break':\n      return [\n        createTextNode(' '),\n      ];\n\n    case 'image':\n    case 'imageReference':\n      return node.alt\n        ? [\n            createTextNode(node.alt),\n          ]\n        : [];\n\n    default:\n      if (!node.children) {\n        return [\n          node,\n        ];\n      }\n\n      return [\n        {\n          ...node,\n          children: node.children.flatMap(\n            flattenInlineNode,\n          ),\n        },\n      ];\n  }\n}\n\nfunction flattenBlockNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'paragraph':\n    case 'heading':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'tableCell':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'code':\n      return node.value\n        ? [\n            {\n              type: 'inlineCode',\n              value: node.value,\n            },\n          ]\n        : [];\n\n    case 'html':\n    case 'definition':\n    case 'footnoteDefinition':\n    case 'thematicBreak':\n    case 'yaml':\n      return [];\n\n    case 'blockquote':\n    case 'list':\n    case 'listItem':\n    case 'table':\n    case 'tableRow':\n      return flattenBlockNodes(node.children ?? []);\n\n    default:\n      return node.children\n        ? flattenBlockNodes(node.children)\n        : [];\n  }\n}\n\nfunction flattenBlockNodes(\n  nodes: MarkdownNode[],\n): MarkdownNode[] {\n  const result: MarkdownNode[] = [];\n\n  for (const node of nodes) {\n    appendNodesWithSeparator(\n      result,\n      flattenBlockNode(node),\n    );\n  }\n\n  return result;\n}\n\nconst remarkExcerpt: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n    const children = flattenBlockNodes(root.children);\n\n    root.children = children.length > 0\n      ? [\n          {\n            type: 'paragraph',\n            children,\n          },\n        ]\n      : [];\n  };\n};\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nfunction createDocumentComponents(\n  headingLevelOffset: number,\n): Components {\n  return {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={headingLevelOffset}\n      />\n    ),\n  };\n}\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  excerpt = false,\n  headingLevelOffset = 0,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {\n    'markdown--excerpt': excerpt,\n  });\n\n  if (excerpt) {\n    return (\n      <div\n        className={classes}\n        {...props}\n      >\n        <ReactMarkdown\n          remarkPlugins={[\n            remarkGfm,\n            remarkExcerpt,\n          ]}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const documentComponents = createDocumentComponents(\n    normalizedHeadingLevelOffset,\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={documentComponents}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}

package/components/markdown/markdown.css

@@ -38,6 +38,17 @@
 .markdown h6,
 .markdown p {
   /* size */
+  margin: 0;
+}
+
+.markdown h5,
+.markdown h6 {
+  /* typography */
+  font-family: var(--font-h4-family);
+  font-size: var(--font-h4);
+  font-weight: var(--font-h4-weight);
+  line-height: var(--font-h4-line);
+  letter-spacing: var(--font-h4-letter-spacing);
 }
 
 .markdown ul,
@@ -46,7 +57,6 @@
   display: flex;
   flex-direction: column;
   gap: var(--markdown-list-gap);
-
   margin: 0;
   padding-left: var(--markdown-list-padding);
 }
@@ -137,7 +147,6 @@
   padding:
     var(--markdown-code-padding-block)
     var(--markdown-code-padding-inline);
-
   overflow-x: auto;
 
   /* border */
@@ -163,6 +172,7 @@
   /* size */
   width: 100%;
 
+  /* border */
   border-collapse: collapse;
 }
 
@@ -193,4 +203,9 @@
 .markdown input[type='checkbox'] {
   /* size */
   margin: 0;
+}
+
+.markdown--excerpt > p {
+  /* size */
+  margin: 0;
 }

package/components/markdown/markdown.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import './markdown.css';
 export interface MarkdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML'> {
     content: string;
+    excerpt?: boolean;
     headingLevelOffset?: number;
 }
 declare const Markdown: React.FC<MarkdownProps>;

package/components/markdown/markdown.js

@@ -13,6 +13,106 @@ function normalizeHeadingLevelOffset(value) {
 function getHeadingLevel(sourceLevel, offset) {
   return Math.min(6, sourceLevel + offset);
 }
+function createTextNode(value) {
+  return {
+    type: "text",
+    value
+  };
+}
+function appendNodesWithSeparator(target, nodes) {
+  if (nodes.length === 0) {
+    return;
+  }
+  if (target.length > 0) {
+    target.push(createTextNode(" "));
+  }
+  target.push(...nodes);
+}
+function flattenInlineNode(node) {
+  switch (node.type) {
+    case "html":
+      return [];
+    case "break":
+      return [
+        createTextNode(" ")
+      ];
+    case "image":
+    case "imageReference":
+      return node.alt ? [
+        createTextNode(node.alt)
+      ] : [];
+    default:
+      if (!node.children) {
+        return [
+          node
+        ];
+      }
+      return [
+        {
+          ...node,
+          children: node.children.flatMap(
+            flattenInlineNode
+          )
+        }
+      ];
+  }
+}
+function flattenBlockNode(node) {
+  switch (node.type) {
+    case "paragraph":
+    case "heading":
+      return (node.children ?? []).flatMap(
+        flattenInlineNode
+      );
+    case "tableCell":
+      return (node.children ?? []).flatMap(
+        flattenInlineNode
+      );
+    case "code":
+      return node.value ? [
+        {
+          type: "inlineCode",
+          value: node.value
+        }
+      ] : [];
+    case "html":
+    case "definition":
+    case "footnoteDefinition":
+    case "thematicBreak":
+    case "yaml":
+      return [];
+    case "blockquote":
+    case "list":
+    case "listItem":
+    case "table":
+    case "tableRow":
+      return flattenBlockNodes(node.children ?? []);
+    default:
+      return node.children ? flattenBlockNodes(node.children) : [];
+  }
+}
+function flattenBlockNodes(nodes) {
+  const result = [];
+  for (const node of nodes) {
+    appendNodesWithSeparator(
+      result,
+      flattenBlockNode(node)
+    );
+  }
+  return result;
+}
+const remarkExcerpt = () => {
+  return (tree) => {
+    const root = tree;
+    const children = flattenBlockNodes(root.children);
+    root.children = children.length > 0 ? [
+      {
+        type: "paragraph",
+        children
+      }
+    ] : [];
+  };
+};
 const MarkdownHeading = ({
   sourceLevel,
   offset,
@@ -35,24 +135,14 @@ const MarkdownHeading = ({
       return /* @__PURE__ */ jsx("h6", { ...props, children });
   }
 };
-const Markdown = ({
-  content,
-  headingLevelOffset = 0,
-  className = "",
-  ...props
-}) => {
-  if (!content.trim()) {
-    return null;
-  }
-  const classes = classnames("markdown", className, {});
-  const normalizedHeadingLevelOffset = normalizeHeadingLevelOffset(headingLevelOffset);
-  const components = {
+function createDocumentComponents(headingLevelOffset) {
+  return {
     h1: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsx(
       MarkdownHeading,
       {
         ...headingProps,
         sourceLevel: 1,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     ),
     h2: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsx(
@@ -60,7 +150,7 @@ const Markdown = ({
       {
         ...headingProps,
         sourceLevel: 2,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     ),
     h3: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsx(
@@ -68,7 +158,7 @@ const Markdown = ({
       {
         ...headingProps,
         sourceLevel: 3,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     ),
     h4: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsx(
@@ -76,7 +166,7 @@ const Markdown = ({
       {
         ...headingProps,
         sourceLevel: 4,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     ),
     h5: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsx(
@@ -84,7 +174,7 @@ const Markdown = ({
       {
         ...headingProps,
         sourceLevel: 5,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     ),
     h6: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsx(
@@ -92,10 +182,47 @@ const Markdown = ({
       {
         ...headingProps,
         sourceLevel: 6,
-        offset: normalizedHeadingLevelOffset
+        offset: headingLevelOffset
       }
     )
   };
+}
+const Markdown = ({
+  content,
+  excerpt = false,
+  headingLevelOffset = 0,
+  className = "",
+  ...props
+}) => {
+  if (!content.trim()) {
+    return null;
+  }
+  const classes = classnames("markdown", className, {
+    "markdown--excerpt": excerpt
+  });
+  if (excerpt) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classes,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          ReactMarkdown,
+          {
+            remarkPlugins: [
+              remarkGfm,
+              remarkExcerpt
+            ],
+            children: content
+          }
+        )
+      }
+    );
+  }
+  const normalizedHeadingLevelOffset = normalizeHeadingLevelOffset(headingLevelOffset);
+  const documentComponents = createDocumentComponents(
+    normalizedHeadingLevelOffset
+  );
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -105,7 +232,7 @@ const Markdown = ({
         ReactMarkdown,
         {
           remarkPlugins: [remarkGfm],
-          components,
+          components: documentComponents,
           children: content
         }
       )

package/components/markdown/markdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":[],"mappings":"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","file":"markdown.js","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  headingLevelOffset?: number;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  headingLevelOffset = 0,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {});\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const components: Components = {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={normalizedHeadingLevelOffset}\n      />\n    ),\n  };\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={components}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}
+{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":[],"mappings":"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","file":"markdown.js","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport type { Plugin } from 'unified';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  excerpt?: boolean;\n  headingLevelOffset?: number;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\ntype MarkdownNode = {\n  type: string;\n  value?: string;\n  alt?: string | null;\n  children?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownRoot = {\n  type: 'root';\n  children: MarkdownNode[];\n};\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nfunction createTextNode(value: string): MarkdownNode {\n  return {\n    type: 'text',\n    value,\n  };\n}\n\nfunction appendNodesWithSeparator(\n  target: MarkdownNode[],\n  nodes: MarkdownNode[],\n) {\n  if (nodes.length === 0) {\n    return;\n  }\n\n  if (target.length > 0) {\n    target.push(createTextNode(' '));\n  }\n\n  target.push(...nodes);\n}\n\nfunction flattenInlineNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'html':\n      return [];\n\n    case 'break':\n      return [\n        createTextNode(' '),\n      ];\n\n    case 'image':\n    case 'imageReference':\n      return node.alt\n        ? [\n            createTextNode(node.alt),\n          ]\n        : [];\n\n    default:\n      if (!node.children) {\n        return [\n          node,\n        ];\n      }\n\n      return [\n        {\n          ...node,\n          children: node.children.flatMap(\n            flattenInlineNode,\n          ),\n        },\n      ];\n  }\n}\n\nfunction flattenBlockNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'paragraph':\n    case 'heading':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'tableCell':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'code':\n      return node.value\n        ? [\n            {\n              type: 'inlineCode',\n              value: node.value,\n            },\n          ]\n        : [];\n\n    case 'html':\n    case 'definition':\n    case 'footnoteDefinition':\n    case 'thematicBreak':\n    case 'yaml':\n      return [];\n\n    case 'blockquote':\n    case 'list':\n    case 'listItem':\n    case 'table':\n    case 'tableRow':\n      return flattenBlockNodes(node.children ?? []);\n\n    default:\n      return node.children\n        ? flattenBlockNodes(node.children)\n        : [];\n  }\n}\n\nfunction flattenBlockNodes(\n  nodes: MarkdownNode[],\n): MarkdownNode[] {\n  const result: MarkdownNode[] = [];\n\n  for (const node of nodes) {\n    appendNodesWithSeparator(\n      result,\n      flattenBlockNode(node),\n    );\n  }\n\n  return result;\n}\n\nconst remarkExcerpt: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n    const children = flattenBlockNodes(root.children);\n\n    root.children = children.length > 0\n      ? [\n          {\n            type: 'paragraph',\n            children,\n          },\n        ]\n      : [];\n  };\n};\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nfunction createDocumentComponents(\n  headingLevelOffset: number,\n): Components {\n  return {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={headingLevelOffset}\n      />\n    ),\n  };\n}\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  excerpt = false,\n  headingLevelOffset = 0,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {\n    'markdown--excerpt': excerpt,\n  });\n\n  if (excerpt) {\n    return (\n      <div\n        className={classes}\n        {...props}\n      >\n        <ReactMarkdown\n          remarkPlugins={[\n            remarkGfm,\n            remarkExcerpt,\n          ]}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const documentComponents = createDocumentComponents(\n    normalizedHeadingLevelOffset,\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={documentComponents}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jvetrau-ds",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "description": "Multi-brand React design system with semantic tokens",
   "license": "UNLICENSED",
   "type": "module",

package/styles.css

@@ -1321,6 +1321,17 @@
 .markdown h6,
 .markdown p {
   /* size */
+  margin: 0;
+}
+
+.markdown h5,
+.markdown h6 {
+  /* typography */
+  font-family: var(--font-h4-family);
+  font-size: var(--font-h4);
+  font-weight: var(--font-h4-weight);
+  line-height: var(--font-h4-line);
+  letter-spacing: var(--font-h4-letter-spacing);
 }
 
 .markdown ul,
@@ -1329,7 +1340,6 @@
   display: flex;
   flex-direction: column;
   gap: var(--markdown-list-gap);
-
   margin: 0;
   padding-left: var(--markdown-list-padding);
 }
@@ -1420,7 +1430,6 @@
   padding:
     var(--markdown-code-padding-block)
     var(--markdown-code-padding-inline);
-
   overflow-x: auto;
 
   /* border */
@@ -1446,6 +1455,7 @@
   /* size */
   width: 100%;
 
+  /* border */
   border-collapse: collapse;
 }
 
@@ -1478,6 +1488,11 @@
   margin: 0;
 }
 
+.markdown--excerpt > p {
+  /* size */
+  margin: 0;
+}
+
 /* src/components/menu/menu.css */
 .menu {
   /* color */