@khanacademy/perseus 21.3.0 → 21.3.1

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.
package/dist/es/index.css CHANGED
@@ -4322,6 +4322,20 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
4322
4322
  stroke-width: 6px;
4323
4323
  }
4324
4324
 
4325
+ .MafsView .movable-point {
4326
+ cursor: grab;
4327
+ touch-action: none;
4328
+ outline: none;
4329
+ }
4330
+
4331
+ .MafsView .movable-point.movable-point--dragging {
4332
+ cursor: grabbing;
4333
+ }
4334
+
4335
+ .MafsView .movable-point.movable-point--dragging .movable-point-halo {
4336
+ opacity: 0;
4337
+ }
4338
+
4325
4339
  .MafsView .movable-point-hitbox {
4326
4340
  fill: transparent;
4327
4341
  }
@@ -4333,7 +4347,9 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
4333
4347
  .movable-point-halo,
4334
4348
  .movable-point-focus-outline
4335
4349
  ) {
4336
- transition: r 0.15s ease-out;
4350
+ transition:
4351
+ r 0.15s ease-out,
4352
+ opacity 0.15s ease-out;
4337
4353
  }
4338
4354
 
4339
4355
  .MafsView .movable-point-center {
package/dist/es/index.js CHANGED
@@ -28444,15 +28444,13 @@ const StyledMovablePoint = props => {
28444
28444
  onMove,
28445
28445
  constrain: p => snap(state.snapStep, p)
28446
28446
  });
28447
+ const pointClasses = `movable-point ${dragging ? "movable-point--dragging" : ""}`;
28447
28448
  const [[x, y]] = useTransform(point);
28448
28449
  return /*#__PURE__*/React.createElement("g", {
28449
28450
  ref: hitboxRef,
28450
- className: "movable-point",
28451
+ className: pointClasses,
28451
28452
  tabIndex: 0,
28452
28453
  style: {
28453
- cursor: dragging ? "grabbing" : "grab",
28454
- touchAction: "none",
28455
- outline: "none",
28456
28454
  "--movable-point-color": color$1
28457
28455
  },
28458
28456
  "data-test-id": "movable-point"
@@ -42370,7 +42368,7 @@ const init = function init(options) {
42370
42368
 
42371
42369
  // This file is processed by a Rollup plugin (replace) to inject the production
42372
42370
  const libName = "@khanacademy/perseus";
42373
- const libVersion = "21.3.0";
42371
+ const libVersion = "21.3.1";
42374
42372
  addLibraryVersionToPerseusDebug(libName, libVersion);
42375
42373
 
42376
42374
  const apiVersion = {