@khanacademy/perseus 17.3.2 → 17.3.3

package/dist/server-item-renderer.d.ts

@@ -1,11 +1,11 @@
 import * as PerseusLinter from "@khanacademy/perseus-linter";
 /**
- * A copy of the ItemRenderer which renders its question renderer and hints
- * renderer normally instead of ReactDOM.render()ing them into elements in the
- * DOM.
+ * The main item (aka Exercise) renderer in Perseus. This component renders its
+ * question renderer and hints renderer using standard React practices (an
+ * earlier ItemRenderer component used to use jQuery and ReactDOM.render()ing
+ * to render into elements it didn't own.
  *
- * This allows this component to be used in server-rendering of a perseus
- * exercise.
+ * This component is compatible with server-rendering of a perseus exercise.
  */
 import * as React from "react";
 import Renderer from "./renderer";

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "17.3.2",
+    "version": "17.3.3",
     "publishConfig": {
         "access": "public"
     },

package/src/server-item-renderer.tsx

@@ -2,12 +2,12 @@
 import * as PerseusLinter from "@khanacademy/perseus-linter";
 import {StyleSheet, css} from "aphrodite";
 /**
- * A copy of the ItemRenderer which renders its question renderer and hints
- * renderer normally instead of ReactDOM.render()ing them into elements in the
- * DOM.
+ * The main item (aka Exercise) renderer in Perseus. This component renders its
+ * question renderer and hints renderer using standard React practices (an
+ * earlier ItemRenderer component used to use jQuery and ReactDOM.render()ing
+ * to render into elements it didn't own.
  *
- * This allows this component to be used in server-rendering of a perseus
- * exercise.
+ * This component is compatible with server-rendering of a perseus exercise.
  */
 import * as React from "react";
 import _ from "underscore";

package/src/styles/articles.less

@@ -2,7 +2,24 @@
 @import "./variables.less";
 @import "./util.less";
 
-// Article Renderer
+// Common styles for _all_ of Perseus
+.framework-perseus {
+    code {
+        font-family: Courier, monospace;
+    }
+
+    pre {
+        background-color: @gray95;
+        border-radius: 4px;
+        color: @gray17;
+        font-size: 18px;
+        padding: 16px;
+        white-space: pre;
+        overflow: auto;
+    }
+}
+
+// Desktop Articles
 .framework-perseus.perseus-article:not(.perseus-mobile) {
     @textColor: #21242c;
     .body-text() {
@@ -190,25 +207,12 @@
         }
     }
 
-    code {
-        font-family: Courier, monospace;
-    }
-
     pre {
-        background-color: @gray95;
-        border-radius: 4px;
-        color: @gray17;
-        font-size: 18px;
-        padding: 16px;
-        white-space: pre;
-        overflow: auto;
         margin: 0 -16px 32px -16px;
     }
 }
 
-// HACK(emily): This is a copy of a bunch of the mixins from the block of
-// styles down below. However, those styles are limited to mobile devices
-// only, so this block is for non-mobile devices.
+// Desktop Exercises
 .framework-perseus:not(.perseus-article):not(.perseus-mobile) {
     // Mixins
     .text(@fontSize; @lineHeight; @color) {
@@ -251,6 +255,7 @@
     .choice-text(14px, 1.25);
 }
 
+// Mobile Articles and Exercises
 .framework-perseus.perseus-mobile {
     .perseus-article {
         .perseus-widget-container {