@chakra-ui/portal - npm Package Compare versions

Comparing version 2.0.7 to 2.0.8

package.json

 {
   "name": "@chakra-ui/portal",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "React component used to render children outside the DOM hierarchy of the parent component",
@@ -35,5 +35,5 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/hooks": "2.0.7",
-    "@chakra-ui/react-utils": "2.0.4",
-    "@chakra-ui/utils": "2.0.7"
+    "@chakra-ui/hooks": "2.0.8",
+    "@chakra-ui/react-utils": "2.0.5",
+    "@chakra-ui/utils": "2.0.8"
   },
@@ -45,3 +45,3 @@ "peerDependencies": {
   "devDependencies": {
-    "@chakra-ui/button": "2.0.7",
+    "@chakra-ui/button": "2.0.8",
     "@testing-library/react": "13.3.0",
@@ -59,3 +59,4 @@ "@types/react-frame-component": "^4.1.1",
     "build:fast": "JSX=1 tsup src/index.ts"
-  }
+  },
+  "readme": "# @chakra-ui/portal\n\nA wrapper for rendering components in React Portals, with support for nested\nportals and stacking.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/portal\n\n# or\n\nnpm i @chakra-ui/portal\n```\n\n## Import components\n\n```jsx\nimport { Portal, PortalManager } from \"@chakra-ui/portal\"\n```\n\nRender the `PortalManager` once at the root of your application\n\n```jsx\nfunction App() {\n  return (\n    <ThemeProvider>\n      <CSSReset />\n      <PortalManager>{/* Your app goes here  */}</PortalManager>\n    </ThemeProvider>\n  )\n}\n```\n\n### Basic usage\n\nPortals are render into the portal manager's node by default not\n`document.body`.\n\n```jsx\n<div>\n  <p>Welcome</p>\n  <Portal>This text has been portaled</Portal>\n</div>\n```\n\n### Nested portals\n\nNesting portal can be very useful to build complex widgets like nested menu,\npopovers, modal, etc.\n\n```jsx\n<Portal>\n  This is a portal.\n  <Portal>This is a nested portal</Portal>\n</Portal>\n```\n\n### Custom container\n\nYou can also portal elements into a custom containers. Simply pass a\n`containerRef` prop that points to the `node` of that element.\n\n```jsx\n<>\n  <div ref={ref} />\n  <Portal containerRef={ref}>\n    <h1>Hello world</h1>\n  </Portal>\n</>\n```\n"
 }

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

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

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

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Found 1 instance in 1 package

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

Improved metrics

Total package byte prevSize

16586

increased by342.65%

Number of package files

6

increased by100%

Lines of code

343

increased byInfinity%

Number of medium supply chain risk alerts

1

decreased by-50%

Dependency changes

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

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

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

• - Removed@chakra-ui/hooks@2.0.7(transitive)

• - Removed@chakra-ui/react-utils@2.0.4(transitive)

• - Removed@chakra-ui/utils@2.0.7(transitive)

• Updated@chakra-ui/hooks@2.0.8

• Updated@chakra-ui/react-utils@2.0.5

• Updated@chakra-ui/utils@2.0.8