Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@chakra-ui/modal

Package Overview
Dependencies
Maintainers
4
Versions
511
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chakra-ui/modal - npm Package Compare versions

Comparing version 1.8.6 to 1.8.7

8

CHANGELOG.md
# Change Log
## 1.8.7
### Patch Changes
- [`d9f8bea60`](https://github.com/chakra-ui/chakra-ui/commit/d9f8bea6081020c1841cb0d0f094642c7ce71db6)
[#4046](https://github.com/chakra-ui/chakra-ui/pull/4046) Thanks
[@mcha-dev](https://github.com/mcha-dev)! - Fix link in @see doc
## 1.8.6

@@ -4,0 +12,0 @@

6

dist/cjs/modal.js

@@ -252,3 +252,3 @@ "use strict";

*
* @see Docs https://chakra-ui.com/docs/components/modal
* @see Docs https://chakra-ui.com/docs/overlay/modal
*/

@@ -302,3 +302,3 @@ var ModalHeader = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) {

*
* @see Docs https://chakra-ui.com/docs/components/modal
* @see Docs https://chakra-ui.com/docs/overlay/modal
*/

@@ -344,3 +344,3 @@ var ModalBody = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) {

* ModalFooter houses the action buttons of the modal.
* @see Docs https://chakra-ui.com/docs/components/modal
* @see Docs https://chakra-ui.com/docs/overlay/modal
*/

@@ -347,0 +347,0 @@ var ModalFooter = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) {

@@ -224,3 +224,3 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

*
* @see Docs https://chakra-ui.com/docs/components/modal
* @see Docs https://chakra-ui.com/docs/overlay/modal
*/

@@ -273,3 +273,3 @@ export var ModalHeader = /*#__PURE__*/forwardRef((props, ref) => {

*
* @see Docs https://chakra-ui.com/docs/components/modal
* @see Docs https://chakra-ui.com/docs/overlay/modal
*/

@@ -314,3 +314,3 @@ export var ModalBody = /*#__PURE__*/forwardRef((props, ref) => {

* ModalFooter houses the action buttons of the modal.
* @see Docs https://chakra-ui.com/docs/components/modal
* @see Docs https://chakra-ui.com/docs/overlay/modal
*/

@@ -317,0 +317,0 @@ export var ModalFooter = /*#__PURE__*/forwardRef((props, ref) => {

@@ -137,3 +137,3 @@ import { CloseButtonProps } from "@chakra-ui/close-button";

*
* @see Docs https://chakra-ui.com/docs/components/modal
* @see Docs https://chakra-ui.com/docs/overlay/modal
*/

@@ -148,3 +148,3 @@ export declare const ModalHeader: import("@chakra-ui/system").ComponentWithAs<"header", ModalHeaderProps>;

*
* @see Docs https://chakra-ui.com/docs/components/modal
* @see Docs https://chakra-ui.com/docs/overlay/modal
*/

@@ -156,3 +156,3 @@ export declare const ModalBody: import("@chakra-ui/system").ComponentWithAs<"div", ModalBodyProps>;

* ModalFooter houses the action buttons of the modal.
* @see Docs https://chakra-ui.com/docs/components/modal
* @see Docs https://chakra-ui.com/docs/overlay/modal
*/

@@ -159,0 +159,0 @@ export declare const ModalFooter: import("@chakra-ui/system").ComponentWithAs<"footer", ModalFooterProps>;

{
"name": "@chakra-ui/modal",
"version": "1.8.6",
"version": "1.8.7",
"description": "An accessible dialog (modal) component for React & Chakra UI",

@@ -73,3 +73,3 @@ "keywords": [

"devDependencies": {
"@chakra-ui/system": "1.6.6",
"@chakra-ui/system": "1.6.7",
"framer-motion": "^4.0.0",

@@ -76,0 +76,0 @@ "react": "^17.0.1",

@@ -194,4 +194,4 @@ # @chakra-ui/modal

The Drawer component is a panel that slides out from the edge of the screen.
It can be useful when you need users to complete a task or view some details
The Drawer component is a panel that slides out from the edge of the screen.
It can be useful when you need users to complete a task or view some details
without leaving the current page.

@@ -245,19 +245,18 @@

>
<DrawerOverlay>
<DrawerContent>
<DrawerCloseButton />
<DrawerHeader>Create your account</DrawerHeader>
<DrawerOverlay />
<DrawerContent>
<DrawerCloseButton />
<DrawerHeader>Create your account</DrawerHeader>
<DrawerBody>
<Input placeholder="Type here..." />
</DrawerBody>
<DrawerBody>
<Input placeholder="Type here..." />
</DrawerBody>
<DrawerFooter>
<Button variant="outline" mr={3} onClick={onClose}>
Cancel
</Button>
<Button color="blue">Save</Button>
</DrawerFooter>
</DrawerContent>
</DrawerOverlay>
<DrawerFooter>
<Button variant="outline" mr={3} onClick={onClose}>
Cancel
</Button>
<Button color="blue">Save</Button>
</DrawerFooter>
</DrawerContent>
</Drawer>

@@ -264,0 +263,0 @@ </>

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc