@vtex/admin-core - npm Package Compare versions

Comparing version 0.6.0 to 0.6.1

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [0.6.1](https://github.com/vtex/onda/compare/@vtex/admin-core@0.6.0...@vtex/admin-core@0.6.1) (2021-02-12)
+
+
+### Bug Fixes
+
+* **admin-core:** add focus-visible polyfill ([71766bf](https://github.com/vtex/onda/commit/71766bfd3bd7328f81499325172ed45a8f822b7b))
+
+
+
+
+
 # [0.6.0](https://github.com/vtex/onda/compare/@vtex/admin-core@0.5.1...@vtex/admin-core@0.6.0) (2021-02-12)
@@ -8,0 +19,0 @@

dist/admin-core.cjs.development.js

@@ -9,5 +9,6 @@ 'use strict';
 var adminUiSystem = require('@vtex/admin-ui-system');
+var invariant = _interopDefault(require('tiny-invariant'));
+require('focus-visible/dist/focus-visible');
 var adminUiTheme = require('@vtex/admin-ui-theme');
 var react$1 = require('@emotion/react');
-var invariant = _interopDefault(require('tiny-invariant'));
 
@@ -14,0 +15,0 @@ function _extends() {

dist/admin-core.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("react"),t=require("@vtex/admin-ui-system"),r=require("@vtex/admin-ui-theme"),o=require("@emotion/react"),i=(e=require("tiny-invariant"))&&"object"==typeof e&&"default"in e?e.default:e;function a(){return(a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function s(e,n){void 0===n&&(n={overrides:{}});var o=n.components,i=t.merge(r.theme,n.overrides),s=o?Object.assign(i,{components:a({},o,r.theme.components)}):i;return t.createSystem(s,"vtex-"+e)}var u=s("admin-ui");function c(){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      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 c=function(){return t},t}function f(){return t.jsxs(o.Global,{styles:o.css(c(),t.get(r.theme,"colors.light.primary"),t.get(r.theme,"colors.dark.primary"),t.get(r.theme,"fonts.sans"),t.get(r.theme,"fontSettings.regular"),t.get(r.theme,"fonts.sans"),t.get(r.theme,"fontSettings.bold"),t.get(r.theme,"fonts.mono"),t.get(r.theme,"fonts.sans"),t.get(r.theme,"fontSettings.regular"))})}var l=n.createContext(null);Object.defineProperty(exports,"Global",{enumerable:!0,get:function(){return t.Global}}),Object.defineProperty(exports,"alpha",{enumerable:!0,get:function(){return t.alpha}}),Object.defineProperty(exports,"complement",{enumerable:!0,get:function(){return t.complement}}),Object.defineProperty(exports,"createComponent",{enumerable:!0,get:function(){return t.createComponent}}),Object.defineProperty(exports,"css",{enumerable:!0,get:function(){return t.css}}),Object.defineProperty(exports,"darken",{enumerable:!0,get:function(){return t.darken}}),Object.defineProperty(exports,"desaturate",{enumerable:!0,get:function(){return t.desaturate}}),Object.defineProperty(exports,"forwardRef",{enumerable:!0,get:function(){return t.forwardRef}}),Object.defineProperty(exports,"get",{enumerable:!0,get:function(){return t.get}}),Object.defineProperty(exports,"getColor",{enumerable:!0,get:function(){return t.getColor}}),Object.defineProperty(exports,"grayscale",{enumerable:!0,get:function(){return t.grayscale}}),Object.defineProperty(exports,"hue",{enumerable:!0,get:function(){return t.hue}}),Object.defineProperty(exports,"inlineVariant",{enumerable:!0,get:function(){return t.inlineVariant}}),Object.defineProperty(exports,"invert",{enumerable:!0,get:function(){return t.invert}}),Object.defineProperty(exports,"isFunction",{enumerable:!0,get:function(){return t.isFunction}}),Object.defineProperty(exports,"isObjectEmpty",{enumerable:!0,get:function(){return t.isObjectEmpty}}),Object.defineProperty(exports,"jsxs",{enumerable:!0,get:function(){return t.jsxs}}),Object.defineProperty(exports,"lighten",{enumerable:!0,get:function(){return t.lighten}}),Object.defineProperty(exports,"lightness",{enumerable:!0,get:function(){return t.lightness}}),Object.defineProperty(exports,"merge",{enumerable:!0,get:function(){return t.merge}}),Object.defineProperty(exports,"mix",{enumerable:!0,get:function(){return t.mix}}),Object.defineProperty(exports,"omit",{enumerable:!0,get:function(){return t.omit}}),Object.defineProperty(exports,"pick",{enumerable:!0,get:function(){return t.pick}}),Object.defineProperty(exports,"rotate",{enumerable:!0,get:function(){return t.rotate}}),Object.defineProperty(exports,"saturate",{enumerable:!0,get:function(){return t.saturate}}),Object.defineProperty(exports,"saturation",{enumerable:!0,get:function(){return t.saturation}}),Object.defineProperty(exports,"shade",{enumerable:!0,get:function(){return t.shade}}),Object.defineProperty(exports,"tint",{enumerable:!0,get:function(){return t.tint}}),Object.defineProperty(exports,"transparentize",{enumerable:!0,get:function(){return t.transparentize}}),Object.defineProperty(exports,"useResponsiveValue",{enumerable:!0,get:function(){return t.useResponsiveValue}}),Object.defineProperty(exports,"useTheme",{enumerable:!0,get:function(){return t.useTheme}}),Object.defineProperty(exports,"theme",{enumerable:!0,get:function(){return r.theme}}),exports.ThemeProvider=function(e){var n=e.children,r=e.system,o=void 0===r?u:r;return t.jsxs(t.CacheProvider,{value:o.emotionInstance.cache},t.jsxs.apply(void 0,[l.Provider,{value:o}].concat([t.jsxs(f,{}),t.jsxs(o.ThemeProvider,{},n)])))},exports.createSystem=s,exports.defaultSystem=u,exports.useSystem=function(){var e=n.useContext(l);e||i(!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-system"),r=(e=require("tiny-invariant"))&&"object"==typeof e&&"default"in e?e.default:e;require("focus-visible/dist/focus-visible");var o=require("@vtex/admin-ui-theme"),i=require("@emotion/react");function s(){return(s=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function a(e,n){void 0===n&&(n={overrides:{}});var r=n.components,i=t.merge(o.theme,n.overrides),a=r?Object.assign(i,{components:s({},r,o.theme.components)}):i;return t.createSystem(a,"vtex-"+e)}var u=a("admin-ui");function c(){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      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 c=function(){return t},t}function f(){return t.jsxs(i.Global,{styles:i.css(c(),t.get(o.theme,"colors.light.primary"),t.get(o.theme,"colors.dark.primary"),t.get(o.theme,"fonts.sans"),t.get(o.theme,"fontSettings.regular"),t.get(o.theme,"fonts.sans"),t.get(o.theme,"fontSettings.bold"),t.get(o.theme,"fonts.mono"),t.get(o.theme,"fonts.sans"),t.get(o.theme,"fontSettings.regular"))})}var l=n.createContext(null);Object.defineProperty(exports,"Global",{enumerable:!0,get:function(){return t.Global}}),Object.defineProperty(exports,"alpha",{enumerable:!0,get:function(){return t.alpha}}),Object.defineProperty(exports,"complement",{enumerable:!0,get:function(){return t.complement}}),Object.defineProperty(exports,"createComponent",{enumerable:!0,get:function(){return t.createComponent}}),Object.defineProperty(exports,"css",{enumerable:!0,get:function(){return t.css}}),Object.defineProperty(exports,"darken",{enumerable:!0,get:function(){return t.darken}}),Object.defineProperty(exports,"desaturate",{enumerable:!0,get:function(){return t.desaturate}}),Object.defineProperty(exports,"forwardRef",{enumerable:!0,get:function(){return t.forwardRef}}),Object.defineProperty(exports,"get",{enumerable:!0,get:function(){return t.get}}),Object.defineProperty(exports,"getColor",{enumerable:!0,get:function(){return t.getColor}}),Object.defineProperty(exports,"grayscale",{enumerable:!0,get:function(){return t.grayscale}}),Object.defineProperty(exports,"hue",{enumerable:!0,get:function(){return t.hue}}),Object.defineProperty(exports,"inlineVariant",{enumerable:!0,get:function(){return t.inlineVariant}}),Object.defineProperty(exports,"invert",{enumerable:!0,get:function(){return t.invert}}),Object.defineProperty(exports,"isFunction",{enumerable:!0,get:function(){return t.isFunction}}),Object.defineProperty(exports,"isObjectEmpty",{enumerable:!0,get:function(){return t.isObjectEmpty}}),Object.defineProperty(exports,"jsxs",{enumerable:!0,get:function(){return t.jsxs}}),Object.defineProperty(exports,"lighten",{enumerable:!0,get:function(){return t.lighten}}),Object.defineProperty(exports,"lightness",{enumerable:!0,get:function(){return t.lightness}}),Object.defineProperty(exports,"merge",{enumerable:!0,get:function(){return t.merge}}),Object.defineProperty(exports,"mix",{enumerable:!0,get:function(){return t.mix}}),Object.defineProperty(exports,"omit",{enumerable:!0,get:function(){return t.omit}}),Object.defineProperty(exports,"pick",{enumerable:!0,get:function(){return t.pick}}),Object.defineProperty(exports,"rotate",{enumerable:!0,get:function(){return t.rotate}}),Object.defineProperty(exports,"saturate",{enumerable:!0,get:function(){return t.saturate}}),Object.defineProperty(exports,"saturation",{enumerable:!0,get:function(){return t.saturation}}),Object.defineProperty(exports,"shade",{enumerable:!0,get:function(){return t.shade}}),Object.defineProperty(exports,"tint",{enumerable:!0,get:function(){return t.tint}}),Object.defineProperty(exports,"transparentize",{enumerable:!0,get:function(){return t.transparentize}}),Object.defineProperty(exports,"useResponsiveValue",{enumerable:!0,get:function(){return t.useResponsiveValue}}),Object.defineProperty(exports,"useTheme",{enumerable:!0,get:function(){return t.useTheme}}),Object.defineProperty(exports,"theme",{enumerable:!0,get:function(){return o.theme}}),exports.ThemeProvider=function(e){var n=e.children,r=e.system,o=void 0===r?u:r;return t.jsxs(t.CacheProvider,{value:o.emotionInstance.cache},t.jsxs.apply(void 0,[l.Provider,{value:o}].concat([t.jsxs(f,{}),t.jsxs(o.ThemeProvider,{},n)])))},exports.createSystem=a,exports.defaultSystem=u,exports.useSystem=function(){var e=n.useContext(l);e||r(!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

 import { useContext, createContext } from 'react';
 import { merge, createSystem as createSystem$1, jsxs, get, CacheProvider } 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';
+import 'focus-visible/dist/focus-visible';
 import { theme } from '@vtex/admin-ui-theme';
 export { theme } from '@vtex/admin-ui-theme';
 import { Global, css } from '@emotion/react';
-import invariant from 'tiny-invariant';
 
@@ -9,0 +10,0 @@ function _extends() {

dist/core.d.ts

 import { ReactNode } from 'react';
+/** focus-visible polyfill  */
+import 'focus-visible/dist/focus-visible';
 import { createSystem } from './system';
@@ -3,0 +5,0 @@ export declare function ThemeProvider(props: ThemeProviderProps): 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>)>;

package.json

 {
   "name": "@vtex/admin-core",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "main": "dist/index.js",
@@ -45,3 +45,3 @@ "module": "dist/admin-core.esm.js",
   },
-  "gitHead": "c9b76cbe75481fad77598c6aca12aa5f824982e6"
+  "gitHead": "e19e9009635a69e317580cae4583e36fb42d33ad"
 }

src/core.ts

 import { createContext, ReactNode, useContext } from 'react'
 import { CacheProvider } from '@vtex/admin-ui-system'
+import invariant from 'tiny-invariant'
+/** focus-visible polyfill  */
+import 'focus-visible/dist/focus-visible'
+
 import { createSystem, jsxs, defaultSystem } from './system'
 import { GlobalStyles } from './global'
-import invariant from 'tiny-invariant'
 
@@ -7,0 +10,0 @@ const SystemContext = createContext<ReturnType<typeof createSystem> | null>(

No alert changes

Improved metrics

Total package byte prevSize

59332

increased by1.34%

Lines of code

745

increased by0.81%

No dependency changes