@zendeskgarden/react-modals 9.0.0-next.9 → 9.1.0

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

@@ -11,13 +11,22 @@ import { Body } from './Body';
 import { Close } from './Close';
 import { Footer } from './Footer';
 import { FooterItem } from './FooterItem';
+/**
+ * [1] implementation of focus management for Drawer usage to support focus edge cases
+ *     - (1:a) a ref used to return focus on the last focused element
+ *     - (1:b) opt out of `@zendeskgarden/focus-jail` managing the focus
+ *     - (1:c) implementation of the focus management effect inside the component
+ *     - (1:d) set default props to match useFocusJail behavior
+ */
+declare const DrawerComponent: React.ForwardRefExoticComponent<IDrawerProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Drawer: React.ForwardRefExoticComponent<IDrawerProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Drawer: typeof DrawerComponent & {
     Body: typeof Body;
     Close: typeof Close;
     Footer: typeof Footer;
     FooterItem: typeof FooterItem;
     Header: typeof Header;
 };
+export {};

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

@@ -15,7 +15,7 @@ export declare const ModalComponent: React.ForwardRefExoticComponent<IModalProps
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Modal: typeof ModalComponent & {
     Body: typeof Body;
     Close: typeof Close;
     Footer: typeof Footer;

package/dist/typings/elements/{TooltipModal → TooltipDialog}/Title.d.ts

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { ITooltipModalTitleProps } from '../../types';
+import { ITooltipDialogTitleProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Title: React.ForwardRefExoticComponent<ITooltipModalTitleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Title: React.ForwardRefExoticComponent<ITooltipDialogTitleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/{TooltipModal/TooltipModal.d.ts → TooltipDialog/TooltipDialog.d.ts}

@@ -5,19 +5,21 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { ITooltipModalProps } from '../../types';
+import { ITooltipDialogProps } from '../../types';
 import { Title } from './Title';
 import { Body } from './Body';
 import { Close } from './Close';
 import { Footer } from './Footer';
 import { FooterItem } from './FooterItem';
+declare const TooltipDialogComponent: React.ForwardRefExoticComponent<ITooltipDialogProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const TooltipModal: React.ForwardRefExoticComponent<ITooltipModalProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const TooltipDialog: typeof TooltipDialogComponent & {
     Body: typeof Body;
     Close: typeof Close;
     Footer: typeof Footer;
     FooterItem: typeof FooterItem;
     Title: typeof Title;
 };
+export {};

package/dist/typings/index.d.ts

@@ -10,6 +10,6 @@ export { Close } from './elements/Close';
 export { Footer } from './elements/Footer';
 export { FooterItem } from './elements/FooterItem';
 export { Header } from './elements/Header';
-export { TooltipModal } from './elements/TooltipModal/TooltipModal';
+export { TooltipDialog } from './elements/TooltipDialog/TooltipDialog';
 export { Drawer } from './elements/Drawer/Drawer';
-export { PLACEMENT, type IModalProps, type IDrawerProps, type ITooltipModalProps } from './types';
+export { PLACEMENT, type IModalProps, type IDrawerProps, type ITooltipDialogProps } from './types';

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

@@ -4,16 +4,12 @@
  * 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 { DefaultTheme } from 'styled-components';
 export declare const BASE_MULTIPLIERS: {
     top: number;
     side: number;
     size: number;
 };
-/**
- * 1. Remove dotted outline from Firefox on focus.
- */
-export declare const StyledClose: import("styled-components").StyledComponent<"button", DefaultTheme, {
+export declare const StyledClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

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

@@ -9,7 +9,7 @@ export declare const BASE_MULTIPLIERS: {
     side: number;
     size: number;
 };
-export declare const StyledDrawerClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+export declare const StyledDrawerClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("packages/buttons/dist/typings").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & {

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

@@ -4,6 +4,7 @@
  * 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 { DefaultTheme } from 'styled-components';
 export interface IStyledHeaderProps {
     isDanger?: boolean;
     isCloseButtonPresent?: boolean;
@@ -12,4 +13,4 @@ export interface IStyledHeaderProps {
  * 1. the padding added to the Header is based on the close button size and spacing,
  *    with additional padding (+ 2) between the Header content and Close button
  */
-export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledHeaderProps, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledHeaderProps, never>;

package/dist/typings/styled/{StyledTooltipModal.d.ts → StyledTooltipDialog.d.ts}

@@ -4,11 +4,12 @@
  * 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 { DefaultTheme } from 'styled-components';
 import { Placement } from '@floating-ui/react-dom';
 import { TransitionStatus } from 'react-transition-group';
-import { ITooltipModalProps } from '../types';
-export interface IStyledTooltipModalProps extends Pick<ITooltipModalProps, 'hasArrow' | 'isAnimated'> {
+import { ITooltipDialogProps } from '../types';
+export interface IStyledTooltipDialogProps extends Pick<ITooltipDialogProps, 'hasArrow' | 'isAnimated'> {
     placement: Placement;
     transitionState?: TransitionStatus;
 }
-export declare const StyledTooltipModal: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledTooltipModalProps, never>;
+export declare const StyledTooltipDialog: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledTooltipDialogProps, never>;

package/dist/typings/styled/{StyledTooltipModalBackdrop.d.ts → StyledTooltipDialogBackdrop.d.ts}

@@ -7,7 +7,7 @@
 /**
  * 1. Smooth iOS scrolling.
  */
-export declare const StyledTooltipModalBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledTooltipDialogBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{StyledTooltipModalBody.d.ts → StyledTooltipDialogBody.d.ts}

@@ -4,7 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export declare const StyledTooltipModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledTooltipDialogBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{StyledTooltipModalClose.d.ts → StyledTooltipDialogClose.d.ts}

@@ -4,7 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export declare const StyledTooltipModalClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+export declare const StyledTooltipDialogClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("packages/buttons/dist/typings").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & {

package/dist/typings/styled/{StyledTooltipModalFooter.d.ts → StyledTooltipDialogFooter.d.ts}

@@ -4,7 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export declare const StyledTooltipModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledTooltipDialogFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{StyledTooltipModalFooterItem.d.ts → StyledTooltipDialogFooterItem.d.ts}

@@ -4,7 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export declare const StyledTooltipModalFooterItem: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+export declare const StyledTooltipDialogFooterItem: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & {

package/dist/typings/styled/{StyledTooltipModalTitle.d.ts → StyledTooltipDialogTitle.d.ts}

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-export declare const StyledTooltipModalTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
+export declare const StyledTooltipDialogTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

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

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { Placement } from '@floating-ui/react-dom';
-import { ITooltipModalProps } from '../types';
-interface IStyledTooltipWrapperProps extends Pick<ITooltipModalProps, 'isAnimated' | 'zIndex'> {
+import { ITooltipDialogProps } from '../types';
+interface IStyledTooltipWrapperProps extends Pick<ITooltipDialogProps, 'isAnimated' | 'zIndex'> {
     placement: Placement;
 }
 export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledTooltipWrapperProps, never>;

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

@@ -12,14 +12,14 @@ export { StyledFooterItem } from './StyledFooterItem';
 export { StyledHeader } from './StyledHeader';
 export { StyledDangerIcon } from './StyledDangerIcon';
 export { StyledModal } from './StyledModal';
-export { StyledTooltipModalBackdrop } from './StyledTooltipModalBackdrop';
+export { StyledTooltipDialogBackdrop } from './StyledTooltipDialogBackdrop';
 export { StyledTooltipWrapper } from './StyledTooltipWrapper';
-export { StyledTooltipModal } from './StyledTooltipModal';
-export { StyledTooltipModalTitle } from './StyledTooltipModalTitle';
-export { StyledTooltipModalBody } from './StyledTooltipModalBody';
-export { StyledTooltipModalFooter } from './StyledTooltipModalFooter';
-export { StyledTooltipModalFooterItem } from './StyledTooltipModalFooterItem';
-export { StyledTooltipModalClose } from './StyledTooltipModalClose';
+export { StyledTooltipDialog } from './StyledTooltipDialog';
+export { StyledTooltipDialogTitle } from './StyledTooltipDialogTitle';
+export { StyledTooltipDialogBody } from './StyledTooltipDialogBody';
+export { StyledTooltipDialogFooter } from './StyledTooltipDialogFooter';
+export { StyledTooltipDialogFooterItem } from './StyledTooltipDialogFooterItem';
+export { StyledTooltipDialogClose } from './StyledTooltipDialogClose';
 export { StyledDrawer } from './StyledDrawer';
 export { StyledDrawerHeader } from './StyledDrawerHeader';
 export { StyledDrawerClose } from './StyledDrawerClose';

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

@@ -65,11 +65,13 @@ export interface IDrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {
      */
     tag?: any;
 }
-export interface ITooltipModalProps extends Omit<IModalProps, 'isCentered' | 'isLarge'> {
+export interface ITooltipDialogProps extends Omit<IModalProps, 'isCentered' | 'isLarge'> {
     /**
      * Positions the modal relative to the provided `HTMLElement`
      */
     referenceElement?: HTMLElement | null;
+    /** @ignore Modifies the placement offset from the reference element (internal only) */
+    offset?: number;
     /**
      * Adjusts the placement of the tooltip
      **/
@@ -83,7 +85,7 @@ export interface ITooltipModalProps extends Omit<IModalProps, 'isCentered' | 'is
      */
     zIndex?: number;
 }
-export interface ITooltipModalTitleProps extends HTMLAttributes<HTMLDivElement> {
+export interface ITooltipDialogTitleProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Updates the element's HTML tag
      */

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

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { IUseModalReturnValue } from '@zendeskgarden/container-modal';
 export interface IModalContext {
     isLarge?: boolean;

package/dist/typings/utils/{useTooltipModalContext.d.ts → useTooltipDialogContext.d.ts}

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { IUseModalReturnValue } from '@zendeskgarden/container-modal';
 export interface IModalContext {
     hasTitle: boolean;
@@ -13,5 +12,5 @@ export interface IModalContext {
     getContentProps: IUseModalReturnValue['getContentProps'];
     getCloseProps: IUseModalReturnValue['getCloseProps'];
 }
-export declare const TooltipModalContext: import("react").Context<IModalContext | undefined>;
-export declare const useTooltipModalContext: () => IModalContext;
+export declare const TooltipDialogContext: import("react").Context<IModalContext | undefined>;
+export declare const useTooltipDialogContext: () => IModalContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-modals",
-  "version": "9.0.0-next.9",
+  "version": "9.1.0",
   "description": "Components relating to modals in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,8 +22,9 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.0",
-    "@zendeskgarden/container-modal": "^1.0.0",
+    "@zendeskgarden/container-modal": "^1.0.15",
     "@zendeskgarden/container-utilities": "^2.0.0",
+    "@zendeskgarden/react-buttons": "^9.1.0",
     "dom-helpers": "^5.1.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0",
@@ -31,14 +32,14 @@
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@types/react-transition-group": "4.4.10",
-    "@zendeskgarden/react-theming": "^9.0.0-next.9",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@types/react-transition-group": "4.4.11",
+    "@zendeskgarden/react-theming": "^9.1.0",
+    "@zendeskgarden/svg-icons": "7.3.0"
   },
   "keywords": [
     "components",
@@ -50,5 +51,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
+  "gitHead": "a2842d18615ad057d75988fde4df5a0c79d2714e"
 }

package/dist/esm/styled/StyledTooltipModal.js

@@ -1,33 +0,0 @@
-/**
-* 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 styled from 'styled-components';
-import { arrowStyles, getArrowPosition, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
-
-const COMPONENT_ID = 'modals.tooltip_modal';
-const StyledTooltipModal = styled.div.attrs(props => ({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9',
-  className: props.isAnimated && 'is-animated'
-})).withConfig({
-  displayName: "StyledTooltipModal",
-  componentId: "sc-42ubfr-0"
-})(["padding:", "px;width:400px;", ";", ";"], props => props.theme.space.base * 5, props => {
-  const computedArrowStyles = arrowStyles(getArrowPosition(props.theme, props.placement), {
-    size: `${props.theme.space.base * 2}px`,
-    inset: '1px',
-    animationModifier: '.is-animated'
-  });
-  if (props.isAnimated) {
-    return props.hasArrow && props.transitionState === 'entered' && computedArrowStyles;
-  }
-  return props.hasArrow && computedArrowStyles;
-}, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledTooltipModal.defaultProps = {
-  theme: DEFAULT_THEME
-};
-
-export { StyledTooltipModal };

package/dist/esm/styled/StyledTooltipModalBody.js

@@ -1,22 +0,0 @@
-/**
-* 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 styled from 'styled-components';
-import { getLineHeight, getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
-
-const COMPONENT_ID = 'modals.tooltip_modal.body';
-const StyledTooltipModalBody = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
-}).withConfig({
-  displayName: "StyledTooltipModalBody",
-  componentId: "sc-195dkzj-0"
-})(["display:block;margin:0;padding-top:", "px;line-height:", ";color:", ";font-size:", ";", ";"], props => props.theme.space.base * 1.5, props => getLineHeight(props.theme.lineHeights.md, props.theme.fontSizes.md), props => getColorV8('foreground', 600 , props.theme), props => props.theme.fontSizes.md, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledTooltipModalBody.defaultProps = {
-  theme: DEFAULT_THEME
-};
-
-export { StyledTooltipModalBody };

package/dist/esm/styled/StyledTooltipModalClose.js

@@ -1,23 +0,0 @@
-/**
-* 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 styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
-import { StyledClose } from './StyledClose.js';
-
-const COMPONENT_ID = 'modals.tooltip_modal.close';
-const StyledTooltipModalClose = styled(StyledClose).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
-}).withConfig({
-  displayName: "StyledTooltipModalClose",
-  componentId: "sc-1h2ke3q-0"
-})(["top:", "px;", ":", ";width:", "px;height:", "px;", ";"], props => props.theme.space.base * 3.5, props => props.theme.rtl ? 'left' : 'right', props => `${props.theme.space.base * 3}px`, props => props.theme.space.base * 8, props => props.theme.space.base * 8, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledTooltipModalClose.defaultProps = {
-  theme: DEFAULT_THEME
-};
-
-export { StyledTooltipModalClose };

package/dist/esm/styled/StyledTooltipModalFooterItem.js

@@ -1,23 +0,0 @@
-/**
-* 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 styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
-import { StyledFooterItem } from './StyledFooterItem.js';
-
-const COMPONENT_ID = 'modals.tooltip_modal.footer_item';
-const StyledTooltipModalFooterItem = styled(StyledFooterItem).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
-}).withConfig({
-  displayName: "StyledTooltipModalFooterItem",
-  componentId: "sc-1nahj6p-0"
-})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledTooltipModalFooterItem.defaultProps = {
-  theme: DEFAULT_THEME
-};
-
-export { StyledTooltipModalFooterItem };

package/dist/esm/styled/StyledTooltipModalTitle.js

@@ -1,28 +0,0 @@
-/**
-* 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 styled from 'styled-components';
-import { getColorV8, retrieveComponentStyles, DEFAULT_THEME, getLineHeight } from '@zendeskgarden/react-theming';
-
-const COMPONENT_ID = 'modals.tooltip_modal.title';
-const sizeStyles = props => `
-  /* stylelint-disable-next-line property-no-unknown */
-  padding-${props.theme.rtl ? 'left' : 'right'}: ${props.theme.space.base * 8}px;
-  line-height: ${getLineHeight(props.theme.lineHeights.md, props.theme.fontSizes.md)};
-  font-size: ${props.theme.fontSizes.md};
-`;
-const StyledTooltipModalTitle = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
-}).withConfig({
-  displayName: "StyledTooltipModalTitle",
-  componentId: "sc-11xjgjs-0"
-})(["margin:0;color:", ";font-weight:", ";", ";", ";"], props => getColorV8('foreground', 600 , props.theme), props => props.theme.fontWeights.semibold, props => sizeStyles(props), props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledTooltipModalTitle.defaultProps = {
-  theme: DEFAULT_THEME
-};
-
-export { StyledTooltipModalTitle };

package/dist/esm/utils/useTooltipModalContext.js

@@ -1,18 +0,0 @@
-/**
-* 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 { createContext, useContext } from 'react';
-
-const TooltipModalContext = createContext(undefined);
-const useTooltipModalContext = () => {
-  const context = useContext(TooltipModalContext);
-  if (context === undefined) {
-    throw new Error('Element must be used within a TooltipModal component.');
-  }
-  return context;
-};
-
-export { TooltipModalContext, useTooltipModalContext };