@cambly/syntax-core 5.6.1 → 5.8.0

package/dist/index.mjs

@@ -778,7 +778,7 @@ function useFocusVisible() {
 }
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "mainContainer": "_mainContainer_1jq7b_1", "checkboxContainer": "_checkboxContainer_1jq7b_8", "inputOverlay": "_inputOverlay_1jq7b_13", "checkbox": "_checkbox_1jq7b_8", "uncheckedBox": "_uncheckedBox_1jq7b_30", "uncheckedBorder": "_uncheckedBorder_1jq7b_34", "uncheckedErrorBorder": "_uncheckedErrorBorder_1jq7b_38", "checkedBox": "_checkedBox_1jq7b_42", "checkedNonError": "_checkedNonError_1jq7b_46", "checkedError": "_checkedError_1jq7b_50", "sm": "_sm_1jq7b_54", "md": "_md_1jq7b_60" };
+var Checkbox_module_default = { "mainContainer": "_mainContainer_12k0x_1", "inputOverlay": "_inputOverlay_12k0x_8", "checkbox": "_checkbox_12k0x_14", "disabled": "_disabled_12k0x_22", "cursorDisabled": "_cursorDisabled_12k0x_26", "cursorEnabled": "_cursorEnabled_12k0x_30", "uncheckedBox": "_uncheckedBox_12k0x_34", "uncheckedBorder": "_uncheckedBorder_12k0x_38", "uncheckedErrorBorder": "_uncheckedErrorBorder_12k0x_42", "checkedBox": "_checkedBox_12k0x_46", "checkedNonError": "_checkedNonError_12k0x_50", "checkedError": "_checkedError_12k0x_54", "sm": "_sm_12k0x_58", "md": "_md_12k0x_64" };
 
 // css-module:../Focus.module.css#css-module
 var Focus_module_default = { "accessibilityOutlineFocus": "_accessibilityOutlineFocus_1h8bq_1" };
@@ -815,42 +815,56 @@ var Checkbox = ({
     [Checkbox_module_default.checkedError]: error,
     [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible2
   });
-  return /* @__PURE__ */ jsxs2("label", { className: (0, import_classnames7.default)(Checkbox_module_default.mainContainer), children: [
-    /* @__PURE__ */ jsxs2("div", { className: Checkbox_module_default.checkboxContainer, children: [
-      /* @__PURE__ */ jsx11(
-        "input",
+  return /* @__PURE__ */ jsxs2(
+    "label",
+    {
+      className: (0, import_classnames7.default)(
+        Checkbox_module_default.mainContainer,
+        Checkbox_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
         {
-          "data-testid": dataTestId,
-          type: "checkbox",
-          className: (0, import_classnames7.default)(Checkbox_module_default.inputOverlay, Checkbox_module_default[size]),
-          checked,
-          onChange,
-          disabled,
-          onFocus: () => {
-            setIsFocused(true);
-          },
-          onBlur: () => {
-            setIsFocused(false);
-          }
+          [Checkbox_module_default.disabled]: disabled
         }
       ),
-      /* @__PURE__ */ jsx11("div", { className: checked ? checkedStyling : uncheckedStyling, children: checked && /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ jsx11(
-        "path",
-        {
-          fill: "#fff",
-          d: "m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z"
-        }
-      ) }) })
-    ] }),
-    /* @__PURE__ */ jsx11(
-      Typography_default,
-      {
-        size: typographySize[size],
-        color: error ? "destructive-primary" : "gray800",
-        children: label
-      }
-    )
-  ] });
+      children: [
+        /* @__PURE__ */ jsx11("div", { className: checked ? checkedStyling : uncheckedStyling, children: checked && /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ jsx11(
+          "path",
+          {
+            fill: "#fff",
+            d: "m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z"
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx11(
+          "input",
+          {
+            "data-testid": dataTestId,
+            type: "checkbox",
+            className: (0, import_classnames7.default)(
+              Checkbox_module_default.inputOverlay,
+              Checkbox_module_default[size],
+              Checkbox_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`]
+            ),
+            checked,
+            onChange,
+            disabled,
+            onFocus: () => {
+              setIsFocused(true);
+            },
+            onBlur: () => {
+              setIsFocused(false);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx11(
+          Typography_default,
+          {
+            size: typographySize[size],
+            color: error ? "destructive-primary" : "gray800",
+            children: label
+          }
+        )
+      ]
+    }
+  );
 };
 var Checkbox_default = Checkbox;
 
@@ -869,7 +883,7 @@ var import_classnames8 = __toESM(require_classnames());
 import { useState as useState3 } from "react";
 
 // css-module:./RadioButton.module.css#css-module
-var RadioButton_module_default = { "radioBaseContainer": "_radioBaseContainer_1hf9h_1", "smBase": "_smBase_1hf9h_9", "mdBase": "_mdBase_1hf9h_14", "radioStyleOverride": "_radioStyleOverride_1hf9h_19", "smOverride": "_smOverride_1hf9h_25", "mdOverride": "_mdOverride_1hf9h_30", "background": "_background_1hf9h_35", "sm": "_sm_1hf9h_9", "md": "_md_1hf9h_14", "neutralBorder": "_neutralBorder_1hf9h_52", "smCheckedBorder": "_smCheckedBorder_1hf9h_56", "mdCheckedBorder": "_mdCheckedBorder_1hf9h_60", "errorBorderColor": "_errorBorderColor_1hf9h_64", "borderColor": "_borderColor_1hf9h_68" };
+var RadioButton_module_default = { "radioBaseContainer": "_radioBaseContainer_1yyn9_1", "disabled": "_disabled_1yyn9_9", "cursorDisabled": "_cursorDisabled_1yyn9_13", "cursorEnabled": "_cursorEnabled_1yyn9_17", "smBase": "_smBase_1yyn9_21", "mdBase": "_mdBase_1yyn9_25", "radioStyleOverride": "_radioStyleOverride_1yyn9_29", "smOverride": "_smOverride_1yyn9_34", "mdOverride": "_mdOverride_1yyn9_39", "background": "_background_1yyn9_44", "sm": "_sm_1yyn9_21", "md": "_md_1yyn9_25", "neutralBorder": "_neutralBorder_1yyn9_61", "smCheckedBorder": "_smCheckedBorder_1yyn9_65", "mdCheckedBorder": "_mdCheckedBorder_1yyn9_69", "errorBorderColor": "_errorBorderColor_1yyn9_73", "borderColor": "_borderColor_1yyn9_77" };
 
 // src/RadioButton/RadioButton.tsx
 import { jsx as jsx13, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -895,10 +909,15 @@ var RadioButton = ({
   return /* @__PURE__ */ jsxs3(
     "label",
     {
-      className: (0, import_classnames8.default)(RadioButton_module_default.radioBaseContainer, {
-        [RadioButton_module_default.smBase]: size === "sm",
-        [RadioButton_module_default.mdBase]: size === "md"
-      }),
+      className: (0, import_classnames8.default)(
+        RadioButton_module_default.radioBaseContainer,
+        RadioButton_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
+        {
+          [RadioButton_module_default.disabled]: disabled,
+          [RadioButton_module_default.smBase]: size === "sm",
+          [RadioButton_module_default.mdBase]: size === "md"
+        }
+      ),
       children: [
         checked ? /* @__PURE__ */ jsx13(
           "div",
@@ -916,10 +935,14 @@ var RadioButton = ({
             type: "radio",
             id,
             name,
-            className: (0, import_classnames8.default)(RadioButton_module_default.radioStyleOverride, {
-              [RadioButton_module_default.smOverride]: size === "sm",
-              [RadioButton_module_default.mdOverride]: size === "md"
-            }),
+            className: (0, import_classnames8.default)(
+              RadioButton_module_default.radioStyleOverride,
+              RadioButton_module_default[`cursor${disabled ? "Disabled" : "Enabled"}`],
+              {
+                [RadioButton_module_default.smOverride]: size === "sm",
+                [RadioButton_module_default.mdOverride]: size === "md"
+              }
+            ),
             checked,
             onChange,
             disabled,
@@ -958,7 +981,7 @@ var ColorBaseDestructive700 = "#d32a4b";
 var ColorBaseGray800 = "#353535";
 
 // css-module:./SelectList.module.css#css-module
-var SelectList_module_default = { "selectContainer": "_selectContainer_1e7f9_1", "opacityOverlay": "_opacityOverlay_1e7f9_7", "outerTextContainer": "_outerTextContainer_1e7f9_11", "selectWrapper": "_selectWrapper_1e7f9_16", "selectBox": "_selectBox_1e7f9_21", "seletBoxMouseFocusStyling": "_seletBoxMouseFocusStyling_1e7f9_35", "unselected": "_unselected_1e7f9_40", "selected": "_selected_1e7f9_44", "arrowIcon": "_arrowIcon_1e7f9_48", "sm": "_sm_1e7f9_62", "md": "_md_1e7f9_67", "lg": "_lg_1e7f9_72", "selectError": "_selectError_1e7f9_77" };
+var SelectList_module_default = { "selectContainer": "_selectContainer_1u9cw_1", "opacityOverlay": "_opacityOverlay_1u9cw_7", "outerTextContainer": "_outerTextContainer_1u9cw_11", "selectWrapper": "_selectWrapper_1u9cw_16", "selectBox": "_selectBox_1u9cw_21", "selectMouseFocusStyling": "_selectMouseFocusStyling_1u9cw_35", "unselected": "_unselected_1u9cw_40", "selected": "_selected_1u9cw_44", "arrowIcon": "_arrowIcon_1u9cw_48", "sm": "_sm_1u9cw_62", "md": "_md_1u9cw_67", "lg": "_lg_1u9cw_72", "selectError": "_selectError_1u9cw_77" };
 
 // src/SelectList/SelectOption.tsx
 import { jsx as jsx14 } from "react/jsx-runtime";
@@ -1013,10 +1036,11 @@ var SelectList = ({
                 [SelectList_module_default.selectError]: errorText,
                 [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible2,
                 // for focus keyboard
-                [SelectList_module_default.seletBoxMouseFocusStyling]: isFocused && !isFocusVisible2
+                [SelectList_module_default.selectMouseFocusStyling]: isFocused && !isFocusVisible2
                 // for focus mouse
               }),
               onChange,
+              onClick: (e) => e.stopPropagation(),
               value: placeholderText && !selectedValue ? placeholderText : selectedValue,
               onFocus: () => setIsFocused(true),
               onBlur: () => setIsFocused(false),