@khanacademy/perseus 19.7.0 → 19.7.1

package/dist/es/index.css

@@ -4323,7 +4323,10 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
  */
 .MafsView {
     --mafs-bg: transparent;
-    --mafs-fg: #21242c; /* WB color.offBlack */
+    --mafs-fg: rgb(33, 36, 44); /* WB color.offBlack */
+
+    --mafs-line-color: var(--mafs-fg);
+    --grid-line-subdivision-color: rgba(33, 36, 44, 0.16);
 
     --mafs-blue: #1865f2; /* WB color.blue */
     --mafs-red: #d92916; /* WB color.red */

package/dist/es/index.js

@@ -29011,7 +29011,7 @@ const MafsGraph = /*#__PURE__*/React.forwardRef((props, ref) => {
   React.useImperativeHandle(ref, () => ({
     getUserInput: () => graphRef.current
   }));
-  const [width, height] = getInteractiveBoxFromSizeClass(props.containerSizeClass);
+  const [width, height] = props.box;
   const legacyGrid = getLegacyGrid([width, height], props.backgroundImage);
   return /*#__PURE__*/React.createElement(View, {
     style: {
@@ -29035,7 +29035,7 @@ const MafsGraph = /*#__PURE__*/React.forwardRef((props, ref) => {
     zoom: false,
     width: width,
     height: height
-  }, !!legacyGrid && /*#__PURE__*/React.createElement(Grid, props), renderGraph(_extends({}, props, {
+  }, !legacyGrid && /*#__PURE__*/React.createElement(Grid, props), renderGraph(_extends({}, props, {
     onGraphChange: handleGraphUpdate
   })))));
 });
@@ -30256,13 +30256,19 @@ class InteractiveGraph extends React.Component {
   // <Renderer apiOptions={{flags: {mafs: {segment}}}}
   render() {
     var _this$props$apiOption;
+    const box = getInteractiveBoxFromSizeClass(this.props.containerSizeClass);
+    const gridStep = this.props.gridStep || Util.getGridStep(this.props.range, this.props.step, box[0]);
+    const snapStep = this.props.snapStep || Util.snapStepFromGridStep(gridStep);
+
     // Mafs shim
     if ((_this$props$apiOption = this.props.apiOptions) != null && (_this$props$apiOption = _this$props$apiOption.flags) != null && (_this$props$apiOption = _this$props$apiOption["mafs"]) != null && _this$props$apiOption[this.props.graph.type]) {
       return /*#__PURE__*/React.createElement(MafsGraph, _extends({}, this.props, {
-        ref: this.mafsRef
+        ref: this.mafsRef,
+        gridStep: gridStep,
+        snapStep: snapStep,
+        box: box
       }));
     }
-    const box = getInteractiveBoxFromSizeClass(this.props.containerSizeClass);
     let instructions;
     // isClickToAddPoints() only applies to points and polygons
     if (this.isClickToAddPoints() && this.state.shouldShowInstructions) {
@@ -30278,8 +30284,6 @@ class InteractiveGraph extends React.Component {
     if (this.isClickToAddPoints()) {
       onMouseDown = this.handleAddPointsMouseDown;
     }
-    const gridStep = this.props.gridStep || Util.getGridStep(this.props.range, this.props.step, box[0]);
-    const snapStep = this.props.snapStep || Util.snapStepFromGridStep(gridStep);
     const isMobile = this.props.apiOptions.isMobile;
     return /*#__PURE__*/React.createElement("div", {
       className: "perseus-widget " + "perseus-widget-interactive-graph",
@@ -42124,7 +42128,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 = "19.7.0";
+const libVersion = "19.7.1";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {