@khanacademy/perseus 20.0.1 → 20.1.0

package/dist/components/prop-check-box.d.ts

@@ -1,2 +1,4 @@
+/// <reference path="../../types/aphrodite.d.ts" />
 declare const PropCheckBox: any;
+export declare const styles: import("aphrodite").StyleDeclaration;
 export default PropCheckBox;

package/dist/es/index.css

@@ -4258,7 +4258,7 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
     --mafs-bg: transparent;
     --mafs-fg: rgb(33, 36, 44); /* WB color.offBlack */
 
-    --mafs-line-color: var(--mafs-fg);
+    --mafs-line-color: rgb(33, 36, 44, 0.64); /* WB color.offBlack64 */
     --grid-line-subdivision-color: rgba(33, 36, 44, 0.16);
 
     --mafs-blue: #1865f2; /* WB color.blue */
@@ -4267,3 +4267,18 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
     --mafs-violet: #9059ff; /* WB color.purple */
     --mafs-yellow: #ffb100; /* WB color.gold */
 }
+
+.MafsView .movable-segment {
+    --mafs-segment-stroke-color: var(--mafs-line-color);
+    --mafs-segment-stroke-weight: 2px;
+}
+
+.MafsView .movable-segment:is(:focus-visible, :hover) {
+    outline: none;
+    --mafs-segment-stroke-color: var(--mafs-blue);
+    --mafs-segment-stroke-weight: 4px;
+}
+
+.MafsView .movable-segment:focus {
+    outline: none;
+}