@versini/ui-textinput 6.4.4 → 7.0.1

package/README.md

@@ -153,7 +153,6 @@ function App() {
 | helperText            | `string`                                        | -          | Text to add to the bottom of the TextInput         |
 | size                  | `"xs" \| "sm" \| "md" \| "lg" \| "xl"`          | `"md"`     | Controls input height and padding                  |
 | mode                  | `"dark" \| "light" \| "system" \| "alt-system"` | `"system"` | The mode of TextInput (controls color)             |
-| focusMode             | `"dark" \| "light" \| "system" \| "alt-system"` | `"system"` | The focus ring color mode                          |
 | labelHidden           | `boolean`                                       | `false`    | Hides the label visually but retains accessibility |
 | labelId               | `string`                                        | -          | Id to use for the TextInput label                  |
 | noBorder              | `boolean`                                       | `false`    | Whether the TextInput has a border                 |

package/dist/index.d.ts

@@ -14,11 +14,6 @@ declare type CommonTextInputProps = {
      * @default false
      */
     error?: boolean;
-    /**
-     * The type of focus for the TextInput. This will change the color
-     * of the focus ring around the TextInput.
-     */
-    focusMode?: "dark" | "light" | "system" | "alt-system";
     /**
      * Text to add to the bottom of the TextInput.
      */
@@ -65,7 +60,7 @@ export declare const TEXT_INPUT_SIMPLE_CLASSNAME = "av-text-input-simple";
 
 export declare const TEXT_INPUT_WRAPPER_CLASSNAME = "av-text-input-wrapper";
 
-export declare function TextInput({ id, name, label, error, raw, className, inputClassName, mode, focusMode, disabled, noBorder, labelId, labelHidden, type, helperText, rightElement, rightElementClassName, size, ref, ...extraProps }: TextInputProps): JSX.Element;
+export declare function TextInput({ id, name, label, error, raw, className, inputClassName, mode, disabled, noBorder, labelId, labelHidden, type, helperText, rightElement, rightElementClassName, size, ref, ...extraProps }: TextInputProps): JSX.Element;
 
 export declare function TextInputMask({ name, disabled, label, labelHidden, onMaskChange, onChange, onBlur, onFocus, onTextInputMaskBlur, rightElement, ref, ...otherProps }: TextInputMaskProps): JSX.Element;
 

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-textinput v6.4.4
+  @versini/ui-textinput v7.0.1
   © 2026 gizmette.com
 */
 
@@ -32,13 +32,8 @@ const getTextInputColorClasses = ({ 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 getTextInputFocusClasses = ({ 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 getTextInputFocusClasses = ()=>{
+    return clsx("focus:outline-2 focus:outline-offset-2 focus:outline-focus-dark");
 };
 const getTextInputBorderClasses = ({ noBorder, error })=>{
     return clsx("border-2", {
@@ -96,7 +91,7 @@ const getTextInputHelperTextClasses = ({ error, raw, mode, disabled })=>{
         });
     }
 /* v8 ignore stop */ };
-const getTextInputClasses = ({ className, inputClassName, raw, disabled, noBorder, error, mode, focusMode, size, rightElementClassName })=>{
+const getTextInputClasses = ({ className, inputClassName, raw, disabled, noBorder, error, mode, size, rightElementClassName })=>{
     const wrapper = raw ? className : clsx("relative flex w-full flex-col justify-center", TEXT_INPUT_WRAPPER_CLASSNAME, className);
     let heightClass = "";
     switch(size){
@@ -118,9 +113,7 @@ const getTextInputClasses = ({ className, inputClassName, raw, disabled, noBorde
     }
     const input = raw ? clsx(inputClassName) : clsx(TEXT_INPUT_CLASSNAME, heightClass, "rounded-md text-base px-4", getTextInputColorClasses({
         mode
-    }), getTextInputFocusClasses({
-        focusMode
-    }), getTextInputBorderClasses({
+    }), getTextInputFocusClasses(), getTextInputBorderClasses({
         noBorder,
         error
     }), {
@@ -157,7 +150,7 @@ const getTextInputClasses = ({ className, inputClassName, raw, disabled, noBorde
 
 
 
-function TextInput({ id, name, label, error = false, raw = false, className, inputClassName, mode = "system", focusMode = "system", disabled = false, noBorder = false, labelId, labelHidden = false, type = "text", helperText = "", rightElement, rightElementClassName, size = "md", ref, ...extraProps }) {
+function TextInput({ id, name, label, error = false, raw = false, className, inputClassName, mode = "system", disabled = false, noBorder = false, labelId, labelHidden = false, type = "text", helperText = "", rightElement, rightElementClassName, size = "md", ref, ...extraProps }) {
     const [rightElementRef, rect] = useResizeObserver();
     const [inputPaddingRight, setInputPaddingRight] = useState(0);
     const inputId = useUniqueId({
@@ -194,7 +187,6 @@ function TextInput({ id, name, label, error = false, raw = false, className, inp
         inputClassName,
         error,
         raw,
-        focusMode,
         disabled,
         noBorder,
         mode,
@@ -217,7 +209,8 @@ function TextInput({ id, name, label, error = false, raw = false, className, inp
     /* c8 ignore end */ /**
 	 * This effect sets the label and helper text position based on
 	 * the size of the input.
-	 */ useLayoutEffect(()=>{
+	 */ // biome-ignore lint/correctness/useExhaustiveDependencies: The sizeStyles object is static and does not change, so it does not need to be included in the dependency array. --- IGNORE ---
+    useLayoutEffect(()=>{
         const { label, helperText } = sizeStyles[size];
         labelRef?.current?.style.setProperty("--av-text-input-label", label);
         helperTextRef?.current?.style.setProperty("--av-text-input-helper-text", helperText);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-textinput",
-	"version": "6.4.4",
+	"version": "7.0.1",
 	"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.1.0"
 	},
 	"dependencies": {
 		"@versini/ui-hooks": "6.1.1",
-		"@versini/ui-liveregion": "3.2.5",
+		"@versini/ui-liveregion": "3.2.7",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.2.1"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "08f46d8b356d5cfbb4e58dca300428ed6bb03789"
+	"gitHead": "e1d07ef9f8c39af8e1cf471a2d1688f4bca1771c"
 }