@khanacademy/perseus 22.6.0 → 22.7.0

package/dist/es/index.css

@@ -4177,7 +4177,6 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
   --mafs-origin-color: var(--mafs-fg);
   --mafs-line-color: #555;
   --mafs-line-stroke-dash-style: 4, 3;
-  --mafs-axis-stroke-width: 1px;
   --grid-line-subdivision-color: #222;
 
   --mafs-red: #f11d0e;
@@ -4488,6 +4487,9 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
         format("woff");
 }
 
+.MafsView pattern g {
+    stroke: #909296;
+}
 .axis-tick-labels {
     font-size: 14px;
     font-family: "Mafs-MJXTEX";
@@ -4496,6 +4498,8 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
      * drag interactions on the graph. */
     user-select: none;
     pointer-events: none;
+    /* Prevent labels from covering up interaction points. */
+    z-index: -1;
 }
 
 .y-axis-tick-labels {
@@ -4522,10 +4526,14 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
 
 .x-axis-tick-labels span,
 .y-axis-tick-labels span {
+    /* The negative sign is rendered as a pseudo-element to
+        ensure that we are positioning all labels correctly */
     &::before {
         content: attr(data-content);
         position: absolute;
-        transform: translate(-100%);
+        /* We're translating the symbol up by 1px to ensure it's legible around gridlines. */
+        transform: translate(-100%, -1px);
+        font-weight: 600; /* This helps get the symbol to render crisply */
     }
 }
 

package/dist/es/index.js

@@ -43667,7 +43667,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.6.0";
+const libVersion = "22.7.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {

package/dist/index.css

@@ -4177,7 +4177,6 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
   --mafs-origin-color: var(--mafs-fg);
   --mafs-line-color: #555;
   --mafs-line-stroke-dash-style: 4, 3;
-  --mafs-axis-stroke-width: 1px;
   --grid-line-subdivision-color: #222;
 
   --mafs-red: #f11d0e;
@@ -4488,6 +4487,9 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
         format("woff");
 }
 
+.MafsView pattern g {
+    stroke: #909296;
+}
 .axis-tick-labels {
     font-size: 14px;
     font-family: "Mafs-MJXTEX";
@@ -4496,6 +4498,8 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
      * drag interactions on the graph. */
     user-select: none;
     pointer-events: none;
+    /* Prevent labels from covering up interaction points. */
+    z-index: -1;
 }
 
 .y-axis-tick-labels {
@@ -4522,10 +4526,14 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
 
 .x-axis-tick-labels span,
 .y-axis-tick-labels span {
+    /* The negative sign is rendered as a pseudo-element to
+        ensure that we are positioning all labels correctly */
     &::before {
         content: attr(data-content);
         position: absolute;
-        transform: translate(-100%);
+        /* We're translating the symbol up by 1px to ensure it's legible around gridlines. */
+        transform: translate(-100%, -1px);
+        font-weight: 600; /* This helps get the symbol to render crisply */
     }
 }
 

package/dist/index.js

@@ -44002,7 +44002,7 @@ const init = function (options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "22.6.0";
+const libVersion = "22.7.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "22.6.0",
+    "version": "22.7.0",
     "publishConfig": {
         "access": "public"
     },
@@ -46,7 +46,7 @@
         "@khanacademy/perseus-linter": "^0.4.0",
         "@khanacademy/pure-markdown": "^0.3.4",
         "@khanacademy/simple-markdown": "^0.11.4",
-        "mafs": "0.18.6"
+        "mafs": "0.18.5"
     },
     "devDependencies": {
         "@khanacademy/wonder-blocks-banner": "3.0.42",