@zendeskgarden/react-tooltips 8.62.2 → 8.63.1

package/dist/index.cjs.js

@@ -79,7 +79,7 @@ function getArrowPosition(popperPlacement) {
 const COMPONENT_ID$2 = 'tooltip.paragraph';
 const StyledParagraph = styled__default.default.p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.2'
+  'data-garden-version': '8.63.1'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -91,7 +91,7 @@ StyledParagraph.defaultProps = {
 const COMPONENT_ID$1 = 'tooltip.title';
 const StyledTitle = styled__default.default.strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.2'
+  'data-garden-version': '8.63.1'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -188,7 +188,7 @@ const colorStyles = _ref2 => {
 };
 const StyledTooltip = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.2'
+  'data-garden-version': '8.63.1'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"
@@ -229,7 +229,9 @@ const Tooltip = _ref => {
     isVisible: externalIsVisible,
     ...otherProps
   } = _ref;
-  const theme = React.useContext(styled.ThemeContext);
+  const {
+    rtl
+  } = React.useContext(styled.ThemeContext);
   const scheduleUpdateRef = React.useRef();
   const {
     isVisible,
@@ -248,7 +250,7 @@ const Tooltip = _ref => {
       scheduleUpdateRef.current();
     }
   }, [controlledIsVisible, content]);
-  const popperPlacement = theme.rtl ? getRtlPopperPlacement(placement) : getPopperPlacement(placement);
+  const popperPlacement = rtl ? getRtlPopperPlacement(placement) : getPopperPlacement(placement);
   const singleChild = React__default.default.Children.only(children);
   const modifiers = {
     preventOverflow: {

package/dist/index.esm.js

@@ -70,7 +70,7 @@ function getArrowPosition(popperPlacement) {
 const COMPONENT_ID$2 = 'tooltip.paragraph';
 const StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.2'
+  'data-garden-version': '8.63.1'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -82,7 +82,7 @@ StyledParagraph.defaultProps = {
 const COMPONENT_ID$1 = 'tooltip.title';
 const StyledTitle = styled.strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.62.2'
+  'data-garden-version': '8.63.1'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -179,7 +179,7 @@ const colorStyles = _ref2 => {
 };
 const StyledTooltip = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.2'
+  'data-garden-version': '8.63.1'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"
@@ -220,7 +220,9 @@ const Tooltip = _ref => {
     isVisible: externalIsVisible,
     ...otherProps
   } = _ref;
-  const theme = useContext(ThemeContext);
+  const {
+    rtl
+  } = useContext(ThemeContext);
   const scheduleUpdateRef = useRef();
   const {
     isVisible,
@@ -239,7 +241,7 @@ const Tooltip = _ref => {
       scheduleUpdateRef.current();
     }
   }, [controlledIsVisible, content]);
-  const popperPlacement = theme.rtl ? getRtlPopperPlacement(placement) : getPopperPlacement(placement);
+  const popperPlacement = rtl ? getRtlPopperPlacement(placement) : getPopperPlacement(placement);
   const singleChild = React.Children.only(children);
   const modifiers = {
     preventOverflow: {

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

@@ -8,7 +8,7 @@ import { DefaultTheme } from 'styled-components';
 import { ITooltipProps, POPPER_PLACEMENT } from '../types';
 interface IStyledTooltipProps extends Pick<ITooltipProps, 'hasArrow' | 'size' | 'zIndex'> {
     /** All valid [Popper.JS Placements](https://popper.js.org/popper-documentation.html#Popper.placements) */
-    placement: typeof POPPER_PLACEMENT[number];
+    placement: (typeof POPPER_PLACEMENT)[number];
     type: NonNullable<ITooltipProps['type']>;
 }
 /**

package/dist/typings/types/index.d.ts

@@ -10,8 +10,8 @@ export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end",
 export declare const POPPER_PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
 export declare const SIZE: readonly ["small", "medium", "large", "extra-large"];
 export declare const TYPE: readonly ["light", "dark"];
-export declare type GardenPlacement = typeof PLACEMENT[number];
-export declare type PopperPlacement = typeof POPPER_PLACEMENT[number];
+export type GardenPlacement = (typeof PLACEMENT)[number];
+export type PopperPlacement = (typeof POPPER_PLACEMENT)[number];
 export interface ITooltipProps extends HTMLAttributes<HTMLDivElement> {
     /** Appends the tooltip to the element provided */
     appendToNode?: Element;
@@ -30,9 +30,9 @@ export interface ITooltipProps extends HTMLAttributes<HTMLDivElement> {
     /** Passes configurations to the [Popper instance](https://popper.js.org/docs/v2/modifiers/) */
     popperModifiers?: Modifiers;
     /** Adjusts the padding and font size */
-    size?: typeof SIZE[number];
+    size?: (typeof SIZE)[number];
     /** Specifies the tooltip type */
-    type?: typeof TYPE[number];
+    type?: (typeof TYPE)[number];
     /** Sets the `z-index` of the tooltip */
     zIndex?: number | string;
     /** Displays the tooltip on initial render */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tooltips",
-  "version": "8.62.2",
+  "version": "8.63.1",
   "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": {
     "@zendeskgarden/container-tooltip": "^1.0.0",
-    "@zendeskgarden/container-utilities": "^0.7.0",
+    "@zendeskgarden/container-utilities": "^1.0.0",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^1.1.0",
@@ -35,7 +35,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.62.2"
+    "@zendeskgarden/react-theming": "^8.63.1"
   },
   "keywords": [
     "components",
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "27a7d6c021f3360396af60d51ecbf66e9076a405"
+  "gitHead": "1c1d67d2b98ee0539975cee53f457081e5ae479a"
 }