@pie-element/complex-rubric 3.3.1-next.9 → 3.3.2-next.0

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.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} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.2.1/module/index.js";
 import RubricConfigure from '@pie-element/rubric/configure/lib';
-import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.2.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} 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) {
@@ -10673,16 +10673,16 @@ var correctIcon = {};
 var iconBase = {};
 var iconRoot = {};
 var sized = {};
-const require$$1$1e = _dll_react;
-const require$$2$H = _dll_prop_types;
+const require$$1$1d = _dll_react;
+const require$$2$I = _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$1e);
-  var _propTypes = _interopRequireDefault(require$$2$H);
+  var _react = _interopRequireDefault(require$$1$1d);
+  var _propTypes = _interopRequireDefault(require$$2$I);
   var normalizeSize = function normalizeSize(size) {
     return typeof size === 'string' ? size : typeof size === 'number' ? ("").concat(size, "px") : '30px';
   };
@@ -10708,15 +10708,15 @@ const require$$2$H = _dll_prop_types;
   exports["default"] = _default;
 })(sized);
 getDefaultExportFromCjs(sized);
-const require$$1$1d = _dll_react;
-const require$$2$G = _dll_prop_types;
+const require$$1$1c = _dll_react;
+const require$$2$H = _dll_prop_types;
 var _interopRequireDefault$3L = 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$2W = _interopRequireDefault$3L(require$$1$1d);
-var _propTypes$22 = _interopRequireDefault$3L(require$$2$G);
+var _react$2W = _interopRequireDefault$3L(require$$1$1c);
+var _propTypes$22 = _interopRequireDefault$3L(require$$2$H);
 var _sized = _interopRequireDefault$3L(sized);
 var normalizeSize = function normalizeSize(size) {
   return typeof size === 'string' ? size : typeof size === 'number' ? ("").concat(size, "px") : '30px';
@@ -11025,8 +11025,8 @@ const require$$9$10 = _dll_react;
   exports["default"] = _default;
 })(iconBase);
 getDefaultExportFromCjs(iconBase);
-const require$$2$F = _dll_prop_types;
-const require$$3$T = _dll_react;
+const require$$2$G = _dll_prop_types;
+const require$$3$S = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -11034,8 +11034,8 @@ const require$$3$T = _dll_react;
   });
   exports["default"] = exports.Correct = void 0;
   var _iconBase = _interopRequireDefault(iconBase);
-  var _propTypes = _interopRequireDefault(require$$2$F);
-  var _react = _interopRequireDefault(require$$3$T);
+  var _propTypes = _interopRequireDefault(require$$2$G);
+  var _react = _interopRequireDefault(require$$3$S);
   var _iconRoot = iconRoot;
   var _styles = styles$1J;
   var styles = (0, _iconRoot.getStyles)('correct', '#f8ffe2', '#4aaf46');
@@ -11102,18 +11102,18 @@ const require$$3$T = _dll_react;
 })(correctIcon);
 getDefaultExportFromCjs(correctIcon);
 var correctResponseIcon = {};
-const require$$1$1c = _dll_prop_types;
-const require$$2$E = _dll_react;
-const require$$3$S = _dll_classnames;
+const require$$1$1b = _dll_prop_types;
+const require$$2$F = _dll_react;
+const require$$3$R = _dll_classnames;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$1c);
-  var _react = _interopRequireDefault(require$$2$E);
-  var _classnames = _interopRequireDefault(require$$3$S);
+  var _propTypes = _interopRequireDefault(require$$1$1b);
+  var _react = _interopRequireDefault(require$$2$F);
+  var _classnames = _interopRequireDefault(require$$3$R);
   var _styles = styles$1J;
   var OpenIcon = function OpenIcon(_ref) {
     var bg = _ref.bg, fg = _ref.fg;
@@ -11241,8 +11241,8 @@ const require$$3$S = _dll_classnames;
 })(correctResponseIcon);
 getDefaultExportFromCjs(correctResponseIcon);
 var incorrectIcon = {};
-const require$$2$D = _dll_prop_types;
-const require$$3$R = _dll_react;
+const require$$2$E = _dll_prop_types;
+const require$$3$Q = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -11250,8 +11250,8 @@ const require$$3$R = _dll_react;
   });
   exports["default"] = exports.Incorrect = void 0;
   var _iconBase = _interopRequireDefault(iconBase);
-  var _propTypes = _interopRequireDefault(require$$2$D);
-  var _react = _interopRequireDefault(require$$3$R);
+  var _propTypes = _interopRequireDefault(require$$2$E);
+  var _react = _interopRequireDefault(require$$3$Q);
   var _iconRoot = iconRoot;
   var _styles = styles$1J;
   var Ex = function Ex(_ref) {
@@ -11884,8 +11884,8 @@ const require$$9$$ = _dll_react;
 })(nothingSubmittedIcon);
 getDefaultExportFromCjs(nothingSubmittedIcon);
 var partiallyCorrectIcon = {};
-const require$$2$C = _dll_prop_types;
-const require$$3$Q = _dll_react;
+const require$$2$D = _dll_prop_types;
+const require$$3$P = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -11893,8 +11893,8 @@ const require$$3$Q = _dll_react;
   });
   exports["default"] = exports.PartiallyCorrect = void 0;
   var _iconBase = _interopRequireDefault(iconBase);
-  var _propTypes = _interopRequireDefault(require$$2$C);
-  var _react = _interopRequireDefault(require$$3$Q);
+  var _propTypes = _interopRequireDefault(require$$2$D);
+  var _react = _interopRequireDefault(require$$3$P);
   var _iconRoot = iconRoot;
   var _styles = styles$1J;
   var styles = (0, _iconRoot.getStyles)('partially-correct', '#4aaf46', '#c1e1ac');
@@ -18821,10 +18821,10 @@ getDefaultExportFromCjs(scheduler_development$1);
 {
   scheduler$1.exports = scheduler_development$1;
 }
-const require$$1$1b = _dll_react;
+const require$$1$1a = _dll_react;
 (function (module) {
   module.exports = function $$$reconciler($$$hostConfig) {
-    var aa = objectAssign, ba = require$$1$1b, n = scheduler$1.exports;
+    var aa = objectAssign, ba = require$$1$1a, n = scheduler$1.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. ";
@@ -22468,14 +22468,14 @@ getDefaultExportFromCjs(schedulerTracing_development$1);
 {
   tracing$1.exports = schedulerTracing_development$1;
 }
-const require$$1$1a = _dll_react;
-const {checkPropTypes: require$$2$B} = _dll_prop_types;
+const require$$1$19 = _dll_react;
+const {checkPropTypes: require$$2$C} = _dll_prop_types;
 (function (module) {
   {
     module.exports = function $$$reconciler($$$hostConfig) {
       var _assign = objectAssign;
-      var React = require$$1$1a;
-      var checkPropTypes = require$$2$B;
+      var React = require$$1$19;
+      var checkPropTypes = require$$2$C;
       var Scheduler = scheduler$1.exports;
       var tracing = tracing$1.exports;
       function ReactError(error) {
@@ -38327,8 +38327,8 @@ var Modal$1 = {};
 var RootRef$2 = {};
 var RootRef$1 = {};
 var reactHelpers = {};
-const require$$1$19 = _dll_react;
-const require$$2$A = _dll_classnames;
+const require$$1$18 = _dll_react;
+const require$$2$B = _dll_classnames;
 var _interopRequireDefault$3G = interopRequireDefault.exports;
 Object.defineProperty(reactHelpers, "__esModule", {
   value: true
@@ -38337,8 +38337,8 @@ reactHelpers.cloneElementWithClassName = cloneElementWithClassName;
 reactHelpers.cloneChildrenWithClassName = cloneChildrenWithClassName;
 reactHelpers.isMuiElement = isMuiElement;
 reactHelpers.setRef = setRef;
-var _react$2V = _interopRequireDefault$3G(require$$1$19);
-var _classnames$1x = _interopRequireDefault$3G(require$$2$A);
+var _react$2V = _interopRequireDefault$3G(require$$1$18);
+var _classnames$1x = _interopRequireDefault$3G(require$$2$B);
 function cloneElementWithClassName(child, className) {
   return _react$2V.default.cloneElement(child, {
     className: (0, _classnames$1x.default)(child.props.className, className)
@@ -39147,7 +39147,7 @@ var reactLifecyclesCompat_es = Object.freeze({
   __proto__: null,
   polyfill: polyfill
 });
-var require$$2$z = getAugmentedNamespace(reactLifecyclesCompat_es);
+var require$$2$A = getAugmentedNamespace(reactLifecyclesCompat_es);
 var PropTypes$6 = {};
 const require$$0$9 = _dll_prop_types;
 PropTypes$6.__esModule = true;
@@ -39178,14 +39178,14 @@ var classNamesShape = _propTypes$1$.default.oneOfType([_propTypes$1$.default.str
 })]);
 PropTypes$6.classNamesShape = classNamesShape;
 const require$$0$8 = _dll_prop_types;
-const require$$1$18 = _dll_react;
-const require$$2$y = _dll_react_dom;
+const require$$1$17 = _dll_react;
+const require$$2$z = _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$5 = _interopRequireWildcard$7(require$$0$8);
-var _react$2S = _interopRequireDefault$3z(require$$1$18);
-var _reactDom$c = _interopRequireDefault$3z(require$$2$y);
-var _reactLifecyclesCompat = require$$2$z;
+var _react$2S = _interopRequireDefault$3z(require$$1$17);
+var _reactDom$c = _interopRequireDefault$3z(require$$2$z);
+var _reactLifecyclesCompat = require$$2$A;
 var _PropTypes = PropTypes$6;
 function _interopRequireDefault$3z(obj) {
   return obj && obj.__esModule ? obj : {
@@ -39652,7 +39652,7 @@ Fade$1.default = _default$31;
 })(Fade$2);
 var index$1K = getDefaultExportFromCjs(Fade$2);
 const require$$4$1n = _dll_react;
-const require$$5$1g = _dll_prop_types;
+const require$$5$1h = _dll_prop_types;
 const require$$6$R = _dll_classnames;
 var _interopRequireDefault$3x = interopRequireDefault.exports;
 Object.defineProperty(Backdrop$1, "__esModule", {
@@ -39663,7 +39663,7 @@ var _extends2$1J = _interopRequireDefault$3x(_extends$o.exports);
 var _defineProperty2$1g = _interopRequireDefault$3x(defineProperty$5.exports);
 var _objectWithoutProperties2$1J = _interopRequireDefault$3x(objectWithoutProperties.exports);
 var _react$2Q = _interopRequireDefault$3x(require$$4$1n);
-var _propTypes$1Z = _interopRequireDefault$3x(require$$5$1g);
+var _propTypes$1Z = _interopRequireDefault$3x(require$$5$1h);
 var _classnames$1w = _interopRequireDefault$3x(require$$6$R);
 var _withStyles$1v = _interopRequireDefault$3x(withStyles);
 var _Fade$1 = _interopRequireDefault$3x(Fade$2);
@@ -40234,7 +40234,7 @@ var index$1H = getDefaultExportFromCjs(Grow$2);
 var Paper$2 = {};
 var Paper$1 = {};
 const require$$4$1m = _dll_react;
-const require$$5$1f = _dll_prop_types;
+const require$$5$1g = _dll_prop_types;
 const require$$6$Q = _dll_classnames;
 var _interopRequireDefault$3u = interopRequireDefault.exports;
 Object.defineProperty(Paper$1, "__esModule", {
@@ -40245,7 +40245,7 @@ var _defineProperty2$1e = _interopRequireDefault$3u(defineProperty$5.exports);
 var _objectWithoutProperties2$1G = _interopRequireDefault$3u(objectWithoutProperties.exports);
 var _extends2$1G = _interopRequireDefault$3u(_extends$o.exports);
 var _react$2N = _interopRequireDefault$3u(require$$4$1m);
-var _propTypes$1W = _interopRequireDefault$3u(require$$5$1f);
+var _propTypes$1W = _interopRequireDefault$3u(require$$5$1g);
 var _classnames$1u = _interopRequireDefault$3u(require$$6$Q);
 var _warning$j = _interopRequireDefault$3u(warning_1);
 var _utils$1D = require$$13$h;
@@ -40688,14 +40688,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$7 = _dll_prop_types;
-const require$$3$P = _dll_react;
+const require$$3$O = _dll_react;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var PropTypes = _interopRequireWildcard(require$$0$7);
   var _addClass = _interopRequireDefault(addClass.exports);
   var _removeClass = _interopRequireDefault(removeClass);
-  var _react = _interopRequireDefault(require$$3$P);
+  var _react = _interopRequireDefault(require$$3$O);
   var _Transition = _interopRequireDefault(Transition$1);
   var _PropTypes = PropTypes$6;
   function _interopRequireDefault(obj) {
@@ -40976,13 +40976,13 @@ function getNextChildMapping(nextProps, prevChildMapping, onExited) {
   return children;
 }
 const require$$0$5 = _dll_prop_types;
-const require$$1$17 = _dll_react;
+const require$$1$16 = _dll_react;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0$5);
-  var _react = _interopRequireDefault(require$$1$17);
-  var _reactLifecyclesCompat = require$$2$z;
+  var _react = _interopRequireDefault(require$$1$16);
+  var _reactLifecyclesCompat = require$$2$A;
   var _ChildMapping = ChildMapping;
   function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -41118,14 +41118,14 @@ const require$$1$17 = _dll_react;
 })(TransitionGroup, TransitionGroup.exports);
 getDefaultExportFromCjs(TransitionGroup.exports);
 const require$$0$4 = _dll_prop_types;
-const require$$1$16 = _dll_react;
-const require$$2$x = _dll_react_dom;
+const require$$1$15 = _dll_react;
+const require$$2$y = _dll_react_dom;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0$4);
-  var _react = _interopRequireDefault(require$$1$16);
-  var _reactDom = require$$2$x;
+  var _react = _interopRequireDefault(require$$1$15);
+  var _reactDom = require$$2$y;
   var _TransitionGroup = _interopRequireDefault(TransitionGroup.exports);
   function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -41575,7 +41575,6 @@ const require$$12$t = _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',
@@ -59256,7 +59255,7 @@ ButtonBase$1.default = _default$2Q;
 })(ButtonBase$2);
 var index$1C = getDefaultExportFromCjs(ButtonBase$2);
 const require$$4$1l = _dll_react;
-const require$$5$1e = _dll_prop_types;
+const require$$5$1f = _dll_prop_types;
 const require$$6$O = _dll_classnames;
 var _interopRequireDefault$3i = interopRequireDefault.exports;
 Object.defineProperty(Button$2, "__esModule", {
@@ -59267,7 +59266,7 @@ var _defineProperty2$18 = _interopRequireDefault$3i(defineProperty$5.exports);
 var _objectWithoutProperties2$1A = _interopRequireDefault$3i(objectWithoutProperties.exports);
 var _extends2$1A = _interopRequireDefault$3i(_extends$o.exports);
 var _react$2E = _interopRequireDefault$3i(require$$4$1l);
-var _propTypes$1O = _interopRequireDefault$3i(require$$5$1e);
+var _propTypes$1O = _interopRequireDefault$3i(require$$5$1f);
 var _classnames$1p = _interopRequireDefault$3i(require$$6$O);
 var _utils$1y = require$$13$h;
 var _withStyles$1o = _interopRequireDefault$3i(withStyles);
@@ -59592,12 +59591,12 @@ var wrapDisplayName = function wrapDisplayName(BaseComponent, hocName) {
 };
 var _default$2L = wrapDisplayName;
 wrapDisplayName$1.default = _default$2L;
-const require$$2$w = _dll_react;
+const require$$2$x = _dll_react;
 var _interopRequireDefault$3f = interopRequireDefault.exports;
 shouldUpdate$1.__esModule = true;
 shouldUpdate$1.default = void 0;
 var _inheritsLoose2 = _interopRequireDefault$3f(inheritsLoose.exports);
-var _react$2D = require$$2$w;
+var _react$2D = require$$2$x;
 var _setDisplayName$1 = _interopRequireDefault$3f(setDisplayName$1);
 var _wrapDisplayName$1 = _interopRequireDefault$3f(wrapDisplayName$1);
 var shouldUpdate = function shouldUpdate(test) {
@@ -59679,7 +59678,7 @@ pure$1.default = _default$2I;
 var SvgIcon$3 = {};
 var SvgIcon$2 = {};
 const require$$4$1k = _dll_react;
-const require$$5$1d = _dll_prop_types;
+const require$$5$1e = _dll_prop_types;
 const require$$6$N = _dll_classnames;
 var _interopRequireDefault$3c = interopRequireDefault.exports;
 Object.defineProperty(SvgIcon$2, "__esModule", {
@@ -59690,7 +59689,7 @@ var _extends2$1z = _interopRequireDefault$3c(_extends$o.exports);
 var _defineProperty2$17 = _interopRequireDefault$3c(defineProperty$5.exports);
 var _objectWithoutProperties2$1z = _interopRequireDefault$3c(objectWithoutProperties.exports);
 var _react$2C = _interopRequireDefault$3c(require$$4$1k);
-var _propTypes$1N = _interopRequireDefault$3c(require$$5$1d);
+var _propTypes$1N = _interopRequireDefault$3c(require$$5$1e);
 var _classnames$1o = _interopRequireDefault$3c(require$$6$N);
 var _utils$1x = require$$13$h;
 var _withStyles$1n = _interopRequireDefault$3c(withStyles);
@@ -59785,13 +59784,13 @@ SvgIcon$2.default = _default$2H;
   var _SvgIcon = _interopRequireDefault(SvgIcon$2);
 })(SvgIcon$3);
 var index$1A = getDefaultExportFromCjs(SvgIcon$3);
-const require$$1$15 = _dll_react;
+const require$$1$14 = _dll_react;
 var _interopRequireDefault$3b = interopRequireDefault.exports;
 Object.defineProperty(createSvgIcon$1, "__esModule", {
   value: true
 });
 createSvgIcon$1.default = void 0;
-var _react$2B = _interopRequireDefault$3b(require$$1$15);
+var _react$2B = _interopRequireDefault$3b(require$$1$14);
 var _pure$c = _interopRequireDefault$3b(pure$1);
 var _SvgIcon$d = _interopRequireDefault$3b(SvgIcon$3);
 function createSvgIcon(path, displayName) {
@@ -59805,13 +59804,13 @@ function createSvgIcon(path, displayName) {
 }
 var _default$2G = createSvgIcon;
 createSvgIcon$1.default = _default$2G;
-const require$$1$14 = _dll_react;
+const require$$1$13 = _dll_react;
 var _interopRequireDefault$3a = interopRequireDefault.exports;
 Object.defineProperty(Restore, "__esModule", {
   value: true
 });
 Restore.default = void 0;
-var _react$2A = _interopRequireDefault$3a(require$$1$14);
+var _react$2A = _interopRequireDefault$3a(require$$1$13);
 var _createSvgIcon$t = _interopRequireDefault$3a(createSvgIcon$1);
 var _default$2F = (0, _createSvgIcon$t.default)(_react$2A.default.createElement(_react$2A.default.Fragment, null, _react$2A.default.createElement("path", {
   fill: "none",
@@ -59821,13 +59820,13 @@ var _default$2F = (0, _createSvgIcon$t.default)(_react$2A.default.createElement(
 })), 'Restore');
 Restore.default = _default$2F;
 var Undo = {};
-const require$$1$13 = _dll_react;
+const require$$1$12 = _dll_react;
 var _interopRequireDefault$39 = interopRequireDefault.exports;
 Object.defineProperty(Undo, "__esModule", {
   value: true
 });
 Undo.default = void 0;
-var _react$2z = _interopRequireDefault$39(require$$1$13);
+var _react$2z = _interopRequireDefault$39(require$$1$12);
 var _createSvgIcon$s = _interopRequireDefault$39(createSvgIcon$1);
 var _default$2E = (0, _createSvgIcon$s.default)(_react$2z.default.createElement(_react$2z.default.Fragment, null, _react$2z.default.createElement("path", {
   fill: "none",
@@ -60154,7 +60153,7 @@ const {omit: require$$13$d} = _dll_lodash;
   var _classnames = _interopRequireDefault(require$$12$o);
   var _omit = _interopRequireDefault(require$$13$d);
   var _appendCssRules = _interopRequireDefault(appendCssRules);
-  var _excluded = ["children", "className", "classes"];
+  var _excluded = ["children", "className", "classes", "fontSizeFactor"];
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
     return function _createSuperInternal() {
@@ -60190,14 +60189,24 @@ const {omit: require$$13$d} = _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;
@@ -60209,10 +60218,12 @@ const {omit: require$$13$d} = _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: {}
@@ -60275,7 +60286,7 @@ const require$$10$N = _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
@@ -60283,7 +60294,8 @@ const require$$10$N = _dll_prop_types;
         return _react["default"].createElement(_uiLayout["default"], (0, _extends2["default"])({
           className: classes.container
         }, accessibility, {
-          extraCSSRules: extraCSSRules
+          extraCSSRules: extraCSSRules,
+          fontSizeFactor: fontSizeFactor
         }), children);
       }
     }]);
@@ -60297,7 +60309,8 @@ const require$$10$N = _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 {
@@ -60476,24 +60489,24 @@ function formControlState(_ref) {
 }
 var withFormControlContext$1 = {};
 var FormControlContext$1 = {};
-const require$$1$12 = _dll_react;
+const require$$1$11 = _dll_react;
 var _interopRequireDefault$38 = interopRequireDefault.exports;
 Object.defineProperty(FormControlContext$1, "__esModule", {
   value: true
 });
 FormControlContext$1.default = void 0;
-var _react$2y = _interopRequireDefault$38(require$$1$12);
+var _react$2y = _interopRequireDefault$38(require$$1$11);
 var FormControlContext = _react$2y.default.createContext();
 var _default$2D = FormControlContext;
 FormControlContext$1.default = _default$2D;
-const require$$2$v = _dll_react;
+const require$$2$w = _dll_react;
 var _interopRequireDefault$37 = interopRequireDefault.exports;
 Object.defineProperty(withFormControlContext$1, "__esModule", {
   value: true
 });
 withFormControlContext$1.default = withFormControlContext;
 var _extends2$1y = _interopRequireDefault$37(_extends$o.exports);
-var _react$2x = _interopRequireDefault$37(require$$2$v);
+var _react$2x = _interopRequireDefault$37(require$$2$w);
 var _hoistNonReactStatics$1 = _interopRequireDefault$37(hoistNonReactStatics_cjs);
 var _FormControlContext$2 = _interopRequireDefault$37(FormControlContext$1);
 var _utils$1w = require$$13$h;
@@ -60514,7 +60527,7 @@ function withFormControlContext(Component) {
 var FormLabel$2 = {};
 var FormLabel$1 = {};
 const require$$4$1j = _dll_react;
-const require$$5$1c = _dll_prop_types;
+const require$$5$1d = _dll_prop_types;
 const require$$6$M = _dll_classnames;
 var _interopRequireDefault$36 = interopRequireDefault.exports;
 Object.defineProperty(FormLabel$1, "__esModule", {
@@ -60525,7 +60538,7 @@ var _extends2$1x = _interopRequireDefault$36(_extends$o.exports);
 var _defineProperty2$16 = _interopRequireDefault$36(defineProperty$5.exports);
 var _objectWithoutProperties2$1y = _interopRequireDefault$36(objectWithoutProperties.exports);
 var _react$2w = _interopRequireDefault$36(require$$4$1j);
-var _propTypes$1M = _interopRequireDefault$36(require$$5$1c);
+var _propTypes$1M = _interopRequireDefault$36(require$$5$1d);
 var _classnames$1n = _interopRequireDefault$36(require$$6$M);
 var _utils$1v = require$$13$h;
 var _formControlState$5 = _interopRequireDefault$36(formControlState$1);
@@ -60617,7 +60630,7 @@ FormLabel$1.default = _default$2C;
 })(FormLabel$2);
 var index$1z = getDefaultExportFromCjs(FormLabel$2);
 const require$$4$1i = _dll_react;
-const require$$5$1b = _dll_prop_types;
+const require$$5$1c = _dll_prop_types;
 const require$$6$L = _dll_classnames;
 var _interopRequireDefault$35 = interopRequireDefault.exports;
 Object.defineProperty(InputLabel$1, "__esModule", {
@@ -60628,7 +60641,7 @@ var _extends2$1w = _interopRequireDefault$35(_extends$o.exports);
 var _defineProperty2$15 = _interopRequireDefault$35(defineProperty$5.exports);
 var _objectWithoutProperties2$1x = _interopRequireDefault$35(objectWithoutProperties.exports);
 var _react$2v = _interopRequireDefault$35(require$$4$1i);
-var _propTypes$1L = _interopRequireDefault$35(require$$5$1b);
+var _propTypes$1L = _interopRequireDefault$35(require$$5$1c);
 var _classnames$1m = _interopRequireDefault$35(require$$6$L);
 var _formControlState$4 = _interopRequireDefault$35(formControlState$1);
 var _withFormControlContext$7 = _interopRequireDefault$35(withFormControlContext$1);
@@ -60957,8 +60970,8 @@ FormControl$1.default = _default$2A;
   var _FormControl = _interopRequireDefault(FormControl$1);
 })(FormControl$2);
 var index$1x = getDefaultExportFromCjs(FormControl$2);
-const require$$2$u = _dll_prop_types;
-const require$$3$O = _dll_react;
+const require$$2$v = _dll_prop_types;
+const require$$3$N = _dll_react;
 const require$$4$1h = _dll_classnames;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -60967,8 +60980,8 @@ const require$$4$1h = _dll_classnames;
   });
   exports["default"] = void 0;
   var _InputLabel = _interopRequireDefault(InputLabel$2);
-  var _propTypes = _interopRequireDefault(require$$2$u);
-  var _react = _interopRequireDefault(require$$3$O);
+  var _propTypes = _interopRequireDefault(require$$2$v);
+  var _react = _interopRequireDefault(require$$3$N);
   var _classnames = _interopRequireDefault(require$$4$1h);
   var _styles = styles$1J;
   var _FormControl = _interopRequireDefault(FormControl$2);
@@ -61301,16 +61314,16 @@ const require$$11$G = _dll_prop_types;
 })(previewPrompt);
 getDefaultExportFromCjs(previewPrompt);
 var readable = {};
-const require$$1$11 = _dll_prop_types;
-const require$$2$t = _dll_react;
+const require$$1$10 = _dll_prop_types;
+const require$$2$u = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$11);
-  var _react = _interopRequireDefault(require$$2$t);
+  var _propTypes = _interopRequireDefault(require$$1$10);
+  var _react = _interopRequireDefault(require$$2$u);
   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, {
@@ -61327,16 +61340,16 @@ const require$$2$t = _dll_react;
 })(readable);
 getDefaultExportFromCjs(readable);
 var purpose = {};
-const require$$1$10 = _dll_prop_types;
-const require$$2$s = _dll_react;
+const require$$1$$ = _dll_prop_types;
+const require$$2$t = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$10);
-  var _react = _interopRequireDefault(require$$2$s);
+  var _propTypes = _interopRequireDefault(require$$1$$);
+  var _react = _interopRequireDefault(require$$2$t);
   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, {
@@ -61500,23 +61513,45 @@ hasText$1.hasText = hasText;
   }
 })(renderUi);
 getDefaultExportFromCjs(renderUi);
-const require$$1$$ = _dll_react;
-const require$$3$N = _dll_classnames;
-const require$$4$1g = _dll_prop_types;
+const require$$2$s = _dll_react;
+const require$$4$1g = _dll_classnames;
+const require$$5$1b = _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$$);
+  var _defineProperty2 = _interopRequireDefault(defineProperty$5.exports);
+  var _react = _interopRequireDefault(require$$2$s);
   var _styles = styles$1J;
-  var _classnames = _interopRequireDefault(require$$3$N);
-  var _propTypes = _interopRequireDefault(require$$4$1g);
+  var _classnames = _interopRequireDefault(require$$4$1g);
+  var _propTypes = _interopRequireDefault(require$$5$1b);
   var _grey = _interopRequireDefault(grey$1);
   var _renderUi = renderUi;
+  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) {
@@ -61532,8 +61567,10 @@ const require$$4$1g = _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;
@@ -61551,7 +61588,9 @@ const require$$4$1g = _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 {
@@ -61604,6 +61643,10 @@ const require$$4$1g = _dll_prop_types;
         overflow: 'hidden',
         touchAction: 'none',
         backgroundColor: _renderUi.color.backgroundDark()
+      },
+      verticalPool: {
+        display: 'flex',
+        flexFlow: 'column wrap'
       }
     };
   };
@@ -64337,14 +64380,16 @@ var DroppablePlaceholder = (function (_React$Component) {
   (0, _createClass2$v["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$2s["default"].createElement("div", {
         style: preventInteractionStyle
       }, _react$2s["default"].createElement(_placeholder["default"], {
         disabled: disabled,
         isOver: isOver,
         choiceBoard: true,
-        className: classes
+        className: classes,
+        isVerticalPool: isVerticalPool,
+        minHeight: minHeight
       }, children)));
     }
   }]);
@@ -64356,7 +64401,9 @@ droppablePlaceholder.DroppablePlaceholder = DroppablePlaceholder;
   connectDropTarget: _propTypes$1J["default"].func.isRequired,
   isOver: _propTypes$1J["default"].bool,
   children: _propTypes$1J["default"].oneOfType([_propTypes$1J["default"].arrayOf(_propTypes$1J["default"].node), _propTypes$1J["default"].node]).isRequired,
-  disabled: _propTypes$1J["default"].bool
+  disabled: _propTypes$1J["default"].bool,
+  isVerticalPool: _propTypes$1J["default"].bool,
+  minHeight: _propTypes$1J["default"].number
 });
 var dragType = {};
 (function (exports) {