@khanacademy/perseus 52.0.1 → 53.0.0

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

@@ -34,9 +34,11 @@ declare class NumberInput extends React.Component<any, any> {
         checkValidity: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<string>;
         label: PropTypes.Requireable<string>;
+        allowPiTruncation: PropTypes.Requireable<boolean>;
     };
     static defaultProps: any;
     state: any;
+    componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;
     _getInput: () => HTMLInputElement;
     getValue: () => any;

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

@@ -9,6 +9,7 @@ declare class RangeInput extends React.Component<any> {
         onChange: PropTypes.Validator<(...args: any[]) => any>;
         placeholder: PropTypes.Requireable<any[]>;
         checkValidity: PropTypes.Requireable<(...args: any[]) => any>;
+        allowPiTruncation: PropTypes.Requireable<boolean>;
     };
     static defaultProps: any;
     onChange: (arg1: number, arg2: string) => void;

package/dist/components/svg-image.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Coord } from "../interactive2/types";
-import type { Alignment, Dimensions } from "../types";
-import type { Size } from "@khanacademy/perseus-core";
+import type { Dimensions } from "../types";
+import type { Alignment, Size } from "@khanacademy/perseus-core";
 type Props = {
     allowFullBleed?: boolean;
     alt: string;

package/dist/es/index.css

@@ -2467,26 +2467,10 @@ img.zoom-img {
 #answer_area .blank-background {
   background-color: transparent;
 }
-.above-scratchpad {
-  position: relative;
-  z-index: 2;
-}
-.graphie.above-scratchpad,
-.graphie-container.above-scratchpad {
-  background-color: #fdfdfd;
-}
-.perseus-mobile .graphie-container.above-scratchpad {
-  background: #ffffff;
-}
 .graphie {
   -webkit-user-select: none;
   user-select: none;
 }
-.perseus-interactive,
-.perseus-interactive.above-scratchpad {
-  position: relative;
-  z-index: 3;
-}
 #answercontent input[type=text].perseus-input-size-normal,
 #answercontent input[type=number].perseus-input-size-normal,
 .framework-perseus input[type=text].perseus-input-size-normal,
@@ -2765,10 +2749,6 @@ img.zoom-img {
 .categorizer-container table {
   min-width: 0;
 }
-.categorizer-container label {
-  position: relative;
-  z-index: 2;
-}
 body.mobile .categorizer-container td.category input[type="radio"]:checked + span:before {
   color: #1c758a;
 }
@@ -2796,8 +2776,6 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
   color: #fcc335;
   cursor: pointer;
   font-size: 20px;
-  position: relative;
-  z-index: 3;
 }
 .perseus-widget-expression .error-text {
   background-color: #fff;
@@ -3153,8 +3131,6 @@ body.mobile .perseus-matrix .matrix-input-field {
   margin: 0;
 }
 .orderer .card-wrap {
-  position: relative;
-  z-index: 3;
   width: auto;
 }
 .orderer.layout-horizontal .card-wrap {
@@ -3369,13 +3345,7 @@ body.sat-section .perseus-widget-passage {
   border-bottom: 1px solid #aaa;
   box-shadow: 0 1px 2px #ccc;
 }
-.draggy-boxy-thing .cards-area {
-  position: relative;
-  z-index: 2;
-}
 .draggy-boxy-thing .card {
-  position: relative;
-  z-index: 3;
   background-color: #fff;
   border: 1px solid #b9b9b9;
   border-bottom-color: #939393;