@zendeskgarden/react-tooltips 9.7.0 → 9.7.2

package/dist/esm/elements/Tooltip.js

@@ -55,7 +55,8 @@ const TooltipComponent = _ref => {
   } = useTooltip({
     id,
     delayMilliseconds: delayMS,
-    isVisible: isInitialVisible
+    isVisible: isInitialVisible,
+    triggerRef
   });
   const controlledIsVisible = getControlledValue(externalIsVisible, isVisible);
   const [floatingPlacement, fallbackPlacements] = getFloatingPlacements(theme, _placement === 'auto' ? PLACEMENT_DEFAULT : _placement, _fallbackPlacements);
@@ -97,16 +98,17 @@ const TooltipComponent = _ref => {
     },
     $zIndex: zIndex,
     "aria-hidden": !controlledIsVisible
-  }, React.createElement(StyledTooltip, getTooltipProps({
-    'aria-hidden': !controlledIsVisible,
+  }, React.createElement(StyledTooltip, Object.assign({
     $hasArrow: hasArrow,
     $placement: placement,
     $size: toSize(size, type),
-    $type: type,
+    $type: type
+  }, getTooltipProps({
+    'aria-hidden': !controlledIsVisible,
     onBlur: composeEventHandlers(onBlur, () => closeTooltip(0)),
     onFocus: composeEventHandlers(onFocus, openTooltip),
     ...props
-  }), content));
+  })), content));
   return React.createElement(React.Fragment, null, cloneElement(Child, getTriggerProps({
     ...Child.props,
     [refKey]: mergeRefs([triggerRef, Child.ref ? Child.ref : null])

package/dist/esm/styled/StyledParagraph.js

@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'tooltip.paragraph';
 const StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.7.0'
+  'data-garden-version': '9.7.2'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"

package/dist/esm/styled/StyledTitle.js

@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'tooltip.title';
 const StyledTitle = styled.strong.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.7.0'
+  'data-garden-version': '9.7.2'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"

package/dist/esm/styled/StyledTooltip.js

@@ -134,7 +134,7 @@ const colorStyles = _ref2 => {
 };
 const StyledTooltip = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.7.0'
+  'data-garden-version': '9.7.2'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"

package/dist/index.cjs.js

@@ -25,7 +25,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 const COMPONENT_ID$2 = 'tooltip.paragraph';
 const StyledParagraph = styled__default.default.p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.7.0'
+  'data-garden-version': '9.7.2'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -34,7 +34,7 @@ const StyledParagraph = styled__default.default.p.attrs({
 const COMPONENT_ID$1 = 'tooltip.title';
 const StyledTitle = styled__default.default.strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.7.0'
+  'data-garden-version': '9.7.2'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -165,7 +165,7 @@ const colorStyles = _ref2 => {
 };
 const StyledTooltip = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.7.0'
+  'data-garden-version': '9.7.2'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"
@@ -231,7 +231,8 @@ const TooltipComponent = _ref => {
   } = containerTooltip.useTooltip({
     id,
     delayMilliseconds: delayMS,
-    isVisible: isInitialVisible
+    isVisible: isInitialVisible,
+    triggerRef
   });
   const controlledIsVisible = containerUtilities.getControlledValue(externalIsVisible, isVisible);
   const [floatingPlacement, fallbackPlacements] = reactTheming.getFloatingPlacements(theme, _placement === 'auto' ? PLACEMENT_DEFAULT : _placement, _fallbackPlacements);
@@ -273,16 +274,17 @@ const TooltipComponent = _ref => {
     },
     $zIndex: zIndex,
     "aria-hidden": !controlledIsVisible
-  }, React__default.default.createElement(StyledTooltip, getTooltipProps({
-    'aria-hidden': !controlledIsVisible,
+  }, React__default.default.createElement(StyledTooltip, Object.assign({
     $hasArrow: hasArrow,
     $placement: placement,
     $size: toSize(size, type),
-    $type: type,
+    $type: type
+  }, getTooltipProps({
+    'aria-hidden': !controlledIsVisible,
     onBlur: containerUtilities.composeEventHandlers(onBlur, () => closeTooltip(0)),
     onFocus: containerUtilities.composeEventHandlers(onFocus, openTooltip),
     ...props
-  }), content));
+  })), content));
   return React__default.default.createElement(React__default.default.Fragment, null, React.cloneElement(Child, getTriggerProps({
     ...Child.props,
     [refKey]: reactMergeRefs.mergeRefs([triggerRef, Child.ref ? Child.ref : null])

package/dist/typings/styled/StyledTooltip.d.ts

@@ -10,7 +10,7 @@ interface IStyledTooltipProps {
     $hasArrow: ITooltipProps['hasArrow'];
     $placement: Placement;
     $size: NonNullable<ITooltipProps['size']>;
-    $type: NonNullable<ITooltipProps['type']>;
+    $type: ITooltipProps['type'];
 }
 /**
  * Accepts all `<div>` props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tooltips",
-  "version": "9.7.0",
+  "version": "9.7.2",
   "description": "Collection of components and render prop containers relating to Tooltips in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,7 +22,7 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.0",
-    "@zendeskgarden/container-tooltip": "^1.0.16",
+    "@zendeskgarden/container-tooltip": "^2.0.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
     "polished": "^4.3.1",
     "prop-types": "^15.5.7",
@@ -35,7 +35,10 @@
     "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.7.0"
+    "@zendeskgarden/react-buttons": "^9.7.2",
+    "@zendeskgarden/react-dropdowns": "^9.7.2",
+    "@zendeskgarden/react-grid": "^9.7.2",
+    "@zendeskgarden/react-theming": "^9.7.2"
   },
   "keywords": [
     "components",
@@ -47,5 +50,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "565d21114d465d64f323a1960d8731f3bbcdefe5"
+  "gitHead": "6cef5e656fa78619c4e42af330a53014c336a259"
 }