@khanacademy/wonder-blocks-tooltip 4.1.11 → 4.1.13

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @khanacademy/wonder-blocks-tooltip
 
+## 4.1.13
+
+### Patch Changes
+
+- 9bb3cf2: Fix tooltips so that they are read out by screen readers
+- Updated dependencies [b9e4946]
+- Updated dependencies [b9e4946]
+    - @khanacademy/wonder-blocks-tokens@10.0.0
+    - @khanacademy/wonder-blocks-typography@3.2.0
+    - @khanacademy/wonder-blocks-layout@3.1.10
+    - @khanacademy/wonder-blocks-modal@7.1.13
+    - @khanacademy/wonder-blocks-core@12.2.1
+
+## 4.1.12
+
+### Patch Changes
+
+- @khanacademy/wonder-blocks-modal@7.1.12
+
 ## 4.1.11
 
 ### Patch Changes

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

@@ -42,9 +42,12 @@ type Props = {
      */
     onActiveChanged: (active: boolean) => unknown;
     /**
-     * Optional unique id.
+     * Required aria-describedby id.
+     * This ID will reference the text in the tooltip bubble.
+     * It should only be set to `undefined` when the tooltip bubble
+     * is not visible.
      */
-    id?: string | undefined;
+    "aria-describedby": string | undefined;
 };
 type DefaultProps = {
     forceAnchorFocusivity: Props["forceAnchorFocusivity"];
@@ -66,7 +69,6 @@ export default class TooltipAnchor extends React.Component<Props, State> impleme
     componentDidMount(): void;
     componentDidUpdate(prevProps: Props): void;
     componentWillUnmount(): void;
-    static ariaContentId: string;
     activeStateStolen: () => void;
     _updateFocusivity(): void;
     _updateActiveState(hovered: boolean, focused: boolean): void;
@@ -78,7 +80,6 @@ export default class TooltipAnchor extends React.Component<Props, State> impleme
     _handleMouseLeave: () => void;
     _handleKeyUp: (e: KeyboardEvent) => void;
     _renderAnchorableChildren(): React.ReactElement<any>;
-    _renderAccessibleChildren(uniqueId: string): React.ReactNode;
     render(): React.ReactNode;
 }
 export {};

package/dist/components/tooltip.d.ts

@@ -159,7 +159,7 @@ export default class Tooltip extends React.Component<Props, State> {
     state: State;
     _updateAnchorElement(ref?: Element | null): void;
     _renderBubbleContent(): React.ReactElement<React.ComponentProps<typeof TooltipContent>>;
-    _renderPopper(bubbleId: string): React.ReactNode;
+    _renderPopper(ariaContentId: string): React.ReactNode;
     _getHost(): Element | null | undefined;
     _renderTooltipAnchor(uniqueId: string): React.ReactNode;
     render(): React.ReactNode;