@anjun-express/react-textfield - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

dist/ErrorMessage.js

@@ -1,2 +0,2 @@
-"use strict";var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var f=(r,e)=>{for(var n in e)i(r,n,{get:e[n],enumerable:!0})},g=(r,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of d(e))!u.call(r,t)&&t!==n&&i(r,t,{get:()=>e[t],enumerable:!(s=l(e,t))||s.enumerable});return r};var m=r=>g(i({},"__esModule",{value:!0}),r);var b={};f(b,{ErrorMessage:()=>c});module.exports=m(b);var o=require("tailwind-variants"),a={Root:(0,o.tv)({base:`
+"use strict";var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var f=(r,e)=>{for(var o in e)i(r,o,{get:e[o],enumerable:!0})},g=(r,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of d(e))!u.call(r,t)&&t!==o&&i(r,t,{get:()=>e[t],enumerable:!(s=p(e,t))||s.enumerable});return r};var m=r=>g(i({},"__esModule",{value:!0}),r);var b={};f(b,{ErrorMessage:()=>c});module.exports=m(b);var n=require("tailwind-variants"),a={Root:(0,n.tv)({base:`
       focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none
@@ -6,5 +6,5 @@ ring-2 transition
       [&:has([disabled])]:pointer-events-none
-    `}),Input:(0,o.tv)({base:`
-      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none
+    `}),Input:(0,n.tv)({base:`
+      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none
       disabled:opacity-70
-    `}),ErrorMessage:(0,o.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var p=require("react/jsx-runtime");function c({className:r,...e}){return e.children?(0,p.jsx)("span",{className:a.ErrorMessage({className:r}),...e}):null}0&&(module.exports={ErrorMessage});
+    `}),ErrorMessage:(0,n.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var l=require("react/jsx-runtime");function c({className:r,...e}){return e.children?(0,l.jsx)("span",{className:a.ErrorMessage({className:r}),role:"alert",...e}):null}0&&(module.exports={ErrorMessage});

dist/index.js

@@ -1,2 +0,2 @@
-"use strict";var f=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var R=(e,t)=>{for(var o in t)f(e,o,{get:t[o],enumerable:!0})},F=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of h(t))!g.call(e,s)&&s!==o&&f(e,s,{get:()=>t[s],enumerable:!(r=b(t,s))||r.enumerable});return e};var I=e=>F(f({},"__esModule",{value:!0}),e);var M={};R(M,{ErrorMessage:()=>T,Input:()=>l,Password:()=>v,Root:()=>w,TextFieldStyles:()=>i});module.exports=I(M);var p=require("tailwind-variants"),i={Root:(0,p.tv)({base:`
+"use strict";var f=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var R=(t,e)=>{for(var o in e)f(t,o,{get:e[o],enumerable:!0})},F=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of h(e))!g.call(t,s)&&s!==o&&f(t,s,{get:()=>e[s],enumerable:!(r=b(e,s))||r.enumerable});return t};var I=t=>F(f({},"__esModule",{value:!0}),t);var M={};R(M,{ErrorMessage:()=>T,Input:()=>l,Password:()=>v,Root:()=>w,TextFieldStyles:()=>i});module.exports=I(M);var p=require("tailwind-variants"),i={Root:(0,p.tv)({base:`
       focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none
@@ -7,4 +7,4 @@ ring-2 transition
     `}),Input:(0,p.tv)({base:`
-      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none
+      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none
       disabled:opacity-70
-    `}),ErrorMessage:(0,p.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var d=require("react/jsx-runtime");function T({className:e,...t}){return t.children?(0,d.jsx)("span",{className:i.ErrorMessage({className:e}),...t}):null}var m=require("react");var c=require("react/jsx-runtime"),l=(0,m.forwardRef)(function({className:t,...o},r){return(0,c.jsx)("input",{type:"text",ref:r,className:i.Input({className:t}),...o})});var a=require("react"),u=require("lucide-react");var n=require("react/jsx-runtime"),v=(0,a.forwardRef)(function(t,o){let[r,s]=(0,a.useState)(!1);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l,{...t,type:r?"text":"password",ref:o}),(0,n.jsx)("button",{type:"button",className:"text-border outline-none transition-opacity hover:opacity-70",onClick:()=>s(P=>!P),children:r?(0,n.jsx)(u.EyeOff,{size:20}):(0,n.jsx)(u.Eye,{size:20})})]})});var x=require("react");var y=require("react/jsx-runtime"),E=e=>{e.target.querySelector("input")?.focus()},w=(0,x.forwardRef)(function({className:t,...o},r){return(0,y.jsx)("div",{tabIndex:-1,onFocus:E,className:i.Root({className:t}),ref:r,...o})});0&&(module.exports={ErrorMessage,Input,Password,Root,TextFieldStyles});
+    `}),ErrorMessage:(0,p.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var d=require("react/jsx-runtime");function T({className:t,...e}){return e.children?(0,d.jsx)("span",{className:i.ErrorMessage({className:t}),role:"alert",...e}):null}var m=require("react");var c=require("react/jsx-runtime"),l=(0,m.forwardRef)(function({className:e,...o},r){return(0,c.jsx)("input",{type:"text",ref:r,className:i.Input({className:e}),...o})});var a=require("react"),u=require("lucide-react");var n=require("react/jsx-runtime"),v=(0,a.forwardRef)(function(e,o){let[r,s]=(0,a.useState)(!1);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l,{...e,type:r?"text":"password",ref:o}),(0,n.jsx)("button",{type:"button",className:"text-border outline-none transition-opacity hover:opacity-70",onClick:()=>s(P=>!P),children:r?(0,n.jsx)(u.EyeOff,{size:20}):(0,n.jsx)(u.Eye,{size:20})})]})});var x=require("react");var y=require("react/jsx-runtime"),E=t=>{t.target.querySelector("input")?.focus()},w=(0,x.forwardRef)(function({className:e,...o},r){return(0,y.jsx)("div",{tabIndex:-1,onFocus:E,className:i.Root({className:e}),ref:r,...o})});0&&(module.exports={ErrorMessage,Input,Password,Root,TextFieldStyles});

dist/Input.js

@@ -1,2 +0,2 @@
-"use strict";var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var n in e)p(t,n,{get:e[n],enumerable:!0})},x=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of d(e))!f.call(t,r)&&r!==n&&p(t,r,{get:()=>e[r],enumerable:!(i=l(e,r))||i.enumerable});return t};var b=t=>x(p({},"__esModule",{value:!0}),t);var g={};m(g,{Input:()=>c});module.exports=b(g);var s=require("react");var o=require("tailwind-variants"),a={Root:(0,o.tv)({base:`
+"use strict";var p=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var n in e)p(t,n,{get:e[n],enumerable:!0})},x=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of l(e))!f.call(t,r)&&r!==n&&p(t,r,{get:()=>e[r],enumerable:!(o=d(e,r))||o.enumerable});return t};var b=t=>x(p({},"__esModule",{value:!0}),t);var g={};m(g,{Input:()=>c});module.exports=b(g);var a=require("react");var i=require("tailwind-variants"),s={Root:(0,i.tv)({base:`
       focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none
@@ -6,5 +6,5 @@ ring-2 transition
       [&:has([disabled])]:pointer-events-none
-    `}),Input:(0,o.tv)({base:`
-      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none
+    `}),Input:(0,i.tv)({base:`
+      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none
       disabled:opacity-70
-    `}),ErrorMessage:(0,o.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var u=require("react/jsx-runtime"),c=(0,s.forwardRef)(function({className:e,...n},i){return(0,u.jsx)("input",{type:"text",ref:i,className:a.Input({className:e}),...n})});0&&(module.exports={Input});
+    `}),ErrorMessage:(0,i.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var u=require("react/jsx-runtime"),c=(0,a.forwardRef)(function({className:e,...n},o){return(0,u.jsx)("input",{type:"text",ref:o,className:s.Input({className:e}),...n})});0&&(module.exports={Input});

dist/Password.js

@@ -1,2 +0,2 @@
-"use strict";var u=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var I=(e,t)=>{for(var n in t)u(e,n,{get:t[n],enumerable:!0})},g=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of x(t))!y.call(e,i)&&i!==n&&u(e,i,{get:()=>t[i],enumerable:!(r=c(t,i))||r.enumerable});return e};var h=e=>g(u({},"__esModule",{value:!0}),e);var P={};I(P,{Password:()=>w});module.exports=h(P);var p=require("react"),a=require("lucide-react");var d=require("react");var s=require("tailwind-variants"),l={Root:(0,s.tv)({base:`
+"use strict";var u=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var I=(e,t)=>{for(var n in t)u(e,n,{get:t[n],enumerable:!0})},g=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of c(t))!y.call(e,i)&&i!==n&&u(e,i,{get:()=>t[i],enumerable:!(r=b(t,i))||r.enumerable});return e};var h=e=>g(u({},"__esModule",{value:!0}),e);var P={};I(P,{Password:()=>w});module.exports=h(P);var p=require("react"),a=require("lucide-react");var l=require("react");var s=require("tailwind-variants"),d={Root:(0,s.tv)({base:`
       focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none
@@ -7,4 +7,4 @@ ring-2 transition
     `}),Input:(0,s.tv)({base:`
-      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none
+      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none
       disabled:opacity-70
-    `}),ErrorMessage:(0,s.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var m=require("react/jsx-runtime"),f=(0,d.forwardRef)(function({className:t,...n},r){return(0,m.jsx)("input",{type:"text",ref:r,className:l.Input({className:t}),...n})});var o=require("react/jsx-runtime"),w=(0,p.forwardRef)(function(t,n){let[r,i]=(0,p.useState)(!1);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(f,{...t,type:r?"text":"password",ref:n}),(0,o.jsx)("button",{type:"button",className:"text-border outline-none transition-opacity hover:opacity-70",onClick:()=>i(b=>!b),children:r?(0,o.jsx)(a.EyeOff,{size:20}):(0,o.jsx)(a.Eye,{size:20})})]})});0&&(module.exports={Password});
+    `}),ErrorMessage:(0,s.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var m=require("react/jsx-runtime"),f=(0,l.forwardRef)(function({className:t,...n},r){return(0,m.jsx)("input",{type:"text",ref:r,className:d.Input({className:t}),...n})});var o=require("react/jsx-runtime"),w=(0,p.forwardRef)(function(t,n){let[r,i]=(0,p.useState)(!1);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(f,{...t,type:r?"text":"password",ref:n}),(0,o.jsx)("button",{type:"button",className:"text-border outline-none transition-opacity hover:opacity-70",onClick:()=>i(x=>!x),children:r?(0,o.jsx)(a.EyeOff,{size:20}):(0,o.jsx)(a.Eye,{size:20})})]})});0&&(module.exports={Password});

dist/Root.js

@@ -1,2 +0,2 @@
-"use strict";"use client";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var o in e)s(t,o,{get:e[o],enumerable:!0})},m=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of u(e))!c.call(t,n)&&n!==o&&s(t,n,{get:()=>e[n],enumerable:!(r=l(e,n))||r.enumerable});return t};var x=t=>m(s({},"__esModule",{value:!0}),t);var v={};f(v,{Root:()=>g});module.exports=x(v);var p=require("react");var i=require("tailwind-variants"),a={Root:(0,i.tv)({base:`
+"use strict";"use client";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var o in e)s(t,o,{get:e[o],enumerable:!0})},m=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of u(e))!c.call(t,n)&&n!==o&&s(t,n,{get:()=>e[n],enumerable:!(r=l(e,n))||r.enumerable});return t};var x=t=>m(s({},"__esModule",{value:!0}),t);var v={};f(v,{Root:()=>g});module.exports=x(v);var d=require("react");var i=require("tailwind-variants"),a={Root:(0,i.tv)({base:`
       focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none
@@ -7,4 +7,4 @@ ring-2 transition
     `}),Input:(0,i.tv)({base:`
-      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none
+      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none
       disabled:opacity-70
-    `}),ErrorMessage:(0,i.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var d=require("react/jsx-runtime"),b=t=>{t.target.querySelector("input")?.focus()},g=(0,p.forwardRef)(function({className:e,...o},r){return(0,d.jsx)("div",{tabIndex:-1,onFocus:b,className:a.Root({className:e}),ref:r,...o})});0&&(module.exports={Root});
+    `}),ErrorMessage:(0,i.tv)({base:"animate-in fade-in text-destructive font-semibold"})};var p=require("react/jsx-runtime"),b=t=>{t.target.querySelector("input")?.focus()},g=(0,d.forwardRef)(function({className:e,...o},r){return(0,p.jsx)("div",{tabIndex:-1,onFocus:b,className:a.Root({className:e}),ref:r,...o})});0&&(module.exports={Root});

dist/styles.d.ts

@@ -10,7 +10,7 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
     } | {}, undefined, "\n      focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none\n      ring-2 transition\n      focus-within:ring-2 [&:has([aria-invalid=true])]:ring-2\n      [&:has([disabled])]:pointer-events-none\n    ", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "\n      focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none\n      ring-2 transition\n      focus-within:ring-2 [&:has([aria-invalid=true])]:ring-2\n      [&:has([disabled])]:pointer-events-none\n    "> | {}>, tailwind_variants.TVVariantsDefault<undefined, "\n      focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none\n      ring-2 transition\n      focus-within:ring-2 [&:has([aria-invalid=true])]:ring-2\n      [&:has([disabled])]:pointer-events-none\n    "> | {}, undefined>;
-    Input: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "\n      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none\n      disabled:opacity-70\n    "> | {
+    Input: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "\n      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none\n      disabled:opacity-70\n    "> | {
         [x: string]: {
-            [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<undefined, "\n      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none\n      disabled:opacity-70\n    ">;
+            [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<undefined, "\n      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none\n      disabled:opacity-70\n    ">;
         } | undefined;
-    } | {}, undefined, "\n      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none\n      disabled:opacity-70\n    ", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "\n      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none\n      disabled:opacity-70\n    "> | {}>, tailwind_variants.TVVariantsDefault<undefined, "\n      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none\n      disabled:opacity-70\n    "> | {}, undefined>;
+    } | {}, undefined, "\n      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none\n      disabled:opacity-70\n    ", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "\n      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none\n      disabled:opacity-70\n    "> | {}>, tailwind_variants.TVVariantsDefault<undefined, "\n      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none\n      disabled:opacity-70\n    "> | {}, undefined>;
     ErrorMessage: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "animate-in fade-in text-destructive font-semibold"> | {
@@ -17,0 +17,0 @@ [x: string]: {

dist/styles.js

@@ -1,2 +0,2 @@
-"use strict";var a=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var p=(i,e)=>{for(var t in e)a(i,t,{get:e[t],enumerable:!0})},u=(i,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of d(e))!l.call(i,n)&&n!==t&&a(i,n,{get:()=>e[n],enumerable:!(o=s(e,n))||o.enumerable});return i};var b=i=>u(a({},"__esModule",{value:!0}),i);var c={};p(c,{TextFieldStyles:()=>g});module.exports=b(c);var r=require("tailwind-variants"),g={Root:(0,r.tv)({base:`
+"use strict";var a=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var i in e)a(t,i,{get:e[i],enumerable:!0})},p=(t,e,i,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of d(e))!l.call(t,n)&&n!==i&&a(t,n,{get:()=>e[n],enumerable:!(o=s(e,n))||o.enumerable});return t};var b=t=>p(a({},"__esModule",{value:!0}),t);var f={};u(f,{TextFieldStyles:()=>g});module.exports=b(f);var r=require("tailwind-variants"),g={Root:(0,r.tv)({base:`
       focus-within:ring-primary ring-border [&:has([aria-invalid=true])]:ring-destructive flex h-10 items-center gap-4 rounded px-3 py-2 outline-none
@@ -7,4 +7,4 @@ ring-2 transition
     `}),Input:(0,r.tv)({base:`
-      w-full flex-1 border-none bg-transparent text-base placeholder-gray-400 outline-none
+      placeholder:text-muted-foreground w-full flex-1 border-none bg-transparent text-base outline-none
       disabled:opacity-70
     `}),ErrorMessage:(0,r.tv)({base:"animate-in fade-in text-destructive font-semibold"})};0&&(module.exports={TextFieldStyles});

package.json

@@ -5,3 +5,3 @@ {
   "license": "MIT",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "private": false,
@@ -8,0 +8,0 @@ "main": "dist/index.js",

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21602

1.28%

Lines of code

190

1.06%

No dependency changes