@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/es/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/es/index.js CHANGED
@@ -28453,6 +28453,10 @@ const StyledMovablePoint = props => {
28453
28453
  className: "movable-point-ring",
28454
28454
  cx: x,
28455
28455
  cy: y
28456
+ }), /*#__PURE__*/React.createElement("circle", {
28457
+ className: "movable-point-focus-outline",
28458
+ cx: x,
28459
+ cy: y
28456
28460
  }), /*#__PURE__*/React.createElement("circle", {
28457
28461
  className: "movable-point-center",
28458
28462
  cx: x,
@@ -42341,7 +42345,7 @@ const init = function init(options) {
42341
42345
 
42342
42346
  // This file is processed by a Rollup plugin (replace) to inject the production
42343
42347
  const libName = "@khanacademy/perseus";
42344
- const libVersion = "21.2.0";
42348
+ const libVersion = "21.2.1";
42345
42349
  addLibraryVersionToPerseusDebug(libName, libVersion);
42346
42350
 
42347
42351
  const apiVersion = {