@cambly/syntax-core 5.0.0 → 5.2.0

package/dist/index.mjs

@@ -490,6 +490,7 @@ var iconSize = {
 };
 var Button = forwardRef2(
   ({
+    "data-testid": dataTestId,
     text,
     loadingText,
     color = "primary",
@@ -506,6 +507,7 @@ var Button = forwardRef2(
     return /* @__PURE__ */ jsxs(
       "button",
       {
+        "data-testid": dataTestId,
         ref,
         "aria-label": accessibilityLabel,
         type: "button",
@@ -629,6 +631,7 @@ var IconButton = forwardRef3(
   ({
     accessibilityLabel,
     color = "primary",
+    "data-testid": dataTestId,
     disabled = false,
     icon: Icon,
     size = "md",
@@ -639,6 +642,7 @@ var IconButton = forwardRef3(
       "button",
       {
         "aria-label": accessibilityLabel,
+        "data-testid": dataTestId,
         type: "button",
         title: tooltip,
         disabled,
@@ -770,6 +774,7 @@ var iconWidth = {
 };
 var Checkbox = ({
   checked = false,
+  "data-testid": dataTestId,
   disabled = false,
   size = "md",
   label,
@@ -794,6 +799,7 @@ var Checkbox = ({
       /* @__PURE__ */ jsx11(
         "input",
         {
+          "data-testid": dataTestId,
           type: "checkbox",
           className: (0, import_classnames7.default)(Checkbox_module_default.inputOverlay, Checkbox_module_default[size]),
           checked,
@@ -848,8 +854,10 @@ var RadioButton_module_default = { "radioBaseContainer": "_radioBaseContainer_ne
 import { jsx as jsx13, jsxs as jsxs3 } from "react/jsx-runtime";
 var RadioButton = ({
   checked = false,
+  "data-testid": dataTestId,
   disabled = false,
   error = false,
+  id,
   label,
   name,
   onChange,
@@ -874,7 +882,9 @@ var RadioButton = ({
         /* @__PURE__ */ jsx13(
           "input",
           {
+            "data-testid": dataTestId,
             type: "radio",
+            id,
             name,
             className: (0, import_classnames8.default)(RadioButton_module_default.radioStyleOverride, {
               [RadioButton_module_default.smOverride]: size === "sm",
@@ -901,7 +911,7 @@ var RadioButton = ({
             })
           }
         ) : /* @__PURE__ */ jsx13("div", { className: (0, import_classnames8.default)(sharedStyles, RadioButton_module_default.neutralBorder) }),
-        /* @__PURE__ */ jsx13(
+        label && /* @__PURE__ */ jsx13(
           Typography_default,
           {
             size: size === "md" ? 200 : 100,
@@ -932,18 +942,11 @@ var SelectList_module_default = { "selectContainer": "_selectContainer_1e7f9_1",
 // src/SelectList/SelectOption.tsx
 import { jsx as jsx14 } from "react/jsx-runtime";
 var SelectOption = ({
+  "data-testid": dataTestId,
   value,
   label,
   disabled = false
-}) => /* @__PURE__ */ jsx14(
-  "option",
-  {
-    "data-testid": `syntax-select-${value}`,
-    value,
-    disabled,
-    children: label
-  }
-);
+}) => /* @__PURE__ */ jsx14("option", { "data-testid": dataTestId, value, disabled, children: label });
 var SelectOption_default = SelectOption;
 
 // src/SelectList/SelectList.tsx
@@ -955,6 +958,7 @@ var iconSize3 = {
 };
 var SelectList = ({
   children,
+  "data-testid": dataTestId,
   disabled = false,
   errorText,
   helperText,
@@ -980,7 +984,7 @@ var SelectList = ({
             "select",
             {
               id,
-              "data-testid": "syntax-select",
+              "data-testid": dataTestId,
               disabled,
               className: (0, import_classnames9.default)(SelectList_module_default.selectBox, SelectList_module_default[size], {
                 [SelectList_module_default.unselected]: !selectedValue && !errorText,