@versini/ui-textinput 6.0.0 → 6.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +7 -18
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,19 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-textinput v6.
|
|
2
|
+
@versini/ui-textinput v6.1.0
|
|
3
3
|
© 2025 gizmette.com
|
|
4
4
|
*/
|
|
5
|
-
try {
|
|
6
|
-
if (!window.__VERSINI_UI_TEXTINPUT__) {
|
|
7
|
-
window.__VERSINI_UI_TEXTINPUT__ = {
|
|
8
|
-
version: "6.0.0",
|
|
9
|
-
buildTime: "12/16/2025 06:22 PM EST",
|
|
10
|
-
homepage: "https://www.npmjs.com/package/@versini/ui-textinput",
|
|
11
|
-
license: "MIT",
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
} catch (error) {
|
|
15
|
-
// nothing to declare officer
|
|
16
|
-
}
|
|
17
5
|
|
|
18
6
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
19
7
|
import { useResizeObserver } from "@versini/ui-hooks/use-resize-observer";
|
|
@@ -53,7 +41,7 @@ const getTextInputColorClasses = ({ mode })=>{
|
|
|
53
41
|
});
|
|
54
42
|
};
|
|
55
43
|
const getTextInputFocusClasses = ({ focusMode })=>{
|
|
56
|
-
return clsx("focus:outline
|
|
44
|
+
return clsx("focus:outline-2 focus:outline-offset-2", {
|
|
57
45
|
"focus:outline-focus-dark": focusMode === "dark",
|
|
58
46
|
"focus:outline-focus-light": focusMode === "light",
|
|
59
47
|
"focus:outline-focus-light dark:focus:outline-focus-dark": focusMode === "alt-system",
|
|
@@ -83,7 +71,7 @@ const getTextInputLabelClasses = ({ disabled, raw, error, mode })=>{
|
|
|
83
71
|
"text-copy-lighter dark:text-copy-dark": mode === "alt-system"
|
|
84
72
|
});
|
|
85
73
|
}
|
|
86
|
-
if (error) {
|
|
74
|
+
/* v8 ignore start - error state edge case */ if (error) {
|
|
87
75
|
return clsx("absolute px-2 cursor-text font-medium", {
|
|
88
76
|
"text-copy-lighter": mode === "dark",
|
|
89
77
|
"text-copy-error-dark": mode === "light",
|
|
@@ -91,7 +79,7 @@ const getTextInputLabelClasses = ({ disabled, raw, error, mode })=>{
|
|
|
91
79
|
"text-copy-lighter dark:text-copy-error-dark": mode === "alt-system"
|
|
92
80
|
});
|
|
93
81
|
}
|
|
94
|
-
};
|
|
82
|
+
/* v8 ignore stop */ };
|
|
95
83
|
const getTextInputHelperTextClasses = ({ error, raw, mode, disabled })=>{
|
|
96
84
|
if (raw) {
|
|
97
85
|
return "";
|
|
@@ -107,7 +95,7 @@ const getTextInputHelperTextClasses = ({ error, raw, mode, disabled })=>{
|
|
|
107
95
|
"text-copy-lighter dark:text-copy-dark": mode === "alt-system"
|
|
108
96
|
});
|
|
109
97
|
}
|
|
110
|
-
if (error) {
|
|
98
|
+
/* v8 ignore start - error state edge case */ if (error) {
|
|
111
99
|
return clsx(TEXT_INPUT_HELPER_TEXT_CLASSNAME, "absolute px-2 font-medium", {
|
|
112
100
|
"text-copy-error-light bg-surface-darker": mode === "dark",
|
|
113
101
|
"text-copy-error-dark": mode === "light",
|
|
@@ -115,7 +103,7 @@ const getTextInputHelperTextClasses = ({ error, raw, mode, disabled })=>{
|
|
|
115
103
|
"dark:text-copy-error-dark text-copy-error-light bg-surface-darker": mode === "alt-system"
|
|
116
104
|
});
|
|
117
105
|
}
|
|
118
|
-
};
|
|
106
|
+
/* v8 ignore stop */ };
|
|
119
107
|
const getTextInputClasses = ({ className, inputClassName, raw, disabled, noBorder, error, mode, focusMode, size, rightElementClassName })=>{
|
|
120
108
|
const wrapper = raw ? className : clsx("relative flex w-full flex-col justify-center", TEXT_INPUT_WRAPPER_CLASSNAME, className);
|
|
121
109
|
let heightClass = "";
|
|
@@ -443,6 +431,7 @@ const TextInputMask = /*#__PURE__*/ react.forwardRef(({ name, disabled, label, l
|
|
|
443
431
|
TextInputMask.displayName = "TextInputMask";
|
|
444
432
|
|
|
445
433
|
;// CONCATENATED MODULE: ./src/components/index.ts
|
|
434
|
+
// force new release
|
|
446
435
|
|
|
447
436
|
|
|
448
437
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-textinput",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.1.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -38,17 +38,17 @@
|
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@testing-library/jest-dom": "6.9.1",
|
|
41
|
-
"@versini/ui-types": "8.
|
|
41
|
+
"@versini/ui-types": "8.1.0"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@tailwindcss/typography": "0.5.19",
|
|
45
|
-
"@versini/ui-hooks": "6.
|
|
46
|
-
"@versini/ui-liveregion": "3.
|
|
45
|
+
"@versini/ui-hooks": "6.1.0",
|
|
46
|
+
"@versini/ui-liveregion": "3.2.0",
|
|
47
47
|
"clsx": "2.1.1",
|
|
48
48
|
"tailwindcss": "4.1.18"
|
|
49
49
|
},
|
|
50
50
|
"sideEffects": [
|
|
51
51
|
"**/*.css"
|
|
52
52
|
],
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "b2ee2e328ecadfbedcb26d14afa896a30f0ab54b"
|
|
54
54
|
}
|