@khanacademy/perseus 56.0.0 → 56.2.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.
- package/dist/es/index.css +14 -4
- package/dist/es/index.js +217 -61
- package/dist/es/index.js.map +1 -1
- package/dist/index.css +14 -4
- package/dist/index.js +214 -59
- package/dist/index.js.map +1 -1
- package/dist/widgets/interactive-graph.d.ts +1 -0
- package/dist/widgets/interactive-graphs/graphs/components/movable-line.d.ts +0 -1
- package/dist/widgets/interactive-graphs/graphs/components/vector.d.ts +2 -1
- package/dist/widgets/interactive-graphs/graphs/polygon.d.ts +6 -0
- package/dist/widgets/interactive-graphs/reducer/interactive-graph-reducer.d.ts +1 -0
- package/dist/widgets/interactive-graphs/reducer/use-graph-config.d.ts +1 -0
- package/package.json +43 -43
package/dist/es/index.css
CHANGED
|
@@ -4446,6 +4446,14 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
|
|
|
4446
4446
|
--mafs-green: #00a60e; /* WB color.green */
|
|
4447
4447
|
--mafs-violet: #9059ff; /* WB color.purple */
|
|
4448
4448
|
--mafs-yellow: #ffb100; /* WB color.gold */
|
|
4449
|
+
/* Note: offBlack50 is not the best for contrast. However, this color needs
|
|
4450
|
+
to be distinguishable from our regular interactive blue so it is clear that
|
|
4451
|
+
the element is not interactive, even though the visual elements (e.g.
|
|
4452
|
+
outlines, shadows) may indicate otherwise. When using a darker gray, it
|
|
4453
|
+
looks the same as our WB blue in grayscale. We had to make a call here, and
|
|
4454
|
+
we decided to make it lighter and more distinguishable even if it sacrifices
|
|
4455
|
+
color contrast. (Nisha 2025) */
|
|
4456
|
+
--static-gray: #909296 /* WB color.offBlack50 */;
|
|
4449
4457
|
|
|
4450
4458
|
/* overridden on a per-point basis */
|
|
4451
4459
|
--movable-point-color: var(--mafs-blue);
|
|
@@ -4595,7 +4603,6 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
|
|
|
4595
4603
|
}
|
|
4596
4604
|
|
|
4597
4605
|
.MafsView .movable-circle .circle {
|
|
4598
|
-
stroke: var(--mafs-blue);
|
|
4599
4606
|
stroke-width: 2px;
|
|
4600
4607
|
fill: transparent;
|
|
4601
4608
|
}
|
|
@@ -4626,7 +4633,6 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
|
|
|
4626
4633
|
}
|
|
4627
4634
|
|
|
4628
4635
|
.MafsView .movable-circle .movable-circle-handle {
|
|
4629
|
-
fill: var(--mafs-blue); /* WB fadedOffBlack64 */
|
|
4630
4636
|
stroke: #fff;
|
|
4631
4637
|
stroke-width: 2px;
|
|
4632
4638
|
}
|
|
@@ -4646,12 +4652,16 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
|
|
|
4646
4652
|
stroke: rgba(33, 36, 44, 0.32);
|
|
4647
4653
|
}
|
|
4648
4654
|
|
|
4649
|
-
.MafsView .angle-arc
|
|
4650
|
-
.MafsView .arc-right-angle {
|
|
4655
|
+
.MafsView .angle-arc-interactive {
|
|
4651
4656
|
stroke: var(--mafs-blue);
|
|
4652
4657
|
stroke-width: 0.1px;
|
|
4653
4658
|
}
|
|
4654
4659
|
|
|
4660
|
+
.MafsView .angle-arc-static {
|
|
4661
|
+
stroke: var(--static-gray);
|
|
4662
|
+
stroke-width: 0.1px;
|
|
4663
|
+
}
|
|
4664
|
+
|
|
4655
4665
|
.MafsView .axis-tick-label {
|
|
4656
4666
|
/* There is a bug in the MathJax font for Safari, so we use KaTeX */
|
|
4657
4667
|
font-family: "KaTeX_Main", "Mafs-MJXTEX", sans-serif;
|