@khanacademy/perseus 1.1.0 → 1.1.1

package/dist/index.css

@@ -2893,10 +2893,12 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
 .perseus-matrix .matrix-bracket.bracket-left {
   border-color: #666;
   border-left-width: 2px;
+  border-right-width: 0;
   left: 3px;
 }
 .perseus-matrix .matrix-bracket.bracket-right {
   border-color: #666;
+  border-left-width: 0;
   border-right-width: 2px;
   margin-left: -3px;
 }

package/dist/index.js

@@ -21596,13 +21596,15 @@ class TextInput extends React__namespace.Component {
       onBlur,
       disabled,
       placeholder,
-      onKeyDown
+      onKeyDown,
+      style
     } = this.props;
     const formattedValue = value === null ? "" : value.toString();
     return (
       /*#__PURE__*/
       // $FlowIgnore
       React__namespace.createElement(wonderBlocksForm.TextField, {
+        style: style,
         disabled: disabled,
         id: this.id,
         value: formattedValue,
@@ -22000,7 +22002,8 @@ class InputWithExamples extends React__namespace.Component {
         value: this.props.value,
         onFocus: this._handleFocus,
         onBlur: this._handleBlur,
-        disabled: this.props.disabled
+        disabled: this.props.disabled,
+        style: this.props.style
       };
 
       if (this.props.type === TEX) {
@@ -22134,32 +22137,14 @@ class InputWithExamples extends React__namespace.Component {
 
 }
 
-_defineProperty(InputWithExamples, "propTypes", {
-  type: PropTypes__default["default"].oneOf([MATH, TEXT, TEX]),
-  value: PropTypes__default["default"].string,
-  onChange: PropTypes__default["default"].func.isRequired,
-  className: PropTypes__default["default"].string,
-  examples: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string).isRequired,
-  shouldShowExamples: PropTypes__default["default"].bool,
-  convertDotToTimes: PropTypes__default["default"].bool,
-  buttonSet: PropTypes__default["default"].string,
-  buttonsVisible: PropTypes__default["default"].oneOf(["always", "never", "focused"]),
-  labelText: PropTypes__default["default"].string,
-  onFocus: PropTypes__default["default"].func,
-  onBlur: PropTypes__default["default"].func,
-  disabled: PropTypes__default["default"].bool,
-  // A unique string identifying this InputWithExamples
-  id: PropTypes__default["default"].string.isRequired,
-  linterContext: PerseusLinter__namespace.linterContextProps
-});
-
 _defineProperty(InputWithExamples, "defaultProps", {
   type: TEXT,
   shouldShowExamples: true,
   onFocus: function () {},
   onBlur: function () {},
   disabled: false,
-  linterContext: PerseusLinter__namespace.linterContextDefault
+  linterContext: PerseusLinter__namespace.linterContextDefault,
+  className: ""
 });
 
 /**
@@ -23589,7 +23574,6 @@ class NumericInput extends React__namespace.Component {
     const rubric = this.props.reviewModeRubric;
     const answers = this.getAnswerBlurb(rubric);
     const answerBlurb = answers[0];
-    const classes = [];
     let labelText = this.props.labelText;
 
     if (labelText == null || labelText === "") {
@@ -23615,11 +23599,18 @@ class NumericInput extends React__namespace.Component {
       }));
     }
 
+    const styles = aphrodite.StyleSheet.create({
+      input: {
+        textAlign: this.props.rightAlign ? "right" : "left",
+        width: this.props.size === "small" ? 40 : 80,
+        padding: 0,
+        height: "auto"
+      }
+    });
     const input = /*#__PURE__*/React__namespace.createElement(InputWithExamples, {
       ref: ref => this.inputRef = ref,
       value: this.props.currentValue,
       onChange: this.handleChange,
-      className: classNames__default["default"](classes),
       labelText: labelText,
       type: this._getInputType(),
       examples: this.examples(),
@@ -23627,9 +23618,8 @@ class NumericInput extends React__namespace.Component {
       onFocus: this._handleFocus,
       onBlur: this._handleBlur,
       id: this.props.widgetId,
-      disabled: this.props.apiOptions.readOnly // $FlowFixMe[prop-missing]
-      ,
-      highlightLint: this.props.highlightLint
+      disabled: this.props.apiOptions.readOnly,
+      style: styles.input
     });
     /* This only gets used with SAT Content */
 
@@ -27273,7 +27263,10 @@ class GradedGroup$1 extends React__namespace.Component {
       className: aphrodite.css(a11y.srOnly),
       role: "alert",
       "aria-label": gradeStatus
-    }, gradeStatus), !apiOptions.isMobile && /*#__PURE__*/React__namespace.createElement("p", null, this.state.message), !apiOptions.isMobile && /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+    }, gradeStatus), !apiOptions.isMobile && /*#__PURE__*/React__namespace.createElement("p", {
+      role: "status",
+      "aria-live": "polite"
+    }, this.state.message), !apiOptions.isMobile && /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
       kind: "secondary",
       disabled: this.props.apiOptions.readOnly,
       onClick: this._checkAnswer
@@ -36637,7 +36630,17 @@ class Matrix extends React__namespace.Component {
         } else if (this.props.numericInput) {
           MatrixInput = /*#__PURE__*/React__namespace.createElement(NumberInput, inputProps);
         } else {
-          MatrixInput = /*#__PURE__*/React__namespace.createElement(TextInput, inputProps);
+          const updatedProps = { ...inputProps,
+            style: aphrodite.StyleSheet.create({
+              // eslint-disable-next-line react-native/no-unused-styles
+              input: { ...inputProps.style,
+                display: "inline-block",
+                padding: 0,
+                backgroundColor: outside ? "#f3f3f3" : "#fff"
+              }
+            }).input
+          };
+          MatrixInput = /*#__PURE__*/React__namespace.createElement(TextInput, updatedProps);
         }
 
         return /*#__PURE__*/React__namespace.createElement("span", {