@twilio-paste/grid - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [0.2.1](https://github.com/twilio-labs/paste/compare/@twilio-paste/grid@0.2.0...@twilio-paste/grid@0.2.1) (2020-02-14)
+
+
+### Bug Fixes
+
+* **grid:** add missing peer deps ([3225b28](https://github.com/twilio-labs/paste/commit/3225b28db50e539ab4b8dd5e915d3f08e00868c5))
+
+
+
+
+
 # [0.2.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/grid@0.1.10...@twilio-paste/grid@0.2.0) (2020-02-13)
@@ -8,0 +19,0 @@

dist/index.es.js

@@ -1,2 +0,2 @@
-import{useMemo as e,Children as t,isValidElement as r,cloneElement as n,createElement as a,createContext as o,Fragment as i,forwardRef as s,Component as c}from"react";import{string as l,node as u,oneOfType as d,bool as p,arrayOf as f,number as h}from"prop-types";import{useTheme as m}from"@twilio-paste/theme";import{safelySpreadBoxProps as v}from"@twilio-paste/box";import{Flex as g}from"@twilio-paste/flex";import{compose as y,space as b,layout as k}from"styled-system";
+import{useMemo as r,Children as t,isValidElement as e,cloneElement as n,createElement as o}from"react";import{string as a,node as i,oneOfType as p,bool as u,arrayOf as c,number as f}from"prop-types";import{useTheme as s}from"@twilio-paste/theme";import{safelySpreadBoxProps as m}from"@twilio-paste/box";import{Flex as l}from"@twilio-paste/flex";import y from"@emotion/styled";import{compose as g,space as v,layout as d}from"styled-system";
 /*! *****************************************************************************
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation. All rights reserved.
 and limitations under the License.
-***************************************************************************** */var w=function(){return(w=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};var _=function(e,t){return Array.isArray(t)?t.map((function(t){return"-"+e.space[t]})):t?"-"+e.space[t]:"auto"},E=function(e,t){return Array.isArray(t)?t.map((function(t){return""+e.space[t]})):t?""+e.space[t]:""+e.space[0]},O=function(o){var i=o.as,s=o.children,c=o.gutter,l=o.marginTop,u=o.marginBottom,d=o.vertical,p=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(o,["as","children","gutter","marginTop","marginBottom","vertical"]),f=m(),h=e((function(){return t.map(s,(function(e){return r(e)?n(e,{count:t.count(s),gutter:c,vertical:d}):e}))}),[s]),y=e((function(){return function(e,t){return{marginLeft:_(e,t),marginRight:_(e,t)}}(f,c)}),[c]);return a(g,w({},y,v(p),{as:i,marginTop:l,marginBottom:u,vertical:d}),h)};O.propTypes={as:l,children:u.isRequired,vertical:d([d([p]),f(d([p]))])},O.defaultProps={vertical:!1},O.displayName="Grid";var A=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e};function x(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var C=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,N=x((function(e){return C.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));var S=function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t};var P=function(){function e(e){this.isSpeedy=void 0===e.speedy?"production"===process.env.NODE_ENV:e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.before=null}var t=e.prototype;return t.insert=function(e){if(this.ctr%(this.isSpeedy?65e3:1)==0){var t,r=function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this);t=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(r,t),this.tags.push(r)}var n=this.tags[this.tags.length-1];if(this.isSpeedy){var a=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(n);try{var o=105===e.charCodeAt(1)&&64===e.charCodeAt(0);a.insertRule(e,o?0:a.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else n.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}();function T(e){function t(e,t,n){var a=t.trim().split(h);t=a;var o=a.length,i=e.length;switch(i){case 0:case 1:var s=0;for(e=0===i?"":e[0]+" ";s<o;++s)t[s]=r(e,t[s],n).trim();break;default:var c=s=0;for(t=[];s<o;++s)for(var l=0;l<i;++l)t[c++]=r(e[l]+" ",a[s],n).trim()}return t}function r(e,t,r){var n=t.charCodeAt(0);switch(33>n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(m,"$1"+e.trim());case 58:return e.trim()+t.replace(m,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(m,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function n(e,t,r,o){var i=e+";",s=2*t+3*r+4*o;if(944===s){e=i.indexOf(":",9)+1;var c=i.substring(e,i.length-1).trim();return c=i.substring(0,e).trim()+c+";",1===S||2===S&&a(c,1)?"-webkit-"+c+c:c}if(0===S||2===S&&!a(i,1))return i;switch(s){case 1015:return 97===i.charCodeAt(10)?"-webkit-"+i+i:i;case 951:return 116===i.charCodeAt(3)?"-webkit-"+i+i:i;case 963:return 110===i.charCodeAt(5)?"-webkit-"+i+i:i;case 1009:if(100!==i.charCodeAt(4))break;case 969:case 942:return"-webkit-"+i+i;case 978:return"-webkit-"+i+"-moz-"+i+i;case 1019:case 983:return"-webkit-"+i+"-moz-"+i+"-ms-"+i+i;case 883:if(45===i.charCodeAt(8))return"-webkit-"+i+i;if(0<i.indexOf("image-set(",11))return i.replace(A,"$1-webkit-$2")+i;break;case 932:if(45===i.charCodeAt(4))switch(i.charCodeAt(5)){case 103:return"-webkit-box-"+i.replace("-grow","")+"-webkit-"+i+"-ms-"+i.replace("grow","positive")+i;case 115:return"-webkit-"+i+"-ms-"+i.replace("shrink","negative")+i;case 98:return"-webkit-"+i+"-ms-"+i.replace("basis","preferred-size")+i}return"-webkit-"+i+"-ms-"+i+i;case 964:return"-webkit-"+i+"-ms-flex-"+i+i;case 1023:if(99!==i.charCodeAt(8))break;return"-webkit-box-pack"+(c=i.substring(i.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+i+"-ms-flex-pack"+c+i;case 1005:return p.test(i)?i.replace(d,":-webkit-")+i.replace(d,":-moz-")+i:i;case 1e3:switch(t=(c=i.substring(13).trim()).indexOf("-")+1,c.charCodeAt(0)+c.charCodeAt(t)){case 226:c=i.replace(b,"tb");break;case 232:c=i.replace(b,"tb-rl");break;case 220:c=i.replace(b,"lr");break;default:return i}return"-webkit-"+i+"-ms-"+c+i;case 1017:if(-1===i.indexOf("sticky",9))break;case 975:switch(t=(i=e).length-10,s=(c=(33===i.charCodeAt(t)?i.substring(0,t):i).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|c.charCodeAt(7))){case 203:if(111>c.charCodeAt(8))break;case 115:i=i.replace(c,"-webkit-"+c)+";"+i;break;case 207:case 102:i=i.replace(c,"-webkit-"+(102<s?"inline-":"")+"box")+";"+i.replace(c,"-webkit-"+c)+";"+i.replace(c,"-ms-"+c+"box")+";"+i}return i+";";case 938:if(45===i.charCodeAt(5))switch(i.charCodeAt(6)){case 105:return c=i.replace("-items",""),"-webkit-"+i+"-webkit-box-"+c+"-ms-flex-"+c+i;case 115:return"-webkit-"+i+"-ms-flex-item-"+i.replace(_,"")+i;default:return"-webkit-"+i+"-ms-flex-line-pack"+i.replace("align-content","").replace(_,"")+i}break;case 973:case 989:if(45!==i.charCodeAt(3)||122===i.charCodeAt(4))break;case 931:case 953:if(!0===O.test(e))return 115===(c=e.substring(e.indexOf(":")+1)).charCodeAt(0)?n(e.replace("stretch","fill-available"),t,r,o).replace(":fill-available",":stretch"):i.replace(c,"-webkit-"+c)+i.replace(c,"-moz-"+c.replace("fill-",""))+i;break;case 962:if(i="-webkit-"+i+(102===i.charCodeAt(5)?"-ms-"+i:"")+i,211===r+o&&105===i.charCodeAt(13)&&0<i.indexOf("transform",10))return i.substring(0,i.indexOf(";",27)+1).replace(f,"$1-webkit-$2")+i}return i}function a(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),j(2!==t?n:n.replace(E,"$1"),r,t)}function o(e,t){var r=n(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(w," or ($1)").substring(4):"("+t+")"}function i(e,t,r,n,a,o,i,s,l,u){for(var d,p=0,f=t;p<D;++p)switch(d=T[p].call(c,e,f,r,n,a,o,i,s,l,u)){case void 0:case!1:case!0:case null:break;default:f=d}if(f!==t)return f}function s(e){return void 0!==(e=e.prefix)&&(j=null,e?"function"!=typeof e?S=1:(S=2,j=e):S=0),s}function c(e,r){var s=e;if(33>s.charCodeAt(0)&&(s=s.trim()),s=[s],0<D){var c=i(-1,r,s,s,C,x,0,0,0,0);void 0!==c&&"string"==typeof c&&(r=c)}var d=function e(r,s,c,d,p){for(var f,h,m,b,w,_=0,E=0,O=0,A=0,T=0,j=0,L=m=f=0,I=0,V=0,M=0,z=0,q=c.length,U=q-1,$="",Y="",H="",B="";I<q;){if(h=c.charCodeAt(I),I===U&&0!==E+A+O+_&&(0!==E&&(h=47===E?10:47),A=O=_=0,q++,U++),0===E+A+O+_){if(I===U&&(0<V&&($=$.replace(u,"")),0<$.trim().length)){switch(h){case 32:case 9:case 59:case 13:case 10:break;default:$+=c.charAt(I)}h=59}switch(h){case 123:for(f=($=$.trim()).charCodeAt(0),m=1,z=++I;I<q;){switch(h=c.charCodeAt(I)){case 123:m++;break;case 125:m--;break;case 47:switch(h=c.charCodeAt(I+1)){case 42:case 47:e:{for(L=I+1;L<U;++L)switch(c.charCodeAt(L)){case 47:if(42===h&&42===c.charCodeAt(L-1)&&I+2!==L){I=L+1;break e}break;case 10:if(47===h){I=L+1;break e}}I=L}}break;case 91:h++;case 40:h++;case 34:case 39:for(;I++<U&&c.charCodeAt(I)!==h;);}if(0===m)break;I++}switch(m=c.substring(z,I),0===f&&(f=($=$.replace(l,"").trim()).charCodeAt(0)),f){case 64:switch(0<V&&($=$.replace(u,"")),h=$.charCodeAt(1)){case 100:case 109:case 115:case 45:V=s;break;default:V=P}if(z=(m=e(s,V,m,h,p+1)).length,0<D&&(w=i(3,m,V=t(P,$,M),s,C,x,z,h,p,d),$=V.join(""),void 0!==w&&0===(z=(m=w.trim()).length)&&(h=0,m="")),0<z)switch(h){case 115:$=$.replace(k,o);case 100:case 109:case 45:m=$+"{"+m+"}";break;case 107:m=($=$.replace(v,"$1 $2"))+"{"+m+"}",m=1===S||2===S&&a("@"+m,3)?"@-webkit-"+m+"@"+m:"@"+m;break;default:m=$+m,112===d&&(Y+=m,m="")}else m="";break;default:m=e(s,t(s,$,M),m,d,p+1)}H+=m,m=M=V=L=f=0,$="",h=c.charCodeAt(++I);break;case 125:case 59:if(1<(z=($=(0<V?$.replace(u,""):$).trim()).length))switch(0===L&&(f=$.charCodeAt(0),45===f||96<f&&123>f)&&(z=($=$.replace(" ",":")).length),0<D&&void 0!==(w=i(1,$,s,r,C,x,Y.length,d,p,d))&&0===(z=($=w.trim()).length)&&($="\0\0"),f=$.charCodeAt(0),h=$.charCodeAt(1),f){case 0:break;case 64:if(105===h||99===h){B+=$+c.charAt(I);break}default:58!==$.charCodeAt(z-1)&&(Y+=n($,f,h,$.charCodeAt(2)))}M=V=L=f=0,$="",h=c.charCodeAt(++I)}}switch(h){case 13:case 10:47===E?E=0:0===1+f&&107!==d&&0<$.length&&(V=1,$+="\0"),0<D*R&&i(0,$,s,r,C,x,Y.length,d,p,d),x=1,C++;break;case 59:case 125:if(0===E+A+O+_){x++;break}default:switch(x++,b=c.charAt(I),h){case 9:case 32:if(0===A+_+E)switch(T){case 44:case 58:case 9:case 32:b="";break;default:32!==h&&(b=" ")}break;case 0:b="\\0";break;case 12:b="\\f";break;case 11:b="\\v";break;case 38:0===A+E+_&&(V=M=1,b="\f"+b);break;case 108:if(0===A+E+_+N&&0<L)switch(I-L){case 2:112===T&&58===c.charCodeAt(I-3)&&(N=T);case 8:111===j&&(N=j)}break;case 58:0===A+E+_&&(L=I);break;case 44:0===E+O+A+_&&(V=1,b+="\r");break;case 34:case 39:0===E&&(A=A===h?0:0===A?h:A);break;case 91:0===A+E+O&&_++;break;case 93:0===A+E+O&&_--;break;case 41:0===A+E+_&&O--;break;case 40:if(0===A+E+_){if(0===f)switch(2*T+3*j){case 533:break;default:f=1}O++}break;case 64:0===E+O+A+_+L+m&&(m=1);break;case 42:case 47:if(!(0<A+_+O))switch(E){case 0:switch(2*h+3*c.charCodeAt(I+1)){case 235:E=47;break;case 220:z=I,E=42}break;case 42:47===h&&42===T&&z+2!==I&&(33===c.charCodeAt(z+2)&&(Y+=c.substring(z,I+1)),b="",E=0)}}0===E&&($+=b)}j=T,T=h,I++}if(0<(z=Y.length)){if(V=s,0<D&&(void 0!==(w=i(2,Y,V,r,C,x,z,d,p,d))&&0===(Y=w).length))return B+Y+H;if(Y=V.join(",")+"{"+Y+"}",0!=S*N){switch(2!==S||a(Y,2)||(N=0),N){case 111:Y=Y.replace(y,":-moz-$1")+Y;break;case 112:Y=Y.replace(g,"::-webkit-input-$1")+Y.replace(g,"::-moz-$1")+Y.replace(g,":-ms-input-$1")+Y}N=0}}return B+Y+H}(P,s,r,0,0);return 0<D&&(void 0!==(c=i(-2,d,s,s,C,x,d.length,0,0,0))&&(d=c)),"",N=0,x=C=1,d}var l=/^\0+/g,u=/[\0\r\f]/g,d=/: */g,p=/zoo|gra/,f=/([,: ])(transform)/g,h=/,\r+?/g,m=/([\t\r\n ])*\f?&/g,v=/@(k\w+)\s*(\S*)\s*/,g=/::(place)/g,y=/:(read-only)/g,b=/[svh]\w+-[tblr]{2}/,k=/\(\s*(.*)\s*\)/g,w=/([\s\S]*?);/g,_=/-self|flex-/g,E=/[^]*?(:[rp][el]a[\w-]+)[^]*/,O=/stretch|:\s*\w+\-(?:conte|avail)/,A=/([^-])(image-set\()/,x=1,C=1,N=0,S=1,P=[],T=[],D=0,j=null,R=0;return c.use=function e(t){switch(t){case void 0:case null:D=T.length=0;break;default:if("function"==typeof t)T[D++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else R=0|!!t}return e},c.set=s,void 0!==e&&s(e),c}var D=function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var n=e(r);return t.set(r,n),n}};function j(e){e&&R.current.insert(e+"}")}var R={current:null},L=function(e,t,r,n,a,o,i,s,c,l){switch(e){case 1:switch(t.charCodeAt(0)){case 64:return R.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===s)return t+"/*|*/";break;case 3:switch(s){case 102:case 112:return R.current.insert(r[0]+t),"";default:return t+(0===l?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(j)}},I=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},V="undefined"!=typeof document,M={},z=V?void 0:D((function(){var e=D((function(){return{}})),t={},r={};return function(n){return void 0===n||!0===n?t:!1===n?r:e(n)}})),q=function(e){void 0===e&&(e={});var t,r=e.key||"css";void 0!==e.prefix&&(t={prefix:e.prefix});var n=new T(t);if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(r))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+r+'" was passed');var a,o,i={};if(V){a=e.container||document.head;var s=document.querySelectorAll("style[data-emotion-"+r+"]");Array.prototype.forEach.call(s,(function(e){e.getAttribute("data-emotion-"+r).split(" ").forEach((function(e){i[e]=!0})),e.parentNode!==a&&a.appendChild(e)}))}if(V)n.use(e.stylisPlugins)(L),o=function(e,t,r,a){var o=t.name;if(R.current=r,"production"!==process.env.NODE_ENV&&void 0!==t.map){var i=t.map;R.current={insert:function(e){r.insert(e+i)}}}n(e,t.styles),a&&(d.inserted[o]=!0)};else{n.use(I);var c=M;(e.stylisPlugins||void 0!==e.prefix)&&(n.use(e.stylisPlugins),c=z(e.stylisPlugins||M)(e.prefix));o=function(e,t,r,a){var o=t.name,i=function(e,t){var r=t.name;return void 0===c[r]&&(c[r]=n(e,t.styles)),c[r]}(e,t);return void 0===d.compat?(a&&(d.inserted[o]=!0),"development"===process.env.NODE_ENV&&void 0!==t.map?i+t.map:i):a?void(d.inserted[o]=i):i}}if("production"!==process.env.NODE_ENV){var l=/\/\*/g,u=/\*\//g;n.use((function(e,t){switch(e){case-1:for(;l.test(t);){if(u.lastIndex=l.lastIndex,!u.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');l.lastIndex=u.lastIndex}l.lastIndex=0}})),n.use((function(e,t,r){switch(e){case-1:var n=t.match(/(:first|:nth|:nth-last)-child/g);n&&!0!==d.compat&&n.forEach((function(e){var r=new RegExp(e+".*\\/\\* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason \\*\\/").test(t);e&&!r&&console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}))}var d={key:r,sheet:new P({key:r,container:a,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:i,registered:{},insert:o};return d},U="undefined"!=typeof document;function $(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]):n+=r+" "})),n}var Y=function(e,t,r){var n=e.key+"-"+t.name;if((!1===r||!1===U&&void 0!==e.compat)&&void 0===e.registered[n]&&(e.registered[n]=t.styles),void 0===e.inserted[t.name]){var a="",o=t;do{var i=e.insert("."+n,o,e.sheet,!0);U||void 0===i||(a+=i),o=o.next}while(void 0!==o);if(!U&&0!==a.length)return a}};var H={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},B="You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences",F=/[A-Z]|^ms/g,W=/_EMO_([^_]+?)_([^]*?)_EMO_/g,G=function(e){return 45===e.charCodeAt(1)},X=function(e){return null!=e&&"boolean"!=typeof e},J=x((function(e){return G(e)?e:e.replace(F,"-$&").toLowerCase()})),Z=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(W,(function(e,t,r){return se={name:t,styles:r,next:se},t}))}return 1===H[e]||G(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var K=/(attr|calc|counters?|url)\(/,Q=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],ee=Z,te=/^-ms-/,re=/-(.)/g,ne={};Z=function(e,t){"content"===e&&("string"!=typeof t||-1===Q.indexOf(t)&&!K.test(t)&&(t.charAt(0)!==t.charAt(t.length-1)||'"'!==t.charAt(0)&&"'"!==t.charAt(0)))&&console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+t+"\"'`");var r=ee(e,t);return""===r||G(e)||-1===e.indexOf("-")||void 0!==ne[e]||(ne[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(te,"ms-").replace(re,(function(e,t){return t.toUpperCase()}))+"?")),r}}var ae=!0;function oe(e,t,r,n){if(null==r)return"";if(void 0!==r.__emotion_styles){if("production"!==process.env.NODE_ENV&&"NO_COMPONENT_SELECTOR"===r.toString())throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");return r}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return se={name:r.name,styles:r.styles,next:se},r.name;if(void 0!==r.styles){var a=r.next;if(void 0!==a)for(;void 0!==a;)se={name:a.name,styles:a.styles,next:se},a=a.next;var o=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(o+=r.map),o}return function(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=oe(e,t,r[a],!1);else for(var o in r){var i=r[o];if("object"!=typeof i)null!=t&&void 0!==t[i]?n+=o+"{"+t[i]+"}":X(i)&&(n+=J(o)+":"+Z(o,i)+";");else{if("NO_COMPONENT_SELECTOR"===o&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");if(!Array.isArray(i)||"string"!=typeof i[0]||null!=t&&void 0!==t[i[0]]){var s=oe(e,t,i,!1);switch(o){case"animation":case"animationName":n+=J(o)+":"+s+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===o&&console.error("You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key)."),n+=o+"{"+s+"}"}}else for(var c=0;c<i.length;c++)X(i[c])&&(n+=J(o)+":"+Z(o,i[c])+";")}}return n}(e,t,r);case"function":if(void 0!==e){var i=se,s=r(e);return se=i,oe(e,t,s,n)}"production"!==process.env.NODE_ENV&&console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");break;case"string":if("production"!==process.env.NODE_ENV){var c=[],l=r.replace(W,(function(e,t,r){var n="animation"+c.length;return c.push("const "+n+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"}));c.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(c,["`"+l+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+l+"`")}}if(null==t)return r;var u=t[r];return"production"!==process.env.NODE_ENV&&n&&ae&&void 0!==u&&(console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"),ae=!1),void 0===u||n?r:u}var ie,se,ce=/label:\s*([^\s;\n{]+)\s*;/g;"production"!==process.env.NODE_ENV&&(ie=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var le=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,a="";se=void 0;var o,i=e[0];null==i||void 0===i.raw?(n=!1,a+=oe(r,t,i,!1)):("production"!==process.env.NODE_ENV&&void 0===i[0]&&console.error(B),a+=i[0]);for(var s=1;s<e.length;s++)a+=oe(r,t,e[s],46===a.charCodeAt(a.length-1)),n&&("production"!==process.env.NODE_ENV&&void 0===i[s]&&console.error(B),a+=i[s]);"production"!==process.env.NODE_ENV&&(a=a.replace(ie,(function(e){return o=e,""}))),ce.lastIndex=0;for(var c,l="";null!==(c=ce.exec(a));)l+="-"+c[1];var u=function(e){for(var t,r=e.length,n=r^r,a=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(a)|(255&e.charCodeAt(++a))<<8|(255&e.charCodeAt(++a))<<16|(255&e.charCodeAt(++a))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++a;switch(r){case 3:n^=(255&e.charCodeAt(a+2))<<16;case 2:n^=(255&e.charCodeAt(a+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(a)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)}(a)+l;return"production"!==process.env.NODE_ENV?{name:u,styles:a,map:o,next:se,toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}:{name:u,styles:a,next:se}},ue="undefined"!=typeof document,de=o("undefined"!=typeof HTMLElement?q():null),pe=o({}),fe=(de.Provider,function(e){return s((function(t,r){return a(de.Consumer,null,(function(n){return e(t,n,r)}))}))});if(!ue){var he=function(e){function t(t,r,n){var a;return(a=e.call(this,t,r,n)||this).state={value:q()},a}return S(t,e),t.prototype.render=function(){return a(de.Provider,this.state,this.props.children(this.state.value))},t}(c);fe=function(e){return function(t){return a(de.Consumer,null,(function(r){return null===r?a(he,null,(function(r){return e(t,r)})):e(t,r)}))}}}var me=Object.prototype.hasOwnProperty,ve=function(e,t,r,n){var o=null===r?t.css:t.css(r);"string"==typeof o&&void 0!==e.registered[o]&&(o=e.registered[o]);var s=t.__EMOTION_TYPE_PLEASE_DO_NOT_USE__,c=[o],l="";"string"==typeof t.className?l=$(e.registered,c,t.className):null!=t.className&&(l=t.className+" ");var u=le(c);if("production"!==process.env.NODE_ENV&&-1===u.name.indexOf("-")){var d=t.__EMOTION_LABEL_PLEASE_DO_NOT_USE__;d&&(u=le([u,"label:"+d+";"]))}var p=Y(e,u,"string"==typeof s);l+=e.key+"-"+u.name;var f={};for(var h in t)!me.call(t,h)||"css"===h||"__EMOTION_TYPE_PLEASE_DO_NOT_USE__"===h||"production"!==process.env.NODE_ENV&&"__EMOTION_LABEL_PLEASE_DO_NOT_USE__"===h||(f[h]=t[h]);f.ref=n,f.className=l;var m=a(s,f);if(!ue&&void 0!==p){for(var v,g=u.name,y=u.next;void 0!==y;)g+=" "+y.name,y=y.next;return a(i,null,a("style",((v={})["data-emotion-"+e.key]=g,v.dangerouslySetInnerHTML={__html:p},v.nonce=e.sheet.nonce,v)),m)}return m},ge=fe((function(e,t,r){return"function"==typeof e.css?a(pe.Consumer,null,(function(n){return ve(t,e,n,r)})):ve(t,e,null,r)}));"production"!==process.env.NODE_ENV&&(ge.displayName="EmotionCssPropInternal");var ye=function e(t){for(var r=t.length,n=0,a="";n<r;n++){var o=t[n];if(null!=o){var i=void 0;switch(typeof o){case"boolean":break;case"object":if(Array.isArray(o))i=e(o);else for(var s in i="",o)o[s]&&s&&(i&&(i+=" "),i+=s);break;default:i=o}i&&(a&&(a+=" "),a+=i)}}return a};function be(e,t,r){var n=[],a=$(e,n,r);return n.length<2?r:a+t(n)}fe((function(e,t){return a(pe.Consumer,null,(function(r){var n,o="",s="",c=!1,l=function(){if(c&&"production"!==process.env.NODE_ENV)throw new Error("css can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];var a=le(r,t.registered);if(ue)Y(t,a,!1);else{var i=Y(t,a,!1);void 0!==i&&(o+=i)}return ue||(s+=" "+a.name),t.key+"-"+a.name},u={css:l,cx:function(){if(c&&"production"!==process.env.NODE_ENV)throw new Error("cx can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return be(t.registered,l,ye(r))},theme:r},d=e.children(u);return c=!0,ue||0===o.length?d:a(i,null,a("style",((n={})["data-emotion-"+t.key]=s.substring(1),n.dangerouslySetInnerHTML={__html:o},n.nonce=t.sheet.nonce,n)),d)}))}));var ke=N,we=function(e){return"theme"!==e&&"innerRef"!==e},_e=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?ke:we};function Ee(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Oe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ee(r,!0).forEach((function(t){A(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ee(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var Ae="You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences",xe="undefined"!=typeof document,Ce=function e(t,r){if("production"!==process.env.NODE_ENV&&void 0===t)throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");var n,o,s;void 0!==r&&(n=r.label,s=r.target,o=t.__emotion_forwardProp&&r.shouldForwardProp?function(e){return t.__emotion_forwardProp(e)&&r.shouldForwardProp(e)}:r.shouldForwardProp);var c=t.__emotion_real===t,l=c&&t.__emotion_base||t;"function"!=typeof o&&c&&(o=t.__emotion_forwardProp);var u=o||_e(l),d=!u("as");return function(){var p=arguments,f=c&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==n&&f.push("label:"+n+";"),null==p[0]||void 0===p[0].raw)f.push.apply(f,p);else{"production"!==process.env.NODE_ENV&&void 0===p[0][0]&&console.error(Ae),f.push(p[0][0]);for(var h=p.length,m=1;m<h;m++)"production"!==process.env.NODE_ENV&&void 0===p[0][m]&&console.error(Ae),f.push(p[m],p[0][m])}var v=fe((function(e,t,r){return a(pe.Consumer,null,(function(c){var p=d&&e.as||l,h="",m=[],v=e;if(null==e.theme){for(var g in v={},e)v[g]=e[g];v.theme=c}"string"==typeof e.className?h=$(t.registered,m,e.className):null!=e.className&&(h=e.className+" ");var y=le(f.concat(m),t.registered,v),b=Y(t,y,"string"==typeof p);h+=t.key+"-"+y.name,void 0!==s&&(h+=" "+s);var k=d&&void 0===o?_e(p):u,w={};for(var _ in e)d&&"as"===_||k(_)&&(w[_]=e[_]);w.className=h,w.ref=r||e.innerRef,"production"!==process.env.NODE_ENV&&e.innerRef&&console.error("`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead"+(void 0===n?"":" in the usage of `"+n+"`"));var E=a(p,w);if(!xe&&void 0!==b){for(var O,A=y.name,x=y.next;void 0!==x;)A+=" "+x.name,x=x.next;return a(i,null,a("style",((O={})["data-emotion-"+t.key]=A,O.dangerouslySetInnerHTML={__html:b},O.nonce=t.sheet.nonce,O)),E)}return E}))}));return v.displayName=void 0!==n?n:"Styled("+("string"==typeof l?l:l.displayName||l.name||"Component")+")",v.defaultProps=t.defaultProps,v.__emotion_real=v,v.__emotion_base=l,v.__emotion_styles=f,v.__emotion_forwardProp=o,Object.defineProperty(v,"toString",{value:function(){return void 0===s&&"production"!==process.env.NODE_ENV?"NO_COMPONENT_SELECTOR":"."+s}}),v.withComponent=function(t,n){return e(t,void 0!==n?Oe({},r||{},{},n):r).apply(void 0,f)},v}}.bind();["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach((function(e){Ce[e]=Ce(e)}));var Ne=function(e,t){var r,n,a,o,i,s={width:(r=t,n=r.count,a=r.span,Array.isArray(a)&&n?a.map((function(e){return e/12*100+"%"})):"number"==typeof a&&n&&n<=12?a/12*100+"%":void 0!==n?1/n*100+"%":1/12*100+"%")};return t.gutter&&(s.paddingLeft=E(e,t.gutter),s.paddingRight=E(e,t.gutter)),t.offset&&(s.marginLeft=(o=t.offset,Array.isArray(o)?o.map((function(e){return e/12*100+"%"})):o/12*100+"%")),t.vertical&&!t.offset&&(s.minWidth=(i=t.vertical,Array.isArray(i)?i.map((function(e){return"boolean"==typeof e?!0===e?"100%":"0":null})):i?"100%":"0"),s.marginLeft="space0"),s},Se=Ce.div(y(b,k)),Pe=function(t){var r=t.as,n=t.children,o=t.count,i=t.gutter,s=t.offset,c=t.span,l=t.vertical,u=m(),d=e((function(){return Ne(u,{count:o,gutter:i,offset:s,span:c,vertical:l})}),[o,i,s,c,l]);return a(Se,w({},d,{as:r}),n)};Pe.propTypes={as:l,offset:d([d([h]),f(d([h]))]),span:d([d([h]),f(d([h]))])},Pe.displayName="Column";export{Pe as Column,O as Grid};
+***************************************************************************** */var h=function(){return(h=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r}).apply(this,arguments)};var b=function(r,t){return Array.isArray(t)?t.map((function(t){return"-"+r.space[t]})):t?"-"+r.space[t]:"auto"},O=function(r,t){return Array.isArray(t)?t.map((function(t){return""+r.space[t]})):t?""+r.space[t]:""+r.space[0]},A=function(a){var i=a.as,p=a.children,u=a.gutter,c=a.marginTop,f=a.marginBottom,y=a.vertical,g=function(r,t){var e={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&t.indexOf(n)<0&&(e[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(e[n[o]]=r[n[o]])}return e}(a,["as","children","gutter","marginTop","marginBottom","vertical"]),v=s(),d=r((function(){return t.map(p,(function(r){return e(r)?n(r,{count:t.count(p),gutter:u,vertical:y}):r}))}),[p]),O=r((function(){return function(r,t){return{marginLeft:b(r,t),marginRight:b(r,t)}}(v,u)}),[u]);return o(l,h({},O,m(g),{as:i,marginTop:c,marginBottom:f,vertical:y}),d)};A.propTypes={as:a,children:i.isRequired,vertical:p([p([u]),c(p([u]))])},A.defaultProps={vertical:!1},A.displayName="Grid";var w=function(r,t){var e,n,o,a,i,p={width:(e=t,n=e.count,o=e.span,Array.isArray(o)&&n?o.map((function(r){return r/12*100+"%"})):"number"==typeof o&&n&&n<=12?o/12*100+"%":void 0!==n?1/n*100+"%":1/12*100+"%")};return t.gutter&&(p.paddingLeft=O(r,t.gutter),p.paddingRight=O(r,t.gutter)),t.offset&&(p.marginLeft=(a=t.offset,Array.isArray(a)?a.map((function(r){return r/12*100+"%"})):a/12*100+"%")),t.vertical&&!t.offset&&(p.minWidth=(i=t.vertical,Array.isArray(i)?i.map((function(r){return"boolean"==typeof r?!0===r?"100%":"0":null})):i?"100%":"0"),p.marginLeft="space0"),p},j=y.div(g(v,d)),x=function(t){var e=t.as,n=t.children,a=t.count,i=t.gutter,p=t.offset,u=t.span,c=t.vertical,f=s(),m=r((function(){return w(f,{count:a,gutter:i,offset:p,span:u,vertical:c})}),[a,i,p,u,c]);return o(j,h({},m,{as:e}),n)};x.propTypes={as:a,offset:p([p([f]),c(p([f]))]),span:p([p([f]),c(p([f]))])},x.displayName="Column";export{x as Column,A as Grid};

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PropTypes=require("prop-types"),theme=require("@twilio-paste/theme"),box=require("@twilio-paste/box"),flex=require("@twilio-paste/flex"),styledSystem=require("styled-system"),__assign=function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function __rest(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}var getOuterGutterPull=function(e,t){return Array.isArray(t)?t.map((function(t){return"-"+e.space[t]})):t?"-"+e.space[t]:"auto"},getColumnGutters=function(e,t){return Array.isArray(t)?t.map((function(t){return""+e.space[t]})):t?""+e.space[t]:""+e.space[0]},getStackedColumns=function(e){return Array.isArray(e)?e.map((function(e){return"boolean"==typeof e?!0===e?"100%":"0":null})):e?"100%":"0"},getColumnSpan=function(e){var t=e.count,r=e.span;return Array.isArray(r)&&t?r.map((function(e){return e/12*100+"%"})):"number"==typeof r&&t&&t<=12?r/12*100+"%":void 0!==t?1/t*100+"%":1/12*100+"%"},getColumnOffset=function(e){return Array.isArray(e)?e.map((function(e){return e/12*100+"%"})):e/12*100+"%"},getGridStyles=function(e,t){return{marginLeft:getOuterGutterPull(e,t),marginRight:getOuterGutterPull(e,t)}},Grid=function(e){var t=e.as,r=e.children,n=e.gutter,o=e.marginTop,a=e.marginBottom,i=e.vertical,s=__rest(e,["as","children","gutter","marginTop","marginBottom","vertical"]),c=theme.useTheme(),l=React.useMemo((function(){return React.Children.map(r,(function(e){return React.isValidElement(e)?React.cloneElement(e,{count:React.Children.count(r),gutter:n,vertical:i}):e}))}),[r]),u=React.useMemo((function(){return getGridStyles(c,n)}),[n]);return React.createElement(flex.Flex,__assign({},u,box.safelySpreadBoxProps(s),{as:t,marginTop:o,marginBottom:a,vertical:i}),l)};function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Grid.propTypes={as:PropTypes.string,children:PropTypes.node.isRequired,vertical:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.bool]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.bool]))])},Grid.defaultProps={vertical:!1},Grid.displayName="Grid";var defineProperty=_defineProperty;function memoize(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,index=memoize((function(e){return reactPropsRegex.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}var inheritsLoose=_inheritsLoose;function sheetForTag(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function createStyleElement(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}var StyleSheet=function(){function e(e){this.isSpeedy=void 0===e.speedy?"production"===process.env.NODE_ENV:e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.before=null}var t=e.prototype;return t.insert=function(e){if(this.ctr%(this.isSpeedy?65e3:1)==0){var t,r=createStyleElement(this);t=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(r,t),this.tags.push(r)}var n=this.tags[this.tags.length-1];if(this.isSpeedy){var o=sheetForTag(n);try{var a=105===e.charCodeAt(1)&&64===e.charCodeAt(0);o.insertRule(e,a?0:o.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else n.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}();function stylis_min(e){function t(e,t,n){var o=t.trim().split(m);t=o;var a=o.length,i=e.length;switch(i){case 0:case 1:var s=0;for(e=0===i?"":e[0]+" ";s<a;++s)t[s]=r(e,t[s],n).trim();break;default:var c=s=0;for(t=[];s<a;++s)for(var l=0;l<i;++l)t[c++]=r(e[l]+" ",o[s],n).trim()}return t}function r(e,t,r){var n=t.charCodeAt(0);switch(33>n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(h,"$1"+e.trim());case 58:return e.trim()+t.replace(h,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(h,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function n(e,t,r,a){var i=e+";",s=2*t+3*r+4*a;if(944===s){e=i.indexOf(":",9)+1;var c=i.substring(e,i.length-1).trim();return c=i.substring(0,e).trim()+c+";",1===P||2===P&&o(c,1)?"-webkit-"+c+c:c}if(0===P||2===P&&!o(i,1))return i;switch(s){case 1015:return 97===i.charCodeAt(10)?"-webkit-"+i+i:i;case 951:return 116===i.charCodeAt(3)?"-webkit-"+i+i:i;case 963:return 110===i.charCodeAt(5)?"-webkit-"+i+i:i;case 1009:if(100!==i.charCodeAt(4))break;case 969:case 942:return"-webkit-"+i+i;case 978:return"-webkit-"+i+"-moz-"+i+i;case 1019:case 983:return"-webkit-"+i+"-moz-"+i+"-ms-"+i+i;case 883:if(45===i.charCodeAt(8))return"-webkit-"+i+i;if(0<i.indexOf("image-set(",11))return i.replace(_,"$1-webkit-$2")+i;break;case 932:if(45===i.charCodeAt(4))switch(i.charCodeAt(5)){case 103:return"-webkit-box-"+i.replace("-grow","")+"-webkit-"+i+"-ms-"+i.replace("grow","positive")+i;case 115:return"-webkit-"+i+"-ms-"+i.replace("shrink","negative")+i;case 98:return"-webkit-"+i+"-ms-"+i.replace("basis","preferred-size")+i}return"-webkit-"+i+"-ms-"+i+i;case 964:return"-webkit-"+i+"-ms-flex-"+i+i;case 1023:if(99!==i.charCodeAt(8))break;return"-webkit-box-pack"+(c=i.substring(i.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+i+"-ms-flex-pack"+c+i;case 1005:return d.test(i)?i.replace(p,":-webkit-")+i.replace(p,":-moz-")+i:i;case 1e3:switch(t=(c=i.substring(13).trim()).indexOf("-")+1,c.charCodeAt(0)+c.charCodeAt(t)){case 226:c=i.replace(b,"tb");break;case 232:c=i.replace(b,"tb-rl");break;case 220:c=i.replace(b,"lr");break;default:return i}return"-webkit-"+i+"-ms-"+c+i;case 1017:if(-1===i.indexOf("sticky",9))break;case 975:switch(t=(i=e).length-10,s=(c=(33===i.charCodeAt(t)?i.substring(0,t):i).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|c.charCodeAt(7))){case 203:if(111>c.charCodeAt(8))break;case 115:i=i.replace(c,"-webkit-"+c)+";"+i;break;case 207:case 102:i=i.replace(c,"-webkit-"+(102<s?"inline-":"")+"box")+";"+i.replace(c,"-webkit-"+c)+";"+i.replace(c,"-ms-"+c+"box")+";"+i}return i+";";case 938:if(45===i.charCodeAt(5))switch(i.charCodeAt(6)){case 105:return c=i.replace("-items",""),"-webkit-"+i+"-webkit-box-"+c+"-ms-flex-"+c+i;case 115:return"-webkit-"+i+"-ms-flex-item-"+i.replace(C,"")+i;default:return"-webkit-"+i+"-ms-flex-line-pack"+i.replace("align-content","").replace(C,"")+i}break;case 973:case 989:if(45!==i.charCodeAt(3)||122===i.charCodeAt(4))break;case 931:case 953:if(!0===S.test(e))return 115===(c=e.substring(e.indexOf(":")+1)).charCodeAt(0)?n(e.replace("stretch","fill-available"),t,r,a).replace(":fill-available",":stretch"):i.replace(c,"-webkit-"+c)+i.replace(c,"-moz-"+c.replace("fill-",""))+i;break;case 962:if(i="-webkit-"+i+(102===i.charCodeAt(5)?"-ms-"+i:"")+i,211===r+a&&105===i.charCodeAt(13)&&0<i.indexOf("transform",10))return i.substring(0,i.indexOf(";",27)+1).replace(f,"$1-webkit-$2")+i}return i}function o(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),L(2!==t?n:n.replace(k,"$1"),r,t)}function a(e,t){var r=n(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(E," or ($1)").substring(4):"("+t+")"}function i(e,t,r,n,o,a,i,s,l,u){for(var p,d=0,f=t;d<T;++d)switch(p=R[d].call(c,e,f,r,n,o,a,i,s,l,u)){case void 0:case!1:case!0:case null:break;default:f=p}if(f!==t)return f}function s(e){return void 0!==(e=e.prefix)&&(L=null,e?"function"!=typeof e?P=1:(P=2,L=e):P=0),s}function c(e,r){var s=e;if(33>s.charCodeAt(0)&&(s=s.trim()),s=[s],0<T){var c=i(-1,r,s,s,x,O,0,0,0,0);void 0!==c&&"string"==typeof c&&(r=c)}var p=function e(r,s,c,p,d){for(var f,m,h,b,E,C=0,k=0,S=0,_=0,R=0,L=0,I=h=f=0,V=0,j=0,M=0,z=0,B=c.length,$=B-1,G="",F="",q="",U="";V<B;){if(m=c.charCodeAt(V),V===$&&0!==k+_+S+C&&(0!==k&&(m=47===k?10:47),_=S=C=0,B++,$++),0===k+_+S+C){if(V===$&&(0<j&&(G=G.replace(u,"")),0<G.trim().length)){switch(m){case 32:case 9:case 59:case 13:case 10:break;default:G+=c.charAt(V)}m=59}switch(m){case 123:for(f=(G=G.trim()).charCodeAt(0),h=1,z=++V;V<B;){switch(m=c.charCodeAt(V)){case 123:h++;break;case 125:h--;break;case 47:switch(m=c.charCodeAt(V+1)){case 42:case 47:e:{for(I=V+1;I<$;++I)switch(c.charCodeAt(I)){case 47:if(42===m&&42===c.charCodeAt(I-1)&&V+2!==I){V=I+1;break e}break;case 10:if(47===m){V=I+1;break e}}V=I}}break;case 91:m++;case 40:m++;case 34:case 39:for(;V++<$&&c.charCodeAt(V)!==m;);}if(0===h)break;V++}switch(h=c.substring(z,V),0===f&&(f=(G=G.replace(l,"").trim()).charCodeAt(0)),f){case 64:switch(0<j&&(G=G.replace(u,"")),m=G.charCodeAt(1)){case 100:case 109:case 115:case 45:j=s;break;default:j=N}if(z=(h=e(s,j,h,m,d+1)).length,0<T&&(E=i(3,h,j=t(N,G,M),s,x,O,z,m,d,p),G=j.join(""),void 0!==E&&0===(z=(h=E.trim()).length)&&(m=0,h="")),0<z)switch(m){case 115:G=G.replace(w,a);case 100:case 109:case 45:h=G+"{"+h+"}";break;case 107:h=(G=G.replace(y,"$1 $2"))+"{"+h+"}",h=1===P||2===P&&o("@"+h,3)?"@-webkit-"+h+"@"+h:"@"+h;break;default:h=G+h,112===p&&(F+=h,h="")}else h="";break;default:h=e(s,t(s,G,M),h,p,d+1)}q+=h,h=M=j=I=f=0,G="",m=c.charCodeAt(++V);break;case 125:case 59:if(1<(z=(G=(0<j?G.replace(u,""):G).trim()).length))switch(0===I&&(f=G.charCodeAt(0),45===f||96<f&&123>f)&&(z=(G=G.replace(" ",":")).length),0<T&&void 0!==(E=i(1,G,s,r,x,O,F.length,p,d,p))&&0===(z=(G=E.trim()).length)&&(G="\0\0"),f=G.charCodeAt(0),m=G.charCodeAt(1),f){case 0:break;case 64:if(105===m||99===m){U+=G+c.charAt(V);break}default:58!==G.charCodeAt(z-1)&&(F+=n(G,f,m,G.charCodeAt(2)))}M=j=I=f=0,G="",m=c.charCodeAt(++V)}}switch(m){case 13:case 10:47===k?k=0:0===1+f&&107!==p&&0<G.length&&(j=1,G+="\0"),0<T*D&&i(0,G,s,r,x,O,F.length,p,d,p),O=1,x++;break;case 59:case 125:if(0===k+_+S+C){O++;break}default:switch(O++,b=c.charAt(V),m){case 9:case 32:if(0===_+C+k)switch(R){case 44:case 58:case 9:case 32:b="";break;default:32!==m&&(b=" ")}break;case 0:b="\\0";break;case 12:b="\\f";break;case 11:b="\\v";break;case 38:0===_+k+C&&(j=M=1,b="\f"+b);break;case 108:if(0===_+k+C+A&&0<I)switch(V-I){case 2:112===R&&58===c.charCodeAt(V-3)&&(A=R);case 8:111===L&&(A=L)}break;case 58:0===_+k+C&&(I=V);break;case 44:0===k+S+_+C&&(j=1,b+="\r");break;case 34:case 39:0===k&&(_=_===m?0:0===_?m:_);break;case 91:0===_+k+S&&C++;break;case 93:0===_+k+S&&C--;break;case 41:0===_+k+C&&S--;break;case 40:if(0===_+k+C){if(0===f)switch(2*R+3*L){case 533:break;default:f=1}S++}break;case 64:0===k+S+_+C+I+h&&(h=1);break;case 42:case 47:if(!(0<_+C+S))switch(k){case 0:switch(2*m+3*c.charCodeAt(V+1)){case 235:k=47;break;case 220:z=V,k=42}break;case 42:47===m&&42===R&&z+2!==V&&(33===c.charCodeAt(z+2)&&(F+=c.substring(z,V+1)),b="",k=0)}}0===k&&(G+=b)}L=R,R=m,V++}if(0<(z=F.length)){if(j=s,0<T&&(void 0!==(E=i(2,F,j,r,x,O,z,p,d,p))&&0===(F=E).length))return U+F+q;if(F=j.join(",")+"{"+F+"}",0!=P*A){switch(2!==P||o(F,2)||(A=0),A){case 111:F=F.replace(v,":-moz-$1")+F;break;case 112:F=F.replace(g,"::-webkit-input-$1")+F.replace(g,"::-moz-$1")+F.replace(g,":-ms-input-$1")+F}A=0}}return U+F+q}(N,s,r,0,0);return 0<T&&(void 0!==(c=i(-2,p,s,s,x,O,p.length,0,0,0))&&(p=c)),"",A=0,O=x=1,p}var l=/^\0+/g,u=/[\0\r\f]/g,p=/: */g,d=/zoo|gra/,f=/([,: ])(transform)/g,m=/,\r+?/g,h=/([\t\r\n ])*\f?&/g,y=/@(k\w+)\s*(\S*)\s*/,g=/::(place)/g,v=/:(read-only)/g,b=/[svh]\w+-[tblr]{2}/,w=/\(\s*(.*)\s*\)/g,E=/([\s\S]*?);/g,C=/-self|flex-/g,k=/[^]*?(:[rp][el]a[\w-]+)[^]*/,S=/stretch|:\s*\w+\-(?:conte|avail)/,_=/([^-])(image-set\()/,O=1,x=1,A=0,P=1,N=[],R=[],T=0,L=null,D=0;return c.use=function e(t){switch(t){case void 0:case null:T=R.length=0;break;default:if("function"==typeof t)R[T++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else D=0|!!t}return e},c.set=s,void 0!==e&&s(e),c}var weakMemoize=function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var n=e(r);return t.set(r,n),n}},delimiter="/*|*/",needle=delimiter+"}";function toSheet(e){e&&Sheet.current.insert(e+"}")}var Sheet={current:null},ruleSheet=function(e,t,r,n,o,a,i,s,c,l){switch(e){case 1:switch(t.charCodeAt(0)){case 64:return Sheet.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===s)return t+delimiter;break;case 3:switch(s){case 102:case 112:return Sheet.current.insert(r[0]+t),"";default:return t+(0===l?delimiter:"")}case-2:t.split(needle).forEach(toSheet)}},removeLabel=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},isBrowser="undefined"!=typeof document,rootServerStylisCache={},getServerStylisCache=isBrowser?void 0:weakMemoize((function(){var e=weakMemoize((function(){return{}})),t={},r={};return function(n){return void 0===n||!0===n?t:!1===n?r:e(n)}})),createCache=function(e){void 0===e&&(e={});var t,r=e.key||"css";void 0!==e.prefix&&(t={prefix:e.prefix});var n=new stylis_min(t);if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(r))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+r+'" was passed');var o,a,i={};if(isBrowser){o=e.container||document.head;var s=document.querySelectorAll("style[data-emotion-"+r+"]");Array.prototype.forEach.call(s,(function(e){e.getAttribute("data-emotion-"+r).split(" ").forEach((function(e){i[e]=!0})),e.parentNode!==o&&o.appendChild(e)}))}if(isBrowser)n.use(e.stylisPlugins)(ruleSheet),a=function(e,t,r,o){var a=t.name;if(Sheet.current=r,"production"!==process.env.NODE_ENV&&void 0!==t.map){var i=t.map;Sheet.current={insert:function(e){r.insert(e+i)}}}n(e,t.styles),o&&(p.inserted[a]=!0)};else{n.use(removeLabel);var c=rootServerStylisCache;(e.stylisPlugins||void 0!==e.prefix)&&(n.use(e.stylisPlugins),c=getServerStylisCache(e.stylisPlugins||rootServerStylisCache)(e.prefix));a=function(e,t,r,o){var a=t.name,i=function(e,t){var r=t.name;return void 0===c[r]&&(c[r]=n(e,t.styles)),c[r]}(e,t);return void 0===p.compat?(o&&(p.inserted[a]=!0),"development"===process.env.NODE_ENV&&void 0!==t.map?i+t.map:i):o?void(p.inserted[a]=i):i}}if("production"!==process.env.NODE_ENV){var l=/\/\*/g,u=/\*\//g;n.use((function(e,t){switch(e){case-1:for(;l.test(t);){if(u.lastIndex=l.lastIndex,!u.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');l.lastIndex=u.lastIndex}l.lastIndex=0}})),n.use((function(e,t,r){switch(e){case-1:var n=t.match(/(:first|:nth|:nth-last)-child/g);n&&!0!==p.compat&&n.forEach((function(e){var r=new RegExp(e+".*\\/\\* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason \\*\\/").test(t);e&&!r&&console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}))}var p={key:r,sheet:new StyleSheet({key:r,container:o,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:i,registered:{},insert:a};return p},isBrowser$1="undefined"!=typeof document;function getRegisteredStyles(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]):n+=r+" "})),n}var insertStyles=function(e,t,r){var n=e.key+"-"+t.name;if((!1===r||!1===isBrowser$1&&void 0!==e.compat)&&void 0===e.registered[n]&&(e.registered[n]=t.styles),void 0===e.inserted[t.name]){var o="",a=t;do{var i=e.insert("."+n,a,e.sheet,!0);isBrowser$1||void 0===i||(o+=i),a=a.next}while(void 0!==a);if(!isBrowser$1&&0!==o.length)return o}};function murmurhash2_32_gc(e){for(var t,r=e.length,n=r^r,o=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++o;switch(r){case 3:n^=(255&e.charCodeAt(o+2))<<16;case 2:n^=(255&e.charCodeAt(o+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(o)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)}var unitlessKeys={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},ILLEGAL_ESCAPE_SEQUENCE_ERROR="You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences",UNDEFINED_AS_OBJECT_KEY_ERROR="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function(e){return 45===e.charCodeAt(1)},isProcessableValue=function(e){return null!=e&&"boolean"!=typeof e},processStyleName=memoize((function(e){return isCustomProperty(e)?e:e.replace(hyphenateRegex,"-$&").toLowerCase()})),processStyleValue=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(animationRegex,(function(e,t,r){return cursor={name:t,styles:r,next:cursor},t}))}return 1===unitlessKeys[e]||isCustomProperty(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var contentValuePattern=/(attr|calc|counters?|url)\(/,contentValues=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],oldProcessStyleValue=processStyleValue,msPattern=/^-ms-/,hyphenPattern=/-(.)/g,hyphenatedCache={};processStyleValue=function(e,t){"content"===e&&("string"!=typeof t||-1===contentValues.indexOf(t)&&!contentValuePattern.test(t)&&(t.charAt(0)!==t.charAt(t.length-1)||'"'!==t.charAt(0)&&"'"!==t.charAt(0)))&&console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+t+"\"'`");var r=oldProcessStyleValue(e,t);return""===r||isCustomProperty(e)||-1===e.indexOf("-")||void 0!==hyphenatedCache[e]||(hyphenatedCache[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(msPattern,"ms-").replace(hyphenPattern,(function(e,t){return t.toUpperCase()}))+"?")),r}}var shouldWarnAboutInterpolatingClassNameFromCss=!0;function handleInterpolation(e,t,r,n){if(null==r)return"";if(void 0!==r.__emotion_styles){if("production"!==process.env.NODE_ENV&&"NO_COMPONENT_SELECTOR"===r.toString())throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");return r}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return cursor={name:r.name,styles:r.styles,next:cursor},r.name;if(void 0!==r.styles){var o=r.next;if(void 0!==o)for(;void 0!==o;)cursor={name:o.name,styles:o.styles,next:cursor},o=o.next;var a=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(a+=r.map),a}return createStringFromObject(e,t,r);case"function":if(void 0!==e){var i=cursor,s=r(e);return cursor=i,handleInterpolation(e,t,s,n)}"production"!==process.env.NODE_ENV&&console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");break;case"string":if("production"!==process.env.NODE_ENV){var c=[],l=r.replace(animationRegex,(function(e,t,r){var n="animation"+c.length;return c.push("const "+n+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"}));c.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(c,["`"+l+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+l+"`")}}if(null==t)return r;var u=t[r];return"production"!==process.env.NODE_ENV&&n&&shouldWarnAboutInterpolatingClassNameFromCss&&void 0!==u&&(console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"),shouldWarnAboutInterpolatingClassNameFromCss=!1),void 0===u||n?r:u}function createStringFromObject(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=handleInterpolation(e,t,r[o],!1);else for(var a in r){var i=r[a];if("object"!=typeof i)null!=t&&void 0!==t[i]?n+=a+"{"+t[i]+"}":isProcessableValue(i)&&(n+=processStyleName(a)+":"+processStyleValue(a,i)+";");else{if("NO_COMPONENT_SELECTOR"===a&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");if(!Array.isArray(i)||"string"!=typeof i[0]||null!=t&&void 0!==t[i[0]]){var s=handleInterpolation(e,t,i,!1);switch(a){case"animation":case"animationName":n+=processStyleName(a)+":"+s+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===a&&console.error(UNDEFINED_AS_OBJECT_KEY_ERROR),n+=a+"{"+s+"}"}}else for(var c=0;c<i.length;c++)isProcessableValue(i[c])&&(n+=processStyleName(a)+":"+processStyleValue(a,i[c])+";")}}return n}var sourceMapPattern,cursor,labelPattern=/label:\s*([^\s;\n{]+)\s*;/g;"production"!==process.env.NODE_ENV&&(sourceMapPattern=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var serializeStyles=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,o="";cursor=void 0;var a,i=e[0];null==i||void 0===i.raw?(n=!1,o+=handleInterpolation(r,t,i,!1)):("production"!==process.env.NODE_ENV&&void 0===i[0]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR),o+=i[0]);for(var s=1;s<e.length;s++)o+=handleInterpolation(r,t,e[s],46===o.charCodeAt(o.length-1)),n&&("production"!==process.env.NODE_ENV&&void 0===i[s]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR),o+=i[s]);"production"!==process.env.NODE_ENV&&(o=o.replace(sourceMapPattern,(function(e){return a=e,""}))),labelPattern.lastIndex=0;for(var c,l="";null!==(c=labelPattern.exec(o));)l+="-"+c[1];var u=murmurhash2_32_gc(o)+l;return"production"!==process.env.NODE_ENV?{name:u,styles:o,map:a,next:cursor,toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}:{name:u,styles:o,next:cursor}},isBrowser$2="undefined"!=typeof document,EmotionCacheContext=React.createContext("undefined"!=typeof HTMLElement?createCache():null),ThemeContext=React.createContext({}),CacheProvider=EmotionCacheContext.Provider,withEmotionCache=function(e){return React.forwardRef((function(t,r){return React.createElement(EmotionCacheContext.Consumer,null,(function(n){return e(t,n,r)}))}))};if(!isBrowser$2){var BasicProvider=function(e){function t(t,r,n){var o;return(o=e.call(this,t,r,n)||this).state={value:createCache()},o}return inheritsLoose(t,e),t.prototype.render=function(){return React.createElement(EmotionCacheContext.Provider,this.state,this.props.children(this.state.value))},t}(React.Component);withEmotionCache=function(e){return function(t){return React.createElement(EmotionCacheContext.Consumer,null,(function(r){return null===r?React.createElement(BasicProvider,null,(function(r){return e(t,r)})):e(t,r)}))}}}var typePropName="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",labelPropName="__EMOTION_LABEL_PLEASE_DO_NOT_USE__",hasOwnProperty=Object.prototype.hasOwnProperty,render=function(e,t,r,n){var o=null===r?t.css:t.css(r);"string"==typeof o&&void 0!==e.registered[o]&&(o=e.registered[o]);var a=t[typePropName],i=[o],s="";"string"==typeof t.className?s=getRegisteredStyles(e.registered,i,t.className):null!=t.className&&(s=t.className+" ");var c=serializeStyles(i);if("production"!==process.env.NODE_ENV&&-1===c.name.indexOf("-")){var l=t[labelPropName];l&&(c=serializeStyles([c,"label:"+l+";"]))}var u=insertStyles(e,c,"string"==typeof a);s+=e.key+"-"+c.name;var p={};for(var d in t)!hasOwnProperty.call(t,d)||"css"===d||d===typePropName||"production"!==process.env.NODE_ENV&&d===labelPropName||(p[d]=t[d]);p.ref=n,p.className=s;var f=React.createElement(a,p);if(!isBrowser$2&&void 0!==u){for(var m,h=c.name,y=c.next;void 0!==y;)h+=" "+y.name,y=y.next;return React.createElement(React.Fragment,null,React.createElement("style",((m={})["data-emotion-"+e.key]=h,m.dangerouslySetInnerHTML={__html:u},m.nonce=e.sheet.nonce,m)),f)}return f},Emotion=withEmotionCache((function(e,t,r){return"function"==typeof e.css?React.createElement(ThemeContext.Consumer,null,(function(n){return render(t,e,n,r)})):render(t,e,null,r)}));"production"!==process.env.NODE_ENV&&(Emotion.displayName="EmotionCssPropInternal");var classnames=function e(t){for(var r=t.length,n=0,o="";n<r;n++){var a=t[n];if(null!=a){var i=void 0;switch(typeof a){case"boolean":break;case"object":if(Array.isArray(a))i=e(a);else for(var s in i="",a)a[s]&&s&&(i&&(i+=" "),i+=s);break;default:i=a}i&&(o&&(o+=" "),o+=i)}}return o};function merge(e,t,r){var n=[],o=getRegisteredStyles(e,n,r);return n.length<2?r:o+t(n)}var ClassNames=withEmotionCache((function(e,t){return React.createElement(ThemeContext.Consumer,null,(function(r){var n,o="",a="",i=!1,s=function(){if(i&&"production"!==process.env.NODE_ENV)throw new Error("css can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];var s=serializeStyles(r,t.registered);if(isBrowser$2)insertStyles(t,s,!1);else{var c=insertStyles(t,s,!1);void 0!==c&&(o+=c)}return isBrowser$2||(a+=" "+s.name),t.key+"-"+s.name},c={css:s,cx:function(){if(i&&"production"!==process.env.NODE_ENV)throw new Error("cx can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return merge(t.registered,s,classnames(r))},theme:r},l=e.children(c);return i=!0,isBrowser$2||0===o.length?l:React.createElement(React.Fragment,null,React.createElement("style",((n={})["data-emotion-"+t.key]=a.substring(1),n.dangerouslySetInnerHTML={__html:o},n.nonce=t.sheet.nonce,n)),l)}))})),testOmitPropsOnStringTag=index,testOmitPropsOnComponent=function(e){return"theme"!==e&&"innerRef"!==e},getDefaultShouldForwardProp=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent};function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ILLEGAL_ESCAPE_SEQUENCE_ERROR$1="You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences",isBrowser$3="undefined"!=typeof document,createStyled=function e(t,r){if("production"!==process.env.NODE_ENV&&void 0===t)throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");var n,o,a;void 0!==r&&(n=r.label,a=r.target,o=t.__emotion_forwardProp&&r.shouldForwardProp?function(e){return t.__emotion_forwardProp(e)&&r.shouldForwardProp(e)}:r.shouldForwardProp);var i=t.__emotion_real===t,s=i&&t.__emotion_base||t;"function"!=typeof o&&i&&(o=t.__emotion_forwardProp);var c=o||getDefaultShouldForwardProp(s),l=!c("as");return function(){var u=arguments,p=i&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==n&&p.push("label:"+n+";"),null==u[0]||void 0===u[0].raw)p.push.apply(p,u);else{"production"!==process.env.NODE_ENV&&void 0===u[0][0]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR$1),p.push(u[0][0]);for(var d=u.length,f=1;f<d;f++)"production"!==process.env.NODE_ENV&&void 0===u[0][f]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR$1),p.push(u[f],u[0][f])}var m=withEmotionCache((function(e,t,r){return React.createElement(ThemeContext.Consumer,null,(function(i){var u=l&&e.as||s,d="",f=[],m=e;if(null==e.theme){for(var h in m={},e)m[h]=e[h];m.theme=i}"string"==typeof e.className?d=getRegisteredStyles(t.registered,f,e.className):null!=e.className&&(d=e.className+" ");var y=serializeStyles(p.concat(f),t.registered,m),g=insertStyles(t,y,"string"==typeof u);d+=t.key+"-"+y.name,void 0!==a&&(d+=" "+a);var v=l&&void 0===o?getDefaultShouldForwardProp(u):c,b={};for(var w in e)l&&"as"===w||v(w)&&(b[w]=e[w]);b.className=d,b.ref=r||e.innerRef,"production"!==process.env.NODE_ENV&&e.innerRef&&console.error("`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead"+(void 0===n?"":" in the usage of `"+n+"`"));var E=React.createElement(u,b);if(!isBrowser$3&&void 0!==g){for(var C,k=y.name,S=y.next;void 0!==S;)k+=" "+S.name,S=S.next;return React.createElement(React.Fragment,null,React.createElement("style",((C={})["data-emotion-"+t.key]=k,C.dangerouslySetInnerHTML={__html:g},C.nonce=t.sheet.nonce,C)),E)}return E}))}));return m.displayName=void 0!==n?n:"Styled("+("string"==typeof s?s:s.displayName||s.name||"Component")+")",m.defaultProps=t.defaultProps,m.__emotion_real=m,m.__emotion_base=s,m.__emotion_styles=p,m.__emotion_forwardProp=o,Object.defineProperty(m,"toString",{value:function(){return void 0===a&&"production"!==process.env.NODE_ENV?"NO_COMPONENT_SELECTOR":"."+a}}),m.withComponent=function(t,n){return e(t,void 0!==n?_objectSpread({},r||{},{},n):r).apply(void 0,p)},m}},tags=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],newStyled=createStyled.bind();tags.forEach((function(e){newStyled[e]=newStyled(e)}));var getColumnStyles=function(e,t){var r={width:getColumnSpan(t)};return t.gutter&&(r.paddingLeft=getColumnGutters(e,t.gutter),r.paddingRight=getColumnGutters(e,t.gutter)),t.offset&&(r.marginLeft=getColumnOffset(t.offset)),t.vertical&&!t.offset&&(r.minWidth=getStackedColumns(t.vertical),r.marginLeft="space0"),r},StyledColumn=newStyled.div(styledSystem.compose(styledSystem.space,styledSystem.layout)),Column=function(e){var t=e.as,r=e.children,n=e.count,o=e.gutter,a=e.offset,i=e.span,s=e.vertical,c=theme.useTheme(),l=React.useMemo((function(){return getColumnStyles(c,{count:n,gutter:o,offset:a,span:i,vertical:s})}),[n,o,a,i,s]);return React.createElement(StyledColumn,__assign({},l,{as:t}),r)};Column.propTypes={as:PropTypes.string,offset:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.number]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number]))]),span:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.number]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number]))])},Column.displayName="Column",exports.Column=Column,exports.Grid=Grid;
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PropTypes=require("prop-types"),theme=require("@twilio-paste/theme"),box=require("@twilio-paste/box"),flex=require("@twilio-paste/flex"),styled=_interopDefault(require("@emotion/styled")),styledSystem=require("styled-system"),__assign=function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function __rest(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}var getOuterGutterPull=function(e,t){return Array.isArray(t)?t.map((function(t){return"-"+e.space[t]})):t?"-"+e.space[t]:"auto"},getColumnGutters=function(e,t){return Array.isArray(t)?t.map((function(t){return""+e.space[t]})):t?""+e.space[t]:""+e.space[0]},getStackedColumns=function(e){return Array.isArray(e)?e.map((function(e){return"boolean"==typeof e?!0===e?"100%":"0":null})):e?"100%":"0"},getColumnSpan=function(e){var t=e.count,r=e.span;return Array.isArray(r)&&t?r.map((function(e){return e/12*100+"%"})):"number"==typeof r&&t&&t<=12?r/12*100+"%":void 0!==t?1/t*100+"%":1/12*100+"%"},getColumnOffset=function(e){return Array.isArray(e)?e.map((function(e){return e/12*100+"%"})):e/12*100+"%"},getGridStyles=function(e,t){return{marginLeft:getOuterGutterPull(e,t),marginRight:getOuterGutterPull(e,t)}},Grid=function(e){var t=e.as,r=e.children,n=e.gutter,o=e.marginTop,a=e.marginBottom,s=e.vertical,u=__rest(e,["as","children","gutter","marginTop","marginBottom","vertical"]),p=theme.useTheme(),i=React.useMemo((function(){return React.Children.map(r,(function(e){return React.isValidElement(e)?React.cloneElement(e,{count:React.Children.count(r),gutter:n,vertical:s}):e}))}),[r]),l=React.useMemo((function(){return getGridStyles(p,n)}),[n]);return React.createElement(flex.Flex,__assign({},l,box.safelySpreadBoxProps(u),{as:t,marginTop:o,marginBottom:a,vertical:s}),i)};Grid.propTypes={as:PropTypes.string,children:PropTypes.node.isRequired,vertical:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.bool]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.bool]))])},Grid.defaultProps={vertical:!1},Grid.displayName="Grid";var getColumnStyles=function(e,t){var r={width:getColumnSpan(t)};return t.gutter&&(r.paddingLeft=getColumnGutters(e,t.gutter),r.paddingRight=getColumnGutters(e,t.gutter)),t.offset&&(r.marginLeft=getColumnOffset(t.offset)),t.vertical&&!t.offset&&(r.minWidth=getStackedColumns(t.vertical),r.marginLeft="space0"),r},StyledColumn=styled.div(styledSystem.compose(styledSystem.space,styledSystem.layout)),Column=function(e){var t=e.as,r=e.children,n=e.count,o=e.gutter,a=e.offset,s=e.span,u=e.vertical,p=theme.useTheme(),i=React.useMemo((function(){return getColumnStyles(p,{count:n,gutter:o,offset:a,span:s,vertical:u})}),[n,o,a,s,u]);return React.createElement(StyledColumn,__assign({},i,{as:t}),r)};Column.propTypes={as:PropTypes.string,offset:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.number]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number]))]),span:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.number]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number]))])},Column.displayName="Column",exports.Column=Column,exports.Grid=Grid;

package.json

 {
   "name": "@twilio-paste/grid",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "category": "layout",
@@ -31,4 +31,5 @@ "status": "beta",
   "peerDependencies": {
+    "@emotion/styled": "^10.0.10",
     "@twilio-paste/box": "^2.1.8",
-    "@twilio-paste/flex": "^0.2.5",
+    "@twilio-paste/flex": "^0.3.0",
     "@twilio-paste/style-props": "^0.1.7",
@@ -43,4 +44,4 @@ "@twilio-paste/theme": "^3.0.3",
   "devDependencies": {
-    "@twilio-paste/box": "^2.1.8",
-    "@twilio-paste/flex": "^0.3.0",
+    "@twilio-paste/box": "^2.1.9",
+    "@twilio-paste/flex": "^0.3.1",
     "@twilio-paste/style-props": "^0.1.7",
@@ -58,3 +59,3 @@ "@twilio-paste/theme": "^3.0.3",
   },
-  "gitHead": "a10f6aae2ac89753e21e2ba6ce0dc1bd9e665d18"
+  "gitHead": "a2944bbb69844c5c39b0a47e8db00732caa4e0bd"
 }

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

1

decreased by-98.31%

Worsened metrics

Total package byte prevSize

222298

decreased by-22.64%

Dependency count

10

increased by11.11%

Lines of code

7538

decreased by-3.17%

No dependency changes