@chakra-ui/system - npm Package Compare versions

Comparing version 1.0.0-rc.8 to 1.0.0

CHANGELOG.md

@@ -6,13 +6,23 @@ # Change Log
 
-# 1.0.0-rc.8 (2020-10-29)
+# 1.0.0 (2020-11-13)
 
+**Note:** Version bump only for package @chakra-ui/system
 
-### Bug Fixes
 
-* **toast:** allow custom render in update ([eb8bff9](https://github.com/chakra-ui/chakra-ui/commit/eb8bff911e6ec9de0165ab1e8f5ca10d5e022459)), closes [#2362](https://github.com/chakra-ui/chakra-ui/issues/2362)
 
 
 
+# Change Log
 
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.0.0-rc.8 (2020-10-29)
+
+### Bug Fixes
+
+- **toast:** allow custom render in update
+  ([eb8bff9](https://github.com/chakra-ui/chakra-ui/commit/eb8bff911e6ec9de0165ab1e8f5ca10d5e022459)),
+  closes [#2362](https://github.com/chakra-ui/chakra-ui/issues/2362)
+
 # Change Log
@@ -19,0 +29,0 @@

dist/cjs/index.js

@@ -6,10 +6,5 @@ "use strict";
   keyframes: true,
-  CacheProvider: true,
-  ThemeContext: true,
-  Global: true,
-  jsx: true,
-  ClassNames: true,
   omitThemingProps: true
 };
-exports.omitThemingProps = exports.ClassNames = exports.jsx = exports.Global = exports.ThemeContext = exports.CacheProvider = exports.keyframes = void 0;
+exports.omitThemingProps = exports.keyframes = void 0;
 
@@ -34,10 +29,5 @@ var _colorMode = require("@chakra-ui/color-mode");
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
-exports.keyframes = _core.keyframes;
-exports.CacheProvider = _core.CacheProvider;
-exports.ThemeContext = _core.ThemeContext;
-exports.Global = _core.Global;
-exports.jsx = _core.jsx;
-exports.ClassNames = _core.ClassNames;
+exports.keyframes = _react.keyframes;
 
@@ -44,0 +34,0 @@ var _hooks = require("./hooks");

dist/cjs/providers.js

@@ -13,4 +13,6 @@ "use strict";
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
+exports.ThemeProvider = _react.ThemeProvider;
+
 var React = _interopRequireWildcard(require("react"));
@@ -22,16 +24,4 @@
 
-var ThemeProvider = function ThemeProvider(props) {
-  var children = props.children,
-      theme = props.theme;
-  var outerTheme = React.useContext(_core.ThemeContext);
-  var mergedTheme = (0, _utils.mergeWith)({}, outerTheme, theme);
-  return /*#__PURE__*/React.createElement(_core.ThemeContext.Provider, {
-    value: mergedTheme
-  }, children);
-};
-
-exports.ThemeProvider = ThemeProvider;
-
 function useTheme() {
-  var theme = React.useContext(_core.ThemeContext);
+  var theme = React.useContext(_react.ThemeContext);
 
@@ -63,3 +53,3 @@ if (!theme) {
 
-  return /*#__PURE__*/React.createElement(_core.Global, {
+  return /*#__PURE__*/React.createElement(_react.Global, {
     styles: function styles(theme) {
@@ -66,0 +56,0 @@ var styleObjectOrFn = (0, _utils.memoizedGet)(theme, "styles.global");

dist/cjs/system.js

@@ -11,3 +11,3 @@ "use strict";
 
-var _styled2 = _interopRequireDefault(require("@emotion/styled"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
@@ -112,10 +112,7 @@ var _shouldForwardProp = require("./should-forward-prop");
 
-  var _styled = (0, _styled2["default"])(component, opts);
-
-  var interpolation = styleResolver({
+  var styledFn = (0, _styled["default"])(component, opts);
+  var args = styleResolver({
     baseStyle: baseStyle
   });
-
-  var StyledComponent = _styled(interpolation);
-
+  var StyledComponent = styledFn(args);
   return StyledComponent;
@@ -122,0 +119,0 @@ }

dist/esm/index.js

 export * from "@chakra-ui/color-mode";
 export * from "@chakra-ui/styled-system";
-export { keyframes, CacheProvider, ThemeContext, Global, jsx, ClassNames } from "@emotion/core";
+export { keyframes } from "@emotion/react";
 export * from "./hooks";
@@ -5,0 +5,0 @@ export * from "./system.types";

dist/esm/providers.js

 import { useColorMode } from "@chakra-ui/color-mode";
 import { css } from "@chakra-ui/styled-system";
-import { createContext, memoizedGet as get, mergeWith, runIfFn } from "@chakra-ui/utils";
-import { Global, ThemeContext } from "@emotion/core";
+import { createContext, memoizedGet as get, runIfFn } from "@chakra-ui/utils";
+import { Global, ThemeContext } from "@emotion/react";
 import * as React from "react";
-export var ThemeProvider = props => {
-  var {
-    children,
-    theme
-  } = props;
-  var outerTheme = React.useContext(ThemeContext);
-  var mergedTheme = mergeWith({}, outerTheme, theme);
-  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-    value: mergedTheme
-  }, children);
-};
+export { ThemeProvider } from "@emotion/react";
 export function useTheme() {
@@ -18,0 +8,0 @@ var theme = React.useContext(ThemeContext);

dist/esm/system.js

@@ -7,3 +7,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { memoizedGet as get, objectFilter, objectAssign, isFunction } from "@chakra-ui/utils";
-import createStyled from "@emotion/styled";
+import emotionStyled from "@emotion/styled";
 import { shouldForwardProp } from "./should-forward-prop";
@@ -101,10 +101,7 @@ import { domElements } from "./system.utils";
 
-  var _styled = createStyled(component, opts);
-
-  var interpolation = styleResolver({
+  var styledFn = emotionStyled(component, opts);
+  var args = styleResolver({
     baseStyle
   });
-
-  var StyledComponent = _styled(interpolation);
-
+  var StyledComponent = styledFn(args);
   return StyledComponent;
@@ -111,0 +108,0 @@ }

dist/types/index.d.ts

 export * from "@chakra-ui/color-mode";
 export * from "@chakra-ui/styled-system";
-export { keyframes, CacheProvider, ThemeContext, Global, jsx, ClassNames, } from "@emotion/core";
-export type { InterpolationWithTheme, ObjectInterpolation } from "@emotion/core";
+export { keyframes } from "@emotion/react";
+export type { Interpolation } from "@emotion/react";
 export * from "./hooks";
@@ -6,0 +6,0 @@ export * from "./system.types";

dist/types/providers.d.ts

 import { SystemStyleObject } from "@chakra-ui/styled-system";
 import { Dict } from "@chakra-ui/utils";
 import * as React from "react";
-export interface ThemeProviderProps {
-    /**
-     * The theme to use for your application
-     */
-    theme: Dict;
-}
-export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export { ThemeProvider } from "@emotion/react";
+export type { ThemeProviderProps } from "@emotion/react";
 export declare function useTheme<T extends object = Dict>(): T;
@@ -12,0 +7,0 @@ declare const StylesProvider: React.Provider<Record<string, SystemStyleObject>>, useStyles: () => Record<string, SystemStyleObject>;

dist/types/system.types.d.ts

 import { ResponsiveValue, SystemProps, SystemStyleObject } from "@chakra-ui/styled-system";
 import { Dict } from "@chakra-ui/utils";
+import { Interpolation } from "@emotion/react";
 import * as React from "react";
@@ -50,2 +51,6 @@ import { ComponentWithAs } from "./forward-ref";
     sx?: SystemStyleObject;
+    /**
+     * The emotion's css style object
+     */
+    css?: Interpolation<{}>;
 }
@@ -52,0 +57,0 @@ export declare type As = React.ElementType;

package.json

 {
   "name": "@chakra-ui/system",
-  "version": "1.0.0-rc.8",
+  "version": "1.0.0",
   "description": "Chakra UI system primitives",
@@ -57,13 +57,13 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/color-mode": "1.0.0-rc.8",
-    "@chakra-ui/styled-system": "1.0.0-rc.8",
-    "@chakra-ui/utils": "1.0.0-rc.8",
-    "@emotion/core": "10.0.35",
-    "@emotion/styled": "10.0.27",
+    "@chakra-ui/color-mode": "1.0.0",
+    "@chakra-ui/styled-system": "1.0.0",
+    "@chakra-ui/utils": "1.0.0",
     "react-fast-compare": "3.2.0"
   },
   "peerDependencies": {
-    "react": "16.x || 17.x"
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "react": ">=16.8.6"
   },
-  "gitHead": "de4cffb1638e8d10cd74515b0289d70eb94931be"
+  "gitHead": "c98ca366cec7151fe7ea4e0b6f893088797c5398"
 }

README.md

@@ -116,3 +116,3 @@ # @chakra-ui/system
 // 2. create or import Button from chakra-ui
-import { Button } from "@chakra-ui/core"
+import { Button } from "@chakra-ui/react"
 
@@ -119,0 +119,0 @@ // or your own button

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

116642

decreased by-2.28%

Lines of code

928

decreased by-3.03%

Dependency changes

• + Added@chakra-ui/color-mode@1.0.0(transitive)

• + Added@chakra-ui/hooks@1.0.0(transitive)

• + Added@chakra-ui/styled-system@1.0.0(transitive)

• + Added@chakra-ui/utils@1.0.0(transitive)

• + Added@emotion/babel-plugin@11.12.0(transitive)

• + Added@emotion/hash@0.9.2(transitive)

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

• + Added@emotion/memoize@0.9.0(transitive)

• + Added@emotion/serialize@1.3.2(transitive)

• + Added@emotion/styled@11.13.0(transitive)

• + Added@emotion/unitless@0.10.0(transitive)

• + Added@emotion/use-insertion-effect-with-fallbacks@1.1.0(transitive)

• + Added@emotion/utils@1.4.1(transitive)

• + Addedbabel-plugin-macros@3.1.0(transitive)

• + Addedcosmiconfig@7.1.0(transitive)

• + Addedescape-string-regexp@4.0.0(transitive)

• + Addedreact@18.3.1(transitive)

• + Addedstylis@4.2.0(transitive)

• - Removed@emotion/core@10.0.35

• - Removed@emotion/styled@10.0.27

• - Removed@chakra-ui/color-mode@1.0.0-rc.8(transitive)

• - Removed@chakra-ui/hooks@1.0.0-rc.8(transitive)

• - Removed@chakra-ui/styled-system@1.0.0-rc.8(transitive)

• - Removed@chakra-ui/utils@1.0.0-rc.8(transitive)

• - Removed@emotion/cache@10.0.29(transitive)

• - Removed@emotion/core@10.0.35(transitive)

• - Removed@emotion/css@10.0.27(transitive)

• - Removed@emotion/hash@0.8.0(transitive)

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

• - Removed@emotion/memoize@0.7.4(transitive)

• - Removed@emotion/serialize@0.11.16(transitive)

• - Removed@emotion/sheet@0.9.4(transitive)

• - Removed@emotion/styled@10.0.27(transitive)

• - Removed@emotion/styled-base@10.3.0(transitive)

• - Removed@emotion/stylis@0.8.5(transitive)

• - Removed@emotion/unitless@0.7.5(transitive)

• - Removed@emotion/utils@0.11.3(transitive)

• - Removed@emotion/weak-memoize@0.2.5(transitive)

• - Removedbabel-plugin-emotion@10.2.2(transitive)

• - Removedbabel-plugin-macros@2.8.0(transitive)

• - Removedbabel-plugin-syntax-jsx@6.18.0(transitive)

• - Removedcosmiconfig@6.0.0(transitive)

• - Removedcsstype@2.6.21(transitive)

• - Removedescape-string-regexp@1.0.5(transitive)

• Updated@chakra-ui/color-mode@1.0.0

• Updated@chakra-ui/styled-system@1.0.0

• Updated@chakra-ui/utils@1.0.0