@chakra-ui/popover
Advanced tools
@chakra-ui/popover - npm Package Compare versions
Comparing version
@@ -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 @@ } |
@@ -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; |
@@ -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 @@ } |
| { | ||
| "name": "@chakra-ui/popover", | ||
| "version": "0.0.0-dev-20230424225650", | ||
| "version": "0.0.0-dev-20230502164338", | ||
| "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": "0.0.0-dev-20230502164338", | ||
| "@chakra-ui/lazy-utils": "2.0.5", | ||
@@ -42,3 +42,3 @@ "@chakra-ui/react-types": "2.0.7", | ||
| "@chakra-ui/react-use-animation-state": "2.0.8", | ||
| "@chakra-ui/react-use-focus-effect": "0.0.0-dev-20230424225650", | ||
| "@chakra-ui/react-use-focus-effect": "2.0.10", | ||
| "@chakra-ui/react-use-focus-on-pointer-down": "2.0.6", | ||
@@ -52,11 +52,11 @@ "@chakra-ui/shared-utils": "2.0.5" | ||
| "clean-package": "2.2.0", | ||
| "@chakra-ui/system": "0.0.0-dev-20230424225650", | ||
| "@chakra-ui/system": "0.0.0-dev-20230502164338", | ||
| "@chakra-ui/button": "2.0.18", | ||
| "@chakra-ui/layout": "0.0.0-dev-20230424225650", | ||
| "@chakra-ui/layout": "2.1.19", | ||
| "@chakra-ui/radio": "2.0.22", | ||
| "@chakra-ui/input": "0.0.0-dev-20230424225650", | ||
| "@chakra-ui/hooks": "0.0.0-dev-20230424225650" | ||
| "@chakra-ui/input": "2.0.22", | ||
| "@chakra-ui/hooks": "2.2.0" | ||
| }, | ||
| "peerDependencies": { | ||
| "@chakra-ui/system": "0.0.0-dev-20230424225650", | ||
| "@chakra-ui/system": "0.0.0-dev-20230502164338", | ||
| "framer-motion": ">=4.0.0", | ||
@@ -63,0 +63,0 @@ "react": ">=18" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Improved metrics
- Total package byte prevSize
106791
0.4%- Lines of code
3023
0.33%Dependency changes
+ Added
@chakra-ui/popper@0.0.0-dev-20230502164338(transitive)+ Added
@chakra-ui/react-use-focus-effect@2.0.10(transitive)+ Added
@chakra-ui/styled-system@2.9.0(transitive)+ Added
@chakra-ui/system@0.0.0-dev-20230502164338(transitive)+ Added
@chakra-ui/theme@0.0.0-dev-20230502164338(transitive)+ Added
@chakra-ui/theme-utils@0.0.0-dev-20230502164338(transitive)- Removed
@chakra-ui/object-utils@0.0.0-dev-20230424225650(transitive)- Removed
@chakra-ui/popper@3.0.13(transitive)- Removed
@chakra-ui/react-use-focus-effect@0.0.0-dev-20230424225650(transitive)- Removed
@chakra-ui/styled-system@0.0.0-dev-20230424225650(transitive)- Removed
@chakra-ui/system@0.0.0-dev-20230424225650(transitive)- Removed
@chakra-ui/theme@0.0.0-dev-20230424225650(transitive)- Removed
@chakra-ui/theme-utils@0.0.0-dev-20230424225650(transitive)