@pie-element/math-templated 3.2.3-next.8 → 3.3.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.3.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated@3.2.2...@pie-element/math-templated@3.3.0) (2024-11-15)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4401, PD-4441, PD-4319, PD-4394, PD-3687 ([f1f0af3](https://github.com/pie-framework/pie-elements/commit/f1f0af31f3c6fba54ca3a378dea3b8b32d8ebb87))
+
+
+### Features
+
+* Adjust all elements to support custom color for controls in authoring PD-4334 ([d6b3dc5](https://github.com/pie-framework/pie-elements/commit/d6b3dc5963824d0a1ce7bf36a8c590e27761c86c))
+
+
+
+
+
 ## [3.2.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated@3.2.1...@pie-element/math-templated@3.2.2) (2024-11-01)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-configure@2.1.1...@pie-element/math-templated-configure@2.2.0) (2024-11-15)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4401, PD-4441, PD-4319, PD-4394, PD-3687 ([f1f0af3](https://github.com/pie-framework/pie-elements/commit/f1f0af31f3c6fba54ca3a378dea3b8b32d8ebb87))
+
+
+### Features
+
+* Adjust all elements to support custom color for controls in authoring PD-4334 ([d6b3dc5](https://github.com/pie-framework/pie-elements/commit/d6b3dc5963824d0a1ce7bf36a8c590e27761c86c))
+
+
+
+
+
 ## [2.1.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-configure@2.1.0...@pie-element/math-templated-configure@2.1.1) (2024-11-01)
 
 

package/configure/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/math-templated-configure",
   "private": true,
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.1.3",
+    "@pie-lib/pie-toolbox": "2.2.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.1.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-controller@3.1.1...@pie-element/math-templated-controller@3.1.2) (2024-11-15)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4401, PD-4441, PD-4319, PD-4394, PD-3687 ([f1f0af3](https://github.com/pie-framework/pie-elements/commit/f1f0af31f3c6fba54ca3a378dea3b8b32d8ebb87))
+
+
+
+
+
 ## [3.1.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-controller@3.1.0...@pie-element/math-templated-controller@3.1.1) (2024-11-01)
 
 

package/controller/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/math-templated-controller",
   "private": true,
-  "version": "3.1.1",
+  "version": "3.1.2",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@pie-framework/math-validation": "^1.2.2",
-    "@pie-lib/pie-toolbox": "2.1.3",
+    "@pie-lib/pie-toolbox": "2.2.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   },

package/module/configure.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.1.5/module/index.js";
-import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@5.1.2/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.2.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@5.2.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -6089,7 +6089,7 @@ var Modal$1 = {};
 var RootRef$2 = {};
 var RootRef$1 = {};
 var reactHelpers = {};
-const require$$1$p = _dll_react;
+const require$$1$o = _dll_react;
 const require$$2$h = _dll_classnames;
 var _interopRequireDefault$1f = interopRequireDefault.exports;
 Object.defineProperty(reactHelpers, "__esModule", {
@@ -6099,7 +6099,7 @@ reactHelpers.cloneElementWithClassName = cloneElementWithClassName;
 reactHelpers.cloneChildrenWithClassName = cloneChildrenWithClassName;
 reactHelpers.isMuiElement = isMuiElement;
 reactHelpers.setRef = setRef;
-var _react$12 = _interopRequireDefault$1f(require$$1$p);
+var _react$12 = _interopRequireDefault$1f(require$$1$o);
 var _classnames$y = _interopRequireDefault$1f(require$$2$h);
 function cloneElementWithClassName(child, className) {
   return _react$12.default.cloneElement(child, {
@@ -6122,7 +6122,7 @@ function setRef(ref, value) {
   }
 }
 const require$$6$l = _dll_react;
-const require$$7$7 = _dll_react_dom;
+const require$$7$8 = _dll_react_dom;
 const require$$8$h = _dll_prop_types;
 var _interopRequireDefault$1e = interopRequireDefault.exports;
 Object.defineProperty(RootRef$1, "__esModule", {
@@ -6135,7 +6135,7 @@ var _possibleConstructorReturn2$l = _interopRequireDefault$1e(possibleConstructo
 var _getPrototypeOf2$b = _interopRequireDefault$1e(getPrototypeOf$1.exports);
 var _inherits2$l = _interopRequireDefault$1e(inherits.exports);
 var _react$11 = _interopRequireDefault$1e(require$$6$l);
-var _reactDom$a = _interopRequireDefault$1e(require$$7$7);
+var _reactDom$a = _interopRequireDefault$1e(require$$7$8);
 var _propTypes$N = _interopRequireDefault$1e(require$$8$h);
 var _utils$u = require$$6$n;
 var _reactHelpers$5 = reactHelpers;
@@ -6203,7 +6203,7 @@ getDefaultExportFromCjs(RootRef$2);
 var Portal$2 = {};
 var Portal$1 = {};
 const require$$6$k = _dll_react;
-const require$$7$6 = _dll_react_dom;
+const require$$7$7 = _dll_react_dom;
 const require$$8$g = _dll_prop_types;
 var _interopRequireDefault$1d = interopRequireDefault.exports;
 Object.defineProperty(Portal$1, "__esModule", {
@@ -6216,7 +6216,7 @@ var _possibleConstructorReturn2$k = _interopRequireDefault$1d(possibleConstructo
 var _getPrototypeOf3$9 = _interopRequireDefault$1d(getPrototypeOf$1.exports);
 var _inherits2$k = _interopRequireDefault$1d(inherits.exports);
 var _react$10 = _interopRequireDefault$1d(require$$6$k);
-var _reactDom$9 = _interopRequireDefault$1d(require$$7$6);
+var _reactDom$9 = _interopRequireDefault$1d(require$$7$7);
 var _propTypes$M = _interopRequireDefault$1d(require$$8$g);
 var _ownerDocument$6 = _interopRequireDefault$1d(ownerDocument$1);
 var _utils$t = require$$6$n;
@@ -6901,12 +6901,12 @@ var classNamesShape = _propTypes$L.default.oneOfType([_propTypes$L.default.strin
 })]);
 PropTypes$3.classNamesShape = classNamesShape;
 const require$$0$5 = _dll_prop_types;
-const require$$1$o = _dll_react;
+const require$$1$n = _dll_react;
 const require$$2$f = _dll_react_dom;
 Transition$1.__esModule = true;
 Transition$1.default = Transition$1.EXITING = Transition$1.ENTERED = Transition$1.ENTERING = Transition$1.EXITED = Transition$1.UNMOUNTED = void 0;
 var PropTypes$2 = _interopRequireWildcard$1(require$$0$5);
-var _react$$ = _interopRequireDefault$18(require$$1$o);
+var _react$$ = _interopRequireDefault$18(require$$1$n);
 var _reactDom$8 = _interopRequireDefault$18(require$$2$f);
 var _reactLifecyclesCompat = require$$2$g;
 var _PropTypes = PropTypes$3;
@@ -8379,13 +8379,13 @@ var MenuList$1 = {};
 var List$2 = {};
 var List$1 = {};
 var ListContext$1 = {};
-const require$$1$n = _dll_react;
+const require$$1$m = _dll_react;
 var _interopRequireDefault$11 = interopRequireDefault.exports;
 Object.defineProperty(ListContext$1, "__esModule", {
   value: true
 });
 ListContext$1.default = void 0;
-var _react$U = _interopRequireDefault$11(require$$1$n);
+var _react$U = _interopRequireDefault$11(require$$1$m);
 var ListContext = _react$U.default.createContext({});
 var _default$Z = ListContext;
 ListContext$1.default = _default$Z;
@@ -9176,13 +9176,13 @@ function formControlState(_ref) {
 }
 var withFormControlContext$1 = {};
 var FormControlContext$1 = {};
-const require$$1$m = _dll_react;
+const require$$1$l = _dll_react;
 var _interopRequireDefault$Y = interopRequireDefault.exports;
 Object.defineProperty(FormControlContext$1, "__esModule", {
   value: true
 });
 FormControlContext$1.default = void 0;
-var _react$P = _interopRequireDefault$Y(require$$1$m);
+var _react$P = _interopRequireDefault$Y(require$$1$l);
 var FormControlContext = _react$P.default.createContext();
 var _default$U = FormControlContext;
 FormControlContext$1.default = _default$U;
@@ -9465,13 +9465,13 @@ SvgIcon$1.default = _default$M;
   var _SvgIcon = _interopRequireDefault(SvgIcon$1);
 })(SvgIcon$2);
 getDefaultExportFromCjs(SvgIcon$2);
-const require$$1$l = _dll_react;
+const require$$1$k = _dll_react;
 var _interopRequireDefault$Q = interopRequireDefault.exports;
 Object.defineProperty(ArrowDropDown$1, "__esModule", {
   value: true
 });
 ArrowDropDown$1.default = void 0;
-var _react$L = _interopRequireDefault$Q(require$$1$l);
+var _react$L = _interopRequireDefault$Q(require$$1$k);
 var _pure$6 = _interopRequireDefault$Q(pure$1);
 var _SvgIcon$6 = _interopRequireDefault$Q(SvgIcon$2);
 var _ref$6 = _react$L.default.createElement("path", {
@@ -10285,7 +10285,7 @@ NativeSelectInput.propTypes = {
 };
 var _default$H = NativeSelectInput;
 NativeSelectInput$1.default = _default$H;
-const require$$3$e = _dll_react;
+const require$$3$f = _dll_react;
 const require$$4$k = _dll_prop_types;
 var _interopRequireDefault$L = interopRequireDefault.exports;
 Object.defineProperty(NativeSelect$1, "__esModule", {
@@ -10294,7 +10294,7 @@ Object.defineProperty(NativeSelect$1, "__esModule", {
 NativeSelect$1.default = NativeSelect$1.styles = void 0;
 var _extends2$q = _interopRequireDefault$L(_extends$5.exports);
 var _objectWithoutProperties2$r = _interopRequireDefault$L(objectWithoutProperties.exports);
-var _react$G = _interopRequireDefault$L(require$$3$e);
+var _react$G = _interopRequireDefault$L(require$$3$f);
 var _propTypes$v = _interopRequireDefault$L(require$$4$k);
 var _utils$g = require$$6$n;
 var _NativeSelectInput$1 = _interopRequireDefault$L(NativeSelectInput$1);
@@ -10402,7 +10402,7 @@ var _default$G = (0, _withStyles$n.default)(styles$q, {
   name: 'MuiNativeSelect'
 })((0, _withFormControlContext$7.default)(NativeSelect));
 NativeSelect$1.default = _default$G;
-const require$$3$d = _dll_react;
+const require$$3$e = _dll_react;
 const require$$4$j = _dll_prop_types;
 var _interopRequireDefault$K = interopRequireDefault.exports;
 Object.defineProperty(Select$2, "__esModule", {
@@ -10411,7 +10411,7 @@ Object.defineProperty(Select$2, "__esModule", {
 Select$2.default = Select$2.styles = void 0;
 var _extends2$p = _interopRequireDefault$K(_extends$5.exports);
 var _objectWithoutProperties2$q = _interopRequireDefault$K(objectWithoutProperties.exports);
-var _react$F = _interopRequireDefault$K(require$$3$d);
+var _react$F = _interopRequireDefault$K(require$$3$e);
 var _propTypes$u = _interopRequireDefault$K(require$$4$j);
 var _utils$f = require$$6$n;
 var _SelectInput = _interopRequireDefault$K(SelectInput$1);
@@ -10517,7 +10517,7 @@ var ButtonBase$1 = {};
 var NoSsr$2 = {};
 var NoSsr$1 = {};
 const require$$6$d = _dll_react;
-const require$$7$5 = _dll_prop_types;
+const require$$7$6 = _dll_prop_types;
 var _interopRequireDefault$J = interopRequireDefault.exports;
 Object.defineProperty(NoSsr$1, "__esModule", {
   value: true
@@ -10529,7 +10529,7 @@ var _possibleConstructorReturn2$a = _interopRequireDefault$J(possibleConstructor
 var _getPrototypeOf3$4 = _interopRequireDefault$J(getPrototypeOf$1.exports);
 var _inherits2$a = _interopRequireDefault$J(inherits.exports);
 var _react$E = _interopRequireDefault$J(require$$6$d);
-var _propTypes$t = _interopRequireDefault$J(require$$7$5);
+var _propTypes$t = _interopRequireDefault$J(require$$7$6);
 var _utils$e = require$$6$n;
 var NoSsr = (function (_React$Component) {
   (0, _inherits2$a.default)(NoSsr, _React$Component);
@@ -10765,12 +10765,12 @@ function getNextChildMapping(nextProps, prevChildMapping, onExited) {
   return children;
 }
 const require$$0$3 = _dll_prop_types;
-const require$$1$k = _dll_react;
+const require$$1$j = _dll_react;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0$3);
-  var _react = _interopRequireDefault(require$$1$k);
+  var _react = _interopRequireDefault(require$$1$j);
   var _reactLifecyclesCompat = require$$2$g;
   var _ChildMapping = ChildMapping;
   function _interopRequireDefault(obj) {
@@ -11625,14 +11625,14 @@ ButtonBase$1.default = _default$A;
 })(ButtonBase$2);
 getDefaultExportFromCjs(ButtonBase$2);
 var MergeListContext$1 = {};
-const require$$1$j = _dll_react;
+const require$$1$i = _dll_react;
 const require$$2$c = _dll_prop_types;
 var _interopRequireDefault$E = interopRequireDefault.exports;
 Object.defineProperty(MergeListContext$1, "__esModule", {
   value: true
 });
 MergeListContext$1.default = void 0;
-var _react$z = _interopRequireDefault$E(require$$1$j);
+var _react$z = _interopRequireDefault$E(require$$1$i);
 var _propTypes$p = _interopRequireDefault$E(require$$2$c);
 var _ListContext = _interopRequireDefault$E(ListContext$1);
 function MergeListContext(props) {
@@ -11917,13 +11917,13 @@ MenuItem$2.default = _default$x;
 var MenuItem = getDefaultExportFromCjs(MenuItem$3);
 var Info = {};
 var createSvgIcon$1 = {};
-const require$$1$i = _dll_react;
+const require$$1$h = _dll_react;
 var _interopRequireDefault$B = interopRequireDefault.exports;
 Object.defineProperty(createSvgIcon$1, "__esModule", {
   value: true
 });
 createSvgIcon$1.default = void 0;
-var _react$w = _interopRequireDefault$B(require$$1$i);
+var _react$w = _interopRequireDefault$B(require$$1$h);
 var _pure$5 = _interopRequireDefault$B(pure$1);
 var _SvgIcon$5 = _interopRequireDefault$B(SvgIcon$2);
 function createSvgIcon(path, displayName) {
@@ -11937,13 +11937,13 @@ function createSvgIcon(path, displayName) {
 }
 var _default$w = createSvgIcon;
 createSvgIcon$1.default = _default$w;
-const require$$1$h = _dll_react;
+const require$$1$g = _dll_react;
 var _interopRequireDefault$A = interopRequireDefault.exports;
 Object.defineProperty(Info, "__esModule", {
   value: true
 });
 var default_1$1 = Info.default = void 0;
-var _react$v = _interopRequireDefault$A(require$$1$h);
+var _react$v = _interopRequireDefault$A(require$$1$g);
 var _createSvgIcon$3 = _interopRequireDefault$A(createSvgIcon$1);
 var _default$v = (0, _createSvgIcon$3.default)(_react$v.default.createElement(_react$v.default.Fragment, null, _react$v.default.createElement("path", {
   fill: "none",
@@ -14319,7 +14319,7 @@ var _default$p = (0, _withStyles$d.default)(styles$g, {
   name: 'MuiPrivateSwitchBase'
 })((0, _withFormControlContext$3.default)(SwitchBase));
 SwitchBase$1.default = _default$p;
-const require$$3$c = _dll_react;
+const require$$3$d = _dll_react;
 const require$$4$d = _dll_prop_types;
 const require$$5$c = _dll_classnames;
 var _interopRequireDefault$t = interopRequireDefault.exports;
@@ -14329,7 +14329,7 @@ Object.defineProperty(Switch$1, "__esModule", {
 Switch$1.default = Switch$1.styles = void 0;
 var _extends2$d = _interopRequireDefault$t(_extends$5.exports);
 var _objectWithoutProperties2$e = _interopRequireDefault$t(objectWithoutProperties.exports);
-var _react$o = _interopRequireDefault$t(require$$3$c);
+var _react$o = _interopRequireDefault$t(require$$3$d);
 var _propTypes$g = _interopRequireDefault$t(require$$4$d);
 var _classnames$d = _interopRequireDefault$t(require$$5$c);
 var _withStyles$c = _interopRequireDefault$t(withStyles);
@@ -14479,55 +14479,6 @@ Switch$1.default = _default$o;
   var _Switch = _interopRequireDefault(Switch$1);
 })(Switch$2);
 getDefaultExportFromCjs(Switch$2);
-const require$$1$g = _dll_react;
-const require$$2$b = _dll_prop_types;
-(function (exports) {
-  var _interopRequireDefault = interopRequireDefault.exports;
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$g);
-  var _propTypes = _interopRequireDefault(require$$2$b);
-  var _InputLabel = _interopRequireDefault(InputLabel$3);
-  var _styles = styles$E;
-  var _Switch = _interopRequireDefault(Switch$2);
-  var Toggle = (0, _styles.withStyles)(function (theme) {
-    return {
-      toggle: {
-        display: 'flex',
-        width: '100%',
-        justifyContent: 'space-between'
-      },
-      label: {
-        color: 'rgba(0, 0, 0, 0.89)',
-        fontSize: theme.typography.fontSize,
-        paddingTop: theme.spacing.unit * 2
-      }
-    };
-  })(function (_ref) {
-    var checked = _ref.checked, label = _ref.label, toggle = _ref.toggle, classes = _ref.classes;
-    return _react["default"].createElement("div", {
-      className: classes.toggle
-    }, _react["default"].createElement(_InputLabel["default"], {
-      className: classes.label
-    }, label), _react["default"].createElement(_Switch["default"], {
-      checked: checked,
-      onChange: function onChange(e) {
-        return toggle(e.target.checked);
-      }
-    }));
-  });
-  Toggle.propTypes = {
-    checked: _propTypes["default"].bool,
-    label: _propTypes["default"].string.isRequired,
-    toggle: _propTypes["default"].func.isRequired
-  };
-  var _default = Toggle;
-  exports["default"] = _default;
-})(toggle$1);
-getDefaultExportFromCjs(toggle$1);
-var twoChoice = {};
 var renderUi = {};
 var responseIndicators = {};
 var icons$1 = {};
@@ -14536,7 +14487,7 @@ var iconBase = {};
 var iconRoot = {};
 var sized = {};
 const require$$1$f = _dll_react;
-const require$$2$a = _dll_prop_types;
+const require$$2$b = _dll_prop_types;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -14544,7 +14495,7 @@ const require$$2$a = _dll_prop_types;
   });
   exports.normalizeSize = exports["default"] = void 0;
   var _react = _interopRequireDefault(require$$1$f);
-  var _propTypes = _interopRequireDefault(require$$2$a);
+  var _propTypes = _interopRequireDefault(require$$2$b);
   var normalizeSize = function normalizeSize(size) {
     return typeof size === 'string' ? size : typeof size === 'number' ? ("").concat(size, "px") : '30px';
   };
@@ -14571,14 +14522,14 @@ const require$$2$a = _dll_prop_types;
 })(sized);
 getDefaultExportFromCjs(sized);
 const require$$1$e = _dll_react;
-const require$$2$9 = _dll_prop_types;
+const require$$2$a = _dll_prop_types;
 var _interopRequireDefault$s = interopRequireDefault.exports;
 Object.defineProperty(iconRoot, "__esModule", {
   value: true
 });
 iconRoot.normalizeSize = iconRoot.getStyles = iconRoot.Tick = iconRoot.SquareFeedbackBox = iconRoot.Square = iconRoot.RoundFeedbackBox = iconRoot.IconRoot = iconRoot.Circle = void 0;
 var _react$n = _interopRequireDefault$s(require$$1$e);
-var _propTypes$f = _interopRequireDefault$s(require$$2$9);
+var _propTypes$f = _interopRequireDefault$s(require$$2$a);
 var _sized = _interopRequireDefault$s(sized);
 var normalizeSize = function normalizeSize(size) {
   return typeof size === 'string' ? size : typeof size === 'number' ? ("").concat(size, "px") : '30px';
@@ -14887,8 +14838,8 @@ const require$$9$c = _dll_react;
   exports["default"] = _default;
 })(iconBase);
 getDefaultExportFromCjs(iconBase);
-const require$$2$8 = _dll_prop_types;
-const require$$3$b = _dll_react;
+const require$$2$9 = _dll_prop_types;
+const require$$3$c = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -14896,8 +14847,8 @@ const require$$3$b = _dll_react;
   });
   exports["default"] = exports.Correct = void 0;
   var _iconBase = _interopRequireDefault(iconBase);
-  var _propTypes = _interopRequireDefault(require$$2$8);
-  var _react = _interopRequireDefault(require$$3$b);
+  var _propTypes = _interopRequireDefault(require$$2$9);
+  var _react = _interopRequireDefault(require$$3$c);
   var _iconRoot = iconRoot;
   var _styles = styles$E;
   var styles = (0, _iconRoot.getStyles)('correct', '#f8ffe2', '#4aaf46');
@@ -14965,8 +14916,8 @@ const require$$3$b = _dll_react;
 getDefaultExportFromCjs(correctIcon);
 var correctResponseIcon = {};
 const require$$1$d = _dll_prop_types;
-const require$$2$7 = _dll_react;
-const require$$3$a = _dll_classnames;
+const require$$2$8 = _dll_react;
+const require$$3$b = _dll_classnames;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -14974,8 +14925,8 @@ const require$$3$a = _dll_classnames;
   });
   exports["default"] = void 0;
   var _propTypes = _interopRequireDefault(require$$1$d);
-  var _react = _interopRequireDefault(require$$2$7);
-  var _classnames = _interopRequireDefault(require$$3$a);
+  var _react = _interopRequireDefault(require$$2$8);
+  var _classnames = _interopRequireDefault(require$$3$b);
   var _styles = styles$E;
   var OpenIcon = function OpenIcon(_ref) {
     var bg = _ref.bg, fg = _ref.fg;
@@ -15103,8 +15054,8 @@ const require$$3$a = _dll_classnames;
 })(correctResponseIcon);
 getDefaultExportFromCjs(correctResponseIcon);
 var incorrectIcon = {};
-const require$$2$6 = _dll_prop_types;
-const require$$3$9 = _dll_react;
+const require$$2$7 = _dll_prop_types;
+const require$$3$a = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -15112,8 +15063,8 @@ const require$$3$9 = _dll_react;
   });
   exports["default"] = exports.Incorrect = void 0;
   var _iconBase = _interopRequireDefault(iconBase);
-  var _propTypes = _interopRequireDefault(require$$2$6);
-  var _react = _interopRequireDefault(require$$3$9);
+  var _propTypes = _interopRequireDefault(require$$2$7);
+  var _react = _interopRequireDefault(require$$3$a);
   var _iconRoot = iconRoot;
   var _styles = styles$E;
   var Ex = function Ex(_ref) {
@@ -15187,7 +15138,7 @@ const require$$3$9 = _dll_react;
 getDefaultExportFromCjs(incorrectIcon);
 var instructionsIcon = {};
 const require$$6$7 = _dll_prop_types;
-const require$$7$4 = _dll_react;
+const require$$7$5 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -15200,7 +15151,7 @@ const require$$7$4 = _dll_react;
   var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$1.exports);
   var _propTypes = _interopRequireDefault(require$$6$7);
-  var _react = _interopRequireDefault(require$$7$4);
+  var _react = _interopRequireDefault(require$$7$5);
   var _sized = _interopRequireDefault(sized);
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -15418,7 +15369,7 @@ const require$$7$4 = _dll_react;
 })(instructionsIcon);
 getDefaultExportFromCjs(instructionsIcon);
 var learnMoreIcon = {};
-const require$$7$3 = _dll_prop_types;
+const require$$7$4 = _dll_prop_types;
 const require$$8$8 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -15432,7 +15383,7 @@ const require$$8$8 = _dll_react;
   var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$1.exports);
   var _defineProperty2 = _interopRequireDefault(defineProperty$3.exports);
-  var _propTypes = _interopRequireDefault(require$$7$3);
+  var _propTypes = _interopRequireDefault(require$$7$4);
   var _react = _interopRequireDefault(require$$8$8);
   var _styles = styles$E;
   var _sized = _interopRequireDefault(sized);
@@ -15746,8 +15697,8 @@ const require$$9$b = _dll_react;
 })(nothingSubmittedIcon);
 getDefaultExportFromCjs(nothingSubmittedIcon);
 var partiallyCorrectIcon = {};
-const require$$2$5 = _dll_prop_types;
-const require$$3$8 = _dll_react;
+const require$$2$6 = _dll_prop_types;
+const require$$3$9 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -15755,8 +15706,8 @@ const require$$3$8 = _dll_react;
   });
   exports["default"] = exports.PartiallyCorrect = void 0;
   var _iconBase = _interopRequireDefault(iconBase);
-  var _propTypes = _interopRequireDefault(require$$2$5);
-  var _react = _interopRequireDefault(require$$3$8);
+  var _propTypes = _interopRequireDefault(require$$2$6);
+  var _react = _interopRequireDefault(require$$3$9);
   var _iconRoot = iconRoot;
   var _styles = styles$E;
   var styles = (0, _iconRoot.getStyles)('partially-correct', '#4aaf46', '#c1e1ac');
@@ -15819,7 +15770,7 @@ const require$$3$8 = _dll_react;
 })(partiallyCorrectIcon);
 getDefaultExportFromCjs(partiallyCorrectIcon);
 var showRationaleIcon = {};
-const require$$7$2 = _dll_prop_types;
+const require$$7$3 = _dll_prop_types;
 const require$$8$6 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -15833,7 +15784,7 @@ const require$$8$6 = _dll_react;
   var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$1.exports);
   var _defineProperty2 = _interopRequireDefault(defineProperty$3.exports);
-  var _propTypes = _interopRequireDefault(require$$7$2);
+  var _propTypes = _interopRequireDefault(require$$7$3);
   var _react = _interopRequireDefault(require$$8$6);
   var _styles = styles$E;
   var _sized = sized;
@@ -26331,13 +26282,13 @@ getDefaultExportFromCjs(schedulerTracing_development);
   tracing.exports = schedulerTracing_development;
 }
 const require$$1$b = _dll_react;
-const {checkPropTypes: require$$2$4} = _dll_prop_types;
+const {checkPropTypes: require$$2$5} = _dll_prop_types;
 (function (module) {
   {
     module.exports = function $$$reconciler($$$hostConfig) {
       var _assign = objectAssign;
       var React = require$$1$b;
-      var checkPropTypes = require$$2$4;
+      var checkPropTypes = require$$2$5;
       var Scheduler = scheduler.exports;
       var tracing$1 = tracing.exports;
       function ReactError(error) {
@@ -41948,14 +41899,14 @@ var removeClass = function removeClass(element, className) {
   if (element.classList) element.classList.remove(className); else if (typeof element.className === 'string') element.className = replaceClassName(element.className, className); else element.setAttribute('class', replaceClassName(element.className && element.className.baseVal || '', className));
 };
 const require$$0$1 = _dll_prop_types;
-const require$$3$7 = _dll_react;
+const require$$3$8 = _dll_react;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var PropTypes = _interopRequireWildcard(require$$0$1);
   var _addClass = _interopRequireDefault(addClass.exports);
   var _removeClass = _interopRequireDefault(removeClass);
-  var _react = _interopRequireDefault(require$$3$7);
+  var _react = _interopRequireDefault(require$$3$8);
   var _Transition = _interopRequireDefault(Transition$1);
   var _PropTypes = PropTypes$3;
   function _interopRequireDefault(obj) {
@@ -42134,13 +42085,13 @@ var ReplaceTransition = {
 };
 const require$$0 = _dll_prop_types;
 const require$$1$a = _dll_react;
-const require$$2$3 = _dll_react_dom;
+const require$$2$4 = _dll_react_dom;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0);
   var _react = _interopRequireDefault(require$$1$a);
-  var _reactDom = require$$2$3;
+  var _reactDom = require$$2$4;
   var _TransitionGroup = _interopRequireDefault(TransitionGroup.exports);
   function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -42319,7 +42270,7 @@ var _interopRequireDefault$o = interopRequireDefault.exports;
 Object.defineProperty(color$1, "__esModule", {
   value: true
 });
-color$1.white = color$1.v = color$1.transparent = color$1.text = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missingWithIcon = color$1.missing = color$1.incorrectWithIcon = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctWithIcon = color$1.correctSecondary = color$1.correct = color$1.borderLight = color$1.borderDark = color$1.border = color$1.black = color$1.backgroundDark = color$1.background = void 0;
+color$1.white = color$1.v = color$1.transparent = color$1.text = color$1.tertiaryLight = color$1.tertiary = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missingWithIcon = color$1.missing = color$1.incorrectWithIcon = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctWithIcon = color$1.correctSecondary = color$1.correct = color$1.borderLight = color$1.borderDark = color$1.border = color$1.black = color$1.backgroundDark = color$1.background = void 0;
 var _green = _interopRequireDefault$o(green$1);
 var _orange = _interopRequireDefault$o(orange$1);
 var _pink = _interopRequireDefault$o(pink$1);
@@ -42343,6 +42294,8 @@ var defaults$1 = {
   SECONDARY: _pink["default"].A400,
   SECONDARY_LIGHT: _pink["default"][200],
   SECONDARY_DARK: _pink["default"][900],
+  TERTIARY: '#146EB3',
+  TERTIARY_LIGHT: '#D0E2F0',
   BACKGROUND: 'rgba(255,255,255,0)',
   BACKGROUND_DARK: '#ECEDF1',
   SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',
@@ -42456,6 +42409,14 @@ var secondaryBackground = function secondaryBackground() {
   return pv('secondary-background', defaults$1.SECONDARY_BACKGROUND);
 };
 color$1.secondaryBackground = secondaryBackground;
+var tertiary = function tertiary() {
+  return pv('tertiary', defaults$1.TERTIARY);
+};
+color$1.tertiary = tertiary;
+var tertiaryLight = function tertiaryLight() {
+  return pv('tertiary-light', defaults$1.TERTIARY_LIGHT);
+};
+color$1.tertiaryLight = tertiaryLight;
 var border = function border() {
   return pv('border', defaults$1.BORDER);
 };
@@ -50281,7 +50242,7 @@ TexError$1.default = TexError;
           }
         },
         loader: {
-          load: ["input/mml", '[mml]/mml3'],
+          load: ["input/mml"],
           preLoad: function preLoad() {},
           failed: function failed(error) {
             return console.log(("MathJax(").concat(error["package"] || '?', "): ").concat(error.message));
@@ -60160,7 +60121,7 @@ const require$$10$1 = _dll_prop_types;
 })(previewLayout);
 getDefaultExportFromCjs(previewLayout);
 var htmlAndMath = {};
-const require$$7$1 = _dll_react;
+const require$$7$2 = _dll_react;
 const require$$9$5 = _dll_prop_types;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -60174,7 +60135,7 @@ const require$$9$5 = _dll_prop_types;
   var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$1.exports);
   var _defineProperty2 = _interopRequireDefault(defineProperty$3.exports);
-  var _react = _interopRequireDefault(require$$7$1);
+  var _react = _interopRequireDefault(require$$7$2);
   var _mathRenderingAccessible = mathRenderingAccessible;
   var _propTypes = _interopRequireDefault(require$$9$5);
   function _createSuper(Derived) {
@@ -60440,8 +60401,8 @@ FormControl$1.default = _default$h;
   var _FormControl = _interopRequireDefault(FormControl$1);
 })(FormControl$2);
 getDefaultExportFromCjs(FormControl$2);
-const require$$2$2 = _dll_prop_types;
-const require$$3$6 = _dll_react;
+const require$$2$3 = _dll_prop_types;
+const require$$3$7 = _dll_react;
 const require$$4$b = _dll_classnames;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -60450,8 +60411,8 @@ const require$$4$b = _dll_classnames;
   });
   exports["default"] = void 0;
   var _InputLabel = _interopRequireDefault(InputLabel$3);
-  var _propTypes = _interopRequireDefault(require$$2$2);
-  var _react = _interopRequireDefault(require$$3$6);
+  var _propTypes = _interopRequireDefault(require$$2$3);
+  var _react = _interopRequireDefault(require$$3$7);
   var _classnames = _interopRequireDefault(require$$4$b);
   var _styles = styles$E;
   var _FormControl = _interopRequireDefault(FormControl$2);
@@ -60769,9 +60730,9 @@ const require$$11$4 = _dll_prop_types;
             color: theme.palette.common.black
           }
         },
-        '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {
+        '&:not(.MathJax) table td, &:not(.MathJax) table th': {
           padding: '.6em 1em',
-          textAlign: 'center'
+          textAlign: 'left'
         },
         '&:not(.MathJax) > table td > p.kds-indent': {
           textAlign: 'initial'
@@ -60785,7 +60746,7 @@ const require$$11$4 = _dll_prop_types;
 getDefaultExportFromCjs(previewPrompt);
 var readable = {};
 const require$$1$7 = _dll_prop_types;
-const require$$2$1 = _dll_react;
+const require$$2$2 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -60793,7 +60754,7 @@ const require$$2$1 = _dll_react;
   });
   exports["default"] = void 0;
   var _propTypes = _interopRequireDefault(require$$1$7);
-  var _react = _interopRequireDefault(require$$2$1);
+  var _react = _interopRequireDefault(require$$2$2);
   var Readable = function Readable(props) {
     return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
       return _react["default"].cloneElement(child, {
@@ -60811,7 +60772,7 @@ const require$$2$1 = _dll_react;
 getDefaultExportFromCjs(readable);
 var purpose = {};
 const require$$1$6 = _dll_prop_types;
-const require$$2 = _dll_react;
+const require$$2$1 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -60819,7 +60780,7 @@ const require$$2 = _dll_react;
   });
   exports["default"] = void 0;
   var _propTypes = _interopRequireDefault(require$$1$6);
-  var _react = _interopRequireDefault(require$$2);
+  var _react = _interopRequireDefault(require$$2$1);
   var Purpose = function Purpose(props) {
     return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
       return _react["default"].cloneElement(child, {
@@ -60983,6 +60944,69 @@ hasText$1.hasText = hasText;
   }
 })(renderUi);
 getDefaultExportFromCjs(renderUi);
+const require$$2 = _dll_react;
+const require$$3$6 = _dll_prop_types;
+const require$$7$1 = _dll_classnames;
+(function (exports) {
+  var _interopRequireDefault = interopRequireDefault.exports;
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports["default"] = void 0;
+  var _defineProperty2 = _interopRequireDefault(defineProperty$3.exports);
+  var _react = _interopRequireDefault(require$$2);
+  var _propTypes = _interopRequireDefault(require$$3$6);
+  var _InputLabel = _interopRequireDefault(InputLabel$3);
+  var _styles = styles$E;
+  var _Switch = _interopRequireDefault(Switch$2);
+  var _classnames = _interopRequireDefault(require$$7$1);
+  var _renderUi = renderUi;
+  var Toggle = (0, _styles.withStyles)(function (theme) {
+    return {
+      toggle: {
+        display: 'flex',
+        width: '100%',
+        justifyContent: 'space-between'
+      },
+      label: {
+        color: 'rgba(0, 0, 0, 0.89)',
+        fontSize: theme.typography.fontSize,
+        paddingTop: theme.spacing.unit * 2
+      },
+      checkedThumb: {
+        color: ("").concat(_renderUi.color.tertiary(), " !important")
+      },
+      checkedBar: {
+        backgroundColor: ("").concat(_renderUi.color.tertiaryLight(), " !important")
+      }
+    };
+  })(function (_ref) {
+    var checked = _ref.checked, label = _ref.label, toggle = _ref.toggle, classes = _ref.classes;
+    return _react["default"].createElement("div", {
+      className: classes.toggle
+    }, _react["default"].createElement(_InputLabel["default"], {
+      className: classes.label
+    }, label), _react["default"].createElement(_Switch["default"], {
+      classes: {
+        checked: (0, _classnames["default"])(classes.checkedThumb),
+        bar: (0, _classnames["default"])((0, _defineProperty2["default"])({}, classes.checkedBar, checked))
+      },
+      checked: checked,
+      onChange: function onChange(e) {
+        return toggle(e.target.checked);
+      }
+    }));
+  });
+  Toggle.propTypes = {
+    checked: _propTypes["default"].bool,
+    label: _propTypes["default"].string.isRequired,
+    toggle: _propTypes["default"].func.isRequired
+  };
+  var _default = Toggle;
+  exports["default"] = _default;
+})(toggle$1);
+getDefaultExportFromCjs(toggle$1);
+var twoChoice = {};
 var radioWithLabel = {};
 var FormControlLabel$3 = {};
 var FormControlLabel$2 = {};
@@ -61255,17 +61279,24 @@ const require$$3$4 = _dll_react;
   var _Radio = _interopRequireDefault(Radio$2);
   var _react = _interopRequireDefault(require$$3$4);
   var _styles = styles$E;
+  var _renderUi = renderUi;
   var _default = (0, _styles.withStyles)({
     label: {
       left: '-5px',
       position: 'relative'
+    },
+    customColor: {
+      color: ("").concat(_renderUi.color.tertiary(), " !important")
     }
   })(function (_ref) {
     var label = _ref.label, value = _ref.value, checked = _ref.checked, onChange = _ref.onChange, classes = _ref.classes;
     return _react["default"].createElement(_FormControlLabel["default"], {
       value: value,
-      classes: classes,
+      classes: {
+        label: classes.label
+      },
       control: _react["default"].createElement(_Radio["default"], {
+        className: classes.customColor,
         checked: checked,
         onChange: onChange
       }),
@@ -61444,6 +61475,7 @@ const require$$3$3 = _dll_react;
   var _Radio = _interopRequireDefault(Radio$2);
   var _react = _interopRequireDefault(require$$3$3);
   var _styles = styles$E;
+  var _renderUi = renderUi;
   var _default = (0, _styles.withStyles)(function (theme) {
     return {
       label: {
@@ -61451,14 +61483,20 @@ const require$$3$3 = _dll_react;
         fontSize: theme.typography.fontSize - 2,
         left: '-5px',
         position: 'relative'
+      },
+      customColor: {
+        color: ("").concat(_renderUi.color.tertiary(), " !important")
       }
     };
   })(function (_ref) {
     var label = _ref.label, value = _ref.value, checked = _ref.checked, onChange = _ref.onChange, classes = _ref.classes;
     return _react["default"].createElement(_FormControlLabel["default"], {
       value: value,
-      classes: classes,
+      classes: {
+        label: classes.label
+      },
       control: _react["default"].createElement(_Radio["default"], {
+        className: classes.customColor,
         checked: checked,
         onChange: onChange
       }),
@@ -62652,6 +62690,7 @@ const require$$7 = _dll_classnames;
   var _styles = styles$E;
   var _classnames = _interopRequireDefault(require$$7);
   var _grey = _interopRequireDefault(grey$1);
+  var _renderUi = renderUi;
   var Checkbox = function Checkbox(_ref) {
     var _classNames2;
     var mini = _ref.mini, checked = _ref.checked, onChange = _ref.onChange, value = _ref.value, label = _ref.label, classes = _ref.classes, error = _ref.error;
@@ -62664,7 +62703,7 @@ const require$$7 = _dll_classnames;
         checked: checked,
         onChange: onChange,
         value: value,
-        className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.miniCheckbox, mini), (0, _defineProperty2["default"])(_classNames2, classes.error, error), _classNames2))
+        className: (0, _classnames["default"])(classes.customColor, (_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.miniCheckbox, mini), (0, _defineProperty2["default"])(_classNames2, classes.error, error), _classNames2))
       }),
       label: label
     });
@@ -62706,6 +62745,9 @@ const require$$7 = _dll_classnames;
       },
       error: {
         color: theme.palette.error.main
+      },
+      customColor: {
+        color: ("").concat(_renderUi.color.tertiary(), " !important")
       }
     };
   })(Checkbox);

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.1.5/module/index.js";
-import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.1.2/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.2.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.2.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -29436,7 +29436,7 @@ TexError$1.default = TexError;
           }
         },
         loader: {
-          load: ["input/mml", '[mml]/mml3'],
+          load: ["input/mml"],
           preLoad: function preLoad() {},
           failed: function failed(error) {
             return console.log(("MathJax(").concat(error["package"] || '?', "): ").concat(error.message));
@@ -73010,7 +73010,7 @@ var _interopRequireDefault$3c = interopRequireDefault.exports;
 Object.defineProperty(color$1, "__esModule", {
   value: true
 });
-color$1.white = color$1.v = color$1.transparent = color$1.text = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missingWithIcon = color$1.missing = color$1.incorrectWithIcon = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctWithIcon = color$1.correctSecondary = color$1.correct = color$1.borderLight = color$1.borderDark = color$1.border = color$1.black = color$1.backgroundDark = color$1.background = void 0;
+color$1.white = color$1.v = color$1.transparent = color$1.text = color$1.tertiaryLight = color$1.tertiary = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missingWithIcon = color$1.missing = color$1.incorrectWithIcon = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctWithIcon = color$1.correctSecondary = color$1.correct = color$1.borderLight = color$1.borderDark = color$1.border = color$1.black = color$1.backgroundDark = color$1.background = void 0;
 var _green = _interopRequireDefault$3c(green$1);
 var _orange = _interopRequireDefault$3c(orange$1);
 var _pink = _interopRequireDefault$3c(pink$1);
@@ -73034,6 +73034,8 @@ var defaults = {
   SECONDARY: _pink["default"].A400,
   SECONDARY_LIGHT: _pink["default"][200],
   SECONDARY_DARK: _pink["default"][900],
+  TERTIARY: '#146EB3',
+  TERTIARY_LIGHT: '#D0E2F0',
   BACKGROUND: 'rgba(255,255,255,0)',
   BACKGROUND_DARK: '#ECEDF1',
   SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',
@@ -73147,6 +73149,14 @@ var secondaryBackground = function secondaryBackground() {
   return pv('secondary-background', defaults.SECONDARY_BACKGROUND);
 };
 color$1.secondaryBackground = secondaryBackground;
+var tertiary = function tertiary() {
+  return pv('tertiary', defaults.TERTIARY);
+};
+color$1.tertiary = tertiary;
+var tertiaryLight = function tertiaryLight() {
+  return pv('tertiary-light', defaults.TERTIARY_LIGHT);
+};
+color$1.tertiaryLight = tertiaryLight;
 var border = function border() {
   return pv('border', defaults.BORDER);
 };
@@ -76813,9 +76823,9 @@ const require$$11$r = _dll_prop_types;
             color: theme.palette.common.black
           }
         },
-        '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {
+        '&:not(.MathJax) table td, &:not(.MathJax) table th': {
           padding: '.6em 1em',
-          textAlign: 'center'
+          textAlign: 'left'
         },
         '&:not(.MathJax) > table td > p.kds-indent': {
           textAlign: 'initial'
@@ -81051,18 +81061,23 @@ const require$$17$2 = _dll_classnames;
     }, {
       key: "updateDimensions",
       value: function updateDimensions() {
-        var _this$spanRef2, _this$spanRef3;
-        var height = ((_this$spanRef2 = this.spanRef) === null || _this$spanRef2 === void 0 ? void 0 : _this$spanRef2.offsetHeight) || 0;
-        var width = ((_this$spanRef3 = this.spanRef) === null || _this$spanRef3 === void 0 ? void 0 : _this$spanRef3.offsetWidth) || 0;
-        var responseAreaHeight = parseFloat(this.props.emptyResponseAreaHeight) || 0;
-        var responseAreaWidth = parseFloat(this.props.emptyResponseAreaWidth) || 0;
-        if (height > responseAreaHeight || width > responseAreaWidth) {
+        if (this.spanRef && this.rootRef) {
+          this.rootRef.style.width = 'auto';
+          var width = this.spanRef.offsetWidth || 0;
+          var height = this.spanRef.offsetHeight || 0;
+          var widthWithPadding = width + 24;
+          var responseAreaWidth = parseFloat(this.props.emptyResponseAreaWidth) || 0;
+          var responseAreaHeight = parseFloat(this.props.emptyResponseAreaHeight) || 0;
+          var adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;
+          var adjustedHeight = height <= responseAreaHeight ? responseAreaHeight : height;
           this.setState(function (prevState) {
             return {
-              width: width > responseAreaWidth ? width + 24 : prevState.width,
-              height: height > responseAreaHeight ? height : prevState.height
+              width: adjustedWidth > responseAreaWidth ? adjustedWidth : prevState.width,
+              height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height
             };
           });
+          this.rootRef.style.width = ("").concat(adjustedWidth, "px");
+          this.rootRef.style.height = ("").concat(adjustedHeight, "px");
         }
       }
     }, {
@@ -81077,13 +81092,15 @@ const require$$17$2 = _dll_classnames;
     }, {
       key: "getRootDimensions",
       value: function getRootDimensions() {
+        var responseAreaWidth = !isNaN(parseFloat(this.props.emptyResponseAreaWidth)) ? parseFloat(this.props.emptyResponseAreaWidth) : 0;
+        var responseAreaHeight = !isNaN(parseFloat(this.props.emptyResponseAreaHeight)) ? parseFloat(this.props.emptyResponseAreaHeight) : 0;
         var rootStyle = {
-          height: this.state.height || this.props.emptyResponseAreaHeight,
-          width: this.state.width || this.props.emptyResponseAreaWidth
+          height: this.state.height || responseAreaHeight,
+          width: this.state.width || responseAreaWidth
         };
-        return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), this.props.emptyResponseAreaWidth ? {} : {
+        return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), responseAreaWidth ? {} : {
           minWidth: 90
-        }), this.props.emptyResponseAreaHeight ? {} : {
+        }), responseAreaHeight ? {} : {
           minHeight: 32
         });
       }

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "2.1.5"
+      "version": "2.2.0"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.1.2"
+      "version": "5.2.0"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.1.5/module/index.js";
-import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.1.2/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.2.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.2.0/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -29399,7 +29399,7 @@ TexError$1.default = TexError;
           }
         },
         loader: {
-          load: ["input/mml", '[mml]/mml3'],
+          load: ["input/mml"],
           preLoad: function preLoad() {},
           failed: function failed(error) {
             return console.log(("MathJax(").concat(error["package"] || '?', "): ").concat(error.message));
@@ -72973,7 +72973,7 @@ var _interopRequireDefault$3c = interopRequireDefault.exports;
 Object.defineProperty(color$1, "__esModule", {
   value: true
 });
-color$1.white = color$1.v = color$1.transparent = color$1.text = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missingWithIcon = color$1.missing = color$1.incorrectWithIcon = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctWithIcon = color$1.correctSecondary = color$1.correct = color$1.borderLight = color$1.borderDark = color$1.border = color$1.black = color$1.backgroundDark = color$1.background = void 0;
+color$1.white = color$1.v = color$1.transparent = color$1.text = color$1.tertiaryLight = color$1.tertiary = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missingWithIcon = color$1.missing = color$1.incorrectWithIcon = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctWithIcon = color$1.correctSecondary = color$1.correct = color$1.borderLight = color$1.borderDark = color$1.border = color$1.black = color$1.backgroundDark = color$1.background = void 0;
 var _green = _interopRequireDefault$3c(green$1);
 var _orange = _interopRequireDefault$3c(orange$1);
 var _pink = _interopRequireDefault$3c(pink$1);
@@ -72997,6 +72997,8 @@ var defaults = {
   SECONDARY: _pink["default"].A400,
   SECONDARY_LIGHT: _pink["default"][200],
   SECONDARY_DARK: _pink["default"][900],
+  TERTIARY: '#146EB3',
+  TERTIARY_LIGHT: '#D0E2F0',
   BACKGROUND: 'rgba(255,255,255,0)',
   BACKGROUND_DARK: '#ECEDF1',
   SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',
@@ -73110,6 +73112,14 @@ var secondaryBackground = function secondaryBackground() {
   return pv('secondary-background', defaults.SECONDARY_BACKGROUND);
 };
 color$1.secondaryBackground = secondaryBackground;
+var tertiary = function tertiary() {
+  return pv('tertiary', defaults.TERTIARY);
+};
+color$1.tertiary = tertiary;
+var tertiaryLight = function tertiaryLight() {
+  return pv('tertiary-light', defaults.TERTIARY_LIGHT);
+};
+color$1.tertiaryLight = tertiaryLight;
 var border = function border() {
   return pv('border', defaults.BORDER);
 };
@@ -76776,9 +76786,9 @@ const require$$11$r = _dll_prop_types;
             color: theme.palette.common.black
           }
         },
-        '&:not(.MathJax) > table td, &:not(.MathJax) > table th': {
+        '&:not(.MathJax) table td, &:not(.MathJax) table th': {
           padding: '.6em 1em',
-          textAlign: 'center'
+          textAlign: 'left'
         },
         '&:not(.MathJax) > table td > p.kds-indent': {
           textAlign: 'initial'
@@ -81014,18 +81024,23 @@ const require$$17$2 = _dll_classnames;
     }, {
       key: "updateDimensions",
       value: function updateDimensions() {
-        var _this$spanRef2, _this$spanRef3;
-        var height = ((_this$spanRef2 = this.spanRef) === null || _this$spanRef2 === void 0 ? void 0 : _this$spanRef2.offsetHeight) || 0;
-        var width = ((_this$spanRef3 = this.spanRef) === null || _this$spanRef3 === void 0 ? void 0 : _this$spanRef3.offsetWidth) || 0;
-        var responseAreaHeight = parseFloat(this.props.emptyResponseAreaHeight) || 0;
-        var responseAreaWidth = parseFloat(this.props.emptyResponseAreaWidth) || 0;
-        if (height > responseAreaHeight || width > responseAreaWidth) {
+        if (this.spanRef && this.rootRef) {
+          this.rootRef.style.width = 'auto';
+          var width = this.spanRef.offsetWidth || 0;
+          var height = this.spanRef.offsetHeight || 0;
+          var widthWithPadding = width + 24;
+          var responseAreaWidth = parseFloat(this.props.emptyResponseAreaWidth) || 0;
+          var responseAreaHeight = parseFloat(this.props.emptyResponseAreaHeight) || 0;
+          var adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;
+          var adjustedHeight = height <= responseAreaHeight ? responseAreaHeight : height;
           this.setState(function (prevState) {
             return {
-              width: width > responseAreaWidth ? width + 24 : prevState.width,
-              height: height > responseAreaHeight ? height : prevState.height
+              width: adjustedWidth > responseAreaWidth ? adjustedWidth : prevState.width,
+              height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height
             };
           });
+          this.rootRef.style.width = ("").concat(adjustedWidth, "px");
+          this.rootRef.style.height = ("").concat(adjustedHeight, "px");
         }
       }
     }, {
@@ -81040,13 +81055,15 @@ const require$$17$2 = _dll_classnames;
     }, {
       key: "getRootDimensions",
       value: function getRootDimensions() {
+        var responseAreaWidth = !isNaN(parseFloat(this.props.emptyResponseAreaWidth)) ? parseFloat(this.props.emptyResponseAreaWidth) : 0;
+        var responseAreaHeight = !isNaN(parseFloat(this.props.emptyResponseAreaHeight)) ? parseFloat(this.props.emptyResponseAreaHeight) : 0;
         var rootStyle = {
-          height: this.state.height || this.props.emptyResponseAreaHeight,
-          width: this.state.width || this.props.emptyResponseAreaWidth
+          height: this.state.height || responseAreaHeight,
+          width: this.state.width || responseAreaWidth
         };
-        return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), this.props.emptyResponseAreaWidth ? {} : {
+        return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), responseAreaWidth ? {} : {
           minWidth: 90
-        }), this.props.emptyResponseAreaHeight ? {} : {
+        }), responseAreaHeight ? {} : {
           minHeight: 32
         });
       }

package/package.json

@@ -4,19 +4,19 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "3.2.3-next.8+2e87e829c",
+  "version": "3.3.0",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.1.3",
+    "@pie-lib/pie-toolbox": "2.2.0",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "2e87e829c981a6dab79aa24a6773988a57a5fcab",
+  "gitHead": "20cc12d3d06ad5318bfa4c6994cf7c7614dfed2f",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },