@vtex/admin-core - npm Package Compare versions

Comparing version 0.4.1 to 0.5.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [0.5.0](https://github.com/vtex/onda/compare/@vtex/admin-core@0.4.1...@vtex/admin-core@0.5.0) (2021-02-02)
+
+
+### Features
+
+* **jsxs:** create package to standarize component creation ([8af7695](https://github.com/vtex/onda/commit/8af7695c761d60f9cedb9f18086e414cd7ceb25e))
+
+
+
+
+
 ## [0.4.1](https://github.com/vtex/onda/compare/@vtex/admin-core@0.4.0...@vtex/admin-core@0.4.1) (2021-02-01)
@@ -8,0 +19,0 @@

dist/admin-core.cjs.development.js

@@ -7,7 +7,5 @@ 'use strict';
 
-var React = require('react');
-var React__default = _interopDefault(React);
+var react = require('react');
 var adminUiTheme = require('@vtex/admin-ui-theme');
 var adminUiSystem = require('@vtex/admin-ui-system');
-var react = require('@emotion/react');
 var invariant = _interopDefault(require('tiny-invariant'));
@@ -25,3 +23,3 @@
 function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n        @import 'https://io.vtex.com.br/fonts/vtex-trust/style.css';\n        body {\n          margin: 0;\n          background-color: ", ";\n          color: ", ";\n        }\n        html,\n        body {\n          font-family: ", " !important;\n          font-variation-settings: ", ";\n        }\n        strong,\n        b {\n          font-family: ", " !important;\n          font-variation-settings: ", ";\n        }\n        pre,\n        code {\n          font-family: ", " !important;\n        }\n        * {\n          font-family: ", " !important;\n          font-variation-settings: ", ";\n        }\n        *,\n        ::before,\n        ::after {\n          box-sizing: border-box;\n          border-width: 0;\n          border-style: solid;\n        }\n        html,\n        body,\n        div,\n        span,\n        applet,\n        object,\n        iframe,\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6,\n        p,\n        blockquote,\n        a,\n        abbr,\n        acronym,\n        address,\n        big,\n        cite,\n        del,\n        dfn,\n        em,\n        img,\n        ins,\n        kbd,\n        q,\n        s,\n        samp,\n        small,\n        strike,\n        strong,\n        sub,\n        sup,\n        tt,\n        var,\n        b,\n        u,\n        i,\n        center,\n        dl,\n        dt,\n        dd,\n        ol,\n        ul,\n        li,\n        fieldset,\n        form,\n        label,\n        legend,\n        table,\n        caption,\n        tbody,\n        tfoot,\n        thead,\n        tr,\n        th,\n        td,\n        article,\n        aside,\n        canvas,\n        details,\n        embed,\n        figure,\n        figcaption,\n        footer,\n        header,\n        hgroup,\n        menu,\n        nav,\n        output,\n        ruby,\n        section,\n        summary,\n        time,\n        mark,\n        audio,\n        video {\n          margin: 0;\n          padding: 0;\n          border: 0;\n          font-size: 100%;\n          font: inherit;\n          vertical-align: baseline;\n        }\n        /* HTML5 display-role reset for older browsers */\n        article,\n        aside,\n        details,\n        figcaption,\n        figure,\n        footer,\n        header,\n        hgroup,\n        menu,\n        nav,\n        section {\n          display: block;\n        }\n        body {\n          line-height: 1;\n        }\n        blockquote,\n        q {\n          quotes: none;\n        }\n        blockquote:before,\n        blockquote:after,\n        q:before,\n        q:after {\n          content: '';\n          content: none;\n        }\n        table {\n          border-collapse: collapse;\n          border-spacing: 0;\n        }\n      "]);
+  var data = _taggedTemplateLiteralLoose(["\n      @import 'https://io.vtex.com.br/fonts/vtex-trust/style.css';\n      body {\n        margin: 0;\n        background-color: ", ";\n        color: ", ";\n      }\n      html,\n      body {\n        font-family: ", " !important;\n        font-variation-settings: ", ";\n      }\n      strong,\n      b {\n        font-family: ", " !important;\n        font-variation-settings: ", ";\n      }\n      pre,\n      code {\n        font-family: ", " !important;\n      }\n      * {\n        font-family: ", " !important;\n        font-variation-settings: ", ";\n      }\n      *,\n      ::before,\n      ::after {\n        box-sizing: border-box;\n        border-width: 0;\n        border-style: solid;\n      }\n      html,\n      body,\n      div,\n      span,\n      applet,\n      object,\n      iframe,\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6,\n      p,\n      blockquote,\n      a,\n      abbr,\n      acronym,\n      address,\n      big,\n      cite,\n      del,\n      dfn,\n      em,\n      img,\n      ins,\n      kbd,\n      q,\n      s,\n      samp,\n      small,\n      strike,\n      strong,\n      sub,\n      sup,\n      tt,\n      var,\n      b,\n      u,\n      i,\n      center,\n      dl,\n      dt,\n      dd,\n      ol,\n      ul,\n      li,\n      fieldset,\n      form,\n      label,\n      legend,\n      table,\n      caption,\n      tbody,\n      tfoot,\n      thead,\n      tr,\n      th,\n      td,\n      article,\n      aside,\n      canvas,\n      details,\n      embed,\n      figure,\n      figcaption,\n      footer,\n      header,\n      hgroup,\n      menu,\n      nav,\n      output,\n      ruby,\n      section,\n      summary,\n      time,\n      mark,\n      audio,\n      video {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        font-size: 100%;\n        font: inherit;\n        vertical-align: baseline;\n      }\n      /* HTML5 display-role reset for older browsers */\n      article,\n      aside,\n      details,\n      figcaption,\n      figure,\n      footer,\n      header,\n      hgroup,\n      menu,\n      nav,\n      section {\n        display: block;\n      }\n      body {\n        line-height: 1;\n      }\n      blockquote,\n      q {\n        quotes: none;\n      }\n      blockquote:before,\n      blockquote:after,\n      q:before,\n      q:after {\n        content: '';\n        content: none;\n      }\n      table {\n        border-collapse: collapse;\n        border-spacing: 0;\n      }\n    "]);
 
@@ -34,3 +32,3 @@ _templateObject = function _templateObject() {
 }
-var SystemContext = /*#__PURE__*/React.createContext(null);
+var SystemContext = /*#__PURE__*/react.createContext(null);
 var defaultSystem = /*#__PURE__*/createSystem('admin-ui');
@@ -41,7 +39,7 @@ function CoreProvider(props) {
       system = _props$system === void 0 ? defaultSystem : _props$system;
-  return React__default.createElement(react.CacheProvider, {
+  return adminUiSystem.jsxs(adminUiSystem.CacheProvider, {
     value: system.emotionInstance.cache
-  }, React__default.createElement(SystemContext.Provider, {
+  }, adminUiSystem.jsxs.apply(void 0, [SystemContext.Provider, {
     value: system
-  }, React__default.createElement(GlobalStyles, null), React__default.createElement(system.ThemeProvider, null, children)));
+  }].concat([adminUiSystem.jsxs(GlobalStyles, {}), adminUiSystem.jsxs(system.ThemeProvider, {}, children)])));
 }
@@ -52,3 +50,3 @@ function createSystem(appKey) {
 function useSystem() {
-  var context = React.useContext(SystemContext);
+  var context = react.useContext(SystemContext);
   !context ?  invariant(false, "Do not use admin core functionalities outside of Admin context")  : void 0;
@@ -65,6 +63,13 @@ var cn = context.cn,
 }
+function ThemeProvider(props) {
+  var children = props.children,
+      system = props.system;
+  return adminUiSystem.jsxs(CoreProvider, {
+    system: system
+  }, children);
+}
 
 function GlobalStyles() {
-  return React__default.createElement(react.Global, {
-    styles: react.css(_templateObject(), adminUiSystem.get(adminUiTheme.theme, 'colors.light.primary'), adminUiSystem.get(adminUiTheme.theme, 'colors.dark.primary'), adminUiSystem.get(adminUiTheme.theme, 'fonts.sans'), adminUiSystem.get(adminUiTheme.theme, 'fontSettings.regular'), adminUiSystem.get(adminUiTheme.theme, 'fonts.sans'), adminUiSystem.get(adminUiTheme.theme, 'fontSettings.bold'), adminUiSystem.get(adminUiTheme.theme, 'fonts.mono'), adminUiSystem.get(adminUiTheme.theme, 'fonts.sans'), adminUiSystem.get(adminUiTheme.theme, 'fontSettings.regular'))
+  return adminUiSystem.jsxs(adminUiSystem.Global, {
+    styles: adminUiSystem.css(_templateObject(), adminUiSystem.get(adminUiTheme.theme, 'colors.light.primary'), adminUiSystem.get(adminUiTheme.theme, 'colors.dark.primary'), adminUiSystem.get(adminUiTheme.theme, 'fonts.sans'), adminUiSystem.get(adminUiTheme.theme, 'fontSettings.regular'), adminUiSystem.get(adminUiTheme.theme, 'fonts.sans'), adminUiSystem.get(adminUiTheme.theme, 'fontSettings.bold'), adminUiSystem.get(adminUiTheme.theme, 'fonts.mono'), adminUiSystem.get(adminUiTheme.theme, 'fonts.sans'), adminUiSystem.get(adminUiTheme.theme, 'fontSettings.regular'))
   });
@@ -79,12 +84,12 @@ }
 });
-Object.defineProperty(exports, 'alpha', {
+Object.defineProperty(exports, 'Global', {
   enumerable: true,
   get: function () {
-    return adminUiSystem.alpha;
+    return adminUiSystem.Global;
   }
 });
-Object.defineProperty(exports, 'cleanProps', {
+Object.defineProperty(exports, 'alpha', {
   enumerable: true,
   get: function () {
-    return adminUiSystem.cleanProps;
+    return adminUiSystem.alpha;
   }
@@ -98,2 +103,14 @@ });
 });
+Object.defineProperty(exports, 'createComponent', {
+  enumerable: true,
+  get: function () {
+    return adminUiSystem.createComponent;
+  }
+});
+Object.defineProperty(exports, 'css', {
+  enumerable: true,
+  get: function () {
+    return adminUiSystem.css;
+  }
+});
 Object.defineProperty(exports, 'darken', {
@@ -165,8 +182,2 @@ enumerable: true,
 });
-Object.defineProperty(exports, 'isPropValid', {
-  enumerable: true,
-  get: function () {
-    return adminUiSystem.isPropValid;
-  }
-});
 Object.defineProperty(exports, 'jsxs', {
@@ -214,8 +225,2 @@ enumerable: true,
 });
-Object.defineProperty(exports, 'pickHTMLProps', {
-  enumerable: true,
-  get: function () {
-    return adminUiSystem.pickHTMLProps;
-  }
-});
 Object.defineProperty(exports, 'rotate', {
@@ -270,4 +275,5 @@ enumerable: true,
 exports.CoreProvider = CoreProvider;
+exports.ThemeProvider = ThemeProvider;
 exports.createSystem = createSystem;
 exports.useSystem = useSystem;
 //# sourceMappingURL=admin-core.cjs.development.js.map

dist/admin-core.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 n=require("react"),t=e(n),r=require("@vtex/admin-ui-theme"),o=require("@vtex/admin-ui-system"),i=require("@emotion/react"),a=e(require("tiny-invariant"));function u(){var e,n,t=(e=["\n        @import 'https://io.vtex.com.br/fonts/vtex-trust/style.css';\n        body {\n          margin: 0;\n          background-color: ",";\n          color: ",";\n        }\n        html,\n        body {\n          font-family: "," !important;\n          font-variation-settings: ",";\n        }\n        strong,\n        b {\n          font-family: "," !important;\n          font-variation-settings: ",";\n        }\n        pre,\n        code {\n          font-family: "," !important;\n        }\n        * {\n          font-family: "," !important;\n          font-variation-settings: ",";\n        }\n        *,\n        ::before,\n        ::after {\n          box-sizing: border-box;\n          border-width: 0;\n          border-style: solid;\n        }\n        html,\n        body,\n        div,\n        span,\n        applet,\n        object,\n        iframe,\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6,\n        p,\n        blockquote,\n        a,\n        abbr,\n        acronym,\n        address,\n        big,\n        cite,\n        del,\n        dfn,\n        em,\n        img,\n        ins,\n        kbd,\n        q,\n        s,\n        samp,\n        small,\n        strike,\n        strong,\n        sub,\n        sup,\n        tt,\n        var,\n        b,\n        u,\n        i,\n        center,\n        dl,\n        dt,\n        dd,\n        ol,\n        ul,\n        li,\n        fieldset,\n        form,\n        label,\n        legend,\n        table,\n        caption,\n        tbody,\n        tfoot,\n        thead,\n        tr,\n        th,\n        td,\n        article,\n        aside,\n        canvas,\n        details,\n        embed,\n        figure,\n        figcaption,\n        footer,\n        header,\n        hgroup,\n        menu,\n        nav,\n        output,\n        ruby,\n        section,\n        summary,\n        time,\n        mark,\n        audio,\n        video {\n          margin: 0;\n          padding: 0;\n          border: 0;\n          font-size: 100%;\n          font: inherit;\n          vertical-align: baseline;\n        }\n        /* HTML5 display-role reset for older browsers */\n        article,\n        aside,\n        details,\n        figcaption,\n        figure,\n        footer,\n        header,\n        hgroup,\n        menu,\n        nav,\n        section {\n          display: block;\n        }\n        body {\n          line-height: 1;\n        }\n        blockquote,\n        q {\n          quotes: none;\n        }\n        blockquote:before,\n        blockquote:after,\n        q:before,\n        q:after {\n          content: '';\n          content: none;\n        }\n        table {\n          border-collapse: collapse;\n          border-spacing: 0;\n        }\n      "],n||(n=e.slice(0)),e.raw=n,e);return u=function(){return t},t}var s=n.createContext(null),c=l("admin-ui");function l(e){return o.createSystem(r.theme,"vtex-"+e)}function f(){return t.createElement(i.Global,{styles:i.css(u(),o.get(r.theme,"colors.light.primary"),o.get(r.theme,"colors.dark.primary"),o.get(r.theme,"fonts.sans"),o.get(r.theme,"fontSettings.regular"),o.get(r.theme,"fonts.sans"),o.get(r.theme,"fontSettings.bold"),o.get(r.theme,"fonts.mono"),o.get(r.theme,"fonts.sans"),o.get(r.theme,"fontSettings.regular"))})}Object.defineProperty(exports,"theme",{enumerable:!0,get:function(){return r.theme}}),Object.defineProperty(exports,"alpha",{enumerable:!0,get:function(){return o.alpha}}),Object.defineProperty(exports,"cleanProps",{enumerable:!0,get:function(){return o.cleanProps}}),Object.defineProperty(exports,"complement",{enumerable:!0,get:function(){return o.complement}}),Object.defineProperty(exports,"darken",{enumerable:!0,get:function(){return o.darken}}),Object.defineProperty(exports,"desaturate",{enumerable:!0,get:function(){return o.desaturate}}),Object.defineProperty(exports,"forwardRef",{enumerable:!0,get:function(){return o.forwardRef}}),Object.defineProperty(exports,"get",{enumerable:!0,get:function(){return o.get}}),Object.defineProperty(exports,"getColor",{enumerable:!0,get:function(){return o.getColor}}),Object.defineProperty(exports,"grayscale",{enumerable:!0,get:function(){return o.grayscale}}),Object.defineProperty(exports,"hue",{enumerable:!0,get:function(){return o.hue}}),Object.defineProperty(exports,"inlineVariant",{enumerable:!0,get:function(){return o.inlineVariant}}),Object.defineProperty(exports,"invert",{enumerable:!0,get:function(){return o.invert}}),Object.defineProperty(exports,"isFunction",{enumerable:!0,get:function(){return o.isFunction}}),Object.defineProperty(exports,"isObjectEmpty",{enumerable:!0,get:function(){return o.isObjectEmpty}}),Object.defineProperty(exports,"isPropValid",{enumerable:!0,get:function(){return o.isPropValid}}),Object.defineProperty(exports,"jsxs",{enumerable:!0,get:function(){return o.jsxs}}),Object.defineProperty(exports,"lighten",{enumerable:!0,get:function(){return o.lighten}}),Object.defineProperty(exports,"lightness",{enumerable:!0,get:function(){return o.lightness}}),Object.defineProperty(exports,"merge",{enumerable:!0,get:function(){return o.merge}}),Object.defineProperty(exports,"mix",{enumerable:!0,get:function(){return o.mix}}),Object.defineProperty(exports,"omit",{enumerable:!0,get:function(){return o.omit}}),Object.defineProperty(exports,"pick",{enumerable:!0,get:function(){return o.pick}}),Object.defineProperty(exports,"pickHTMLProps",{enumerable:!0,get:function(){return o.pickHTMLProps}}),Object.defineProperty(exports,"rotate",{enumerable:!0,get:function(){return o.rotate}}),Object.defineProperty(exports,"saturate",{enumerable:!0,get:function(){return o.saturate}}),Object.defineProperty(exports,"saturation",{enumerable:!0,get:function(){return o.saturation}}),Object.defineProperty(exports,"shade",{enumerable:!0,get:function(){return o.shade}}),Object.defineProperty(exports,"tint",{enumerable:!0,get:function(){return o.tint}}),Object.defineProperty(exports,"transparentize",{enumerable:!0,get:function(){return o.transparentize}}),Object.defineProperty(exports,"useResponsiveValue",{enumerable:!0,get:function(){return o.useResponsiveValue}}),Object.defineProperty(exports,"useTheme",{enumerable:!0,get:function(){return o.useTheme}}),exports.CoreProvider=function(e){var n=e.children,r=e.system,o=void 0===r?c:r;return t.createElement(i.CacheProvider,{value:o.emotionInstance.cache},t.createElement(s.Provider,{value:o},t.createElement(f,null),t.createElement(o.ThemeProvider,null,n)))},exports.createSystem=l,exports.useSystem=function(){var e=n.useContext(s);e||a(!1);var t=e.emotionInstance;return{cn:e.cn,stylesOf:e.stylesOf,keyframes:t.keyframes,cx:t.cx}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("react"),t=require("@vtex/admin-ui-theme"),r=require("@vtex/admin-ui-system"),o=(e=require("tiny-invariant"))&&"object"==typeof e&&"default"in e?e.default:e;function i(){var e,n,t=(e=["\n      @import 'https://io.vtex.com.br/fonts/vtex-trust/style.css';\n      body {\n        margin: 0;\n        background-color: ",";\n        color: ",";\n      }\n      html,\n      body {\n        font-family: "," !important;\n        font-variation-settings: ",";\n      }\n      strong,\n      b {\n        font-family: "," !important;\n        font-variation-settings: ",";\n      }\n      pre,\n      code {\n        font-family: "," !important;\n      }\n      * {\n        font-family: "," !important;\n        font-variation-settings: ",";\n      }\n      *,\n      ::before,\n      ::after {\n        box-sizing: border-box;\n        border-width: 0;\n        border-style: solid;\n      }\n      html,\n      body,\n      div,\n      span,\n      applet,\n      object,\n      iframe,\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6,\n      p,\n      blockquote,\n      a,\n      abbr,\n      acronym,\n      address,\n      big,\n      cite,\n      del,\n      dfn,\n      em,\n      img,\n      ins,\n      kbd,\n      q,\n      s,\n      samp,\n      small,\n      strike,\n      strong,\n      sub,\n      sup,\n      tt,\n      var,\n      b,\n      u,\n      i,\n      center,\n      dl,\n      dt,\n      dd,\n      ol,\n      ul,\n      li,\n      fieldset,\n      form,\n      label,\n      legend,\n      table,\n      caption,\n      tbody,\n      tfoot,\n      thead,\n      tr,\n      th,\n      td,\n      article,\n      aside,\n      canvas,\n      details,\n      embed,\n      figure,\n      figcaption,\n      footer,\n      header,\n      hgroup,\n      menu,\n      nav,\n      output,\n      ruby,\n      section,\n      summary,\n      time,\n      mark,\n      audio,\n      video {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        font-size: 100%;\n        font: inherit;\n        vertical-align: baseline;\n      }\n      /* HTML5 display-role reset for older browsers */\n      article,\n      aside,\n      details,\n      figcaption,\n      figure,\n      footer,\n      header,\n      hgroup,\n      menu,\n      nav,\n      section {\n        display: block;\n      }\n      body {\n        line-height: 1;\n      }\n      blockquote,\n      q {\n        quotes: none;\n      }\n      blockquote:before,\n      blockquote:after,\n      q:before,\n      q:after {\n        content: '';\n        content: none;\n      }\n      table {\n        border-collapse: collapse;\n        border-spacing: 0;\n      }\n    "],n||(n=e.slice(0)),e.raw=n,e);return i=function(){return t},t}var s=n.createContext(null),a=c("admin-ui");function u(e){var n=e.children,t=e.system,o=void 0===t?a:t;return r.jsxs(r.CacheProvider,{value:o.emotionInstance.cache},r.jsxs.apply(void 0,[s.Provider,{value:o}].concat([r.jsxs(f,{}),r.jsxs(o.ThemeProvider,{},n)])))}function c(e){return r.createSystem(t.theme,"vtex-"+e)}function f(){return r.jsxs(r.Global,{styles:r.css(i(),r.get(t.theme,"colors.light.primary"),r.get(t.theme,"colors.dark.primary"),r.get(t.theme,"fonts.sans"),r.get(t.theme,"fontSettings.regular"),r.get(t.theme,"fonts.sans"),r.get(t.theme,"fontSettings.bold"),r.get(t.theme,"fonts.mono"),r.get(t.theme,"fonts.sans"),r.get(t.theme,"fontSettings.regular"))})}Object.defineProperty(exports,"theme",{enumerable:!0,get:function(){return t.theme}}),Object.defineProperty(exports,"Global",{enumerable:!0,get:function(){return r.Global}}),Object.defineProperty(exports,"alpha",{enumerable:!0,get:function(){return r.alpha}}),Object.defineProperty(exports,"complement",{enumerable:!0,get:function(){return r.complement}}),Object.defineProperty(exports,"createComponent",{enumerable:!0,get:function(){return r.createComponent}}),Object.defineProperty(exports,"css",{enumerable:!0,get:function(){return r.css}}),Object.defineProperty(exports,"darken",{enumerable:!0,get:function(){return r.darken}}),Object.defineProperty(exports,"desaturate",{enumerable:!0,get:function(){return r.desaturate}}),Object.defineProperty(exports,"forwardRef",{enumerable:!0,get:function(){return r.forwardRef}}),Object.defineProperty(exports,"get",{enumerable:!0,get:function(){return r.get}}),Object.defineProperty(exports,"getColor",{enumerable:!0,get:function(){return r.getColor}}),Object.defineProperty(exports,"grayscale",{enumerable:!0,get:function(){return r.grayscale}}),Object.defineProperty(exports,"hue",{enumerable:!0,get:function(){return r.hue}}),Object.defineProperty(exports,"inlineVariant",{enumerable:!0,get:function(){return r.inlineVariant}}),Object.defineProperty(exports,"invert",{enumerable:!0,get:function(){return r.invert}}),Object.defineProperty(exports,"isFunction",{enumerable:!0,get:function(){return r.isFunction}}),Object.defineProperty(exports,"isObjectEmpty",{enumerable:!0,get:function(){return r.isObjectEmpty}}),Object.defineProperty(exports,"jsxs",{enumerable:!0,get:function(){return r.jsxs}}),Object.defineProperty(exports,"lighten",{enumerable:!0,get:function(){return r.lighten}}),Object.defineProperty(exports,"lightness",{enumerable:!0,get:function(){return r.lightness}}),Object.defineProperty(exports,"merge",{enumerable:!0,get:function(){return r.merge}}),Object.defineProperty(exports,"mix",{enumerable:!0,get:function(){return r.mix}}),Object.defineProperty(exports,"omit",{enumerable:!0,get:function(){return r.omit}}),Object.defineProperty(exports,"pick",{enumerable:!0,get:function(){return r.pick}}),Object.defineProperty(exports,"rotate",{enumerable:!0,get:function(){return r.rotate}}),Object.defineProperty(exports,"saturate",{enumerable:!0,get:function(){return r.saturate}}),Object.defineProperty(exports,"saturation",{enumerable:!0,get:function(){return r.saturation}}),Object.defineProperty(exports,"shade",{enumerable:!0,get:function(){return r.shade}}),Object.defineProperty(exports,"tint",{enumerable:!0,get:function(){return r.tint}}),Object.defineProperty(exports,"transparentize",{enumerable:!0,get:function(){return r.transparentize}}),Object.defineProperty(exports,"useResponsiveValue",{enumerable:!0,get:function(){return r.useResponsiveValue}}),Object.defineProperty(exports,"useTheme",{enumerable:!0,get:function(){return r.useTheme}}),exports.CoreProvider=u,exports.ThemeProvider=function(e){return r.jsxs(u,{system:e.system},e.children)},exports.createSystem=c,exports.useSystem=function(){var e=n.useContext(s);e||o(!1);var t=e.emotionInstance;return{cn:e.cn,stylesOf:e.stylesOf,keyframes:t.keyframes,cx:t.cx}};
 //# sourceMappingURL=admin-core.cjs.production.min.js.map

dist/admin-core.esm.js

@@ -1,7 +0,6 @@
-import React, { useContext, createContext } from 'react';
+import { useContext, createContext } from 'react';
 import { theme } from '@vtex/admin-ui-theme';
 export { theme } from '@vtex/admin-ui-theme';
-import { createSystem as createSystem$1, get } from '@vtex/admin-ui-system';
-export { alpha, cleanProps, complement, darken, desaturate, forwardRef, get, getColor, grayscale, hue, inlineVariant, invert, isFunction, isObjectEmpty, isPropValid, jsxs, lighten, lightness, merge, mix, omit, pick, pickHTMLProps, rotate, saturate, saturation, shade, tint, transparentize, useResponsiveValue, useTheme } from '@vtex/admin-ui-system';
-import { CacheProvider, Global, css } from '@emotion/react';
+import { jsxs, CacheProvider, createSystem as createSystem$1, Global, css, get } from '@vtex/admin-ui-system';
+export { Global, alpha, complement, createComponent, css, darken, desaturate, forwardRef, get, getColor, grayscale, hue, inlineVariant, invert, isFunction, isObjectEmpty, jsxs, lighten, lightness, merge, mix, omit, pick, rotate, saturate, saturation, shade, tint, transparentize, useResponsiveValue, useTheme } from '@vtex/admin-ui-system';
 import invariant from 'tiny-invariant';
@@ -19,3 +18,3 @@
 function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n        @import 'https://io.vtex.com.br/fonts/vtex-trust/style.css';\n        body {\n          margin: 0;\n          background-color: ", ";\n          color: ", ";\n        }\n        html,\n        body {\n          font-family: ", " !important;\n          font-variation-settings: ", ";\n        }\n        strong,\n        b {\n          font-family: ", " !important;\n          font-variation-settings: ", ";\n        }\n        pre,\n        code {\n          font-family: ", " !important;\n        }\n        * {\n          font-family: ", " !important;\n          font-variation-settings: ", ";\n        }\n        *,\n        ::before,\n        ::after {\n          box-sizing: border-box;\n          border-width: 0;\n          border-style: solid;\n        }\n        html,\n        body,\n        div,\n        span,\n        applet,\n        object,\n        iframe,\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6,\n        p,\n        blockquote,\n        a,\n        abbr,\n        acronym,\n        address,\n        big,\n        cite,\n        del,\n        dfn,\n        em,\n        img,\n        ins,\n        kbd,\n        q,\n        s,\n        samp,\n        small,\n        strike,\n        strong,\n        sub,\n        sup,\n        tt,\n        var,\n        b,\n        u,\n        i,\n        center,\n        dl,\n        dt,\n        dd,\n        ol,\n        ul,\n        li,\n        fieldset,\n        form,\n        label,\n        legend,\n        table,\n        caption,\n        tbody,\n        tfoot,\n        thead,\n        tr,\n        th,\n        td,\n        article,\n        aside,\n        canvas,\n        details,\n        embed,\n        figure,\n        figcaption,\n        footer,\n        header,\n        hgroup,\n        menu,\n        nav,\n        output,\n        ruby,\n        section,\n        summary,\n        time,\n        mark,\n        audio,\n        video {\n          margin: 0;\n          padding: 0;\n          border: 0;\n          font-size: 100%;\n          font: inherit;\n          vertical-align: baseline;\n        }\n        /* HTML5 display-role reset for older browsers */\n        article,\n        aside,\n        details,\n        figcaption,\n        figure,\n        footer,\n        header,\n        hgroup,\n        menu,\n        nav,\n        section {\n          display: block;\n        }\n        body {\n          line-height: 1;\n        }\n        blockquote,\n        q {\n          quotes: none;\n        }\n        blockquote:before,\n        blockquote:after,\n        q:before,\n        q:after {\n          content: '';\n          content: none;\n        }\n        table {\n          border-collapse: collapse;\n          border-spacing: 0;\n        }\n      "]);
+  var data = _taggedTemplateLiteralLoose(["\n      @import 'https://io.vtex.com.br/fonts/vtex-trust/style.css';\n      body {\n        margin: 0;\n        background-color: ", ";\n        color: ", ";\n      }\n      html,\n      body {\n        font-family: ", " !important;\n        font-variation-settings: ", ";\n      }\n      strong,\n      b {\n        font-family: ", " !important;\n        font-variation-settings: ", ";\n      }\n      pre,\n      code {\n        font-family: ", " !important;\n      }\n      * {\n        font-family: ", " !important;\n        font-variation-settings: ", ";\n      }\n      *,\n      ::before,\n      ::after {\n        box-sizing: border-box;\n        border-width: 0;\n        border-style: solid;\n      }\n      html,\n      body,\n      div,\n      span,\n      applet,\n      object,\n      iframe,\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6,\n      p,\n      blockquote,\n      a,\n      abbr,\n      acronym,\n      address,\n      big,\n      cite,\n      del,\n      dfn,\n      em,\n      img,\n      ins,\n      kbd,\n      q,\n      s,\n      samp,\n      small,\n      strike,\n      strong,\n      sub,\n      sup,\n      tt,\n      var,\n      b,\n      u,\n      i,\n      center,\n      dl,\n      dt,\n      dd,\n      ol,\n      ul,\n      li,\n      fieldset,\n      form,\n      label,\n      legend,\n      table,\n      caption,\n      tbody,\n      tfoot,\n      thead,\n      tr,\n      th,\n      td,\n      article,\n      aside,\n      canvas,\n      details,\n      embed,\n      figure,\n      figcaption,\n      footer,\n      header,\n      hgroup,\n      menu,\n      nav,\n      output,\n      ruby,\n      section,\n      summary,\n      time,\n      mark,\n      audio,\n      video {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        font-size: 100%;\n        font: inherit;\n        vertical-align: baseline;\n      }\n      /* HTML5 display-role reset for older browsers */\n      article,\n      aside,\n      details,\n      figcaption,\n      figure,\n      footer,\n      header,\n      hgroup,\n      menu,\n      nav,\n      section {\n        display: block;\n      }\n      body {\n        line-height: 1;\n      }\n      blockquote,\n      q {\n        quotes: none;\n      }\n      blockquote:before,\n      blockquote:after,\n      q:before,\n      q:after {\n        content: '';\n        content: none;\n      }\n      table {\n        border-collapse: collapse;\n        border-spacing: 0;\n      }\n    "]);
 
@@ -34,7 +33,7 @@ _templateObject = function _templateObject() {
       system = _props$system === void 0 ? defaultSystem : _props$system;
-  return React.createElement(CacheProvider, {
+  return jsxs(CacheProvider, {
     value: system.emotionInstance.cache
-  }, React.createElement(SystemContext.Provider, {
+  }, jsxs.apply(void 0, [SystemContext.Provider, {
     value: system
-  }, React.createElement(GlobalStyles, null), React.createElement(system.ThemeProvider, null, children)));
+  }].concat([jsxs(GlobalStyles, {}), jsxs(system.ThemeProvider, {}, children)])));
 }
@@ -57,5 +56,12 @@ function createSystem(appKey) {
 }
+function ThemeProvider(props) {
+  var children = props.children,
+      system = props.system;
+  return jsxs(CoreProvider, {
+    system: system
+  }, children);
+}
 
 function GlobalStyles() {
-  return React.createElement(Global, {
+  return jsxs(Global, {
     styles: css(_templateObject(), get(theme, 'colors.light.primary'), get(theme, 'colors.dark.primary'), get(theme, 'fonts.sans'), get(theme, 'fontSettings.regular'), get(theme, 'fonts.sans'), get(theme, 'fontSettings.bold'), get(theme, 'fonts.mono'), get(theme, 'fonts.sans'), get(theme, 'fontSettings.regular'))
@@ -65,3 +71,3 @@ });
 
-export { CoreProvider, createSystem, useSystem };
+export { CoreProvider, ThemeProvider, createSystem, useSystem };
 //# sourceMappingURL=admin-core.esm.js.map

dist/core.d.ts

 import { ReactNode } from 'react';
-export declare function CoreProvider(props: CoreProviderProps): JSX.Element;
+export declare function CoreProvider(props: CoreProviderProps): import("react").ReactElement<import("react").ProviderProps<import("@emotion/css").EmotionCache>, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
 export declare function createSystem(appKey: string): import("@vtex/admin-ui-system").CreateSystemReturn;
@@ -13,2 +13,7 @@ export declare function useSystem(): {
 };
+export declare function ThemeProvider(props: ThemeProviderProps): import("react").ReactElement<CoreProviderProps, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+export interface ThemeProviderProps {
+    children?: ReactNode;
+    system?: ReturnType<typeof createSystem>;
+}
 export interface CoreProviderProps {
@@ -15,0 +20,0 @@ children?: ReactNode;

dist/system.d.ts

@@ -1,1 +0,1 @@
-export { useTheme, jsxs, JSXSParams, useResponsiveValue, get, pick, omit, isFunction, isObjectEmpty, merge, cleanProps, pickHTMLProps, isPropValid, forwardRef, inlineVariant, StyleProp, StyleObject, ResponsiveValue, darken, lighten, grayscale, getColor, rotate, hue, saturation, lightness, saturate, desaturate, shade, tint, transparentize, alpha, mix, complement, invert, Colors, } from '@vtex/admin-ui-system';
+export { Global, css, jsxs, createComponent, isFunction, useTheme, useResponsiveValue, get, pick, omit, isObjectEmpty, merge, forwardRef, inlineVariant, StyleProp, StyleObject, ResponsiveValue, darken, lighten, grayscale, getColor, rotate, hue, saturation, lightness, saturate, desaturate, shade, tint, transparentize, alpha, mix, complement, invert, Colors, } from '@vtex/admin-ui-system';

package.json

 {
   "name": "@vtex/admin-core",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "main": "dist/index.js",
@@ -36,5 +36,4 @@ "module": "dist/admin-core.esm.js",
   "dependencies": {
-    "@emotion/react": "^11.1.4",
-    "@vtex/admin-ui-system": "^0.12.0",
-    "@vtex/admin-ui-theme": "^0.18.0",
+    "@vtex/admin-ui-system": "^0.13.0",
+    "@vtex/admin-ui-theme": "^0.18.1",
     "deepmerge": "^4.2.2",
@@ -45,3 +44,3 @@ "focus-visible": "^5.1.0",
   },
-  "gitHead": "7aa5ff8f11a129d054c7ac8f98af9b21e93fb0c8"
+  "gitHead": "7741e0dd54624365807229ebebdc758b81f6fd37"
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

50744

increased by0.62%

Dependency count

8

decreased by-11.11%

Lines of code

655

increased by4.47%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@vtex/admin-jsxs@0.1.2(transitive)

• + Added@vtex/admin-ui-system@0.13.1(transitive)

• - Removed@emotion/react@^11.1.4

• - Removed@emotion/is-prop-valid@1.3.1(transitive)

• - Removed@vtex/admin-ui-system@0.12.0(transitive)

• Updated@vtex/admin-ui-system@^0.13.0

• Updated@vtex/admin-ui-theme@^0.18.1