@brighthr/component-input - npm Package Compare versions

Comparing version 0.1.7 to 0.1.8

dist/index.modern.js

@@ -1,2 +0,2 @@
-import e from"react";import t from"classnames";import r from"@brighthr/component-icon";function n(){return n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}const a=["id","name","type","fullWidth","hasError","disabled","size","iconName","onChange","unit","buttonAriaLabel","onClickButton"],o=({unit:t,iconName:n})=>t?e.createElement("span",{className:"text-gray-400"},t):e.createElement(r,{iconName:n,className:"block resize-none fill-neutral-500 z-LOW",size:24}),l=r=>{let{id:l,name:i,type:u="text",fullWidth:s=!1,hasError:c=!1,disabled:b=!1,size:m,iconName:d,onChange:p,unit:f,buttonAriaLabel:h,onClickButton:x}=r,g=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t.indexOf(r=o[n])>=0||(a[r]=e[r]);return a}(r,a);const y=!!d,N=!!x,E=y||!!f;return e.createElement("div",{className:t("relative absolute",{"inline-block":!s})},e.createElement("input",n({id:l,name:i,type:u,disabled:b,className:t("peer rounded h-[42px] text-neutral-700 outline-none border-2 focus:border-primary-300 focus-visible:border-primary-300 indent-3 cursor-text border-neutral-300",{"h-[52px]":"xl"===m,"bg-neutral-100 border-neutral-200 cursor-default text-neutral-300":b,"border-error-500":c,"w-full":s,"w-auto":!s,"pl-8":y&&"base"===m,"pl-10":y&&"xl"===m}),onChange:p},g)),E&&e.createElement("div",{className:t("absolute right-[2px] pr-1 top-[9px] z-50 bottom-2 ",{"bg-neutral-50":!b,"bg-neutral-100":b})},N?e.createElement("button",{type:"button","aria-label":h,onClick:x,className:t("border-2 border-transparent focus:outline-none focus:border-2 focus:border-primary-300 focus:rounded"),disabled:b},e.createElement(o,{iconName:d,unit:f})):e.createElement(o,{iconName:d,unit:f})))};export{l as default};
+import e from"react";import t from"classnames";import r from"@brighthr/component-icon";function n(){return n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}const a=["id","name","type","fullWidth","hasError","disabled","size","iconName","onChange","unit","buttonAriaLabel","onClickButton"],o=({unit:t,iconName:n})=>t?e.createElement("span",{className:"text-gray-400"},t):e.createElement(r,{iconName:n,className:"block resize-none fill-neutral-500 z-LOW",size:24}),l=r=>{let{id:l,name:i,type:u="text",fullWidth:s=!1,hasError:c=!1,disabled:b=!1,size:m,iconName:d,onChange:p,unit:f,buttonAriaLabel:h,onClickButton:x}=r,g=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t.indexOf(r=o[n])>=0||(a[r]=e[r]);return a}(r,a);const y=!!d,N=!!x,E=y||!!f;return e.createElement("div",{className:t("relative absolute",{"inline-block":!s})},e.createElement("input",n({id:l,name:i,type:u,disabled:b,className:t("peer rounded h-[42px] text-neutral-700 outline-none border-2 focus:border-primary-300 focus-visible:border-primary-300 indent-3 cursor-text border-neutral-300",{"h-[52px]":"xl"===m,"bg-neutral-100 border-neutral-200 cursor-default text-neutral-300":b,"border-error-500":c,"w-full":s,"w-auto":!s,"pl-8":y&&"base"===m,"pl-10":y&&"xl"===m}),onChange:p},g)),E&&e.createElement("div",{className:t("absolute right-[2px] pr-1 top-[9px] z-0 bottom-2 ",{"bg-neutral-50":!b,"bg-neutral-100":b})},N?e.createElement("button",{type:"button","aria-label":h,onClick:x,className:t("border-2 border-transparent focus:outline-none focus:border-2 focus:border-primary-300 focus:rounded"),disabled:b},e.createElement(o,{iconName:d,unit:f})):e.createElement(o,{iconName:d,unit:f})))};export{l as default};
 //# sourceMappingURL=index.modern.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import e from"react";import r from"classnames";import t from"@brighthr/component-icon";function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var a=["id","name","type","fullWidth","hasError","disabled","size","iconName","onChange","unit","buttonAriaLabel","onClickButton"],o=function(r){var n=r.unit,a=r.iconName;return n?e.createElement("span",{className:"text-gray-400"},n):e.createElement(t,{iconName:a,className:"block resize-none fill-neutral-500 z-LOW",size:24})},i=function(t){var i=t.id,l=t.name,u=t.type,c=void 0===u?"text":u,s=t.fullWidth,d=void 0!==s&&s,b=t.hasError,m=void 0!==b&&b,p=t.disabled,f=void 0!==p&&p,h=t.size,v=t.iconName,x=t.onChange,g=t.unit,y=t.buttonAriaLabel,N=t.onClickButton,E=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}(t,a),k=!!v,z=!!N,C=k||!!g;return e.createElement("div",{className:r("relative absolute",{"inline-block":!d})},e.createElement("input",n({id:i,name:l,type:c,disabled:f,className:r("peer rounded h-[42px] text-neutral-700 outline-none border-2 focus:border-primary-300 focus-visible:border-primary-300 indent-3 cursor-text border-neutral-300",{"h-[52px]":"xl"===h,"bg-neutral-100 border-neutral-200 cursor-default text-neutral-300":f,"border-error-500":m,"w-full":d,"w-auto":!d,"pl-8":k&&"base"===h,"pl-10":k&&"xl"===h}),onChange:x},E)),C&&e.createElement("div",{className:r("absolute right-[2px] pr-1 top-[9px] z-50 bottom-2 ",{"bg-neutral-50":!f,"bg-neutral-100":f})},z?e.createElement("button",{type:"button","aria-label":y,onClick:N,className:r("border-2 border-transparent focus:outline-none focus:border-2 focus:border-primary-300 focus:rounded"),disabled:f},e.createElement(o,{iconName:v,unit:g})):e.createElement(o,{iconName:v,unit:g})))};export{i as default};
+import e from"react";import r from"classnames";import t from"@brighthr/component-icon";function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}var a=["id","name","type","fullWidth","hasError","disabled","size","iconName","onChange","unit","buttonAriaLabel","onClickButton"],o=function(r){var n=r.unit,a=r.iconName;return n?e.createElement("span",{className:"text-gray-400"},n):e.createElement(t,{iconName:a,className:"block resize-none fill-neutral-500 z-LOW",size:24})},i=function(t){var i=t.id,l=t.name,u=t.type,c=void 0===u?"text":u,s=t.fullWidth,d=void 0!==s&&s,b=t.hasError,m=void 0!==b&&b,p=t.disabled,f=void 0!==p&&p,h=t.size,v=t.iconName,x=t.onChange,g=t.unit,y=t.buttonAriaLabel,N=t.onClickButton,E=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}(t,a),k=!!v,z=!!N,C=k||!!g;return e.createElement("div",{className:r("relative absolute",{"inline-block":!d})},e.createElement("input",n({id:i,name:l,type:c,disabled:f,className:r("peer rounded h-[42px] text-neutral-700 outline-none border-2 focus:border-primary-300 focus-visible:border-primary-300 indent-3 cursor-text border-neutral-300",{"h-[52px]":"xl"===h,"bg-neutral-100 border-neutral-200 cursor-default text-neutral-300":f,"border-error-500":m,"w-full":d,"w-auto":!d,"pl-8":k&&"base"===h,"pl-10":k&&"xl"===h}),onChange:x},E)),C&&e.createElement("div",{className:r("absolute right-[2px] pr-1 top-[9px] z-0 bottom-2 ",{"bg-neutral-50":!f,"bg-neutral-100":f})},z?e.createElement("button",{type:"button","aria-label":y,onClick:N,className:r("border-2 border-transparent focus:outline-none focus:border-2 focus:border-primary-300 focus:rounded"),disabled:f},e.createElement(o,{iconName:v,unit:g})):e.createElement(o,{iconName:v,unit:g})))};export{i as default};
 //# sourceMappingURL=index.module.js.map

dist/index.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("classnames"),require("@brighthr/component-icon")):"function"==typeof define&&define.amd?define(["react","classnames","@brighthr/component-icon"],t):(e||self).componentInput=t(e.react,e.classnames,e.Icon)}(this,function(e,t,n){function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/*#__PURE__*/r(e),o=/*#__PURE__*/r(t),l=/*#__PURE__*/r(n);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var u=["id","name","type","fullWidth","hasError","disabled","size","iconName","onChange","unit","buttonAriaLabel","onClickButton"],d=function(e){var t=e.unit,n=e.iconName;return t?a.default.createElement("span",{className:"text-gray-400"},t):a.default.createElement(l.default,{iconName:n,className:"block resize-none fill-neutral-500 z-LOW",size:24})};return function(e){var t=e.id,n=e.name,r=e.type,l=void 0===r?"text":r,c=e.fullWidth,s=void 0!==c&&c,f=e.hasError,b=void 0!==f&&f,m=e.disabled,p=void 0!==m&&m,h=e.size,y=e.iconName,v=e.onChange,g=e.unit,x=e.buttonAriaLabel,N=e.onClickButton,E=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t.indexOf(n=o[r])>=0||(a[n]=e[n]);return a}(e,u),k=!!y,z=!!N,C=k||!!g;return a.default.createElement("div",{className:o.default("relative absolute",{"inline-block":!s})},a.default.createElement("input",i({id:t,name:n,type:l,disabled:p,className:o.default("peer rounded h-[42px] text-neutral-700 outline-none border-2 focus:border-primary-300 focus-visible:border-primary-300 indent-3 cursor-text border-neutral-300",{"h-[52px]":"xl"===h,"bg-neutral-100 border-neutral-200 cursor-default text-neutral-300":p,"border-error-500":b,"w-full":s,"w-auto":!s,"pl-8":k&&"base"===h,"pl-10":k&&"xl"===h}),onChange:v},E)),C&&a.default.createElement("div",{className:o.default("absolute right-[2px] pr-1 top-[9px] z-50 bottom-2 ",{"bg-neutral-50":!p,"bg-neutral-100":p})},z?a.default.createElement("button",{type:"button","aria-label":x,onClick:N,className:o.default("border-2 border-transparent focus:outline-none focus:border-2 focus:border-primary-300 focus:rounded"),disabled:p},a.default.createElement(d,{iconName:y,unit:g})):a.default.createElement(d,{iconName:y,unit:g})))}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("classnames"),require("@brighthr/component-icon")):"function"==typeof define&&define.amd?define(["react","classnames","@brighthr/component-icon"],t):(e||self).componentInput=t(e.react,e.classnames,e.Icon)}(this,function(e,t,n){function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/*#__PURE__*/r(e),o=/*#__PURE__*/r(t),l=/*#__PURE__*/r(n);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var u=["id","name","type","fullWidth","hasError","disabled","size","iconName","onChange","unit","buttonAriaLabel","onClickButton"],d=function(e){var t=e.unit,n=e.iconName;return t?a.default.createElement("span",{className:"text-gray-400"},t):a.default.createElement(l.default,{iconName:n,className:"block resize-none fill-neutral-500 z-LOW",size:24})};return function(e){var t=e.id,n=e.name,r=e.type,l=void 0===r?"text":r,c=e.fullWidth,s=void 0!==c&&c,f=e.hasError,b=void 0!==f&&f,m=e.disabled,p=void 0!==m&&m,h=e.size,y=e.iconName,v=e.onChange,g=e.unit,x=e.buttonAriaLabel,N=e.onClickButton,E=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)t.indexOf(n=o[r])>=0||(a[n]=e[n]);return a}(e,u),k=!!y,z=!!N,C=k||!!g;return a.default.createElement("div",{className:o.default("relative absolute",{"inline-block":!s})},a.default.createElement("input",i({id:t,name:n,type:l,disabled:p,className:o.default("peer rounded h-[42px] text-neutral-700 outline-none border-2 focus:border-primary-300 focus-visible:border-primary-300 indent-3 cursor-text border-neutral-300",{"h-[52px]":"xl"===h,"bg-neutral-100 border-neutral-200 cursor-default text-neutral-300":p,"border-error-500":b,"w-full":s,"w-auto":!s,"pl-8":k&&"base"===h,"pl-10":k&&"xl"===h}),onChange:v},E)),C&&a.default.createElement("div",{className:o.default("absolute right-[2px] pr-1 top-[9px] z-0 bottom-2 ",{"bg-neutral-50":!p,"bg-neutral-100":p})},z?a.default.createElement("button",{type:"button","aria-label":x,onClick:N,className:o.default("border-2 border-transparent focus:outline-none focus:border-2 focus:border-primary-300 focus:rounded"),disabled:p},a.default.createElement(d,{iconName:y,unit:g})):a.default.createElement(d,{iconName:y,unit:g})))}});
 //# sourceMappingURL=index.umd.js.map

package.json

 {
   "name": "@brighthr/component-input",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "license": "MIT",
@@ -40,3 +40,3 @@ "type": "module",
   },
-  "gitHead": "c1e69dd0bb681fc81981ec87d6c910c26f5fb2da"
+  "gitHead": "f1064f3e788c086a069416793634f1efa196321f"
 }

No alert changes

Worsened metrics

Total package byte prevSize

32624

decreased by-0.03%

No dependency changes