@khanacademy/perseus 20.3.1 → 20.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/es/index.css +9 -10
  2. package/dist/es/index.js +355 -144
  3. package/dist/es/index.js.map +1 -1
  4. package/dist/index.css +9 -10
  5. package/dist/index.js +341 -135
  6. package/dist/index.js.map +1 -1
  7. package/dist/perseus-types.d.ts +9 -7
  8. package/dist/widgets/interactive-graphs/graphs/components/movable-line.d.ts +14 -0
  9. package/dist/widgets/interactive-graphs/{movable-point.d.ts → graphs/components/movable-point.d.ts} +2 -1
  10. package/dist/widgets/interactive-graphs/graphs/index.d.ts +1 -0
  11. package/dist/widgets/interactive-graphs/graphs/linear.d.ts +5 -0
  12. package/dist/widgets/interactive-graphs/graphs/segment.d.ts +1 -2
  13. package/dist/widgets/interactive-graphs/graphs/types.d.ts +9 -0
  14. package/dist/widgets/interactive-graphs/interactive-graph-action.d.ts +4 -4
  15. package/dist/widgets/interactive-graphs/interactive-graph-reducer.d.ts +2 -2
  16. package/dist/widgets/interactive-graphs/interactive-graph-state.d.ts +2 -11
  17. package/dist/widgets/interactive-graphs/mafs-graph.d.ts +3 -3
  18. package/dist/widgets/interactive-graphs/types.d.ts +12 -2
  19. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -4251,13 +4251,14 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
4251
4251
  }
4252
4252
 
4253
4253
  /**
4254
- * Overrides of mafs styles-- we will want to move this into JS land
4255
- * to take advantage of WB tokens, but I cannot get that to work at the moment
4254
+ * Overrides of mafs theme-- we will want to move this into JS land
4255
+ * to take advantage of WB tokens
4256
4256
  */
4257
4257
  .MafsView {
4258
4258
  --mafs-bg: transparent;
4259
4259
  --mafs-fg: rgb(33, 36, 44); /* WB color.offBlack */
4260
4260
 
4261
+ /* Grid lines */
4261
4262
  --mafs-line-color: rgba(33, 36, 44, 0.16); /* WB color.offBlack16*/
4262
4263
 
4263
4264
  --mafs-blue: #1865f2; /* WB color.blue */
@@ -4272,20 +4273,18 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
4272
4273
  --movable-point-ring-radius: calc(2px + var(--movable-point-center-radius));
4273
4274
  --movable-point-halo-radius: calc(3px + var(--movable-point-ring-radius));
4274
4275
  --movable-point-hover-expansion: 2px;
4275
- }
4276
4276
 
4277
- .MafsView .movable-segment {
4278
- --mafs-segment-stroke-color: rgba(33, 36, 44, 0.64); /* offBlack64 */
4279
- --mafs-segment-stroke-weight: 2px;
4277
+ --movable-line-stroke-color: var(--mafs-blue);
4278
+ --movable-line-stroke-weight: 2px;
4280
4279
  }
4281
4280
 
4282
- .MafsView .movable-segment:is(:focus-visible, :hover) {
4281
+ .MafsView .movable-line:is(:focus-visible, :hover),
4282
+ .movable-line-dragging {
4283
4283
  outline: none;
4284
- --mafs-segment-stroke-color: var(--mafs-blue);
4285
- --mafs-segment-stroke-weight: 4px;
4284
+ --movable-line-stroke-weight: 4px;
4286
4285
  }
4287
4286
 
4288
- .MafsView .movable-segment:focus {
4287
+ .MafsView .movable-line:focus {
4289
4288
  outline: none;
4290
4289
  }
4291
4290