@khanacademy/perseus 71.1.0 → 71.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/components/math-input.d.ts +1 -0
- package/dist/es/index.css +2 -2
- package/dist/es/index.css.map +1 -1
- package/dist/es/index.js +11 -11
- package/dist/es/index.js.map +1 -1
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +11 -11
- package/dist/index.js.map +1 -1
- package/dist/widgets/dropdown/dropdown.d.ts +3 -1
- package/dist/widgets/expression/expression.d.ts +4 -2
- package/dist/widgets/input-number/input-number.d.ts +2 -0
- package/dist/widgets/label-image/label-image.d.ts +2 -0
- package/dist/widgets/numeric-input/numeric-input.class.d.ts +3 -1
- package/package.json +8 -8
|
@@ -63,6 +63,7 @@ declare class InnerMathInput extends React.Component<InnerProps, State> {
|
|
|
63
63
|
static defaultProps: DefaultProps;
|
|
64
64
|
state: State;
|
|
65
65
|
componentDidMount(): void;
|
|
66
|
+
componentDidUpdate(prevProps: Readonly<InnerProps>): void;
|
|
66
67
|
openKeypad(): void;
|
|
67
68
|
closeKeypad(): void;
|
|
68
69
|
insert: (value: any) => void;
|
package/dist/es/index.css
CHANGED
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
--wb-border-width-medium
|
|
9
9
|
);font-size:var(--wb-font-heading-size-medium);font-weight:var(--wb-font-weight-semi);line-height:var(--wb-font-heading-lineHeight-medium);margin-block-end:var(--perseus-multiple-choice-divider-space)!important;min-height:calc(var(--perseus-multiple-choice-spacing)*4);padding:var(--perseus-multiple-choice-spacing);position:relative;width:100%}.perseus_hm3uu-sq:hover{cursor:pointer}.perseus_hm3uu-sq:not(.perseus_qpU2z5U7):has(>button[aria-pressed=true]){color:var(--wb-semanticColor-core-foreground-instructive-default)}.perseus_hm3uu-sq:after,.perseus_hm3uu-sq:before{background-color:var(--perseus-multiple-choice-divider-color);content:"";display:block;height:var(--perseus-multiple-choice-divider-width);margin-inline-start:calc(var(--perseus-multiple-choice-spacing)*-1);position:absolute;width:100%;z-index:1}.perseus_hm3uu-sq:before{top:calc((var(--perseus-multiple-choice-divider-space) - ((var(--perseus-multiple-choice-divider-space) - var(--wb-border-width-thin))/2))*-1)}.perseus_hm3uu-sq:after{bottom:calc((var(--perseus-multiple-choice-divider-space) + ((var(--wb-border-width-thin) - var(--perseus-multiple-choice-divider-space))/2))*-1)}.perseus_hm3uu-sq:focus-within:after,.perseus_hm3uu-sq:focus-within:before,.perseus_hm3uu-sq:hover:after,.perseus_hm3uu-sq:hover:before{z-index:10}.perseus_hm3uu-sq:first-of-type{margin-block-start:var(--perseus-multiple-choice-divider-space)}.perseus_hm3uu-sq:not(.perseus_qpU2z5U7):focus-within,.perseus_hm3uu-sq:not(.perseus_qpU2z5U7,.perseus_dUXUrBDI):hover{--perseus-multiple-choice-divider-width:var(--wb-border-width-medium);--perseus-multiple-choice-divider-color:var(
|
|
10
10
|
--wb-semanticColor-core-border-neutral-default
|
|
11
|
-
)}.perseus_qpU2z5U7{--perseus-multiple-choice-divider-width:0;border-radius:var(--wb-border-radius-radius_080);color:var(--wb-semanticColor-core-foreground-success-strong);outline:var(--wb-border-width-medium) solid var(--wb-semanticColor-core-border-success-default);outline-offset:calc(var(--wb-border-width-medium)*-1)}.perseus_dUXUrBDI{color:var(--wb-semanticColor-core-foreground-neutral-subtle)}.perseus_dUXUrBDI:hover,.perseus_qpU2z5U7:hover{cursor:default}.perseus_hm3uu-sq .paragraph,.perseus_hm3uu-sq .paragraph div:not(.graphie-container,.graphie,.unresponsive-svg-image),.perseus_hm3uu-sq .paragraph p{display:inline}.perseus_hm3uu-sq table{border:1px solid #ccc}.perseus_hm3uu-sq .paragraph img{vertical-align:middle}.perseus_hm3uu-sq .paragraph+.paragraph:has(img:only-child),.perseus_hm3uu-sq .paragraph:has(img:only-child):has(+.paragraph){display:block}.perseus_hm3uu-sq .paragraph:first-child:has(img:only-child){margin-block-start:0}.perseus_dzsult1u{--perseus-multiple-choice-spacing:var(--wb-sizing-size_160);--perseus-multiple-choice-indicator-font-size:var(
|
|
11
|
+
)}.perseus_qpU2z5U7{--perseus-multiple-choice-divider-width:0;border-radius:var(--wb-border-radius-radius_080);color:var(--wb-semanticColor-core-foreground-success-strong);outline:var(--wb-border-width-medium) solid var(--wb-semanticColor-core-border-success-default);outline-offset:calc(var(--wb-border-width-medium)*-1)}.perseus_dUXUrBDI{color:var(--wb-semanticColor-core-foreground-neutral-subtle)}.perseus_dUXUrBDI:hover,.perseus_qpU2z5U7:hover{cursor:default}.perseus_qpU2z5U7+:not(.perseus_qpU2z5U7):before{--perseus-multiple-choice-divider-width:0}:not(.perseus_qpU2z5U7):has(+.perseus_qpU2z5U7):after{--perseus-multiple-choice-divider-width:0}.perseus_hm3uu-sq .paragraph,.perseus_hm3uu-sq .paragraph div:not(.graphie-container,.graphie,.unresponsive-svg-image),.perseus_hm3uu-sq .paragraph p{display:inline}.perseus_hm3uu-sq table{border:1px solid #ccc}.perseus_hm3uu-sq .paragraph img{vertical-align:middle}.perseus_hm3uu-sq .paragraph+.paragraph:has(img:only-child),.perseus_hm3uu-sq .paragraph:has(img:only-child):has(+.paragraph){display:block}.perseus_hm3uu-sq .paragraph:first-child:has(img:only-child){margin-block-start:0}.perseus_dzsult1u{--perseus-multiple-choice-spacing:var(--wb-sizing-size_160);--perseus-multiple-choice-indicator-font-size:var(
|
|
12
12
|
--wb-font-heading-size-small
|
|
13
13
|
);--perseus-multiple-choice-indicator-size:3.2rem;--perseus-multiple-choice-indicator-correct-size:calc(var(--perseus-multiple-choice-indicator-font-size)*1.5 + var(--perseus-multiple-choice-indicator-size));--perseus-multiple-choice-content-margin:calc(var(--perseus-multiple-choice-spacing) + var(--perseus-multiple-choice-indicator-size));--perseus-multiple-choice-fade-direction:90deg;--perseus-multiple-choice-fade-color:var(
|
|
14
14
|
--perseus-widget-background-color,var(--wb-semanticColor-core-background-base-default)
|
|
15
|
-
);box-sizing:border-box;min-width:auto;padding-inline-end:var(--perseus-multiple-choice-spacing);transform:translateZ(0)}.perseus_HSvzOAAR{list-style:none!important;margin:0!important;min-width:fit-content;padding:0!important;scrollbar-width:thin;width:100%}.perseus_HSvzOAAR:dir(rtl){--perseus-multiple-choice-fade-direction:270deg}.perseus_HSvzOAAR:before{background:linear-gradient(var(--perseus-multiple-choice-fade-direction),var(--perseus-multiple-choice-fade-color) calc(var(--perseus-multiple-choice-content-margin) + var(--perseus-multiple-choice-spacing)/2),transparent calc(var(--perseus-multiple-choice-content-margin) + var(--perseus-multiple-choice-spacing)) calc(100% - var(--perseus-multiple-choice-spacing)*1.5),var(--perseus-multiple-choice-fade-color) calc(100% - var(--perseus-multiple-choice-spacing)));content:"";display:block;height:100%;position:fixed;width:100%}.perseus_A5d7KcQj{display:flex;flex-direction:column;gap:
|
|
15
|
+
);box-sizing:border-box;min-width:auto;padding-inline-end:var(--perseus-multiple-choice-spacing);transform:translateZ(0)}.perseus_HSvzOAAR{list-style:none!important;margin:0!important;min-width:fit-content;padding:0!important;scrollbar-width:thin;width:100%}.perseus_HSvzOAAR:dir(rtl){--perseus-multiple-choice-fade-direction:270deg}.perseus_HSvzOAAR:before{background:linear-gradient(var(--perseus-multiple-choice-fade-direction),var(--perseus-multiple-choice-fade-color) calc(var(--perseus-multiple-choice-content-margin) + var(--perseus-multiple-choice-spacing)/2),transparent calc(var(--perseus-multiple-choice-content-margin) + var(--perseus-multiple-choice-spacing)) calc(100% - var(--perseus-multiple-choice-spacing)*1.5),var(--perseus-multiple-choice-fade-color) calc(100% - var(--perseus-multiple-choice-spacing)));content:"";display:block;height:100%;position:fixed;width:100%}.perseus_A5d7KcQj{display:flex;flex-direction:column;gap:var(--wb-sizing-size_080);margin-inline-start:var(--perseus-multiple-choice-content-margin);position:relative;z-index:-1}.perseus_skOlpdjN{color:var(--wb-semanticColor-core-foreground-instructive-strong);display:block;font-family:inherit;font-size:1.8rem;font-style:normal;font-weight:700;line-height:1.25;margin-block-end:var(--wb-sizing-size_160)}.perseus_y4m8wyRd{display:block!important;font-size:var(--wb-font-size-medium);line-height:var(--wb-font-lineHeight-medium)}.perseus_y4m8wyRd.perseus_IfCbxIVP{color:var(--wb-semanticColor-core-foreground-neutral-default)}.perseus_QYlQJ6BF{--perseus-multiple-choice-content-margin:calc(var(--perseus-multiple-choice-spacing) + var(--perseus-multiple-choice-indicator-correct-size))}:root{--modal-padding-offset:calc(var(--wb-sizing-size_320)*-1);--modal-padding-offset-mobile:calc(var(--wb-sizing-size_160)*-1);--modal-panel-height:568px;--modal-description-container-width:420px}.perseus_aAJy9Er3{border-top:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle);padding-block-start:var(--wb-sizing-size_160);text-align:center}.perseus_3cgSgJ-W,.perseus_aAJy9Er3{padding-block-end:var(--wb-sizing-size_160)}.perseus_3cgSgJ-W{border-bottom:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle);display:flex;flex-direction:row;margin-block-start:var(--wb-sizing-size_160)}.perseus_-p2ghr1-{display:flex;justify-content:center;width:100%}.perseus_YxnjOOa7{align-items:center;display:flex;margin-block-end:0;margin-block-start:var(--modal-padding-offset)}.perseus_ryDvI8uD{border-block-start:var(--wb-border-width-thin) solid var(--wb-semanticColor-core-border-neutral-subtle);display:flex;flex-direction:row;height:var(--modal-panel-height);margin-block-end:var(--modal-padding-offset);margin-inline:var(--modal-padding-offset);padding:var(--wb-sizing-size_080);padding-inline-end:0}.perseus_yCoMyk8e{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;max-height:var(--modal-panel-height);width:100%}.perseus_femvuTvR{display:flex;flex-direction:column;overflow-y:auto;padding-block:var(--wb-sizing-size_240);padding-inline:var(--wb-sizing-size_320);width:var(--modal-description-container-width)}.perseus_y4DO7MoR{padding-block-end:var(--wb-sizing-size_240)}@media (max-width:767px){.perseus_ryDvI8uD{flex-direction:column;height:auto;margin-inline:var(--modal-padding-offset-mobile);overflow-y:auto;padding:0}.perseus_yCoMyk8e{height:auto}.perseus_femvuTvR{margin-block:var(--wb-sizing-size_120);overflow-y:visible;padding:var(--wb-sizing-size_120);width:auto}}.MafsView .protractor-rotation-handle{cursor:grab;pointer-events:all;transition:transform .15s ease-out}.MafsView .protractor-rotation-handle:hover{transform:scale(1.2)}.MafsView .protractor-rotation-handle-arrow-arc{fill:none;stroke:var(--mafs-blue);stroke-width:8;stroke-linecap:square}.MafsView .protractor-rotation-handle-arrowhead{fill:var(--mafs-blue);stroke:none}.MafsView{--mafs-bg:#000;--mafs-fg:#fff;--mafs-origin-color:var(--mafs-fg);--mafs-line-color:#555;--mafs-line-stroke-dash-style:4,3;--mafs-axis-stroke-width:1px;--grid-line-subdivision-color:#222;--mafs-red:#f11d0e;--mafs-orange:#f14e0e;--mafs-yellow:#ffe44a;--mafs-green:#15e272;--mafs-blue:#58a6ff;--mafs-indigo:#7c58ff;--mafs-violet:#ae58ff;--mafs-pink:#ee00ab;background:var(--mafs-bg);display:block;font-family:inherit;font-variant-numeric:tabular-nums;outline:0;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.MafsView text{fill:var(--mafs-fg);cursor:default}.MafsView path{stroke:var(--mafs-fg)}.MafsView:focus-visible{border-radius:5px;outline:3px solid #58a6ff}@supports not selector(:focus-visible){.MafsView:focus{border-radius:5px;outline:3px solid #58a6ff}}.mafs-shadow{stroke-width:3px;stroke:var(--mafs-bg);stroke-opacity:.75;stroke-linejoin:round;paint-order:stroke}.mafs-movable-point{cursor:grab;touch-action:none}.mafs-movable-point-dragging{cursor:grabbing}.mafs-movable-point:focus{outline:0}.mafs-movable-point *{fill:none;stroke:none}.mafs-movable-point-hitbox{fill:transparent}.mafs-movable-point-focus{stroke:var(--movable-point-color);stroke-width:2;stroke-opacity:0;fill:none;transition:stroke-opacity .2s ease}.mafs-movable-point-ring{fill:var(--movable-point-color);fill-opacity:.25;stroke:none;transition:r .2s ease}.mafs-movable-point-point{fill:var(--movable-point-color);transition:r .2s ease}.mafs-movable-point:focus-visible .mafs-movable-point-point,.mafs-movable-point:hover .mafs-movable-point-point{r:calc(var(--movable-point-ring-size) - 2px)}.mafs-movable-point:focus-visible .mafs-movable-point-ring,.mafs-movable-point:hover .mafs-movable-point-ring{r:calc(var(--movable-point-ring-size) + 3px)}.mafs-movable-point.mafs-movable-point-dragging .mafs-movable-point-ring{r:var(--movable-point-ring-size)}.mafs-movable-point:focus-visible .mafs-movable-point-focus{stroke-opacity:1}.MafsView{--mafs-bg:transparent;--mafs-fg:#21242c;--mafs-line-color:rgba(33,36,44,.16);--mafs-axis-stroke-width:2px;--mafs-blue:#1865f2;--mafs-red:#d92916;--mafs-green:#00a60e;--mafs-violet:#9059ff;--mafs-yellow:#ffb100;--static-gray:#909296;--movable-point-color:var(--mafs-blue);--movable-point-center-radius:6px;--movable-point-ring-radius:calc(2px + var(--movable-point-center-radius));--movable-point-halo-radius:calc(3px + var(--movable-point-ring-radius));--movable-point-hover-expansion:2px;--movable-point-focus-ring-offset:2px;--movable-line-stroke-weight:2px;--movable-line-stroke-weight-active:4px;overflow:visible!important}.MafsView>svg{display:block;overflow:visible}.MafsView .movable-line:hover,.movable-dragging{--movable-line-stroke-weight:var(--movable-line-stroke-weight-active)}.MafsView .movable-line:focus,.movable-polygon:focus{outline:none}.MafsView .movable-line :is(.movable-line-focus-outline,.movable-line-focus-outline-gap){stroke:transparent}.MafsView .movable-line:focus-visible .movable-line-focus-outline{stroke:var(--mafs-blue);stroke-width:10px}.MafsView .movable-line:focus-visible .movable-line-focus-outline-gap{stroke:#fff;stroke-width:6px}.MafsView .movable-point{-webkit-tap-highlight-color:transparent;cursor:grab;outline:none;touch-action:none}.MafsView .movable-point.movable-point--dragging{cursor:grabbing}.MafsView .movable-point.movable-point--dragging .movable-point-halo{opacity:0}.MafsView .movable-point-hitbox{fill:transparent}.MafsView :is(.movable-point-center,.movable-point-ring,.movable-point-halo,.movable-point-focus-outline){transition:r .15s ease-out,opacity .15s ease-out}.MafsView .movable-point-center{r:var(--movable-point-center-radius)}.MafsView .movable-point-halo{r:var(--movable-point-halo-radius);fill:var(--movable-point-color);filter:drop-shadow(0 5px 5px #0008);opacity:.25}.MafsView .movable-point-ring{r:var(--movable-point-ring-radius);fill:#fff}.MafsView .movable-point:hover .movable-point-center{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-center-radius))}.MafsView .movable-point:hover .movable-point-ring{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-ring-radius))}.MafsView .movable-point:hover .movable-point-halo{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-halo-radius))}.MafsView .movable-point .movable-point-focus-outline{r:calc(var(--movable-point-halo-radius) + var(--movable-point-focus-ring-offset));stroke-width:2px;fill:none;stroke:var(--mafs-blue);visibility:hidden}.MafsView .movable-point:hover .movable-point-focus-outline{r:calc(var(--movable-point-hover-expansion) + var(--movable-point-halo-radius) + var(--movable-point-focus-ring-offset))}.MafsView .movable-point__focusable-handle:focus-visible{outline:none}.MafsView .movable-point:is(:focus,.movable-point--focus) .movable-point-focus-outline{visibility:visible}.MafsView .movable-circle{cursor:grab}.MafsView .movable-circle .circle{stroke-width:2px;fill:transparent}.MafsView .movable-circle:hover .circle{fill:var(--mafs-blue);fill-opacity:.16}.MafsView .movable-circle.movable-circle--dragging{cursor:grabbing;outline:none}.MafsView .movable-circle .focus-ring{stroke:var(--mafs-blue);stroke-width:2px;fill:transparent;visibility:hidden}.MafsView .movable-circle:focus{outline:none}.MafsView .movable-circle:focus-visible .focus-ring{visibility:visible}.MafsView .movable-circle .movable-circle-handle{stroke:#fff;stroke-width:2px}.MafsView .movable-circle .movable-circle-handle-dot{fill:#fff;r:1.25px}@font-face{font-family:Mafs-MJXTEX;src:url(https://cdn.kastatic.org/fonts/mathjax/MathJax_Main-Regular.woff) format("woff")}.MafsView pattern g{stroke:rgba(33,36,44,.32)}.MafsView .angle-arc-interactive{stroke:var(--mafs-blue);stroke-width:.1px}.MafsView .angle-arc-static{stroke:var(--static-gray);stroke-width:.1px}.MafsView .axis-tick-label{stroke:#fff;stroke-width:5px;font-family:KaTeX_Main,Mafs-MJXTEX,sans-serif;paint-order:stroke fill}.MafsView .axis-tick{stroke:#000;stroke-width:1px}.mafs-sr-only{height:0;overflow:hidden;width:0}
|
|
16
16
|
/*# sourceMappingURL=index.css.map */
|