@cambly/syntax-core 5.6.0 → 5.7.0

package/dist/index.mjs

@@ -869,7 +869,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_ne98c_1", "smBase": "_smBase_ne98c_9", "mdBase": "_mdBase_ne98c_14", "radioStyleOverride": "_radioStyleOverride_ne98c_19", "smOverride": "_smOverride_ne98c_24", "mdOverride": "_mdOverride_ne98c_29", "background": "_background_ne98c_34", "sm": "_sm_ne98c_9", "md": "_md_ne98c_14", "neutralBorder": "_neutralBorder_ne98c_51", "smCheckedBorder": "_smCheckedBorder_ne98c_55", "mdCheckedBorder": "_mdCheckedBorder_ne98c_59", "errorBorderColor": "_errorBorderColor_ne98c_63", "borderColor": "_borderColor_ne98c_67" };
+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" };
 
 // src/RadioButton/RadioButton.tsx
 import { jsx as jsx13, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -900,6 +900,15 @@ var RadioButton = ({
         [RadioButton_module_default.mdBase]: size === "md"
       }),
       children: [
+        checked ? /* @__PURE__ */ jsx13(
+          "div",
+          {
+            className: (0, import_classnames8.default)(sharedStyles, {
+              [RadioButton_module_default.mdCheckedBorder]: size === "md",
+              [RadioButton_module_default.smCheckedBorder]: size === "sm"
+            })
+          }
+        ) : /* @__PURE__ */ jsx13("div", { className: (0, import_classnames8.default)(sharedStyles, RadioButton_module_default.neutralBorder) }),
         /* @__PURE__ */ jsx13(
           "input",
           {
@@ -923,15 +932,6 @@ var RadioButton = ({
             }
           }
         ),
-        checked ? /* @__PURE__ */ jsx13(
-          "div",
-          {
-            className: (0, import_classnames8.default)(sharedStyles, {
-              [RadioButton_module_default.mdCheckedBorder]: size === "md",
-              [RadioButton_module_default.smCheckedBorder]: size === "sm"
-            })
-          }
-        ) : /* @__PURE__ */ jsx13("div", { className: (0, import_classnames8.default)(sharedStyles, RadioButton_module_default.neutralBorder) }),
         label && /* @__PURE__ */ jsx13(
           Typography_default,
           {
@@ -958,7 +958,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 +1013,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),