@twilio-paste/input - npm Package Compare versions

Comparing version 5.0.0 to 5.0.1

dist/index.debug.js

@@ -24,3 +24,2 @@ var __create = Object.create;
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __objRest = (source, exclude) => {
@@ -42,18 +41,12 @@ var target = {};
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
@@ -66,2 +59,3 @@ // src/index.tsx
 });
+module.exports = __toCommonJS(src_exports);
 
@@ -212,3 +206,2 @@ // src/Input.tsx
 };
-module.exports = __toCommonJS(src_exports);
 // Annotate the CommonJS export names for ESM import in node:
@@ -215,0 +208,0 @@ 0 && (module.exports = {

dist/index.es.js

@@ -1,1 +0,1 @@
-var E=Object.defineProperty,O=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var x=(t,e,r)=>e in t?E(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,l=(t,e)=>{for(var r in e||(e={}))f.call(e,r)&&x(t,r,e[r]);if(s)for(var r of s(e))T.call(e,r)&&x(t,r,e[r]);return t},P=(t,e)=>O(t,W(e));var u=(t,e)=>{var r={};for(var n in t)f.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&s)for(var n of s(t))e.indexOf(n)<0&&T.call(t,n)&&(r[n]=t[n]);return r};import*as a from"react";import*as o from"prop-types";import{Box as N}from"@twilio-paste/box";import{InputBox as L}from"@twilio-paste/input-box";var S=["className","style","size","height","width"],b=t=>Object.keys(t).reduce((e,r)=>(S.includes(r)||(e[r]=t[r]),e),{});var g=a.forwardRef((n,r)=>{var i=n,{element:t}=i,e=u(i,["element"]);return a.createElement(N,l({appearance:"none",as:"input",backgroundColor:"transparent",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",cursor:(e.type==="date"||e.type==="time")&&!e.readOnly&&!e.disabled?"text":"auto",display:"block",element:t,fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightMedium",lineHeight:"lineHeight20",margin:"space0",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space40",paddingTop:"space30",resize:"none",width:"100%",variant:e.variant,ref:r,_placeholder:{color:e.variant==="inverse"?"colorTextInverseWeak":"colorTextWeak",fontStyle:"italic"},_focus_placeholder:{color:e.variant==="inverse"?"colorTextInverseWeak":"colorTextWeak"},_disabled:{color:e.variant==="inverse"?"colorTextInverseWeaker":"colorTextWeaker",cursor:"not-allowed","-webkit-text-fill-color":e.variant==="inverse"?"colorTextInverseWeaker":"colorTextWeaker","-webkit-opacity":"1"},__webkit_datetime_edit:{display:"flex"},__webkit_calendar_picker_indicator_hover:{cursor:e.readOnly||e.disabled?"default":"pointer"}},e))});g.displayName="InputElement";var h=a.forwardRef((H,w)=>{var m=H,{disabled:t,element:e="INPUT",hasError:r,id:n,insertAfter:i,insertBefore:v,name:I,placeholder:k,readOnly:d,required:_,type:c,value:B,variant:y}=m,R=u(m,["disabled","element","hasError","id","insertAfter","insertBefore","name","placeholder","readOnly","required","type","value","variant"]);let p={type:c};return c==="number"&&(p.type="text",p.inputmode="numeric",p.pattern="[0-9]*"),a.createElement(L,{disabled:t,element:e,hasError:r,insertAfter:i,insertBefore:v,readOnly:d,type:c,variant:y},a.createElement(g,P(l(l({"aria-invalid":r,"aria-readonly":d},b(R)),p),{disabled:t,element:`${e}_ELEMENT`,id:n,name:I,placeholder:k,readOnly:d,ref:w,required:_,value:B,variant:y})))});h.displayName="Input";h.propTypes={disabled:o.bool,element:o.string,hasError:o.bool,id:o.string,name:o.string,onBlur:o.func,onChange:o.func,onFocus:o.func,placeholder:o.string,readOnly:o.bool,required:o.bool,type:o.oneOf(["text","email","hidden","number","password","search","tel","date","time"]).isRequired,value:o.string};export{h as Input,g as InputElement};
+var __defProp=Object.defineProperty,__defProps=Object.defineProperties;var __getOwnPropDescs=Object.getOwnPropertyDescriptors;var __getOwnPropSymbols=Object.getOwnPropertySymbols;var __hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));var __objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(source))exclude.indexOf(prop)<0&&__propIsEnum.call(source,prop)&&(target[prop]=source[prop]);return target};import*as React from"react";import*as PropTypes from"prop-types";import{Box}from"@twilio-paste/box";import{InputBox}from"@twilio-paste/input-box";var PROPS_TO_BLOCK=["className","style","size","height","width"],safelySpreadFormControlProps=props=>Object.keys(props).reduce((newProps,key)=>(PROPS_TO_BLOCK.includes(key)||(newProps[key]=props[key]),newProps),{});var InputElement=React.forwardRef((_a,ref)=>{var _b=_a,{element}=_b,props=__objRest(_b,["element"]);return React.createElement(Box,__spreadValues({appearance:"none",as:"input",backgroundColor:"transparent",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",cursor:(props.type==="date"||props.type==="time")&&!props.readOnly&&!props.disabled?"text":"auto",display:"block",element,fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightMedium",lineHeight:"lineHeight20",margin:"space0",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space40",paddingTop:"space30",resize:"none",width:"100%",variant:props.variant,ref,_placeholder:{color:props.variant==="inverse"?"colorTextInverseWeak":"colorTextWeak",fontStyle:"italic"},_focus_placeholder:{color:props.variant==="inverse"?"colorTextInverseWeak":"colorTextWeak"},_disabled:{color:props.variant==="inverse"?"colorTextInverseWeaker":"colorTextWeaker",cursor:"not-allowed","-webkit-text-fill-color":props.variant==="inverse"?"colorTextInverseWeaker":"colorTextWeaker","-webkit-opacity":"1"},__webkit_datetime_edit:{display:"flex"},__webkit_calendar_picker_indicator_hover:{cursor:props.readOnly||props.disabled?"default":"pointer"}},props))});InputElement.displayName="InputElement";var Input=React.forwardRef((_a,ref)=>{var _b=_a,{disabled,element="INPUT",hasError,id,insertAfter,insertBefore,name,placeholder,readOnly,required,type,value,variant}=_b,props=__objRest(_b,["disabled","element","hasError","id","insertAfter","insertBefore","name","placeholder","readOnly","required","type","value","variant"]);let typeProps={type};return type==="number"&&(typeProps.type="text",typeProps.inputmode="numeric",typeProps.pattern="[0-9]*"),React.createElement(InputBox,{disabled,element,hasError,insertAfter,insertBefore,readOnly,type,variant},React.createElement(InputElement,__spreadProps(__spreadValues(__spreadValues({"aria-invalid":hasError,"aria-readonly":readOnly},safelySpreadFormControlProps(props)),typeProps),{disabled,element:`${element}_ELEMENT`,id,name,placeholder,readOnly,ref,required,value,variant})))});Input.displayName="Input";Input.propTypes={disabled:PropTypes.bool,element:PropTypes.string,hasError:PropTypes.bool,id:PropTypes.string,name:PropTypes.string,onBlur:PropTypes.func,onChange:PropTypes.func,onFocus:PropTypes.func,placeholder:PropTypes.string,readOnly:PropTypes.bool,required:PropTypes.bool,type:PropTypes.oneOf(["text","email","hidden","number","password","search","tel","date","time"]).isRequired,value:PropTypes.string};export{Input,InputElement};

dist/index.js

@@ -1,1 +0,1 @@
-var H=Object.create;var p=Object.defineProperty,M=Object.defineProperties,z=Object.getOwnPropertyDescriptor,C=Object.getOwnPropertyDescriptors,q=Object.getOwnPropertyNames,l=Object.getOwnPropertySymbols,F=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var g=(t,e,r)=>e in t?p(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,d=(t,e)=>{for(var r in e||(e={}))y.call(e,r)&&g(t,r,e[r]);if(l)for(var r of l(e))b.call(e,r)&&g(t,r,e[r]);return t},h=(t,e)=>M(t,C(e)),v=t=>p(t,"__esModule",{value:!0});var m=(t,e)=>{var r={};for(var n in t)y.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&l)for(var n of l(t))e.indexOf(n)<0&&b.call(t,n)&&(r[n]=t[n]);return r};var A=(t,e)=>{for(var r in e)p(t,r,{get:e[r],enumerable:!0})},I=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of q(e))!y.call(t,a)&&(r||a!=="default")&&p(t,a,{get:()=>e[a],enumerable:!(n=z(e,a))||n.enumerable});return t},k=(t,e)=>I(v(p(t!=null?H(F(t)):{},"default",!e&&t&&t.__esModule?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t),V=(t=>(e,r)=>t&&t.get(e)||(r=I(v({}),e,1),t&&t.set(e,r),r))(typeof WeakMap!="undefined"?new WeakMap:0);var K={};A(K,{Input:()=>T,InputElement:()=>f});var i=k(require("react")),o=k(require("prop-types")),B=require("@twilio-paste/box"),R=require("@twilio-paste/input-box");var j=["className","style","size","height","width"],_=t=>Object.keys(t).reduce((e,r)=>(j.includes(r)||(e[r]=t[r]),e),{});var f=i.forwardRef((n,r)=>{var a=n,{element:t}=a,e=m(a,["element"]);return i.createElement(B.Box,d({appearance:"none",as:"input",backgroundColor:"transparent",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",cursor:(e.type==="date"||e.type==="time")&&!e.readOnly&&!e.disabled?"text":"auto",display:"block",element:t,fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightMedium",lineHeight:"lineHeight20",margin:"space0",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space40",paddingTop:"space30",resize:"none",width:"100%",variant:e.variant,ref:r,_placeholder:{color:e.variant==="inverse"?"colorTextInverseWeak":"colorTextWeak",fontStyle:"italic"},_focus_placeholder:{color:e.variant==="inverse"?"colorTextInverseWeak":"colorTextWeak"},_disabled:{color:e.variant==="inverse"?"colorTextInverseWeaker":"colorTextWeaker",cursor:"not-allowed","-webkit-text-fill-color":e.variant==="inverse"?"colorTextInverseWeaker":"colorTextWeaker","-webkit-opacity":"1"},__webkit_datetime_edit:{display:"flex"},__webkit_calendar_picker_indicator_hover:{cursor:e.readOnly||e.disabled?"default":"pointer"}},e))});f.displayName="InputElement";var T=i.forwardRef((U,L)=>{var P=U,{disabled:t,element:e="INPUT",hasError:r,id:n,insertAfter:a,insertBefore:w,name:E,placeholder:O,readOnly:c,required:W,type:u,value:S,variant:x}=P,N=m(P,["disabled","element","hasError","id","insertAfter","insertBefore","name","placeholder","readOnly","required","type","value","variant"]);let s={type:u};return u==="number"&&(s.type="text",s.inputmode="numeric",s.pattern="[0-9]*"),i.createElement(R.InputBox,{disabled:t,element:e,hasError:r,insertAfter:a,insertBefore:w,readOnly:c,type:u,variant:x},i.createElement(f,h(d(d({"aria-invalid":r,"aria-readonly":c},_(N)),s),{disabled:t,element:`${e}_ELEMENT`,id:n,name:E,placeholder:O,readOnly:c,ref:L,required:W,value:S,variant:x})))});T.displayName="Input";T.propTypes={disabled:o.bool,element:o.string,hasError:o.bool,id:o.string,name:o.string,onBlur:o.func,onChange:o.func,onFocus:o.func,placeholder:o.string,readOnly:o.bool,required:o.bool,type:o.oneOf(["text","email","hidden","number","password","search","tel","date","time"]).isRequired,value:o.string};module.exports=V(K);0&&(module.exports={Input,InputElement});
+var __create=Object.create;var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropNames=Object.getOwnPropertyNames,__getOwnPropSymbols=Object.getOwnPropertySymbols,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b));var __objRest=(source,exclude)=>{var target={};for(var prop in source)__hasOwnProp.call(source,prop)&&exclude.indexOf(prop)<0&&(target[prop]=source[prop]);if(source!=null&&__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(source))exclude.indexOf(prop)<0&&__propIsEnum.call(source,prop)&&(target[prop]=source[prop]);return target};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{Input:()=>Input,InputElement:()=>InputElement});module.exports=__toCommonJS(src_exports);var React=__toESM(require("react")),PropTypes=__toESM(require("prop-types")),import_box=require("@twilio-paste/box"),import_input_box=require("@twilio-paste/input-box");var PROPS_TO_BLOCK=["className","style","size","height","width"],safelySpreadFormControlProps=props=>Object.keys(props).reduce((newProps,key)=>(PROPS_TO_BLOCK.includes(key)||(newProps[key]=props[key]),newProps),{});var InputElement=React.forwardRef((_a,ref)=>{var _b=_a,{element}=_b,props=__objRest(_b,["element"]);return React.createElement(import_box.Box,__spreadValues({appearance:"none",as:"input",backgroundColor:"transparent",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",cursor:(props.type==="date"||props.type==="time")&&!props.readOnly&&!props.disabled?"text":"auto",display:"block",element,fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightMedium",lineHeight:"lineHeight20",margin:"space0",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space40",paddingTop:"space30",resize:"none",width:"100%",variant:props.variant,ref,_placeholder:{color:props.variant==="inverse"?"colorTextInverseWeak":"colorTextWeak",fontStyle:"italic"},_focus_placeholder:{color:props.variant==="inverse"?"colorTextInverseWeak":"colorTextWeak"},_disabled:{color:props.variant==="inverse"?"colorTextInverseWeaker":"colorTextWeaker",cursor:"not-allowed","-webkit-text-fill-color":props.variant==="inverse"?"colorTextInverseWeaker":"colorTextWeaker","-webkit-opacity":"1"},__webkit_datetime_edit:{display:"flex"},__webkit_calendar_picker_indicator_hover:{cursor:props.readOnly||props.disabled?"default":"pointer"}},props))});InputElement.displayName="InputElement";var Input=React.forwardRef((_a,ref)=>{var _b=_a,{disabled,element="INPUT",hasError,id,insertAfter,insertBefore,name,placeholder,readOnly,required,type,value,variant}=_b,props=__objRest(_b,["disabled","element","hasError","id","insertAfter","insertBefore","name","placeholder","readOnly","required","type","value","variant"]);let typeProps={type};return type==="number"&&(typeProps.type="text",typeProps.inputmode="numeric",typeProps.pattern="[0-9]*"),React.createElement(import_input_box.InputBox,{disabled,element,hasError,insertAfter,insertBefore,readOnly,type,variant},React.createElement(InputElement,__spreadProps(__spreadValues(__spreadValues({"aria-invalid":hasError,"aria-readonly":readOnly},safelySpreadFormControlProps(props)),typeProps),{disabled,element:`${element}_ELEMENT`,id,name,placeholder,readOnly,ref,required,value,variant})))});Input.displayName="Input";Input.propTypes={disabled:PropTypes.bool,element:PropTypes.string,hasError:PropTypes.bool,id:PropTypes.string,name:PropTypes.string,onBlur:PropTypes.func,onChange:PropTypes.func,onFocus:PropTypes.func,placeholder:PropTypes.string,readOnly:PropTypes.bool,required:PropTypes.bool,type:PropTypes.oneOf(["text","email","hidden","number","password","search","tel","date","time"]).isRequired,value:PropTypes.string};0&&(module.exports={Input,InputElement});

package.json

 {
   "name": "@twilio-paste/input",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "category": "user input",
@@ -41,10 +41,10 @@ "status": "production",
   "devDependencies": {
-    "@twilio-paste/box": "^6.0.0",
-    "@twilio-paste/design-tokens": "^7.1.1",
-    "@twilio-paste/input-box": "^6.0.0",
-    "@twilio-paste/style-props": "^5.0.0",
-    "@twilio-paste/styling-library": "^1.0.0",
-    "@twilio-paste/theme": "^7.0.0",
-    "@twilio-paste/types": "^3.1.5",
-    "@twilio-paste/uid-library": "^0.2.4",
+    "@twilio-paste/box": "^6.0.1",
+    "@twilio-paste/design-tokens": "^7.3.0",
+    "@twilio-paste/input-box": "^6.0.1",
+    "@twilio-paste/style-props": "^5.0.2",
+    "@twilio-paste/styling-library": "^1.0.2",
+    "@twilio-paste/theme": "^7.0.1",
+    "@twilio-paste/types": "^3.1.8",
+    "@twilio-paste/uid-library": "^0.2.5",
     "prop-types": "^15.7.2",
@@ -51,0 +51,0 @@ "react": "^17.0.2",

No alert changes

Improved metrics

Total package byte prevSize

102698

increased by6.94%

Lines of code

450

increased by0.45%

No dependency changes