@khanacademy/perseus 20.3.1 → 20.4.1

package/dist/es/index.css

@@ -4251,13 +4251,14 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
 }
 
 /**
- * Overrides of mafs styles-- we will want to move this into JS land
- * to take advantage of WB tokens, but I cannot get that to work at the moment
+ * Overrides of mafs theme-- we will want to move this into JS land
+ * to take advantage of WB tokens
  */
 .MafsView {
     --mafs-bg: transparent;
     --mafs-fg: rgb(33, 36, 44); /* WB color.offBlack */
 
+    /* Grid lines */
     --mafs-line-color: rgba(33, 36, 44, 0.16); /* WB color.offBlack16*/
 
     --mafs-blue: #1865f2; /* WB color.blue */
@@ -4272,20 +4273,18 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
     --movable-point-ring-radius: calc(2px + var(--movable-point-center-radius));
     --movable-point-halo-radius: calc(3px + var(--movable-point-ring-radius));
     --movable-point-hover-expansion: 2px;
-}
 
-.MafsView .movable-segment {
-    --mafs-segment-stroke-color: rgba(33, 36, 44, 0.64); /* offBlack64 */
-    --mafs-segment-stroke-weight: 2px;
+    --movable-line-stroke-color: var(--mafs-blue);
+    --movable-line-stroke-weight: 2px;
 }
 
-.MafsView .movable-segment:is(:focus-visible, :hover) {
+.MafsView .movable-line:is(:focus-visible, :hover),
+.movable-line-dragging {
     outline: none;
-    --mafs-segment-stroke-color: var(--mafs-blue);
-    --mafs-segment-stroke-weight: 4px;
+    --movable-line-stroke-weight: 4px;
 }
 
-.MafsView .movable-segment:focus {
+.MafsView .movable-line:focus {
     outline: none;
 }