@lumx/react 3.21.0 → 3.21.1

package/index.js

@@ -13203,7 +13203,7 @@ const CLASSNAME$5 = getRootClassName(COMPONENT_NAME$5);
  */
 const INPUT_NATIVE_CLASSNAME = `${CLASSNAME$5}__input-native`;
 
-const _excluded$7 = ["className", "theme", "value", "onChange", "type"];
+const _excluded$7 = ["className", "theme", "value", "onChange", "type", "name"];
 
 /**
  * Defines the props of the component.
@@ -13227,20 +13227,22 @@ const RawInputText = forwardRef((props, ref) => {
       theme = defaultTheme,
       value,
       onChange,
-      type = DEFAULT_PROPS$7.type
+      type = DEFAULT_PROPS$7.type,
+      name
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$7);
   const textareaRef = useRef(null);
   const handleChange = useCallback(evt => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.value, evt.target.name, evt);
-  }, [onChange]);
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.value, name, evt);
+  }, [onChange, name]);
   return /*#__PURE__*/React__default.createElement("input", _extends({}, forwardedProps, {
+    name: name,
     type: type,
     ref: useMergeRefs(ref, textareaRef),
     className: classNames(className, handleBasicClasses({
       prefix: INPUT_NATIVE_CLASSNAME,
       theme
-    })),
+    }), `${INPUT_NATIVE_CLASSNAME}--text`),
     onChange: handleChange,
     value: value
   }));
@@ -13287,7 +13289,7 @@ function useFitRowsToContent(minimumRows, textareaRef, value) {
   return rows;
 }
 
-const _excluded$6 = ["className", "theme", "minimumRows", "value", "onChange"];
+const _excluded$6 = ["className", "theme", "minimumRows", "value", "name", "onChange"];
 
 /**
  * Defines the props of the component.
@@ -13311,21 +13313,22 @@ const RawInputTextarea = forwardRef((props, ref) => {
       theme = defaultTheme,
       minimumRows = DEFAULT_PROPS$6.minimumRows,
       value,
+      name,
       onChange
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$6);
   const textareaRef = useRef(null);
   const rows = useFitRowsToContent(minimumRows, textareaRef, value);
   const handleChange = useCallback(evt => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.value, evt.target.name, evt);
-  }, [onChange]);
-  return /*#__PURE__*/React__default.createElement("textarea", _extends({
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.value, name, evt);
+  }, [onChange, name]);
+  return /*#__PURE__*/React__default.createElement("textarea", _extends({}, forwardedProps, {
+    name: name,
     className: classNames(className, handleBasicClasses({
       prefix: INPUT_NATIVE_CLASSNAME,
       theme
-    })),
-    ref: useMergeRefs(ref, textareaRef)
-  }, forwardedProps, {
+    }), `${INPUT_NATIVE_CLASSNAME}--textarea`),
+    ref: useMergeRefs(ref, textareaRef),
     onChange: handleChange,
     value: value,
     rows: rows