@chakra-ui/modal - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

CHANGELOG.md

 # Change Log
 
+## 1.4.0
+
+### Minor Changes
+
+- [`6a82a3d4`](https://github.com/chakra-ui/chakra-ui/commit/6a82a3d4f061191171a12e6d38719ba05414a86e)
+  [#2888](https://github.com/chakra-ui/chakra-ui/pull/2888) Thanks
+  [@ytakayanagi](https://github.com/ytakayanagi)! - Added "none" option in
+  motionPreset prop to disable animation in modal component
+
+### Patch Changes
+
+- [`5cef5de4`](https://github.com/chakra-ui/chakra-ui/commit/5cef5de4f45cd58f7a29436335543cb5b40c0d70)
+  [#2918](https://github.com/chakra-ui/chakra-ui/pull/2918) Thanks
+  [@MohamedSayed008](https://github.com/MohamedSayed008)! - ## Button
+
+  - Update the style props applied for `leftIcon` and `rightIcon` to support
+    RTL. Changed `ml` and `mr` to `marginStart` and `marginEnd` respectively.
+  - Update the style props applied when `isLoading` is `true`. Changed
+    `marginRight` to `marginEnd`.
+
+  ## Stack
+
+  - Update `directionStyles` to use logical CSS properties for RTL support.
+    Changed `marginLeft` and `marginRight` to `marginStart` and `marginEnd`
+    respectively.
+
+  ## Styled System
+
+  - Add missing `borderStart`, and `borderEnd` for style and color.
+  - Sort `Object.assign` keys in `configs/border.ts` for better readability.
+
+  ## Other RTL Fixes
+
+  - Alignment for close icon for `Tag`, `Modal`, and `Drawer` components to
+    support RTL.
+
+  ## Storybook
+
+  Add RTL storybook toolbar for make it easy to test layouts.
+
+  Packages added:
+
+  - `@storybook/addon-toolbars`
+
 ## 1.3.0
@@ -4,0 +48,0 @@

dist/cjs/modal-transition.js

@@ -40,3 +40,4 @@ "use strict";
     }
-  })
+  }),
+  none: {}
 };
@@ -43,0 +44,0 @@ var Motion = (0, _system.chakra)(_framerMotion.motion.section);

dist/esm/modal-transition.js

@@ -27,3 +27,4 @@ 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; }
     }
-  })
+  }),
+  none: {}
 };
@@ -30,0 +31,0 @@ var Motion = chakra(motion.section);

dist/types/modal-transition.d.ts

@@ -5,4 +5,4 @@ import { ChakraProps } from "@chakra-ui/system";
 export interface ModalTransitionProps extends Omit<HTMLMotionProps<"section">, "color">, Omit<ChakraProps, "transition"> {
-    preset: "slideInBottom" | "slideInRight" | "scale";
+    preset: "slideInBottom" | "slideInRight" | "scale" | "none";
 }
 export declare const ModalTransition: React.ForwardRefExoticComponent<ModalTransitionProps & React.RefAttributes<any>>;

dist/types/modal.d.ts

@@ -62,3 +62,3 @@ import { CloseButtonProps } from "@chakra-ui/close-button";
 declare type ScrollBehavior = "inside" | "outside";
-declare type MotionPreset = "slideInBottom" | "slideInRight" | "scale";
+declare type MotionPreset = "slideInBottom" | "slideInRight" | "scale" | "none";
 export interface ModalProps extends UseModalProps, ModalOptions, ThemingProps {
@@ -65,0 +65,0 @@ children: React.ReactNode;

dist/types/use-modal.d.ts

@@ -5,3 +5,3 @@ import { PropGetter } from "@chakra-ui/utils";
     /**
-     * If `true`, the modal when be opened.
+     * If `true`, the modal will be open.
      */
@@ -8,0 +8,0 @@ isOpen: boolean;

package.json

 {
   "name": "@chakra-ui/modal",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "An accessible dialog (modal) component for React & Chakra UI",
@@ -72,4 +72,4 @@ "keywords": [
   "devDependencies": {
-    "@chakra-ui/system": "1.1.0",
-    "framer-motion": "3.0.0",
+    "@chakra-ui/system": "1.1.2",
+    "framer-motion": "^3.1.1",
     "react": "^17.0.1"
@@ -76,0 +76,0 @@ },

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

Improved metrics

Total package byte prevSize

171836

increased by0.96%

Lines of code

1668

increased by0.12%

No dependency changes