@dynatrace/strato-components 1.5.1 → 1.6.0

package/typography/text-ellipsis/TextEllipsis.js

@@ -31,8 +31,9 @@ __export(TextEllipsis_exports, {
   TextEllipsis: () => TextEllipsis
 });
 module.exports = __toCommonJS(TextEllipsis_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_use_resize_observer = __toESM(require("use-resize-observer"));
 var import_useFontsUpdated = require("../../core/hooks/useFontsUpdated.js");
 var import_useMergeRefs = require("../../core/hooks/useMergeRefs.js");
@@ -125,7 +126,7 @@ const ComputedTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props
       onTextOverflow
     );
   }, [width, children, truncationMode, fontsUpdated, onTextOverflow]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     {
       ref: mergedRef,
@@ -139,9 +140,9 @@ const ComputedTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props
         [import_TextEllipsis_css.isActiveCSS]: ellipsisStateRef.current
       }),
       style: consumerStyle,
-      ...remainingProps
-    },
-    /* @__PURE__ */ import_react.default.createElement("span", null, children)
+      ...remainingProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
+    }
   );
 });
 const CssTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwardedRef) => {
@@ -154,7 +155,7 @@ const CssTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props, for
     "data-testid": dataTestId,
     ...remainingProps
   } = props;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     {
       ref: forwardedRef,
@@ -163,9 +164,9 @@ const CssTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props, for
       "data-testid": dataTestId,
       className: (0, import_clsx.default)((0, import_TextEllipsis_css.ellipsisCSS)({ truncationMode }), consumerClassName),
       style: consumerStyle,
-      ...remainingProps
-    },
-    /* @__PURE__ */ import_react.default.createElement("span", null, children)
+      ...remainingProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
+    }
   );
 });
 const TextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwardedRef) => {
@@ -173,11 +174,11 @@ const TextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwar
   return cssOnlyEllipsis ? (
     /* eslint-disable-next-line deprecated-jsx-props/deprecated-props -- The plugin can not properly analyze spread props:
     https://github.com/sebakerckhof/eslint-plugin-deprecated-jsx-props?tab=readme-ov-file#configuration, the deprecations here are in the HTMLAttributes type, which is fine. */
-    /* @__PURE__ */ import_react.default.createElement(CssTextEllipsis, { ref: forwardedRef, ...props })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CssTextEllipsis, { ref: forwardedRef, ...props })
   ) : (
     /* eslint-disable-next-line deprecated-jsx-props/deprecated-props -- The plugin can not properly analyze spread props:
     https://github.com/sebakerckhof/eslint-plugin-deprecated-jsx-props?tab=readme-ov-file#configuration, the deprecations here are in the HTMLAttributes type, which is fine. */
-    /* @__PURE__ */ import_react.default.createElement(ComputedTextEllipsis, { ref: forwardedRef, ...props })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComputedTextEllipsis, { ref: forwardedRef, ...props })
   );
 });
 TextEllipsis.displayName = "TextEllipsis";

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

@@ -24,5 +24,5 @@ __export(TextEllipsis_css_exports, {
 module.exports = __toCommonJS(TextEllipsis_css_exports);
 var import_TextEllipsis_css_ts_vanilla = require("./TextEllipsis.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var ellipsisCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-1-5-1", variantClassNames: { truncationMode: { start: "_1mnpbqs2-1-5-1", middle: "_1mnpbqs3-1-5-1", end: "_1mnpbqs4-1-5-1" } }, defaultVariants: {}, compoundVariants: [] });
-var isActiveCSS = "_1mnpbqs0-1-5-1";
+var ellipsisCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-1-6-0", variantClassNames: { truncationMode: { start: "_1mnpbqs2-1-6-0", middle: "_1mnpbqs3-1-6-0", end: "_1mnpbqs4-1-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var isActiveCSS = "_1mnpbqs0-1-6-0";