@cambly/syntax-core 7.2.0 → 7.4.0

package/dist/index.mjs

@@ -160,6 +160,7 @@ var Typography = ({
   as = "div",
   children,
   color = "gray900",
+  "data-testid": dataTestId,
   inline = false,
   lineClamp = void 0,
   size = 200,
@@ -183,6 +184,7 @@ var Typography = ({
         underline && Typography_module_default.underline,
         lineClamp != null && Typography_module_default.lineClamp
       ),
+      "data-testid": dataTestId,
       style: {
         WebkitLineClamp: lineClamp
       },
@@ -860,10 +862,22 @@ var Heading = ({
   as = "h1",
   children,
   color = "gray900",
+  "data-testid": dataTestId,
   size = 500
 }) => {
   const weight = [700, 800].includes(size) ? "heavy" : "bold";
-  return /* @__PURE__ */ jsx10(Typography_default, { align, as, color, size, weight, children });
+  return /* @__PURE__ */ jsx10(
+    Typography_default,
+    {
+      align,
+      as,
+      color,
+      "data-testid": dataTestId,
+      size,
+      weight,
+      children
+    }
+  );
 };
 var Heading_default = Heading;
 
@@ -922,6 +936,7 @@ var IconButton_default = IconButton;
 
 // src/LinkButton/LinkButton.tsx
 var import_classnames8 = __toESM(require_classnames());
+import { forwardRef as forwardRef4 } from "react";
 
 // css-module:../Button/Button.module.css#css-module
 var Button_module_default3 = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
@@ -931,56 +946,66 @@ var LinkButton_module_default = { "linkButton": "_linkButton_1b3ot_1", "fitConte
 
 // src/LinkButton/LinkButton.tsx
 import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-function LinkButton({
-  text,
-  href,
-  target,
-  rel,
-  "data-testid": dataTestId,
-  color = "primary",
-  size = "md",
-  fullWidth = false,
-  startIcon: StartIcon,
-  endIcon: EndIcon,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxs4(
-    "a",
-    {
-      href,
-      "data-testid": dataTestId,
-      target,
-      rel,
-      className: (0, import_classnames8.default)(
-        LinkButton_module_default.linkButton,
-        Button_module_default3.button,
-        foregroundColor(color),
-        backgroundColor(color),
-        Button_module_default3[size],
-        {
-          [Button_module_default3.fullWidth]: fullWidth,
-          [LinkButton_module_default.fitContent]: !fullWidth,
-          [Button_module_default3.buttonGap]: size === "lg" || size === "md",
-          [Button_module_default3.secondaryBorder]: color === "secondary",
-          [Button_module_default3.secondaryDestructiveBorder]: color === "destructive-secondary"
-        }
-      ),
-      onClick,
-      children: [
-        StartIcon && /* @__PURE__ */ jsx12(StartIcon, { className: (0, import_classnames8.default)(Button_module_default3.icon, iconSize_default[size]) }),
-        /* @__PURE__ */ jsx12(
-          Typography_default,
+var LinkButton = forwardRef4(
+  ({
+    text,
+    href,
+    target,
+    rel,
+    "data-testid": dataTestId,
+    color = "primary",
+    size = "md",
+    fullWidth = false,
+    startIcon: StartIcon,
+    endIcon: EndIcon,
+    onClick
+  }, ref) => {
+    return /* @__PURE__ */ jsxs4(
+      "a",
+      {
+        href,
+        "data-testid": dataTestId,
+        target,
+        ref,
+        rel,
+        className: (0, import_classnames8.default)(
+          LinkButton_module_default.linkButton,
+          Button_module_default3.button,
+          foregroundColor(color),
+          backgroundColor(color),
+          Button_module_default3[size],
           {
-            color: foregroundTypographyColor(color),
-            size: textVariant_default[size],
-            children: /* @__PURE__ */ jsx12("span", { style: { fontWeight: 500 }, children: text })
+            [Button_module_default3.fullWidth]: fullWidth,
+            [LinkButton_module_default.fitContent]: !fullWidth,
+            [Button_module_default3.buttonGap]: size === "lg" || size === "md",
+            [Button_module_default3.secondaryBorder]: color === "secondary",
+            [Button_module_default3.secondaryDestructiveBorder]: color === "destructive-secondary"
           }
         ),
-        EndIcon && /* @__PURE__ */ jsx12(EndIcon, { className: (0, import_classnames8.default)(Button_module_default3.icon, iconSize_default[size]) })
-      ]
-    }
-  );
-}
+        onClick,
+        children: [
+          StartIcon && /* @__PURE__ */ jsx12(
+            StartIcon,
+            {
+              className: (0, import_classnames8.default)(Button_module_default3.icon, iconSize_default[size])
+            }
+          ),
+          /* @__PURE__ */ jsx12(
+            Typography_default,
+            {
+              color: foregroundTypographyColor(color),
+              size: textVariant_default[size],
+              children: /* @__PURE__ */ jsx12("span", { style: { fontWeight: 500 }, children: text })
+            }
+          ),
+          EndIcon && /* @__PURE__ */ jsx12(EndIcon, { className: (0, import_classnames8.default)(Button_module_default3.icon, iconSize_default[size]) })
+        ]
+      }
+    );
+  }
+);
+LinkButton.displayName = "LinkButton";
+var LinkButton_default = LinkButton;
 
 // css-module:./MiniActionCard.module.css#css-module
 var MiniActionCard_module_default = { "miniActionCard": "_miniActionCard_qebkn_1", "card": "_card_qebkn_9" };
@@ -1468,7 +1493,7 @@ export {
   Divider,
   Heading_default as Heading,
   IconButton_default as IconButton,
-  LinkButton,
+  LinkButton_default as LinkButton,
   MiniActionCard_default as MiniActionCard,
   Modal,
   RadioButton_default as RadioButton,