@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.
Files changed (145) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/components/aphrodite-css-transition-group/util.d.ts +2 -1
  3. package/dist/components/input/math-wrapper.d.ts +1 -1
  4. package/dist/components/keypad/index.d.ts +1 -1
  5. package/dist/components/keypad/mobile-keypad-internals.d.ts +49 -0
  6. package/dist/components/keypad/mobile-keypad.d.ts +4 -48
  7. package/dist/data/key-configs.d.ts +1 -1
  8. package/dist/es/index.js +171 -4744
  9. package/dist/es/index.js.map +1 -1
  10. package/dist/fake-react-native-web/view.d.ts +2 -1
  11. package/dist/index.d.ts +1 -1
  12. package/dist/index.js +168 -4722
  13. package/dist/index.js.map +1 -1
  14. package/package.json +2 -2
  15. package/src/components/__tests__/integration.test.tsx +2 -3
  16. package/src/components/input/math-input.tsx +1 -0
  17. package/src/components/input/math-wrapper.ts +2 -2
  18. package/src/components/keypad/__tests__/mobile-keypad.test.tsx +8 -8
  19. package/src/components/keypad/index.tsx +1 -1
  20. package/src/components/keypad/mobile-keypad-internals.tsx +240 -0
  21. package/src/components/keypad/mobile-keypad.tsx +21 -234
  22. package/src/data/key-configs.ts +1 -1
  23. package/src/full-mobile-input.stories.tsx +0 -1
  24. package/src/index.ts +1 -1
  25. package/tsconfig-build.tsbuildinfo +1 -1
  26. package/dist/components/keypad-legacy/compute-layout-parameters.d.ts +0 -28
  27. package/dist/components/keypad-legacy/corner-decal.d.ts +0 -12
  28. package/dist/components/keypad-legacy/echo-manager.d.ts +0 -17
  29. package/dist/components/keypad-legacy/empty-keypad-button.d.ts +0 -13
  30. package/dist/components/keypad-legacy/expression-keypad.d.ts +0 -21
  31. package/dist/components/keypad-legacy/fraction-keypad.d.ts +0 -21
  32. package/dist/components/keypad-legacy/gesture-manager.d.ts +0 -86
  33. package/dist/components/keypad-legacy/gesture-state-machine.d.ts +0 -105
  34. package/dist/components/keypad-legacy/icon.d.ts +0 -15
  35. package/dist/components/keypad-legacy/index.d.ts +0 -1
  36. package/dist/components/keypad-legacy/keypad-button.d.ts +0 -53
  37. package/dist/components/keypad-legacy/keypad-container.d.ts +0 -41
  38. package/dist/components/keypad-legacy/keypad.d.ts +0 -31
  39. package/dist/components/keypad-legacy/many-keypad-button.d.ts +0 -15
  40. package/dist/components/keypad-legacy/math-icon.d.ts +0 -16
  41. package/dist/components/keypad-legacy/multi-symbol-grid.d.ts +0 -14
  42. package/dist/components/keypad-legacy/multi-symbol-popover.d.ts +0 -12
  43. package/dist/components/keypad-legacy/navigation-pad.d.ts +0 -14
  44. package/dist/components/keypad-legacy/node-manager.d.ts +0 -49
  45. package/dist/components/keypad-legacy/popover-manager.d.ts +0 -13
  46. package/dist/components/keypad-legacy/popover-state-machine.d.ts +0 -68
  47. package/dist/components/keypad-legacy/provided-keypad.d.ts +0 -28
  48. package/dist/components/keypad-legacy/store/actions.d.ts +0 -55
  49. package/dist/components/keypad-legacy/store/echo-reducer.d.ts +0 -4
  50. package/dist/components/keypad-legacy/store/index.d.ts +0 -9
  51. package/dist/components/keypad-legacy/store/input-reducer.d.ts +0 -4
  52. package/dist/components/keypad-legacy/store/keypad-reducer.d.ts +0 -4
  53. package/dist/components/keypad-legacy/store/layout-reducer.d.ts +0 -4
  54. package/dist/components/keypad-legacy/store/shared.d.ts +0 -7
  55. package/dist/components/keypad-legacy/store/types.d.ts +0 -47
  56. package/dist/components/keypad-legacy/styles.d.ts +0 -5
  57. package/dist/components/keypad-legacy/svg-icon.d.ts +0 -12
  58. package/dist/components/keypad-legacy/text-icon.d.ts +0 -13
  59. package/dist/components/keypad-legacy/touchable-keypad-button.d.ts +0 -37
  60. package/dist/components/keypad-legacy/two-page-keypad.d.ts +0 -21
  61. package/dist/components/keypad-legacy/z-indexes.d.ts +0 -7
  62. package/dist/components/keypad-switch.d.ts +0 -12
  63. package/src/components/keypad-legacy/__tests__/gesture-state-machine.test.ts +0 -441
  64. package/src/components/keypad-legacy/__tests__/node-manager.test.ts +0 -89
  65. package/src/components/keypad-legacy/compute-layout-parameters.ts +0 -205
  66. package/src/components/keypad-legacy/corner-decal.tsx +0 -56
  67. package/src/components/keypad-legacy/echo-manager.tsx +0 -152
  68. package/src/components/keypad-legacy/empty-keypad-button.tsx +0 -58
  69. package/src/components/keypad-legacy/expression-keypad.tsx +0 -315
  70. package/src/components/keypad-legacy/fraction-keypad.tsx +0 -180
  71. package/src/components/keypad-legacy/gesture-manager.ts +0 -255
  72. package/src/components/keypad-legacy/gesture-state-machine.ts +0 -329
  73. package/src/components/keypad-legacy/icon.tsx +0 -72
  74. package/src/components/keypad-legacy/iconography/arrow.js +0 -22
  75. package/src/components/keypad-legacy/iconography/backspace.js +0 -29
  76. package/src/components/keypad-legacy/iconography/cdot.js +0 -29
  77. package/src/components/keypad-legacy/iconography/cos.js +0 -30
  78. package/src/components/keypad-legacy/iconography/cube-root.js +0 -36
  79. package/src/components/keypad-legacy/iconography/dismiss.js +0 -25
  80. package/src/components/keypad-legacy/iconography/divide.js +0 -34
  81. package/src/components/keypad-legacy/iconography/down.js +0 -16
  82. package/src/components/keypad-legacy/iconography/equal.js +0 -33
  83. package/src/components/keypad-legacy/iconography/exp-2.js +0 -29
  84. package/src/components/keypad-legacy/iconography/exp-3.js +0 -29
  85. package/src/components/keypad-legacy/iconography/exp.js +0 -29
  86. package/src/components/keypad-legacy/iconography/frac.js +0 -44
  87. package/src/components/keypad-legacy/iconography/geq.js +0 -33
  88. package/src/components/keypad-legacy/iconography/gt.js +0 -33
  89. package/src/components/keypad-legacy/iconography/index.js +0 -45
  90. package/src/components/keypad-legacy/iconography/jump-into-numerator.js +0 -41
  91. package/src/components/keypad-legacy/iconography/jump-out-base.js +0 -30
  92. package/src/components/keypad-legacy/iconography/jump-out-denominator.js +0 -41
  93. package/src/components/keypad-legacy/iconography/jump-out-exponent.js +0 -30
  94. package/src/components/keypad-legacy/iconography/jump-out-numerator.js +0 -41
  95. package/src/components/keypad-legacy/iconography/jump-out-parentheses.js +0 -33
  96. package/src/components/keypad-legacy/iconography/left-paren.js +0 -33
  97. package/src/components/keypad-legacy/iconography/left.js +0 -16
  98. package/src/components/keypad-legacy/iconography/leq.js +0 -33
  99. package/src/components/keypad-legacy/iconography/ln.js +0 -29
  100. package/src/components/keypad-legacy/iconography/log-n.js +0 -29
  101. package/src/components/keypad-legacy/iconography/log.js +0 -29
  102. package/src/components/keypad-legacy/iconography/lt.js +0 -33
  103. package/src/components/keypad-legacy/iconography/minus.js +0 -32
  104. package/src/components/keypad-legacy/iconography/neq.js +0 -33
  105. package/src/components/keypad-legacy/iconography/parens.js +0 -33
  106. package/src/components/keypad-legacy/iconography/percent.js +0 -49
  107. package/src/components/keypad-legacy/iconography/period.js +0 -26
  108. package/src/components/keypad-legacy/iconography/plus.js +0 -32
  109. package/src/components/keypad-legacy/iconography/radical.js +0 -36
  110. package/src/components/keypad-legacy/iconography/right-paren.js +0 -33
  111. package/src/components/keypad-legacy/iconography/right.js +0 -16
  112. package/src/components/keypad-legacy/iconography/sin.js +0 -30
  113. package/src/components/keypad-legacy/iconography/sqrt.js +0 -32
  114. package/src/components/keypad-legacy/iconography/tan.js +0 -30
  115. package/src/components/keypad-legacy/iconography/times.js +0 -33
  116. package/src/components/keypad-legacy/iconography/up.js +0 -16
  117. package/src/components/keypad-legacy/index.ts +0 -1
  118. package/src/components/keypad-legacy/keypad-button.tsx +0 -368
  119. package/src/components/keypad-legacy/keypad-container.tsx +0 -358
  120. package/src/components/keypad-legacy/keypad.tsx +0 -162
  121. package/src/components/keypad-legacy/many-keypad-button.tsx +0 -54
  122. package/src/components/keypad-legacy/math-icon.tsx +0 -66
  123. package/src/components/keypad-legacy/multi-symbol-grid.tsx +0 -182
  124. package/src/components/keypad-legacy/multi-symbol-popover.tsx +0 -58
  125. package/src/components/keypad-legacy/navigation-pad.tsx +0 -140
  126. package/src/components/keypad-legacy/node-manager.ts +0 -133
  127. package/src/components/keypad-legacy/popover-manager.tsx +0 -73
  128. package/src/components/keypad-legacy/popover-state-machine.ts +0 -184
  129. package/src/components/keypad-legacy/provided-keypad.tsx +0 -136
  130. package/src/components/keypad-legacy/store/actions.ts +0 -155
  131. package/src/components/keypad-legacy/store/echo-reducer.ts +0 -57
  132. package/src/components/keypad-legacy/store/index.ts +0 -110
  133. package/src/components/keypad-legacy/store/input-reducer.ts +0 -55
  134. package/src/components/keypad-legacy/store/keypad-reducer.ts +0 -58
  135. package/src/components/keypad-legacy/store/layout-reducer.test.ts +0 -171
  136. package/src/components/keypad-legacy/store/layout-reducer.ts +0 -129
  137. package/src/components/keypad-legacy/store/shared.ts +0 -12
  138. package/src/components/keypad-legacy/store/types.ts +0 -78
  139. package/src/components/keypad-legacy/styles.ts +0 -38
  140. package/src/components/keypad-legacy/svg-icon.tsx +0 -24
  141. package/src/components/keypad-legacy/text-icon.tsx +0 -53
  142. package/src/components/keypad-legacy/touchable-keypad-button.tsx +0 -163
  143. package/src/components/keypad-legacy/two-page-keypad.tsx +0 -115
  144. package/src/components/keypad-legacy/z-indexes.ts +0 -8
  145. 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;