@versini/ui-textarea 6.3.4 → 7.0.0

package/README.md

@@ -99,7 +99,6 @@ function App() {
 | helperText        | `string`                                        | -          | Text to add to the bottom of the TextArea    |
 | helperTextOnFocus | `boolean`                                       | `false`    | Show helper text only when focused           |
 | mode              | `"dark" \| "light" \| "system" \| "alt-system"` | `"system"` | Theme mode                                   |
-| focusMode         | `"dark" \| "light" \| "system" \| "alt-system"` | `"system"` | Focus ring color mode                        |
 | labelHidden       | `boolean`                                       | `false`    | Hide label visually but retain accessibility |
 | noBorder          | `boolean`                                       | `false`    | Whether to render without border             |
 | raw               | `boolean`                                       | `false`    | Whether to render without styles             |

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export declare const TEXT_AREA_HELPER_TEXT_CLASSNAME = "av-text-area-helper-text
 
 export declare const TEXT_AREA_WRAPPER_CLASSNAME = "av-text-area-wrapper";
 
-export declare function TextArea({ id, name, label, error, raw, className, textAreaClassName, mode, focusMode, value, defaultValue, disabled, noBorder, labelId, helperText, helperTextOnFocus, rightElement, leftElement, onChange, onFocus, onBlur, ref, ...extraProps }: TextAreaProps): JSX.Element;
+export declare function TextArea({ id, name, label, error, raw, className, textAreaClassName, mode, value, defaultValue, disabled, noBorder, labelId, helperText, helperTextOnFocus, rightElement, leftElement, onChange, onFocus, onBlur, ref, ...extraProps }: TextAreaProps): JSX.Element;
 
 declare type TextAreaProps = {
     /**
@@ -30,11 +30,6 @@ declare type TextAreaProps = {
      * @default false
      */
     error?: boolean;
-    /**
-     * The type of focus for the TextArea. This will change the color
-     * of the focus ring around the TextArea.
-     */
-    focusMode?: "dark" | "light" | "system" | "alt-system";
     /**
      * Text to add to the bottom of the TextArea.
      */

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-textarea v6.3.4
+  @versini/ui-textarea v7.0.0
   © 2026 gizmette.com
 */
 
@@ -44,13 +44,8 @@ const getTextAreaColorClasses = ({ mode })=>{
         "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": mode === "alt-system"
     });
 };
-const getTextAreaFocusClasses = ({ focusMode })=>{
-    return clsx("focus:outline-2 focus:outline-offset-2", {
-        "focus:outline-focus-dark": focusMode === "dark",
-        "focus:outline-focus-light": focusMode === "light",
-        "focus:outline-focus-light dark:focus:outline-focus-dark": focusMode === "alt-system",
-        "focus:outline-focus-dark dark:focus:outline-focus-light": focusMode === "system"
-    });
+const getTextAreaFocusClasses = ()=>{
+    return clsx("focus:outline-2 focus:outline-offset-2 focus:outline-focus-dark");
 };
 const getTextAreaBorderClasses = ({ noBorder, error })=>{
     return clsx("border-2", {
@@ -112,13 +107,11 @@ const getTextAreaHelperTextClasses = ({ error, raw, mode, disabled })=>{
         });
     }
 /* v8 ignore stop */ };
-const getTextAreaClasses = ({ className, textAreaClassName, raw, focusMode, disabled, noBorder, error, mode, leftElement, rightElement })=>{
+const getTextAreaClasses = ({ className, textAreaClassName, raw, disabled, noBorder, error, mode, leftElement, rightElement })=>{
     const wrapper = raw ? className : clsx("relative flex w-full flex-col justify-center", TEXT_AREA_WRAPPER_CLASSNAME, className);
     const textArea = raw ? clsx(textAreaClassName) : clsx(TEXT_AREA_CLASSNAME, textAreaClassName, getTextAreaBaseClasses(), getTextAreaColorClasses({
         mode
-    }), getTextAreaFocusClasses({
-        focusMode
-    }), getTextAreaBorderClasses({
+    }), getTextAreaFocusClasses(), getTextAreaBorderClasses({
         noBorder,
         error
     }), {
@@ -177,7 +170,7 @@ const adjustLabelAndHelperText = ({ scrollHeight, currentHeight, currentLabelOff
 
 
 
-function TextArea({ id, name, label, error = false, raw = false, className, textAreaClassName, mode = "system", focusMode = "system", value, defaultValue, disabled = false, noBorder = false, labelId, helperText = "", helperTextOnFocus = false, rightElement, leftElement, onChange, onFocus, onBlur, ref, ...extraProps }) {
+function TextArea({ id, name, label, error = false, raw = false, className, textAreaClassName, mode = "system", value, defaultValue, disabled = false, noBorder = false, labelId, helperText = "", helperTextOnFocus = false, rightElement, leftElement, onChange, onFocus, onBlur, ref, ...extraProps }) {
     const textAreaRef = useRef(null);
     const mergedTextAreaRef = useMergeRefs([
         ref,
@@ -203,7 +196,6 @@ function TextArea({ id, name, label, error = false, raw = false, className, text
         textAreaClassName,
         error,
         raw,
-        focusMode,
         disabled,
         noBorder,
         mode,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-textarea",
-	"version": "6.3.4",
+	"version": "7.0.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,16 +38,16 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.9.1",
-		"@versini/ui-types": "8.4.0"
+		"@versini/ui-types": "9.0.0"
 	},
 	"dependencies": {
 		"@versini/ui-hooks": "6.1.1",
-		"@versini/ui-liveregion": "3.2.5",
+		"@versini/ui-liveregion": "3.2.6",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.2.1"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "08f46d8b356d5cfbb4e58dca300428ed6bb03789"
+	"gitHead": "a295349019d1512796f266bba535de383f12b6ee"
 }