@cambly/syntax-core 7.3.0 → 7.5.0

package/dist/index.js

@@ -123,7 +123,7 @@ __export(src_exports, {
   Divider: () => Divider,
   Heading: () => Heading_default,
   IconButton: () => IconButton_default,
-  LinkButton: () => LinkButton,
+  LinkButton: () => LinkButton_default,
   MiniActionCard: () => MiniActionCard_default,
   Modal: () => Modal,
   RadioButton: () => RadioButton_default,
@@ -161,7 +161,7 @@ var Avatar_default = Avatar;
 var import_classnames2 = __toESM(require_classnames());
 
 // css-module:./Typography.module.css#css-module
-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" };
+var Typography_module_default = { "typography": "_typography_1vnry_1", "size100": "_size100_1vnry_8", "size200": "_size200_1vnry_12", "size300": "_size300_1vnry_16", "size500": "_size500_1vnry_20", "size600": "_size600_1vnry_24", "size700": "_size700_1vnry_28", "size800": "_size800_1vnry_32", "center": "_center_1vnry_37", "forceLeft": "_forceLeft_1vnry_41", "forceRight": "_forceRight_1vnry_45", "start": "_start_1vnry_49", "end": "_end_1vnry_53", "bold": "_bold_1vnry_58", "regular": "_regular_1vnry_62", "interactive": "_interactive_1vnry_66", "semiBold": "_semiBold_1vnry_70", "heavy": "_heavy_1vnry_74", "underline": "_underline_1vnry_78", "inline": "_inline_1vnry_82", "uppercase": "_uppercase_1vnry_86", "lineClamp": "_lineClamp_1vnry_90" };
 
 // css-module:../colors/colors.module.css#css-module
 var colors_module_default = { "inheritColor": "_inheritColor_11wj3_2", "destructive700Color": "_destructive700Color_11wj3_6", "gray700Color": "_gray700Color_11wj3_10", "gray900Color": "_gray900Color_11wj3_14", "primary700Color": "_primary700Color_11wj3_18", "whiteColor": "_whiteColor_11wj3_22", "blackBackgroundColor": "_blackBackgroundColor_11wj3_27", "destructive100BackgroundColor": "_destructive100BackgroundColor_11wj3_31", "destructive200BackgroundColor": "_destructive200BackgroundColor_11wj3_35", "destructive300BackgroundColor": "_destructive300BackgroundColor_11wj3_39", "destructive700BackgroundColor": "_destructive700BackgroundColor_11wj3_43", "destructive800BackgroundColor": "_destructive800BackgroundColor_11wj3_47", "destructive900BackgroundColor": "_destructive900BackgroundColor_11wj3_51", "gray10BackgroundColor": "_gray10BackgroundColor_11wj3_55", "gray30BackgroundColor": "_gray30BackgroundColor_11wj3_59", "gray60BackgroundColor": "_gray60BackgroundColor_11wj3_63", "gray80BackgroundColor": "_gray80BackgroundColor_11wj3_67", "gray100BackgroundColor": "_gray100BackgroundColor_11wj3_71", "gray200BackgroundColor": "_gray200BackgroundColor_11wj3_75", "gray300BackgroundColor": "_gray300BackgroundColor_11wj3_79", "gray700BackgroundColor": "_gray700BackgroundColor_11wj3_83", "gray800BackgroundColor": "_gray800BackgroundColor_11wj3_87", "gray900BackgroundColor": "_gray900BackgroundColor_11wj3_91", "orange100BackgroundColor": "_orange100BackgroundColor_11wj3_95", "orange200BackgroundColor": "_orange200BackgroundColor_11wj3_99", "orange300BackgroundColor": "_orange300BackgroundColor_11wj3_103", "orange700BackgroundColor": "_orange700BackgroundColor_11wj3_107", "orange800BackgroundColor": "_orange800BackgroundColor_11wj3_111", "orange900BackgroundColor": "_orange900BackgroundColor_11wj3_115", "primary100BackgroundColor": "_primary100BackgroundColor_11wj3_119", "primary200BackgroundColor": "_primary200BackgroundColor_11wj3_123", "primary300BackgroundColor": "_primary300BackgroundColor_11wj3_127", "primary700BackgroundColor": "_primary700BackgroundColor_11wj3_131", "primary800BackgroundColor": "_primary800BackgroundColor_11wj3_135", "primary900BackgroundColor": "_primary900BackgroundColor_11wj3_139", "success100BackgroundColor": "_success100BackgroundColor_11wj3_143", "success200BackgroundColor": "_success200BackgroundColor_11wj3_147", "success300BackgroundColor": "_success300BackgroundColor_11wj3_151", "success700BackgroundColor": "_success700BackgroundColor_11wj3_155", "success800BackgroundColor": "_success800BackgroundColor_11wj3_159", "success900BackgroundColor": "_success900BackgroundColor_11wj3_163", "purple100BackgroundColor": "_purple100BackgroundColor_11wj3_167", "purple200BackgroundColor": "_purple200BackgroundColor_11wj3_171", "purple300BackgroundColor": "_purple300BackgroundColor_11wj3_175", "purple700BackgroundColor": "_purple700BackgroundColor_11wj3_179", "purple800BackgroundColor": "_purple800BackgroundColor_11wj3_183", "purple900BackgroundColor": "_purple900BackgroundColor_11wj3_187", "whiteBackgroundColor": "_whiteBackgroundColor_11wj3_191", "yellow100BackgroundColor": "_yellow100BackgroundColor_11wj3_195", "yellow200BackgroundColor": "_yellow200BackgroundColor_11wj3_199", "yellow300BackgroundColor": "_yellow300BackgroundColor_11wj3_203", "yellow700BackgroundColor": "_yellow700BackgroundColor_11wj3_207", "yellow800BackgroundColor": "_yellow800BackgroundColor_11wj3_211", "yellow900BackgroundColor": "_yellow900BackgroundColor_11wj3_215" };
@@ -964,6 +964,7 @@ IconButton.displayName = "IconButton";
 var IconButton_default = IconButton;
 
 // src/LinkButton/LinkButton.tsx
+var import_react6 = require("react");
 var import_classnames8 = __toESM(require_classnames());
 
 // css-module:../Button/Button.module.css#css-module
@@ -974,56 +975,66 @@ var LinkButton_module_default = { "linkButton": "_linkButton_1b3ot_1", "fitConte
 
 // src/LinkButton/LinkButton.tsx
 var import_jsx_runtime12 = require("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__ */ (0, import_jsx_runtime12.jsxs)(
-    "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__ */ (0, import_jsx_runtime12.jsx)(StartIcon, { className: (0, import_classnames8.default)(Button_module_default3.icon, iconSize_default[size]) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          Typography_default,
+var LinkButton = (0, import_react6.forwardRef)(
+  ({
+    text,
+    href,
+    target,
+    rel,
+    "data-testid": dataTestId,
+    color = "primary",
+    size = "md",
+    fullWidth = false,
+    startIcon: StartIcon,
+    endIcon: EndIcon,
+    onClick
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "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__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)(EndIcon, { className: (0, import_classnames8.default)(Button_module_default3.icon, iconSize_default[size]) })
-      ]
-    }
-  );
-}
+        onClick,
+        children: [
+          StartIcon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            StartIcon,
+            {
+              className: (0, import_classnames8.default)(Button_module_default3.icon, iconSize_default[size])
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            Typography_default,
+            {
+              color: foregroundTypographyColor(color),
+              size: textVariant_default[size],
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: { fontWeight: 500 }, children: text })
+            }
+          ),
+          EndIcon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(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" };
@@ -1039,7 +1050,7 @@ var MiniActionCard_default = MiniActionCard;
 var import_classnames9 = __toESM(require_classnames());
 
 // src/Modal/FocusTrap.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function queryFocusableAll(el) {
   const selector = [
@@ -1069,9 +1080,9 @@ var focusElement = (el) => {
 function FocusTrap({
   children
 }) {
-  const elRef = (0, import_react6.useRef)(null);
-  const previouslyFocusedElRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const elRef = (0, import_react7.useRef)(null);
+  const previouslyFocusedElRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useEffect)(() => {
     const { current: element } = elRef;
     const focusFirstChild = () => {
       const withinIframe = window !== window.parent;
@@ -1105,9 +1116,9 @@ function FocusTrap({
 }
 
 // src/Modal/StopScroll.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 function StopScroll(props) {
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const originalStyle = window.getComputedStyle(document.body).overflow;
     document.body.style.overflow = "hidden";
     return () => {
@@ -1228,7 +1239,7 @@ function Modal({
 Modal.displayName = "Modal";
 
 // src/RadioButton/RadioButton.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_classnames10 = __toESM(require_classnames());
 
 // css-module:./RadioButton.module.css#css-module
@@ -1248,7 +1259,7 @@ var RadioButton = ({
   size = "md",
   value
 }) => {
-  const [isFocused, setIsFocused] = (0, import_react8.useState)(false);
+  const [isFocused, setIsFocused] = (0, import_react9.useState)(false);
   const { isFocusVisible: isFocusVisible2 } = useFocusVisible();
   const sharedStyles = (0, import_classnames10.default)(RadioButton_module_default.background, RadioButton_module_default[size], {
     [RadioButton_module_default.errorBorderColor]: error,
@@ -1319,7 +1330,7 @@ var RadioButton = ({
 var RadioButton_default = RadioButton;
 
 // src/SelectList/SelectList.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_classnames11 = __toESM(require_classnames());
 
 // ../syntax-design-tokens/dist/js/index.js
@@ -1359,9 +1370,9 @@ function SelectList({
   selectedValue = "",
   size = "md"
 }) {
-  const id = (0, import_react9.useId)();
+  const id = (0, import_react10.useId)();
   const { isFocusVisible: isFocusVisible2 } = useFocusVisible();
-  const [isFocused, setIsFocused] = (0, import_react9.useState)(false);
+  const [isFocused, setIsFocused] = (0, import_react10.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
@@ -1429,7 +1440,7 @@ function SelectList({
 SelectList.Option = SelectOption_default;
 
 // src/TextField/TextField.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_classnames12 = __toESM(require_classnames());
 
 // css-module:./TextField.module.css#css-module
@@ -1451,7 +1462,7 @@ function TextField({
   type = "text",
   value = ""
 }) {
-  const reactId = (0, import_react10.useId)();
+  const reactId = (0, import_react11.useId)();
   const inputId = id != null ? id : reactId;
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     Box_default,