@khanacademy/wonder-blocks-tooltip 0.0.0-PR2041-20230908193853

package/CHANGELOG.md

@@ -0,0 +1,539 @@
+# @khanacademy/wonder-blocks-tooltip
+
+## 0.0.0-PR2041-20230908193853
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@0.0.0-PR2041-20230908193853
+
+## 2.1.9
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@4.0.26
+
+## 2.1.8
+
+### Patch Changes
+
+-   Updated dependencies [4b97b9a2]
+    -   @khanacademy/wonder-blocks-core@6.2.0
+    -   @khanacademy/wonder-blocks-layout@2.0.22
+    -   @khanacademy/wonder-blocks-modal@4.0.25
+    -   @khanacademy/wonder-blocks-typography@2.1.8
+
+## 2.1.7
+
+### Patch Changes
+
+-   Updated dependencies [2871f0a9]
+    -   @khanacademy/wonder-blocks-core@6.1.1
+    -   @khanacademy/wonder-blocks-layout@2.0.21
+    -   @khanacademy/wonder-blocks-modal@4.0.24
+    -   @khanacademy/wonder-blocks-typography@2.1.7
+
+## 2.1.6
+
+### Patch Changes
+
+-   Updated dependencies [efb59c29]
+-   Updated dependencies [8bc40ed2]
+    -   @khanacademy/wonder-blocks-core@6.1.0
+    -   @khanacademy/wonder-blocks-layout@2.0.20
+    -   @khanacademy/wonder-blocks-modal@4.0.23
+    -   @khanacademy/wonder-blocks-typography@2.1.6
+
+## 2.1.5
+
+### Patch Changes
+
+-   Updated dependencies [f19da46e]
+    -   @khanacademy/wonder-blocks-core@6.0.2
+    -   @khanacademy/wonder-blocks-layout@2.0.19
+    -   @khanacademy/wonder-blocks-modal@4.0.22
+    -   @khanacademy/wonder-blocks-typography@2.1.5
+
+## 2.1.4
+
+### Patch Changes
+
+-   Updated dependencies [1920feb8]
+    -   @khanacademy/wonder-blocks-core@6.0.1
+    -   @khanacademy/wonder-blocks-layout@2.0.18
+    -   @khanacademy/wonder-blocks-modal@4.0.21
+    -   @khanacademy/wonder-blocks-typography@2.1.4
+
+## 2.1.3
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@4.0.20
+
+## 2.1.2
+
+### Patch Changes
+
+-   Updated dependencies [674a1e5c]
+-   Updated dependencies [674a1e5c]
+    -   @khanacademy/wonder-blocks-modal@4.0.19
+    -   @khanacademy/wonder-blocks-core@6.0.0
+    -   @khanacademy/wonder-blocks-layout@2.0.17
+    -   @khanacademy/wonder-blocks-typography@2.1.3
+
+## 2.1.1
+
+### Patch Changes
+
+-   Updated dependencies [1344436f]
+    -   @khanacademy/wonder-blocks-core@5.4.0
+    -   @khanacademy/wonder-blocks-modal@4.0.18
+    -   @khanacademy/wonder-blocks-layout@2.0.16
+    -   @khanacademy/wonder-blocks-typography@2.1.2
+
+## 2.1.0
+
+### Minor Changes
+
+-   9f3752d4: Added custom styling for background color, text color, and padding to Tooltip
+
+### Patch Changes
+
+-   Updated dependencies [9f3752d4]
+    -   @khanacademy/wonder-blocks-typography@2.1.1
+    -   @khanacademy/wonder-blocks-core@5.3.1
+    -   @khanacademy/wonder-blocks-modal@4.0.17
+    -   @khanacademy/wonder-blocks-layout@2.0.15
+
+## 2.0.16
+
+### Patch Changes
+
+-   Updated dependencies [0423a440]
+-   Updated dependencies [c37b99aa]
+-   Updated dependencies [afd5a801]
+-   Updated dependencies [13c48aa0]
+-   Updated dependencies [cade62f3]
+-   Updated dependencies [c4cef3e6]
+-   Updated dependencies [4c900085]
+    -   @khanacademy/wonder-blocks-typography@2.1.0
+    -   @khanacademy/wonder-blocks-core@5.3.0
+    -   @khanacademy/wonder-blocks-modal@4.0.16
+    -   @khanacademy/wonder-blocks-layout@2.0.14
+
+## 2.0.15
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@4.0.15
+
+## 2.0.14
+
+### Patch Changes
+
+-   Updated dependencies [d4c412b5]
+    -   @khanacademy/wonder-blocks-core@5.2.3
+    -   @khanacademy/wonder-blocks-layout@2.0.13
+    -   @khanacademy/wonder-blocks-modal@4.0.14
+    -   @khanacademy/wonder-blocks-typography@2.0.13
+
+## 2.0.13
+
+### Patch Changes
+
+-   Updated dependencies [64a188e3]
+    -   @khanacademy/wonder-blocks-core@5.2.2
+    -   @khanacademy/wonder-blocks-layout@2.0.12
+    -   @khanacademy/wonder-blocks-modal@4.0.13
+    -   @khanacademy/wonder-blocks-typography@2.0.12
+
+## 2.0.12
+
+### Patch Changes
+
+-   86f58e6b: Allow the popover tail to be optional. This is a non-breaking change as it defaults to being visible as before. The TooltipTail export of wonder-blocks-tooltip is modified to support this, but it is a minor change that does not impact the primary API and hence is a patch update. While the Popover change is similar, it has a direct impact to primary uses and so is a minor update.
+-   df9a10aa: Update state and props to be readonly in components using getDerivedStateFromProps()
+-   Updated dependencies [5a1ea891]
+-   Updated dependencies [df9a10aa]
+    -   @khanacademy/wonder-blocks-layout@2.0.11
+    -   @khanacademy/wonder-blocks-modal@4.0.12
+    -   @khanacademy/wonder-blocks-core@5.2.1
+    -   @khanacademy/wonder-blocks-typography@2.0.11
+
+## 2.0.11
+
+### Patch Changes
+
+-   fa70c895: Remove all TypeScript error suppressions on JSX attributes
+-   Updated dependencies [fa70c895]
+-   Updated dependencies [19ab0408]
+-   Updated dependencies [fa70c895]
+    -   @khanacademy/wonder-blocks-core@5.2.0
+    -   @khanacademy/wonder-blocks-modal@4.0.11
+    -   @khanacademy/wonder-blocks-layout@2.0.10
+    -   @khanacademy/wonder-blocks-typography@2.0.10
+
+## 2.0.10
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@4.0.10
+
+## 2.0.9
+
+### Patch Changes
+
+-   Updated dependencies [3c400719]
+-   Updated dependencies [a6164ed0]
+    -   @khanacademy/wonder-blocks-core@5.1.0
+    -   @khanacademy/wonder-blocks-modal@4.0.9
+    -   @khanacademy/wonder-blocks-layout@2.0.9
+    -   @khanacademy/wonder-blocks-typography@2.0.9
+
+## 2.0.8
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-layout@2.0.8
+-   @khanacademy/wonder-blocks-modal@4.0.8
+-   @khanacademy/wonder-blocks-typography@2.0.8
+
+## 2.0.7
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-layout@2.0.7
+-   @khanacademy/wonder-blocks-modal@4.0.7
+-   @khanacademy/wonder-blocks-typography@2.0.7
+
+## 2.0.6
+
+### Patch Changes
+
+-   c20f48f3: Don't transpile classes when building bundles
+-   Updated dependencies [c20f48f3]
+    -   @khanacademy/wonder-blocks-core@5.0.4
+    -   @khanacademy/wonder-blocks-layout@2.0.6
+    -   @khanacademy/wonder-blocks-modal@4.0.6
+    -   @khanacademy/wonder-blocks-typography@2.0.6
+
+## 2.0.5
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-layout@2.0.5
+-   @khanacademy/wonder-blocks-modal@4.0.5
+-   @khanacademy/wonder-blocks-typography@2.0.5
+
+## 2.0.4
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-layout@2.0.4
+-   @khanacademy/wonder-blocks-modal@4.0.4
+-   @khanacademy/wonder-blocks-typography@2.0.4
+
+## 2.0.3
+
+### Patch Changes
+
+-   Updated dependencies [b281e2eb]
+    -   @khanacademy/wonder-blocks-core@5.0.3
+    -   @khanacademy/wonder-blocks-layout@2.0.3
+    -   @khanacademy/wonder-blocks-modal@4.0.3
+    -   @khanacademy/wonder-blocks-typography@2.0.3
+
+## 2.0.2
+
+### Patch Changes
+
+-   Updated dependencies [21ce20c7]
+    -   @khanacademy/wonder-blocks-core@5.0.2
+    -   @khanacademy/wonder-blocks-layout@2.0.2
+    -   @khanacademy/wonder-blocks-modal@4.0.2
+    -   @khanacademy/wonder-blocks-typography@2.0.2
+
+## 2.0.1
+
+### Patch Changes
+
+-   ccb6fe00: Miscellaneous TS type fixes
+-   d4c2b18c: Fix a variety of issues with Flow types generated by flowgen
+-   Updated dependencies [ccb6fe00]
+-   Updated dependencies [d4c2b18c]
+    -   @khanacademy/wonder-blocks-core@5.0.1
+    -   @khanacademy/wonder-blocks-layout@2.0.1
+    -   @khanacademy/wonder-blocks-modal@4.0.1
+    -   @khanacademy/wonder-blocks-typography@2.0.1
+    -   @khanacademy/wonder-blocks-color@2.0.1
+    -   @khanacademy/wonder-blocks-spacing@4.0.1
+
+## 2.0.0
+
+### Major Changes
+
+-   1ca4d7e3: Fix minor issue with generate Flow types (this is a major bump b/c I forgot to do one after doing the TS conversion)
+
+### Patch Changes
+
+-   Updated dependencies [1ca4d7e3]
+    -   @khanacademy/wonder-blocks-color@2.0.0
+    -   @khanacademy/wonder-blocks-core@5.0.0
+    -   @khanacademy/wonder-blocks-layout@2.0.0
+    -   @khanacademy/wonder-blocks-modal@4.0.0
+    -   @khanacademy/wonder-blocks-spacing@4.0.0
+    -   @khanacademy/wonder-blocks-typography@2.0.0
+
+## 1.4.9
+
+### Patch Changes
+
+-   b5ba5568: Ensure that flow lib defs use React.ElementConfig<> isntead of JSX.LibraryManagedAttributes<>
+-   Updated dependencies [b5ba5568]
+    -   @khanacademy/wonder-blocks-color@1.2.3
+    -   @khanacademy/wonder-blocks-core@4.9.1
+    -   @khanacademy/wonder-blocks-layout@1.4.19
+    -   @khanacademy/wonder-blocks-modal@3.0.10
+    -   @khanacademy/wonder-blocks-spacing@3.0.7
+    -   @khanacademy/wonder-blocks-typography@1.1.41
+
+## 1.4.8
+
+### Patch Changes
+
+-   Updated dependencies [779b031d]
+    -   @khanacademy/wonder-blocks-core@4.9.0
+    -   @khanacademy/wonder-blocks-layout@1.4.18
+    -   @khanacademy/wonder-blocks-modal@3.0.9
+    -   @khanacademy/wonder-blocks-typography@1.1.40
+
+## 1.4.7
+
+### Patch Changes
+
+-   d816af08: Update build and test configs use TypeScript
+-   3891f544: Update babel config to include plugins that Storybook needed
+-   0d28bb1c: Configured TypeScript
+-   3d05f764: Fix HOCs and other type errors
+-   c2ec4902: Update eslint configuration, fix lint
+-   2983c05b: Include 'types' field in package.json
+-   77ff6a66: Generate Flow types from TypeScript types
+-   873f4a14: Tweak 'Offset' type to use React.CSSProperties
+-   ec8d4b7f: Fix miscellaneous TypeScript errors
+-   Updated dependencies [d816af08]
+-   Updated dependencies [3891f544]
+-   Updated dependencies [0d28bb1c]
+-   Updated dependencies [873f4a14]
+-   Updated dependencies [3d05f764]
+-   Updated dependencies [c2ec4902]
+-   Updated dependencies [2983c05b]
+-   Updated dependencies [77ff6a66]
+-   Updated dependencies [ec8d4b7f]
+    -   @khanacademy/wonder-blocks-color@1.2.2
+    -   @khanacademy/wonder-blocks-core@4.8.0
+    -   @khanacademy/wonder-blocks-layout@1.4.17
+    -   @khanacademy/wonder-blocks-modal@3.0.8
+    -   @khanacademy/wonder-blocks-spacing@3.0.6
+    -   @khanacademy/wonder-blocks-typography@1.1.39
+
+## 1.4.6
+
+### Patch Changes
+
+-   91cb727c: Remove file extensions from imports
+-   Updated dependencies [91cb727c]
+-   Updated dependencies [91cb727c]
+-   Updated dependencies [91cb727c]
+    -   @khanacademy/wonder-blocks-color@1.2.1
+    -   @khanacademy/wonder-blocks-core@4.7.0
+    -   @khanacademy/wonder-blocks-layout@1.4.16
+    -   @khanacademy/wonder-blocks-modal@3.0.7
+    -   @khanacademy/wonder-blocks-typography@1.1.38
+
+## 1.4.5
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@3.0.6
+
+## 1.4.4
+
+### Patch Changes
+
+-   Updated dependencies [496119f2]
+    -   @khanacademy/wonder-blocks-core@4.6.2
+    -   @khanacademy/wonder-blocks-modal@3.0.5
+    -   @khanacademy/wonder-blocks-layout@1.4.15
+    -   @khanacademy/wonder-blocks-typography@1.1.37
+
+## 1.4.3
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-core@4.6.1
+-   @khanacademy/wonder-blocks-layout@1.4.14
+-   @khanacademy/wonder-blocks-modal@3.0.4
+-   @khanacademy/wonder-blocks-typography@1.1.36
+
+## 1.4.2
+
+### Patch Changes
+
+-   5712eb36: Remove an unused function in TooltipTail: `_minDistanceFromCorners`
+-   Updated dependencies [b561425a]
+-   Updated dependencies [a566e232]
+-   Updated dependencies [d2b21a6e]
+    -   @khanacademy/wonder-blocks-core@4.6.0
+    -   @khanacademy/wonder-blocks-layout@1.4.13
+    -   @khanacademy/wonder-blocks-modal@3.0.3
+    -   @khanacademy/wonder-blocks-typography@1.1.35
+
+## 1.4.1
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@3.0.2
+
+## 1.4.0
+
+### Minor Changes
+
+-   b784d7a8: Allow Tooltip to be open/closed by its parent (controlled)
+
+## 1.3.23
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@3.0.1
+
+## 1.3.22
+
+### Patch Changes
+
+-   Updated dependencies [13cdc7fe]
+    -   @khanacademy/wonder-blocks-modal@3.0.0
+
+## 1.3.21
+
+### Patch Changes
+
+-   Updated dependencies [f3bcc1a9]
+    -   @khanacademy/wonder-blocks-modal@2.3.11
+
+## 1.3.20
+
+### Patch Changes
+
+-   Updated dependencies [175a2dd2]
+    -   @khanacademy/wonder-blocks-core@4.5.0
+    -   @khanacademy/wonder-blocks-layout@1.4.12
+    -   @khanacademy/wonder-blocks-modal@2.3.10
+    -   @khanacademy/wonder-blocks-typography@1.1.34
+
+## 1.3.19
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@2.3.9
+
+## 1.3.18
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@2.3.8
+
+## 1.3.17
+
+### Patch Changes
+
+-   Updated dependencies [6ee20af9]
+    -   @khanacademy/wonder-blocks-core@4.4.0
+    -   @khanacademy/wonder-blocks-layout@1.4.11
+    -   @khanacademy/wonder-blocks-modal@2.3.7
+    -   @khanacademy/wonder-blocks-typography@1.1.33
+
+## 1.3.16
+
+### Patch Changes
+
+-   e9364406: hide tooltip-tail from screen readers
+-   Updated dependencies [2546b126]
+    -   @khanacademy/wonder-blocks-modal@2.3.6
+
+## 1.3.15
+
+### Patch Changes
+
+-   Updated dependencies [34c7aacb]
+    -   @khanacademy/wonder-blocks-color@1.2.0
+    -   @khanacademy/wonder-blocks-modal@2.3.5
+
+## 1.3.14
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@2.3.4
+
+## 1.3.13
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@2.3.3
+
+## 1.3.12
+
+### Patch Changes
+
+-   Updated dependencies [5f4a4297]
+-   Updated dependencies [2b96fd59]
+    -   @khanacademy/wonder-blocks-core@4.3.2
+    -   @khanacademy/wonder-blocks-layout@1.4.10
+    -   @khanacademy/wonder-blocks-modal@2.3.2
+    -   @khanacademy/wonder-blocks-typography@1.1.32
+
+## 1.3.11
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-core@4.3.1
+-   @khanacademy/wonder-blocks-layout@1.4.9
+-   @khanacademy/wonder-blocks-modal@2.3.1
+-   @khanacademy/wonder-blocks-typography@1.1.31
+
+## 1.3.10
+
+### Patch Changes
+
+-   Updated dependencies [7eaf74bd]
+    -   @khanacademy/wonder-blocks-modal@2.3.0
+
+## 1.3.9
+
+### Patch Changes
+
+-   Updated dependencies [246a921d]
+    -   @khanacademy/wonder-blocks-core@4.3.0
+    -   @khanacademy/wonder-blocks-layout@1.4.8
+    -   @khanacademy/wonder-blocks-modal@2.2.3
+    -   @khanacademy/wonder-blocks-typography@1.1.30
+
+## 1.3.8
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-modal@2.2.2
+
+## 1.3.7
+
+### Patch Changes
+
+-   @khanacademy/wonder-blocks-core@4.2.1
+-   @khanacademy/wonder-blocks-layout@1.4.7
+-   @khanacademy/wonder-blocks-modal@2.2.1
+-   @khanacademy/wonder-blocks-typography@1.1.29
+
+## 1.3.6
+
+### Patch Changes
+
+-   Updated dependencies [e7bbf149]
+    -   @khanacademy/wonder-blocks-modal@2.2.0

package/dist/components/tooltip-anchor.d.ts

@@ -0,0 +1,85 @@
+/**
+ * This component turns the given content into an accessible anchor for
+ * positioning and displaying tooltips.
+ */
+import * as React from "react";
+import type { IIdentifierFactory } from "@khanacademy/wonder-blocks-core";
+import type { IActiveTrackerSubscriber } from "../util/active-tracker";
+type Props = {
+    /**
+     * The content for anchoring the tooltip.
+     * This element will be used to position the tooltip.
+     * If a string is passed as children we wrap it in a Text element.
+     * We allow children to be a string so that we can add tooltips to
+     * words within a large block of text easily.
+     */
+    children: React.ReactElement<any> | string;
+    /**
+     * Callback to be invoked when the anchored content is mounted.
+     * This provides a reference to the anchored content, which can then be
+     * used for calculating tooltip bubble positioning.
+     */
+    anchorRef: (arg1?: Element | null | undefined) => unknown;
+    /**
+     * When true, if a tabindex attribute is not already present on the element
+     * wrapped by the anchor, the element will be given tabindex=0 to make it
+     * keyboard focusable; otherwise, does not attempt to change the ability to
+     * focus the anchor element.
+     *
+     * Defaults to true.
+     *
+     * One might set this to false in circumstances where the wrapped component
+     * already can receive focus or contains an element that can.
+     * Use good judgement when overriding this value, the tooltip content should
+     * be accessible via keyboard in all circumstances where the tooltip would
+     * appear using the mouse, so verify those use-cases.
+     */
+    forceAnchorFocusivity?: boolean;
+    /**
+     * Callback to pass active state back to Tooltip.
+     *
+     * `active` will be true whenever the anchor is hovered or focused and false
+     * otherwise.
+     */
+    onActiveChanged: (active: boolean) => unknown;
+    /**
+     * Optional unique id factory.
+     */
+    ids?: IIdentifierFactory;
+};
+type DefaultProps = {
+    forceAnchorFocusivity: Props["forceAnchorFocusivity"];
+};
+type State = {
+    /** Is the anchor active or not? */
+    active: boolean;
+};
+export default class TooltipAnchor extends React.Component<Props, State> implements IActiveTrackerSubscriber {
+    _weSetFocusivity: boolean | null | undefined;
+    _anchorNode: Element | null | undefined;
+    _focused: boolean;
+    _hovered: boolean;
+    _stolenFromUs: boolean;
+    _unsubscribeFromTracker: () => void | null | undefined;
+    _timeoutID: number | null | undefined;
+    static defaultProps: DefaultProps;
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Props): void;
+    componentWillUnmount(): void;
+    static ariaContentId: string;
+    activeStateStolen: () => void;
+    _updateFocusivity(): void;
+    _updateActiveState(hovered: boolean, focused: boolean): void;
+    _clearPendingAction(): void;
+    _setActiveState(active: boolean, instant?: boolean): void;
+    _handleFocusIn: () => void;
+    _handleFocusOut: () => void;
+    _handleMouseEnter: () => void;
+    _handleMouseLeave: () => void;
+    _handleKeyUp: (e: KeyboardEvent) => void;
+    _renderAnchorableChildren(): React.ReactElement<any>;
+    _renderAccessibleChildren(ids: IIdentifierFactory): React.ReactNode;
+    render(): React.ReactNode;
+}
+export {};

package/dist/components/tooltip-bubble.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+import Colors from "@khanacademy/wonder-blocks-color";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
+import TooltipContent from "./tooltip-content";
+import type { getRefFn, Offset, Placement } from "../util/types";
+export type PopperElementProps = {
+    /** The placement of the bubble with respect to the anchor. */
+    placement: Placement;
+    /** Whether the bubble is out of bounds or not. */
+    isReferenceHidden?: boolean | null | undefined;
+    /** A callback for updating the ref of the bubble itself. */
+    updateBubbleRef?: getRefFn;
+    /** A callback for updating the ref of the bubble's tail. */
+    updateTailRef?: getRefFn;
+    /** Where the tail is to be rendered. */
+    tailOffset?: Offset;
+    /** Additional styles to be applied by the bubble. */
+    style?: StyleType;
+};
+export type Props = {
+    /** The unique identifier for this component. */
+    id: string;
+    /** The `TooltipContent` element that will be rendered in the bubble. */
+    children: React.ReactElement<React.ComponentProps<typeof TooltipContent>>;
+    onActiveChanged: (active: boolean) => unknown;
+    /** Optional background color. */
+    backgroundColor?: keyof typeof Colors;
+} & PopperElementProps;
+type State = {
+    active: boolean;
+};
+export default class TooltipBubble extends React.Component<Props, State> {
+    state: State;
+    _setActiveState(active: boolean): void;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    render(): React.ReactNode;
+}
+export {};

package/dist/components/tooltip-content.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import type { Typography } from "@khanacademy/wonder-blocks-typography";
+import { ContentStyle } from "../util/types";
+type Props = {
+    /**
+     * The title for the tooltip content.
+     * Optional.
+     */
+    title?: string | React.ReactElement<React.ComponentProps<Typography>>;
+    /**
+     * The main content for a tooltip.
+     */
+    children: string | React.ReactElement<React.ComponentProps<Typography>> | Array<React.ReactElement<React.ComponentProps<Typography>>>;
+    /**
+     * Optional custom styles for the tooltip which are a subset of valid CSS styles
+     */
+    contentStyle?: ContentStyle;
+    /**
+     * Test ID used for e2e testing.
+     */
+    testId?: string;
+};
+/**
+ * This component is used to provide the content that is to be rendered in the
+ * tooltip bubble.
+ *
+ * ### Usage
+ *
+ * ```jsx
+ * import {TooltipContent} from "@khanacademy/wonder-blocks-tooltip";
+ *
+ * <TooltipContent title="Title text!">
+ *  Some content in my tooltip.
+ * </TooltipContent>
+ * ```
+ */
+export default class TooltipContent extends React.Component<Props> {
+    _renderTitle(): React.ReactNode;
+    _renderChildren(): React.ReactNode;
+    render(): React.ReactNode;
+}
+export {};