@tipp/ui 2.8.0 → 2.9.0

package/dist/molecules/index.cjs

@@ -832,6 +832,15 @@ var mapWithResponsive = (args) => {
   return value;
 };
 
+// src/utils/clamp-style.ts
+var clampStyle = (lines) => ({
+  display: "-webkit-box",
+  WebkitBoxOrient: "vertical",
+  WebkitLineClamp: lines,
+  lineClamp: lines,
+  overflow: "hidden"
+});
+
 // src/utils/mono-style.ts
 var MONO_STYLE = {
   fontFamily: 'var(--code-font-family, ui-monospace, "SF Mono", monospace)',
@@ -842,7 +851,25 @@ var MONO_STYLE = {
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var Typo = (0, import_react2.forwardRef)(
   (props, ref) => {
-    const _a = props, { size, variant, children, color, className, mono, style } = _a, rest = __objRest(_a, ["size", "variant", "children", "color", "className", "mono", "style"]);
+    const _a = props, {
+      size,
+      variant,
+      children,
+      color,
+      className,
+      mono,
+      clamp,
+      style
+    } = _a, rest = __objRest(_a, [
+      "size",
+      "variant",
+      "children",
+      "color",
+      "className",
+      "mono",
+      "clamp",
+      "style"
+    ]);
     const { color: radixColor, className: colorClassName } = (0, import_react2.useMemo)(
       () => resolveColor(color),
       [color]
@@ -872,7 +899,7 @@ var Typo = (0, import_react2.forwardRef)(
         color: radixColor,
         ref,
         size: radixSize,
-        style: mono ? __spreadValues(__spreadValues({}, MONO_STYLE), style) : style,
+        style: __spreadValues(__spreadValues(__spreadValues({}, mono ? MONO_STYLE : null), clamp ? clampStyle(clamp) : null), style),
         children
       })
     );
@@ -1487,7 +1514,25 @@ var mapVariant = (variant) => {
   }
 };
 function Heading2(props) {
-  const _a = props, { size, children, variant, color, className, mono, style } = _a, rest = __objRest(_a, ["size", "children", "variant", "color", "className", "mono", "style"]);
+  const _a = props, {
+    size,
+    children,
+    variant,
+    color,
+    className,
+    mono,
+    clamp,
+    style
+  } = _a, rest = __objRest(_a, [
+    "size",
+    "children",
+    "variant",
+    "color",
+    "className",
+    "mono",
+    "clamp",
+    "style"
+  ]);
   const { color: radixColor, className: colorClassName } = (0, import_react10.useMemo)(
     () => resolveColor(color),
     [color]
@@ -1504,7 +1549,7 @@ function Heading2(props) {
       className: (0, import_clsx6.clsx)(colorClassName, className),
       color: radixColor,
       size: radixSize,
-      style: mono ? __spreadValues(__spreadValues({}, MONO_STYLE), style) : style,
+      style: __spreadValues(__spreadValues(__spreadValues({}, mono ? MONO_STYLE : null), clamp ? clampStyle(clamp) : null), style),
       children
     })
   );