@cambly/syntax-core 6.0.2 → 6.1.0

package/dist/index.mjs

@@ -60,7 +60,7 @@ var require_classnames = __commonJS({
       "use strict";
       var hasOwn = {}.hasOwnProperty;
       var nativeCodeString = "[native code]";
-      function classNames9() {
+      function classNames10() {
         var classes = [];
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
@@ -71,7 +71,7 @@ var require_classnames = __commonJS({
             classes.push(arg);
           } else if (Array.isArray(arg)) {
             if (arg.length) {
-              var inner = classNames9.apply(null, arg);
+              var inner = classNames10.apply(null, arg);
               if (inner) {
                 classes.push(inner);
               }
@@ -91,14 +91,14 @@ var require_classnames = __commonJS({
         return classes.join(" ");
       }
       if (typeof module !== "undefined" && module.exports) {
-        classNames9.default = classNames9;
-        module.exports = classNames9;
+        classNames10.default = classNames10;
+        module.exports = classNames10;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames9;
+          return classNames10;
         });
       } else {
-        window.classNames = classNames9;
+        window.classNames = classNames10;
       }
     })();
   }
@@ -1273,6 +1273,76 @@ function SelectList({
   );
 }
 SelectList.Option = SelectOption_default;
+
+// src/TextField/TextField.tsx
+var import_classnames11 = __toESM(require_classnames());
+import {
+  useId as useId2
+} from "react";
+
+// css-module:./TextField.module.css#css-module
+var TextField_module_default = { "textfield": "_textfield_cltsv_1", "label": "_label_cltsv_21", "sm": "_sm_cltsv_25", "md": "_md_cltsv_30", "lg": "_lg_cltsv_35", "inputError": "_inputError_cltsv_40" };
+
+// src/TextField/TextField.tsx
+import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
+function TextField({
+  autoComplete,
+  "data-testid": dataTestId,
+  disabled = false,
+  errorText = "",
+  helperText = "",
+  id,
+  label,
+  onChange,
+  placeholder = "",
+  size = "md",
+  type = "text",
+  value = ""
+}) {
+  const reactId = useId2();
+  const inputId = id != null ? id : reactId;
+  return /* @__PURE__ */ jsxs6(
+    Box_default,
+    {
+      display: "flex",
+      direction: "column",
+      gap: 2,
+      width: "100%",
+      dangerouslySetInlineStyle: {
+        __style: {
+          opacity: disabled ? 0.5 : 1
+        }
+      },
+      children: [
+        label && /* @__PURE__ */ jsx19("label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ jsx19(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx19(Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+        /* @__PURE__ */ jsx19(
+          "input",
+          {
+            autoComplete,
+            className: (0, import_classnames11.default)(TextField_module_default.textfield, TextField_module_default[size], {
+              [TextField_module_default.inputError]: errorText
+            }),
+            "data-testid": dataTestId,
+            disabled,
+            id: inputId,
+            type,
+            onChange,
+            placeholder,
+            value
+          }
+        ),
+        (helperText || errorText) && /* @__PURE__ */ jsx19(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx19(
+          Typography_default,
+          {
+            size: 100,
+            color: errorText ? "destructive-primary" : "gray700",
+            children: errorText || helperText
+          }
+        ) })
+      ]
+    }
+  );
+}
 export {
   Avatar_default as Avatar,
   Badge_default as Badge,
@@ -1288,6 +1358,7 @@ export {
   Modal,
   RadioButton_default as RadioButton,
   SelectList,
+  TextField,
   Typography_default as Typography
 };
 /*! Bundled license information: