@xstyled/system - npm Package Compare versions

Comparing version 1.17.2 to 1.19.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [1.19.0](https://github.com/smooth-code/xstyled/tree/master/packages/system/compare/v1.18.1...v1.19.0) (2020-09-10)
+
+
+### Features
+
+* add `flexShrink` and `flexGrow` props ([#130](https://github.com/smooth-code/xstyled/tree/master/packages/system/issues/130)) ([9492a00](https://github.com/smooth-code/xstyled/tree/master/packages/system/commit/9492a0051c31648bb40ec3a11e5b9483e1488fcd))
+
+
+
+
+
 ## [1.17.2](https://github.com/smooth-code/xstyled/tree/master/packages/system/compare/v1.17.1...v1.17.2) (2020-07-18)
@@ -8,0 +19,0 @@

dist/xstyled-system.cjs.js

@@ -5,8 +5,11 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var util = require('@xstyled/util');
-var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _objectWithoutPropertiesLoose = _interopDefault(require('@babel/runtime/helpers/objectWithoutPropertiesLoose'));
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
+
 var round = function round(value) {
@@ -517,2 +520,8 @@ return Math.round(value * Math.pow(10, 4)) / Math.pow(10, 4);
 });
+var flexGrow = /*#__PURE__*/style({
+  prop: 'flexGrow'
+});
+var flexShrink = /*#__PURE__*/style({
+  prop: 'flexShrink'
+});
 var flexBasis = /*#__PURE__*/style({
@@ -537,3 +546,3 @@ prop: 'flexBasis',
 });
-var flexboxes = /*#__PURE__*/compose(display, alignItems, alignContent, justifyContent, justifyItems, flexWrap, flexBasis, flexDirection, flex, justifySelf, alignSelf, order);
+var flexboxes = /*#__PURE__*/compose(display, alignItems, alignContent, justifyContent, justifyItems, flexWrap, flexBasis, flexShrink, flexGrow, flexDirection, flex, justifySelf, alignSelf, order);
 
@@ -838,6 +847,6 @@ function toNegative(value) {
     });
-    return _extends({}, common, breakpointsStyle);
+    return _extends__default['default']({}, common, breakpointsStyle);
   }
 
-  return _extends({}, common, getColStyle(props, value));
+  return _extends__default['default']({}, common, getColStyle(props, value));
 }, ['col']);
@@ -950,7 +959,7 @@ var xgrids = /*#__PURE__*/compose(row, col);
     var as = _ref2.as,
-        props = _objectWithoutPropertiesLoose(_ref2, ["as"]);
+        props = _objectWithoutPropertiesLoose__default['default'](_ref2, ["as"]);
 
     var omittedProps = util.omit(props, system$1.meta.props);
     var Component = as || defaultComponent;
-    return createElement(Component, _extends({
+    return createElement(Component, _extends__default['default']({
       ref: ref
@@ -1002,2 +1011,4 @@ }, omittedProps));
 exports.flexDirection = flexDirection;
+exports.flexGrow = flexGrow;
+exports.flexShrink = flexShrink;
 exports.flexWrap = flexWrap;
@@ -1004,0 +1015,0 @@ exports.flexboxes = flexboxes;

dist/xstyled-system.es.js

@@ -510,2 +510,8 @@ import { num, string, getThemeValue, is, merge, assign, warn, identity, obj, negative, omit } from '@xstyled/util';
 });
+var flexGrow = /*#__PURE__*/style({
+  prop: 'flexGrow'
+});
+var flexShrink = /*#__PURE__*/style({
+  prop: 'flexShrink'
+});
 var flexBasis = /*#__PURE__*/style({
@@ -530,3 +536,3 @@ prop: 'flexBasis',
 });
-var flexboxes = /*#__PURE__*/compose(display, alignItems, alignContent, justifyContent, justifyItems, flexWrap, flexBasis, flexDirection, flex, justifySelf, alignSelf, order);
+var flexboxes = /*#__PURE__*/compose(display, alignItems, alignContent, justifyContent, justifyItems, flexWrap, flexBasis, flexShrink, flexGrow, flexDirection, flex, justifySelf, alignSelf, order);
 
@@ -954,2 +960,2 @@ function toNegative(value) {
 
-export { alignContent, alignItems, alignSelf, background, backgroundColor, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, backgrounds, basics, between, border, borderBottom, borderBottomColor, borderColor, borderLeft, borderLeftColor, borderRadius, borderRight, borderRightColor, borderStyle, borderTop, borderTopColor, borderWidth, borders, bottom, boxShadow, breakpoints, col, color, compose, createStyleGenerator, createSystemComponent, display, down, flex, flexBasis, flexDirection, flexWrap, flexboxes, fontFamily, fontSize, fontStyle, fontWeight, getBorder, getBorderStyle, getBorderWidth, getBreakpoints, getColor, getFont, getFontSize, getFontWeight, getLetterSpacing, getLineHeight, getPercent, getPx, getRadius, getShadow, getSize, getSpace, getTransition, getZIndex, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, grids, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, marginBottom, marginLeft, marginRight, marginTop, maxHeight, maxWidth, minHeight, minWidth, mx, my, opacity, order, overflow, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, position, positioning, px$1 as px, py, reduceBreakpoints, right, row, rpxTransformers, shadows, size, space, style, system, textAlign, textShadow, textTransform, th, themeGetter, top, transition, typography, up, variant, verticalAlign, width, xgrids, zIndex };
+export { alignContent, alignItems, alignSelf, background, backgroundColor, backgroundImage, backgroundPosition, backgroundRepeat, backgroundSize, backgrounds, basics, between, border, borderBottom, borderBottomColor, borderColor, borderLeft, borderLeftColor, borderRadius, borderRight, borderRightColor, borderStyle, borderTop, borderTopColor, borderWidth, borders, bottom, boxShadow, breakpoints, col, color, compose, createStyleGenerator, createSystemComponent, display, down, flex, flexBasis, flexDirection, flexGrow, flexShrink, flexWrap, flexboxes, fontFamily, fontSize, fontStyle, fontWeight, getBorder, getBorderStyle, getBorderWidth, getBreakpoints, getColor, getFont, getFontSize, getFontWeight, getLetterSpacing, getLineHeight, getPercent, getPx, getRadius, getShadow, getSize, getSpace, getTransition, getZIndex, gridArea, gridAutoColumns, gridAutoFlow, gridAutoRows, gridColumn, gridColumnGap, gridGap, gridRow, gridRowGap, gridTemplateAreas, gridTemplateColumns, gridTemplateRows, grids, height, justifyContent, justifyItems, justifySelf, layout, left, letterSpacing, lineHeight, margin, marginBottom, marginLeft, marginRight, marginTop, maxHeight, maxWidth, minHeight, minWidth, mx, my, opacity, order, overflow, padding, paddingBottom, paddingLeft, paddingRight, paddingTop, position, positioning, px$1 as px, py, reduceBreakpoints, right, row, rpxTransformers, shadows, size, space, style, system, textAlign, textShadow, textTransform, th, themeGetter, top, transition, typography, up, variant, verticalAlign, width, xgrids, zIndex };

dist/xstyled-system.min.js

@@ -1,1 +0,1 @@
-!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((r=r||self).xstyledSystem={})}(this,(function(r){"use strict";var e=function(r){return r},t=function(r){return null!=r},o=function(r){return"number"==typeof r&&!Number.isNaN(r)},n=function(r){return"string"==typeof r&&""!==r},i=function(r){return"object"==typeof r&&null!==r},p=function(r,e){if(!t(e))return r;for(var o in e)r[o]=e[o];return r},a=function r(e,o){if(!t(o))return e;for(var n in o)i(e[n])?e[n]=r(p({},e[n]),o[n]):e[n]=o[n];return e};var u=function(r,e,o){return void 0===o&&(o=r.theme),function r(e,t){return"function"==typeof e?r(e(t),t):e}(function(r,e){for(var o=String(e).split("."),n=o.length,i=r,p=0;p<n;p+=1){if(void 0===i)return i;var a=o[p];i=t(i[a])?i[a]:void 0}return i}(o,e),r)};var m=function(r){return Math.round(r*Math.pow(10,4))/Math.pow(10,4)},f=function(r){return function(e){return o(e)&&0!==e?""+e+r:e}}("px"),s=function(r){return m(r/16)},d=function(r){return o(r)&&0!==r?s(r)+"rem":r},l=function(r){if(!n(r)||r.length<4)return r;if("rpx"!==r.slice(-3))return r;var e=Number(r.slice(0,r.length-3));return 0===e?0:s(e)+"rem"},g={xs:0,sm:576,md:768,lg:992,xl:1200};function c(r){var e=u(r,"breakpoints");return t(e)?e:g}var h=function(r){return r?"@media (min-width: "+r+")":null},y=function(r){return r?"@media (max-width: "+r+")":null},v=function(r,e){return"@media (min-width: "+r+") and (max-width: "+e+")"},b=function(r,e){var t=r[e];return 0===t?null:f(t)},G=function(r,e){var t=r[e];return 0===t?null:f(t-.02)},x="undefined"!=typeof Map&&"undefined"!=typeof WeakMap,w=x?new WeakMap:null;var k={has:function(){return!1},set:function(){},get:function(){}};function S(r,e){if(!x||!r)return k;var t=function(r){if(w.has(r))return w.get(r);var e={};return w.set(r,e),e}(r);return t[e]=t[e]||new Map,t[e]}var C=0,R=function(r){var e=r.name,i=r.transform,p=r.key,a=r.defaultVariants,m=r.compose,f=C++,s=function(r){return function(s){var d=r;if(!n(r)&&!o(r))return d;var l=S(s.theme,"__themeGetter"+f);if(l.has(r))return l.get(r);var g=t(p)?u(s,p):null;g=t(g)?g:a,d=t(g)?u(s,r,g):null,d=t(d)?d:r;var c=(e&&s.theme&&s.theme.transformers?s.theme.transformers[e]:null)||i;return c&&(d=c(d,{rawValue:r,variants:g,props:s})),d=m?m(d)(s):d,l.set(r,d),d}};return s.meta={name:e,transform:i},s};function P(r,e,t,p,a){if(i(e))return null;if(a.has(e))return a.get(e);var u=p(e)(t);if(!n(u)&&!o(u))return null;var m={};for(var f in r)m[r[f]]=u;return a.set(e,m),m}function W(r,e,t){return r.meta={props:e,getStyle:r,generators:t},r}function T(r){var e=c(r),t={};for(var o in e)t[o]=h(b(e,o));return t}function A(r,t,o,n){void 0===o&&(o=e);var i=n?function(r,e){if(e.has("_medias"))return e.get("_medias");var t=T(r);return e.set("_medias",t),t}(r,n):T(r),u={};for(var m in t){var f=o(t[m]);if(null!==f){var s=i[m];null===s?u=a(u,f):u[s]=u[s]?p(u[s],f):f}}return u}function B(r){for(var e={},t=0;t<r.length;t++){var o=r[t];if(o&&o.meta)for(var n=Object.keys(o.meta.props),i=0;i<n.length;i++){e[o.meta.props[n[i]]]=o}}return e}function z(){for(var r=[],e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];t.forEach((function(e){e&&(e.meta.generators?r=[].concat(r,e.meta.generators):r.push(e))}));var n=B(r);function i(r){var e={};for(var t in r){var o=n[t];if(o){var i=o.meta.getStyle(r);a(e,i)}}return e}var p=r.reduce((function(r,e){return[].concat(r,e.meta.props)}),[]);return W(i,p,t)}function j(r){var e=r.prop,o=r.cssProperty,n=r.key,p=void 0===n?null:n,a=r.transform,u=void 0===a?null:a,m=r.themeGet,f=void 0===m?null:m,s=Array.isArray(o)?o:[o||e];return Array.isArray(e)?z.apply(void 0,e.map((function(r){return j({prop:r,cssProperty:s,key:p,transform:u,themeGet:f})}))):(f=f||R({key:p,transform:u}),W(function(r,e,o){return function(n){var p=n[r];if(!t(p))return null;var a=S(n.theme,r);return i(p)?A(n,p,(function(r){return P(e,r,n,o,a)}),a):P(e,p,n,o,a)}}(e,s,f),[e]))}var L=R({name:"color",key:"colors"}),I=R({name:"px",transform:function(r){return f(l(r))}}),H=R({name:"percent",transform:function(r){return 0!==r&&r>=-1&&r<=1?m(100*r)+"%":r},compose:I}),M=R({name:"radius",key:"radii",compose:I}),O=R({name:"transition",key:"transitions"}),F=j({prop:"opacity"}),_=j({prop:"overflow"}),N=j({prop:"transition",themeGet:O}),V=z(F,_,N),E=j({prop:"background"}),D=j({prop:["backgroundColor","bg"],cssProperty:"backgroundColor",themeGet:L}),Z=j({prop:"backgroundImage"}),q=j({prop:"backgroundSize"}),J=j({prop:"backgroundPosition"}),K=j({prop:"backgroundRepeat"}),Q=z(E,D,Z,q,J,K),U=R({name:"border",key:"borders",transform:function(r){return o(r)&&r>0?f(r)+" solid":r}}),X=R({name:"borderWidth",key:"borderWidths",compose:I}),Y=R({name:"borderStyle",key:"borderStyles"}),$=j({prop:"border",themeGet:U}),rr=j({prop:"borderTop",themeGet:U}),er=j({prop:"borderTopColor",themeGet:L}),tr=j({prop:"borderRight",themeGet:U}),or=j({prop:"borderRightColor",themeGet:L}),nr=j({prop:"borderBottom",themeGet:U}),ir=j({prop:"borderBottomColor",themeGet:L}),pr=j({prop:"borderLeft",themeGet:U}),ar=j({prop:"borderLeftColor",themeGet:L}),ur=j({prop:"borderColor",themeGet:L}),mr=j({prop:"borderWidth",themeGet:X}),fr=j({prop:"borderStyle",themeGet:Y}),sr=j({prop:"borderRadius",themeGet:M}),dr=z($,rr,er,tr,or,nr,ir,pr,ar,ur,mr,fr,sr),lr=R({name:"size",key:"sizes",compose:H}),gr=j({prop:"display"}),cr=j({prop:"width",themeGet:lr}),hr=j({prop:"height",themeGet:lr}),yr=j({prop:"maxWidth",themeGet:lr}),vr=j({prop:"maxHeight",themeGet:lr}),br=j({prop:"minWidth",themeGet:lr}),Gr=j({prop:"minHeight",themeGet:lr}),xr=j({prop:"size",cssProperty:["width","height"],themeGet:lr}),wr=j({prop:"verticalAlign"}),kr=z(gr,cr,hr,yr,vr,br,Gr,xr,wr),Sr=j({prop:"alignItems"}),Cr=j({prop:"alignContent"}),Rr=j({prop:"justifyContent"}),Pr=j({prop:"justifyItems"}),Wr=j({prop:"flexWrap"}),Tr=j({prop:"flexBasis",themeGet:H}),Ar=j({prop:"flexDirection"}),Br=j({prop:"flex"}),zr=j({prop:"justifySelf"}),jr=j({prop:"alignSelf"}),Lr=j({prop:"order"}),Ir=z(gr,Sr,Cr,Rr,Pr,Wr,Tr,Ar,Br,zr,jr,Lr);function Hr(r){return n(r)?"-"+r:-1*r}var Mr=R({name:"space",key:"space",defaultVariants:[0,4,8,16,24,48,96,144,192,240],compose:I,transform:function(r,e){var i=e.rawValue,p=e.variants,a=e.props;if(n(i)){var m=i.startsWith("-"),f=m?i.substr(1):i,s=u(a,f,p),d=t(s)?s:f;return m?Hr(d):d}var l,g=Math.abs(i),c=o(l=i)&&l<0,h=t(p[g])?p[g]:g;return c?Hr(h):h}}),Or=j({prop:["margin","m"],cssProperty:"margin",themeGet:Mr}),Fr=j({prop:["marginTop","mt"],cssProperty:"marginTop",themeGet:Mr}),_r=j({prop:["marginRight","mr"],cssProperty:"marginRight",themeGet:Mr}),Nr=j({prop:["marginBottom","mb"],cssProperty:"marginBottom",themeGet:Mr}),Vr=j({prop:["marginLeft","ml"],cssProperty:"marginLeft",themeGet:Mr}),Er=j({prop:"mx",cssProperty:["marginRight","marginLeft"],themeGet:Mr}),Dr=j({prop:"my",cssProperty:["marginTop","marginBottom"],themeGet:Mr}),Zr=j({prop:["padding","p"],cssProperty:"padding",themeGet:Mr}),qr=j({prop:["paddingTop","pt"],cssProperty:"paddingTop",themeGet:Mr}),Jr=j({prop:["paddingRight","pr"],cssProperty:"paddingRight",themeGet:Mr}),Kr=j({prop:["paddingBottom","pb"],cssProperty:"paddingBottom",themeGet:Mr}),Qr=j({prop:["paddingLeft","pl"],cssProperty:"paddingLeft",themeGet:Mr}),Ur=j({prop:"px",cssProperty:["paddingRight","paddingLeft"],themeGet:Mr}),Xr=j({prop:"py",cssProperty:["paddingTop","paddingBottom"],themeGet:Mr}),Yr=z(Or,Fr,_r,Nr,Vr,Er,Dr,Zr,qr,Jr,Kr,Qr,Ur,Xr),$r=j({prop:"gridGap",themeGet:Mr}),re=j({prop:"gridColumnGap",themeGet:Mr}),ee=j({prop:"gridRowGap",themeGet:Mr}),te=j({prop:"gridColumn"}),oe=j({prop:"gridRow"}),ne=j({prop:"gridAutoFlow"}),ie=j({prop:"gridAutoColumns"}),pe=j({prop:"gridAutoRows"}),ae=j({prop:"gridTemplateColumns"}),ue=j({prop:"gridTemplateRows"}),me=j({prop:"gridTemplateAreas"}),fe=j({prop:"gridArea"}),se=z($r,re,ee,te,oe,ne,ie,pe,ae,ue,me,fe),de=R({name:"zIndex",key:"zIndices"}),le=j({prop:"position"}),ge=j({prop:"zIndex",themeGet:de}),ce=j({prop:"top",themeGet:I}),he=j({prop:"right",themeGet:I}),ye=j({prop:"bottom",themeGet:I}),ve=j({prop:"left",themeGet:I}),be=z(le,ge,ce,he,ye,ve),Ge=R({name:"shadow",key:"shadows"}),xe=j({prop:"boxShadow",themeGet:Ge}),we=j({prop:"textShadow",themeGet:Ge}),ke=z(xe,we),Se=R({name:"font",key:"fonts"}),Ce=R({name:"lineHeight",key:"lineHeights",transform:l}),Re=R({name:"fontWeight",key:"fontWeights"}),Pe=R({name:"letterSpacing",key:"letterSpacings",compose:I}),We=j({prop:"fontFamily",themeGet:Se}),Te=R({name:"fontSize",key:"fontSizes",defaultVariants:[0,12,14,16,20,24,32,48,64,72],compose:I}),Ae=j({prop:"fontSize",themeGet:Te}),Be=j({prop:"lineHeight",themeGet:Ce}),ze=j({prop:"fontWeight",themeGet:Re}),je=j({prop:"fontStyle"}),Le=j({prop:"textAlign"}),Ie=j({prop:"letterSpacing",themeGet:Pe}),He=j({prop:"color",themeGet:L}),Me=j({prop:"textTransform"}),Oe=z(We,Ae,je,Be,ze,Le,Ie,He,Me);function Fe(){return(Fe=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o])}return r}).apply(this,arguments)}var _e=W((function(){return{boxSizing:"border-box",flexGrow:1,flexWrap:"wrap",display:"flex"}}),["row"]);function Ne(r,e){if(!0===e)return{flexBasis:0,flexGrow:1,maxWidth:"100%"};if("auto"===e)return{flex:"0 0 auto",maxWidth:"none",width:"auto"};var t=H(e)(r);return{flex:"0 0 "+t,maxWidth:t}}var Ve=W((function(r){var e=r.col,t={boxSizing:"border-box",flexBasis:0,flexGrow:1,maxWidth:"100%"};return i(e)?Fe({},t,A(r,e,(function(e){return Ne(r,e)}))):Fe({},t,Ne(r,e))}),["col"]),Ee=z(_e,Ve),De=z(Q,V,dr,Ir,se,kr,be,ke,Yr,Oe,Ee),Ze=function(r){return function(e){return u(e,r)}};[L,I,H,M,U,X,Y,Ge,lr,de,Mr,Se,Te,Ce,Re,Pe,O].forEach((function(r){Ze[r.meta.name]=r}));var qe=function(r,e){return function(t){var o=c(t),n=b(o,r);return null===n?e:[h(n)+" {",e,"}"]}},Je=function(r,e){return function(t){var o=c(t),n=G(o,r);return null===n?null:[y(n)+" {",e,"}"]}},Ke={px:function(r){return d(l(r))},border:function(r){return o(r)&&r>0?d(r)+" solid":r}};r.alignContent=Cr,r.alignItems=Sr,r.alignSelf=jr,r.background=E,r.backgroundColor=D,r.backgroundImage=Z,r.backgroundPosition=J,r.backgroundRepeat=K,r.backgroundSize=q,r.backgrounds=Q,r.basics=V,r.between=function(r,e,t){return function(o){var n=c(o),i=b(n,r),p=G(n,e);return null===p?qe(r,t)(o):null===i?Je(e,t)(o):[v(i,p)+" {",t,"}"]}},r.border=$,r.borderBottom=nr,r.borderBottomColor=ir,r.borderColor=ur,r.borderLeft=pr,r.borderLeftColor=ar,r.borderRadius=sr,r.borderRight=tr,r.borderRightColor=or,r.borderStyle=fr,r.borderTop=rr,r.borderTopColor=er,r.borderWidth=mr,r.borders=dr,r.bottom=ye,r.boxShadow=xe,r.breakpoints=function(r){return function(e){for(var t=[],o=Object.keys(r),n=o.length,i=0;i<n;i++){var p=o[i],a=r[p],u=qe(p,a)(e);Array.isArray(u)?u.forEach((function(r){return t.push(r)})):t.push(u)}return t}},r.col=Ve,r.color=He,r.compose=z,r.createStyleGenerator=W,r.createSystemComponent=function(r,e,t){var o=r.createElement,n=r.forwardRef;void 0===e&&(e="div"),void 0===t&&(t=De);var i=n((function(r,n){var i=r.as,p=function(r,e){var t={};for(var o in r)-1===e.indexOf(o)&&(t[o]=r[o]);return t}(function(r,e){if(null==r)return{};var t,o,n={},i=Object.keys(r);for(o=0;o<i.length;o++)t=i[o],e.indexOf(t)>=0||(n[t]=r[t]);return n}(r,["as"]),t.meta.props);return o(i||e,Fe({ref:n},p))}));return i.displayName="SystemComponent",i},r.display=gr,r.down=Je,r.flex=Br,r.flexBasis=Tr,r.flexDirection=Ar,r.flexWrap=Wr,r.flexboxes=Ir,r.fontFamily=We,r.fontSize=Ae,r.fontStyle=je,r.fontWeight=ze,r.getBorder=U,r.getBorderStyle=Y,r.getBorderWidth=X,r.getBreakpoints=c,r.getColor=L,r.getFont=Se,r.getFontSize=Te,r.getFontWeight=Re,r.getLetterSpacing=Pe,r.getLineHeight=Ce,r.getPercent=H,r.getPx=I,r.getRadius=M,r.getShadow=Ge,r.getSize=lr,r.getSpace=Mr,r.getTransition=O,r.getZIndex=de,r.gridArea=fe,r.gridAutoColumns=ie,r.gridAutoFlow=ne,r.gridAutoRows=pe,r.gridColumn=te,r.gridColumnGap=re,r.gridGap=$r,r.gridRow=oe,r.gridRowGap=ee,r.gridTemplateAreas=me,r.gridTemplateColumns=ae,r.gridTemplateRows=ue,r.grids=se,r.height=hr,r.justifyContent=Rr,r.justifyItems=Pr,r.justifySelf=zr,r.layout=kr,r.left=ve,r.letterSpacing=Ie,r.lineHeight=Be,r.margin=Or,r.marginBottom=Nr,r.marginLeft=Vr,r.marginRight=_r,r.marginTop=Fr,r.maxHeight=vr,r.maxWidth=yr,r.minHeight=Gr,r.minWidth=br,r.mx=Er,r.my=Dr,r.opacity=F,r.order=Lr,r.overflow=_,r.padding=Zr,r.paddingBottom=Kr,r.paddingLeft=Qr,r.paddingRight=Jr,r.paddingTop=qr,r.position=le,r.positioning=be,r.px=Ur,r.py=Xr,r.reduceBreakpoints=A,r.right=he,r.row=_e,r.rpxTransformers=Ke,r.shadows=ke,r.size=xr,r.space=Yr,r.style=j,r.system=De,r.textAlign=Le,r.textShadow=we,r.textTransform=Me,r.th=Ze,r.themeGetter=R,r.top=ce,r.transition=N,r.typography=Oe,r.up=qe,r.variant=function(r){var e=r.key,o=void 0===e?null:e,n=r.default,i=r.variants,m=void 0===i?{}:i,f=r.prop,s=void 0===f?"variant":f;return function(r){var e=t(o)?u(r,o):null,i=a(p({},m),e),f=void 0!==r[s]?r[s]:n;return u(r,f,i)}},r.verticalAlign=wr,r.width=cr,r.xgrids=Ee,r.zIndex=ge,Object.defineProperty(r,"__esModule",{value:!0})}));
+!function(r,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((r="undefined"!=typeof globalThis?globalThis:r||self).xstyledSystem={})}(this,(function(r){"use strict";var e=function(r){return r},t=function(r){return null!=r},o=function(r){return"number"==typeof r&&!Number.isNaN(r)},n=function(r){return"string"==typeof r&&""!==r},i=function(r){return"object"==typeof r&&null!==r},p=function(r,e){if(!t(e))return r;for(var o in e)r[o]=e[o];return r},a=function r(e,o){if(!t(o))return e;for(var n in o)i(e[n])?e[n]=r(p({},e[n]),o[n]):e[n]=o[n];return e};var u=function(r,e,o){return void 0===o&&(o=r.theme),function r(e,t){return"function"==typeof e?r(e(t),t):e}(function(r,e){for(var o=String(e).split("."),n=o.length,i=r,p=0;p<n;p+=1){if(void 0===i)return i;var a=o[p];i=t(i[a])?i[a]:void 0}return i}(o,e),r)};var f=function(r){return Math.round(r*Math.pow(10,4))/Math.pow(10,4)},m=function(r){return function(e){return o(e)&&0!==e?""+e+r:e}}("px"),s=function(r){return f(r/16)},d=function(r){return o(r)&&0!==r?s(r)+"rem":r},l=function(r){if(!n(r)||r.length<4)return r;if("rpx"!==r.slice(-3))return r;var e=Number(r.slice(0,r.length-3));return 0===e?0:s(e)+"rem"},g={xs:0,sm:576,md:768,lg:992,xl:1200};function c(r){var e=u(r,"breakpoints");return t(e)?e:g}var h=function(r){return r?"@media (min-width: "+r+")":null},y=function(r){return r?"@media (max-width: "+r+")":null},v=function(r,e){return"@media (min-width: "+r+") and (max-width: "+e+")"},b=function(r,e){var t=r[e];return 0===t?null:m(t)},G=function(r,e){var t=r[e];return 0===t?null:m(t-.02)},x="undefined"!=typeof Map&&"undefined"!=typeof WeakMap,w=x?new WeakMap:null;var k={has:function(){return!1},set:function(){},get:function(){}};function S(r,e){if(!x||!r)return k;var t=function(r){if(w.has(r))return w.get(r);var e={};return w.set(r,e),e}(r);return t[e]=t[e]||new Map,t[e]}var C=0,R=function(r){var e=r.name,i=r.transform,p=r.key,a=r.defaultVariants,f=r.compose,m=C++,s=function(r){return function(s){var d=r;if(!n(r)&&!o(r))return d;var l=S(s.theme,"__themeGetter"+m);if(l.has(r))return l.get(r);var g=t(p)?u(s,p):null;g=t(g)?g:a,d=t(g)?u(s,r,g):null,d=t(d)?d:r;var c=(e&&s.theme&&s.theme.transformers?s.theme.transformers[e]:null)||i;return c&&(d=c(d,{rawValue:r,variants:g,props:s})),d=f?f(d)(s):d,l.set(r,d),d}};return s.meta={name:e,transform:i},s};function P(r,e,t,p,a){if(i(e))return null;if(a.has(e))return a.get(e);var u=p(e)(t);if(!n(u)&&!o(u))return null;var f={};for(var m in r)f[r[m]]=u;return a.set(e,f),f}function T(r,e,t){return r.meta={props:e,getStyle:r,generators:t},r}function W(r){var e=c(r),t={};for(var o in e)t[o]=h(b(e,o));return t}function A(r,t,o,n){void 0===o&&(o=e);var i=n?function(r,e){if(e.has("_medias"))return e.get("_medias");var t=W(r);return e.set("_medias",t),t}(r,n):W(r),u={};for(var f in t){var m=o(t[f]);if(null!==m){var s=i[f];null===s?u=a(u,m):u[s]=u[s]?p(u[s],m):m}}return u}function B(r){for(var e={},t=0;t<r.length;t++){var o=r[t];if(o&&o.meta)for(var n=Object.keys(o.meta.props),i=0;i<n.length;i++){e[o.meta.props[n[i]]]=o}}return e}function z(){for(var r=[],e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];t.forEach((function(e){e&&(e.meta.generators?r=[].concat(r,e.meta.generators):r.push(e))}));var n=B(r);function i(r){var e={};for(var t in r){var o=n[t];if(o){var i=o.meta.getStyle(r);a(e,i)}}return e}var p=r.reduce((function(r,e){return[].concat(r,e.meta.props)}),[]);return T(i,p,t)}function j(r){var e=r.prop,o=r.cssProperty,n=r.key,p=void 0===n?null:n,a=r.transform,u=void 0===a?null:a,f=r.themeGet,m=void 0===f?null:f,s=Array.isArray(o)?o:[o||e];return Array.isArray(e)?z.apply(void 0,e.map((function(r){return j({prop:r,cssProperty:s,key:p,transform:u,themeGet:m})}))):(m=m||R({key:p,transform:u}),T(function(r,e,o){return function(n){var p=n[r];if(!t(p))return null;var a=S(n.theme,r);return i(p)?A(n,p,(function(r){return P(e,r,n,o,a)}),a):P(e,p,n,o,a)}}(e,s,m),[e]))}var L=R({name:"color",key:"colors"}),I=R({name:"px",transform:function(r){return m(l(r))}}),H=R({name:"percent",transform:function(r){return 0!==r&&r>=-1&&r<=1?f(100*r)+"%":r},compose:I}),M=R({name:"radius",key:"radii",compose:I}),O=R({name:"transition",key:"transitions"}),F=j({prop:"opacity"}),_=j({prop:"overflow"}),N=j({prop:"transition",themeGet:O}),V=z(F,_,N),E=j({prop:"background"}),D=j({prop:["backgroundColor","bg"],cssProperty:"backgroundColor",themeGet:L}),Z=j({prop:"backgroundImage"}),q=j({prop:"backgroundSize"}),J=j({prop:"backgroundPosition"}),K=j({prop:"backgroundRepeat"}),Q=z(E,D,Z,q,J,K),U=R({name:"border",key:"borders",transform:function(r){return o(r)&&r>0?m(r)+" solid":r}}),X=R({name:"borderWidth",key:"borderWidths",compose:I}),Y=R({name:"borderStyle",key:"borderStyles"}),$=j({prop:"border",themeGet:U}),rr=j({prop:"borderTop",themeGet:U}),er=j({prop:"borderTopColor",themeGet:L}),tr=j({prop:"borderRight",themeGet:U}),or=j({prop:"borderRightColor",themeGet:L}),nr=j({prop:"borderBottom",themeGet:U}),ir=j({prop:"borderBottomColor",themeGet:L}),pr=j({prop:"borderLeft",themeGet:U}),ar=j({prop:"borderLeftColor",themeGet:L}),ur=j({prop:"borderColor",themeGet:L}),fr=j({prop:"borderWidth",themeGet:X}),mr=j({prop:"borderStyle",themeGet:Y}),sr=j({prop:"borderRadius",themeGet:M}),dr=z($,rr,er,tr,or,nr,ir,pr,ar,ur,fr,mr,sr),lr=R({name:"size",key:"sizes",compose:H}),gr=j({prop:"display"}),cr=j({prop:"width",themeGet:lr}),hr=j({prop:"height",themeGet:lr}),yr=j({prop:"maxWidth",themeGet:lr}),vr=j({prop:"maxHeight",themeGet:lr}),br=j({prop:"minWidth",themeGet:lr}),Gr=j({prop:"minHeight",themeGet:lr}),xr=j({prop:"size",cssProperty:["width","height"],themeGet:lr}),wr=j({prop:"verticalAlign"}),kr=z(gr,cr,hr,yr,vr,br,Gr,xr,wr),Sr=j({prop:"alignItems"}),Cr=j({prop:"alignContent"}),Rr=j({prop:"justifyContent"}),Pr=j({prop:"justifyItems"}),Tr=j({prop:"flexWrap"}),Wr=j({prop:"flexGrow"}),Ar=j({prop:"flexShrink"}),Br=j({prop:"flexBasis",themeGet:H}),zr=j({prop:"flexDirection"}),jr=j({prop:"flex"}),Lr=j({prop:"justifySelf"}),Ir=j({prop:"alignSelf"}),Hr=j({prop:"order"}),Mr=z(gr,Sr,Cr,Rr,Pr,Tr,Br,Ar,Wr,zr,jr,Lr,Ir,Hr);function Or(r){return n(r)?"-"+r:-1*r}var Fr=R({name:"space",key:"space",defaultVariants:[0,4,8,16,24,48,96,144,192,240],compose:I,transform:function(r,e){var i=e.rawValue,p=e.variants,a=e.props;if(n(i)){var f=i.startsWith("-"),m=f?i.substr(1):i,s=u(a,m,p),d=t(s)?s:m;return f?Or(d):d}var l,g=Math.abs(i),c=o(l=i)&&l<0,h=t(p[g])?p[g]:g;return c?Or(h):h}}),_r=j({prop:["margin","m"],cssProperty:"margin",themeGet:Fr}),Nr=j({prop:["marginTop","mt"],cssProperty:"marginTop",themeGet:Fr}),Vr=j({prop:["marginRight","mr"],cssProperty:"marginRight",themeGet:Fr}),Er=j({prop:["marginBottom","mb"],cssProperty:"marginBottom",themeGet:Fr}),Dr=j({prop:["marginLeft","ml"],cssProperty:"marginLeft",themeGet:Fr}),Zr=j({prop:"mx",cssProperty:["marginRight","marginLeft"],themeGet:Fr}),qr=j({prop:"my",cssProperty:["marginTop","marginBottom"],themeGet:Fr}),Jr=j({prop:["padding","p"],cssProperty:"padding",themeGet:Fr}),Kr=j({prop:["paddingTop","pt"],cssProperty:"paddingTop",themeGet:Fr}),Qr=j({prop:["paddingRight","pr"],cssProperty:"paddingRight",themeGet:Fr}),Ur=j({prop:["paddingBottom","pb"],cssProperty:"paddingBottom",themeGet:Fr}),Xr=j({prop:["paddingLeft","pl"],cssProperty:"paddingLeft",themeGet:Fr}),Yr=j({prop:"px",cssProperty:["paddingRight","paddingLeft"],themeGet:Fr}),$r=j({prop:"py",cssProperty:["paddingTop","paddingBottom"],themeGet:Fr}),re=z(_r,Nr,Vr,Er,Dr,Zr,qr,Jr,Kr,Qr,Ur,Xr,Yr,$r),ee=j({prop:"gridGap",themeGet:Fr}),te=j({prop:"gridColumnGap",themeGet:Fr}),oe=j({prop:"gridRowGap",themeGet:Fr}),ne=j({prop:"gridColumn"}),ie=j({prop:"gridRow"}),pe=j({prop:"gridAutoFlow"}),ae=j({prop:"gridAutoColumns"}),ue=j({prop:"gridAutoRows"}),fe=j({prop:"gridTemplateColumns"}),me=j({prop:"gridTemplateRows"}),se=j({prop:"gridTemplateAreas"}),de=j({prop:"gridArea"}),le=z(ee,te,oe,ne,ie,pe,ae,ue,fe,me,se,de),ge=R({name:"zIndex",key:"zIndices"}),ce=j({prop:"position"}),he=j({prop:"zIndex",themeGet:ge}),ye=j({prop:"top",themeGet:I}),ve=j({prop:"right",themeGet:I}),be=j({prop:"bottom",themeGet:I}),Ge=j({prop:"left",themeGet:I}),xe=z(ce,he,ye,ve,be,Ge),we=R({name:"shadow",key:"shadows"}),ke=j({prop:"boxShadow",themeGet:we}),Se=j({prop:"textShadow",themeGet:we}),Ce=z(ke,Se),Re=R({name:"font",key:"fonts"}),Pe=R({name:"lineHeight",key:"lineHeights",transform:l}),Te=R({name:"fontWeight",key:"fontWeights"}),We=R({name:"letterSpacing",key:"letterSpacings",compose:I}),Ae=j({prop:"fontFamily",themeGet:Re}),Be=R({name:"fontSize",key:"fontSizes",defaultVariants:[0,12,14,16,20,24,32,48,64,72],compose:I}),ze=j({prop:"fontSize",themeGet:Be}),je=j({prop:"lineHeight",themeGet:Pe}),Le=j({prop:"fontWeight",themeGet:Te}),Ie=j({prop:"fontStyle"}),He=j({prop:"textAlign"}),Me=j({prop:"letterSpacing",themeGet:We}),Oe=j({prop:"color",themeGet:L}),Fe=j({prop:"textTransform"}),_e=z(Ae,ze,Ie,je,Le,He,Me,Oe,Fe);function Ne(){return(Ne=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o])}return r}).apply(this,arguments)}var Ve=T((function(){return{boxSizing:"border-box",flexGrow:1,flexWrap:"wrap",display:"flex"}}),["row"]);function Ee(r,e){if(!0===e)return{flexBasis:0,flexGrow:1,maxWidth:"100%"};if("auto"===e)return{flex:"0 0 auto",maxWidth:"none",width:"auto"};var t=H(e)(r);return{flex:"0 0 "+t,maxWidth:t}}var De=T((function(r){var e=r.col,t={boxSizing:"border-box",flexBasis:0,flexGrow:1,maxWidth:"100%"};return i(e)?Ne({},t,A(r,e,(function(e){return Ee(r,e)}))):Ne({},t,Ee(r,e))}),["col"]),Ze=z(Ve,De),qe=z(Q,V,dr,Mr,le,kr,xe,Ce,re,_e,Ze),Je=function(r){return function(e){return u(e,r)}};[L,I,H,M,U,X,Y,we,lr,ge,Fr,Re,Be,Pe,Te,We,O].forEach((function(r){Je[r.meta.name]=r}));var Ke=function(r,e){return function(t){var o=c(t),n=b(o,r);return null===n?e:[h(n)+" {",e,"}"]}},Qe=function(r,e){return function(t){var o=c(t),n=G(o,r);return null===n?null:[y(n)+" {",e,"}"]}},Ue={px:function(r){return d(l(r))},border:function(r){return o(r)&&r>0?d(r)+" solid":r}};r.alignContent=Cr,r.alignItems=Sr,r.alignSelf=Ir,r.background=E,r.backgroundColor=D,r.backgroundImage=Z,r.backgroundPosition=J,r.backgroundRepeat=K,r.backgroundSize=q,r.backgrounds=Q,r.basics=V,r.between=function(r,e,t){return function(o){var n=c(o),i=b(n,r),p=G(n,e);return null===p?Ke(r,t)(o):null===i?Qe(e,t)(o):[v(i,p)+" {",t,"}"]}},r.border=$,r.borderBottom=nr,r.borderBottomColor=ir,r.borderColor=ur,r.borderLeft=pr,r.borderLeftColor=ar,r.borderRadius=sr,r.borderRight=tr,r.borderRightColor=or,r.borderStyle=mr,r.borderTop=rr,r.borderTopColor=er,r.borderWidth=fr,r.borders=dr,r.bottom=be,r.boxShadow=ke,r.breakpoints=function(r){return function(e){for(var t=[],o=Object.keys(r),n=o.length,i=0;i<n;i++){var p=o[i],a=r[p],u=Ke(p,a)(e);Array.isArray(u)?u.forEach((function(r){return t.push(r)})):t.push(u)}return t}},r.col=De,r.color=Oe,r.compose=z,r.createStyleGenerator=T,r.createSystemComponent=function(r,e,t){var o=r.createElement,n=r.forwardRef;void 0===e&&(e="div"),void 0===t&&(t=qe);var i=n((function(r,n){var i=r.as,p=function(r,e){var t={};for(var o in r)-1===e.indexOf(o)&&(t[o]=r[o]);return t}(function(r,e){if(null==r)return{};var t,o,n={},i=Object.keys(r);for(o=0;o<i.length;o++)t=i[o],e.indexOf(t)>=0||(n[t]=r[t]);return n}(r,["as"]),t.meta.props);return o(i||e,Ne({ref:n},p))}));return i.displayName="SystemComponent",i},r.display=gr,r.down=Qe,r.flex=jr,r.flexBasis=Br,r.flexDirection=zr,r.flexGrow=Wr,r.flexShrink=Ar,r.flexWrap=Tr,r.flexboxes=Mr,r.fontFamily=Ae,r.fontSize=ze,r.fontStyle=Ie,r.fontWeight=Le,r.getBorder=U,r.getBorderStyle=Y,r.getBorderWidth=X,r.getBreakpoints=c,r.getColor=L,r.getFont=Re,r.getFontSize=Be,r.getFontWeight=Te,r.getLetterSpacing=We,r.getLineHeight=Pe,r.getPercent=H,r.getPx=I,r.getRadius=M,r.getShadow=we,r.getSize=lr,r.getSpace=Fr,r.getTransition=O,r.getZIndex=ge,r.gridArea=de,r.gridAutoColumns=ae,r.gridAutoFlow=pe,r.gridAutoRows=ue,r.gridColumn=ne,r.gridColumnGap=te,r.gridGap=ee,r.gridRow=ie,r.gridRowGap=oe,r.gridTemplateAreas=se,r.gridTemplateColumns=fe,r.gridTemplateRows=me,r.grids=le,r.height=hr,r.justifyContent=Rr,r.justifyItems=Pr,r.justifySelf=Lr,r.layout=kr,r.left=Ge,r.letterSpacing=Me,r.lineHeight=je,r.margin=_r,r.marginBottom=Er,r.marginLeft=Dr,r.marginRight=Vr,r.marginTop=Nr,r.maxHeight=vr,r.maxWidth=yr,r.minHeight=Gr,r.minWidth=br,r.mx=Zr,r.my=qr,r.opacity=F,r.order=Hr,r.overflow=_,r.padding=Jr,r.paddingBottom=Ur,r.paddingLeft=Xr,r.paddingRight=Qr,r.paddingTop=Kr,r.position=ce,r.positioning=xe,r.px=Yr,r.py=$r,r.reduceBreakpoints=A,r.right=ve,r.row=Ve,r.rpxTransformers=Ue,r.shadows=Ce,r.size=xr,r.space=re,r.style=j,r.system=qe,r.textAlign=He,r.textShadow=Se,r.textTransform=Fe,r.th=Je,r.themeGetter=R,r.top=ye,r.transition=N,r.typography=_e,r.up=Ke,r.variant=function(r){var e=r.key,o=void 0===e?null:e,n=r.default,i=r.variants,f=void 0===i?{}:i,m=r.prop,s=void 0===m?"variant":m;return function(r){var e=t(o)?u(r,o):null,i=a(p({},f),e),m=void 0!==r[s]?r[s]:n;return u(r,m,i)}},r.verticalAlign=wr,r.width=cr,r.xgrids=Ze,r.zIndex=he,Object.defineProperty(r,"__esModule",{value:!0})}));

dist/xstyled-system.umd.js

 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = global || self, factory(global.xstyledSystem = {}));
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.xstyledSystem = {}));
 }(this, (function (exports) { 'use strict';
@@ -613,2 +613,8 @@
   });
+  var flexGrow = /*#__PURE__*/style({
+    prop: 'flexGrow'
+  });
+  var flexShrink = /*#__PURE__*/style({
+    prop: 'flexShrink'
+  });
   var flexBasis = /*#__PURE__*/style({
@@ -633,3 +639,3 @@ prop: 'flexBasis',
   });
-  var flexboxes = /*#__PURE__*/compose(display, alignItems, alignContent, justifyContent, justifyItems, flexWrap, flexBasis, flexDirection, flex, justifySelf, alignSelf, order);
+  var flexboxes = /*#__PURE__*/compose(display, alignItems, alignContent, justifyContent, justifyItems, flexWrap, flexBasis, flexShrink, flexGrow, flexDirection, flex, justifySelf, alignSelf, order);
 
@@ -1139,2 +1145,4 @@ function toNegative(value) {
   exports.flexDirection = flexDirection;
+  exports.flexGrow = flexGrow;
+  exports.flexShrink = flexShrink;
   exports.flexWrap = flexWrap;
@@ -1141,0 +1149,0 @@ exports.flexboxes = flexboxes;

package.json

 {
   "name": "@xstyled/system",
   "description": "Modern style system for styled-components & emotion.",
-  "version": "1.17.2",
+  "version": "1.19.0",
   "keywords": [
@@ -32,6 +32,6 @@ "emotion",
   "dependencies": {
-    "@babel/runtime": "^7.10.5",
-    "@xstyled/util": "^1.17.2"
+    "@babel/runtime": "^7.11.2",
+    "@xstyled/util": "^1.19.0"
   },
-  "gitHead": "997273fad53ec259ccf0714079fc7635ec77b744"
+  "gitHead": "f25ca826b25490a88c097768661d99f25b8cfa1f"
 }

No alert changes

Improved metrics

Total package byte prevSize

115879

increased by1.22%

Lines of code

3023

increased by0.8%

Dependency changes

• Updated@babel/runtime@^7.11.2

• Updated@xstyled/util@^1.19.0