@khanacademy/math-input 15.1.0 → 16.1.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/CHANGELOG.md +24 -0
- package/dist/components/aphrodite-css-transition-group/util.d.ts +2 -1
- package/dist/components/input/math-wrapper.d.ts +1 -1
- package/dist/components/keypad/index.d.ts +1 -1
- package/dist/components/keypad/mobile-keypad-internals.d.ts +49 -0
- package/dist/components/keypad/mobile-keypad.d.ts +4 -48
- package/dist/data/key-configs.d.ts +1 -1
- package/dist/es/index.js +171 -4744
- package/dist/es/index.js.map +1 -1
- package/dist/fake-react-native-web/view.d.ts +2 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +168 -4722
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/__tests__/integration.test.tsx +2 -3
- package/src/components/input/math-input.tsx +1 -0
- package/src/components/input/math-wrapper.ts +2 -2
- package/src/components/keypad/__tests__/mobile-keypad.test.tsx +8 -8
- package/src/components/keypad/index.tsx +1 -1
- package/src/components/keypad/mobile-keypad-internals.tsx +240 -0
- package/src/components/keypad/mobile-keypad.tsx +21 -234
- package/src/data/key-configs.ts +1 -1
- package/src/full-mobile-input.stories.tsx +0 -1
- package/src/index.ts +1 -1
- package/tsconfig-build.tsbuildinfo +1 -1
- package/dist/components/keypad-legacy/compute-layout-parameters.d.ts +0 -28
- package/dist/components/keypad-legacy/corner-decal.d.ts +0 -12
- package/dist/components/keypad-legacy/echo-manager.d.ts +0 -17
- package/dist/components/keypad-legacy/empty-keypad-button.d.ts +0 -13
- package/dist/components/keypad-legacy/expression-keypad.d.ts +0 -21
- package/dist/components/keypad-legacy/fraction-keypad.d.ts +0 -21
- package/dist/components/keypad-legacy/gesture-manager.d.ts +0 -86
- package/dist/components/keypad-legacy/gesture-state-machine.d.ts +0 -105
- package/dist/components/keypad-legacy/icon.d.ts +0 -15
- package/dist/components/keypad-legacy/index.d.ts +0 -1
- package/dist/components/keypad-legacy/keypad-button.d.ts +0 -53
- package/dist/components/keypad-legacy/keypad-container.d.ts +0 -41
- package/dist/components/keypad-legacy/keypad.d.ts +0 -31
- package/dist/components/keypad-legacy/many-keypad-button.d.ts +0 -15
- package/dist/components/keypad-legacy/math-icon.d.ts +0 -16
- package/dist/components/keypad-legacy/multi-symbol-grid.d.ts +0 -14
- package/dist/components/keypad-legacy/multi-symbol-popover.d.ts +0 -12
- package/dist/components/keypad-legacy/navigation-pad.d.ts +0 -14
- package/dist/components/keypad-legacy/node-manager.d.ts +0 -49
- package/dist/components/keypad-legacy/popover-manager.d.ts +0 -13
- package/dist/components/keypad-legacy/popover-state-machine.d.ts +0 -68
- package/dist/components/keypad-legacy/provided-keypad.d.ts +0 -28
- package/dist/components/keypad-legacy/store/actions.d.ts +0 -55
- package/dist/components/keypad-legacy/store/echo-reducer.d.ts +0 -4
- package/dist/components/keypad-legacy/store/index.d.ts +0 -9
- package/dist/components/keypad-legacy/store/input-reducer.d.ts +0 -4
- package/dist/components/keypad-legacy/store/keypad-reducer.d.ts +0 -4
- package/dist/components/keypad-legacy/store/layout-reducer.d.ts +0 -4
- package/dist/components/keypad-legacy/store/shared.d.ts +0 -7
- package/dist/components/keypad-legacy/store/types.d.ts +0 -47
- package/dist/components/keypad-legacy/styles.d.ts +0 -5
- package/dist/components/keypad-legacy/svg-icon.d.ts +0 -12
- package/dist/components/keypad-legacy/text-icon.d.ts +0 -13
- package/dist/components/keypad-legacy/touchable-keypad-button.d.ts +0 -37
- package/dist/components/keypad-legacy/two-page-keypad.d.ts +0 -21
- package/dist/components/keypad-legacy/z-indexes.d.ts +0 -7
- package/dist/components/keypad-switch.d.ts +0 -12
- package/src/components/keypad-legacy/__tests__/gesture-state-machine.test.ts +0 -441
- package/src/components/keypad-legacy/__tests__/node-manager.test.ts +0 -89
- package/src/components/keypad-legacy/compute-layout-parameters.ts +0 -205
- package/src/components/keypad-legacy/corner-decal.tsx +0 -56
- package/src/components/keypad-legacy/echo-manager.tsx +0 -152
- package/src/components/keypad-legacy/empty-keypad-button.tsx +0 -58
- package/src/components/keypad-legacy/expression-keypad.tsx +0 -315
- package/src/components/keypad-legacy/fraction-keypad.tsx +0 -180
- package/src/components/keypad-legacy/gesture-manager.ts +0 -255
- package/src/components/keypad-legacy/gesture-state-machine.ts +0 -329
- package/src/components/keypad-legacy/icon.tsx +0 -72
- package/src/components/keypad-legacy/iconography/arrow.js +0 -22
- package/src/components/keypad-legacy/iconography/backspace.js +0 -29
- package/src/components/keypad-legacy/iconography/cdot.js +0 -29
- package/src/components/keypad-legacy/iconography/cos.js +0 -30
- package/src/components/keypad-legacy/iconography/cube-root.js +0 -36
- package/src/components/keypad-legacy/iconography/dismiss.js +0 -25
- package/src/components/keypad-legacy/iconography/divide.js +0 -34
- package/src/components/keypad-legacy/iconography/down.js +0 -16
- package/src/components/keypad-legacy/iconography/equal.js +0 -33
- package/src/components/keypad-legacy/iconography/exp-2.js +0 -29
- package/src/components/keypad-legacy/iconography/exp-3.js +0 -29
- package/src/components/keypad-legacy/iconography/exp.js +0 -29
- package/src/components/keypad-legacy/iconography/frac.js +0 -44
- package/src/components/keypad-legacy/iconography/geq.js +0 -33
- package/src/components/keypad-legacy/iconography/gt.js +0 -33
- package/src/components/keypad-legacy/iconography/index.js +0 -45
- package/src/components/keypad-legacy/iconography/jump-into-numerator.js +0 -41
- package/src/components/keypad-legacy/iconography/jump-out-base.js +0 -30
- package/src/components/keypad-legacy/iconography/jump-out-denominator.js +0 -41
- package/src/components/keypad-legacy/iconography/jump-out-exponent.js +0 -30
- package/src/components/keypad-legacy/iconography/jump-out-numerator.js +0 -41
- package/src/components/keypad-legacy/iconography/jump-out-parentheses.js +0 -33
- package/src/components/keypad-legacy/iconography/left-paren.js +0 -33
- package/src/components/keypad-legacy/iconography/left.js +0 -16
- package/src/components/keypad-legacy/iconography/leq.js +0 -33
- package/src/components/keypad-legacy/iconography/ln.js +0 -29
- package/src/components/keypad-legacy/iconography/log-n.js +0 -29
- package/src/components/keypad-legacy/iconography/log.js +0 -29
- package/src/components/keypad-legacy/iconography/lt.js +0 -33
- package/src/components/keypad-legacy/iconography/minus.js +0 -32
- package/src/components/keypad-legacy/iconography/neq.js +0 -33
- package/src/components/keypad-legacy/iconography/parens.js +0 -33
- package/src/components/keypad-legacy/iconography/percent.js +0 -49
- package/src/components/keypad-legacy/iconography/period.js +0 -26
- package/src/components/keypad-legacy/iconography/plus.js +0 -32
- package/src/components/keypad-legacy/iconography/radical.js +0 -36
- package/src/components/keypad-legacy/iconography/right-paren.js +0 -33
- package/src/components/keypad-legacy/iconography/right.js +0 -16
- package/src/components/keypad-legacy/iconography/sin.js +0 -30
- package/src/components/keypad-legacy/iconography/sqrt.js +0 -32
- package/src/components/keypad-legacy/iconography/tan.js +0 -30
- package/src/components/keypad-legacy/iconography/times.js +0 -33
- package/src/components/keypad-legacy/iconography/up.js +0 -16
- package/src/components/keypad-legacy/index.ts +0 -1
- package/src/components/keypad-legacy/keypad-button.tsx +0 -368
- package/src/components/keypad-legacy/keypad-container.tsx +0 -358
- package/src/components/keypad-legacy/keypad.tsx +0 -162
- package/src/components/keypad-legacy/many-keypad-button.tsx +0 -54
- package/src/components/keypad-legacy/math-icon.tsx +0 -66
- package/src/components/keypad-legacy/multi-symbol-grid.tsx +0 -182
- package/src/components/keypad-legacy/multi-symbol-popover.tsx +0 -58
- package/src/components/keypad-legacy/navigation-pad.tsx +0 -140
- package/src/components/keypad-legacy/node-manager.ts +0 -133
- package/src/components/keypad-legacy/popover-manager.tsx +0 -73
- package/src/components/keypad-legacy/popover-state-machine.ts +0 -184
- package/src/components/keypad-legacy/provided-keypad.tsx +0 -136
- package/src/components/keypad-legacy/store/actions.ts +0 -155
- package/src/components/keypad-legacy/store/echo-reducer.ts +0 -57
- package/src/components/keypad-legacy/store/index.ts +0 -110
- package/src/components/keypad-legacy/store/input-reducer.ts +0 -55
- package/src/components/keypad-legacy/store/keypad-reducer.ts +0 -58
- package/src/components/keypad-legacy/store/layout-reducer.test.ts +0 -171
- package/src/components/keypad-legacy/store/layout-reducer.ts +0 -129
- package/src/components/keypad-legacy/store/shared.ts +0 -12
- package/src/components/keypad-legacy/store/types.ts +0 -78
- package/src/components/keypad-legacy/styles.ts +0 -38
- package/src/components/keypad-legacy/svg-icon.tsx +0 -24
- package/src/components/keypad-legacy/text-icon.tsx +0 -53
- package/src/components/keypad-legacy/touchable-keypad-button.tsx +0 -163
- package/src/components/keypad-legacy/two-page-keypad.tsx +0 -115
- package/src/components/keypad-legacy/z-indexes.ts +0 -8
- package/src/components/keypad-switch.tsx +0 -42
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the BACKSPACE iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
|
|
8
|
-
const Backspace = () => {
|
|
9
|
-
return (
|
|
10
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
11
|
-
<g fill="none" fillRule="evenodd">
|
|
12
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
13
|
-
<path
|
|
14
|
-
d="M13 24l6 6h14V18H19l-6 6zm-1.414-1.414l6-6A2 2 0 0 1 19 16h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H19a2 2 0 0 1-1.414-.586l-6-6a2 2 0 0 1 0-2.828z"
|
|
15
|
-
fill="#888D93"
|
|
16
|
-
/>
|
|
17
|
-
<path
|
|
18
|
-
d="M23 21l6 6M29 21l-6 6"
|
|
19
|
-
stroke="#888D93"
|
|
20
|
-
strokeWidth="2"
|
|
21
|
-
strokeLinecap="round"
|
|
22
|
-
strokeLinejoin="round"
|
|
23
|
-
/>
|
|
24
|
-
</g>
|
|
25
|
-
</svg>
|
|
26
|
-
);
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export default Backspace;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the CDOT iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class Cdot extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<g transform="translate(12 12)">
|
|
20
|
-
<path fill="none" d="M0 0h24v24H0z" />
|
|
21
|
-
<circle fill={this.props.color} cx="12" cy="12" r="3" />
|
|
22
|
-
</g>
|
|
23
|
-
</g>
|
|
24
|
-
</svg>
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export default Cdot;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the COS iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class Cos extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<path fill="none" d="M13 12h24v24H13z" />
|
|
20
|
-
<path
|
|
21
|
-
d="M18.182 29.168c1.386 0 2.226-.602 2.674-1.232l-1.162-1.078a1.707 1.707 0 0 1-1.428.728c-1.078 0-1.834-.798-1.834-1.974s.756-1.96 1.834-1.96c.616 0 1.106.252 1.428.728l1.162-1.092c-.448-.616-1.288-1.218-2.674-1.218-2.086 0-3.584 1.47-3.584 3.542 0 2.086 1.498 3.556 3.584 3.556zm6.972 0c2.24 0 3.584-1.624 3.584-3.556 0-1.918-1.344-3.542-3.584-3.542-2.226 0-3.57 1.624-3.57 3.542 0 1.932 1.344 3.556 3.57 3.556zm0-1.582c-1.106 0-1.722-.91-1.722-1.974 0-1.05.616-1.96 1.722-1.96 1.106 0 1.736.91 1.736 1.96 0 1.064-.63 1.974-1.736 1.974zm7.336 1.582c1.876 0 2.926-.938 2.926-2.17 0-2.73-4.004-1.89-4.004-2.898 0-.378.42-.672 1.064-.672.826 0 1.596.35 2.002.784l.714-1.218c-.672-.532-1.582-.924-2.73-.924-1.778 0-2.772.994-2.772 2.128 0 2.66 4.018 1.75 4.018 2.87 0 .42-.364.728-1.134.728-.84 0-1.848-.462-2.338-.924l-.77 1.246c.714.658 1.848 1.05 3.024 1.05z"
|
|
22
|
-
fill={this.props.color}
|
|
23
|
-
/>
|
|
24
|
-
</g>
|
|
25
|
-
</svg>
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export default Cos;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the CUBE_ROOT iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class CubeRoot extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<path
|
|
20
|
-
d="M17.91 23.12c1.66 0 2.76-.81 2.76-1.98 0-.96-.86-1.51-1.57-1.58.79-.13 1.46-.72 1.46-1.5 0-1.1-.95-1.83-2.65-1.83-1.23 0-2.11.45-2.67 1.08l.83 1.08c.47-.42 1.05-.64 1.66-.64.64 0 1.12.19 1.12.61 0 .35-.39.52-1.08.52-.25 0-.77 0-.9-.01v1.53c.1-.01.61-.01.9-.01.91 0 1.19.18 1.19.56 0 .37-.38.65-1.12.65-.58 0-1.34-.23-1.82-.7l-.87 1.17c.52.6 1.48 1.05 2.76 1.05z"
|
|
21
|
-
fill={this.props.color}
|
|
22
|
-
/>
|
|
23
|
-
<path
|
|
24
|
-
stroke={this.props.color}
|
|
25
|
-
strokeWidth="2"
|
|
26
|
-
strokeLinecap="round"
|
|
27
|
-
strokeLinejoin="round"
|
|
28
|
-
d="M14 29l4 6 9-14h7"
|
|
29
|
-
/>
|
|
30
|
-
</g>
|
|
31
|
-
</svg>
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export default CubeRoot;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the DISMISS iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
|
|
8
|
-
const Dismiss = () => {
|
|
9
|
-
return (
|
|
10
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
11
|
-
<g fill="none" fillRule="evenodd">
|
|
12
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
13
|
-
<path
|
|
14
|
-
d="M18 21l6 6 6-6"
|
|
15
|
-
strokeLinecap="round"
|
|
16
|
-
strokeWidth="2"
|
|
17
|
-
stroke="#71B307"
|
|
18
|
-
strokeLinejoin="round"
|
|
19
|
-
/>
|
|
20
|
-
</g>
|
|
21
|
-
</svg>
|
|
22
|
-
);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export default Dismiss;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the DIVIDE iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class Divide extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<path
|
|
20
|
-
d="M19 24h10"
|
|
21
|
-
stroke={this.props.color}
|
|
22
|
-
strokeWidth="2"
|
|
23
|
-
strokeLinecap="round"
|
|
24
|
-
strokeLinejoin="round"
|
|
25
|
-
/>
|
|
26
|
-
<circle fill={this.props.color} cx="24" cy="19.5" r="1.5" />
|
|
27
|
-
<circle fill={this.props.color} cx="24" cy="28.5" r="1.5" />
|
|
28
|
-
</g>
|
|
29
|
-
</svg>
|
|
30
|
-
);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export default Divide;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* A component that renders the DOWN iconograpy in SVG.
|
|
3
|
-
*/
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
|
|
6
|
-
import Arrow from "./arrow";
|
|
7
|
-
|
|
8
|
-
const Down = () => {
|
|
9
|
-
return (
|
|
10
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
11
|
-
<Arrow transform="rotate(270 24 24)" />
|
|
12
|
-
</svg>
|
|
13
|
-
);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export default Down;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the EQUAL iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class Equal extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<path fill="none" d="M12 12h24v24H12z" />
|
|
20
|
-
<path
|
|
21
|
-
d="M16 21h17M16 27h17"
|
|
22
|
-
stroke={this.props.color}
|
|
23
|
-
strokeWidth="2"
|
|
24
|
-
strokeLinecap="round"
|
|
25
|
-
strokeLinejoin="round"
|
|
26
|
-
/>
|
|
27
|
-
</g>
|
|
28
|
-
</svg>
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export default Equal;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the EXP_2 iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class Exp2 extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<path
|
|
20
|
-
d="M14 21c0-.552.456-1 1.002-1h9.996A1 1 0 0 1 26 21v14c0 .552-.456 1-1.002 1h-9.996A1 1 0 0 1 14 35V21zm2 1h8v12h-8V22zM33.67 23v-1.5h-2.44c1.66-1.16 2.39-2.03 2.39-3.05 0-1.34-1.13-2.22-2.7-2.22-.93 0-1.99.33-2.7 1.11l.95 1.14c.48-.45 1.04-.73 1.78-.73.49 0 .92.24.92.7 0 .66-.54 1.12-3.43 3.21V23h5.23z"
|
|
21
|
-
fill={this.props.color}
|
|
22
|
-
/>
|
|
23
|
-
</g>
|
|
24
|
-
</svg>
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export default Exp2;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the EXP_3 iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class Exp3 extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<path
|
|
20
|
-
d="M14 21c0-.552.456-1 1.002-1h9.996A1 1 0 0 1 26 21v14c0 .552-.456 1-1.002 1h-9.996A1 1 0 0 1 14 35V21zm2 1h8v12h-8V22zM30.92 23.12c1.66 0 2.76-.81 2.76-1.98 0-.96-.86-1.51-1.57-1.58.79-.13 1.46-.72 1.46-1.5 0-1.1-.95-1.83-2.65-1.83-1.23 0-2.11.45-2.67 1.08l.83 1.08c.47-.42 1.05-.64 1.66-.64.64 0 1.12.19 1.12.61 0 .35-.39.52-1.08.52-.25 0-.77 0-.9-.01v1.53c.1-.01.61-.01.9-.01.91 0 1.19.18 1.19.56 0 .37-.38.65-1.12.65-.58 0-1.34-.23-1.82-.7l-.87 1.17c.52.6 1.48 1.05 2.76 1.05z"
|
|
21
|
-
fill={this.props.color}
|
|
22
|
-
/>
|
|
23
|
-
</g>
|
|
24
|
-
</svg>
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export default Exp3;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the EXP iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class Exp extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<path
|
|
20
|
-
d="M28 16.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997h-6.006c-.55 0-.997-.453-.997-.997v-6.006zM30 18h4v4h-4v-4zM14 21c0-.552.456-1 1.002-1h9.996A1 1 0 0 1 26 21v14c0 .552-.456 1-1.002 1h-9.996A1 1 0 0 1 14 35V21zm2 1h8v12h-8V22z"
|
|
21
|
-
fill={this.props.color}
|
|
22
|
-
/>
|
|
23
|
-
</g>
|
|
24
|
-
</svg>
|
|
25
|
-
);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export default Exp;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the FRAC iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class FracInclusive extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<g transform="translate(12 12)">
|
|
20
|
-
<path fill="none" d="M0 0h24v24H0z" />
|
|
21
|
-
<path
|
|
22
|
-
d="M8 16.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997H8.997c-.55 0-.997-.453-.997-.997v-6.006zM10 18h4v4h-4v-4z"
|
|
23
|
-
fill={this.props.color}
|
|
24
|
-
/>
|
|
25
|
-
<rect
|
|
26
|
-
fill={this.props.color}
|
|
27
|
-
x="2"
|
|
28
|
-
y="11"
|
|
29
|
-
width="20"
|
|
30
|
-
height="2"
|
|
31
|
-
rx="1"
|
|
32
|
-
/>
|
|
33
|
-
<path
|
|
34
|
-
d="M8 .997C8 .447 8.453 0 8.997 0h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997H8.997C8.447 8 8 7.547 8 7.003V.997zM10 2h4v4h-4V2z"
|
|
35
|
-
fill={this.props.color}
|
|
36
|
-
/>
|
|
37
|
-
</g>
|
|
38
|
-
</g>
|
|
39
|
-
</svg>
|
|
40
|
-
);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export default FracInclusive;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the GEQ iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class Geq extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<path fill="none" d="M12 12h24v24H12z" />
|
|
20
|
-
<path
|
|
21
|
-
d="M16 33h16M16 30l16-6-16-6"
|
|
22
|
-
stroke={this.props.color}
|
|
23
|
-
strokeWidth="2"
|
|
24
|
-
strokeLinecap="round"
|
|
25
|
-
strokeLinejoin="round"
|
|
26
|
-
/>
|
|
27
|
-
</g>
|
|
28
|
-
</svg>
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export default Geq;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the GT iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import PropTypes from "prop-types";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
|
|
9
|
-
class Gt extends React.Component {
|
|
10
|
-
static propTypes = {
|
|
11
|
-
color: PropTypes.string.isRequired,
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
render() {
|
|
15
|
-
return (
|
|
16
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
17
|
-
<g fill="none" fillRule="evenodd">
|
|
18
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
19
|
-
<path fill="none" d="M12 12h24v24H12z" />
|
|
20
|
-
<path
|
|
21
|
-
stroke={this.props.color}
|
|
22
|
-
strokeWidth="2"
|
|
23
|
-
strokeLinecap="round"
|
|
24
|
-
strokeLinejoin="round"
|
|
25
|
-
d="M16 30l16-6-16-6"
|
|
26
|
-
/>
|
|
27
|
-
</g>
|
|
28
|
-
</svg>
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export default Gt;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* A directory of autogenerated icon components.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export {default as COS} from "./cos";
|
|
6
|
-
export {default as LOG} from "./log";
|
|
7
|
-
export {default as EQUAL} from "./equal";
|
|
8
|
-
export {default as BACKSPACE} from "./backspace";
|
|
9
|
-
export {default as SQRT} from "./sqrt";
|
|
10
|
-
export {default as EXP} from "./exp";
|
|
11
|
-
export {default as NEQ} from "./neq";
|
|
12
|
-
export {default as GEQ} from "./geq";
|
|
13
|
-
export {default as LN} from "./ln";
|
|
14
|
-
export {default as DISMISS} from "./dismiss";
|
|
15
|
-
export {default as SIN} from "./sin";
|
|
16
|
-
export {default as LT} from "./lt";
|
|
17
|
-
export {default as CUBE_ROOT} from "./cube-root";
|
|
18
|
-
export {default as PLUS} from "./plus";
|
|
19
|
-
export {default as TAN} from "./tan";
|
|
20
|
-
export {default as LEFT} from "./left";
|
|
21
|
-
export {default as UP} from "./up";
|
|
22
|
-
export {default as DOWN} from "./down";
|
|
23
|
-
export {default as LEFT_PAREN} from "./left-paren";
|
|
24
|
-
export {default as RIGHT_PAREN} from "./right-paren";
|
|
25
|
-
export {default as GT} from "./gt";
|
|
26
|
-
export {default as DIVIDE} from "./divide";
|
|
27
|
-
export {default as PERIOD} from "./period";
|
|
28
|
-
export {default as PERCENT} from "./percent";
|
|
29
|
-
export {default as TIMES} from "./times";
|
|
30
|
-
export {default as EXP_3} from "./exp-3";
|
|
31
|
-
export {default as EXP_2} from "./exp-2";
|
|
32
|
-
export {default as RIGHT} from "./right";
|
|
33
|
-
export {default as CDOT} from "./cdot";
|
|
34
|
-
export {default as LOG_N} from "./log-n";
|
|
35
|
-
export {default as LEQ} from "./leq";
|
|
36
|
-
export {default as MINUS} from "./minus";
|
|
37
|
-
export {default as NEGATIVE} from "./minus";
|
|
38
|
-
export {default as RADICAL} from "./radical";
|
|
39
|
-
export {default as FRAC} from "./frac";
|
|
40
|
-
export {default as JUMP_OUT_PARENTHESES} from "./jump-out-parentheses";
|
|
41
|
-
export {default as JUMP_OUT_EXPONENT} from "./jump-out-exponent";
|
|
42
|
-
export {default as JUMP_OUT_BASE} from "./jump-out-base";
|
|
43
|
-
export {default as JUMP_INTO_NUMERATOR} from "./jump-into-numerator";
|
|
44
|
-
export {default as JUMP_OUT_NUMERATOR} from "./jump-out-numerator";
|
|
45
|
-
export {default as JUMP_OUT_DENOMINATOR} from "./jump-out-denominator";
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the JUMP_INTO_NUMERATOR iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
|
|
8
|
-
const JumpIntoNumerator = () => {
|
|
9
|
-
return (
|
|
10
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
11
|
-
<g fill="none" fillRule="evenodd">
|
|
12
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
13
|
-
<path fill="none" d="M12 12h24v24H12z" />
|
|
14
|
-
<path
|
|
15
|
-
d="M13 16v16M17 22l6-6M23 20v-4h-4"
|
|
16
|
-
stroke="#78C008"
|
|
17
|
-
strokeWidth="2"
|
|
18
|
-
strokeLinecap="round"
|
|
19
|
-
strokeLinejoin="round"
|
|
20
|
-
/>
|
|
21
|
-
<path
|
|
22
|
-
d="M26 27.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997h-6.006c-.55 0-.997-.453-.997-.997v-6.006zM28 29h4v4h-4v-4z"
|
|
23
|
-
fill="#888D93"
|
|
24
|
-
/>
|
|
25
|
-
<path
|
|
26
|
-
d="M35 24H25"
|
|
27
|
-
stroke="#888D93"
|
|
28
|
-
strokeWidth="2"
|
|
29
|
-
strokeLinecap="round"
|
|
30
|
-
strokeLinejoin="round"
|
|
31
|
-
/>
|
|
32
|
-
<path
|
|
33
|
-
d="M26 13.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997h-6.006c-.55 0-.997-.453-.997-.997v-6.006zM28 15h4v4h-4v-4z"
|
|
34
|
-
fill="#78C008"
|
|
35
|
-
/>
|
|
36
|
-
</g>
|
|
37
|
-
</svg>
|
|
38
|
-
);
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
export default JumpIntoNumerator;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the JUMP_OUT_BASE iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
|
|
8
|
-
const JumpOutBase = () => {
|
|
9
|
-
return (
|
|
10
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
11
|
-
<g fill="none" fillRule="evenodd">
|
|
12
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
13
|
-
<path fill="none" d="M12 12h24v24H12z" />
|
|
14
|
-
<path
|
|
15
|
-
d="M12 28.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997h-6.006c-.55 0-.997-.453-.997-.997v-6.006zM14 30h4v4h-4v-4z"
|
|
16
|
-
fill="#888D93"
|
|
17
|
-
/>
|
|
18
|
-
<path
|
|
19
|
-
d="M35 13v16M23 29l8-8M27 21h4v4"
|
|
20
|
-
stroke="#78C008"
|
|
21
|
-
strokeWidth="2"
|
|
22
|
-
strokeLinecap="round"
|
|
23
|
-
strokeLinejoin="round"
|
|
24
|
-
/>
|
|
25
|
-
</g>
|
|
26
|
-
</svg>
|
|
27
|
-
);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
export default JumpOutBase;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the JUMP_OUT_DENOMINATOR iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
|
|
8
|
-
const JumpOutDenominator = () => {
|
|
9
|
-
return (
|
|
10
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
11
|
-
<g fill="none" fillRule="evenodd">
|
|
12
|
-
<path d="M0 0h48v48H0z" />
|
|
13
|
-
<path d="M12 12h24v24H12z" />
|
|
14
|
-
<path
|
|
15
|
-
d="M35 16v16m-4-4v-4h-4m-2 6l6-6"
|
|
16
|
-
stroke="#78C008"
|
|
17
|
-
strokeWidth="2"
|
|
18
|
-
strokeLinecap="round"
|
|
19
|
-
strokeLinejoin="round"
|
|
20
|
-
/>
|
|
21
|
-
<path
|
|
22
|
-
d="M14 27.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997h-6.006c-.55 0-.997-.453-.997-.997v-6.006zM16 29h4v4h-4v-4z"
|
|
23
|
-
fill="#888D93"
|
|
24
|
-
/>
|
|
25
|
-
<path
|
|
26
|
-
d="M23 24H13"
|
|
27
|
-
stroke="#888D93"
|
|
28
|
-
strokeWidth="2"
|
|
29
|
-
strokeLinecap="round"
|
|
30
|
-
strokeLinejoin="round"
|
|
31
|
-
/>
|
|
32
|
-
<path
|
|
33
|
-
d="M14 13.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997h-6.006c-.55 0-.997-.453-.997-.997v-6.006zM16 15h4v4h-4v-4z"
|
|
34
|
-
fill="#888D93"
|
|
35
|
-
/>
|
|
36
|
-
</g>
|
|
37
|
-
</svg>
|
|
38
|
-
);
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
export default JumpOutDenominator;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* An autogenerated component that renders the JUMP_OUT_EXPONENT iconograpy in SVG.
|
|
3
|
-
*
|
|
4
|
-
* Generated with: https://gist.github.com/crm416/3c7abc88e520eaed72347af240b32590.
|
|
5
|
-
*/
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
|
|
8
|
-
const JumpOutExponent = () => {
|
|
9
|
-
return (
|
|
10
|
-
<svg width="48" height="48" viewBox="0 0 48 48">
|
|
11
|
-
<g fill="none" fillRule="evenodd">
|
|
12
|
-
<path fill="none" d="M0 0h48v48H0z" />
|
|
13
|
-
<path fill="none" d="M12 12h24v24H12z" />
|
|
14
|
-
<path
|
|
15
|
-
d="M35 19v16M23 19l8 8M31 23v4h-4"
|
|
16
|
-
stroke="#78C008"
|
|
17
|
-
strokeWidth="2"
|
|
18
|
-
strokeLinecap="round"
|
|
19
|
-
strokeLinejoin="round"
|
|
20
|
-
/>
|
|
21
|
-
<path
|
|
22
|
-
d="M12 12.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997h-6.006c-.55 0-.997-.453-.997-.997v-6.006zM14 14h4v4h-4v-4z"
|
|
23
|
-
fill="#888D93"
|
|
24
|
-
/>
|
|
25
|
-
</g>
|
|
26
|
-
</svg>
|
|
27
|
-
);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
export default JumpOutExponent;
|