@zendeskgarden/react-tooltips 9.12.5 → 9.13.0

package/dist/esm/elements/Tooltip.js

@@ -26,6 +26,7 @@ const PLACEMENT_DEFAULT = 'top';
 const TooltipComponent = ({
   id,
   delayMS = 500,
+  isLabel,
   isInitialVisible,
   content,
   refKey = 'ref',
@@ -55,6 +56,7 @@ const TooltipComponent = ({
     id,
     delayMilliseconds: delayMS,
     isVisible: isInitialVisible,
+    isLabel,
     triggerRef
   });
   const controlledIsVisible = getControlledValue(externalIsVisible, isVisible);
@@ -126,6 +128,7 @@ TooltipComponent.propTypes = {
   type: PropTypes.oneOf(TYPE),
   zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   isInitialVisible: PropTypes.bool,
+  isLabel: PropTypes.bool,
   refKey: PropTypes.string
 };
 const Tooltip = TooltipComponent;

package/dist/esm/styled/StyledParagraph.js

@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID$2 = 'tooltip.paragraph';
 const StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.12.5'
+  'data-garden-version': '9.13.0'
 }).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$1 = 'tooltip.title';
 const StyledTitle = styled.strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.12.5'
+  'data-garden-version': '9.13.0'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"

package/dist/esm/styled/StyledTooltip.js

@@ -132,7 +132,7 @@ const colorStyles = ({
 };
 const StyledTooltip = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.5'
+  'data-garden-version': '9.13.0'
 }).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.12.5'
+  'data-garden-version': '9.13.0'
 }).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.12.5'
+  'data-garden-version': '9.13.0'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -163,7 +163,7 @@ const colorStyles = ({
 };
 const StyledTooltip = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.5'
+  'data-garden-version': '9.13.0'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"
@@ -200,6 +200,7 @@ const PLACEMENT_DEFAULT = 'top';
 const TooltipComponent = ({
   id,
   delayMS = 500,
+  isLabel,
   isInitialVisible,
   content,
   refKey = 'ref',
@@ -229,6 +230,7 @@ const TooltipComponent = ({
     id,
     delayMilliseconds: delayMS,
     isVisible: isInitialVisible,
+    isLabel,
     triggerRef
   });
   const controlledIsVisible = containerUtilities.getControlledValue(externalIsVisible, isVisible);
@@ -300,6 +302,7 @@ TooltipComponent.propTypes = {
   type: PropTypes__default.default.oneOf(TYPE),
   zIndex: PropTypes__default.default.oneOfType([PropTypes__default.default.number, PropTypes__default.default.string]),
   isInitialVisible: PropTypes__default.default.bool,
+  isLabel: PropTypes__default.default.bool,
   refKey: PropTypes__default.default.string
 };
 const Tooltip = TooltipComponent;

package/dist/typings/elements/Tooltip.d.ts

@@ -11,7 +11,7 @@ import { Paragraph } from './Paragraph';
 import { Title } from './Title';
 export declare const PLACEMENT_DEFAULT = "top";
 export declare const TooltipComponent: {
-    ({ id, delayMS, isInitialVisible, content, refKey, placement: _placement, fallbackPlacements: _fallbackPlacements, children, hasArrow, size, type, appendToNode, zIndex, isVisible: externalIsVisible, onFocus, onBlur, ...props }: ITooltipProps): React.JSX.Element;
+    ({ id, delayMS, isLabel, isInitialVisible, content, refKey, placement: _placement, fallbackPlacements: _fallbackPlacements, children, hasArrow, size, type, appendToNode, zIndex, isVisible: externalIsVisible, onFocus, onBlur, ...props }: ITooltipProps): React.JSX.Element;
     displayName: string;
     propTypes: {
         appendToNode: PropTypes.Requireable<any>;
@@ -25,6 +25,7 @@ export declare const TooltipComponent: {
         type: PropTypes.Requireable<"light" | "dark">;
         zIndex: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         isInitialVisible: PropTypes.Requireable<boolean>;
+        isLabel: PropTypes.Requireable<boolean>;
         refKey: PropTypes.Requireable<string>;
     };
 };

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

@@ -28,6 +28,11 @@ export interface ITooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
     type?: (typeof TYPE)[number];
     /** Sets the `z-index` of the tooltip */
     zIndex?: number | string;
+    /**
+     * Indicates that the tooltip is used as the trigger's primary label rather
+     * than as a supplemental description
+     */
+    isLabel?: boolean;
     /** Displays the tooltip on initial render */
     isInitialVisible?: boolean;
     /** Displays the tooltip */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tooltips",
-  "version": "9.12.5",
+  "version": "9.13.0",
   "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": "^2.1.2",
+    "@zendeskgarden/container-tooltip": "^2.2.0",
     "@zendeskgarden/container-utilities": "^2.0.4",
     "polished": "^4.3.1",
     "prop-types": "^15.5.7",
@@ -35,10 +35,10 @@
     "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-buttons": "^9.12.5",
-    "@zendeskgarden/react-dropdowns": "^9.12.5",
-    "@zendeskgarden/react-grid": "^9.12.5",
-    "@zendeskgarden/react-theming": "^9.12.5"
+    "@zendeskgarden/react-buttons": "^9.13.0",
+    "@zendeskgarden/react-dropdowns": "^9.13.0",
+    "@zendeskgarden/react-grid": "^9.13.0",
+    "@zendeskgarden/react-theming": "^9.13.0"
   },
   "keywords": [
     "components",
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a4edcee778788b0e30fc17671b95a6e239e27912"
+  "gitHead": "74cc076e1e82a1ee20df7733a9663c6096eefd83"
 }