@khanacademy/perseus 25.1.0 → 26.0.0

package/dist/components/fixed-to-responsive.d.ts

@@ -23,6 +23,6 @@ declare class FixedToResponsive extends React.Component<Props, State> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     _cacheViewportSize: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default FixedToResponsive;

package/dist/components/hud.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from "react";
 type Props = {
     message: string;
     enabled: boolean;
     onClick: () => void;
     fixedPosition?: boolean;
 };
-declare const HUD: ({ message, enabled, onClick, fixedPosition }: Props) => JSX.Element;
+declare const HUD: ({ message, enabled, onClick, fixedPosition }: Props) => React.JSX.Element;
 export default HUD;

package/dist/components/i18n-context.d.ts

@@ -11,6 +11,6 @@ type I18nContextType = {
 };
 export declare const PerseusI18nContext: React.Context<I18nContextType>;
 type Props = React.PropsWithChildren<I18nContextType>;
-export declare function PerseusI18nContextProvider({ children, strings, locale }: Props): JSX.Element;
+export declare function PerseusI18nContextProvider({ children, strings, locale }: Props): React.JSX.Element;
 export declare const usePerseusI18n: () => I18nContextType;
 export {};

package/dist/components/info-tip/info-tip.d.ts

@@ -2,5 +2,5 @@ import * as React from "react";
 type Props = {
     children: string | React.ReactElement | React.ReactElement[];
 };
-export declare const InfoTip: (props: Props) => JSX.Element;
+export declare const InfoTip: (props: Props) => React.JSX.Element;
 export default InfoTip;

package/dist/components/math-input.d.ts

@@ -86,6 +86,6 @@ declare class MathInput extends React.Component<Props, State> {
     blur(): void;
     focus(): void;
     insert(value: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default MathInput;

package/dist/components/tooltip.d.ts

@@ -66,8 +66,8 @@ declare class Tooltip extends React.Component<Props, State> {
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(): void;
     componentDidUpdate(): void;
-    _renderToolTipDiv(isTooltipAbove?: boolean): JSX.Element;
+    _renderToolTipDiv(isTooltipAbove?: boolean): React.JSX.Element;
     _updateHeight(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default Tooltip;

package/dist/es/index.css

@@ -4148,11 +4148,11 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
     /* `pointer-events: all` is needed to make the hit target the size of the
      * entire <g> element and not just its visible subelements */
     pointer-events: all;
-    transition: transform 0.1s ease-out;
+    transition: transform 0.15s ease-out;
 }
 
 .MafsView .protractor-rotation-handle:hover {
-    transform: scale(1.3);
+    transform: scale(1.2);
 }
 
 .MafsView .protractor-rotation-handle-arrow-arc {