@dynatrace/strato-components 3.1.1 → 3.2.0

package/esm/tables/SimpleTable/SimpleTable.sty.js

@@ -1,5 +1,5 @@
 import "./SimpleTable.css";
-var simpleTable = "_1ymahou0-3-1-1";
+var simpleTable = "_1ymahou0-3-2-0";
 export {
   simpleTable
 };

package/esm/tables/SimpleTable/SimpleTable.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/SimpleTable/SimpleTable.css.ts"],
-  "sourcesContent": ["import './SimpleTable.css';\nexport var simpleTable = '_1ymahou0-3-1-1';"],
+  "sourcesContent": ["import './SimpleTable.css';\nexport var simpleTable = '_1ymahou0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/tables/utils/log-content-highlighting.js

@@ -37,7 +37,8 @@ function useFormatLogContent(logContent, options) {
       if (truncationLimit < logContentValue.length) {
         logContentSubstrings = ellipsize(logContentSubstrings);
       }
-      const HighlightComponent = /* @__PURE__ */ jsx(
+      const noHighlightLines = logContentSubstrings.noHighlight.length > 0 ? logContentSubstrings.noHighlight.split(/\r?\n/) : [];
+      return /* @__PURE__ */ jsx(
         ErrorBoundary,
         {
           fallback: /* @__PURE__ */ jsx("span", { children: logContentValue.substring(0, truncationLimit) }),
@@ -54,7 +55,6 @@ function useFormatLogContent(logContent, options) {
               code: logContentSubstrings.highlight,
               children: ({ tokens, getLineProps, getTokenProps, className, style }) => /* @__PURE__ */ jsx(Fragment, { children: tokens.map((line, i) => {
                 const { className: lineClassName, ...remainingLineProps } = getLineProps({ line });
-                const noHighlightLines = logContentSubstrings.noHighlight.length > 0 ? logContentSubstrings.noHighlight.split(/\r?\n/) : [];
                 return /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -82,7 +82,6 @@ function useFormatLogContent(logContent, options) {
           )
         }
       );
-      return HighlightComponent;
     }
     return null;
   }, [logContent, options?.lineWrap, options?.truncationLimit, stratoLogger]);

package/esm/tables/utils/log-content-highlighting.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/utils/log-content-highlighting.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { useMemo, Fragment } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\n\nimport { HighlightExtended } from '../../content/code-snippet/HighlightExtended.js';\nimport { useStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport { textStyle as textStyleCSS } from '../../styles/textStyle.sty.js';\n\nconst ELLIPSIS_CHARACTER = '\\u2026';\n/** Default max tokenization length for log columns. */\nconst MAX_TOKENIZATION_LENGTH = 1000;\n/** Default truncation length for log columns. */\nconst DEFAULT_TRUNCATION_LENGTH = MAX_TOKENIZATION_LENGTH;\n\n/**\n * Helper function on the cell renderer that will allow to format log content.\n */\nfunction useFormatLogContent(\n  logContent: string,\n  options?: { lineWrap?: boolean; truncationLimit?: number | false },\n) {\n  const stratoLogger = useStratoLogger('DataTable');\n\n  return useMemo(() => {\n    if (logContent !== null && logContent !== undefined) {\n      const lineWrap = options?.lineWrap ?? true;\n      let logContentValue = logContent;\n\n      // If lineWrap is set to false, the log content should be in a single line.\n      if (!lineWrap) {\n        logContentValue = logContent.replace(/[\\n\\r]/g, ' ');\n      }\n\n      const truncationLimit = getTruncationLimit(options?.truncationLimit);\n      const highlightIndex = Math.min(\n        MAX_TOKENIZATION_LENGTH,\n        truncationLimit, // in case truncation limit is lower than 1000\n        logContentValue.length, // in case log line is shorter than 1000 chars\n      );\n\n      let logContentSubstrings = {\n        // max. first 1000 characters are tokenized and highlighted\n        highlight: logContentValue.substring(0, highlightIndex),\n        // remaining characters that are neither tokenized nor highlighted to enhance performance\n        noHighlight: logContentValue.substring(\n          highlightIndex,\n          Math.min(truncationLimit, logContentValue.length),\n        ),\n      };\n      if (truncationLimit < logContentValue.length) {\n        logContentSubstrings = ellipsize(logContentSubstrings);\n      }\n\n      const HighlightComponent = (\n        <ErrorBoundary\n          fallback={\n            <span>{logContentValue.substring(0, truncationLimit)}</span>\n          }\n          onError={(error, info) => {\n            stratoLogger.error(error.message, error, {\n              logContentValue,\n              info,\n            });\n          }}\n        >\n          <HighlightExtended\n            language=\"log\"\n            code={logContentSubstrings.highlight}\n            key={logContentSubstrings.highlight}\n          >\n            {({ tokens, getLineProps, getTokenProps, className, style }) => (\n              <>\n                {tokens.map((line, i) => {\n                  const { className: lineClassName, ...remainingLineProps } =\n                    getLineProps({ line });\n\n                  const noHighlightLines =\n                    logContentSubstrings.noHighlight.length > 0\n                      ? logContentSubstrings.noHighlight.split(/\\r?\\n/)\n                      : [];\n\n                  return (\n                    <div\n                      key={i}\n                      {...remainingLineProps}\n                      className={clsx(\n                        className,\n                        textStyleCSS({ fontStyle: 'code' }),\n                      )}\n                      style={{ ...style, width: '100%' }}\n                    >\n                      {line.map((token, j) => (\n                        <span key={j} {...getTokenProps({ token })} />\n                      ))}\n                      {\n                        /* render the remaining content that is not highlighted\n                           in the same `token-line` after the last token  */\n                        i === tokens.length - 1\n                          ? noHighlightLines.map((line, j) => (\n                              <Fragment key={`${i}-${j}`}>\n                                <span>{line}</span>\n                                {j < noHighlightLines.length - 1 ? (\n                                  <br />\n                                ) : null}\n                              </Fragment>\n                            ))\n                          : null\n                      }\n                    </div>\n                  );\n                })}\n              </>\n            )}\n          </HighlightExtended>\n        </ErrorBoundary>\n      );\n\n      return HighlightComponent;\n    }\n\n    return null;\n  }, [logContent, options?.lineWrap, options?.truncationLimit, stratoLogger]);\n}\n\nfunction getTruncationLimit(truncationLimit: number | false | undefined) {\n  if (truncationLimit === undefined) {\n    return DEFAULT_TRUNCATION_LENGTH; // no truncation specified, default to 1000\n  }\n  if (truncationLimit === false) {\n    return Infinity; // truncation disabled by user\n  }\n  return truncationLimit; // explicit truncation limit specified by user\n}\n\nfunction ellipsize(content: { highlight: string; noHighlight: string }): {\n  highlight: string;\n  noHighlight: string;\n} {\n  let { highlight, noHighlight } = content;\n  const trimmedNoHighlight = noHighlight.trimEnd();\n  if (trimmedNoHighlight.length > 0) {\n    noHighlight = trimmedNoHighlight + ELLIPSIS_CHARACTER;\n  } else {\n    const trimmedHighlight = content.highlight.trimEnd();\n    if (trimmedHighlight.length > 0) {\n      highlight = trimmedHighlight + ELLIPSIS_CHARACTER;\n    }\n  }\n  return { highlight, noHighlight };\n}\n\nexport function LogContentHighlight(props: {\n  logContent: string;\n  lineWrap?: boolean;\n  truncationLimit?: number | false;\n}) {\n  const { logContent, lineWrap, truncationLimit } = props;\n\n  return useFormatLogContent(logContent, { lineWrap, truncationLimit });\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { useMemo, Fragment } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\n\nimport { HighlightExtended } from '../../content/code-snippet/HighlightExtended.js';\nimport { useStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport { textStyle as textStyleCSS } from '../../styles/textStyle.sty.js';\n\nconst ELLIPSIS_CHARACTER = '\\u2026';\n/** Default max tokenization length for log columns. */\nconst MAX_TOKENIZATION_LENGTH = 1000;\n/** Default truncation length for log columns. */\nconst DEFAULT_TRUNCATION_LENGTH = MAX_TOKENIZATION_LENGTH;\n\n/**\n * Helper function on the cell renderer that will allow to format log content.\n */\nfunction useFormatLogContent(\n  logContent: string,\n  options?: { lineWrap?: boolean; truncationLimit?: number | false },\n) {\n  const stratoLogger = useStratoLogger('DataTable');\n\n  return useMemo(() => {\n    if (logContent !== null && logContent !== undefined) {\n      const lineWrap = options?.lineWrap ?? true;\n      let logContentValue = logContent;\n\n      // If lineWrap is set to false, the log content should be in a single line.\n      if (!lineWrap) {\n        logContentValue = logContent.replace(/[\\n\\r]/g, ' ');\n      }\n\n      const truncationLimit = getTruncationLimit(options?.truncationLimit);\n      const highlightIndex = Math.min(\n        MAX_TOKENIZATION_LENGTH,\n        truncationLimit, // in case truncation limit is lower than 1000\n        logContentValue.length, // in case log line is shorter than 1000 chars\n      );\n\n      let logContentSubstrings = {\n        // max. first 1000 characters are tokenized and highlighted\n        highlight: logContentValue.substring(0, highlightIndex),\n        // remaining characters that are neither tokenized nor highlighted to enhance performance\n        noHighlight: logContentValue.substring(\n          highlightIndex,\n          Math.min(truncationLimit, logContentValue.length),\n        ),\n      };\n      if (truncationLimit < logContentValue.length) {\n        logContentSubstrings = ellipsize(logContentSubstrings);\n      }\n\n      const noHighlightLines =\n        logContentSubstrings.noHighlight.length > 0\n          ? logContentSubstrings.noHighlight.split(/\\r?\\n/)\n          : [];\n\n      return (\n        <ErrorBoundary\n          fallback={\n            <span>{logContentValue.substring(0, truncationLimit)}</span>\n          }\n          onError={(error, info) => {\n            stratoLogger.error(error.message, error, {\n              logContentValue,\n              info,\n            });\n          }}\n        >\n          <HighlightExtended\n            language=\"log\"\n            code={logContentSubstrings.highlight}\n            key={logContentSubstrings.highlight}\n          >\n            {({ tokens, getLineProps, getTokenProps, className, style }) => (\n              <>\n                {tokens.map((line, i) => {\n                  const { className: lineClassName, ...remainingLineProps } =\n                    getLineProps({ line });\n\n                  return (\n                    <div\n                      key={i}\n                      {...remainingLineProps}\n                      className={clsx(\n                        className,\n                        textStyleCSS({ fontStyle: 'code' }),\n                      )}\n                      style={{ ...style, width: '100%' }}\n                    >\n                      {line.map((token, j) => (\n                        <span key={j} {...getTokenProps({ token })} />\n                      ))}\n                      {\n                        /* render the remaining content that is not highlighted\n                           in the same `token-line` after the last token  */\n                        i === tokens.length - 1\n                          ? noHighlightLines.map((line, j) => (\n                              <Fragment key={`${i}-${j}`}>\n                                <span>{line}</span>\n                                {j < noHighlightLines.length - 1 ? (\n                                  <br />\n                                ) : null}\n                              </Fragment>\n                            ))\n                          : null\n                      }\n                    </div>\n                  );\n                })}\n              </>\n            )}\n          </HighlightExtended>\n        </ErrorBoundary>\n      );\n    }\n\n    return null;\n  }, [logContent, options?.lineWrap, options?.truncationLimit, stratoLogger]);\n}\n\nfunction getTruncationLimit(truncationLimit: number | false | undefined) {\n  if (truncationLimit === undefined) {\n    return DEFAULT_TRUNCATION_LENGTH; // no truncation specified, default to 1000\n  }\n  if (truncationLimit === false) {\n    return Infinity; // truncation disabled by user\n  }\n  return truncationLimit; // explicit truncation limit specified by user\n}\n\nfunction ellipsize(content: { highlight: string; noHighlight: string }): {\n  highlight: string;\n  noHighlight: string;\n} {\n  let { highlight, noHighlight } = content;\n  const trimmedNoHighlight = noHighlight.trimEnd();\n  if (trimmedNoHighlight.length > 0) {\n    noHighlight = trimmedNoHighlight + ELLIPSIS_CHARACTER;\n  } else {\n    const trimmedHighlight = content.highlight.trimEnd();\n    if (trimmedHighlight.length > 0) {\n      highlight = trimmedHighlight + ELLIPSIS_CHARACTER;\n    }\n  }\n  return { highlight, noHighlight };\n}\n\nexport function LogContentHighlight(props: {\n  logContent: string;\n  lineWrap?: boolean;\n  truncationLimit?: number | false;\n}) {\n  const { logContent, lineWrap, truncationLimit } = props;\n\n  return useFormatLogContent(logContent, { lineWrap, truncationLimit });\n}\n"],
+  "mappings": "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",
   "names": ["Fragment", "line"]
 }

package/esm/typography/block-quote/Blockquote.css

@@ -1,11 +1,11 @@
-._1knl9z60-3-1-1 {
+._1knl9z60-3-2-0 {
   position: relative;
   margin: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-40, 40px);
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1knl9z60-3-1-1:before {
+._1knl9z60-3-2-0:before {
   content: "";
   position: absolute;
   top: 0;

package/esm/typography/block-quote/Blockquote.sty.js

@@ -1,5 +1,5 @@
 import "./Blockquote.css";
-var blockquoteCSS = "_1knl9z60-3-1-1";
+var blockquoteCSS = "_1knl9z60-3-2-0";
 export {
   blockquoteCSS
 };

package/esm/typography/block-quote/Blockquote.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/block-quote/Blockquote.css.ts"],
-  "sourcesContent": ["import './Blockquote.css';\nexport var blockquoteCSS = '_1knl9z60-3-1-1';"],
+  "sourcesContent": ["import './Blockquote.css';\nexport var blockquoteCSS = '_1knl9z60-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/typography/code/Code.css

@@ -1,4 +1,4 @@
-._1v51izp0-3-1-1 {
+._1v51izp0-3-2-0 {
   background: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);

package/esm/typography/code/Code.sty.js

@@ -1,5 +1,5 @@
 import "./Code.css";
-var codeCSS = "_1v51izp0-3-1-1";
+var codeCSS = "_1v51izp0-3-2-0";
 export {
   codeCSS
 };

package/esm/typography/code/Code.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/code/Code.css.ts"],
-  "sourcesContent": ["import './Code.css';\nexport var codeCSS = '_1v51izp0-3-1-1';"],
+  "sourcesContent": ["import './Code.css';\nexport var codeCSS = '_1v51izp0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/typography/emphasis/Emphasis.css

@@ -1,4 +1,4 @@
-._1r35rtu0-3-1-1 {
+._1r35rtu0-3-2-0 {
   font-style: italic;
   overflow-wrap: break-word;
 }

package/esm/typography/emphasis/Emphasis.sty.js

@@ -1,5 +1,5 @@
 import "./Emphasis.css";
-var emphasisCSS = "_1r35rtu0-3-1-1";
+var emphasisCSS = "_1r35rtu0-3-2-0";
 export {
   emphasisCSS
 };

package/esm/typography/emphasis/Emphasis.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/emphasis/Emphasis.css.ts"],
-  "sourcesContent": ["import './Emphasis.css';\nexport var emphasisCSS = '_1r35rtu0-3-1-1';"],
+  "sourcesContent": ["import './Emphasis.css';\nexport var emphasisCSS = '_1r35rtu0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/typography/external-link/ExternalLink.css

@@ -1,22 +1,22 @@
-._1v1skpy0-3-1-1 {
+._1v1skpy0-3-2-0 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1v1skpy0-3-1-1:hover {
+._1v1skpy0-3-2-0:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1v1skpy0-3-1-1:active {
+._1v1skpy0-3-2-0:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1v1skpy0-3-1-1:focus-visible {
+._1v1skpy0-3-2-0:focus-visible {
   text-decoration: none;
 }
-._1v1skpy0-3-1-1 > span:last-child {
+._1v1skpy0-3-2-0 > span:last-child {
   white-space: nowrap;
 }
-._1v1skpy0-3-1-1 > span:last-child > svg {
+._1v1skpy0-3-2-0 > span:last-child > svg {
   margin-left: var(--dt-spacings-size-2, 2px);
   width: 1lh;
   height: 1lh;

package/esm/typography/external-link/ExternalLink.sty.js

@@ -1,6 +1,6 @@
 import "../../core/styles/focusRingStatic.css";
 import "./ExternalLink.css";
-var externalLink = "_1v1skpy0-3-1-1 _z0fq9b4-3-1-1 _z0fq9bd-3-1-1 _z0fq9b5-3-1-1 _z0fq9b8-3-1-1";
+var externalLink = "_1v1skpy0-3-2-0 _z0fq9b4-3-2-0 _z0fq9bd-3-2-0 _z0fq9b5-3-2-0 _z0fq9b8-3-2-0";
 export {
   externalLink
 };

package/esm/typography/external-link/ExternalLink.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/external-link/ExternalLink.css.ts"],
-  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './ExternalLink.css';\nexport var externalLink = '_1v1skpy0-3-1-1 _z0fq9b4-3-1-1 _z0fq9bd-3-1-1 _z0fq9b5-3-1-1 _z0fq9b8-3-1-1';"],
+  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './ExternalLink.css';\nexport var externalLink = '_1v1skpy0-3-2-0 _z0fq9b4-3-2-0 _z0fq9bd-3-2-0 _z0fq9b5-3-2-0 _z0fq9b8-3-2-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/typography/heading/Heading.css

@@ -1,10 +1,10 @@
-._5ei34w0-3-1-1 {
+._5ei34w0-3-2-0 {
   margin: 0;
   overflow-wrap: break-word;
   font-style: normal;
   color: inherit;
 }
-._5ei34w1-3-1-1 {
+._5ei34w1-3-2-0 {
   font-family: var(--dt-typography-heading-level-1-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-1-size, 32px);
   font-weight: var(--dt-typography-heading-level-1-weight, 600);
@@ -12,7 +12,7 @@
   text-transform: var(--dt-typography-heading-level-1-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-1-text-decoration, none);
 }
-._5ei34w2-3-1-1 {
+._5ei34w2-3-2-0 {
   font-family: var(--dt-typography-heading-level-2-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-2-size, 28px);
   font-weight: var(--dt-typography-heading-level-2-weight, 600);
@@ -20,7 +20,7 @@
   text-transform: var(--dt-typography-heading-level-2-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-2-text-decoration, none);
 }
-._5ei34w3-3-1-1 {
+._5ei34w3-3-2-0 {
   font-family: var(--dt-typography-heading-level-3-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-3-size, 24px);
   font-weight: var(--dt-typography-heading-level-3-weight, 600);
@@ -28,7 +28,7 @@
   text-transform: var(--dt-typography-heading-level-3-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-3-text-decoration, none);
 }
-._5ei34w4-3-1-1 {
+._5ei34w4-3-2-0 {
   font-family: var(--dt-typography-heading-level-4-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-4-size, 20px);
   font-weight: var(--dt-typography-heading-level-4-weight, 600);
@@ -36,7 +36,7 @@
   text-transform: var(--dt-typography-heading-level-4-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-4-text-decoration, none);
 }
-._5ei34w5-3-1-1 {
+._5ei34w5-3-2-0 {
   font-family: var(--dt-typography-heading-level-5-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-5-size, 16px);
   font-weight: var(--dt-typography-heading-level-5-weight, 600);
@@ -44,7 +44,7 @@
   text-transform: var(--dt-typography-heading-level-5-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-5-text-decoration, none);
 }
-._5ei34w6-3-1-1 {
+._5ei34w6-3-2-0 {
   font-family: var(--dt-typography-heading-level-6-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-6-size, 14px);
   font-weight: var(--dt-typography-heading-level-6-weight, 600);

package/esm/typography/heading/Heading.sty.js

@@ -1,6 +1,6 @@
 import "./Heading.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var headingCSS = _7a468({ defaultClassName: "_5ei34w0-3-1-1", variantClassNames: { visualLevel: { "1": "_5ei34w1-3-1-1", "2": "_5ei34w2-3-1-1", "3": "_5ei34w3-3-1-1", "4": "_5ei34w4-3-1-1", "5": "_5ei34w5-3-1-1", "6": "_5ei34w6-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
+var headingCSS = _7a468({ defaultClassName: "_5ei34w0-3-2-0", variantClassNames: { visualLevel: { "1": "_5ei34w1-3-2-0", "2": "_5ei34w2-3-2-0", "3": "_5ei34w3-3-2-0", "4": "_5ei34w4-3-2-0", "5": "_5ei34w5-3-2-0", "6": "_5ei34w6-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   headingCSS
 };

package/esm/typography/heading/Heading.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/heading/Heading.css.ts"],
-  "sourcesContent": ["import './Heading.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headingCSS = _7a468({defaultClassName:'_5ei34w0-3-1-1',variantClassNames:{visualLevel:{'1':'_5ei34w1-3-1-1','2':'_5ei34w2-3-1-1','3':'_5ei34w3-3-1-1','4':'_5ei34w4-3-1-1','5':'_5ei34w5-3-1-1','6':'_5ei34w6-3-1-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Heading.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headingCSS = _7a468({defaultClassName:'_5ei34w0-3-2-0',variantClassNames:{visualLevel:{'1':'_5ei34w1-3-2-0','2':'_5ei34w2-3-2-0','3':'_5ei34w3-3-2-0','4':'_5ei34w4-3-2-0','5':'_5ei34w5-3-2-0','6':'_5ei34w6-3-2-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,KAAI,kBAAiB,KAAI,kBAAiB,KAAI,kBAAiB,KAAI,kBAAiB,KAAI,kBAAiB,KAAI,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/typography/highlight/Highlight.css

@@ -1,8 +1,8 @@
-._lajjl30-3-1-1 {
+._lajjl30-3-2-0 {
   white-space: pre-wrap;
   flex: none;
 }
-._lajjl30-3-1-1::highlight(strato-typography-highlight), ._lajjl30-3-1-1 *::highlight(strato-typography-highlight) {
+._lajjl30-3-2-0::highlight(strato-typography-highlight), ._lajjl30-3-2-0 *::highlight(strato-typography-highlight) {
   color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   background: var(--dt-colors-background-container-neutral-accent, #5b5c81);
 }

package/esm/typography/highlight/Highlight.sty.js

@@ -1,5 +1,5 @@
 import "./Highlight.css";
-var wrapper = "_lajjl30-3-1-1";
+var wrapper = "_lajjl30-3-2-0";
 export {
   wrapper
 };

package/esm/typography/highlight/Highlight.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/highlight/Highlight.css.ts"],
-  "sourcesContent": ["import './Highlight.css';\nexport var wrapper = '_lajjl30-3-1-1';"],
+  "sourcesContent": ["import './Highlight.css';\nexport var wrapper = '_lajjl30-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/typography/link/Link.css

@@ -1,15 +1,15 @@
-._1iksxp40-3-1-1 {
+._1iksxp40-3-2-0 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1iksxp40-3-1-1:hover {
+._1iksxp40-3-2-0:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1iksxp40-3-1-1:active {
+._1iksxp40-3-2-0:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1iksxp40-3-1-1:focus-visible {
+._1iksxp40-3-2-0:focus-visible {
   text-decoration: none;
 }

package/esm/typography/link/Link.sty.js

@@ -1,6 +1,6 @@
 import "../../core/styles/focusRingStatic.css";
 import "./Link.css";
-var link = "_1iksxp40-3-1-1 _z0fq9b4-3-1-1 _z0fq9bd-3-1-1 _z0fq9b5-3-1-1 _z0fq9b8-3-1-1";
+var link = "_1iksxp40-3-2-0 _z0fq9b4-3-2-0 _z0fq9bd-3-2-0 _z0fq9b5-3-2-0 _z0fq9b8-3-2-0";
 export {
   link
 };

package/esm/typography/link/Link.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/link/Link.css.ts"],
-  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './Link.css';\nexport var link = '_1iksxp40-3-1-1 _z0fq9b4-3-1-1 _z0fq9bd-3-1-1 _z0fq9b5-3-1-1 _z0fq9b8-3-1-1';"],
+  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './Link.css';\nexport var link = '_1iksxp40-3-2-0 _z0fq9b4-3-2-0 _z0fq9bd-3-2-0 _z0fq9b5-3-2-0 _z0fq9b8-3-2-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

package/esm/typography/list/List.css

@@ -1,16 +1,16 @@
-._16276mt0-3-1-1 {
+._16276mt0-3-2-0 {
   margin: 0;
   padding-left: var(--dt-spacings-size-40, 40px);
 }
-._16276mt0-3-1-1 ._16276mt0-3-1-1 {
+._16276mt0-3-2-0 ._16276mt0-3-2-0 {
   margin-block: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-28, 28px);
 }
-._16276mt1-3-1-1 {
+._16276mt1-3-2-0 {
   position: relative;
   overflow-wrap: break-word;
   margin-block: var(--dt-spacings-size-2, 2px);
 }
-._16276mt1-3-1-1::marker {
+._16276mt1-3-2-0::marker {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }

package/esm/typography/list/List.sty.js

@@ -1,6 +1,6 @@
 import "./List.css";
-var listCSS = "_16276mt0-3-1-1";
-var listItemCSS = "_16276mt1-3-1-1";
+var listCSS = "_16276mt0-3-2-0";
+var listItemCSS = "_16276mt1-3-2-0";
 export {
   listCSS,
   listItemCSS

package/esm/typography/list/List.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/list/List.css.ts"],
-  "sourcesContent": ["import './List.css';\nexport var listCSS = '_16276mt0-3-1-1';\nexport var listItemCSS = '_16276mt1-3-1-1';"],
+  "sourcesContent": ["import './List.css';\nexport var listCSS = '_16276mt0-3-2-0';\nexport var listItemCSS = '_16276mt1-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;AACd,IAAI,cAAc;",
   "names": []
 }

package/esm/typography/paragraph/Paragraph.css

@@ -1,17 +1,17 @@
-._487p2n0-3-1-1 {
+._487p2n0-3-2-0 {
   margin-top: 0;
   margin-bottom: 0;
   overflow-wrap: break-word;
   color: inherit;
   font-style: normal;
 }
-._487p2n1-3-1-1 {
+._487p2n1-3-2-0 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._487p2n2-3-1-1 {
+._487p2n2-3-2-0 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/esm/typography/paragraph/Paragraph.sty.js

@@ -1,6 +1,6 @@
 import "./Paragraph.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var paragraph = _7a468({ defaultClassName: "_487p2n0-3-1-1", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-1-1", multiLine: "_487p2n2-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
+var paragraph = _7a468({ defaultClassName: "_487p2n0-3-2-0", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-2-0", multiLine: "_487p2n2-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   paragraph
 };

package/esm/typography/paragraph/Paragraph.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/paragraph/Paragraph.css.ts"],
-  "sourcesContent": ["import './Paragraph.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var paragraph = _7a468({defaultClassName:'_487p2n0-3-1-1',variantClassNames:{ellipsis:{singleLine:'_487p2n1-3-1-1',multiLine:'_487p2n2-3-1-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Paragraph.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var paragraph = _7a468({defaultClassName:'_487p2n0-3-2-0',variantClassNames:{ellipsis:{singleLine:'_487p2n1-3-2-0',multiLine:'_487p2n2-3-2-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,YAAW,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/typography/strikethrough/Strikethrough.css

@@ -1,4 +1,4 @@
-._4oao6y0-3-1-1 {
+._4oao6y0-3-2-0 {
   text-decoration: line-through;
   text-decoration-style: solid;
   overflow-wrap: break-word;

package/esm/typography/strikethrough/Strikethrough.sty.js

@@ -1,5 +1,5 @@
 import "./Strikethrough.css";
-var strikethroughCSS = "_4oao6y0-3-1-1";
+var strikethroughCSS = "_4oao6y0-3-2-0";
 export {
   strikethroughCSS
 };

package/esm/typography/strikethrough/Strikethrough.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/strikethrough/Strikethrough.css.ts"],
-  "sourcesContent": ["import './Strikethrough.css';\nexport var strikethroughCSS = '_4oao6y0-3-1-1';"],
+  "sourcesContent": ["import './Strikethrough.css';\nexport var strikethroughCSS = '_4oao6y0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/typography/strong/Strong.css

@@ -1,4 +1,4 @@
-._wxp4dd0-3-1-1 {
+._wxp4dd0-3-2-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   overflow-wrap: break-word;
 }

package/esm/typography/strong/Strong.sty.js

@@ -1,5 +1,5 @@
 import "./Strong.css";
-var strongCSS = "_wxp4dd0-3-1-1";
+var strongCSS = "_wxp4dd0-3-2-0";
 export {
   strongCSS
 };

package/esm/typography/strong/Strong.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/strong/Strong.css.ts"],
-  "sourcesContent": ["import './Strong.css';\nexport var strongCSS = '_wxp4dd0-3-1-1';"],
+  "sourcesContent": ["import './Strong.css';\nexport var strongCSS = '_wxp4dd0-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/typography/text/Text.css

@@ -1,16 +1,16 @@
-._rup8ap0-3-1-1 {
+._rup8ap0-3-2-0 {
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   overflow-wrap: break-word;
 }
-._rup8ap1-3-1-1 {
+._rup8ap1-3-2-0 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._rup8ap2-3-1-1 {
+._rup8ap2-3-2-0 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/esm/typography/text/Text.sty.js

@@ -1,6 +1,6 @@
 import "./Text.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var text = _7a468({ defaultClassName: "_rup8ap0-3-1-1", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-1-1", multiLine: "_rup8ap2-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
+var text = _7a468({ defaultClassName: "_rup8ap0-3-2-0", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-2-0", multiLine: "_rup8ap2-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   text
 };

package/esm/typography/text/Text.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/text/Text.css.ts"],
-  "sourcesContent": ["import './Text.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var text = _7a468({defaultClassName:'_rup8ap0-3-1-1',variantClassNames:{ellipsis:{singleLine:'_rup8ap1-3-1-1',multiLine:'_rup8ap2-3-1-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Text.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var text = _7a468({defaultClassName:'_rup8ap0-3-2-0',variantClassNames:{ellipsis:{singleLine:'_rup8ap1-3-2-0',multiLine:'_rup8ap2-3-2-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,OAAO,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,YAAW,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/typography/text-ellipsis/TextEllipsis.css

@@ -1,4 +1,4 @@
-._1mnpbqs1-3-1-1 {
+._1mnpbqs1-3-2-0 {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
@@ -9,18 +9,18 @@
   text-decoration: inherit;
   width: 100%;
 }
-._1mnpbqs2-3-1-1 {
+._1mnpbqs2-3-2-0 {
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
 }
-._1mnpbqs2-3-1-1::after, ._1mnpbqs2-3-1-1::before {
+._1mnpbqs2-3-2-0::after, ._1mnpbqs2-3-2-0::before {
   content: "‎";
 }
-._1mnpbqs3-3-1-1 {
+._1mnpbqs3-3-2-0 {
   text-overflow: clip;
 }
-._1mnpbqs3-3-1-1._1mnpbqs0-3-1-1:after {
+._1mnpbqs3-3-2-0._1mnpbqs0-3-2-0:after {
   content: attr(data-sourcetext) / "";
   color: transparent;
   display: table;
@@ -28,6 +28,6 @@
   line-height: 0;
   user-select: none;
 }
-._1mnpbqs4-3-1-1 {
+._1mnpbqs4-3-2-0 {
   text-overflow: ellipsis;
 }

package/esm/typography/text-ellipsis/TextEllipsis.sty.js

@@ -1,7 +1,7 @@
 import "./TextEllipsis.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var active = "_1mnpbqs0-3-1-1";
-var ellipsis = _7a468({ defaultClassName: "_1mnpbqs1-3-1-1", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-1-1", middle: "_1mnpbqs3-3-1-1", end: "_1mnpbqs4-3-1-1" } }, defaultVariants: {}, compoundVariants: [] });
+var active = "_1mnpbqs0-3-2-0";
+var ellipsis = _7a468({ defaultClassName: "_1mnpbqs1-3-2-0", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-2-0", middle: "_1mnpbqs3-3-2-0", end: "_1mnpbqs4-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   active,
   ellipsis

package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/text-ellipsis/TextEllipsis.css.ts"],
-  "sourcesContent": ["import './TextEllipsis.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var active = '_1mnpbqs0-3-1-1';\nexport var ellipsis = _7a468({defaultClassName:'_1mnpbqs1-3-1-1',variantClassNames:{truncationMode:{start:'_1mnpbqs2-3-1-1',middle:'_1mnpbqs3-3-1-1',end:'_1mnpbqs4-3-1-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './TextEllipsis.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var active = '_1mnpbqs0-3-2-0';\nexport var ellipsis = _7a468({defaultClassName:'_1mnpbqs1-3-2-0',variantClassNames:{truncationMode:{start:'_1mnpbqs2-3-2-0',middle:'_1mnpbqs3-3-2-0',end:'_1mnpbqs4-3-2-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,SAAS;AACb,IAAI,WAAW,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,gBAAe,EAAC,OAAM,mBAAkB,QAAO,mBAAkB,KAAI,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }