@chakra-ui/popover
Advanced tools
Comparing version 0.0.0-dev-20230424225650 to 0.0.0-dev-20230502164338
@@ -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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
106791
3023
+ 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)