@khanacademy/perseus 22.0.0 → 22.0.1

package/dist/es/index.js

@@ -2320,9 +2320,10 @@ class Expression extends React.Component {
       this.refs.input.focus();
     };
     this.blurInputPath = inputPath => {
+      var _this$refs$input;
       // eslint-disable-next-line react/no-string-refs
       // @ts-expect-error - TS2339 - Property 'blur' does not exist on type 'ReactInstance'.
-      this.refs.input.blur();
+      (_this$refs$input = this.refs.input) == null || _this$refs$input.blur();
     };
     this.getInputPaths = () => {
       // The widget itself is an input, so we return a single empty list to
@@ -21718,8 +21719,9 @@ class SimpleKeypadInput extends React.Component {
   }
 
   blur() {
+    var _this$refs$input;
     // @ts-expect-error - TS2339 - Property 'blur' does not exist on type 'ReactInstance'.
-    this.refs.input.blur(); // eslint-disable-line react/no-string-refs
+    (_this$refs$input = this.refs.input) == null || _this$refs$input.blur(); // eslint-disable-line react/no-string-refs
   }
 
   getValue() {
@@ -21866,9 +21868,10 @@ class InputNumber extends React.Component {
       this.refs.input.focus();
     };
     this.blurInputPath = inputPath => {
+      var _this$refs$input;
       // eslint-disable-next-line react/no-string-refs
       // @ts-expect-error - TS2339 - Property 'blur' does not exist on type 'ReactInstance'.
-      this.refs.input.blur();
+      (_this$refs$input = this.refs.input) == null || _this$refs$input.blur();
     };
     this.getInputPaths = () => {
       // The widget itself is an input, so we return a single empty list to
@@ -28868,6 +28871,7 @@ function scaleCommandBy(scaleFactor) {
 // don't want that.
 const arrowPath = pathBuilder().move(-3, 4).curve(-2.75, 2.5, 0, 0.25, 0.75, 0).curve(0, -0.25, -2.75, -2.5, -3, -4).scale(1.4).build();
 function Arrowhead(props) {
+  var _props$color;
   const [point] = useTransform([props.x, props.y]);
   return /*#__PURE__*/React.createElement("g", {
     transform: `translate(${point[0]} ${point[1]}) rotate(${-props.angle})`
@@ -28877,7 +28881,7 @@ function Arrowhead(props) {
     d: arrowPath,
     fill: "none",
     style: {
-      stroke: "inherit"
+      stroke: (_props$color = props.color) != null ? _props$color : "inherit"
     },
     strokeLinejoin: "round",
     strokeLinecap: "round"
@@ -29472,22 +29476,27 @@ function AxisArrows() {
   const {
     range: [[xMin, xMax], [yMin, yMax]]
   } = useGraphConfig();
+  const axisColor = "var(--mafs-fg)";
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Arrowhead, {
+    color: axisColor,
+    x: xMin,
+    y: 0,
+    angle: 180
+  }), /*#__PURE__*/React__default.createElement(Arrowhead, {
+    color: axisColor,
     x: xMax,
     y: 0,
     angle: 0
   }), /*#__PURE__*/React__default.createElement(Arrowhead, {
+    color: axisColor,
     x: 0,
     y: yMin,
-    angle: 90
-  }), /*#__PURE__*/React__default.createElement(Arrowhead, {
-    x: xMin,
-    y: 0,
-    angle: 180
+    angle: 270
   }), /*#__PURE__*/React__default.createElement(Arrowhead, {
+    color: axisColor,
     x: 0,
     y: yMax,
-    angle: 270
+    angle: 90
   }));
 }
 
@@ -29613,7 +29622,7 @@ const Grid = props => {
   return props.markings === "none" ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Coordinates.Cartesian, {
     xAxis: axisOptions(props, 0),
     yAxis: axisOptions(props, 1)
-  }), props.markings === "graph" && /*#__PURE__*/React.createElement(AxisArrows, null),
+  }),
   // Only render the axis ticks and arrows if the markings are set to a full "graph"
   props.markings === "graph" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AxisTicks, {
     range: props.range,
@@ -43009,7 +43018,7 @@ const init = function init(options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "22.0.0";
+const libVersion = "22.0.1";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {