@vtex/admin-ui-system - npm Package Compare versions

Comparing version 0.8.1-experimental.1 to 0.8.1-experimental.2

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [0.8.1-experimental.2](https://github.com/vtex/onda/compare/@vtex/admin-ui-system@0.8.1-experimental.1...@vtex/admin-ui-system@0.8.1-experimental.2) (2021-01-15)
+
+
+### Bug Fixes
+
+* **emotion:** remove emotion-instance ([e5da155](https://github.com/vtex/onda/commit/e5da155c095563d929fd3cf0a2c06dd28d71a2a7))
+
+
+
+
+
 ## [0.8.1-experimental.1](https://github.com/vtex/onda/compare/@vtex/admin-ui-system@0.8.1-experimental.0...@vtex/admin-ui-system@0.8.1-experimental.1) (2021-01-15)
@@ -8,0 +19,0 @@

dist/admin-ui-system.cjs.development.js

@@ -9,3 +9,3 @@ 'use strict';
 var React__default = _interopDefault(React);
-var createEmotion = _interopDefault(require('@emotion/css/create-instance'));
+var css = require('@emotion/css');
 var react = require('@emotion/react');
@@ -22,16 +22,2 @@ var deepmerge = _interopDefault(require('deepmerge'));
 
-var _createEmotion = /*#__PURE__*/createEmotion({
-  key: 'vtex-admin-ui',
-  container: document.head
-}),
-    flush = _createEmotion.flush,
-    hydrate = _createEmotion.hydrate,
-    cx = _createEmotion.cx,
-    getRegisteredStyles = _createEmotion.getRegisteredStyles,
-    injectGlobal = _createEmotion.injectGlobal,
-    keyframes = _createEmotion.keyframes,
-    css = _createEmotion.css,
-    sheet = _createEmotion.sheet,
-    cache = _createEmotion.cache;
-
 function _extends() {
@@ -515,3 +501,3 @@ _extends = Object.assign || function (target) {
       var rawStyles = styles(styleProp)(theme);
-      var className = css(rawStyles);
+      var className = css.css(rawStyles);
       return className;
@@ -798,2 +784,20 @@ }
 
+Object.defineProperty(exports, 'css', {
+  enumerable: true,
+  get: function () {
+    return css.css;
+  }
+});
+Object.defineProperty(exports, 'cx', {
+  enumerable: true,
+  get: function () {
+    return css.cx;
+  }
+});
+Object.defineProperty(exports, 'keyframes', {
+  enumerable: true,
+  get: function () {
+    return css.keyframes;
+  }
+});
 exports.get = get;
@@ -804,3 +808,2 @@ exports.pick = lodash_pick;
 exports.alpha = alpha;
-exports.cache = cache;
 exports.cleanProps = cleanProps;
@@ -811,14 +814,8 @@ exports.complement = complement;
 exports.createThemeProvider = createThemeProvider;
-exports.css = css;
-exports.cx = cx;
 exports.darken = darken;
 exports.desaturate = desaturate;
-exports.flush = flush;
 exports.forwardRef = forwardRef;
 exports.getColor = getColor;
-exports.getRegisteredStyles = getRegisteredStyles;
 exports.grayscale = grayscale;
 exports.hue = hue;
-exports.hydrate = hydrate;
-exports.injectGlobal = injectGlobal;
 exports.invert = invert;
@@ -828,3 +825,2 @@ exports.isFunction = isFunction;
 exports.jsxs = jsxs;
-exports.keyframes = keyframes;
 exports.lighten = lighten;
@@ -839,3 +835,2 @@ exports.lightness = lightness;
 exports.shade = shade;
-exports.sheet = sheet;
 exports.styles = styles;
@@ -842,0 +837,0 @@ exports.tint = tint;

dist/admin-ui-system.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),t=e(r),n=e(require("@emotion/css/create-instance")),o=require("@emotion/react"),i=e(require("deepmerge")),a=e(require("@emotion/react/package.json")),s=e(require("lodash.get")),d=e(require("lodash.pick")),c=e(require("lodash.omit")),u=e(require("lodash.merge")),l=e(require("@emotion/is-prop-valid")),p=e(require("tiny-invariant")),f=require("polished"),g=n({key:"vtex-admin-ui",container:document.head}),m=g.flush,h=g.hydrate,b=g.cx,y=g.getRegisteredStyles,v=g.injectGlobal,x=g.keyframes,S=g.css,k=g.sheet,B=g.cache;function z(){return(z=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var E=r.createContext({EMOTION_VERSION:a.version,theme:{}}),R=function(){return r.useContext(E)},I="function"==typeof Symbol&&Symbol.for,w=I?Symbol.for("react.element"):60103,W=I?Symbol.for("react.forward_ref"):60103,T={isMergeableObject:function(e){return!!e&&"object"==typeof e&&e.$$typeof!==w&&e.$$typeof!==W},arrayMerge:function(e,r){return r}},j=function(e,r){return i(e,r,T)};function C(e){var r=e.context;return t.createElement(o.ThemeContext.Provider,{value:r.theme},t.createElement(E.Provider,{value:r},e.children))}function O(e){var r=e.theme,n=e.children,o=R(),i="function"==typeof r?z({},o,{theme:r(o.theme)}):j.all({},o,{theme:r});return t.createElement(C,{context:i},n)}j.all=function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return i.all(r,T)};var L=function(e){return"function"==typeof e},P=function(e){return 0===Object.keys(e).length&&e.constructor===Object};function q(e,r){var t={};for(var n in e)l(n)&&!r.includes(n)&&(t[n]=e[n]);return t}var G=function(e,r){var t;return z({},e,((t={})[r]=function(e,r){if("number"!=typeof r||r>=0){if("string"==typeof r&&r.startsWith("-")){var t=r.substring(1);return"-"+s(e,t,t)}return s(e,r,r)}var n=Math.abs(r),o=s(e,n,n);return"string"==typeof o?"-"+o:-1*Number(o)},t))},H={bg:"backgroundColor",fontSettings:"fontVariationSettings"},M=[40,52,64].map((function(e){return e+"em"})),A={space:[0,4,8,16,32,64,128,256,512],fontSizes:[12,14,16,20,24,32,48,64,72]},X={marginX:["marginLeft","marginRight"],marginY:["marginTop","marginBottom"],paddingX:["paddingLeft","paddingRight"],paddingY:["paddingTop","paddingBottom"],size:["width","height"]},Y=["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginBlock","marginBlockEnd","marginBlockStart","marginInline","marginInlineEnd","marginInlineStart","top","bottom","left","right"].reduce(G,{}),V={color:"colors",backgroundColor:"colors",borderColor:"colors",caretColor:"colors",columnRuleColor:"colors",opacity:"opacities",transition:"transitions",margin:"space",marginTop:"space",marginRight:"space",marginBottom:"space",marginLeft:"space",marginX:"space",marginY:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",padding:"space",paddingTop:"space",paddingRight:"space",paddingBottom:"space",paddingLeft:"space",paddingX:"space",paddingY:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",scrollPadding:"space",scrollPaddingTop:"space",scrollPaddingRight:"space",scrollPaddingBottom:"space",scrollPaddingLeft:"space",scrollPaddingX:"space",scrollPaddingY:"space",inset:"space",insetBlock:"space",insetBlockEnd:"space",insetBlockStart:"space",insetInline:"space",insetInlineEnd:"space",insetInlineStart:"space",top:"space",right:"space",bottom:"space",left:"space",gridGap:"space",gridColumnGap:"space",gridRowGap:"space",gap:"space",columnGap:"space",rowGap:"space",fontFamily:"fonts",fontSize:"fontSizes",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",border:"border",borderTop:"borders",borderRight:"borders",borderBottom:"borders",borderLeft:"borders",borderWidth:"borderWidths",borderStyle:"borderStyles",borderRadius:"radii",borderTopRightRadius:"radii",borderTopLeftRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",borderTopWidth:"borderWidths",borderTopColor:"colors",borderTopStyle:"borderStyles",borderBottomWidth:"borderWidths",borderBottomColor:"colors",borderBottomStyle:"borderStyles",borderLeftWidth:"borderWidths",borderLeftColor:"colors",borderLeftStyle:"borderStyles",borderRightWidth:"borderWidths",borderRightColor:"colors",borderRightStyle:"borderStyles",borderBlock:"borders",borderBlockEnd:"borders",borderBlockEndStyle:"borderStyles",borderBlockEndWidth:"borderWidths",borderBlockStart:"borders",borderBlockStartStyle:"borderStyles",borderBlockStartWidth:"borderWidths",borderBlockStyle:"borderStyles",borderBlockWidth:"borderWidths",borderEndEndRadius:"radii",borderEndStartRadius:"radii",borderInline:"borders",borderInlineEnd:"borders",borderInlineEndStyle:"borderStyles",borderInlineEndWidth:"borderWidths",borderInlineStart:"borders",borderInlineStartStyle:"borderStyles",borderInlineStartWidth:"borderWidths",borderInlineStyle:"borderStyles",borderInlineWidth:"borderWidths",borderStartEndRadius:"radii",borderStartStartRadius:"radii",outlineColor:"colors",boxShadow:"shadows",textShadow:"shadows",zIndex:"zIndices",width:"sizes",minWidth:"sizes",maxWidth:"sizes",height:"sizes",minHeight:"sizes",maxHeight:"sizes",flexBasis:"sizes",size:"sizes",blockSize:"sizes",inlineSize:"sizes",maxBlockSize:"sizes",maxInlineSize:"sizes",minBlockSize:"sizes",minInlineSize:"sizes",fill:"colors",stroke:"colors",fontVariationSettings:"fontSettings",text:"text"},N=function e(r){return void 0===r&&(r={}),function(t){void 0===t&&(t={});var n=z({},A,"theme"in t?t.theme:t),o={},i="function"==typeof r?r(n):r;i.themeKey&&delete(i=z({},s(n,i.themeKey),i)).themeKey;var a=function(e){return function(r){var t={},n=[null].concat((r&&r.breakpoints||M).map((function(e){return"@media screen and (min-width: "+e+")"})));for(var o in e){var i=o,a=e[i];if("function"==typeof a&&(a=a(null!=r?r:{})),null!=a)if(Array.isArray(a))for(var s=0;s<a.slice(0,n.length).length;s++){var d,c=n[s];c?(t[c]=null!==(d=t[c])&&void 0!==d?d:{},null!=a[s]&&(t[c][i]=a[s])):t[i]=a[s]}else t[i]=a}return t}}(i)(n);for(var d in a){var c=a[d],u="function"==typeof c?c(n):c;if(u&&"object"==typeof u)o[d]=e(u)(n);else{var l=d in H?H[d]:d,p=s(n,l in V?V[l]:void 0,s(n,l,{})),f=s(Y,l,s)(p,u,u),g=f&&"object"==typeof f;if(g){var m,h=f.default;h?"object"==typeof h?(f=e(h)(n),Object.assign(o,f),delete o[l]):((m={})[l]=h,f=m,Object.assign(o,f)):(f=e(f)(n),Object.assign(o,f),delete o[l])}if(l in X)for(var b=X[l],y=0;y<b.length;y++)o[b[y]]=f;else g||(o[l]=f)}}return o}};function $(e){return function(r){return t.createElement(O,{theme:e},r.children)}}function _(e){return{stylesOf:function(r){return s(e,r,{})},cn:function(r){var t=N(r)(e);return S(t)}}}function K(){var e=R().theme;return(P(e)||!e)&&p(!1),e}var D=function(e,r){var t=s(e,"colors."+r,r);return/^var\(--/.test(t)?t.replace(/^var\(--(\w+)(.*?), /,"").replace(/\)/,""):t},F=function(e,r){return function(t){return f.desaturate(r,D(t,e))}};exports.get=s,exports.pick=d,exports.omit=c,exports.isPropValid=l,exports.alpha=function(e,r){return function(t){return f.rgba(D(t,e),r)}},exports.cache=B,exports.cleanProps=function(e,r){void 0===r&&(r=[]);var t=q(e,r);return c.apply(void 0,[t].concat(r))},exports.complement=function(e){return function(r){return f.complement(D(r,e))}},exports.createSystem=function(e){var r=$(e),t=_(e);return{ThemeProvider:r,cn:t.cn,stylesOf:t.stylesOf}},exports.createThemeConsumers=_,exports.createThemeProvider=$,exports.css=S,exports.cx=b,exports.darken=function(e,r){return function(t){return f.darken(r,D(t,e))}},exports.desaturate=F,exports.flush=m,exports.forwardRef=function(e){return t.forwardRef(e)},exports.getColor=D,exports.getRegisteredStyles=y,exports.grayscale=function(e){return F(e,1)},exports.hue=function(e,r){return function(t){return f.setHue(r,D(t,e))}},exports.hydrate=h,exports.injectGlobal=v,exports.invert=function(e){return function(r){return f.invert(D(r,e))}},exports.isFunction=L,exports.isObjectEmpty=P,exports.jsxs=function(e){var r=e.children,n=e.component,o=e.props,i=e.element,a=e.ref;return L(r)?r(o):t.createElement(n,z({as:i},o,{ref:a}),null!=r?r:null==o?void 0:o.children)},exports.keyframes=x,exports.lighten=function(e,r){return function(t){return f.lighten(r,D(t,e))}},exports.lightness=function(e,r){return function(t){return f.setLightness(r,D(t,e))}},exports.merge=function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return u.apply(void 0,[{}].concat(r))},exports.mix=function(e,r,t){return void 0===t&&(t=.5),function(n){return f.mix(t,D(n,e),D(n,r))}},exports.pickHTMLProps=q,exports.rotate=function(e,r){return function(t){return f.adjustHue(r,D(t,e))}},exports.saturate=function(e,r){return function(t){return f.saturate(r,D(t,e))}},exports.saturation=function(e,r){return function(t){return f.setSaturation(r,D(t,e))}},exports.shade=function(e,r){return function(t){return f.shade(r,D(t,e))}},exports.sheet=k,exports.styles=N,exports.tint=function(e,r){return function(t){return f.tint(r,D(t,e))}},exports.transformScale=G,exports.transparentize=function(e,r){return function(t){return f.transparentize(r,D(t,e))}},exports.useClassName=function(e){return(0,_(K()).cn)(e)},exports.useResponsiveValue=function(e){return function(e,t){void 0===t&&(t={});var n=K(),o="function"==typeof e?e(n.theme):e,i=function(e){void 0===e&&(e={});var t=K(),n=e.defaultIndex,o=void 0===n?0:n,i=t.theme&&t.theme.breakpoints||M;if("number"!=typeof o)throw new TypeError("Default breakpoint index should be a number. Got: "+o+", "+typeof o);if(o<0||o>i.length-1)throw new RangeError("Default breakpoint index out of range. Theme has "+i.length+" breakpoints, got index "+o);var a=r.useState(o),s=a[0],d=a[1];return r.useEffect((function(){var e=function(){var e=i.filter((function(e){return window.matchMedia("screen and (min-width: "+e+")").matches})).length;s!==e&&d(e)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[i,s]),s}(t);return o[i>=o.length?o.length-1:i]}(Array.isArray(e)?e:[e])},exports.useTheme=K;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),t=e(r),n=require("@emotion/css"),o=require("@emotion/react"),i=e(require("deepmerge")),a=e(require("@emotion/react/package.json")),s=e(require("lodash.get")),d=e(require("lodash.pick")),c=e(require("lodash.omit")),u=e(require("lodash.merge")),l=e(require("@emotion/is-prop-valid")),p=e(require("tiny-invariant")),f=require("polished");function g(){return(g=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var m=r.createContext({EMOTION_VERSION:a.version,theme:{}}),b=function(){return r.useContext(m)},h="function"==typeof Symbol&&Symbol.for,y=h?Symbol.for("react.element"):60103,v=h?Symbol.for("react.forward_ref"):60103,S={isMergeableObject:function(e){return!!e&&"object"==typeof e&&e.$$typeof!==y&&e.$$typeof!==v},arrayMerge:function(e,r){return r}},x=function(e,r){return i(e,r,S)};function k(e){var r=e.context;return t.createElement(o.ThemeContext.Provider,{value:r.theme},t.createElement(m.Provider,{value:r},e.children))}function B(e){var r=e.theme,n=e.children,o=b(),i="function"==typeof r?g({},o,{theme:r(o.theme)}):x.all({},o,{theme:r});return t.createElement(k,{context:i},n)}x.all=function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return i.all(r,S)};var z=function(e){return"function"==typeof e},E=function(e){return 0===Object.keys(e).length&&e.constructor===Object};function I(e,r){var t={};for(var n in e)l(n)&&!r.includes(n)&&(t[n]=e[n]);return t}var R=function(e,r){var t;return g({},e,((t={})[r]=function(e,r){if("number"!=typeof r||r>=0){if("string"==typeof r&&r.startsWith("-")){var t=r.substring(1);return"-"+s(e,t,t)}return s(e,r,r)}var n=Math.abs(r),o=s(e,n,n);return"string"==typeof o?"-"+o:-1*Number(o)},t))},w={bg:"backgroundColor",fontSettings:"fontVariationSettings"},W=[40,52,64].map((function(e){return e+"em"})),j={space:[0,4,8,16,32,64,128,256,512],fontSizes:[12,14,16,20,24,32,48,64,72]},T={marginX:["marginLeft","marginRight"],marginY:["marginTop","marginBottom"],paddingX:["paddingLeft","paddingRight"],paddingY:["paddingTop","paddingBottom"],size:["width","height"]},O=["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginBlock","marginBlockEnd","marginBlockStart","marginInline","marginInlineEnd","marginInlineStart","top","bottom","left","right"].reduce(R,{}),P={color:"colors",backgroundColor:"colors",borderColor:"colors",caretColor:"colors",columnRuleColor:"colors",opacity:"opacities",transition:"transitions",margin:"space",marginTop:"space",marginRight:"space",marginBottom:"space",marginLeft:"space",marginX:"space",marginY:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",padding:"space",paddingTop:"space",paddingRight:"space",paddingBottom:"space",paddingLeft:"space",paddingX:"space",paddingY:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",scrollPadding:"space",scrollPaddingTop:"space",scrollPaddingRight:"space",scrollPaddingBottom:"space",scrollPaddingLeft:"space",scrollPaddingX:"space",scrollPaddingY:"space",inset:"space",insetBlock:"space",insetBlockEnd:"space",insetBlockStart:"space",insetInline:"space",insetInlineEnd:"space",insetInlineStart:"space",top:"space",right:"space",bottom:"space",left:"space",gridGap:"space",gridColumnGap:"space",gridRowGap:"space",gap:"space",columnGap:"space",rowGap:"space",fontFamily:"fonts",fontSize:"fontSizes",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",border:"border",borderTop:"borders",borderRight:"borders",borderBottom:"borders",borderLeft:"borders",borderWidth:"borderWidths",borderStyle:"borderStyles",borderRadius:"radii",borderTopRightRadius:"radii",borderTopLeftRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",borderTopWidth:"borderWidths",borderTopColor:"colors",borderTopStyle:"borderStyles",borderBottomWidth:"borderWidths",borderBottomColor:"colors",borderBottomStyle:"borderStyles",borderLeftWidth:"borderWidths",borderLeftColor:"colors",borderLeftStyle:"borderStyles",borderRightWidth:"borderWidths",borderRightColor:"colors",borderRightStyle:"borderStyles",borderBlock:"borders",borderBlockEnd:"borders",borderBlockEndStyle:"borderStyles",borderBlockEndWidth:"borderWidths",borderBlockStart:"borders",borderBlockStartStyle:"borderStyles",borderBlockStartWidth:"borderWidths",borderBlockStyle:"borderStyles",borderBlockWidth:"borderWidths",borderEndEndRadius:"radii",borderEndStartRadius:"radii",borderInline:"borders",borderInlineEnd:"borders",borderInlineEndStyle:"borderStyles",borderInlineEndWidth:"borderWidths",borderInlineStart:"borders",borderInlineStartStyle:"borderStyles",borderInlineStartWidth:"borderWidths",borderInlineStyle:"borderStyles",borderInlineWidth:"borderWidths",borderStartEndRadius:"radii",borderStartStartRadius:"radii",outlineColor:"colors",boxShadow:"shadows",textShadow:"shadows",zIndex:"zIndices",width:"sizes",minWidth:"sizes",maxWidth:"sizes",height:"sizes",minHeight:"sizes",maxHeight:"sizes",flexBasis:"sizes",size:"sizes",blockSize:"sizes",inlineSize:"sizes",maxBlockSize:"sizes",maxInlineSize:"sizes",minBlockSize:"sizes",minInlineSize:"sizes",fill:"colors",stroke:"colors",fontVariationSettings:"fontSettings",text:"text"},C=function e(r){return void 0===r&&(r={}),function(t){void 0===t&&(t={});var n=g({},j,"theme"in t?t.theme:t),o={},i="function"==typeof r?r(n):r;i.themeKey&&delete(i=g({},s(n,i.themeKey),i)).themeKey;var a=function(e){return function(r){var t={},n=[null].concat((r&&r.breakpoints||W).map((function(e){return"@media screen and (min-width: "+e+")"})));for(var o in e){var i=o,a=e[i];if("function"==typeof a&&(a=a(null!=r?r:{})),null!=a)if(Array.isArray(a))for(var s=0;s<a.slice(0,n.length).length;s++){var d,c=n[s];c?(t[c]=null!==(d=t[c])&&void 0!==d?d:{},null!=a[s]&&(t[c][i]=a[s])):t[i]=a[s]}else t[i]=a}return t}}(i)(n);for(var d in a){var c=a[d],u="function"==typeof c?c(n):c;if(u&&"object"==typeof u)o[d]=e(u)(n);else{var l=d in w?w[d]:d,p=s(n,l in P?P[l]:void 0,s(n,l,{})),f=s(O,l,s)(p,u,u),m=f&&"object"==typeof f;if(m){var b,h=f.default;h?"object"==typeof h?(f=e(h)(n),Object.assign(o,f),delete o[l]):((b={})[l]=h,f=b,Object.assign(o,f)):(f=e(f)(n),Object.assign(o,f),delete o[l])}if(l in T)for(var y=T[l],v=0;v<y.length;v++)o[y[v]]=f;else m||(o[l]=f)}}return o}};function L(e){return function(r){return t.createElement(B,{theme:e},r.children)}}function q(e){return{stylesOf:function(r){return s(e,r,{})},cn:function(r){var t=C(r)(e);return n.css(t)}}}function H(){var e=b().theme;return(E(e)||!e)&&p(!1),e}var M=function(e,r){var t=s(e,"colors."+r,r);return/^var\(--/.test(t)?t.replace(/^var\(--(\w+)(.*?), /,"").replace(/\)/,""):t},A=function(e,r){return function(t){return f.desaturate(r,M(t,e))}};Object.defineProperty(exports,"css",{enumerable:!0,get:function(){return n.css}}),Object.defineProperty(exports,"cx",{enumerable:!0,get:function(){return n.cx}}),Object.defineProperty(exports,"keyframes",{enumerable:!0,get:function(){return n.keyframes}}),exports.get=s,exports.pick=d,exports.omit=c,exports.isPropValid=l,exports.alpha=function(e,r){return function(t){return f.rgba(M(t,e),r)}},exports.cleanProps=function(e,r){void 0===r&&(r=[]);var t=I(e,r);return c.apply(void 0,[t].concat(r))},exports.complement=function(e){return function(r){return f.complement(M(r,e))}},exports.createSystem=function(e){var r=L(e),t=q(e);return{ThemeProvider:r,cn:t.cn,stylesOf:t.stylesOf}},exports.createThemeConsumers=q,exports.createThemeProvider=L,exports.darken=function(e,r){return function(t){return f.darken(r,M(t,e))}},exports.desaturate=A,exports.forwardRef=function(e){return t.forwardRef(e)},exports.getColor=M,exports.grayscale=function(e){return A(e,1)},exports.hue=function(e,r){return function(t){return f.setHue(r,M(t,e))}},exports.invert=function(e){return function(r){return f.invert(M(r,e))}},exports.isFunction=z,exports.isObjectEmpty=E,exports.jsxs=function(e){var r=e.children,n=e.component,o=e.props,i=e.element,a=e.ref;return z(r)?r(o):t.createElement(n,g({as:i},o,{ref:a}),null!=r?r:null==o?void 0:o.children)},exports.lighten=function(e,r){return function(t){return f.lighten(r,M(t,e))}},exports.lightness=function(e,r){return function(t){return f.setLightness(r,M(t,e))}},exports.merge=function(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return u.apply(void 0,[{}].concat(r))},exports.mix=function(e,r,t){return void 0===t&&(t=.5),function(n){return f.mix(t,M(n,e),M(n,r))}},exports.pickHTMLProps=I,exports.rotate=function(e,r){return function(t){return f.adjustHue(r,M(t,e))}},exports.saturate=function(e,r){return function(t){return f.saturate(r,M(t,e))}},exports.saturation=function(e,r){return function(t){return f.setSaturation(r,M(t,e))}},exports.shade=function(e,r){return function(t){return f.shade(r,M(t,e))}},exports.styles=C,exports.tint=function(e,r){return function(t){return f.tint(r,M(t,e))}},exports.transformScale=R,exports.transparentize=function(e,r){return function(t){return f.transparentize(r,M(t,e))}},exports.useClassName=function(e){return(0,q(H()).cn)(e)},exports.useResponsiveValue=function(e){return function(e,t){void 0===t&&(t={});var n=H(),o="function"==typeof e?e(n.theme):e,i=function(e){void 0===e&&(e={});var t=H(),n=e.defaultIndex,o=void 0===n?0:n,i=t.theme&&t.theme.breakpoints||W;if("number"!=typeof o)throw new TypeError("Default breakpoint index should be a number. Got: "+o+", "+typeof o);if(o<0||o>i.length-1)throw new RangeError("Default breakpoint index out of range. Theme has "+i.length+" breakpoints, got index "+o);var a=r.useState(o),s=a[0],d=a[1];return r.useEffect((function(){var e=function(){var e=i.filter((function(e){return window.matchMedia("screen and (min-width: "+e+")").matches})).length;s!==e&&d(e)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[i,s]),s}(t);return o[i>=o.length?o.length-1:i]}(Array.isArray(e)?e:[e])},exports.useTheme=H;
 //# sourceMappingURL=admin-ui-system.cjs.production.min.js.map

dist/admin-ui-system.esm.js

 import React, { useContext, createContext, useState, useEffect } from 'react';
-import createEmotion from '@emotion/css/create-instance';
+import { css } from '@emotion/css';
+export { css, cx, keyframes } from '@emotion/css';
 import { ThemeContext } from '@emotion/react';
@@ -17,16 +18,2 @@ import deepmerge from 'deepmerge';
 
-var _createEmotion = /*#__PURE__*/createEmotion({
-  key: 'vtex-admin-ui',
-  container: document.head
-}),
-    flush = _createEmotion.flush,
-    hydrate = _createEmotion.hydrate,
-    cx = _createEmotion.cx,
-    getRegisteredStyles = _createEmotion.getRegisteredStyles,
-    injectGlobal = _createEmotion.injectGlobal,
-    keyframes = _createEmotion.keyframes,
-    css = _createEmotion.css,
-    sheet = _createEmotion.sheet,
-    cache = _createEmotion.cache;
-
 function _extends() {
@@ -792,3 +779,3 @@ _extends = Object.assign || function (target) {
 
-export { alpha, cache, cleanProps, complement, createSystem, createThemeConsumers, createThemeProvider, css, cx, darken, desaturate, flush, forwardRef, getColor, getRegisteredStyles, grayscale, hue, hydrate, injectGlobal, invert, isFunction, isObjectEmpty, jsxs, keyframes, lighten, lightness, merge$1 as merge, mix, pickHTMLProps, rotate, saturate, saturation, shade, sheet, styles, tint, transformScale, transparentize, useClassName, useResponsiveValue$1 as useResponsiveValue, useTheme };
+export { alpha, cleanProps, complement, createSystem, createThemeConsumers, createThemeProvider, darken, desaturate, forwardRef, getColor, grayscale, hue, invert, isFunction, isObjectEmpty, jsxs, lighten, lightness, merge$1 as merge, mix, pickHTMLProps, rotate, saturate, saturation, shade, styles, tint, transformScale, transparentize, useClassName, useResponsiveValue$1 as useResponsiveValue, useTheme };
 //# sourceMappingURL=admin-ui-system.esm.js.map

dist/index.d.ts

@@ -8,2 +8,2 @@ export * from './createSystem';
 export * from './color';
-export * from './emotion-instance';
+export { keyframes, css, cx } from '@emotion/css';

package.json

 {
   "name": "@vtex/admin-ui-system",
-  "version": "0.8.1-experimental.1",
+  "version": "0.8.1-experimental.2",
   "main": "dist/index.js",
@@ -57,3 +57,3 @@ "module": "dist/admin-ui-system.esm.js",
   },
-  "gitHead": "b3665e3ba257d87060ca722996c49984be455a20"
+  "gitHead": "4bad6023bfcc0029e85c01d749ae3e8bfe401fc2"
 }

src/emotion-instance.ts

@@ -1,16 +0,16 @@
-import createEmotion from '@emotion/css/create-instance'
+// import createEmotion from '@emotion/css/create-instance'
 
-export const {
-  flush,
-  hydrate,
-  cx,
-  getRegisteredStyles,
-  injectGlobal,
-  keyframes,
-  css,
-  sheet,
-  cache,
-} = createEmotion({
-  key: 'vtex-admin-ui',
-  container: document.head,
-})
+// export const {
+//   flush,
+//   hydrate,
+//   cx,
+//   getRegisteredStyles,
+//   injectGlobal,
+//   keyframes,
+//   css,
+//   sheet,
+//   cache,
+// } = createEmotion({
+//   key: 'vtex-admin-ui',
+//   container: document.head,
+// })

src/index.ts

@@ -8,2 +8,2 @@ export * from './createSystem'
 export * from './color'
-export * from './emotion-instance'
+export { keyframes, css, cx } from '@emotion/css'

No alert changes

Worsened metrics

Total package byte prevSize

268751

decreased by-1.33%

Lines of code

4161

decreased by-0.62%

No dependency changes