@zendeskgarden/react-tooltips 8.49.0 → 8.49.3

package/dist/index.cjs.js

@@ -176,7 +176,7 @@ function getArrowPosition(popperPlacement) {
 var COMPONENT_ID$2 = 'tooltip.paragraph';
 var StyledParagraph = styled__default["default"].p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -190,7 +190,7 @@ StyledParagraph.defaultProps = {
 var COMPONENT_ID$1 = 'tooltip.title';
 var StyledTitle = styled__default["default"].strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -287,7 +287,7 @@ var colorStyles = function colorStyles(_ref2) {
 };
 var StyledTooltip = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"
@@ -316,6 +316,11 @@ StyledTooltipWrapper.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
+var SHARED_PLACEMENT = ['auto', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'];
+var PLACEMENT = [].concat(SHARED_PLACEMENT, ['end', 'end-top', 'end-bottom', 'start', 'start-top', 'start-bottom']);
+var SIZE = ['small', 'medium', 'large', 'extra-large'];
+var TYPE = ['light', 'dark'];
+
 var _excluded = ["id", "delayMS", "isInitialVisible", "content", "refKey", "placement", "eventsEnabled", "popperModifiers", "children", "hasArrow", "size", "type", "appendToNode", "zIndex", "isVisible"],
     _excluded2 = ["onFocus", "onBlur"];
 var Tooltip = function Tooltip(_ref) {
@@ -417,10 +422,10 @@ Tooltip.propTypes = {
   eventsEnabled: PropTypes__default["default"].bool,
   id: PropTypes__default["default"].string,
   content: PropTypes__default["default"].node.isRequired,
-  placement: PropTypes__default["default"].oneOf(['auto', 'top', 'top-start', 'top-end', 'end', 'end-top', 'end-bottom', 'bottom', 'bottom-start', 'bottom-end', 'start', 'start-top', 'start-bottom']),
+  placement: PropTypes__default["default"].oneOf(PLACEMENT),
   popperModifiers: PropTypes__default["default"].any,
-  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large', 'extra-large']),
-  type: PropTypes__default["default"].oneOf(['light', 'dark']),
+  size: PropTypes__default["default"].oneOf(SIZE),
+  type: PropTypes__default["default"].oneOf(TYPE),
   zIndex: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
   isInitialVisible: PropTypes__default["default"].bool,
   refKey: PropTypes__default["default"].string

package/dist/index.esm.js

@@ -165,7 +165,7 @@ function getArrowPosition(popperPlacement) {
 var COMPONENT_ID$2 = 'tooltip.paragraph';
 var StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-wuqkfc-0"
@@ -179,7 +179,7 @@ StyledParagraph.defaultProps = {
 var COMPONENT_ID$1 = 'tooltip.title';
 var StyledTitle = styled.strong.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-vnjcvz-0"
@@ -276,7 +276,7 @@ var colorStyles = function colorStyles(_ref2) {
 };
 var StyledTooltip = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-gzzjq4-0"
@@ -305,6 +305,11 @@ StyledTooltipWrapper.defaultProps = {
   theme: DEFAULT_THEME
 };
 
+var SHARED_PLACEMENT = ['auto', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'];
+var PLACEMENT = [].concat(SHARED_PLACEMENT, ['end', 'end-top', 'end-bottom', 'start', 'start-top', 'start-bottom']);
+var SIZE = ['small', 'medium', 'large', 'extra-large'];
+var TYPE = ['light', 'dark'];
+
 var _excluded = ["id", "delayMS", "isInitialVisible", "content", "refKey", "placement", "eventsEnabled", "popperModifiers", "children", "hasArrow", "size", "type", "appendToNode", "zIndex", "isVisible"],
     _excluded2 = ["onFocus", "onBlur"];
 var Tooltip = function Tooltip(_ref) {
@@ -406,10 +411,10 @@ Tooltip.propTypes = {
   eventsEnabled: PropTypes.bool,
   id: PropTypes.string,
   content: PropTypes.node.isRequired,
-  placement: PropTypes.oneOf(['auto', 'top', 'top-start', 'top-end', 'end', 'end-top', 'end-bottom', 'bottom', 'bottom-start', 'bottom-end', 'start', 'start-top', 'start-bottom']),
+  placement: PropTypes.oneOf(PLACEMENT),
   popperModifiers: PropTypes.any,
-  size: PropTypes.oneOf(['small', 'medium', 'large', 'extra-large']),
-  type: PropTypes.oneOf(['light', 'dark']),
+  size: PropTypes.oneOf(SIZE),
+  type: PropTypes.oneOf(TYPE),
   zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   isInitialVisible: PropTypes.bool,
   refKey: PropTypes.string

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

@@ -4,43 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-import { Modifiers } from 'popper.js';
-import { GARDEN_PLACEMENT } from '../utils/gardenPlacements';
-import { TOOLTIP_SIZE, TOOLTIP_TYPE } from '../styled';
-export interface ITooltipProps extends HTMLAttributes<HTMLDivElement> {
-    /** Appends the tooltip to the element provided */
-    appendToNode?: Element;
-    /** Adds an arrow to the tooltip */
-    hasArrow?: boolean;
-    /** Adds milliseconds of delay to the opening and closing of the tooltip */
-    delayMS?: number;
-    /** Allows the tooltip to reposition during browser resize events */
-    eventsEnabled?: boolean;
-    /** Defines the content of the tooltip */
-    content: React.ReactNode;
-    /**
-     * Adjusts the placement of the tooltip
-     **/
-    placement?: GARDEN_PLACEMENT;
-    /** Passes configurations to the [Popper instance](https://popper.js.org/docs/v2/modifiers/) */
-    popperModifiers?: Modifiers;
-    /** Adjusts the padding and font size */
-    size?: TOOLTIP_SIZE;
-    /** Specifies the tooltip type */
-    type?: TOOLTIP_TYPE;
-    /** Sets the `z-index` of the tooltip */
-    zIndex?: number | string;
-    /** Displays the tooltip on initial render */
-    isInitialVisible?: boolean;
-    /** Displays the tooltip */
-    isVisible?: boolean;
-    /** @ignore ReactNode override */
-    children: React.ReactElement;
-    /** Defines the ref key used to position the tooltip */
-    refKey?: string;
-}
+import { ITooltipProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
@@ -54,10 +19,10 @@ export declare const Tooltip: {
         eventsEnabled: PropTypes.Requireable<boolean>;
         id: PropTypes.Requireable<string>;
         content: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        placement: PropTypes.Requireable<string>;
+        placement: PropTypes.Requireable<"auto" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "end" | "end-top" | "end-bottom" | "start" | "start-top" | "start-bottom">;
         popperModifiers: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | "extra-large">;
+        type: PropTypes.Requireable<"light" | "dark">;
         zIndex: PropTypes.Requireable<string | number>;
         isInitialVisible: PropTypes.Requireable<boolean>;
         refKey: PropTypes.Requireable<string>;

package/dist/typings/index.d.ts

@@ -5,6 +5,6 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export { Tooltip } from './elements/Tooltip';
-export type { ITooltipProps } from './elements/Tooltip';
 export { Paragraph } from './elements/Paragraph';
 export { Title } from './elements/Title';
+export type { ITooltipProps } from './types';

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

@@ -5,18 +5,14 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { POPPER_PLACEMENT } from '../utils/gardenPlacements';
-export declare type TOOLTIP_SIZE = 'small' | 'medium' | 'large' | 'extra-large';
-export declare type TOOLTIP_TYPE = 'light' | 'dark';
-export interface IStyledTooltipProps {
-    hasArrow?: boolean;
-    size?: TOOLTIP_SIZE;
+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: POPPER_PLACEMENT;
-    zIndex?: number | string;
-    type: TOOLTIP_TYPE;
+    placement: typeof POPPER_PLACEMENT[number];
+    type: NonNullable<ITooltipProps['type']>;
 }
 /**
  * Accepts all `<div>` props
  */
 export declare const StyledTooltip: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledTooltipProps, never>;
+export {};

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

@@ -7,5 +7,4 @@
 export { StyledParagraph } from './StyledParagraph';
 export { StyledTitle } from './StyledTitle';
 export { StyledTooltip } from './StyledTooltip';
-export type { TOOLTIP_SIZE, TOOLTIP_TYPE } from './StyledTooltip';
 export { StyledTooltipWrapper } from './StyledTooltipWrapper';

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

@@ -0,0 +1,46 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+import { Modifiers } from 'popper.js';
+export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "end", "end-top", "end-bottom", "start", "start-top", "start-bottom"];
+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 interface ITooltipProps extends HTMLAttributes<HTMLDivElement> {
+    /** Appends the tooltip to the element provided */
+    appendToNode?: Element;
+    /** Adds an arrow to the tooltip */
+    hasArrow?: boolean;
+    /** Adds milliseconds of delay to the opening and closing of the tooltip */
+    delayMS?: number;
+    /** Allows the tooltip to reposition during browser resize events */
+    eventsEnabled?: boolean;
+    /** Defines the content of the tooltip */
+    content: ReactNode;
+    /**
+     * Adjusts the placement of the tooltip
+     **/
+    placement?: GardenPlacement;
+    /** 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];
+    /** Specifies the tooltip type */
+    type?: typeof TYPE[number];
+    /** Sets the `z-index` of the tooltip */
+    zIndex?: number | string;
+    /** Displays the tooltip on initial render */
+    isInitialVisible?: boolean;
+    /** Displays the tooltip */
+    isVisible?: boolean;
+    /** @ignore ReactNode override */
+    children: ReactElement;
+    /** Defines the ref key used to position the tooltip */
+    refKey?: string;
+}

package/dist/typings/utils/gardenPlacements.d.ts

@@ -4,23 +4,19 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { ARROW_POSITION } from '@zendeskgarden/react-theming';
-declare type SHARED_PLACEMENT = 'auto' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
-export declare type GARDEN_PLACEMENT = SHARED_PLACEMENT | 'end' | 'end-top' | 'end-bottom' | 'start' | 'start-top' | 'start-bottom';
-export declare type POPPER_PLACEMENT = SHARED_PLACEMENT | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+import { GardenPlacement, PopperPlacement } from '../types';
 /**
  * Convert Garden RTL aware placement to Popper.JS valid placement
  * @param {String} gardenPlacement
  */
-export declare function getPopperPlacement(gardenPlacement: GARDEN_PLACEMENT): POPPER_PLACEMENT;
+export declare function getPopperPlacement(gardenPlacement: GardenPlacement): "auto" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
 /**
  * Convert Garden RTL aware placement to RTL equivalent Popper.JS placement
  * @param {String} gardenPlacement
  */
-export declare function getRtlPopperPlacement(gardenPlacement: GARDEN_PLACEMENT): POPPER_PLACEMENT;
+export declare function getRtlPopperPlacement(gardenPlacement: GardenPlacement): "auto" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
 /**
  * Convert Popper.JS placement to corresponding arrow position
  * @param {String} popperPlacement
  */
-export declare function getArrowPosition(popperPlacement: POPPER_PLACEMENT): ARROW_POSITION;
-export {};
+export declare function getArrowPosition(popperPlacement: PopperPlacement): "top" | "bottom" | "right" | "left" | "top-left" | "top-right" | "right-top" | "right-bottom" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tooltips",
-  "version": "8.49.0",
+  "version": "8.49.3",
   "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>",
@@ -35,7 +35,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.49.0"
+    "@zendeskgarden/react-theming": "^8.49.3"
   },
   "keywords": [
     "components",
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "9c2b7501c2b0100f23fa3715a4d3b0d413645d99"
+  "gitHead": "983322364971c051ca6ce478770edfc3310e4c4b"
 }