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

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_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 : {
@@ -42268,7 +42219,7 @@ var reactTransitionGroup = {
   ReplaceTransition: _ReplaceTransition.default,
   CSSTransition: _CSSTransition.default
 };
-var color = {};
+var color$1 = {};
 var green$1 = {};
 Object.defineProperty(green$1, "__esModule", {
   value: true
@@ -42316,10 +42267,10 @@ var orange = {
 var _default$m = orange;
 orange$1.default = _default$m;
 var _interopRequireDefault$o = interopRequireDefault.exports;
-Object.defineProperty(color, "__esModule", {
+Object.defineProperty(color$1, "__esModule", {
   value: true
 });
-color.white = color.v = color.transparent = color.text = color.secondaryText = color.secondaryLight = color.secondaryDark = color.secondaryBackground = color.secondary = color.primaryText = color.primaryLight = color.primaryDark = color.primary = color.missingWithIcon = color.missing = color.incorrectWithIcon = color.incorrectSecondary = color.incorrect = color.disabledSecondary = color.disabled = color.defaults = color.correctWithIcon = color.correctSecondary = color.correct = color.borderLight = color.borderDark = color.border = color.black = color.backgroundDark = color.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)',
@@ -42353,7 +42306,7 @@ var defaults$1 = {
   WHITE: '#ffffff',
   TRANSPARENT: 'transparent'
 };
-color.defaults = defaults$1;
+color$1.defaults = defaults$1;
 Object.freeze(defaults$1);
 var v = function v(prefix) {
   return function () {
@@ -42366,120 +42319,128 @@ var v = function v(prefix) {
     }, fallback);
   };
 };
-color.v = v;
+color$1.v = v;
 var pv = v('pie');
 var text = function text() {
   return pv('text', defaults$1.TEXT);
 };
-color.text = text;
+color$1.text = text;
 var disabled = function disabled() {
   return pv('disabled', defaults$1.DISABLED);
 };
-color.disabled = disabled;
+color$1.disabled = disabled;
 var disabledSecondary = function disabledSecondary() {
   return pv('disabled-secondary', defaults$1.DISABLED_SECONDARY);
 };
-color.disabledSecondary = disabledSecondary;
+color$1.disabledSecondary = disabledSecondary;
 var correct = function correct() {
   return pv('correct', defaults$1.CORRECT);
 };
-color.correct = correct;
+color$1.correct = correct;
 var correctSecondary = function correctSecondary() {
   return pv('correct-secondary', defaults$1.CORRECT_SECONDARY);
 };
-color.correctSecondary = correctSecondary;
+color$1.correctSecondary = correctSecondary;
 var correctWithIcon = function correctWithIcon() {
   return pv('correct-icon', defaults$1.CORRECT_WITH_ICON);
 };
-color.correctWithIcon = correctWithIcon;
+color$1.correctWithIcon = correctWithIcon;
 var incorrect = function incorrect() {
   return pv('incorrect', defaults$1.INCORRECT);
 };
-color.incorrect = incorrect;
+color$1.incorrect = incorrect;
 var incorrectWithIcon = function incorrectWithIcon() {
   return pv('incorrect-icon', defaults$1.INCORRECT_WITH_ICON);
 };
-color.incorrectWithIcon = incorrectWithIcon;
+color$1.incorrectWithIcon = incorrectWithIcon;
 var incorrectSecondary = function incorrectSecondary() {
   return pv('incorrect-secondary', defaults$1.INCORRECT_SECONDARY);
 };
-color.incorrectSecondary = incorrectSecondary;
+color$1.incorrectSecondary = incorrectSecondary;
 var missing = function missing() {
   return pv('missing', defaults$1.MISSING);
 };
-color.missing = missing;
+color$1.missing = missing;
 var missingWithIcon = function missingWithIcon() {
   return pv('missing-icon', defaults$1.MISSING_WITH_ICON);
 };
-color.missingWithIcon = missingWithIcon;
+color$1.missingWithIcon = missingWithIcon;
 var primary = function primary() {
   return pv('primary', defaults$1.PRIMARY);
 };
-color.primary = primary;
+color$1.primary = primary;
 var primaryLight = function primaryLight() {
   return pv('primary-light', defaults$1.PRIMARY_LIGHT);
 };
-color.primaryLight = primaryLight;
+color$1.primaryLight = primaryLight;
 var primaryDark = function primaryDark() {
   return pv('primary-dark', defaults$1.PRIMARY_DARK);
 };
-color.primaryDark = primaryDark;
+color$1.primaryDark = primaryDark;
 var primaryText = function primaryText() {
   return pv('primary-text', 'text', defaults$1.TEXT);
 };
-color.primaryText = primaryText;
+color$1.primaryText = primaryText;
 var secondary = function secondary() {
   return pv('secondary', defaults$1.SECONDARY);
 };
-color.secondary = secondary;
+color$1.secondary = secondary;
 var secondaryLight = function secondaryLight() {
   return pv('secondary-light', defaults$1.SECONDARY_LIGHT);
 };
-color.secondaryLight = secondaryLight;
+color$1.secondaryLight = secondaryLight;
 var secondaryDark = function secondaryDark() {
   return pv('secondary-dark', defaults$1.SECONDARY_DARK);
 };
-color.secondaryDark = secondaryDark;
+color$1.secondaryDark = secondaryDark;
 var secondaryText = function secondaryText() {
   return pv('secondary-text', 'text', defaults$1.TEXT);
 };
-color.secondaryText = secondaryText;
+color$1.secondaryText = secondaryText;
 var background = function background() {
   return pv('background', defaults$1.BACKGROUND);
 };
-color.background = background;
+color$1.background = background;
 var backgroundDark = function backgroundDark() {
   return pv('background-dark', defaults$1.BACKGROUND_DARK);
 };
-color.backgroundDark = backgroundDark;
+color$1.backgroundDark = backgroundDark;
 var secondaryBackground = function secondaryBackground() {
   return pv('secondary-background', defaults$1.SECONDARY_BACKGROUND);
 };
-color.secondaryBackground = secondaryBackground;
+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);
 };
-color.border = border;
+color$1.border = border;
 var borderLight = function borderLight() {
   return pv('border-light', defaults$1.BORDER_LIGHT);
 };
-color.borderLight = borderLight;
+color$1.borderLight = borderLight;
 var borderDark = function borderDark() {
   return pv('border-dark', defaults$1.BORDER_DARK);
 };
-color.borderDark = borderDark;
+color$1.borderDark = borderDark;
 var black = function black() {
   return pv('black', defaults$1.BLACK);
 };
-color.black = black;
+color$1.black = black;
 var white = function white() {
   return pv('white', defaults$1.WHITE);
 };
-color.white = white;
+color$1.white = white;
 var transparent = function transparent() {
   return defaults$1.TRANSPARENT;
 };
-color.transparent = transparent;
+color$1.transparent = transparent;
 const require$$9$9 = _dll_react;
 const require$$11$9 = _dll_classnames;
 const require$$12$5 = _dll_prop_types;
@@ -42501,7 +42462,7 @@ const require$$12$5 = _dll_prop_types;
   var _reactTransitionGroup = reactTransitionGroup;
   var _classnames = _interopRequireDefault(require$$11$9);
   var _propTypes = _interopRequireDefault(require$$12$5);
-  var color$1 = _interopRequireWildcard(color);
+  var color = _interopRequireWildcard(color$1);
   function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -42577,7 +42538,7 @@ const require$$12$5 = _dll_prop_types;
     },
     content: {
       '-webkit-font-smoothing': 'antialiased',
-      backgroundColor: ("var(--feedback-bg-color, ").concat(color$1.disabled(), ")"),
+      backgroundColor: ("var(--feedback-bg-color, ").concat(color.disabled(), ")"),
       borderRadius: '4px',
       fontFamily: '"Roboto", "Noto", sans-serif',
       fontSize: '12px',
@@ -42588,10 +42549,10 @@ const require$$12$5 = _dll_prop_types;
       color: 'var(--feedback-color, white)'
     },
     correct: {
-      backgroundColor: ("var(--feedback-correct-bg-color, ").concat(color$1.correct(), ")")
+      backgroundColor: ("var(--feedback-correct-bg-color, ").concat(color.correct(), ")")
     },
     incorrect: {
-      backgroundColor: ("var(--feedback-incorrect-bg-color, ").concat(color$1.incorrect(), ")")
+      backgroundColor: ("var(--feedback-incorrect-bg-color, ").concat(color.incorrect(), ")")
     },
     feedbackEnter: {
       height: '1px'
@@ -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);
@@ -60509,7 +60470,7 @@ const require$$11$4 = _dll_prop_types;
   var _react = _interopRequireWildcard(require$$9$3);
   var _styles = styles$E;
   var _propTypes = _interopRequireDefault(require$$11$4);
-  var color$1 = _interopRequireWildcard(color);
+  var color = _interopRequireWildcard(color$1);
   function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -60740,7 +60701,7 @@ const require$$11$4 = _dll_prop_types;
     return {
       prompt: {
         verticalAlign: 'middle',
-        color: color$1.text()
+        color: color.text()
       },
       legend: {
         width: '100%',
@@ -60751,7 +60712,7 @@ const require$$11$4 = _dll_prop_types;
         paddingBottom: theme.spacing.unit
       },
       label: {
-        color: ("").concat(color$1.text(), " !important"),
+        color: ("").concat(color.text(), " !important"),
         display: 'inline-block',
         verticalAlign: 'middle',
         cursor: 'pointer',
@@ -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, {
@@ -60939,8 +60900,8 @@ hasText$1.hasText = hasText;
   var _previewPrompt = _interopRequireDefault(previewPrompt);
   var _readable = _interopRequireDefault(readable);
   var _purpose = _interopRequireDefault(purpose);
-  var color$1 = _interopRequireWildcard(color);
-  exports.color = color$1;
+  var color = _interopRequireWildcard(color$1);
+  exports.color = color;
   var _hasText = hasText$1;
   function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -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);
@@ -63372,6 +63414,7 @@ const React$2 = _dll_react;
 const PropTypes$1 = _dll_prop_types;
 const {InputContainer: InputContainer$1} = _dll_pie_lib__pie_toolbox_config_ui;
 const {MathToolbar: MathToolbar} = _dll_pie_lib__pie_toolbox_math_toolbar;
+const {color: color} = _dll_pie_lib__pie_toolbox_render_ui;
 const _jsxFileName$1 = "/home/circleci/repo/packages/math-templated/configure/src/response.jsx";
 class Response extends React$2.Component {
   static __initStatic() {
@@ -63565,21 +63608,21 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 190
+        lineNumber: 191
       }
     }, React$2.createElement(CardContent, {
       className: classes.cardContent,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 191
+        lineNumber: 192
       }
     }, React$2.createElement('div', {
       className: classes.titleBar,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 192
+        lineNumber: 193
       }
     }, React$2.createElement(Typography, {
       className: classes.title,
@@ -63587,14 +63630,14 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 193
+        lineNumber: 194
       }
     }, "Response for ", React$2.createElement('div', {
       className: classes.responseBox,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 194
+        lineNumber: 195
       }
     }, keyToDisplay)), React$2.createElement(InputContainer$1, {
       label: "Validation",
@@ -63602,7 +63645,7 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 197
+        lineNumber: 198
       }
     }, React$2.createElement(Select, {
       className: classes.select,
@@ -63611,73 +63654,75 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 198
+        lineNumber: 199
       }
     }, React$2.createElement(MenuItem, {
       value: "literal",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 199
+        lineNumber: 200
       }
     }, "Literal Validation"), React$2.createElement(MenuItem, {
       value: "symbolic",
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 200
+        lineNumber: 201
       }
     }, "Symbolic Validation")))), validation === 'literal' && React$2.createElement('div', {
       className: classes.flexContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 206
+        lineNumber: 207
       }
     }, cAllowTrailingZeros.enabled && React$2.createElement(FormControlLabel, {
       label: cAllowTrailingZeros.label,
       control: React$2.createElement(Checkbox, {
+        className: classes.customColor,
         checked: allowTrailingZeros,
         onChange: this.onLiteralOptionsChange('allowTrailingZeros'),
         __self: this,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 211
+          lineNumber: 212
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 208
+        lineNumber: 209
       }
     }), cIgnoreOrder.enabled && React$2.createElement(FormControlLabel, {
       label: cIgnoreOrder.label,
       control: React$2.createElement(Checkbox, {
+        className: classes.customColor,
         checked: ignoreOrder,
         onChange: this.onLiteralOptionsChange('ignoreOrder'),
         __self: this,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 222
+          lineNumber: 225
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 220
+        lineNumber: 222
       }
     })), React$2.createElement('div', {
       className: classes.inputContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 228
+        lineNumber: 234
       }
     }, React$2.createElement(InputLabel, {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 229
+        lineNumber: 235
       }
     }, "Correct Answer"), React$2.createElement(MathToolbar, {
       keypadMode: mode,
@@ -63692,14 +63737,14 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 230
+        lineNumber: 236
       }
     }), error && error.answer ? React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 241
+        lineNumber: 247
       }
     }, error.answer) : null), hasAlternates && Object.keys(alternates).map((alternateId, altIdx) => React$2.createElement('div', {
       className: classes.inputContainer,
@@ -63707,20 +63752,20 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 246
+        lineNumber: 252
       }
     }, React$2.createElement(InputLabel, {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 247
+        lineNumber: 253
       }
     }, "Alternate", Object.keys(alternates).length > 1 ? ` ${altIdx + 1}` : ''), React$2.createElement('div', {
       className: classes.alternateBar,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 251
+        lineNumber: 257
       }
     }, React$2.createElement(MathToolbar, {
       classNames: classNames,
@@ -63735,7 +63780,7 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 252
+        lineNumber: 258
       }
     }), React$2.createElement(IconButton, {
       className: classes.removeAlternateButton,
@@ -63743,20 +63788,20 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 263
+        lineNumber: 269
       }
     }, React$2.createElement(default_1, {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 267
+        lineNumber: 273
       }
     }))), error && error[alternateId] ? React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 270
+        lineNumber: 276
       }
     }, error[alternateId]) : null)), React$2.createElement(Button, {
       className: classes.alternateButton,
@@ -63765,7 +63810,7 @@ class Response extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 274
+        lineNumber: 280
       }
     }, "ADD ALTERNATE")));
   }
@@ -63837,6 +63882,9 @@ const styles = theme => ({
     display: 'flex',
     justifyContent: 'space-between',
     alignItems: 'center'
+  },
+  customColor: {
+    color: `${color.tertiary()} !important`
   }
 });
 var Response$1 = styles$E.withStyles(styles)(Response);