@twilio-paste/input - npm Package Compare versions

Comparing version 3.0.4 to 3.0.5

CHANGELOG.md

 # Change Log
 
+## 3.0.5
+
+### Patch Changes
+
+- [`87fc9178`](https://github.com/twilio-labs/paste/commit/87fc91784c86d25f619aa49a9f0586d9e3be97d0) [#1408](https://github.com/twilio-labs/paste/pull/1408) Thanks [@richbachman](https://github.com/richbachman)! - Fix disabled value color in Safari.
+
+* [`4d3fd7df`](https://github.com/twilio-labs/paste/commit/4d3fd7dfbdd410bee1e91805382280cd879f141a) [#1398](https://github.com/twilio-labs/paste/pull/1398) Thanks [@zahnster](https://github.com/zahnster)! - Updated font weights for all form components to make them bolder
+
 ## 3.0.4
@@ -4,0 +12,0 @@

dist/index.es.js

@@ -1,1 +0,1 @@
-var I=Object.prototype.hasOwnProperty;var d=Object.getOwnPropertySymbols,R=Object.prototype.propertyIsEnumerable;var p=Object.assign;var c=(e,o)=>{var t={};for(var r in e)I.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&d)for(var r of d(e))o.indexOf(r)<0&&R.call(e,r)&&(t[r]=e[r]);return t};import{createElement as y,forwardRef as k}from"react";import{bool as L,func as q,oneOf as C,string as F}from"prop-types";import{styled as N,css as O}from"@twilio-paste/styling-library";import{InputBox as W}from"@twilio-paste/input-box";var w=["className","style","size","height","width"],u=e=>Object.keys(e).reduce((o,t)=>(w.includes(t)||(o[t]=e[t]),o),{});var f=N.input(e=>O({appearance:"none",background:"transparent",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",display:"block",fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight20",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space40",paddingTop:"space30",resize:"none",width:"100%","&::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"}})),m=k((l,x)=>{var{disabled:e,hasError:o,id:t,insertAfter:r,insertBefore:T,name:g,placeholder:h,readOnly:a,required:P,type:s,value:b,variant:i}=l,v=c(l,["disabled","hasError","id","insertAfter","insertBefore","name","placeholder","readOnly","required","type","value","variant"]);let n={type:s};return s==="number"&&(n.type="text",n.inputmode="numeric",n.pattern="[0-9]*"),y(W,{disabled:e,hasError:o,insertAfter:r,insertBefore:T,readOnly:a,type:s,variant:i},y(f,p(p(p({"aria-invalid":o,"aria-readonly":a},u(v)),n),{disabled:e,id:t,name:g,placeholder:h,readOnly:a,ref:x,required:P,value:b,variant:i})))});m.displayName="Input";export{m as Input,f as InputElement};
+var I=Object.prototype.hasOwnProperty;var d=Object.getOwnPropertySymbols,R=Object.prototype.propertyIsEnumerable;var a=Object.assign;var c=(e,o)=>{var t={};for(var r in e)I.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&d)for(var r of d(e))o.indexOf(r)<0&&R.call(e,r)&&(t[r]=e[r]);return t};import{createElement as y,forwardRef as w}from"react";import{bool as L,func as q,oneOf as C,string as F}from"prop-types";import{styled as W,css as O}from"@twilio-paste/styling-library";import{InputBox as B}from"@twilio-paste/input-box";var k=["className","style","size","height","width"],u=e=>Object.keys(e).reduce((o,t)=>(k.includes(t)||(o[t]=e[t]),o),{});var f=W.input(e=>O({appearance:"none",background:"transparent",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",display:"block",fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightMedium",lineHeight:"lineHeight20",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space40",paddingTop:"space30",resize:"none",width:"100%","&::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"}})),m=w((l,x)=>{var{disabled:e,hasError:o,id:t,insertAfter:r,insertBefore:T,name:b,placeholder:g,readOnly:i,required:h,type:p,value:P,variant:s}=l,v=c(l,["disabled","hasError","id","insertAfter","insertBefore","name","placeholder","readOnly","required","type","value","variant"]);let n={type:p};return p==="number"&&(n.type="text",n.inputmode="numeric",n.pattern="[0-9]*"),y(B,{disabled:e,hasError:o,insertAfter:r,insertBefore:T,readOnly:i,type:p,variant:s},y(f,a(a(a({"aria-invalid":o,"aria-readonly":i},u(v)),n),{disabled:e,id:t,name:b,placeholder:g,readOnly:i,ref:x,required:h,value:P,variant:s})))});m.displayName="Input";export{m as Input,f as InputElement};

dist/index.js

@@ -1,1 +0,1 @@
-var B=Object.create,a=Object.defineProperty,E=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,S=Object.getOwnPropertyNames,z=Object.getOwnPropertyDescriptor,T=Object.getOwnPropertySymbols,H=Object.prototype.propertyIsEnumerable;var s=Object.assign,g=e=>a(e,"__esModule",{value:!0});var h=(e,r)=>{var o={};for(var t in e)m.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(e!=null&&T)for(var t of T(e))r.indexOf(t)<0&&H.call(e,t)&&(o[t]=e[t]);return o};var L=(e,r)=>{g(e);for(var o in r)a(e,o,{get:r[o],enumerable:!0})},q=(e,r,o)=>{if(g(e),r&&typeof r=="object"||typeof r=="function")for(let t of S(r))!m.call(e,t)&&t!=="default"&&a(e,t,{get:()=>r[t],enumerable:!(o=z(r,t))||o.enumerable});return e},i=e=>e&&e.__esModule?e:q(a(e!=null?B(E(e)):{},"default",{value:e,enumerable:!0}),e);L(exports,{Input:()=>x,InputElement:()=>v});var n=i(require("react")),l=i(require("prop-types")),d=i(require("@twilio-paste/styling-library")),b=i(require("@twilio-paste/input-box"));var C=["className","style","size","height","width"],P=e=>Object.keys(e).reduce((r,o)=>(C.includes(o)||(r[o]=e[o]),r),{});var v=d.styled.input(e=>d.css({appearance:"none",background:"transparent",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",display:"block",fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight20",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space40",paddingTop:"space30",resize:"none",width:"100%","&::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"}})),x=n.forwardRef((f,W)=>{var{disabled:e,hasError:r,id:o,insertAfter:t,insertBefore:I,name:R,placeholder:w,readOnly:c,required:k,type:u,value:N,variant:y}=f,O=h(f,["disabled","hasError","id","insertAfter","insertBefore","name","placeholder","readOnly","required","type","value","variant"]);let p={type:u};return u==="number"&&(p.type="text",p.inputmode="numeric",p.pattern="[0-9]*"),n.createElement(b.InputBox,{disabled:e,hasError:r,insertAfter:t,insertBefore:I,readOnly:c,type:u,variant:y},n.createElement(v,s(s(s({"aria-invalid":r,"aria-readonly":c},P(O)),p),{disabled:e,id:o,name:R,placeholder:w,readOnly:c,ref:W,required:k,value:N,variant:y})))});x.displayName="Input";
+var E=Object.create,i=Object.defineProperty,N=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,S=Object.getOwnPropertyNames,z=Object.getOwnPropertyDescriptor,T=Object.getOwnPropertySymbols,H=Object.prototype.propertyIsEnumerable;var p=Object.assign,b=e=>i(e,"__esModule",{value:!0});var g=(e,r)=>{var o={};for(var t in e)m.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(e!=null&&T)for(var t of T(e))r.indexOf(t)<0&&H.call(e,t)&&(o[t]=e[t]);return o};var L=(e,r)=>{b(e);for(var o in r)i(e,o,{get:r[o],enumerable:!0})},q=(e,r,o)=>{if(b(e),r&&typeof r=="object"||typeof r=="function")for(let t of S(r))!m.call(e,t)&&t!=="default"&&i(e,t,{get:()=>r[t],enumerable:!(o=z(r,t))||o.enumerable});return e},s=e=>e&&e.__esModule?e:q(i(e!=null?E(N(e)):{},"default",{value:e,enumerable:!0}),e);L(exports,{Input:()=>x,InputElement:()=>v});var n=s(require("react")),l=s(require("prop-types")),d=s(require("@twilio-paste/styling-library")),P=s(require("@twilio-paste/input-box"));var C=["className","style","size","height","width"],h=e=>Object.keys(e).reduce((r,o)=>(C.includes(o)||(r[o]=e[o]),r),{});var v=d.styled.input(e=>d.css({appearance:"none",background:"transparent",border:"none",borderRadius:"borderRadius20",boxShadow:"none",color:"inherit",display:"block",fontFamily:"inherit",fontSize:"fontSize30",fontWeight:"fontWeightMedium",lineHeight:"lineHeight20",outline:"none",paddingBottom:"space30",paddingLeft:"space40",paddingRight:"space40",paddingTop:"space30",resize:"none",width:"100%","&::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"}})),x=n.forwardRef((f,B)=>{var{disabled:e,hasError:r,id:o,insertAfter:t,insertBefore:I,name:R,placeholder:k,readOnly:c,required:w,type:u,value:W,variant:y}=f,O=g(f,["disabled","hasError","id","insertAfter","insertBefore","name","placeholder","readOnly","required","type","value","variant"]);let a={type:u};return u==="number"&&(a.type="text",a.inputmode="numeric",a.pattern="[0-9]*"),n.createElement(P.InputBox,{disabled:e,hasError:r,insertAfter:t,insertBefore:I,readOnly:c,type:u,variant:y},n.createElement(v,p(p(p({"aria-invalid":r,"aria-readonly":c},h(O)),a),{disabled:e,id:o,name:R,placeholder:k,readOnly:c,ref:B,required:w,value:W,variant:y})))});x.displayName="Input";

package.json

 {
   "name": "@twilio-paste/input",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "category": "user input",
@@ -41,8 +41,8 @@ "status": "production",
   "devDependencies": {
-    "@twilio-paste/box": "^4.0.3",
-    "@twilio-paste/design-tokens": "^6.6.0",
-    "@twilio-paste/input-box": "^4.0.3",
-    "@twilio-paste/style-props": "^3.0.2",
-    "@twilio-paste/styling-library": "^0.3.1",
-    "@twilio-paste/theme": "^5.0.2",
+    "@twilio-paste/box": "^4.0.5",
+    "@twilio-paste/design-tokens": "^6.7.0",
+    "@twilio-paste/input-box": "^4.0.4",
+    "@twilio-paste/style-props": "^3.0.4",
+    "@twilio-paste/styling-library": "^0.3.2",
+    "@twilio-paste/theme": "^5.1.0",
     "@twilio-paste/types": "^3.1.1",
@@ -49,0 +49,0 @@ "@twilio-paste/uid-library": "^0.2.1",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

51

increased by2%

Worsened metrics

Total package byte prevSize

237922

decreased by-0.08%

No dependency changes