@dynatrace/strato-components 3.1.1 → 3.2.0

package/esm/content/chip/ChipKey.sty.js

@@ -1,7 +1,7 @@
 import "../../styles/field.css";
 import "./BaseChip.css";
 import "./ChipKey.css";
-var key = "_1pehkco1-3-1-1";
+var key = "_1pehkco1-3-2-0";
 export {
   key
 };

package/esm/content/chip/ChipKey.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/ChipKey.css.ts"],
-  "sourcesContent": ["import '../../styles/field.css';\nimport './BaseChip.css';\nimport './ChipKey.css';\nexport var key = '_1pehkco1-3-1-1';"],
+  "sourcesContent": ["import '../../styles/field.css';\nimport './BaseChip.css';\nimport './ChipKey.css';\nexport var key = '_1pehkco1-3-2-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,MAAM;",
   "names": []
 }

package/esm/content/chip/GroupedChip.css

@@ -1,12 +1,12 @@
-._4mpedx0-3-1-1 {
+._4mpedx0-3-2-0 {
   position: absolute;
   visibility: hidden;
   z-index: -1;
 }
-._4mpedx1-3-1-1 {
+._4mpedx1-3-2-0 {
   flex: 0 0 auto;
 }
-._4mpedx2-3-1-1 {
+._4mpedx2-3-2-0 {
   min-width: 0;
   flex: 0 1 auto;
 }

package/esm/content/chip/GroupedChip.sty.js

@@ -1,7 +1,7 @@
 import "./GroupedChip.css";
-var first = "_4mpedx2-3-1-1";
-var grouped = "_4mpedx1-3-1-1";
-var hidden = "_4mpedx0-3-1-1";
+var first = "_4mpedx2-3-2-0";
+var grouped = "_4mpedx1-3-2-0";
+var hidden = "_4mpedx0-3-2-0";
 export {
   first,
   grouped,

package/esm/content/chip/GroupedChip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/GroupedChip.css.ts"],
-  "sourcesContent": ["import './GroupedChip.css';\nexport var first = '_4mpedx2-3-1-1';\nexport var grouped = '_4mpedx1-3-1-1';\nexport var hidden = '_4mpedx0-3-1-1';"],
+  "sourcesContent": ["import './GroupedChip.css';\nexport var first = '_4mpedx2-3-2-0';\nexport var grouped = '_4mpedx1-3-2-0';\nexport var hidden = '_4mpedx0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,SAAS;",
   "names": []
 }

package/esm/content/chip-group/ChipGroup.css

@@ -1,4 +1,4 @@
-._dwt8fp0-3-1-1 {
+._dwt8fp0-3-2-0 {
   position: relative;
   align-items: center;
   align-content: center;
@@ -7,12 +7,12 @@
   overflow: hidden;
   line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
 }
-._dwt8fp1-3-1-1 {
+._dwt8fp1-3-2-0 {
   gap: var(--dt-spacings-size-6, 6px);
 }
-._dwt8fp3-3-1-1 {
+._dwt8fp3-3-2-0 {
   flex-wrap: wrap;
 }
-._dwt8fp4-3-1-1 {
+._dwt8fp4-3-2-0 {
   flex-wrap: nowrap;
 }

package/esm/content/chip-group/ChipGroup.sty.js

@@ -1,6 +1,6 @@
 import "./ChipGroup.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var chipGroupCSS = _7a468({ defaultClassName: "_dwt8fp0-3-1-1", variantClassNames: { size: { condensed: "_dwt8fp1-3-1-1", "default": "_dwt8fp2-3-1-1" }, expanded: { true: "_dwt8fp3-3-1-1", false: "_dwt8fp4-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
+var chipGroupCSS = _7a468({ defaultClassName: "_dwt8fp0-3-2-0", variantClassNames: { size: { condensed: "_dwt8fp1-3-2-0", "default": "_dwt8fp2-3-2-0" }, expanded: { true: "_dwt8fp3-3-2-0", false: "_dwt8fp4-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   chipGroupCSS
 };

package/esm/content/chip-group/ChipGroup.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip-group/ChipGroup.css.ts"],
-  "sourcesContent": ["import './ChipGroup.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chipGroupCSS = _7a468({defaultClassName:'_dwt8fp0-3-1-1',variantClassNames:{size:{condensed:'_dwt8fp1-3-1-1','default':'_dwt8fp2-3-1-1'},expanded:{true:'_dwt8fp3-3-1-1',false:'_dwt8fp4-3-1-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ChipGroup.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chipGroupCSS = _7a468({defaultClassName:'_dwt8fp0-3-2-0',variantClassNames:{size:{condensed:'_dwt8fp1-3-2-0','default':'_dwt8fp2-3-2-0'},expanded:{true:'_dwt8fp3-3-2-0',false:'_dwt8fp4-3-2-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,MAAK,EAAC,WAAU,kBAAiB,WAAU,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/content/chip-group/Control.css

@@ -1,4 +1,4 @@
-._uoyq2d0-3-1-1 {
+._uoyq2d0-3-2-0 {
   gap: var(--dt-spacings-size-4, 4px);
   display: inline-flex;
   padding: var(--dt-spacings-size-0, 0);
@@ -23,12 +23,12 @@
   cursor: pointer;
   transition: background-color var(--dt-animations-hover-duration-base, 150ms) var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1));
 }
-._uoyq2d0-3-1-1:focus-visible {
+._uoyq2d0-3-2-0:focus-visible {
   text-decoration: none;
 }
-._uoyq2d0-3-1-1:hover {
+._uoyq2d0-3-2-0:hover {
   background: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._uoyq2d0-3-1-1:active {
+._uoyq2d0-3-2-0:active {
   background: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }

package/esm/content/chip-group/Control.sty.js

@@ -1,6 +1,6 @@
 import "../../core/styles/focusRingStatic.css";
 import "./Control.css";
-var expandButtonCSS = "_uoyq2d0-3-1-1 _z0fq9b4-3-1-1 _z0fq9bc-3-1-1 _z0fq9b6-3-1-1 _z0fq9ba-3-1-1";
+var expandButtonCSS = "_uoyq2d0-3-2-0 _z0fq9b4-3-2-0 _z0fq9bc-3-2-0 _z0fq9b6-3-2-0 _z0fq9ba-3-2-0";
 export {
   expandButtonCSS
 };

package/esm/content/chip-group/Control.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip-group/Control.css.ts"],
-  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './Control.css';\nexport var expandButtonCSS = '_uoyq2d0-3-1-1 _z0fq9b4-3-1-1 _z0fq9bc-3-1-1 _z0fq9b6-3-1-1 _z0fq9ba-3-1-1';"],
+  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './Control.css';\nexport var expandButtonCSS = '_uoyq2d0-3-2-0 _z0fq9b4-3-2-0 _z0fq9bc-3-2-0 _z0fq9b6-3-2-0 _z0fq9ba-3-2-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/content/code-snippet/CodeHighlight.css

@@ -1,4 +1,4 @@
-._1jmxup80-3-1-1 {
+._1jmxup80-3-2-0 {
   margin: 0;
   padding: 0;
   overflow: visible;
@@ -9,19 +9,19 @@
   font-weight: var(--dt-typography-code-base-default-weight, 400);
   word-break: break-word;
 }
-._1jmxup81-3-1-1 {
+._1jmxup81-3-2-0 {
   font-family: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
   font-size: var(--dt-typography-code-base-default-size, 14px);
   line-height: var(--dt-typography-code-base-default-line-height, 1.4285714286);
   min-height: calc(2 * var(--dt-spacings-size-12, 12px) + var(--dt-spacings-size-20, 20px));
 }
-._1jmxup82-3-1-1 {
+._1jmxup82-3-2-0 {
   font-family: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
   font-size: var(--dt-typography-code-small-default-size, 12px);
   line-height: var(--dt-typography-code-small-default-line-height, 1.333333333);
   min-height: calc(2 * var(--dt-spacings-size-6, 6px) + var(--dt-spacings-size-16, 16px));
 }
-._1jmxup83-3-1-1 {
+._1jmxup83-3-2-0 {
   display: table-cell;
   position: sticky;
   left: 0;
@@ -32,62 +32,73 @@
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   user-select: none;
+}
+._1jmxup84-3-2-0 {
   white-space: nowrap;
 }
-._1jmxup84-3-1-1 {
+._1jmxup85-3-2-0 {
+  white-space: pre;
+}
+._1jmxup86-3-2-0 {
   display: table-row;
 }
-._1jmxup85-3-1-1 {
+._1jmxup87-3-2-0 {
   display: block;
   box-sizing: border-box;
   pointer-events: none;
   user-select: none;
   -webkit-user-select: none;
 }
-._1jmxup85-3-1-1::before {
+._1jmxup87-3-2-0::before {
   content: attr(data-linenumber);
 }
-._1jmxup81-3-1-1 ._1jmxup84-3-1-1:first-child ._1jmxup85-3-1-1 {
+._1jmxup81-3-2-0 ._1jmxup86-3-2-0:first-child ._1jmxup87-3-2-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup82-3-1-1 ._1jmxup84-3-1-1:first-child ._1jmxup85-3-1-1 {
+._1jmxup82-3-2-0 ._1jmxup86-3-2-0:first-child ._1jmxup87-3-2-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup81-3-1-1 ._1jmxup84-3-1-1:last-child ._1jmxup85-3-1-1 {
+._1jmxup81-3-2-0 ._1jmxup86-3-2-0:last-child ._1jmxup87-3-2-0 {
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup82-3-1-1 ._1jmxup84-3-1-1:last-child ._1jmxup85-3-1-1 {
+._1jmxup82-3-2-0 ._1jmxup86-3-2-0:last-child ._1jmxup87-3-2-0 {
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup86-3-1-1 {
+._1jmxup88-3-2-0 {
   padding-left: var(--dt-spacings-size-16, 16px);
   min-width: 33px;
 }
-._1jmxup87-3-1-1 {
+._1jmxup89-3-2-0 {
   padding-left: var(--dt-spacings-size-12, 12px);
   min-width: 27px;
 }
-._1jmxup88-3-1-1 {
+._1jmxup8b-3-2-0 {
+  white-space: pre;
+}
+._1jmxup8c-3-2-0 {
   display: table-cell;
   width: 100%;
 }
-._1jmxup81-3-1-1 ._1jmxup84-3-1-1:first-child ._1jmxup88-3-1-1 {
+._1jmxup81-3-2-0 ._1jmxup86-3-2-0:first-child ._1jmxup8c-3-2-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup82-3-1-1 ._1jmxup84-3-1-1:first-child ._1jmxup88-3-1-1 {
+._1jmxup82-3-2-0 ._1jmxup86-3-2-0:first-child ._1jmxup8c-3-2-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup81-3-1-1 ._1jmxup84-3-1-1:last-child ._1jmxup88-3-1-1 {
+._1jmxup81-3-2-0 ._1jmxup86-3-2-0:last-child ._1jmxup8c-3-2-0 {
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._1jmxup82-3-1-1 ._1jmxup84-3-1-1:last-child ._1jmxup88-3-1-1 {
+._1jmxup82-3-2-0 ._1jmxup86-3-2-0:last-child ._1jmxup8c-3-2-0 {
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._1jmxup89-3-1-1 {
+._1jmxup8d-3-2-0 {
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-8, 8px);
 }
-._1jmxup8a-3-1-1 {
+._1jmxup8e-3-2-0 {
   padding-left: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-6, 6px);
+}
+._1jmxup8g-3-2-0 {
+  white-space: pre;
 }

package/esm/content/code-snippet/CodeHighlight.js

@@ -1,12 +1,52 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import { forwardRef } from "react";
+import { forwardRef, useMemo } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import * as styles from "./CodeHighlight.sty.js";
 import {
   HighlightExtended
 } from "./HighlightExtended.js";
+import { splitCodeForHighlighting } from "./utils/highlighting-utils.js";
 import { useStratoLogger } from "../../core/sdk/sdk-logger.js";
+function NonHighlightedBlock({
+  showLineNumbers,
+  size,
+  isMultiLine,
+  lineNumbers,
+  code
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.line, children: [
+    showLineNumbers ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: clsx(
+          "line-number",
+          styles.lineNumberContainer({ multiLine: isMultiLine })
+        ),
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: styles.lineNumber({
+              size,
+              multiLine: isMultiLine
+            }),
+            children: lineNumbers
+          }
+        )
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: styles.lineContent({
+          size,
+          multiLine: isMultiLine
+        }),
+        children: code
+      }
+    )
+  ] });
+}
 const CodeHighlight = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const {
     code,
@@ -17,6 +57,15 @@ const CodeHighlight = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     size = "default"
   } = props;
   const stratoLogger = useStratoLogger("CodeSnippet");
+  const {
+    highlightCode,
+    noHighlightInline,
+    noHighlightCode,
+    noHighlightLineNumbers
+  } = useMemo(() => splitCodeForHighlighting(code), [code]);
+  const isNonHighlightedMultiLine = noHighlightLineNumbers.includes("\n");
+  const hasNonHighlightedBlock = noHighlightCode.length > 0;
+  const isFullyHighlighted = noHighlightInline.length === 0 && !hasNonHighlightedBlock;
   return /* @__PURE__ */ jsx(
     "pre",
     {
@@ -36,54 +85,64 @@ const CodeHighlight = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
               info
             });
           },
-          children: /* @__PURE__ */ jsx(HighlightExtended, { language, code, children: ({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ jsx(Fragment, { children: tokens.map((line, i) => {
-            const isSingleLine = tokens.length === 1;
-            const { className: lineClassName, ...remainingLineProps } = getLineProps({ line });
-            return /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: clsx(lineClassName, styles.line),
-                ...remainingLineProps,
-                children: [
-                  showLineNumbers ? /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: clsx(
-                        "line-number",
-                        styles.lineNumberContainer
-                      ),
-                      children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsx(HighlightExtended, { language, code: highlightCode, children: ({ tokens, getLineProps, getTokenProps }) => {
+            const isSingleLine = tokens.length === 1 && isFullyHighlighted;
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              tokens.map((line, i) => {
+                const isLastLine = i === tokens.length - 1;
+                const { className: lineClassName, ...remainingLineProps } = getLineProps({ line });
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: clsx(lineClassName, styles.line),
+                    ...remainingLineProps,
+                    children: [
+                      showLineNumbers ? /* @__PURE__ */ jsx(
                         "span",
                         {
-                          className: styles.lineNumber({ size }),
-                          "data-linenumber": i + 1
+                          className: clsx(
+                            "line-number",
+                            styles.lineNumberContainer()
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: styles.lineNumber({ size }),
+                              "data-linenumber": i + 1
+                            }
+                          )
                         }
-                      )
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: styles.lineContent({ size }),
-                      style: {
-                        verticalAlign: isSingleLine ? "middle" : void 0
-                      },
-                      children: line.map((token, index) => /* @__PURE__ */ jsx(
+                      ) : null,
+                      /* @__PURE__ */ jsxs(
                         "span",
                         {
-                          ...getTokenProps({
-                            token
-                          })
-                        },
-                        index
-                      ))
-                    }
-                  )
-                ]
-              },
-              i
-            );
-          }) }) })
+                          className: styles.lineContent({ size }),
+                          style: {
+                            verticalAlign: isSingleLine ? "middle" : void 0
+                          },
+                          children: [
+                            line.map((token, index) => /* @__PURE__ */ jsx("span", { ...getTokenProps({ token }) }, index)),
+                            isLastLine && noHighlightInline.length > 0 ? noHighlightInline : null
+                          ]
+                        }
+                      )
+                    ]
+                  },
+                  i
+                );
+              }),
+              hasNonHighlightedBlock ? /* @__PURE__ */ jsx(
+                NonHighlightedBlock,
+                {
+                  showLineNumbers,
+                  size,
+                  isMultiLine: isNonHighlightedMultiLine,
+                  lineNumbers: noHighlightLineNumbers,
+                  code: noHighlightCode
+                }
+              ) : null
+            ] });
+          } })
         }
       )
     }

package/esm/content/code-snippet/CodeHighlight.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/code-snippet/CodeHighlight.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\n\nimport * as styles from './CodeHighlight.sty.js';\nimport {\n  HighlightExtended,\n  type HighlightLanguage,\n} from './HighlightExtended.js';\nimport { useStratoLogger } from '../../core/sdk/sdk-logger.js';\n\ninterface CodeHighlightProps {\n  /**\n   * Whether line numbers should be shown.\n   * @defaultValue true\n   */\n  showLineNumbers?: boolean;\n  language?: HighlightLanguage;\n  code: string;\n  /**\n   * Whether the content breaks into new lines automatically or not.\n   * @defaultValue false\n   */\n  lineBreaks?: boolean;\n  /** @defaultValue false */\n  buttonPadding?: boolean;\n  maxHeight?: number;\n  /** @defaultValue 'default' */\n  size?: 'default' | 'condensed';\n}\n\n/**\n * Highlights code with prism tokenisation\n * @internal\n */\nexport const CodeHighlight = /* @__PURE__ */ forwardRef<\n  HTMLPreElement,\n  CodeHighlightProps\n>((props, forwardedRef) => {\n  const {\n    code,\n    language,\n    showLineNumbers = true,\n    lineBreaks = false,\n    maxHeight,\n    size = 'default',\n  } = props;\n\n  const stratoLogger = useStratoLogger('CodeSnippet');\n\n  return (\n    <pre\n      className={styles.highlightWrapper({ size })}\n      ref={forwardedRef}\n      style={{\n        whiteSpace: lineBreaks ? 'pre-wrap' : 'pre',\n        maxHeight: maxHeight,\n      }}\n    >\n      <ErrorBoundary\n        fallback={code}\n        onError={(error, info) => {\n          stratoLogger.error(error.message, error, {\n            code,\n            info,\n          });\n        }}\n      >\n        <HighlightExtended language={language} code={code}>\n          {({ tokens, getLineProps, getTokenProps }) => (\n            <>\n              {tokens.map((line, i) => {\n                const isSingleLine = tokens.length === 1;\n                const { className: lineClassName, ...remainingLineProps } =\n                  getLineProps({ line });\n                return (\n                  <div\n                    key={i}\n                    className={clsx(lineClassName, styles.line)}\n                    {...remainingLineProps}\n                  >\n                    {showLineNumbers ? (\n                      <span\n                        className={clsx(\n                          'line-number',\n                          styles.lineNumberContainer,\n                        )}\n                      >\n                        <span\n                          className={styles.lineNumber({ size })}\n                          data-linenumber={i + 1}\n                        />\n                      </span>\n                    ) : null}\n                    <span\n                      className={styles.lineContent({ size })}\n                      style={{\n                        verticalAlign: isSingleLine ? 'middle' : undefined,\n                      }}\n                    >\n                      {line.map((token, index) => (\n                        <span\n                          key={index}\n                          {...getTokenProps({\n                            token,\n                          })}\n                        />\n                      ))}\n                    </span>\n                  </div>\n                );\n              })}\n            </>\n          )}\n        </HighlightExtended>\n      </ErrorBoundary>\n    </pre>\n  );\n});\n\n(CodeHighlight as typeof CodeHighlight & { displayName: string }).displayName =\n  'CodeHighlight';\n"],
-  "mappings": "AAsEY,mBAkBY,KAZN,YANN;AAtEZ,OAAO,UAAU;AACjB,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAE9B,YAAY,YAAY;AACxB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,uBAAuB;AA0BzB,MAAM,gBAAgC,2BAG3C,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb;AAAA,IACA,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,eAAe,gBAAgB,aAAa;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO,iBAAiB,EAAE,KAAK,CAAC;AAAA,MAC3C,KAAK;AAAA,MACL,OAAO;AAAA,QACL,YAAY,aAAa,aAAa;AAAA,QACtC;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,SAAS,CAAC,OAAO,SAAS;AACxB,yBAAa,MAAM,MAAM,SAAS,OAAO;AAAA,cACvC;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,UAEA,8BAAC,qBAAkB,UAAoB,MACpC,WAAC,EAAE,QAAQ,cAAc,cAAc,MACtC,gCACG,iBAAO,IAAI,CAAC,MAAM,MAAM;AACvB,kBAAM,eAAe,OAAO,WAAW;AACvC,kBAAM,EAAE,WAAW,eAAe,GAAG,mBAAmB,IACtD,aAAa,EAAE,KAAK,CAAC;AACvB,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAW,KAAK,eAAe,OAAO,IAAI;AAAA,gBACzC,GAAG;AAAA,gBAEH;AAAA,oCACC;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAW;AAAA,wBACT;AAAA,wBACA,OAAO;AAAA,sBACT;AAAA,sBAEA;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAW,OAAO,WAAW,EAAE,KAAK,CAAC;AAAA,0BACrC,mBAAiB,IAAI;AAAA;AAAA,sBACvB;AAAA;AAAA,kBACF,IACE;AAAA,kBACJ;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAW,OAAO,YAAY,EAAE,KAAK,CAAC;AAAA,sBACtC,OAAO;AAAA,wBACL,eAAe,eAAe,WAAW;AAAA,sBAC3C;AAAA,sBAEC,eAAK,IAAI,CAAC,OAAO,UAChB;AAAA,wBAAC;AAAA;AAAA,0BAEE,GAAG,cAAc;AAAA,4BAChB;AAAA,0BACF,CAAC;AAAA;AAAA,wBAHI;AAAA,sBAIP,CACD;AAAA;AAAA,kBACH;AAAA;AAAA;AAAA,cA/BK;AAAA,YAgCP;AAAA,UAEJ,CAAC,GACH,GAEJ;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAEA,cAAiE,cAChE;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useMemo } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\n\nimport * as styles from './CodeHighlight.sty.js';\nimport {\n  HighlightExtended,\n  type HighlightLanguage,\n} from './HighlightExtended.js';\nimport { splitCodeForHighlighting } from './utils/highlighting-utils.js';\nimport { useStratoLogger } from '../../core/sdk/sdk-logger.js';\n\n/**\n * Renders the non-highlighted tail of the code as a single table-row.\n *\n * When the block contains multiple lines, `whiteSpace: 'pre'` is enforced so\n * the content never wraps \u2014 all non-highlighted lines live in a single\n * table-row and wrapping would cause the line-number cell to go out of sync.\n * When the remainder is a single line (e.g. one huge log without newlines) it\n * inherits the parent's `whiteSpace` so the `lineBreaks` prop can take effect.\n */\nfunction NonHighlightedBlock({\n  showLineNumbers,\n  size,\n  isMultiLine,\n  lineNumbers,\n  code,\n}: {\n  showLineNumbers: boolean;\n  size: 'default' | 'condensed';\n  isMultiLine: boolean;\n  lineNumbers: string;\n  code: string;\n}) {\n  return (\n    <div className={styles.line}>\n      {showLineNumbers ? (\n        <span\n          className={clsx(\n            'line-number',\n            styles.lineNumberContainer({ multiLine: isMultiLine }),\n          )}\n        >\n          <span\n            className={styles.lineNumber({\n              size,\n              multiLine: isMultiLine,\n            })}\n          >\n            {lineNumbers}\n          </span>\n        </span>\n      ) : null}\n      <span\n        className={styles.lineContent({\n          size,\n          multiLine: isMultiLine,\n        })}\n      >\n        {code}\n      </span>\n    </div>\n  );\n}\n\ninterface CodeHighlightProps {\n  /**\n   * Whether line numbers should be shown.\n   * @defaultValue true\n   */\n  showLineNumbers?: boolean;\n  /**\n   * The code language of the snippet for syntax highlighting.\n   */\n  language?: HighlightLanguage;\n  /**\n   * The code snippet to be highlighted.\n   */\n  code: string;\n  /**\n   * Whether the content breaks into new lines automatically.\n   * @defaultValue false\n   */\n  lineBreaks?: boolean;\n  /**\n   * Max height of the code container in px.\n   */\n  maxHeight?: number;\n  /**\n   * Layout size, which affects font size, padding and margins.\n   * @defaultValue 'default'\n   */\n  size?: 'default' | 'condensed';\n}\n\n/**\n * Highlights code with prism tokenization.\n * @internal\n */\nexport const CodeHighlight = /* @__PURE__ */ forwardRef<\n  HTMLPreElement,\n  CodeHighlightProps\n>((props, forwardedRef) => {\n  const {\n    code,\n    language,\n    showLineNumbers = true,\n    lineBreaks = false,\n    maxHeight,\n    size = 'default',\n  } = props;\n\n  const stratoLogger = useStratoLogger('CodeSnippet');\n\n  const {\n    highlightCode,\n    noHighlightInline,\n    noHighlightCode,\n    noHighlightLineNumbers,\n  } = useMemo(() => splitCodeForHighlighting(code), [code]);\n\n  const isNonHighlightedMultiLine = noHighlightLineNumbers.includes('\\n');\n  const hasNonHighlightedBlock = noHighlightCode.length > 0;\n  const isFullyHighlighted =\n    noHighlightInline.length === 0 && !hasNonHighlightedBlock;\n\n  return (\n    <pre\n      className={styles.highlightWrapper({ size })}\n      ref={forwardedRef}\n      style={{\n        whiteSpace: lineBreaks ? 'pre-wrap' : 'pre',\n        maxHeight: maxHeight,\n      }}\n    >\n      <ErrorBoundary\n        fallback={code}\n        onError={(error, info) => {\n          stratoLogger.error(error.message, error, {\n            code,\n            info,\n          });\n        }}\n      >\n        <HighlightExtended language={language} code={highlightCode}>\n          {({ tokens, getLineProps, getTokenProps }) => {\n            const isSingleLine = tokens.length === 1 && isFullyHighlighted;\n            return (\n              <>\n                {tokens.map((line, i) => {\n                  const isLastLine = i === tokens.length - 1;\n                  const { className: lineClassName, ...remainingLineProps } =\n                    getLineProps({ line });\n                  return (\n                    <div\n                      key={i}\n                      className={clsx(lineClassName, styles.line)}\n                      {...remainingLineProps}\n                    >\n                      {showLineNumbers ? (\n                        <span\n                          className={clsx(\n                            'line-number',\n                            styles.lineNumberContainer(),\n                          )}\n                        >\n                          <span\n                            className={styles.lineNumber({ size })}\n                            data-linenumber={i + 1}\n                          />\n                        </span>\n                      ) : null}\n                      <span\n                        className={styles.lineContent({ size })}\n                        style={{\n                          verticalAlign: isSingleLine ? 'middle' : undefined,\n                        }}\n                      >\n                        {line.map((token, index) => (\n                          <span key={index} {...getTokenProps({ token })} />\n                        ))}\n                        {/* Append the non-highlighted inline continuation so it\n                            stays on the same visual line (same table-row) as the\n                            last highlighted token \u2014 no extra line number. */}\n                        {isLastLine && noHighlightInline.length > 0\n                          ? noHighlightInline\n                          : null}\n                      </span>\n                    </div>\n                  );\n                })}\n                {hasNonHighlightedBlock ? (\n                  <NonHighlightedBlock\n                    showLineNumbers={showLineNumbers}\n                    size={size}\n                    isMultiLine={isNonHighlightedMultiLine}\n                    lineNumbers={noHighlightLineNumbers}\n                    code={noHighlightCode}\n                  />\n                ) : null}\n              </>\n            );\n          }}\n        </HighlightExtended>\n      </ErrorBoundary>\n    </pre>\n  );\n});\n\n(CodeHighlight as typeof CodeHighlight & { displayName: string }).displayName =\n  'CodeHighlight';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/content/code-snippet/CodeHighlight.sty.js

@@ -1,10 +1,10 @@
 import "./CodeHighlight.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var highlightWrapper = _7a468({ defaultClassName: "_1jmxup80-3-1-1", variantClassNames: { size: { "default": "_1jmxup81-3-1-1", condensed: "_1jmxup82-3-1-1" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var line = "_1jmxup84-3-1-1";
-var lineContent = _7a468({ defaultClassName: "_1jmxup88-3-1-1", variantClassNames: { size: { "default": "_1jmxup89-3-1-1", condensed: "_1jmxup8a-3-1-1" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var lineNumber = _7a468({ defaultClassName: "_1jmxup85-3-1-1", variantClassNames: { size: { "default": "_1jmxup86-3-1-1", condensed: "_1jmxup87-3-1-1" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var lineNumberContainer = "_1jmxup83-3-1-1";
+var highlightWrapper = _7a468({ defaultClassName: "_1jmxup80-3-2-0", variantClassNames: { size: { "default": "_1jmxup81-3-2-0", condensed: "_1jmxup82-3-2-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var line = "_1jmxup86-3-2-0";
+var lineContent = _7a468({ defaultClassName: "_1jmxup8c-3-2-0", variantClassNames: { size: { "default": "_1jmxup8d-3-2-0", condensed: "_1jmxup8e-3-2-0" }, multiLine: { false: "_1jmxup8f-3-2-0", true: "_1jmxup8g-3-2-0" } }, defaultVariants: { size: "default", multiLine: false }, compoundVariants: [] });
+var lineNumber = _7a468({ defaultClassName: "_1jmxup87-3-2-0", variantClassNames: { size: { "default": "_1jmxup88-3-2-0", condensed: "_1jmxup89-3-2-0" }, multiLine: { false: "_1jmxup8a-3-2-0", true: "_1jmxup8b-3-2-0" } }, defaultVariants: { size: "default", multiLine: false }, compoundVariants: [] });
+var lineNumberContainer = _7a468({ defaultClassName: "_1jmxup83-3-2-0", variantClassNames: { multiLine: { false: "_1jmxup84-3-2-0", true: "_1jmxup85-3-2-0" } }, defaultVariants: { multiLine: false }, compoundVariants: [] });
 export {
   highlightWrapper,
   line,

package/esm/content/code-snippet/CodeHighlight.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/code-snippet/CodeHighlight.css.ts"],
-  "sourcesContent": ["import './CodeHighlight.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var highlightWrapper = _7a468({defaultClassName:'_1jmxup80-3-1-1',variantClassNames:{size:{'default':'_1jmxup81-3-1-1',condensed:'_1jmxup82-3-1-1'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var line = '_1jmxup84-3-1-1';\nexport var lineContent = _7a468({defaultClassName:'_1jmxup88-3-1-1',variantClassNames:{size:{'default':'_1jmxup89-3-1-1',condensed:'_1jmxup8a-3-1-1'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var lineNumber = _7a468({defaultClassName:'_1jmxup85-3-1-1',variantClassNames:{size:{'default':'_1jmxup86-3-1-1',condensed:'_1jmxup87-3-1-1'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var lineNumberContainer = '_1jmxup83-3-1-1';"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1M,IAAI,OAAO;AACX,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrM,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACpM,IAAI,sBAAsB;",
+  "sourcesContent": ["import './CodeHighlight.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var highlightWrapper = _7a468({defaultClassName:'_1jmxup80-3-2-0',variantClassNames:{size:{'default':'_1jmxup81-3-2-0',condensed:'_1jmxup82-3-2-0'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var line = '_1jmxup86-3-2-0';\nexport var lineContent = _7a468({defaultClassName:'_1jmxup8c-3-2-0',variantClassNames:{size:{'default':'_1jmxup8d-3-2-0',condensed:'_1jmxup8e-3-2-0'},multiLine:{false:'_1jmxup8f-3-2-0',true:'_1jmxup8g-3-2-0'}},defaultVariants:{size:'default',multiLine:false},compoundVariants:[]});\nexport var lineNumber = _7a468({defaultClassName:'_1jmxup87-3-2-0',variantClassNames:{size:{'default':'_1jmxup88-3-2-0',condensed:'_1jmxup89-3-2-0'},multiLine:{false:'_1jmxup8a-3-2-0',true:'_1jmxup8b-3-2-0'}},defaultVariants:{size:'default',multiLine:false},compoundVariants:[]});\nexport var lineNumberContainer = _7a468({defaultClassName:'_1jmxup83-3-2-0',variantClassNames:{multiLine:{false:'_1jmxup84-3-2-0',true:'_1jmxup85-3-2-0'}},defaultVariants:{multiLine:false},compoundVariants:[]});"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1M,IAAI,OAAO;AACX,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,GAAE,WAAU,EAAC,OAAM,mBAAkB,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,WAAU,WAAU,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChR,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,GAAE,WAAU,EAAC,OAAM,mBAAkB,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,WAAU,WAAU,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/Q,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,OAAM,mBAAkB,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,WAAU,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/content/code-snippet/CodeSnippet.css

@@ -1,4 +1,4 @@
-._17pa72a0-3-1-1 {
+._17pa72a0-3-2-0 {
   position: relative;
   display: flex;
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
@@ -9,7 +9,7 @@
   overflow: auto;
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._17pa72a1-3-1-1 {
+._17pa72a1-3-2-0 {
   position: sticky;
   display: flex;
   align-self: stretch;
@@ -18,9 +18,9 @@
   inset-block: 0;
   right: 0;
 }
-._17pa72a2-3-1-1 {
+._17pa72a2-3-2-0 {
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-6, 6px) 0;
 }
-._17pa72a3-3-1-1 {
+._17pa72a3-3-2-0 {
   padding: var(--dt-spacings-size-2, 2px) var(--dt-spacings-size-2, 2px) var(--dt-spacings-size-2, 2px) 0;
 }

package/esm/content/code-snippet/CodeSnippet.js

@@ -104,7 +104,6 @@ const CodeSnippet = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
             code: copyText,
             showLineNumbers,
             lineBreaks,
-            buttonPadding: showCopyAction,
             maxHeight,
             size
           }
@@ -130,6 +129,7 @@ const CodeSnippet = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
                 "aria-label": copyLabel,
                 onClick: handleCopy,
                 style: { borderRadius: Borders.Radius.Field.Subdued },
+                "data-dt-name": "CopyButton",
                 children: /* @__PURE__ */ jsx(Button.Prefix, { children: /* @__PURE__ */ jsx(CopyIcon, {}) })
               }
             )

package/esm/content/code-snippet/CodeSnippet.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/code-snippet/CodeSnippet.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport writeText from 'copy-to-clipboard';\nimport {\n  type ClipboardEventHandler,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { CodeHighlight } from './CodeHighlight.js';\nimport * as styles from './CodeSnippet.sty.js';\nimport type { HighlightLanguage } from './HighlightExtended.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { FocusEvents } from '../../core/types/events.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\n\nconst COMPONENT_NAME = 'CodeSnippet';\n\n/**\n * @public\n */\nexport interface CodeSnippetProps\n  extends WithChildren,\n    FocusEvents,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * Code language to be used to run highlighting on the given code.\n   */\n  language?: HighlightLanguage;\n  /**\n   * Whether the copy button should be displayed.\n   * @defaultValue true\n   * @deprecated Will be removed. Use 'showCopyAction' instead\n   */\n  allowCopy?: boolean;\n  /**\n   * Whether the copy button should be displayed.\n   * @defaultValue true\n   */\n  showCopyAction?: boolean;\n  /**\n   * Whether line numbers should be shown.\n   * @defaultValue true\n   */\n  showLineNumbers?: boolean;\n  /**\n   * Height of the code container. If this is known in advance, then very long\n   * code snippets will still be able to fit into the container while also\n   * having scrolling enabled. Value is given in px.\n   */\n  maxHeight?: number;\n  /**\n   * Whether the content breaks into new lines automatically or not.\n   * @defaultValue false\n   */\n  lineBreaks?: boolean;\n  /**\n   * Callback fired when copy button is clicked and the code snippet was copied.\n   */\n  onCopy?: () => void;\n\n  /**\n   * CodeSnippet layout size, 'default' for standard spacing and 'condensed' for reduced font size, padding and margins.\n   * @defaultValue 'default'\n   */\n  size?: 'default' | 'condensed';\n}\n\n/**\n * Use the `CodeSnippet` to display a code block in a read-only context.\n * By default, the code is formatted but not highlighted.\n * @public\n */\nexport const CodeSnippet = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  CodeSnippetProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    language,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    allowCopy: allowCopyProp,\n    showCopyAction: showCopyActionProp,\n    showLineNumbers = true,\n    lineBreaks = false,\n    maxHeight,\n    onCopy,\n    size = 'default',\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    style: consumerStyle,\n    className: consumerClassName,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const showCopyAction = showCopyActionProp ?? allowCopyProp ?? true;\n\n  const joinedChildren = useMemo(\n    () => (Array.isArray(children) ? children.join('') : children),\n    [children],\n  );\n\n  const copyText = `${joinedChildren?.toString() ?? ''}`;\n\n  const [hasCopied, setHasCopied] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const intl = useIntl();\n\n  const handleCopy = async () => {\n    writeText(copyText, { format: 'text/plain' });\n    setHasCopied(true);\n    setIsTooltipOpen(true);\n    onCopy?.();\n  };\n\n  const copySelection: ClipboardEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      const selection = document.getSelection();\n      if (selection === null) {\n        return;\n      }\n      // Firefox tends to add a new line separator per div (with user-select: none; css style rule)\n      // in the selection if the selection spans multiple divs (one div per line).\n      // See https://bugzilla.mozilla.org/show_bug.cgi?id=1273836\n      event.clipboardData.setData('text/plain', selection.toString());\n      event.preventDefault();\n    },\n    [],\n  );\n\n  const copyLabel = intl.formatMessage({\n    defaultMessage: 'Copy',\n    id: 'Yi8j4dchtpkwn/OB',\n    description: 'Shown for elements that trigger a copy to clipboard',\n  });\n\n  const copiedLabel = intl.formatMessage({\n    defaultMessage: 'Copied',\n    id: 'THNwSvfvDSXAUapi',\n    description: 'Shown after copying to clipboard',\n  });\n\n  const message = useMemo(() => {\n    return hasCopied ? copiedLabel : copyLabel;\n  }, [hasCopied, copiedLabel, copyLabel]);\n\n  const codeHighlightRef = useRef<HTMLPreElement | null>(null);\n\n  return (\n    <div\n      ref={forwardedRef}\n      onCopy={copySelection}\n      className={clsx(consumerClassName, styles.wrapper)}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <CodeHighlight\n        ref={codeHighlightRef}\n        language={language}\n        code={copyText}\n        showLineNumbers={showLineNumbers}\n        lineBreaks={lineBreaks}\n        buttonPadding={showCopyAction}\n        maxHeight={maxHeight}\n        size={size}\n      />\n      {showCopyAction ? (\n        <div className={styles.copyButtonContainer({ size })}>\n          <Tooltip\n            text={message}\n            placement=\"top\"\n            open={isTooltipOpen}\n            delay=\"none\"\n            onOpenChange={(isOpen) => {\n              setIsTooltipOpen(isOpen);\n              if (!isOpen) {\n                setHasCopied(false);\n              }\n            }}\n          >\n            <Button\n              variant=\"default\"\n              size={size}\n              aria-label={copyLabel}\n              onClick={handleCopy}\n              style={{ borderRadius: Borders.Radius.Field.Subdued }}\n            >\n              <Button.Prefix>\n                <CopyIcon />\n              </Button.Prefix>\n            </Button>\n          </Tooltip>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\n(CodeSnippet as typeof CodeSnippet & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport writeText from 'copy-to-clipboard';\nimport {\n  type ClipboardEventHandler,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { CodeHighlight } from './CodeHighlight.js';\nimport * as styles from './CodeSnippet.sty.js';\nimport type { HighlightLanguage } from './HighlightExtended.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { FocusEvents } from '../../core/types/events.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\n\nconst COMPONENT_NAME = 'CodeSnippet';\n\n/**\n * @public\n */\nexport interface CodeSnippetProps\n  extends WithChildren,\n    FocusEvents,\n    StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * Code language to be used to run highlighting on the given code.\n   */\n  language?: HighlightLanguage;\n  /**\n   * Whether the copy button should be displayed.\n   * @defaultValue true\n   * @deprecated Will be removed. Use 'showCopyAction' instead\n   */\n  allowCopy?: boolean;\n  /**\n   * Whether the copy button should be displayed.\n   * @defaultValue true\n   */\n  showCopyAction?: boolean;\n  /**\n   * Whether line numbers should be shown.\n   * @defaultValue true\n   */\n  showLineNumbers?: boolean;\n  /**\n   * Height of the code container. If this is known in advance, then very long\n   * code snippets will still be able to fit into the container while also\n   * having scrolling enabled. Value is given in px.\n   */\n  maxHeight?: number;\n  /**\n   * Whether the content breaks into new lines automatically or not.\n   * @defaultValue false\n   */\n  lineBreaks?: boolean;\n  /**\n   * Callback fired when copy button is clicked and the code snippet was copied.\n   */\n  onCopy?: () => void;\n  /**\n   * CodeSnippet layout size, 'default' for standard spacing and 'condensed' for reduced font size, padding and margins.\n   * @defaultValue 'default'\n   */\n  size?: 'default' | 'condensed';\n}\n\n/**\n * Use the `CodeSnippet` to display a code block in a read-only context.\n * By default, the code is formatted but not highlighted.\n * @public\n */\nexport const CodeSnippet = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  CodeSnippetProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    language,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    allowCopy: allowCopyProp,\n    showCopyAction: showCopyActionProp,\n    showLineNumbers = true,\n    lineBreaks = false,\n    maxHeight,\n    onCopy,\n    size = 'default',\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    style: consumerStyle,\n    className: consumerClassName,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const showCopyAction = showCopyActionProp ?? allowCopyProp ?? true;\n\n  const joinedChildren = useMemo(\n    () => (Array.isArray(children) ? children.join('') : children),\n    [children],\n  );\n\n  const copyText = `${joinedChildren?.toString() ?? ''}`;\n\n  const [hasCopied, setHasCopied] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const intl = useIntl();\n\n  const handleCopy = async () => {\n    writeText(copyText, { format: 'text/plain' });\n    setHasCopied(true);\n    setIsTooltipOpen(true);\n    onCopy?.();\n  };\n\n  const copySelection: ClipboardEventHandler<HTMLDivElement> = useCallback(\n    (event) => {\n      const selection = document.getSelection();\n      if (selection === null) {\n        return;\n      }\n      // Firefox tends to add a new line separator per div (with user-select: none; css style rule)\n      // in the selection if the selection spans multiple divs (one div per line).\n      // See https://bugzilla.mozilla.org/show_bug.cgi?id=1273836\n      event.clipboardData.setData('text/plain', selection.toString());\n      event.preventDefault();\n    },\n    [],\n  );\n\n  const copyLabel = intl.formatMessage({\n    defaultMessage: 'Copy',\n    id: 'Yi8j4dchtpkwn/OB',\n    description: 'Shown for elements that trigger a copy to clipboard',\n  });\n\n  const copiedLabel = intl.formatMessage({\n    defaultMessage: 'Copied',\n    id: 'THNwSvfvDSXAUapi',\n    description: 'Shown after copying to clipboard',\n  });\n\n  const message = useMemo(() => {\n    return hasCopied ? copiedLabel : copyLabel;\n  }, [hasCopied, copiedLabel, copyLabel]);\n\n  const codeHighlightRef = useRef<HTMLPreElement | null>(null);\n\n  return (\n    <div\n      ref={forwardedRef}\n      onCopy={copySelection}\n      className={clsx(consumerClassName, styles.wrapper)}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <CodeHighlight\n        ref={codeHighlightRef}\n        language={language}\n        code={copyText}\n        showLineNumbers={showLineNumbers}\n        lineBreaks={lineBreaks}\n        maxHeight={maxHeight}\n        size={size}\n      />\n      {showCopyAction ? (\n        <div className={styles.copyButtonContainer({ size })}>\n          <Tooltip\n            text={message}\n            placement=\"top\"\n            open={isTooltipOpen}\n            delay=\"none\"\n            onOpenChange={(isOpen) => {\n              setIsTooltipOpen(isOpen);\n              if (!isOpen) {\n                setHasCopied(false);\n              }\n            }}\n          >\n            <Button\n              variant=\"default\"\n              size={size}\n              aria-label={copyLabel}\n              onClick={handleCopy}\n              style={{ borderRadius: Borders.Radius.Field.Subdued }}\n              data-dt-name=\"CopyButton\"\n            >\n              <Button.Prefix>\n                <CopyIcon />\n              </Button.Prefix>\n            </Button>\n          </Tooltip>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\n(CodeSnippet as typeof CodeSnippet & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
+  "mappings": "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",
   "names": []
 }