@dust-tt/sparkle 0.2.128 → 0.2.129

package/dist/cjs/components/TextArea.d.ts

@@ -5,6 +5,7 @@ type TextAreaProps = {
     onChange: (value: string) => void;
     error?: string | null;
     showErrorLabel?: boolean;
+    className?: string;
 };
-export declare function TextArea({ placeholder, value, onChange, error, showErrorLabel, }: TextAreaProps): React.JSX.Element;
+export declare function TextArea({ placeholder, value, onChange, error, showErrorLabel, className, }: TextAreaProps): React.JSX.Element;
 export {};

package/dist/cjs/index.js

@@ -55265,7 +55265,7 @@ function FilterChips(_a) {
 }
 
 function TextArea(_a) {
-    var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b;
+    var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className;
     var textareaRef = React.useRef(null);
     React.useEffect(function () {
         var textarea = textareaRef.current;
@@ -55275,9 +55275,9 @@ function TextArea(_a) {
         }
     }, [value]); // Re-run when value changes
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
-        React.createElement("textarea", { ref: textareaRef, name: "name", className: classNames("s-min-h-60 s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-transition-all s-duration-200", !error
+        React.createElement("textarea", { ref: textareaRef, className: classNames("s-min-h-60 overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-transition-all s-duration-200 s-scrollbar-hide", !error
                 ? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
-                : "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
+                : "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y", className !== null && className !== void 0 ? className : ""), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
                 onChange(e.target.value);
             } }),
         error && showErrorLabel && (React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, error))));