@pie-element/math-templated 3.3.1-next.7 → 3.3.1

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.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";
+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.1/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.1/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -5482,8 +5482,8 @@ var Tooltip$2 = {};
 var RootRef$2 = {};
 var RootRef$1 = {};
 var reactHelpers = {};
-const require$$1$13 = _dll_react;
-const require$$2$D = _dll_classnames;
+const require$$1$12 = _dll_react;
+const require$$2$E = _dll_classnames;
 var _interopRequireDefault$3B = interopRequireDefault.exports;
 Object.defineProperty(reactHelpers, "__esModule", {
   value: true
@@ -5492,8 +5492,8 @@ reactHelpers.cloneElementWithClassName = cloneElementWithClassName;
 reactHelpers.cloneChildrenWithClassName = cloneChildrenWithClassName;
 reactHelpers.isMuiElement = isMuiElement;
 reactHelpers.setRef = setRef$1;
-var _react$2M = _interopRequireDefault$3B(require$$1$13);
-var _classnames$1v = _interopRequireDefault$3B(require$$2$D);
+var _react$2M = _interopRequireDefault$3B(require$$1$12);
+var _classnames$1v = _interopRequireDefault$3B(require$$2$E);
 function cloneElementWithClassName(child, className) {
   return _react$2M.default.cloneElement(child, {
     className: (0, _classnames$1v.default)(child.props.className, className)
@@ -5737,7 +5737,7 @@ var reactLifecyclesCompat_es = Object.freeze({
   __proto__: null,
   polyfill: polyfill
 });
-var require$$2$C = getAugmentedNamespace(reactLifecyclesCompat_es);
+var require$$2$D = getAugmentedNamespace(reactLifecyclesCompat_es);
 var PropTypes$5 = {};
 const require$$0$9 = _dll_prop_types;
 PropTypes$5.__esModule = true;
@@ -5768,14 +5768,14 @@ var classNamesShape = _propTypes$20.default.oneOfType([_propTypes$20.default.str
 })]);
 PropTypes$5.classNamesShape = classNamesShape;
 const require$$0$8 = _dll_prop_types;
-const require$$1$12 = _dll_react;
-const require$$2$B = _dll_react_dom;
+const require$$1$11 = _dll_react;
+const require$$2$C = _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$4 = _interopRequireWildcard$7(require$$0$8);
-var _react$2K = _interopRequireDefault$3x(require$$1$12);
-var _reactDom$e = _interopRequireDefault$3x(require$$2$B);
-var _reactLifecyclesCompat = require$$2$C;
+var _react$2K = _interopRequireDefault$3x(require$$1$11);
+var _reactDom$e = _interopRequireDefault$3x(require$$2$C);
+var _reactLifecyclesCompat = require$$2$D;
 var _PropTypes = PropTypes$5;
 function _interopRequireDefault$3x(obj) {
   return obj && obj.__esModule ? obj : {
@@ -21323,7 +21323,7 @@ var slateHtmlSerializer_es = Object.freeze({
   __proto__: null,
   'default': Html
 });
-var require$$2$A = getAugmentedNamespace(slateHtmlSerializer_es);
+var require$$2$B = getAugmentedNamespace(slateHtmlSerializer_es);
 var prefixProperties$1 = {
   'border-radius': 1,
   'border-top-left-radius': 1,
@@ -21608,7 +21608,7 @@ Object.defineProperty(serialization$1, "__esModule", {
 });
 serialization$1.reactAttributes = serialization$1.parseStyleString = serialization$1.deserialize = serialization$1.MARK_TAGS = void 0;
 var _defineProperty2$1f = _interopRequireDefault$3s(defineProperty$5.exports);
-var _slateHtmlSerializer$1 = _interopRequireDefault$3s(require$$2$A);
+var _slateHtmlSerializer$1 = _interopRequireDefault$3s(require$$2$B);
 var _toStyle$1 = toStyle;
 var _debug$4 = _interopRequireDefault$3s(require$$4$1l);
 function ownKeys$b(object, enumerableOnly) {
@@ -43304,7 +43304,7 @@ var esm$3 = Object.freeze({
   useDragLayer: useDragLayer,
   useDragDropManager: useDragDropManager
 });
-var require$$2$z = getAugmentedNamespace(esm$3);
+var require$$2$A = getAugmentedNamespace(esm$3);
 var placeholder = {};
 var renderUi$1 = {};
 var responseIndicators = {};
@@ -43313,16 +43313,16 @@ var correctIcon = {};
 var iconBase = {};
 var iconRoot = {};
 var sized = {};
-const require$$1$11 = _dll_react;
-const require$$2$y = _dll_prop_types;
+const require$$1$10 = _dll_react;
+const require$$2$z = _dll_prop_types;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports.normalizeSize = exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$11);
-  var _propTypes = _interopRequireDefault(require$$2$y);
+  var _react = _interopRequireDefault(require$$1$10);
+  var _propTypes = _interopRequireDefault(require$$2$z);
   var normalizeSize = function normalizeSize(size) {
     return typeof size === 'string' ? size : typeof size === 'number' ? ("").concat(size, "px") : '30px';
   };
@@ -43348,15 +43348,15 @@ const require$$2$y = _dll_prop_types;
   exports["default"] = _default;
 })(sized);
 getDefaultExportFromCjs(sized);
-const require$$1$10 = _dll_react;
-const require$$2$x = _dll_prop_types;
+const require$$1$$ = _dll_react;
+const require$$2$y = _dll_prop_types;
 var _interopRequireDefault$3p = 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$2E = _interopRequireDefault$3p(require$$1$10);
-var _propTypes$1W = _interopRequireDefault$3p(require$$2$x);
+var _react$2E = _interopRequireDefault$3p(require$$1$$);
+var _propTypes$1W = _interopRequireDefault$3p(require$$2$y);
 var _sized = _interopRequireDefault$3p(sized);
 var normalizeSize = function normalizeSize(size) {
   return typeof size === 'string' ? size : typeof size === 'number' ? ("").concat(size, "px") : '30px';
@@ -43665,8 +43665,8 @@ const require$$9$S = _dll_react;
   exports["default"] = _default;
 })(iconBase);
 getDefaultExportFromCjs(iconBase);
-const require$$2$w = _dll_prop_types;
-const require$$3$N = _dll_react;
+const require$$2$x = _dll_prop_types;
+const require$$3$M = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -43674,8 +43674,8 @@ const require$$3$N = _dll_react;
   });
   exports["default"] = exports.Correct = void 0;
   var _iconBase = _interopRequireDefault(iconBase);
-  var _propTypes = _interopRequireDefault(require$$2$w);
-  var _react = _interopRequireDefault(require$$3$N);
+  var _propTypes = _interopRequireDefault(require$$2$x);
+  var _react = _interopRequireDefault(require$$3$M);
   var _iconRoot = iconRoot;
   var _styles = styles$1I;
   var styles = (0, _iconRoot.getStyles)('correct', '#f8ffe2', '#4aaf46');
@@ -43742,18 +43742,18 @@ const require$$3$N = _dll_react;
 })(correctIcon);
 getDefaultExportFromCjs(correctIcon);
 var correctResponseIcon = {};
-const require$$1$$ = _dll_prop_types;
-const require$$2$v = _dll_react;
-const require$$3$M = _dll_classnames;
+const require$$1$_ = _dll_prop_types;
+const require$$2$w = _dll_react;
+const require$$3$L = _dll_classnames;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$$);
-  var _react = _interopRequireDefault(require$$2$v);
-  var _classnames = _interopRequireDefault(require$$3$M);
+  var _propTypes = _interopRequireDefault(require$$1$_);
+  var _react = _interopRequireDefault(require$$2$w);
+  var _classnames = _interopRequireDefault(require$$3$L);
   var _styles = styles$1I;
   var OpenIcon = function OpenIcon(_ref) {
     var bg = _ref.bg, fg = _ref.fg;
@@ -43881,8 +43881,8 @@ const require$$3$M = _dll_classnames;
 })(correctResponseIcon);
 getDefaultExportFromCjs(correctResponseIcon);
 var incorrectIcon = {};
-const require$$2$u = _dll_prop_types;
-const require$$3$L = _dll_react;
+const require$$2$v = _dll_prop_types;
+const require$$3$K = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -43890,8 +43890,8 @@ const require$$3$L = _dll_react;
   });
   exports["default"] = exports.Incorrect = void 0;
   var _iconBase = _interopRequireDefault(iconBase);
-  var _propTypes = _interopRequireDefault(require$$2$u);
-  var _react = _interopRequireDefault(require$$3$L);
+  var _propTypes = _interopRequireDefault(require$$2$v);
+  var _react = _interopRequireDefault(require$$3$K);
   var _iconRoot = iconRoot;
   var _styles = styles$1I;
   var Ex = function Ex(_ref) {
@@ -44524,8 +44524,8 @@ const require$$9$R = _dll_react;
 })(nothingSubmittedIcon);
 getDefaultExportFromCjs(nothingSubmittedIcon);
 var partiallyCorrectIcon = {};
-const require$$2$t = _dll_prop_types;
-const require$$3$K = _dll_react;
+const require$$2$u = _dll_prop_types;
+const require$$3$J = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -44533,8 +44533,8 @@ const require$$3$K = _dll_react;
   });
   exports["default"] = exports.PartiallyCorrect = void 0;
   var _iconBase = _interopRequireDefault(iconBase);
-  var _propTypes = _interopRequireDefault(require$$2$t);
-  var _react = _interopRequireDefault(require$$3$K);
+  var _propTypes = _interopRequireDefault(require$$2$u);
+  var _react = _interopRequireDefault(require$$3$J);
   var _iconRoot = iconRoot;
   var _styles = styles$1I;
   var styles = (0, _iconRoot.getStyles)('partially-correct', '#4aaf46', '#c1e1ac');
@@ -51461,10 +51461,10 @@ getDefaultExportFromCjs(scheduler_development);
 {
   scheduler.exports = scheduler_development;
 }
-const require$$1$_ = _dll_react;
+const require$$1$Z = _dll_react;
 (function (module) {
   module.exports = function $$$reconciler($$$hostConfig) {
-    var aa = objectAssign, ba = require$$1$_, n = scheduler.exports;
+    var aa = objectAssign, ba = require$$1$Z, n = scheduler.exports;
     function p(b) {
       for (var a = b.message, c = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, d = 1; d < arguments.length; d++) c += "&args[]=" + encodeURIComponent(arguments[d]);
       b.message = "Minified React error #" + a + "; visit " + c + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ";
@@ -55108,14 +55108,14 @@ getDefaultExportFromCjs(schedulerTracing_development);
 {
   tracing.exports = schedulerTracing_development;
 }
-const require$$1$Z = _dll_react;
-const {checkPropTypes: require$$2$s} = _dll_prop_types;
+const require$$1$Y = _dll_react;
+const {checkPropTypes: require$$2$t} = _dll_prop_types;
 (function (module) {
   {
     module.exports = function $$$reconciler($$$hostConfig) {
       var _assign = objectAssign;
-      var React = require$$1$Z;
-      var checkPropTypes = require$$2$s;
+      var React = require$$1$Y;
+      var checkPropTypes = require$$2$t;
       var Scheduler = scheduler.exports;
       var tracing$1 = tracing.exports;
       function ReactError(error) {
@@ -71523,7 +71523,7 @@ Fade$1.default = _default$2S;
 })(Fade$2);
 var index$1G = getDefaultExportFromCjs(Fade$2);
 const require$$4$1k = _dll_react;
-const require$$5$1c = _dll_prop_types;
+const require$$5$1d = _dll_prop_types;
 const require$$6$R = _dll_classnames;
 var _interopRequireDefault$3h = interopRequireDefault.exports;
 Object.defineProperty(Backdrop$1, "__esModule", {
@@ -71534,7 +71534,7 @@ var _extends2$1G = _interopRequireDefault$3h(_extends$d.exports);
 var _defineProperty2$1c = _interopRequireDefault$3h(defineProperty$5.exports);
 var _objectWithoutProperties2$1G = _interopRequireDefault$3h(objectWithoutProperties.exports);
 var _react$2C = _interopRequireDefault$3h(require$$4$1k);
-var _propTypes$1U = _interopRequireDefault$3h(require$$5$1c);
+var _propTypes$1U = _interopRequireDefault$3h(require$$5$1d);
 var _classnames$1t = _interopRequireDefault$3h(require$$6$R);
 var _withStyles$1u = _interopRequireDefault$3h(withStyles);
 var _Fade$1 = _interopRequireDefault$3h(Fade$2);
@@ -71940,7 +71940,7 @@ var index$1E = getDefaultExportFromCjs(Modal$2);
 var Paper$2 = {};
 var Paper$1 = {};
 const require$$4$1j = _dll_react;
-const require$$5$1b = _dll_prop_types;
+const require$$5$1c = _dll_prop_types;
 const require$$6$Q = _dll_classnames;
 var _interopRequireDefault$3f = interopRequireDefault.exports;
 Object.defineProperty(Paper$1, "__esModule", {
@@ -71951,7 +71951,7 @@ var _defineProperty2$1a = _interopRequireDefault$3f(defineProperty$5.exports);
 var _objectWithoutProperties2$1E = _interopRequireDefault$3f(objectWithoutProperties.exports);
 var _extends2$1E = _interopRequireDefault$3f(_extends$d.exports);
 var _react$2A = _interopRequireDefault$3f(require$$4$1j);
-var _propTypes$1S = _interopRequireDefault$3f(require$$5$1b);
+var _propTypes$1S = _interopRequireDefault$3f(require$$5$1c);
 var _classnames$1r = _interopRequireDefault$3f(require$$6$Q);
 var _warning$i = _interopRequireDefault$3f(warning_1);
 var _utils$1B = require$$7$o;
@@ -72394,14 +72394,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$4 = _dll_prop_types;
-const require$$3$J = _dll_react;
+const require$$3$I = _dll_react;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var PropTypes = _interopRequireWildcard(require$$0$4);
   var _addClass = _interopRequireDefault(addClass.exports);
   var _removeClass = _interopRequireDefault(removeClass);
-  var _react = _interopRequireDefault(require$$3$J);
+  var _react = _interopRequireDefault(require$$3$I);
   var _Transition = _interopRequireDefault(Transition$1);
   var _PropTypes = PropTypes$5;
   function _interopRequireDefault(obj) {
@@ -72682,13 +72682,13 @@ function getNextChildMapping(nextProps, prevChildMapping, onExited) {
   return children;
 }
 const require$$0$2 = _dll_prop_types;
-const require$$1$Y = _dll_react;
+const require$$1$X = _dll_react;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0$2);
-  var _react = _interopRequireDefault(require$$1$Y);
-  var _reactLifecyclesCompat = require$$2$C;
+  var _react = _interopRequireDefault(require$$1$X);
+  var _reactLifecyclesCompat = require$$2$D;
   var _ChildMapping = ChildMapping;
   function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -72824,14 +72824,14 @@ const require$$1$Y = _dll_react;
 })(TransitionGroup, TransitionGroup.exports);
 getDefaultExportFromCjs(TransitionGroup.exports);
 const require$$0$1 = _dll_prop_types;
-const require$$1$X = _dll_react;
-const require$$2$r = _dll_react_dom;
+const require$$1$W = _dll_react;
+const require$$2$s = _dll_react_dom;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0$1);
-  var _react = _interopRequireDefault(require$$1$X);
-  var _reactDom = require$$2$r;
+  var _react = _interopRequireDefault(require$$1$W);
+  var _reactDom = require$$2$s;
   var _TransitionGroup = _interopRequireDefault(TransitionGroup.exports);
   function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -73281,7 +73281,6 @@ const require$$12$i = _dll_prop_types;
       backgroundColor: ("var(--feedback-bg-color, ").concat(color.disabled(), ")"),
       borderRadius: '4px',
       fontFamily: '"Roboto", "Noto", sans-serif',
-      fontSize: '12px',
       lineHeight: '25px',
       margin: '0px',
       padding: '10px',
@@ -74793,7 +74792,7 @@ ButtonBase$1.default = _default$2G;
 })(ButtonBase$2);
 var index$1z = getDefaultExportFromCjs(ButtonBase$2);
 const require$$4$1i = _dll_react;
-const require$$5$1a = _dll_prop_types;
+const require$$5$1b = _dll_prop_types;
 const require$$6$O = _dll_classnames;
 var _interopRequireDefault$34 = interopRequireDefault.exports;
 Object.defineProperty(Button$2, "__esModule", {
@@ -74804,7 +74803,7 @@ var _defineProperty2$15 = _interopRequireDefault$34(defineProperty$5.exports);
 var _objectWithoutProperties2$1y = _interopRequireDefault$34(objectWithoutProperties.exports);
 var _extends2$1y = _interopRequireDefault$34(_extends$d.exports);
 var _react$2r = _interopRequireDefault$34(require$$4$1i);
-var _propTypes$1K = _interopRequireDefault$34(require$$5$1a);
+var _propTypes$1K = _interopRequireDefault$34(require$$5$1b);
 var _classnames$1m = _interopRequireDefault$34(require$$6$O);
 var _utils$1w = require$$7$o;
 var _withStyles$1n = _interopRequireDefault$34(withStyles);
@@ -75129,12 +75128,12 @@ var wrapDisplayName = function wrapDisplayName(BaseComponent, hocName) {
 };
 var _default$2B = wrapDisplayName;
 wrapDisplayName$1.default = _default$2B;
-const require$$2$q = _dll_react;
+const require$$2$r = _dll_react;
 var _interopRequireDefault$31 = interopRequireDefault.exports;
 shouldUpdate$1.__esModule = true;
 shouldUpdate$1.default = void 0;
 var _inheritsLoose2 = _interopRequireDefault$31(inheritsLoose.exports);
-var _react$2q = require$$2$q;
+var _react$2q = require$$2$r;
 var _setDisplayName$1 = _interopRequireDefault$31(setDisplayName$1);
 var _wrapDisplayName$1 = _interopRequireDefault$31(wrapDisplayName$1);
 var shouldUpdate = function shouldUpdate(test) {
@@ -75216,7 +75215,7 @@ pure$1.default = _default$2y;
 var SvgIcon$3 = {};
 var SvgIcon$2 = {};
 const require$$4$1h = _dll_react;
-const require$$5$19 = _dll_prop_types;
+const require$$5$1a = _dll_prop_types;
 const require$$6$N = _dll_classnames;
 var _interopRequireDefault$2_ = interopRequireDefault.exports;
 Object.defineProperty(SvgIcon$2, "__esModule", {
@@ -75227,7 +75226,7 @@ var _extends2$1x = _interopRequireDefault$2_(_extends$d.exports);
 var _defineProperty2$14 = _interopRequireDefault$2_(defineProperty$5.exports);
 var _objectWithoutProperties2$1x = _interopRequireDefault$2_(objectWithoutProperties.exports);
 var _react$2p = _interopRequireDefault$2_(require$$4$1h);
-var _propTypes$1J = _interopRequireDefault$2_(require$$5$19);
+var _propTypes$1J = _interopRequireDefault$2_(require$$5$1a);
 var _classnames$1l = _interopRequireDefault$2_(require$$6$N);
 var _utils$1v = require$$7$o;
 var _withStyles$1m = _interopRequireDefault$2_(withStyles);
@@ -75322,13 +75321,13 @@ SvgIcon$2.default = _default$2x;
   var _SvgIcon = _interopRequireDefault(SvgIcon$2);
 })(SvgIcon$3);
 var index$1x = getDefaultExportFromCjs(SvgIcon$3);
-const require$$1$W = _dll_react;
+const require$$1$V = _dll_react;
 var _interopRequireDefault$2Z = interopRequireDefault.exports;
 Object.defineProperty(createSvgIcon$1, "__esModule", {
   value: true
 });
 createSvgIcon$1.default = void 0;
-var _react$2o = _interopRequireDefault$2Z(require$$1$W);
+var _react$2o = _interopRequireDefault$2Z(require$$1$V);
 var _pure$c = _interopRequireDefault$2Z(pure$1);
 var _SvgIcon$d = _interopRequireDefault$2Z(SvgIcon$3);
 function createSvgIcon(path, displayName) {
@@ -75342,13 +75341,13 @@ function createSvgIcon(path, displayName) {
 }
 var _default$2w = createSvgIcon;
 createSvgIcon$1.default = _default$2w;
-const require$$1$V = _dll_react;
+const require$$1$U = _dll_react;
 var _interopRequireDefault$2Y = interopRequireDefault.exports;
 Object.defineProperty(Restore, "__esModule", {
   value: true
 });
 Restore.default = void 0;
-var _react$2n = _interopRequireDefault$2Y(require$$1$V);
+var _react$2n = _interopRequireDefault$2Y(require$$1$U);
 var _createSvgIcon$l = _interopRequireDefault$2Y(createSvgIcon$1);
 var _default$2v = (0, _createSvgIcon$l.default)(_react$2n.default.createElement(_react$2n.default.Fragment, null, _react$2n.default.createElement("path", {
   fill: "none",
@@ -75358,13 +75357,13 @@ var _default$2v = (0, _createSvgIcon$l.default)(_react$2n.default.createElement(
 })), 'Restore');
 Restore.default = _default$2v;
 var Undo = {};
-const require$$1$U = _dll_react;
+const require$$1$T = _dll_react;
 var _interopRequireDefault$2X = interopRequireDefault.exports;
 Object.defineProperty(Undo, "__esModule", {
   value: true
 });
 Undo.default = void 0;
-var _react$2m = _interopRequireDefault$2X(require$$1$U);
+var _react$2m = _interopRequireDefault$2X(require$$1$T);
 var _createSvgIcon$k = _interopRequireDefault$2X(createSvgIcon$1);
 var _default$2u = (0, _createSvgIcon$k.default)(_react$2m.default.createElement(_react$2m.default.Fragment, null, _react$2m.default.createElement("path", {
   fill: "none",
@@ -75691,7 +75690,7 @@ const {omit: require$$13$8} = _dll_lodash;
   var _classnames = _interopRequireDefault(require$$12$d);
   var _omit = _interopRequireDefault(require$$13$8);
   var _appendCssRules = _interopRequireDefault(appendCssRules);
-  var _excluded = ["children", "className", "classes"];
+  var _excluded = ["children", "className", "classes", "fontSizeFactor"];
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
     return function _createSuperInternal() {
@@ -75727,14 +75726,24 @@ const {omit: require$$13$8} = _dll_lodash;
       return _this;
     }
     (0, _createClass2["default"])(UiLayout, [{
+      key: "computeStyle",
+      value: function computeStyle(fontSizeFactor) {
+        var rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
+        return {
+          fontSize: ("").concat(rootFontSize * fontSizeFactor, "px")
+        };
+      }
+    }, {
       key: "render",
       value: function render() {
-        var _this$props = this.props, children = _this$props.children, className = _this$props.className, classes = _this$props.classes, rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+        var _this$props = this.props, children = _this$props.children, className = _this$props.className, classes = _this$props.classes, fontSizeFactor = _this$props.fontSizeFactor, rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
         var finalClass = (0, _classnames["default"])(className, classes.extraCSSRules);
         var restProps = (0, _omit["default"])(rest, 'extraCSSRules');
         return _react["default"].createElement("div", (0, _extends2["default"])({
           className: finalClass
-        }, restProps), children);
+        }, restProps, {
+          style: this.computeStyle(fontSizeFactor)
+        }), children);
       }
     }]);
     return UiLayout;
@@ -75746,10 +75755,12 @@ const {omit: require$$13$8} = _dll_lodash;
     extraCSSRules: _propTypes["default"].shape({
       names: _propTypes["default"].arrayOf(_propTypes["default"].string),
       rules: _propTypes["default"].string
-    })
+    }),
+    fontSizeFactor: _propTypes["default"].number
   });
   (0, _defineProperty2["default"])(UiLayout, "defaultProps", {
-    extraCSSRules: {}
+    extraCSSRules: {},
+    fontSizeFactor: 1
   });
   var styles = {
     extraCSSRules: {}
@@ -75812,7 +75823,7 @@ const require$$10$A = _dll_prop_types;
     (0, _createClass2["default"])(PreviewLayout, [{
       key: "render",
       value: function render() {
-        var _this$props = this.props, children = _this$props.children, classes = _this$props.classes, ariaLabel = _this$props.ariaLabel, role = _this$props.role, extraCSSRules = _this$props.extraCSSRules;
+        var _this$props = this.props, children = _this$props.children, classes = _this$props.classes, ariaLabel = _this$props.ariaLabel, role = _this$props.role, extraCSSRules = _this$props.extraCSSRules, fontSizeFactor = _this$props.fontSizeFactor;
         var accessibility = ariaLabel ? {
           'aria-label': ariaLabel,
           role: role
@@ -75820,7 +75831,8 @@ const require$$10$A = _dll_prop_types;
         return _react["default"].createElement(_uiLayout["default"], (0, _extends2["default"])({
           className: classes.container
         }, accessibility, {
-          extraCSSRules: extraCSSRules
+          extraCSSRules: extraCSSRules,
+          fontSizeFactor: fontSizeFactor
         }), children);
       }
     }]);
@@ -75834,7 +75846,8 @@ const require$$10$A = _dll_prop_types;
     extraCSSRules: _propTypes["default"].shape({
       names: _propTypes["default"].arrayOf(_propTypes["default"].string),
       rules: _propTypes["default"].string
-    })
+    }),
+    fontSizeFactor: _propTypes["default"].number
   });
   var styles = function styles() {
     return {
@@ -76013,24 +76026,24 @@ function formControlState(_ref) {
 }
 var withFormControlContext$1 = {};
 var FormControlContext$1 = {};
-const require$$1$T = _dll_react;
+const require$$1$S = _dll_react;
 var _interopRequireDefault$2W = interopRequireDefault.exports;
 Object.defineProperty(FormControlContext$1, "__esModule", {
   value: true
 });
 FormControlContext$1.default = void 0;
-var _react$2l = _interopRequireDefault$2W(require$$1$T);
+var _react$2l = _interopRequireDefault$2W(require$$1$S);
 var FormControlContext = _react$2l.default.createContext();
 var _default$2t = FormControlContext;
 FormControlContext$1.default = _default$2t;
-const require$$2$p = _dll_react;
+const require$$2$q = _dll_react;
 var _interopRequireDefault$2V = interopRequireDefault.exports;
 Object.defineProperty(withFormControlContext$1, "__esModule", {
   value: true
 });
 withFormControlContext$1.default = withFormControlContext;
 var _extends2$1w = _interopRequireDefault$2V(_extends$d.exports);
-var _react$2k = _interopRequireDefault$2V(require$$2$p);
+var _react$2k = _interopRequireDefault$2V(require$$2$q);
 var _hoistNonReactStatics$1 = _interopRequireDefault$2V(hoistNonReactStatics_cjs);
 var _FormControlContext$2 = _interopRequireDefault$2V(FormControlContext$1);
 var _utils$1u = require$$7$o;
@@ -76051,7 +76064,7 @@ function withFormControlContext(Component) {
 var FormLabel$2 = {};
 var FormLabel$1 = {};
 const require$$4$1g = _dll_react;
-const require$$5$18 = _dll_prop_types;
+const require$$5$19 = _dll_prop_types;
 const require$$6$M = _dll_classnames;
 var _interopRequireDefault$2U = interopRequireDefault.exports;
 Object.defineProperty(FormLabel$1, "__esModule", {
@@ -76062,7 +76075,7 @@ var _extends2$1v = _interopRequireDefault$2U(_extends$d.exports);
 var _defineProperty2$13 = _interopRequireDefault$2U(defineProperty$5.exports);
 var _objectWithoutProperties2$1w = _interopRequireDefault$2U(objectWithoutProperties.exports);
 var _react$2j = _interopRequireDefault$2U(require$$4$1g);
-var _propTypes$1I = _interopRequireDefault$2U(require$$5$18);
+var _propTypes$1I = _interopRequireDefault$2U(require$$5$19);
 var _classnames$1k = _interopRequireDefault$2U(require$$6$M);
 var _utils$1t = require$$7$o;
 var _formControlState$5 = _interopRequireDefault$2U(formControlState$1);
@@ -76154,7 +76167,7 @@ FormLabel$1.default = _default$2s;
 })(FormLabel$2);
 var index$1w = getDefaultExportFromCjs(FormLabel$2);
 const require$$4$1f = _dll_react;
-const require$$5$17 = _dll_prop_types;
+const require$$5$18 = _dll_prop_types;
 const require$$6$L = _dll_classnames;
 var _interopRequireDefault$2T = interopRequireDefault.exports;
 Object.defineProperty(InputLabel$1, "__esModule", {
@@ -76165,7 +76178,7 @@ var _extends2$1u = _interopRequireDefault$2T(_extends$d.exports);
 var _defineProperty2$12 = _interopRequireDefault$2T(defineProperty$5.exports);
 var _objectWithoutProperties2$1v = _interopRequireDefault$2T(objectWithoutProperties.exports);
 var _react$2i = _interopRequireDefault$2T(require$$4$1f);
-var _propTypes$1H = _interopRequireDefault$2T(require$$5$17);
+var _propTypes$1H = _interopRequireDefault$2T(require$$5$18);
 var _classnames$1j = _interopRequireDefault$2T(require$$6$L);
 var _formControlState$4 = _interopRequireDefault$2T(formControlState$1);
 var _withFormControlContext$7 = _interopRequireDefault$2T(withFormControlContext$1);
@@ -76494,8 +76507,8 @@ FormControl$1.default = _default$2q;
   var _FormControl = _interopRequireDefault(FormControl$1);
 })(FormControl$2);
 var index$1u = getDefaultExportFromCjs(FormControl$2);
-const require$$2$o = _dll_prop_types;
-const require$$3$I = _dll_react;
+const require$$2$p = _dll_prop_types;
+const require$$3$H = _dll_react;
 const require$$4$1e = _dll_classnames;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -76504,8 +76517,8 @@ const require$$4$1e = _dll_classnames;
   });
   exports["default"] = void 0;
   var _InputLabel = _interopRequireDefault(InputLabel$2);
-  var _propTypes = _interopRequireDefault(require$$2$o);
-  var _react = _interopRequireDefault(require$$3$I);
+  var _propTypes = _interopRequireDefault(require$$2$p);
+  var _react = _interopRequireDefault(require$$3$H);
   var _classnames = _interopRequireDefault(require$$4$1e);
   var _styles = styles$1I;
   var _FormControl = _interopRequireDefault(FormControl$2);
@@ -76838,16 +76851,16 @@ const require$$11$r = _dll_prop_types;
 })(previewPrompt);
 getDefaultExportFromCjs(previewPrompt);
 var readable = {};
-const require$$1$S = _dll_prop_types;
-const require$$2$n = _dll_react;
+const require$$1$R = _dll_prop_types;
+const require$$2$o = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$S);
-  var _react = _interopRequireDefault(require$$2$n);
+  var _propTypes = _interopRequireDefault(require$$1$R);
+  var _react = _interopRequireDefault(require$$2$o);
   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, {
@@ -76864,16 +76877,16 @@ const require$$2$n = _dll_react;
 })(readable);
 getDefaultExportFromCjs(readable);
 var purpose = {};
-const require$$1$R = _dll_prop_types;
-const require$$2$m = _dll_react;
+const require$$1$Q = _dll_prop_types;
+const require$$2$n = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$R);
-  var _react = _interopRequireDefault(require$$2$m);
+  var _propTypes = _interopRequireDefault(require$$1$Q);
+  var _react = _interopRequireDefault(require$$2$n);
   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, {
@@ -77037,23 +77050,45 @@ hasText$2.hasText = hasText$1;
   }
 })(renderUi$1);
 getDefaultExportFromCjs(renderUi$1);
-const require$$1$Q = _dll_react;
-const require$$3$H = _dll_classnames;
-const require$$4$1d = _dll_prop_types;
+const require$$2$m = _dll_react;
+const require$$4$1d = _dll_classnames;
+const require$$5$17 = _dll_prop_types;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = exports.PlaceHolder = void 0;
-  var _react = _interopRequireDefault(require$$1$Q);
+  var _defineProperty2 = _interopRequireDefault(defineProperty$5.exports);
+  var _react = _interopRequireDefault(require$$2$m);
   var _styles = styles$1I;
-  var _classnames = _interopRequireDefault(require$$3$H);
-  var _propTypes = _interopRequireDefault(require$$4$1d);
+  var _classnames = _interopRequireDefault(require$$4$1d);
+  var _propTypes = _interopRequireDefault(require$$5$17);
   var _grey = _interopRequireDefault(grey$1);
   var _renderUi = renderUi$1;
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      (enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols));
+    }
+    return keys;
+  }
+  function _objectSpread(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        (0, _defineProperty2["default"])(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
   var PlaceHolder = function PlaceHolder(props) {
-    var children = props.children, classes = props.classes, className = props.className, isOver = props.isOver, type = props.type, grid = props.grid, disabled = props.disabled, choiceBoard = props.choiceBoard, isCategorize = props.isCategorize;
+    var children = props.children, classes = props.classes, className = props.className, isOver = props.isOver, type = props.type, grid = props.grid, disabled = props.disabled, choiceBoard = props.choiceBoard, isCategorize = props.isCategorize, isVerticalPool = props.isVerticalPool, minHeight = props.minHeight;
     var names = (0, _classnames["default"])(classes.placeholder, disabled && classes.disabled, isOver && classes.over, classes[type], className);
     var style = {};
     if (grid && grid.columns) {
@@ -77069,8 +77104,10 @@ const require$$4$1d = _dll_prop_types;
     }
     var boardStyle = isCategorize ? classes.categorizeBoard : classes.board;
     return _react["default"].createElement("div", {
-      style: style,
-      className: (0, _classnames["default"])(classes.noSelectStyles, choiceBoard ? boardStyle : names)
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        minHeight: minHeight
+      }),
+      className: (0, _classnames["default"])(classes.noSelectStyles, choiceBoard ? boardStyle : names, isVerticalPool && classes.verticalPool)
     }, children);
   };
   exports.PlaceHolder = PlaceHolder;
@@ -77088,7 +77125,9 @@ const require$$4$1d = _dll_prop_types;
     index: _propTypes["default"].number,
     type: _propTypes["default"].string,
     disabled: _propTypes["default"].bool,
-    isCategorize: _propTypes["default"].bool
+    isCategorize: _propTypes["default"].bool,
+    isVerticalPool: _propTypes["default"].bool,
+    minHeight: _propTypes["default"].number
   };
   var styles = function styles(theme) {
     return {
@@ -77141,6 +77180,10 @@ const require$$4$1d = _dll_prop_types;
         overflow: 'hidden',
         touchAction: 'none',
         backgroundColor: _renderUi.color.backgroundDark()
+      },
+      verticalPool: {
+        display: 'flex',
+        flexFlow: 'column wrap'
       }
     };
   };
@@ -77196,7 +77239,7 @@ const require$$10$y = _dll_classnames;
   var _styles = styles$1I;
   var _classnames = _interopRequireDefault(require$$10$y);
   var _grey = _interopRequireDefault(grey$1);
-  var _reactDnd = require$$2$z;
+  var _reactDnd = require$$2$A;
   var _uidContext = uidContext;
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -79728,7 +79771,7 @@ const require$$2$k = _dll_react;
   exports["default"] = void 0;
   var _react = _interopRequireDefault(require$$2$k);
   var _reactDndMultiBackend = _interopRequireWildcard(require$$3$G);
-  var _reactDnd = require$$2$z;
+  var _reactDnd = require$$2$A;
   var _reactDndTouchBackend = require$$5$16;
   var _reactDndHtml5Backend = require$$6$K;
   var _previewComponent = _interopRequireDefault(previewComponent);
@@ -79874,14 +79917,16 @@ var DroppablePlaceholder = (function (_React$Component) {
   (0, _createClass2$t["default"])(DroppablePlaceholder, [{
     key: "render",
     value: function render() {
-      var _this$props = this.props, children = _this$props.children, connectDropTarget = _this$props.connectDropTarget, isOver = _this$props.isOver, disabled = _this$props.disabled, classes = _this$props.classes;
+      var _this$props = this.props, children = _this$props.children, connectDropTarget = _this$props.connectDropTarget, isOver = _this$props.isOver, disabled = _this$props.disabled, classes = _this$props.classes, isVerticalPool = _this$props.isVerticalPool, minHeight = _this$props.minHeight;
       return connectDropTarget(_react$2f["default"].createElement("div", {
         style: preventInteractionStyle
       }, _react$2f["default"].createElement(_placeholder["default"], {
         disabled: disabled,
         isOver: isOver,
         choiceBoard: true,
-        className: classes
+        className: classes,
+        isVerticalPool: isVerticalPool,
+        minHeight: minHeight
       }, children)));
     }
   }]);
@@ -79893,7 +79938,9 @@ droppablePlaceholder.DroppablePlaceholder = DroppablePlaceholder;
   connectDropTarget: _propTypes$1F["default"].func.isRequired,
   isOver: _propTypes$1F["default"].bool,
   children: _propTypes$1F["default"].oneOfType([_propTypes$1F["default"].arrayOf(_propTypes$1F["default"].node), _propTypes$1F["default"].node]).isRequired,
-  disabled: _propTypes$1F["default"].bool
+  disabled: _propTypes$1F["default"].bool,
+  isVerticalPool: _propTypes$1F["default"].bool,
+  minHeight: _propTypes$1F["default"].number
 });
 var dragType = {};
 (function (exports) {
@@ -79917,7 +79964,7 @@ getDefaultExportFromCjs(dragType);
     value: true
   });
   exports.spec = exports["default"] = void 0;
-  var _reactDnd = require$$2$z;
+  var _reactDnd = require$$2$A;
   var _droppablePlaceholder = droppablePlaceholder;
   var _dragType = _interopRequireDefault(dragType);
   var spec = {
@@ -79949,7 +79996,7 @@ var dragInTheBlankDp = {};
     value: true
   });
   exports.spec = exports["default"] = void 0;
-  var _reactDnd = require$$2$z;
+  var _reactDnd = require$$2$A;
   var _droppablePlaceholder = droppablePlaceholder;
   var _dragType = _interopRequireDefault(dragType);
   var spec = {
@@ -79980,7 +80027,7 @@ var icaDp = {};
     value: true
   });
   exports.spec = exports["default"] = void 0;
-  var _reactDnd = require$$2$z;
+  var _reactDnd = require$$2$A;
   var _droppablePlaceholder = droppablePlaceholder;
   var _dragType = _interopRequireDefault(dragType);
   var spec = {
@@ -80066,7 +80113,7 @@ getDefaultExportFromCjs(icaDp);
       return _withDragContext["default"];
     }
   });
-  var _reactDnd = require$$2$z;
+  var _reactDnd = require$$2$A;
   var _placeholder = _interopRequireDefault(placeholder);
   var _choice = _interopRequireDefault(choice$1);
   var _withDragContext = _interopRequireDefault(withDragContext);
@@ -102293,7 +102340,7 @@ Object.defineProperty(serialization, "__esModule", {
 });
 serialization.valueToHtml = serialization.reduceMultipleBrs = serialization.reactAttributes = serialization.parseStyleString = serialization.htmlToValue = serialization.getBase64 = serialization.extraCSSRulesOpts = serialization.TEXT_RULE = serialization.INLINE_TAGS = void 0;
 var _defineProperty2$B = _interopRequireDefault$1k(defineProperty$5.exports);
-var _slateHtmlSerializer = _interopRequireDefault$1k(require$$2$A);
+var _slateHtmlSerializer = _interopRequireDefault$1k(require$$2$B);
 var _react$1j = _interopRequireDefault$1k(require$$3$o);
 var _debug$1 = _interopRequireDefault$1k(require$$4$N);
 var _toStyle = toStyle;