@cambly/syntax-core 4.3.0 → 4.5.0

package/dist/index.mjs

@@ -324,7 +324,7 @@ function Box(props) {
     }, (_c = dangerouslySetInlineStyle == null ? void 0 : dangerouslySetInlineStyle.__style) != null ? _c : {})
   };
   const passthroughProps = Object.entries(maybePassThroughProps).reduce((acc, [key]) => {
-    if (key === "id" || key.startsWith("aria-") || key.startsWith("data-testid")) {
+    if (key === "id" || key === "role" || key.startsWith("aria-") || key.startsWith("data-testid")) {
       acc[key] = maybePassThroughProps[key];
     }
     return acc;
@@ -508,7 +508,7 @@ Divider.displayName = "Divider";
 var import_classnames5 = __toESM(require_classnames());
 
 // css-module:./Typography.module.css#css-module
-var Typography_module_default = { "typography": "_typography_1krnf_1", "size100": "_size100_1krnf_8", "size200": "_size200_1krnf_12", "size300": "_size300_1krnf_16", "size500": "_size500_1krnf_20", "size600": "_size600_1krnf_24", "size700": "_size700_1krnf_28", "size800": "_size800_1krnf_32", "center": "_center_1krnf_37", "forceLeft": "_forceLeft_1krnf_41", "forceRight": "_forceRight_1krnf_45", "start": "_start_1krnf_49", "end": "_end_1krnf_53", "bold": "_bold_1krnf_58", "regular": "_regular_1krnf_62", "semiBold": "_semiBold_1krnf_66", "heavy": "_heavy_1krnf_70", "underline": "_underline_1krnf_74", "inline": "_inline_1krnf_78", "uppercase": "_uppercase_1krnf_82" };
+var Typography_module_default = { "typography": "_typography_1hx29_1", "size100": "_size100_1hx29_8", "size200": "_size200_1hx29_12", "size300": "_size300_1hx29_16", "size500": "_size500_1hx29_20", "size600": "_size600_1hx29_24", "size700": "_size700_1hx29_28", "size800": "_size800_1hx29_32", "center": "_center_1hx29_37", "forceLeft": "_forceLeft_1hx29_41", "forceRight": "_forceRight_1hx29_45", "start": "_start_1hx29_49", "end": "_end_1hx29_53", "bold": "_bold_1hx29_58", "regular": "_regular_1hx29_62", "semiBold": "_semiBold_1hx29_66", "heavy": "_heavy_1hx29_70", "underline": "_underline_1hx29_74", "inline": "_inline_1hx29_78", "uppercase": "_uppercase_1hx29_82", "lineClamp": "_lineClamp_1hx29_86" };
 
 // src/Typography/Typography.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
@@ -534,6 +534,7 @@ var Typography = ({
   children,
   color = "gray900",
   inline = false,
+  lineClamp = void 0,
   size = 200,
   tooltip,
   transform = "none",
@@ -552,8 +553,12 @@ var Typography = ({
         inline && Typography_module_default.inline,
         Typography_module_default[`size${size}`],
         transform === "uppercase" && Typography_module_default.uppercase,
-        underline && Typography_module_default.underline
+        underline && Typography_module_default.underline,
+        lineClamp != null && Typography_module_default.lineClamp
       ),
+      style: {
+        WebkitLineClamp: lineClamp
+      },
       title: tooltip,
       children
     }