@instructure/quiz-core 20.11.5-rc.2 → 20.11.5-rc.4

package/lib/common/components/ImportModal/ImportFileSelector/index.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -27,7 +25,7 @@ var _uiButtons = require("@instructure/ui-buttons");
 
 var _uiGrid = require("@instructure/ui-grid");
 
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _uiIcons = require("@instructure/ui-icons");
 
@@ -35,123 +33,119 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 
 var _FileSelector = _interopRequireDefault(require("../../../../common/components/shared/file_selector/FileSelector.js"));
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'fqArL',
-  template: function template(theme) {
-    return "\n\n.fqArL_dVrD{color:".concat(theme.uploadIconContainerColor || 'inherit', ";font-size:").concat(theme.uploadIconContainerColorFontSize || 'inherit', ";text-align:right}\n\n[dir=ltr] .fqArL_dVrD,[dir=rtl] .fqArL_dVrD{text-align:right}\n\n.fqArL_brQK{color:").concat(theme.checkIconContainerColor || 'inherit', ";font-size:").concat(theme.checkIconContainerFontSize || 'inherit', ";text-align:right}\n\n[dir=ltr] .fqArL_brQK,[dir=rtl] .fqArL_brQK{text-align:right}\n\n.fqArL_kOWE{color:").concat(theme.smallTextColor || 'inherit', ";font-size:").concat(theme.smallTextFontSize || 'inherit', ";padding:0 ").concat(theme.smallTextPadding || 'inherit', "}\n\n.fqArL_ddCj{margin-top:").concat(theme.selectorMargin || 'inherit', "}\n\n.fqArL_cHlQ{color:").concat(theme.fileListSuccessColor || 'inherit', "}");
-  },
-  'uploadIconContainer': 'fqArL_dVrD',
-  'checkIconContainer': 'fqArL_brQK',
-  'smallText': 'fqArL_kOWE',
-  'selector': 'fqArL_ddCj',
-  'fileListSuccess': 'fqArL_cHlQ'
-};
+var _ref = (0, _emotion.jsx)(_uiIcons.IconUploadLine, null);
 
-var _ref3 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconUploadLine, null);
+var _ref2 = (0, _emotion.jsx)(_uiIcons.IconCompleteLine, null);
 
-var _ref4 = /*#__PURE__*/_react.default.createElement(_uiIcons.IconCompleteLine, null);
-
-var ImportFileSelector = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var ImportFileSelector = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ImportFileSelector, _Component);
 
   var _super = (0, _createSuper2.default)(ImportFileSelector);
 
   function ImportFileSelector() {
-    var _this;
-
     (0, _classCallCheck2.default)(this, ImportFileSelector);
+    return _super.apply(this, arguments);
+  }
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+  (0, _createClass2.default)(ImportFileSelector, [{
+    key: "renderUploadIcon",
+    value: function renderUploadIcon(styles) {
+      return (0, _emotion.jsx)("div", {
+        css: this.props.styles.uploadIconContainer
+      }, _ref);
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.renderFileList = function () {
-      var fileName = _this.props.files.get(0).name;
-
-      return /*#__PURE__*/_react.default.createElement("div", null, _formatMessage.default.rich('<0>{fileName}</0> <1>is ready.</1>', {
-        0: function _(_ref) {
-          var children = _ref.children;
-          return /*#__PURE__*/_react.default.createElement("span", {
-            className: styles.fileListSuccess,
+  }, {
+    key: "renderCheckmarkIcon",
+    value: function renderCheckmarkIcon(styles) {
+      return (0, _emotion.jsx)("div", {
+        css: styles.checkIconContainer
+      }, _ref2);
+    }
+  }, {
+    key: "renderFileList",
+    value: function renderFileList(styles) {
+      var fileName = this.props.files.get(0).name;
+      return (0, _emotion.jsx)("div", null, _formatMessage.default.rich('<0>{fileName}</0> <1>is ready.</1>', {
+        0: function _(_ref3) {
+          var children = _ref3.children;
+          return (0, _emotion.jsx)("span", {
+            css: styles.fileListSuccess,
             key: "0"
           }, children);
         },
-        1: function _(_ref2) {
-          var children = _ref2.children;
-          return /*#__PURE__*/_react.default.createElement("span", {
+        1: function _(_ref4) {
+          var children = _ref4.children;
+          return (0, _emotion.jsx)("span", {
             key: "1"
           }, children);
         },
         fileName: fileName
       }));
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(ImportFileSelector, [{
-    key: "renderUploadIcon",
-    value: function renderUploadIcon() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.uploadIconContainer
-      }, _ref3);
-    }
-  }, {
-    key: "renderCheckmarkIcon",
-    value: function renderCheckmarkIcon() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.checkIconContainer
-      }, _ref4);
     }
   }, {
     key: "renderFilePickerText",
-    value: function renderFilePickerText() {
-      return /*#__PURE__*/_react.default.createElement("div", null, _formatMessage.default.rich('Drag & Drop here <0>or</0> <1>Browse</1>', [function (_ref5) {
+    value: function renderFilePickerText(styles) {
+      return (0, _emotion.jsx)("div", null, _formatMessage.default.rich('Drag & Drop here <0>or</0> <1>Browse</1>', [function (_ref5) {
         var children = _ref5.children;
-        return /*#__PURE__*/_react.default.createElement("span", {
-          className: styles.smallText,
+        return (0, _emotion.jsx)("span", {
+          css: styles.smallText,
           key: "0"
         }, children);
       }, function (_ref6) {
         var children = _ref6.children;
-        return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        return (0, _emotion.jsx)(_uiButtons.Button, {
           key: "1"
         }, children);
       }]));
     }
   }, {
-    key: "renderWrapper",
-    value: function renderWrapper(renderIcon, renderText) {
-      return /*#__PURE__*/_react.default.createElement(_uiGrid.Grid, null, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, {
+    key: "renderWrapperWithList",
+    value: function renderWrapperWithList(styles) {
+      return (0, _emotion.jsx)(_uiGrid.Grid, null, (0, _emotion.jsx)(_uiGrid.Grid.Row, {
+        vAlign: "middle"
+      }, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
+        width: 3
+      }, this.renderCheckmarkIcon(styles)), (0, _emotion.jsx)(_uiGrid.Grid.Col, null, this.renderFileList(styles))));
+    }
+  }, {
+    key: "renderWrapperWithText",
+    value: function renderWrapperWithText(styles) {
+      return (0, _emotion.jsx)(_uiGrid.Grid, null, (0, _emotion.jsx)(_uiGrid.Grid.Row, {
         vAlign: "middle"
-      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+      }, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: 3
-      }, renderIcon()), /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, null, renderText())));
+      }, this.renderUploadIcon(styles)), (0, _emotion.jsx)(_uiGrid.Grid.Col, null, this.renderFilePickerText(styles))));
     }
   }, {
     key: "renderContent",
     value: function renderContent() {
-      if (this.props.files && this.props.files.size) {
-        return this.renderWrapper(this.renderCheckmarkIcon, this.renderFileList);
+      var files = this.props.files;
+
+      if (files && files.size) {
+        return this.renderWrapperWithList(this.props.styles);
       } else {
-        return this.renderWrapper(this.renderUploadIcon, this.renderFilePickerText);
+        return this.renderWrapperWithText(this.props.styles);
       }
     }
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.selector
-      }, /*#__PURE__*/_react.default.createElement(_FileSelector.default, {
+      var _this$props = this.props,
+          styles = _this$props.styles,
+          receiveFile = _this$props.receiveFile,
+          acceptAttribute = _this$props.acceptAttribute;
+      return (0, _emotion.jsx)("div", {
+        css: styles.selector
+      }, (0, _emotion.jsx)(_FileSelector.default, {
         content: this.renderContent(),
-        fileHandler: this.props.receiveFile,
-        acceptAttribute: this.props.acceptAttribute
+        fileHandler: receiveFile,
+        acceptAttribute: acceptAttribute
       }));
     }
   }]);
@@ -160,7 +154,8 @@ var ImportFileSelector = (_dec = (0, _uiThemeable.themeable)(_theme.default, sty
 }(_react.Component), _class2.propTypes = {
   files: _reactImmutableProptypes.default.list.isRequired,
   receiveFile: _propTypes.default.func.isRequired,
-  acceptAttribute: _propTypes.default.string.isRequired
+  acceptAttribute: _propTypes.default.string.isRequired,
+  styles: _propTypes.default.object
 }, _temp)) || _class);
 exports.ImportFileSelector = ImportFileSelector;
 var _default = ImportFileSelector;

package/lib/common/components/ImportModal/ImportFileSelector/styles.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var generateStyle = function generateStyle(componentTheme) {
+  return {
+    uploadIconContainer: {
+      color: componentTheme.uploadIconContainerColor,
+      fontSize: componentTheme.uploadIconContainerColorFontSize,
+      textAlign: 'right'
+    },
+    checkIconContainer: {
+      color: componentTheme.checkIconContainerColor,
+      fontSize: componentTheme.checkIconContainerFontSize,
+      textAlign: 'right'
+    },
+    smallText: {
+      padding: "0 ".concat(componentTheme.smallTextPadding),
+      fontSize: componentTheme.smallTextFontSize,
+      color: componentTheme.smallTextColor
+    },
+    selector: {
+      marginTop: componentTheme.selectorMargin
+    },
+    fileListSuccess: {
+      color: componentTheme.fileListSuccessColor
+    }
+  };
+};
+
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/ImportModal/ImportFileSelector/theme.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
       colors = _ref.colors,
       typography = _ref.typography;
@@ -20,4 +20,7 @@ function generator(_ref) {
     selectorMargin: spacing.xSmall,
     fileListSuccessColor: colors.shamrock
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/Card/CardContent/index.js

@@ -2,13 +2,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CardContent = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -17,30 +17,21 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _omit = _interopRequireDefault(require("lodash/omit"));
-
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _uiView = require("@instructure/ui-view");
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'fGJav',
-  template: function template(theme) {
-    return "\n\n.fGJav_caGd{background-color:".concat(theme.contentBackgroundColor || 'inherit', ";border:1px solid ").concat(theme.contentBorderColor || 'inherit', ";border-radius:").concat(theme.contentBorderRadius || 'inherit', ";box-shadow:").concat(theme.contentBoxShadow || 'inherit', ";margin:").concat(theme.contentMargin || 'inherit', " auto;max-width:").concat(theme.contentMaxWidth || 'inherit', ";transition:").concat(theme.contentTransitionDuration || 'inherit', " ease}\n\n@media screen and (--phoneBreakPoint){.fGJav_caGd{margin:").concat(theme.phoneContentMargin || 'inherit', " auto}}");
-  },
-  'content': 'fGJav_caGd'
-};
-var CardContent = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var CardContent = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardContent, _Component);
 
   var _super = (0, _createSuper2.default)(CardContent);
@@ -53,20 +44,24 @@ var CardContent = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
   (0, _createClass2.default)(CardContent, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      return (0, _emotion.jsx)(_uiView.View, {
         as: "div"
-      }, /*#__PURE__*/_react.default.createElement("div", Object.assign({
-        className: (0, _classnames.default)(styles.content, this.props.className)
-      }, (0, _omit.default)(this.props, Object.keys(CardContent.propTypes))), this.props.children));
+      }, (0, _emotion.jsx)("div", {
+        css: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props.styles.content), this.props.customStyles),
+        className: this.props.className
+      }, this.props.children));
     }
   }]);
   CardContent.displayName = "CardContent";
   return CardContent;
 }(_react.Component), _class2.propTypes = {
   children: _propTypes.default.node.isRequired,
+  customStyles: _propTypes.default.object,
+  styles: _propTypes.default.object,
   className: _propTypes.default.string
 }, _class2.defaultProps = {
-  className: null
+  customStyles: {},
+  className: ''
 }, _temp)) || _class);
 exports.CardContent = CardContent;
 var _default = CardContent;

package/lib/common/components/shared/Card/CardContent/theme.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
       shadows = _ref.shadows,
       colors = _ref.colors,
@@ -22,4 +22,7 @@ function generator(_ref) {
     contentBorderColor: colors.tiara,
     contentBorderRadius: '4px'
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/Card/CardWrapper/index.js

@@ -2,13 +2,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CardWrapper = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -17,28 +17,21 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _uiThemeable = require("@instructure/ui-themeable");
+var _emotion = require("@instructure/emotion");
 
 var _uiView = require("@instructure/ui-view");
 
+var _styles = _interopRequireDefault(require("./styles.js"));
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var styles = {
-  componentId: 'fVYAO',
-  template: function template(theme) {
-    return "\n\n.fVYAO_gasz{box-sizing:border-box;min-height:100%;padding:".concat(theme.wrapperPadding || 'inherit', ";transition:").concat(theme.wrapperTransitionDuration || 'inherit', " ease}\n\n@media screen and (--phoneBreakPoint){.fVYAO_gasz{padding:").concat(theme.phoneWrapperPadding || 'inherit', " 0}}");
-  },
-  'wrapper': 'fVYAO_gasz'
-};
-var CardWrapper = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+var CardWrapper = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardWrapper, _Component);
 
   var _super = (0, _createSuper2.default)(CardWrapper);
@@ -51,11 +44,11 @@ var CardWrapper = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
   (0, _createClass2.default)(CardWrapper, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      return (0, _emotion.jsx)(_uiView.View, {
         as: "div",
         height: "100%"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(styles.wrapper, this.props.className)
+      }, (0, _emotion.jsx)("div", {
+        css: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props.styles.wrapper), this.props.customStyles)
       }, this.props.children));
     }
   }]);
@@ -63,9 +56,10 @@ var CardWrapper = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
   return CardWrapper;
 }(_react.Component), _class2.propTypes = {
   children: _propTypes.default.node.isRequired,
-  className: _propTypes.default.string
+  customStyles: _propTypes.default.object,
+  styles: _propTypes.default.object
 }, _class2.defaultProps = {
-  className: null
+  customStyles: {}
 }, _temp)) || _class);
 exports.CardWrapper = CardWrapper;
 var _default = CardWrapper;

package/lib/common/components/shared/Card/CardWrapper/theme.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
       breakpoints = _ref.breakpoints,
       transitions = _ref.transitions;
@@ -15,4 +15,7 @@ function generator(_ref) {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     phoneWrapperPadding: spacing.medium
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/common/components/shared/Card/index.js

@@ -21,26 +21,26 @@ var _index2 = _interopRequireDefault(require("./CardWrapper/index.js"));
 function Card(_ref) {
   var children = _ref.children,
       wrapped = _ref.wrapped,
-      wrapperClassName = _ref.wrapperClassName,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["children", "wrapped", "wrapperClassName"]);
+      wrapperStyles = _ref.wrapperStyles,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["children", "wrapped", "wrapperStyles"]);
 
   var card = /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 
   return wrapped ? /*#__PURE__*/_react.default.createElement(_index2.default, {
-    className: wrapperClassName
+    customStyles: wrapperStyles
   }, card) : card;
 }
 
 Card.propTypes = {
   children: _propTypes.default.node.isRequired,
-  className: _propTypes.default.string,
-  wrapperClassName: _propTypes.default.string,
+  customStyles: _propTypes.default.object,
+  wrapperStyles: _propTypes.default.object,
   wrapped: _propTypes.default.bool
 };
 Card.defaultProps = {
   wrapped: false,
-  className: null,
-  wrapperClassName: null
+  customStyles: null,
+  wrapperStyles: null
 };
 var _default = Card;
 exports.default = _default;

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js

@@ -31,7 +31,7 @@ var _uiA11yContent = require("@instructure/ui-a11y-content");
 
 var _emotion = require("@instructure/emotion");
 
-var _index = _interopRequireDefault(require("../../../../../common/components/shared/CardEmotion/index.js"));
+var _index = _interopRequireDefault(require("../../../../../common/components/shared/Card/index.js"));
 
 var _styles = _interopRequireDefault(require("./styles.js"));
 

package/lib/reporting/components/resources/ReportCard/index.js

@@ -25,7 +25,7 @@ var _uiLink = require("@instructure/ui-link");
 
 var _emotion = require("@instructure/emotion");
 
-var _index = _interopRequireDefault(require("../../../../common/components/shared/CardEmotion/index.js"));
+var _index = _interopRequireDefault(require("../../../../common/components/shared/Card/index.js"));
 
 var _styles = _interopRequireDefault(require("./styles.js"));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.11.5-rc.2+da4c513cc",
+  "version": "20.11.5-rc.4+6cc0f0052",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.2.2",
-    "@instructure/quiz-common": "20.11.5-rc.2+da4c513cc",
-    "@instructure/quiz-i18n": "20.11.5-rc.2+da4c513cc",
-    "@instructure/quiz-interactions": "20.11.5-rc.2+da4c513cc",
-    "@instructure/quiz-number-input": "20.11.5-rc.2+da4c513cc",
-    "@instructure/quiz-rce": "20.11.5-rc.2+da4c513cc",
+    "@instructure/quiz-common": "20.11.5-rc.4+6cc0f0052",
+    "@instructure/quiz-i18n": "20.11.5-rc.4+6cc0f0052",
+    "@instructure/quiz-interactions": "20.11.5-rc.4+6cc0f0052",
+    "@instructure/quiz-number-input": "20.11.5-rc.4+6cc0f0052",
+    "@instructure/quiz-rce": "20.11.5-rc.4+6cc0f0052",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -112,7 +112,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "20.11.5-rc.2+da4c513cc",
+    "instructure-validations": "20.11.5-rc.4+6cc0f0052",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.11.5-rc.2+da4c513cc",
+    "quiz-presets": "20.11.5-rc.4+6cc0f0052",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "da4c513ccef6feab44eccfd4f0f772de3fa43fec"
+  "gitHead": "6cc0f005223cdf6f9f3be8a74576475657c79a75"
 }

package/es/common/components/shared/CardEmotion/CardContent/index.js

@@ -1,48 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
-/** @jsx jsx */
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import omit from 'lodash/omit';
-import { withStyle, jsx } from '@instructure/emotion';
-import { View } from '@instructure/ui-view';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-export var CardContent = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(CardContent, _Component);
-
-  var _super = _createSuper(CardContent);
-
-  function CardContent() {
-    _classCallCheck(this, CardContent);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(CardContent, [{
-    key: "render",
-    value: function render() {
-      return jsx(View, {
-        as: "div"
-      }, jsx("div", Object.assign({
-        css: _objectSpread(_objectSpread({}, this.props.styles.content), this.props.customStyles)
-      }, omit(this.props, Object.keys(CardContent.propTypes))), this.props.children));
-    }
-  }]);
-
-  CardContent.displayName = "CardContent";
-  return CardContent;
-}(Component), _class2.propTypes = {
-  children: PropTypes.node.isRequired,
-  customStyles: PropTypes.object,
-  styles: PropTypes.object
-}, _class2.defaultProps = {
-  customStyles: {}
-}, _temp)) || _class);
-export default CardContent;

package/es/common/components/shared/CardEmotion/CardContent/theme.js

@@ -1,20 +0,0 @@
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var spacing = _ref.spacing,
-      shadows = _ref.shadows,
-      colors = _ref.colors,
-      breakpoints = _ref.breakpoints,
-      transitions = _ref.transitions;
-  return {
-    contentTransitionDuration: transitions.duration,
-    contentBackgroundColor: colors.white,
-    contentMaxWidth: '79.5rem',
-    contentMargin: spacing.medium,
-    phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
-    phoneContentMargin: spacing.xSmall,
-    contentBoxShadow: shadows.depth1,
-    contentBorderColor: colors.tiara,
-    contentBorderRadius: '4px'
-  };
-};
-
-export default generateComponentTheme;