@khanacademy/perseus 7.1.1 → 7.2.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @khanacademy/perseus
 
+## 7.2.1
+
+### Patch Changes
+
+-   89f54569: Types and tests for Plotter and Plotter-Editor
+-   ea9dac75: Bugfix: allow legacy keypad to be positioned absolutely in column
+-   89f54569: Bugfix to hide drag instructions in static plotter
+-   Updated dependencies [ea9dac75]
+-   Updated dependencies [30a99b82]
+-   Updated dependencies [3fa556a3]
+    -   @khanacademy/math-input@8.1.2
+
+## 7.2.0
+
+### Minor Changes
+
+-   e08f85ee: Add testing and improve error logging in the image editor
+
 ## 7.1.1
 
 ### Patch Changes

package/dist/es/index.css

@@ -1666,9 +1666,9 @@ body.mobile ul.inequalities-one-line-radios > li {
   font-family: Courier, monospace;
 }
 .framework-perseus.perseus-article:not(.perseus-mobile) pre {
-  background-color: #F0F1F2;
+  background-color: #f0f1f2;
   border-radius: 4px;
-  color: #21242C;
+  color: #21242c;
   font-size: 18px;
   padding: 16px;
   white-space: pre;
@@ -1679,29 +1679,29 @@ body.mobile ul.inequalities-one-line-radios > li {
   font-family: inherit;
   font-size: 14px;
   line-height: 1.25;
-  color: #21242C;
+  color: #21242c;
 }
 .framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-option-content .perseus-renderer > .paragraph .paragraph {
   font-family: inherit;
   font-size: 14px;
   line-height: 1.25;
-  color: #21242C;
+  color: #21242c;
 }
 .framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-rationale-content .perseus-renderer > .paragraph {
   font-family: inherit;
   font-size: 14px;
   line-height: 1.25;
-  color: #21242C;
+  color: #21242c;
 }
 .framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph {
   font-family: inherit;
   font-size: 14px;
   line-height: 1.25;
-  color: #21242C;
+  color: #21242c;
 }
 .framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
 .framework-perseus:not(.perseus-article):not(.perseus-mobile) .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
-  color: #21242C;
+  color: #21242c;
 }
 .framework-perseus.perseus-mobile .perseus-article .perseus-widget-container.widget-float-left {
   float: left;
@@ -1780,7 +1780,7 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: inherit;
     font-size: 24px;
     line-height: 1.2;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile h2 {
     font-weight: 700;
@@ -1788,7 +1788,7 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: inherit;
     font-size: 24px;
     line-height: 1.2;
-    color: #3B3E40;
+    color: #3b3e40;
   }
   .framework-perseus.perseus-mobile h3,
   .framework-perseus.perseus-mobile h4 {
@@ -1834,7 +1834,7 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-size: 18px;
     line-height: 1.4;
     color: #626569;
-    color: #888D93;
+    color: #888d93;
   }
   .framework-perseus.perseus-mobile table {
     font-family: inherit;
@@ -1846,44 +1846,44 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: inherit;
     font-size: 16px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-option-content .perseus-renderer > .paragraph .paragraph {
     font-family: inherit;
     font-size: 16px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph {
     font-family: inherit;
     font-size: 16px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph {
     font-family: inherit;
     font-size: 16px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-image-caption .paragraph .paragraph {
-    color: #888D93;
+    color: #888d93;
     font-size: 14px;
     line-height: 1.3;
     text-align: left;
   }
   .framework-perseus.perseus-mobile .perseus-image-caption.has-title .paragraph .paragraph strong:first-child {
-    color: #3B3E40;
+    color: #3b3e40;
   }
   .framework-perseus.perseus-mobile .katex,
   .framework-perseus.perseus-mobile mjx-container {
     font-size: 21px;
     line-height: 1.2;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-block-math .katex,
   .framework-perseus.perseus-mobile .perseus-block-math mjx-container {
@@ -1899,9 +1899,9 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: Courier, monospace;
   }
   .framework-perseus.perseus-mobile pre {
-    background-color: #F0F1F2;
+    background-color: #f0f1f2;
     border-radius: 4px;
-    color: #21242C;
+    color: #21242c;
     font-size: 18px;
     line-height: 1.6;
     padding: 16px;
@@ -1923,7 +1923,7 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: inherit;
     font-size: 30px;
     line-height: 1.1;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile h2 {
     font-weight: 700;
@@ -1931,7 +1931,7 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: inherit;
     font-size: 30px;
     line-height: 1.1;
-    color: #3B3E40;
+    color: #3b3e40;
   }
   .framework-perseus.perseus-mobile h3,
   .framework-perseus.perseus-mobile h4 {
@@ -1977,7 +1977,7 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-size: 20px;
     line-height: 1.5;
     color: #626569;
-    color: #888D93;
+    color: #888d93;
   }
   .framework-perseus.perseus-mobile table {
     font-family: inherit;
@@ -1989,44 +1989,44 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: inherit;
     font-size: 18px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-option-content .perseus-renderer > .paragraph .paragraph {
     font-family: inherit;
     font-size: 18px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph {
     font-family: inherit;
     font-size: 18px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph {
     font-family: inherit;
     font-size: 18px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-image-caption .paragraph .paragraph {
-    color: #888D93;
+    color: #888d93;
     font-size: 17px;
     line-height: 1.4;
     text-align: left;
   }
   .framework-perseus.perseus-mobile .perseus-image-caption.has-title .paragraph .paragraph strong:first-child {
-    color: #3B3E40;
+    color: #3b3e40;
   }
   .framework-perseus.perseus-mobile .katex,
   .framework-perseus.perseus-mobile mjx-container {
     font-size: 23px;
     line-height: 1.3;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-block-math .katex,
   .framework-perseus.perseus-mobile .perseus-block-math mjx-container {
@@ -2042,9 +2042,9 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: Courier, monospace;
   }
   .framework-perseus.perseus-mobile pre {
-    background-color: #F0F1F2;
+    background-color: #f0f1f2;
     border-radius: 4px;
-    color: #21242C;
+    color: #21242c;
     font-size: 18px;
     line-height: 1.6;
     padding: 16px;
@@ -2066,7 +2066,7 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: inherit;
     font-size: 35px;
     line-height: 1.1;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile h2 {
     font-weight: 700;
@@ -2074,7 +2074,7 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: inherit;
     font-size: 35px;
     line-height: 1.1;
-    color: #3B3E40;
+    color: #3b3e40;
   }
   .framework-perseus.perseus-mobile h3,
   .framework-perseus.perseus-mobile h4 {
@@ -2120,7 +2120,7 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-size: 22px;
     line-height: 1.4;
     color: #626569;
-    color: #888D93;
+    color: #888d93;
   }
   .framework-perseus.perseus-mobile table {
     font-family: inherit;
@@ -2132,44 +2132,44 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: inherit;
     font-size: 20px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-option-content .perseus-renderer > .paragraph .paragraph {
     font-family: inherit;
     font-size: 20px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph {
     font-family: inherit;
     font-size: 20px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph {
     font-family: inherit;
     font-size: 20px;
     line-height: 1.25;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph .katex,
   .framework-perseus.perseus-mobile .perseus-radio-rationale-content .perseus-renderer > .paragraph .paragraph mjx-container {
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-image-caption .paragraph .paragraph {
-    color: #888D93;
+    color: #888d93;
     font-size: 20px;
     line-height: 1.4;
     text-align: left;
   }
   .framework-perseus.perseus-mobile .perseus-image-caption.has-title .paragraph .paragraph strong:first-child {
-    color: #3B3E40;
+    color: #3b3e40;
   }
   .framework-perseus.perseus-mobile .katex,
   .framework-perseus.perseus-mobile mjx-container {
     font-size: 25px;
     line-height: 1.2;
-    color: #21242C;
+    color: #21242c;
   }
   .framework-perseus.perseus-mobile .perseus-block-math .katex,
   .framework-perseus.perseus-mobile .perseus-block-math mjx-container {
@@ -2185,9 +2185,9 @@ body.mobile ul.inequalities-one-line-radios > li {
     font-family: Courier, monospace;
   }
   .framework-perseus.perseus-mobile pre {
-    background-color: #F0F1F2;
+    background-color: #f0f1f2;
     border-radius: 4px;
-    color: #21242C;
+    color: #21242c;
     font-size: 18px;
     line-height: 1.6;
     padding: 16px;
@@ -2320,7 +2320,7 @@ img.zoom-img {
   user-select: none;
 }
 .blank-background {
-  background-color: #FDFDFD;
+  background-color: #fdfdfd;
 }
 #answer_area .blank-background {
   background-color: transparent;
@@ -2331,7 +2331,7 @@ img.zoom-img {
 }
 .graphie.above-scratchpad,
 .graphie-container.above-scratchpad {
-  background-color: #FDFDFD;
+  background-color: #fdfdfd;
 }
 .perseus-mobile .graphie-container.above-scratchpad {
   background: #ffffff;
@@ -2527,12 +2527,12 @@ img.zoom-img {
   padding: 5px 10px;
   text-align: left;
 }
-.framework-perseus:not(.perseus-mobile) table th[align=center],
-.framework-perseus:not(.perseus-mobile) table td[align=center] {
+.framework-perseus:not(.perseus-mobile) table th[align="center"],
+.framework-perseus:not(.perseus-mobile) table td[align="center"] {
   text-align: center;
 }
-.framework-perseus:not(.perseus-mobile) table th[align=right],
-.framework-perseus:not(.perseus-mobile) table td[align=right] {
+.framework-perseus:not(.perseus-mobile) table th[align="right"],
+.framework-perseus:not(.perseus-mobile) table td[align="right"] {
   text-align: right;
 }
 .framework-perseus:not(.perseus-mobile) table th {
@@ -2584,12 +2584,12 @@ img.zoom-img {
   padding: 16px;
   text-align: left;
 }
-.framework-perseus.perseus-mobile table th[align=center],
-.framework-perseus.perseus-mobile table td[align=center] {
+.framework-perseus.perseus-mobile table th[align="center"],
+.framework-perseus.perseus-mobile table td[align="center"] {
   text-align: center;
 }
-.framework-perseus.perseus-mobile table th[align=right],
-.framework-perseus.perseus-mobile table td[align=right] {
+.framework-perseus.perseus-mobile table th[align="right"],
+.framework-perseus.perseus-mobile table td[align="right"] {
   text-align: right;
 }
 .framework-perseus.perseus-mobile table td {
@@ -2967,7 +2967,7 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
 .perseus-matrix.the-matrix .matrix-bracket,
 .perseus-matrix.the-matrix .matrix-left,
 .perseus-matrix.the-matrix .matrix-right {
-  border-color: #29F139;
+  border-color: #29f139;
 }
 .perseus-matrix.the-matrix .matrix-input {
   background: #222;
@@ -2975,7 +2975,7 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
 .perseus-matrix.the-matrix input,
 .perseus-matrix.the-matrix .number-input {
   background: #666;
-  color: #29F139;
+  color: #29f139;
   font-weight: bold;
 }
 .perseus-matrix.the-matrix input.outside,
@@ -3204,7 +3204,7 @@ body.sat-section .perseus-widget-passage {
   transform: rotate(-90deg);
 }
 .set-from-scale-box {
-  border: 2px solid #EEEEEE;
+  border: 2px solid #eeeeee;
   border-radius: 3px;
   padding: 3px;
 }
@@ -3212,7 +3212,7 @@ body.sat-section .perseus-widget-passage {
   font-size: 14px;
 }
 .perseus-mobile .perseus-widget-plotter {
-  border: solid 0.5px #BABEC2;
+  border: solid 0.5px #babec2;
   border-radius: 4px;
 }
 .perseus-mobile .perseus-widget-plotter .graphie-label .katex,
@@ -3737,7 +3737,7 @@ body.mobile .framework-perseus table.perseus-widget-table-of-values.non-markdown
   border-color: white;
 }
 .keypad-input .mq-hasCursor:empty:not(.mq-root-block):after {
-  content: 'c';
+  content: "c";
 }
 .keypad-input .mq-math-mode .mq-selection .mq-non-leaf,
 .keypad-input .mq-editable-field .mq-selection .mq-non-leaf {