react-input-emoji 5.7.0 → 5.7.1

package/dist/index.js

@@ -943,7 +943,7 @@ var _excluded = ["placeholder", "style", "tabIndex", "className", "onChange"];
  * @property {(event: React.ClipboardEvent) => void} onCopy
  * @property {(event: React.ClipboardEvent) => void} onPaste
  * @property {string} placeholder
- * @property {{borderRadius?: number; borderColor?: string; fontSize?: number; fontFamily?: string; background: string; placeholderColor?: string;}} style
+ * @property {{borderRadius?: number; color?: string; borderColor?: string; fontSize?: number; fontFamily?: string; background: string; placeholderColor?: string;}} style
  * @property {number} tabIndex
  * @property {string} className
  * @property {(html: string) => void} onChange
@@ -1037,7 +1037,16 @@ var TextInput = function TextInput(_ref, ref) {
       placeholderStyle.color = style.placeholderColor;
     }
     return placeholderStyle;
-  }, [style.placeholderColor]);
+  }, [style === null || style === void 0 ? void 0 : style.placeholderColor]);
+
+  /** @type {React.CSSProperties} */
+  var inputStyle = React.useMemo(function () {
+    var inputStyle = {};
+    if (style.color) {
+      inputStyle.color = style.color;
+    }
+    return inputStyle;
+  }, [style === null || style === void 0 ? void 0 : style.color]);
 
   /** @type {React.MutableRefObject<HTMLDivElement | null>} */
   var placeholderRef = React.useRef(null);
@@ -1114,7 +1123,8 @@ var TextInput = function TextInput(_ref, ref) {
     onBlur: props.onBlur,
     onCopy: props.onCopy,
     onPaste: props.onPaste,
-    "data-testid": "react-input-emoji--input"
+    "data-testid": "react-input-emoji--input",
+    style: inputStyle
   })));
 };
 var TextInputWithRef = /*#__PURE__*/React.forwardRef(TextInput);
@@ -4508,6 +4518,7 @@ function usePollute() {
  * @property {(text: string) => void=} onEnter
  * @property {string=} placeholder
  * @property {string=} placeholderColor
+ * @property {string=} color
  * @property {(size: {width: number, height: number}) => void=} onResize
  * @property {() => void=} onClick
  * @property {() => void=} onFocus
@@ -4566,7 +4577,8 @@ function InputEmoji(props, ref) {
     fontSize = props.fontSize,
     fontFamily = props.fontFamily,
     background = props.background,
-    placeholderColor = props.placeholderColor;
+    placeholderColor = props.placeholderColor,
+    color = props.color;
 
   /** @type {React.MutableRefObject<import('./text-input').Ref | null>} */
   var textInputRef = React.useRef(null);
@@ -4737,7 +4749,8 @@ function InputEmoji(props, ref) {
       fontSize: fontSize,
       fontFamily: fontFamily,
       background: background,
-      placeholderColor: placeholderColor
+      placeholderColor: placeholderColor,
+      color: color
     },
     tabIndex: tabIndex,
     className: inputClass,
@@ -4762,6 +4775,7 @@ InputEmojiWithRef.defaultProps = {
   placeholder: "Type a message",
   borderRadius: 21,
   borderColor: "#EAEAEA",
+  color: "black",
   fontSize: 15,
   fontFamily: "sans-serif",
   background: "white",