@khanacademy/perseus 21.2.0 → 21.2.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/index.css CHANGED
@@ -4284,6 +4284,7 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
4284
4284
  --movable-point-ring-radius: calc(2px + var(--movable-point-center-radius));
4285
4285
  --movable-point-halo-radius: calc(3px + var(--movable-point-ring-radius));
4286
4286
  --movable-point-hover-expansion: 2px;
4287
+ --movable-point-focus-ring-offset: 2px;
4287
4288
 
4288
4289
  --movable-line-stroke-color: var(--mafs-blue);
4289
4290
  --movable-line-stroke-weight: 2px;
@@ -4305,7 +4306,13 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
4305
4306
  fill: transparent;
4306
4307
  }
4307
4308
 
4308
- .MafsView :is(.movable-point-center, .movable-point-ring, .movable-point-halo) {
4309
+ .MafsView
4310
+ :is(
4311
+ .movable-point-center,
4312
+ .movable-point-ring,
4313
+ .movable-point-halo,
4314
+ .movable-point-focus-outline
4315
+ ) {
4309
4316
  transition: r 0.15s ease-out;
4310
4317
  }
4311
4318
 
@@ -4344,7 +4351,24 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
4344
4351
  );
4345
4352
  }
4346
4353
 
4347
- .MafsView .movable-point:focus-visible .movable-point-halo {
4348
- outline: 2px solid blue;
4349
- border-radius: 99px;
4354
+ .MafsView .movable-point .movable-point-focus-outline {
4355
+ visibility: hidden;
4356
+ r: calc(
4357
+ var(--movable-point-halo-radius) +
4358
+ var(--movable-point-focus-ring-offset)
4359
+ );
4360
+ stroke-width: 2px;
4361
+ fill: none;
4362
+ stroke: var(--mafs-blue);
4363
+ }
4364
+
4365
+ .MafsView .movable-point:hover .movable-point-focus-outline {
4366
+ r: calc(
4367
+ var(--movable-point-hover-expansion) + var(--movable-point-halo-radius) +
4368
+ var(--movable-point-focus-ring-offset)
4369
+ );
4370
+ }
4371
+
4372
+ .MafsView .movable-point:focus-visible .movable-point-focus-outline {
4373
+ visibility: visible;
4350
4374
  }
package/dist/index.js CHANGED
@@ -28608,6 +28608,10 @@ const StyledMovablePoint = props => {
28608
28608
  className: "movable-point-ring",
28609
28609
  cx: x,
28610
28610
  cy: y
28611
+ }), /*#__PURE__*/React__namespace.createElement("circle", {
28612
+ className: "movable-point-focus-outline",
28613
+ cx: x,
28614
+ cy: y
28611
28615
  }), /*#__PURE__*/React__namespace.createElement("circle", {
28612
28616
  className: "movable-point-center",
28613
28617
  cx: x,
@@ -42489,7 +42493,7 @@ const init = function (options) {
42489
42493
 
42490
42494
  // This file is processed by a Rollup plugin (replace) to inject the production
42491
42495
  const libName = "@khanacademy/perseus";
42492
- const libVersion = "21.2.0";
42496
+ const libVersion = "21.2.1";
42493
42497
  perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
42494
42498
 
42495
42499
  const apiVersion = {