@cambly/syntax-core 7.2.0 → 7.3.0

package/dist/index.d.ts

@@ -568,7 +568,7 @@ declare namespace Divider {
 /**
  * [Heading](https://cambly-syntax.vercel.app/?path=/docs/components-heading--docs) enforces a consistent style & accessibility best practices for headings.
  */
-declare const Heading: ({ align, as, children, color, size, }: {
+declare const Heading: ({ align, as, children, color, "data-testid": dataTestId, size, }: {
     /**
      * Aligns the text to the left, right, or center of the container.
      * * `start` and `end` will align the text to the left or right of the container depending on the locale.
@@ -593,6 +593,10 @@ declare const Heading: ({ align, as, children, color, size, }: {
      * @defaultValue "gray900"
      */
     color?: "gray200" | "gray900" | "primary" | "secondary" | "tertiary" | "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "branded" | "success" | "gray700" | "gray800" | "white" | "inherit" | undefined;
+    /**
+     * Test id for the text.
+     */
+    "data-testid"?: string | undefined;
     /**
      * Size of the text.
      *
@@ -1034,7 +1038,7 @@ declare function TextField({ autoComplete, "data-testid": dataTestId, disabled,
 /**
  * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.
  */
-declare const Typography: ({ align, as, children, color, inline, lineClamp, size, tooltip, transform, underline, weight, }: {
+declare const Typography: ({ align, as, children, color, "data-testid": dataTestId, inline, lineClamp, size, tooltip, transform, underline, weight, }: {
     /**
      * Aligns the text to the left, right, or center of the container.
      * * `start` and `end` will align the text to the left or right of the container depending on the locale.
@@ -1059,6 +1063,10 @@ declare const Typography: ({ align, as, children, color, inline, lineClamp, size
      * @defaultValue "gray900"
      */
     color?: "gray200" | "gray900" | "primary" | "secondary" | "tertiary" | "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "branded" | "success" | "gray700" | "gray800" | "white" | "inherit" | undefined;
+    /**
+     * Test id for the text
+     */
+    "data-testid"?: string | undefined;
     /**
      * Whether the text should flow inline with other elements.
      *

package/dist/index.js

@@ -189,6 +189,7 @@ var Typography = ({
   as = "div",
   children,
   color = "gray900",
+  "data-testid": dataTestId,
   inline = false,
   lineClamp = void 0,
   size = 200,
@@ -212,6 +213,7 @@ var Typography = ({
         underline && Typography_module_default.underline,
         lineClamp != null && Typography_module_default.lineClamp
       ),
+      "data-testid": dataTestId,
       style: {
         WebkitLineClamp: lineClamp
       },
@@ -889,10 +891,22 @@ var Heading = ({
   as = "h1",
   children,
   color = "gray900",
+  "data-testid": dataTestId,
   size = 500
 }) => {
   const weight = [700, 800].includes(size) ? "heavy" : "bold";
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Typography_default, { align, as, color, size, weight, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    Typography_default,
+    {
+      align,
+      as,
+      color,
+      "data-testid": dataTestId,
+      size,
+      weight,
+      children
+    }
+  );
 };
 var Heading_default = Heading;