@twilio-paste/form - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [1.0.3](https://github.com/twilio-labs/paste/compare/@twilio-paste/form@1.0.2...@twilio-paste/form@1.0.3) (2020-03-30)
+
+
+### Bug Fixes
+
+* **form:** change hover for disabled and readonly input and textarea ([#361](https://github.com/twilio-labs/paste/issues/361)) ([7592de5](https://github.com/twilio-labs/paste/commit/7592de563a13108fc0e396dddc714277d757b836))
+
+
+
+
+
 ## [1.0.2](https://github.com/twilio-labs/paste/compare/@twilio-paste/form@1.0.1...@twilio-paste/form@1.0.2) (2020-03-28)
@@ -8,0 +19,0 @@

dist/index.es.js

@@ -1,2 +0,2 @@
-import{createElement as e,forwardRef as r,createContext as o,Component as t}from"react";import{string as i,bool as n,oneOf as a,func as l}from"prop-types";import d from"@emotion/styled";import s from"@styled-system/css";import{safelySpreadBoxProps as p,Box as c}from"@twilio-paste/box";import{Flex as u}from"@twilio-paste/flex";import{system as f,compose as h,space as g,display as m,verticalAlign as y,overflow as b,typography as v,size as x}from"styled-system";import{SPACE_PROPS as R,TYPOGRAPHY_PROPS as w,OVERFLOW_PROPS as O,ResponsiveProp as E,isFontFamilyTokenProp as T,isFontSizeTokenProp as B,isFontWeightTokenProp as S,isLineHeightTokenProp as C,isSpaceTokenProp as N,isTextColorTokenProp as k}from"@twilio-paste/style-props";
+import{createElement as e,forwardRef as r,createContext as o,Component as t}from"react";import{string as i,bool as n,oneOf as a,func as l}from"prop-types";import d from"@emotion/styled";import s from"@styled-system/css";import{safelySpreadBoxProps as p,Box as c}from"@twilio-paste/box";import{Flex as u}from"@twilio-paste/flex";import{system as f,compose as h,space as g,display as m,verticalAlign as y,overflow as b,typography as v,size as x}from"styled-system";import{SPACE_PROPS as w,TYPOGRAPHY_PROPS as R,OVERFLOW_PROPS as O,ResponsiveProp as B,isFontFamilyTokenProp as E,isFontSizeTokenProp as T,isFontWeightTokenProp as S,isLineHeightTokenProp as C,isSpaceTokenProp as N,isTextColorTokenProp as k}from"@twilio-paste/style-props";
 /*! *****************************************************************************
@@ -29,2 +29,2 @@ Copyright (c) Microsoft Corporation. All rights reserved.
 and limitations under the License.
-***************************************************************************** */var q=function(){for(var e=0,r=0,o=arguments.length;r<o;r++)e+=arguments[r].length;var t=Array(e),i=0;for(r=0;r<o;r++)for(var n=arguments[r],a=0,l=n.length;a<l;a++,i++)t[i]=n[a];return t}(R,w,O,["display","textColor","verticalAlign","className","style"]),H=f({textColor:{property:"color",scale:"textColors"},cursor:!0}),A=f({textDecoration:!0}),I=d.span({margin:0,padding:0},h(g,m,y,b,A,v,H));I.displayName="Text",I.defaultProps={fontSize:"fontSize30",lineHeight:"lineHeight30",textColor:"colorText"},"development"===process.env.NODE_ENV&&(I.propTypes={as:i,display:E(i),cursor:E(i),fontFamily:T,fontSize:B,fontStyle:E(i),fontWeight:S,lineHeight:C,letterSpacing:E(i),margin:N,marginTop:N,marginRight:N,marginBottom:N,marginLeft:N,padding:N,paddingTop:N,paddingRight:N,paddingBottom:N,paddingLeft:N,overflow:E(i),overflowX:E(i),overflowY:E(i),textAlign:E(i),textColor:k,textDecoration:E(i),textOverflow:E(i),verticalAlign:E(i),whiteSpace:E(i)});var L=d(I)((function(){return s({display:"block",width:"4px",height:"4px",marginRight:"space20",backgroundColor:"colorBackgroundRequired",borderRadius:"50%",cursor:"pointer"})})),_=function(r){var o=r.marginBottom,t=r.required,i=r.disabled,n=r.children,a=W(r,["marginBottom","required","disabled","children"]);return e(u,z({},p(a),{as:"label",vAlignContent:"center",marginBottom:o||"space10"}),t?e(L,{as:"span",lineHeight:"lineHeight30"}):null,e(I,{as:"span",fontSize:"fontSize30",fontWeight:"fontWeightSemibold",lineHeight:"lineHeight30",textColor:i?"colorTextWeak":"colorText",cursor:"pointer"},n))};_.displayName="FormLabel","development"===process.env.NODE_ENV&&(_.propTypes={htmlFor:i.isRequired,disabled:n,required:n,marginBottom:a(["space0"])});var F=function(r){var o=r.disabled,t=r.hasError,i=r.readOnly,n=r.children,a=r.type,l="shadowBorderInput";return o?l="shadowBorderInputDisabled":t?l="shadowBorderInputError":"hidden"===a&&(l="none"),e(c,{display:"flex",width:"100%",backgroundColor:i||o?"colorBackground":"colorBackgroundBody",boxShadow:l,borderRadius:"borderRadius20",transition:"box-shadow 100ms ease-in",cursor:o?"not-allowed":"text",_hover:{boxShadow:t?"shadowBorderInputErrorHover":"shadowBorderInputHover"},_focusWithin:{boxShadow:"shadowFocus"}},n)};F.displayName="FieldWrapper","development"===process.env.NODE_ENV&&(F.propTypes={disabled:n,hasError:n,readOnly:n});var j=function(r){var o=r.children;return null==o?null:e(c,{display:"flex",alignItems:"flex-start",backgroundColor:"colorBackground",padding:"space30",borderRightWidth:"borderWidth10",borderRightColor:"colorBorderLight",borderRightStyle:"solid",borderTopLeftRadius:"borderRadius20",borderBottomLeftRadius:"borderRadius20"},o)};j.displayName="Prefix";var D=function(r){var o=r.children;return null==o?null:e(c,{display:"flex",alignItems:"flex-start",backgroundColor:"colorBackground",padding:"space30",borderLeftWidth:"borderWidth10",borderLeftColor:"colorBorderLight",borderLeftStyle:"solid",borderTopRightRadius:"borderRadius20",borderBottomRightRadius:"borderRadius20"},o)};D.displayName="Suffix";var P=d.input(s({appearance:"none",border:"none",background:"transparent",outline:"none",resize:"none",display:"block",width:"100%",fontSize:"fontSize30",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",color:"colorText",paddingTop:"space30",paddingRight:"space40",paddingBottom:"space30",paddingLeft:"space40",borderRadius:"borderRadius20","&::placeholder":{color:"colorTextWeak",fontStyle:"italic"},"&:disabled":{cursor:"not-allowed",color:"colorTextWeak"}})),V=r((function(r,o){var t=r.id,i=r.type,n=r.name,a=r.value,l=r.placeholder,d=r.disabled,s=r.readOnly,p=r.required,c=r.hasError,u=r.insertBefore,f=r.insertAfter,h=W(r,["id","type","name","value","placeholder","disabled","readOnly","required","hasError","insertBefore","insertAfter"]),g={type:i};return"number"===i&&(g.type="text",g.inputmode="numeric",g.pattern="[0-9]*"),e(F,{type:i,readOnly:s,disabled:d,hasError:c},u&&e(j,null,u),e(P,z({"aria-invalid":c,"aria-readonly":s},h,g,{ref:o,id:t,name:n,value:a,placeholder:l,disabled:d,readOnly:s,required:p})),f&&e(D,null,f))}));V.displayName="FormInput","development"===process.env.NODE_ENV&&(V.propTypes={id:i.isRequired,type:a(["text","email","hidden","number","password","search","tel"]).isRequired,name:i,value:i.isRequired,placeholder:i,disabled:n,readOnly:n,required:n,hasError:n,onChange:l.isRequired,onFocus:l,onBlur:l});var M,X=function(){var e=1,r=new WeakMap,o=function(t,i){return"number"==typeof t||"string"==typeof t?i?"idx-"+i:"val-"+t:r.has(t)?"uid"+r.get(t):(r.set(t,e++),o(t))};return o},Y=function(e){return void 0===e&&(e=""),{value:1,prefix:e,uid:X()}},G=Y(),J=(o(Y()),o(""),function(e){return e.value++}),K=function(e){return e?e.prefix:""},Q=(M=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var o in r)r.hasOwnProperty(o)&&(e[o]=r[o])},function(e,r){function o(){this.constructor=e}M(e,r),e.prototype=null===r?Object.create(r):(o.prototype=r.prototype,new o)}),U=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return r.state={quartz:r.props.idSource||G,prefix:K(r.props.idSource),id:J(r.props.idSource||G)},r.uid=function(e){return r.prefixId(r.state.id+"-"+r.state.quartz.uid(e))},r}return Q(r,e),r.prototype.prefixId=function(e){var r=this.state.prefix+e;return String(this.props.name?this.props.name(r):r)},r.prototype.render=function(){var e=this.props.children,r=this.state.id;return e(this.prefixId(r),this.uid)},r}(t),Z=f({iconColor:{property:"color",scale:"textColors"}}),$=d.span({display:"inline-flex"},h(Z,x));$.defaultProps={size:"sizeIcon30",iconColor:"currentColor"},$.displayName="IconWrapper";var ee=function(r){var o=r.as,t=r.size,i=r.iconColor,n=r.title,a=r.decorative;if(!a&&null==n)throw new Error("[ErrorIcon]: Missing a title for non-decorative icon.");return e($,{as:o,size:t,iconColor:i},e(U,null,(function(r){return e("svg",{role:"img","aria-hidden":a,"aria-labelledby":r,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?e("title",{id:r},n):null,e("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 2a9.968 9.968 0 017.06 2.918l.011.01.011.012a9.967 9.967 0 012.913 6.765L22 12c0 5.523-4.477 10-10 10a9.969 9.969 0 01-7.066-2.924l-.005-.005A9.973 9.973 0 012 12C2 6.477 6.477 2 12 2zm6.709 4L5.999 18.707a8.966 8.966 0 006 2.293c4.883 0 8.856-3.886 8.997-8.72l.004-.266-.004-.28A8.96 8.96 0 0018.709 6zm-6.71-3A9 9 0 003 12c0 2.305.867 4.408 2.292 6L18 5.293A8.97 8.97 0 0012 3z"}))})))};ee.displayName="ErrorIcon";var re={ERROR:"error"},oe=function(r){var o=r.marginTop,t=r.children,i=r.variant,n=W(r,["marginTop","children","variant"]),a=null;switch(i){case re.ERROR:a=e(ee,{iconColor:"colorTextError",decorative:!0})}return e(u,{vAlignContent:"center",marginTop:o||"space20"},a,e(I,z({},function(e){return Object.keys(e).reduce((function(r,o){return q.includes(o)||(r[o]=e[o]),r}),{})}(n),{as:"div",fontSize:"fontSize30",lineHeight:"lineHeight30",textColor:"error"===i?"colorTextError":"colorTextWeak",marginLeft:a?"space10":void 0}),t))};oe.displayName="FormHelpText","development"===process.env.NODE_ENV&&(oe.propTypes={marginTop:a(["space0"])});var te=d.textarea(s({appearance:"none",border:"none",background:"transparent",outline:"none",display:"block",width:"100%",maxHeight:"size30",fontSize:"fontSize30",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",color:"colorText",paddingTop:"space30",paddingRight:"space40",paddingBottom:"space30",paddingLeft:"space40",borderRadius:"borderRadius20",resize:"vertical","&::placeholder":{color:"colorTextWeak",fontStyle:"italic"},"&:disabled":{cursor:"not-allowed",color:"colorTextWeak"}})),ie=r((function(r,o){var t=r.id,i=r.name,n=r.placeholder,a=r.children,l=r.readOnly,d=r.disabled,s=r.hasError,p=r.insertBefore,c=r.insertAfter,u=W(r,["id","name","placeholder","children","readOnly","disabled","hasError","insertBefore","insertAfter"]);return e(F,{readOnly:l,disabled:d,hasError:s},p&&e(j,null,p),e(te,z({"aria-invalid":s,"aria-readonly":l},u,{ref:o,id:t,name:i,rows:3,placeholder:n,disabled:d,readOnly:l,spellCheck:!0}),a),c&&e(D,null,c))}));ie.displayName="FormTextArea","development"===process.env.NODE_ENV&&(ie.propTypes={id:i.isRequired,name:i,placeholder:i,disabled:n,readOnly:n,required:n,hasError:n,onChange:l.isRequired,onFocus:l,onBlur:l});export{oe as FormHelpText,re as FormHelpTextVariants,V as FormInput,_ as FormLabel,ie as FormTextArea};
+***************************************************************************** */var q=function(){for(var e=0,r=0,o=arguments.length;r<o;r++)e+=arguments[r].length;var t=Array(e),i=0;for(r=0;r<o;r++)for(var n=arguments[r],a=0,l=n.length;a<l;a++,i++)t[i]=n[a];return t}(w,R,O,["display","textColor","verticalAlign","className","style"]),I=f({textColor:{property:"color",scale:"textColors"},cursor:!0}),H=f({textDecoration:!0}),A=d.span({margin:0,padding:0},h(g,m,y,b,H,v,I));A.displayName="Text",A.defaultProps={fontSize:"fontSize30",lineHeight:"lineHeight30",textColor:"colorText"},"development"===process.env.NODE_ENV&&(A.propTypes={as:i,display:B(i),cursor:B(i),fontFamily:E,fontSize:T,fontStyle:B(i),fontWeight:S,lineHeight:C,letterSpacing:B(i),margin:N,marginTop:N,marginRight:N,marginBottom:N,marginLeft:N,padding:N,paddingTop:N,paddingRight:N,paddingBottom:N,paddingLeft:N,overflow:B(i),overflowX:B(i),overflowY:B(i),textAlign:B(i),textColor:k,textDecoration:B(i),textOverflow:B(i),verticalAlign:B(i),whiteSpace:B(i)});var L=d(A)((function(){return s({display:"block",width:"4px",height:"4px",marginRight:"space20",backgroundColor:"colorBackgroundRequired",borderRadius:"50%",cursor:"pointer"})})),_=function(r){var o=r.marginBottom,t=r.required,i=r.disabled,n=r.children,a=W(r,["marginBottom","required","disabled","children"]);return e(u,z({},p(a),{as:"label",vAlignContent:"center",marginBottom:o||"space10"}),t?e(L,{as:"span",lineHeight:"lineHeight30"}):null,e(A,{as:"span",fontSize:"fontSize30",fontWeight:"fontWeightSemibold",lineHeight:"lineHeight30",textColor:i?"colorTextWeak":"colorText",cursor:"pointer"},n))};_.displayName="FormLabel","development"===process.env.NODE_ENV&&(_.propTypes={htmlFor:i.isRequired,disabled:n,required:n,marginBottom:a(["space0"])});var D=function(r){var o=r.disabled,t=r.hasError,i=r.readOnly,n=r.children,a=r.type,l="shadowBorderInput",d="shadowBorderInputHover";return o?(l="shadowBorderInputDisabled",d="shadowBorderInputDisabled"):i?d="shadowBorderInput":t?(l="shadowBorderInputError",d="shadowBorderInputErrorHover"):"hidden"===a&&(l=null),e(c,{display:"flex",width:"100%",backgroundColor:i||o?"colorBackground":"colorBackgroundBody",boxShadow:l,borderRadius:"borderRadius20",transition:"box-shadow 100ms ease-in",cursor:o?"not-allowed":"text",_hover:{boxShadow:d},_focusWithin:{boxShadow:"shadowFocus"}},n)};D.displayName="FieldWrapper","development"===process.env.NODE_ENV&&(D.propTypes={disabled:n,hasError:n,readOnly:n});var F=function(r){var o=r.children;return null==o?null:e(c,{display:"flex",alignItems:"flex-start",backgroundColor:"colorBackground",padding:"space30",borderRightWidth:"borderWidth10",borderRightColor:"colorBorderLight",borderRightStyle:"solid",borderTopLeftRadius:"borderRadius20",borderBottomLeftRadius:"borderRadius20"},o)};F.displayName="Prefix";var j=function(r){var o=r.children;return null==o?null:e(c,{display:"flex",alignItems:"flex-start",backgroundColor:"colorBackground",padding:"space30",borderLeftWidth:"borderWidth10",borderLeftColor:"colorBorderLight",borderLeftStyle:"solid",borderTopRightRadius:"borderRadius20",borderBottomRightRadius:"borderRadius20"},o)};j.displayName="Suffix";var P=d.input(s({appearance:"none",border:"none",background:"transparent",outline:"none",resize:"none",display:"block",width:"100%",fontSize:"fontSize30",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",color:"colorText",paddingTop:"space30",paddingRight:"space40",paddingBottom:"space30",paddingLeft:"space40",borderRadius:"borderRadius20","&::placeholder":{color:"colorTextWeak",fontStyle:"italic"},"&:disabled":{cursor:"not-allowed",color:"colorTextWeak"}})),V=r((function(r,o){var t=r.id,i=r.type,n=r.name,a=r.value,l=r.placeholder,d=r.disabled,s=r.readOnly,p=r.required,c=r.hasError,u=r.insertBefore,f=r.insertAfter,h=W(r,["id","type","name","value","placeholder","disabled","readOnly","required","hasError","insertBefore","insertAfter"]),g={type:i};return"number"===i&&(g.type="text",g.inputmode="numeric",g.pattern="[0-9]*"),e(D,{type:i,readOnly:s,disabled:d,hasError:c},u&&e(F,null,u),e(P,z({"aria-invalid":c,"aria-readonly":s},h,g,{ref:o,id:t,name:n,value:a,placeholder:l,disabled:d,readOnly:s,required:p})),f&&e(j,null,f))}));V.displayName="FormInput","development"===process.env.NODE_ENV&&(V.propTypes={id:i.isRequired,type:a(["text","email","hidden","number","password","search","tel"]).isRequired,name:i,value:i.isRequired,placeholder:i,disabled:n,readOnly:n,required:n,hasError:n,onChange:l.isRequired,onFocus:l,onBlur:l});var M,X=function(){var e=1,r=new WeakMap,o=function(t,i){return"number"==typeof t||"string"==typeof t?i?"idx-"+i:"val-"+t:r.has(t)?"uid"+r.get(t):(r.set(t,e++),o(t))};return o},Y=function(e){return void 0===e&&(e=""),{value:1,prefix:e,uid:X()}},G=Y(),J=(o(Y()),o(""),function(e){return e.value++}),K=function(e){return e?e.prefix:""},Q=(M=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var o in r)r.hasOwnProperty(o)&&(e[o]=r[o])},function(e,r){function o(){this.constructor=e}M(e,r),e.prototype=null===r?Object.create(r):(o.prototype=r.prototype,new o)}),U=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return r.state={quartz:r.props.idSource||G,prefix:K(r.props.idSource),id:J(r.props.idSource||G)},r.uid=function(e){return r.prefixId(r.state.id+"-"+r.state.quartz.uid(e))},r}return Q(r,e),r.prototype.prefixId=function(e){var r=this.state.prefix+e;return String(this.props.name?this.props.name(r):r)},r.prototype.render=function(){var e=this.props.children,r=this.state.id;return e(this.prefixId(r),this.uid)},r}(t),Z=f({iconColor:{property:"color",scale:"textColors"}}),$=d.span({display:"inline-flex"},h(Z,x));$.defaultProps={size:"sizeIcon30",iconColor:"currentColor"},$.displayName="IconWrapper";var ee=function(r){var o=r.as,t=r.size,i=r.iconColor,n=r.title,a=r.decorative;if(!a&&null==n)throw new Error("[ErrorIcon]: Missing a title for non-decorative icon.");return e($,{as:o,size:t,iconColor:i},e(U,null,(function(r){return e("svg",{role:"img","aria-hidden":a,"aria-labelledby":r,width:"100%",height:"100%",viewBox:"0 0 24 24"},n?e("title",{id:r},n):null,e("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 2a9.968 9.968 0 017.06 2.918l.011.01.011.012a9.967 9.967 0 012.913 6.765L22 12c0 5.523-4.477 10-10 10a9.969 9.969 0 01-7.066-2.924l-.005-.005A9.973 9.973 0 012 12C2 6.477 6.477 2 12 2zm6.709 4L5.999 18.707a8.966 8.966 0 006 2.293c4.883 0 8.856-3.886 8.997-8.72l.004-.266-.004-.28A8.96 8.96 0 0018.709 6zm-6.71-3A9 9 0 003 12c0 2.305.867 4.408 2.292 6L18 5.293A8.97 8.97 0 0012 3z"}))})))};ee.displayName="ErrorIcon";var re={ERROR:"error"},oe=function(r){var o=r.marginTop,t=r.children,i=r.variant,n=W(r,["marginTop","children","variant"]),a=null;switch(i){case re.ERROR:a=e(ee,{iconColor:"colorTextError",decorative:!0})}return e(u,{vAlignContent:"center",marginTop:o||"space20"},a,e(A,z({},function(e){return Object.keys(e).reduce((function(r,o){return q.includes(o)||(r[o]=e[o]),r}),{})}(n),{as:"div",fontSize:"fontSize30",lineHeight:"lineHeight30",textColor:"error"===i?"colorTextError":"colorTextWeak",marginLeft:a?"space10":void 0}),t))};oe.displayName="FormHelpText","development"===process.env.NODE_ENV&&(oe.propTypes={marginTop:a(["space0"])});var te=d.textarea(s({appearance:"none",border:"none",background:"transparent",outline:"none",display:"block",width:"100%",maxHeight:"size30",fontSize:"fontSize30",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",color:"colorText",paddingTop:"space30",paddingRight:"space40",paddingBottom:"space30",paddingLeft:"space40",borderRadius:"borderRadius20",resize:"vertical","&::placeholder":{color:"colorTextWeak",fontStyle:"italic"},"&:disabled":{cursor:"not-allowed",color:"colorTextWeak"}})),ie=r((function(r,o){var t=r.id,i=r.name,n=r.placeholder,a=r.children,l=r.readOnly,d=r.disabled,s=r.hasError,p=r.insertBefore,c=r.insertAfter,u=W(r,["id","name","placeholder","children","readOnly","disabled","hasError","insertBefore","insertAfter"]);return e(D,{readOnly:l,disabled:d,hasError:s},p&&e(F,null,p),e(te,z({"aria-invalid":s,"aria-readonly":l},u,{ref:o,id:t,name:i,rows:3,placeholder:n,disabled:d,readOnly:l,spellCheck:!0}),a),c&&e(j,null,c))}));ie.displayName="FormTextArea","development"===process.env.NODE_ENV&&(ie.propTypes={id:i.isRequired,name:i,placeholder:i,disabled:n,readOnly:n,required:n,hasError:n,onChange:l.isRequired,onFocus:l,onBlur:l});export{oe as FormHelpText,re as FormHelpTextVariants,V as FormInput,_ as FormLabel,ie as FormTextArea};

dist/index.js

@@ -15,2 +15,2 @@ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),o=require("prop-types"),t=e(require("@emotion/styled")),n=e(require("@styled-system/css")),i=require("@twilio-paste/box"),a=require("@twilio-paste/flex"),l=require("styled-system"),s=require("@twilio-paste/style-props"),d=function(){return(d=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e}).apply(this,arguments)};function p(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}
 and limitations under the License.
-***************************************************************************** */var c=function(){for(var e=0,r=0,o=arguments.length;r<o;r++)e+=arguments[r].length;var t=Array(e),n=0;for(r=0;r<o;r++)for(var i=arguments[r],a=0,l=i.length;a<l;a++,n++)t[n]=i[a];return t}(s.SPACE_PROPS,s.TYPOGRAPHY_PROPS,s.OVERFLOW_PROPS,["display","textColor","verticalAlign","className","style"]),u=l.system({textColor:{property:"color",scale:"textColors"},cursor:!0}),f=l.system({textDecoration:!0}),g=t.span({margin:0,padding:0},l.compose(l.space,l.display,l.verticalAlign,l.overflow,f,l.typography,u));g.displayName="Text",g.defaultProps={fontSize:"fontSize30",lineHeight:"lineHeight30",textColor:"colorText"},"development"===process.env.NODE_ENV&&(g.propTypes={as:o.string,display:s.ResponsiveProp(o.string),cursor:s.ResponsiveProp(o.string),fontFamily:s.isFontFamilyTokenProp,fontSize:s.isFontSizeTokenProp,fontStyle:s.ResponsiveProp(o.string),fontWeight:s.isFontWeightTokenProp,lineHeight:s.isLineHeightTokenProp,letterSpacing:s.ResponsiveProp(o.string),margin:s.isSpaceTokenProp,marginTop:s.isSpaceTokenProp,marginRight:s.isSpaceTokenProp,marginBottom:s.isSpaceTokenProp,marginLeft:s.isSpaceTokenProp,padding:s.isSpaceTokenProp,paddingTop:s.isSpaceTokenProp,paddingRight:s.isSpaceTokenProp,paddingBottom:s.isSpaceTokenProp,paddingLeft:s.isSpaceTokenProp,overflow:s.ResponsiveProp(o.string),overflowX:s.ResponsiveProp(o.string),overflowY:s.ResponsiveProp(o.string),textAlign:s.ResponsiveProp(o.string),textColor:s.isTextColorTokenProp,textDecoration:s.ResponsiveProp(o.string),textOverflow:s.ResponsiveProp(o.string),verticalAlign:s.ResponsiveProp(o.string),whiteSpace:s.ResponsiveProp(o.string)});var h=t(g)((function(){return n({display:"block",width:"4px",height:"4px",marginRight:"space20",backgroundColor:"colorBackgroundRequired",borderRadius:"50%",cursor:"pointer"})})),m=function(e){var o=e.marginBottom,t=e.required,n=e.disabled,l=e.children,s=p(e,["marginBottom","required","disabled","children"]);return r.createElement(a.Flex,d({},i.safelySpreadBoxProps(s),{as:"label",vAlignContent:"center",marginBottom:o||"space10"}),t?r.createElement(h,{as:"span",lineHeight:"lineHeight30"}):null,r.createElement(g,{as:"span",fontSize:"fontSize30",fontWeight:"fontWeightSemibold",lineHeight:"lineHeight30",textColor:n?"colorTextWeak":"colorText",cursor:"pointer"},l))};m.displayName="FormLabel","development"===process.env.NODE_ENV&&(m.propTypes={htmlFor:o.string.isRequired,disabled:o.bool,required:o.bool,marginBottom:o.oneOf(["space0"])});var y=function(e){var o=e.disabled,t=e.hasError,n=e.readOnly,a=e.children,l=e.type,s="shadowBorderInput";return o?s="shadowBorderInputDisabled":t?s="shadowBorderInputError":"hidden"===l&&(s="none"),r.createElement(i.Box,{display:"flex",width:"100%",backgroundColor:n||o?"colorBackground":"colorBackgroundBody",boxShadow:s,borderRadius:"borderRadius20",transition:"box-shadow 100ms ease-in",cursor:o?"not-allowed":"text",_hover:{boxShadow:t?"shadowBorderInputErrorHover":"shadowBorderInputHover"},_focusWithin:{boxShadow:"shadowFocus"}},a)};y.displayName="FieldWrapper","development"===process.env.NODE_ENV&&(y.propTypes={disabled:o.bool,hasError:o.bool,readOnly:o.bool});var b=function(e){var o=e.children;return null==o?null:r.createElement(i.Box,{display:"flex",alignItems:"flex-start",backgroundColor:"colorBackground",padding:"space30",borderRightWidth:"borderWidth10",borderRightColor:"colorBorderLight",borderRightStyle:"solid",borderTopLeftRadius:"borderRadius20",borderBottomLeftRadius:"borderRadius20"},o)};b.displayName="Prefix";var v=function(e){var o=e.children;return null==o?null:r.createElement(i.Box,{display:"flex",alignItems:"flex-start",backgroundColor:"colorBackground",padding:"space30",borderLeftWidth:"borderWidth10",borderLeftColor:"colorBorderLight",borderLeftStyle:"solid",borderTopRightRadius:"borderRadius20",borderBottomRightRadius:"borderRadius20"},o)};v.displayName="Suffix";var x=t.input(n({appearance:"none",border:"none",background:"transparent",outline:"none",resize:"none",display:"block",width:"100%",fontSize:"fontSize30",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",color:"colorText",paddingTop:"space30",paddingRight:"space40",paddingBottom:"space30",paddingLeft:"space40",borderRadius:"borderRadius20","&::placeholder":{color:"colorTextWeak",fontStyle:"italic"},"&:disabled":{cursor:"not-allowed",color:"colorTextWeak"}})),R=r.forwardRef((function(e,o){var t=e.id,n=e.type,i=e.name,a=e.value,l=e.placeholder,s=e.disabled,c=e.readOnly,u=e.required,f=e.hasError,g=e.insertBefore,h=e.insertAfter,m=p(e,["id","type","name","value","placeholder","disabled","readOnly","required","hasError","insertBefore","insertAfter"]),R={type:n};return"number"===n&&(R.type="text",R.inputmode="numeric",R.pattern="[0-9]*"),r.createElement(y,{type:n,readOnly:c,disabled:s,hasError:f},g&&r.createElement(b,null,g),r.createElement(x,d({"aria-invalid":f,"aria-readonly":c},m,R,{ref:o,id:t,name:i,value:a,placeholder:l,disabled:s,readOnly:c,required:u})),h&&r.createElement(v,null,h))}));R.displayName="FormInput","development"===process.env.NODE_ENV&&(R.propTypes={id:o.string.isRequired,type:o.oneOf(["text","email","hidden","number","password","search","tel"]).isRequired,name:o.string,value:o.string.isRequired,placeholder:o.string,disabled:o.bool,readOnly:o.bool,required:o.bool,hasError:o.bool,onChange:o.func.isRequired,onFocus:o.func,onBlur:o.func});var E,T=function(){var e=1,r=new WeakMap,o=function(t,n){return"number"==typeof t||"string"==typeof t?n?"idx-"+n:"val-"+t:r.has(t)?"uid"+r.get(t):(r.set(t,e++),o(t))};return o},O=function(e){return void 0===e&&(e=""),{value:1,prefix:e,uid:T()}},P=O(),S=(r.createContext(O()),r.createContext(""),function(e){return e.value++}),w=function(e){return e?e.prefix:""},k=(E=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var o in r)r.hasOwnProperty(o)&&(e[o]=r[o])},function(e,r){function o(){this.constructor=e}E(e,r),e.prototype=null===r?Object.create(r):(o.prototype=r.prototype,new o)}),B=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return r.state={quartz:r.props.idSource||P,prefix:w(r.props.idSource),id:S(r.props.idSource||P)},r.uid=function(e){return r.prefixId(r.state.id+"-"+r.state.quartz.uid(e))},r}return k(r,e),r.prototype.prefixId=function(e){var r=this.state.prefix+e;return String(this.props.name?this.props.name(r):r)},r.prototype.render=function(){var e=this.props.children,r=this.state.id;return e(this.prefixId(r),this.uid)},r}(r.Component),C=l.system({iconColor:{property:"color",scale:"textColors"}}),q=t.span({display:"inline-flex"},l.compose(C,l.size));q.defaultProps={size:"sizeIcon30",iconColor:"currentColor"},q.displayName="IconWrapper";var z=function(e){var o=e.as,t=e.size,n=e.iconColor,i=e.title,a=e.decorative;if(!a&&null==i)throw new Error("[ErrorIcon]: Missing a title for non-decorative icon.");return r.createElement(q,{as:o,size:t,iconColor:n},r.createElement(B,null,(function(e){return r.createElement("svg",{role:"img","aria-hidden":a,"aria-labelledby":e,width:"100%",height:"100%",viewBox:"0 0 24 24"},i?r.createElement("title",{id:e},i):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 2a9.968 9.968 0 017.06 2.918l.011.01.011.012a9.967 9.967 0 012.913 6.765L22 12c0 5.523-4.477 10-10 10a9.969 9.969 0 01-7.066-2.924l-.005-.005A9.973 9.973 0 012 12C2 6.477 6.477 2 12 2zm6.709 4L5.999 18.707a8.966 8.966 0 006 2.293c4.883 0 8.856-3.886 8.997-8.72l.004-.266-.004-.28A8.96 8.96 0 0018.709 6zm-6.71-3A9 9 0 003 12c0 2.305.867 4.408 2.292 6L18 5.293A8.97 8.97 0 0012 3z"}))})))};z.displayName="ErrorIcon";var N={ERROR:"error"},W=function(e){var o=e.marginTop,t=e.children,n=e.variant,i=p(e,["marginTop","children","variant"]),l=null;switch(n){case N.ERROR:l=r.createElement(z,{iconColor:"colorTextError",decorative:!0})}return r.createElement(a.Flex,{vAlignContent:"center",marginTop:o||"space20"},l,r.createElement(g,d({},function(e){return Object.keys(e).reduce((function(r,o){return c.includes(o)||(r[o]=e[o]),r}),{})}(i),{as:"div",fontSize:"fontSize30",lineHeight:"lineHeight30",textColor:"error"===n?"colorTextError":"colorTextWeak",marginLeft:l?"space10":void 0}),t))};W.displayName="FormHelpText","development"===process.env.NODE_ENV&&(W.propTypes={marginTop:o.oneOf(["space0"])});var F=t.textarea(n({appearance:"none",border:"none",background:"transparent",outline:"none",display:"block",width:"100%",maxHeight:"size30",fontSize:"fontSize30",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",color:"colorText",paddingTop:"space30",paddingRight:"space40",paddingBottom:"space30",paddingLeft:"space40",borderRadius:"borderRadius20",resize:"vertical","&::placeholder":{color:"colorTextWeak",fontStyle:"italic"},"&:disabled":{cursor:"not-allowed",color:"colorTextWeak"}})),H=r.forwardRef((function(e,o){var t=e.id,n=e.name,i=e.placeholder,a=e.children,l=e.readOnly,s=e.disabled,c=e.hasError,u=e.insertBefore,f=e.insertAfter,g=p(e,["id","name","placeholder","children","readOnly","disabled","hasError","insertBefore","insertAfter"]);return r.createElement(y,{readOnly:l,disabled:s,hasError:c},u&&r.createElement(b,null,u),r.createElement(F,d({"aria-invalid":c,"aria-readonly":l},g,{ref:o,id:t,name:n,rows:3,placeholder:i,disabled:s,readOnly:l,spellCheck:!0}),a),f&&r.createElement(v,null,f))}));H.displayName="FormTextArea","development"===process.env.NODE_ENV&&(H.propTypes={id:o.string.isRequired,name:o.string,placeholder:o.string,disabled:o.bool,readOnly:o.bool,required:o.bool,hasError:o.bool,onChange:o.func.isRequired,onFocus:o.func,onBlur:o.func}),exports.FormHelpText=W,exports.FormHelpTextVariants=N,exports.FormInput=R,exports.FormLabel=m,exports.FormTextArea=H;
+***************************************************************************** */var c=function(){for(var e=0,r=0,o=arguments.length;r<o;r++)e+=arguments[r].length;var t=Array(e),n=0;for(r=0;r<o;r++)for(var i=arguments[r],a=0,l=i.length;a<l;a++,n++)t[n]=i[a];return t}(s.SPACE_PROPS,s.TYPOGRAPHY_PROPS,s.OVERFLOW_PROPS,["display","textColor","verticalAlign","className","style"]),u=l.system({textColor:{property:"color",scale:"textColors"},cursor:!0}),f=l.system({textDecoration:!0}),g=t.span({margin:0,padding:0},l.compose(l.space,l.display,l.verticalAlign,l.overflow,f,l.typography,u));g.displayName="Text",g.defaultProps={fontSize:"fontSize30",lineHeight:"lineHeight30",textColor:"colorText"},"development"===process.env.NODE_ENV&&(g.propTypes={as:o.string,display:s.ResponsiveProp(o.string),cursor:s.ResponsiveProp(o.string),fontFamily:s.isFontFamilyTokenProp,fontSize:s.isFontSizeTokenProp,fontStyle:s.ResponsiveProp(o.string),fontWeight:s.isFontWeightTokenProp,lineHeight:s.isLineHeightTokenProp,letterSpacing:s.ResponsiveProp(o.string),margin:s.isSpaceTokenProp,marginTop:s.isSpaceTokenProp,marginRight:s.isSpaceTokenProp,marginBottom:s.isSpaceTokenProp,marginLeft:s.isSpaceTokenProp,padding:s.isSpaceTokenProp,paddingTop:s.isSpaceTokenProp,paddingRight:s.isSpaceTokenProp,paddingBottom:s.isSpaceTokenProp,paddingLeft:s.isSpaceTokenProp,overflow:s.ResponsiveProp(o.string),overflowX:s.ResponsiveProp(o.string),overflowY:s.ResponsiveProp(o.string),textAlign:s.ResponsiveProp(o.string),textColor:s.isTextColorTokenProp,textDecoration:s.ResponsiveProp(o.string),textOverflow:s.ResponsiveProp(o.string),verticalAlign:s.ResponsiveProp(o.string),whiteSpace:s.ResponsiveProp(o.string)});var h=t(g)((function(){return n({display:"block",width:"4px",height:"4px",marginRight:"space20",backgroundColor:"colorBackgroundRequired",borderRadius:"50%",cursor:"pointer"})})),m=function(e){var o=e.marginBottom,t=e.required,n=e.disabled,l=e.children,s=p(e,["marginBottom","required","disabled","children"]);return r.createElement(a.Flex,d({},i.safelySpreadBoxProps(s),{as:"label",vAlignContent:"center",marginBottom:o||"space10"}),t?r.createElement(h,{as:"span",lineHeight:"lineHeight30"}):null,r.createElement(g,{as:"span",fontSize:"fontSize30",fontWeight:"fontWeightSemibold",lineHeight:"lineHeight30",textColor:n?"colorTextWeak":"colorText",cursor:"pointer"},l))};m.displayName="FormLabel","development"===process.env.NODE_ENV&&(m.propTypes={htmlFor:o.string.isRequired,disabled:o.bool,required:o.bool,marginBottom:o.oneOf(["space0"])});var y=function(e){var o=e.disabled,t=e.hasError,n=e.readOnly,a=e.children,l=e.type,s="shadowBorderInput",d="shadowBorderInputHover";return o?(s="shadowBorderInputDisabled",d="shadowBorderInputDisabled"):n?d="shadowBorderInput":t?(s="shadowBorderInputError",d="shadowBorderInputErrorHover"):"hidden"===l&&(s=null),r.createElement(i.Box,{display:"flex",width:"100%",backgroundColor:n||o?"colorBackground":"colorBackgroundBody",boxShadow:s,borderRadius:"borderRadius20",transition:"box-shadow 100ms ease-in",cursor:o?"not-allowed":"text",_hover:{boxShadow:d},_focusWithin:{boxShadow:"shadowFocus"}},a)};y.displayName="FieldWrapper","development"===process.env.NODE_ENV&&(y.propTypes={disabled:o.bool,hasError:o.bool,readOnly:o.bool});var b=function(e){var o=e.children;return null==o?null:r.createElement(i.Box,{display:"flex",alignItems:"flex-start",backgroundColor:"colorBackground",padding:"space30",borderRightWidth:"borderWidth10",borderRightColor:"colorBorderLight",borderRightStyle:"solid",borderTopLeftRadius:"borderRadius20",borderBottomLeftRadius:"borderRadius20"},o)};b.displayName="Prefix";var v=function(e){var o=e.children;return null==o?null:r.createElement(i.Box,{display:"flex",alignItems:"flex-start",backgroundColor:"colorBackground",padding:"space30",borderLeftWidth:"borderWidth10",borderLeftColor:"colorBorderLight",borderLeftStyle:"solid",borderTopRightRadius:"borderRadius20",borderBottomRightRadius:"borderRadius20"},o)};v.displayName="Suffix";var x=t.input(n({appearance:"none",border:"none",background:"transparent",outline:"none",resize:"none",display:"block",width:"100%",fontSize:"fontSize30",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",color:"colorText",paddingTop:"space30",paddingRight:"space40",paddingBottom:"space30",paddingLeft:"space40",borderRadius:"borderRadius20","&::placeholder":{color:"colorTextWeak",fontStyle:"italic"},"&:disabled":{cursor:"not-allowed",color:"colorTextWeak"}})),R=r.forwardRef((function(e,o){var t=e.id,n=e.type,i=e.name,a=e.value,l=e.placeholder,s=e.disabled,c=e.readOnly,u=e.required,f=e.hasError,g=e.insertBefore,h=e.insertAfter,m=p(e,["id","type","name","value","placeholder","disabled","readOnly","required","hasError","insertBefore","insertAfter"]),R={type:n};return"number"===n&&(R.type="text",R.inputmode="numeric",R.pattern="[0-9]*"),r.createElement(y,{type:n,readOnly:c,disabled:s,hasError:f},g&&r.createElement(b,null,g),r.createElement(x,d({"aria-invalid":f,"aria-readonly":c},m,R,{ref:o,id:t,name:i,value:a,placeholder:l,disabled:s,readOnly:c,required:u})),h&&r.createElement(v,null,h))}));R.displayName="FormInput","development"===process.env.NODE_ENV&&(R.propTypes={id:o.string.isRequired,type:o.oneOf(["text","email","hidden","number","password","search","tel"]).isRequired,name:o.string,value:o.string.isRequired,placeholder:o.string,disabled:o.bool,readOnly:o.bool,required:o.bool,hasError:o.bool,onChange:o.func.isRequired,onFocus:o.func,onBlur:o.func});var E,T=function(){var e=1,r=new WeakMap,o=function(t,n){return"number"==typeof t||"string"==typeof t?n?"idx-"+n:"val-"+t:r.has(t)?"uid"+r.get(t):(r.set(t,e++),o(t))};return o},O=function(e){return void 0===e&&(e=""),{value:1,prefix:e,uid:T()}},P=O(),S=(r.createContext(O()),r.createContext(""),function(e){return e.value++}),w=function(e){return e?e.prefix:""},k=(E=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var o in r)r.hasOwnProperty(o)&&(e[o]=r[o])},function(e,r){function o(){this.constructor=e}E(e,r),e.prototype=null===r?Object.create(r):(o.prototype=r.prototype,new o)}),B=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return r.state={quartz:r.props.idSource||P,prefix:w(r.props.idSource),id:S(r.props.idSource||P)},r.uid=function(e){return r.prefixId(r.state.id+"-"+r.state.quartz.uid(e))},r}return k(r,e),r.prototype.prefixId=function(e){var r=this.state.prefix+e;return String(this.props.name?this.props.name(r):r)},r.prototype.render=function(){var e=this.props.children,r=this.state.id;return e(this.prefixId(r),this.uid)},r}(r.Component),C=l.system({iconColor:{property:"color",scale:"textColors"}}),q=t.span({display:"inline-flex"},l.compose(C,l.size));q.defaultProps={size:"sizeIcon30",iconColor:"currentColor"},q.displayName="IconWrapper";var z=function(e){var o=e.as,t=e.size,n=e.iconColor,i=e.title,a=e.decorative;if(!a&&null==i)throw new Error("[ErrorIcon]: Missing a title for non-decorative icon.");return r.createElement(q,{as:o,size:t,iconColor:n},r.createElement(B,null,(function(e){return r.createElement("svg",{role:"img","aria-hidden":a,"aria-labelledby":e,width:"100%",height:"100%",viewBox:"0 0 24 24"},i?r.createElement("title",{id:e},i):null,r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 2a9.968 9.968 0 017.06 2.918l.011.01.011.012a9.967 9.967 0 012.913 6.765L22 12c0 5.523-4.477 10-10 10a9.969 9.969 0 01-7.066-2.924l-.005-.005A9.973 9.973 0 012 12C2 6.477 6.477 2 12 2zm6.709 4L5.999 18.707a8.966 8.966 0 006 2.293c4.883 0 8.856-3.886 8.997-8.72l.004-.266-.004-.28A8.96 8.96 0 0018.709 6zm-6.71-3A9 9 0 003 12c0 2.305.867 4.408 2.292 6L18 5.293A8.97 8.97 0 0012 3z"}))})))};z.displayName="ErrorIcon";var N={ERROR:"error"},W=function(e){var o=e.marginTop,t=e.children,n=e.variant,i=p(e,["marginTop","children","variant"]),l=null;switch(n){case N.ERROR:l=r.createElement(z,{iconColor:"colorTextError",decorative:!0})}return r.createElement(a.Flex,{vAlignContent:"center",marginTop:o||"space20"},l,r.createElement(g,d({},function(e){return Object.keys(e).reduce((function(r,o){return c.includes(o)||(r[o]=e[o]),r}),{})}(i),{as:"div",fontSize:"fontSize30",lineHeight:"lineHeight30",textColor:"error"===n?"colorTextError":"colorTextWeak",marginLeft:l?"space10":void 0}),t))};W.displayName="FormHelpText","development"===process.env.NODE_ENV&&(W.propTypes={marginTop:o.oneOf(["space0"])});var F=t.textarea(n({appearance:"none",border:"none",background:"transparent",outline:"none",display:"block",width:"100%",maxHeight:"size30",fontSize:"fontSize30",lineHeight:"lineHeight30",fontWeight:"fontWeightNormal",color:"colorText",paddingTop:"space30",paddingRight:"space40",paddingBottom:"space30",paddingLeft:"space40",borderRadius:"borderRadius20",resize:"vertical","&::placeholder":{color:"colorTextWeak",fontStyle:"italic"},"&:disabled":{cursor:"not-allowed",color:"colorTextWeak"}})),H=r.forwardRef((function(e,o){var t=e.id,n=e.name,i=e.placeholder,a=e.children,l=e.readOnly,s=e.disabled,c=e.hasError,u=e.insertBefore,f=e.insertAfter,g=p(e,["id","name","placeholder","children","readOnly","disabled","hasError","insertBefore","insertAfter"]);return r.createElement(y,{readOnly:l,disabled:s,hasError:c},u&&r.createElement(b,null,u),r.createElement(F,d({"aria-invalid":c,"aria-readonly":l},g,{ref:o,id:t,name:n,rows:3,placeholder:i,disabled:s,readOnly:l,spellCheck:!0}),a),f&&r.createElement(v,null,f))}));H.displayName="FormTextArea","development"===process.env.NODE_ENV&&(H.propTypes={id:o.string.isRequired,name:o.string,placeholder:o.string,disabled:o.bool,readOnly:o.bool,required:o.bool,hasError:o.bool,onChange:o.func.isRequired,onFocus:o.func,onBlur:o.func}),exports.FormHelpText=W,exports.FormHelpTextVariants=N,exports.FormInput=R,exports.FormLabel=m,exports.FormTextArea=H;

package.json

 {
   "name": "@twilio-paste/form",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "category": "user input",
@@ -34,5 +34,5 @@ "status": "beta",
     "@styled-system/css": "^5.1.5",
-    "@twilio-paste/box": "^2.2.4",
+    "@twilio-paste/box": "^2.2.5",
     "@twilio-paste/design-tokens": "^4.3.0",
-    "@twilio-paste/flex": "^0.3.10",
+    "@twilio-paste/flex": "^0.3.11",
     "@twilio-paste/style-props": "^0.2.2",
@@ -63,3 +63,3 @@ "@twilio-paste/theme": "^3.1.0",
   },
-  "gitHead": "28fba545528a11dba901d74907d86b9f93ac323f"
+  "gitHead": "e7b7725aa272618c5e64a19c76d3384f9dc71504"
 }

No alert changes

Improved metrics

Total package byte prevSize

36346

increased by1.37%

No dependency changes