@kosdev-code/base-ui-components 1.0.5 → 1.0.6

package/index.js

@@ -2054,22 +2054,24 @@ const [C0] = Q(["text"]), y4 = [
   children: t,
   color: o,
   ellipsis: n,
-  textAlign: r,
-  underline: a,
-  variant: i,
-  ...c
-}, l) => /* @__PURE__ */ g(S2, { children: ({ cx: s }) => /* @__PURE__ */ g(
+  lineClamp: r,
+  textAlign: a,
+  underline: i,
+  variant: c,
+  ...l
+}, s) => /* @__PURE__ */ g(S2, { children: ({ cx: d }) => /* @__PURE__ */ g(
   C4,
   {
-    "data-variant": i,
-    "data-alignment": r,
+    "data-variant": c,
+    "data-alignment": a,
     "data-color": o,
-    ref: l,
-    ...c,
-    className: s(c.className, {
+    ref: s,
+    ...l,
+    className: d(l.className, {
       isBold: e,
-      isUnderlined: a,
-      isEllipsized: n
+      isUnderlined: i,
+      isEllipsized: n,
+      isLineClamped: r
     }),
     children: t
   }
@@ -2093,6 +2095,14 @@ const [C0] = Q(["text"]), y4 = [
     white-space: nowrap;
     overflow: hidden;
   }
+  &.isLineClamped {
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+  }
   &.isUnderlined {
     text-decoration: underline;
   }
@@ -13177,7 +13187,7 @@ const [at, W9] = Q(["option", "select"]), bg = ({
         ] }),
         /* @__PURE__ */ L(ld, { children: [
           /* @__PURE__ */ g(e2, { variant: "h1", children: o }),
-          !!n && /* @__PURE__ */ g(e2, { variant: "body", color: "dark", children: n })
+          !!n && /* @__PURE__ */ g(e2, { variant: "body", color: "dark", lineClamp: !0, children: n })
         ] })
       ] }),
       !!a && /* @__PURE__ */ g(a, {})