@chakra-ui/popover - npm Package Compare versions

Comparing version 2.1.10 to 2.1.11

dist/index.js

@@ -380,5 +380,6 @@ "use strict";
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var resolveVar = (scale, value) => value ? `${scale}.${value}, ${value}` : void 0;
 function PopoverArrow(props) {
   var _a;
-  const { bg, bgColor, backgroundColor, shadow, boxShadow } = props;
+  const { bg, bgColor, backgroundColor, shadow, boxShadow, shadowColor } = props;
   const { getArrowProps, getArrowInnerProps } = usePopoverContext();
@@ -399,4 +400,5 @@ const styles = usePopoverStyles();
           __css: {
-            "--popper-arrow-bg": arrowBg ? `colors.${arrowBg}, ${arrowBg}` : void 0,
-            "--popper-arrow-shadow": arrowShadow ? `shadows.${arrowShadow}, ${arrowShadow}` : void 0,
+            "--popper-arrow-shadow-color": resolveVar("colors", shadowColor),
+            "--popper-arrow-bg": resolveVar("colors", arrowBg),
+            "--popper-arrow-shadow": resolveVar("shadows", arrowShadow),
             ...styles.arrow
@@ -403,0 +405,0 @@ }

dist/popover-arrow.d.ts

@@ -1,4 +0,8 @@
-import { HTMLChakraProps } from '@chakra-ui/system';
+import { HTMLChakraProps, SystemProps } from '@chakra-ui/system';
 
 interface PopoverArrowProps extends HTMLChakraProps<"div"> {
+    /**
+     * The color of the arrow's shadow
+     */
+    shadowColor?: SystemProps["color"];
 }
@@ -5,0 +9,0 @@ declare function PopoverArrow(props: PopoverArrowProps): JSX.Element;

dist/popover-arrow.js

@@ -42,5 +42,6 @@ "use strict";
 var import_jsx_runtime = require("react/jsx-runtime");
+var resolveVar = (scale, value) => value ? `${scale}.${value}, ${value}` : void 0;
 function PopoverArrow(props) {
   var _a;
-  const { bg, bgColor, backgroundColor, shadow, boxShadow } = props;
+  const { bg, bgColor, backgroundColor, shadow, boxShadow, shadowColor } = props;
   const { getArrowProps, getArrowInnerProps } = usePopoverContext();
@@ -61,4 +62,5 @@ const styles = usePopoverStyles();
           __css: {
-            "--popper-arrow-bg": arrowBg ? `colors.${arrowBg}, ${arrowBg}` : void 0,
-            "--popper-arrow-shadow": arrowShadow ? `shadows.${arrowShadow}, ${arrowShadow}` : void 0,
+            "--popper-arrow-shadow-color": resolveVar("colors", shadowColor),
+            "--popper-arrow-bg": resolveVar("colors", arrowBg),
+            "--popper-arrow-shadow": resolveVar("shadows", arrowShadow),
             ...styles.arrow
@@ -65,0 +67,0 @@ }

package.json

 {
   "name": "@chakra-ui/popover",
-  "version": "2.1.10",
+  "version": "2.1.11",
   "description": "A React component to render that renders its content in a popover",
@@ -34,3 +34,3 @@ "keywords": [
     "@chakra-ui/close-button": "2.0.17",
-    "@chakra-ui/popper": "3.0.13",
+    "@chakra-ui/popper": "3.0.14",
     "@chakra-ui/lazy-utils": "2.0.5",
@@ -51,3 +51,3 @@ "@chakra-ui/react-types": "2.0.7",
     "clean-package": "2.2.0",
-    "@chakra-ui/system": "2.5.6",
+    "@chakra-ui/system": "2.5.7",
     "@chakra-ui/button": "2.0.18",
@@ -54,0 +54,0 @@ "@chakra-ui/layout": "2.1.19",

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

106719

increased by0.45%

Lines of code

3023

increased by0.33%

Dependency changes

• + Added@chakra-ui/popper@3.0.14(transitive)

• - Removed@chakra-ui/popper@3.0.13(transitive)

• Updated@chakra-ui/popper@3.0.14