@instructure/quiz-core 21.2.0 → 22.0.0

package/lib/common/components/resources/stimulus/StimulusEdit/presenter.js

@@ -40,38 +40,50 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _dec, _class, _StimulusEdit;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var StimulusEdit = exports.StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_StimulusEdit = /*#__PURE__*/function (_Component) {
   function StimulusEdit() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, StimulusEdit);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, StimulusEdit, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, StimulusEdit, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       canSubmit: true
     });
-    (0, _defineProperty2["default"])(_this, "clearModifications", function () {
-      _this.props.clearModifications('stimuli', _this.props.stimulus.id);
-      _this.props.clearModifications('quizEntries', _this.props.quizEntry.id);
-      if (_this.props.stimulus.isTemporary()) {
-        _this.props.clearTemporaryStimulus(_this.props.quizId);
+    (0, _defineProperty2["default"])(_this2, "clearModifications", function () {
+      _this2.props.clearModifications('stimuli', _this2.props.stimulus.id);
+      _this2.props.clearModifications('quizEntries', _this2.props.quizEntry.id);
+      if (_this2.props.stimulus.isTemporary()) {
+        _this2.props.clearTemporaryStimulus(_this2.props.quizId);
       }
     });
-    (0, _defineProperty2["default"])(_this, "onCancel", function (e) {
-      _this.props.hideError(_this.props.guid);
-      _this.props.switchOffEditing();
-      _this.clearModifications();
-      _this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
+    (0, _defineProperty2["default"])(_this2, "onCancel", function (e) {
+      _this2.props.hideError(_this2.props.guid);
+      _this2.props.switchOffEditing();
+      _this2.clearModifications();
+      _this2.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
     });
-    (0, _defineProperty2["default"])(_this, "handleDeleteTemporary", function () {
-      var isPassage = _this.isPassage();
-      _this.props.withConfirm(function () {
-        _this.onCancel();
-        _this.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
-          position: Math.ceil(_this.props.quizEntry.position),
+    (0, _defineProperty2["default"])(_this2, "handleDeleteTemporary", function () {
+      var isPassage = _this2.isPassage();
+      _this2.props.withConfirm(function () {
+        _this2.onCancel();
+        _this2.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
+          position: Math.ceil(_this2.props.quizEntry.position),
           inStimulus: false
         });
       }, {
@@ -82,28 +94,28 @@ var StimulusEdit = exports.StimulusEdit = (_dec = (0, _quizCommon.withStyleOverr
         automationPrefix: isPassage ? 'passage' : 'stimulus'
       });
     });
-    (0, _defineProperty2["default"])(_this, "handleDeleteStimulus", function () {
-      if (_this.props.stimulus.isTemporary()) {
-        _this.handleDeleteTemporary();
+    (0, _defineProperty2["default"])(_this2, "handleDeleteStimulus", function () {
+      if (_this2.props.stimulus.isTemporary()) {
+        _this2.handleDeleteTemporary();
       } else {
-        _this.props.openDeleteStimulusModal();
+        _this2.props.openDeleteStimulusModal();
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleStimulusCreated", /*#__PURE__*/function () {
+    (0, _defineProperty2["default"])(_this2, "handleStimulusCreated", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(stimulusData) {
-        var _this$props, quizId, quizEntry, mods;
+        var _this2$props, quizId, quizEntry, mods;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _this$props = _this.props, quizId = _this$props.quizId, quizEntry = _this$props.quizEntry;
+              _this2$props = _this2.props, quizId = _this2$props.quizId, quizEntry = _this2$props.quizEntry;
               mods = Object.assign({}, quizEntry.toJS(), {
                 entryId: stimulusData.id,
                 entryType: 'Stimulus'
               });
               _context.next = 4;
-              return _this.props.updateQuizEntry(quizId, quizEntry.id, mods);
+              return _this2.props.updateQuizEntry(quizId, quizEntry.id, mods);
             case 4:
-              _this.props.getQuizEntries(quizId);
+              _this2.props.getQuizEntries(quizId);
             case 5:
             case "end":
               return _context.stop();
@@ -114,19 +126,19 @@ var StimulusEdit = exports.StimulusEdit = (_dec = (0, _quizCommon.withStyleOverr
         return _ref.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2["default"])(_this, "createNextQuizEntry", function () {
-      var _this$props$nextQuizE = _this.props.nextQuizEntry,
-        interactionTypeData = _this$props$nextQuizE.interactionTypeData,
-        quizId = _this$props$nextQuizE.quizId,
-        position = _this$props$nextQuizE.position,
-        stimulusId = _this$props$nextQuizE.stimulusId,
-        parentEntryId = _this$props$nextQuizE.parentEntryId;
+    (0, _defineProperty2["default"])(_this2, "createNextQuizEntry", function () {
+      var _this2$props$nextQuiz = _this2.props.nextQuizEntry,
+        interactionTypeData = _this2$props$nextQuiz.interactionTypeData,
+        quizId = _this2$props$nextQuiz.quizId,
+        position = _this2$props$nextQuiz.position,
+        stimulusId = _this2$props$nextQuiz.stimulusId,
+        parentEntryId = _this2$props$nextQuiz.parentEntryId;
       if (!interactionTypeData) {
-        _this.props.createTempStimulus(quizId, position);
+        _this2.props.createTempStimulus(quizId, position);
       } else {
         var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
         var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
-        _this.props.createTempItem(quizId, position, {
+        _this2.props.createTempItem(quizId, position, {
           id: interactionTypeData.id,
           interactionData: defaultInteractionData,
           itemBody: interactionTypeData.itemBody,
@@ -136,72 +148,72 @@ var StimulusEdit = exports.StimulusEdit = (_dec = (0, _quizCommon.withStyleOverr
           userResponseType: (0, _first["default"])(interactionTypeData.userResponseTypeOptions)
         }, parentEntryId, stimulusId);
       }
-      _this.props.clearNextQuizEntry();
+      _this2.props.clearNextQuizEntry();
     });
-    (0, _defineProperty2["default"])(_this, "onSubmit", /*#__PURE__*/function () {
+    (0, _defineProperty2["default"])(_this2, "onSubmit", /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(e) {
-        var _this$props2, stimulus, workingStimulus, quizId, quizEntry, stimulusData;
+        var _this2$props2, stimulus, workingStimulus, quizId, quizEntry, stimulusData;
         return _regenerator["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _this$props2 = _this.props, stimulus = _this$props2.stimulus, workingStimulus = _this$props2.workingStimulus, quizId = _this$props2.quizId, quizEntry = _this$props2.quizEntry;
+              _this2$props2 = _this2.props, stimulus = _this2$props2.stimulus, workingStimulus = _this2$props2.workingStimulus, quizId = _this2$props2.quizId, quizEntry = _this2$props2.quizEntry;
               if (workingStimulus.isValid()) {
                 _context2.next = 8;
                 break;
               }
               _context2.next = 4;
-              return _this.props.showError(_this.props.guid);
+              return _this2.props.showError(_this2.props.guid);
             case 4:
-              _this.props.screenreaderNotification((0, _formatMessage["default"])('Simulus not saved due to validation errors with the data.'));
-              _this.props.clearNextQuizEntry();
-              _this.focusFirstErrorField();
+              _this2.props.screenreaderNotification((0, _formatMessage["default"])('Simulus not saved due to validation errors with the data.'));
+              _this2.props.clearNextQuizEntry();
+              _this2.focusFirstErrorField();
               return _context2.abrupt("return");
             case 8:
-              _this.setState({
+              _this2.setState({
                 canSubmit: false
               });
-              _this.props.hideError(_this.props.guid);
+              _this2.props.hideError(_this2.props.guid);
               _context2.prev = 10;
               if (!stimulus.isTemporary()) {
                 _context2.next = 17;
                 break;
               }
               _context2.next = 14;
-              return _this.props.createStimulusAndQuizEntry(quizId, workingStimulus.toJS(), quizEntry);
+              return _this2.props.createStimulusAndQuizEntry(quizId, workingStimulus.toJS(), quizEntry);
             case 14:
-              _this.props.clearTemporaryStimulus(quizId);
+              _this2.props.clearTemporaryStimulus(quizId);
               _context2.next = 28;
               break;
             case 17:
-              if (!_this.props.shouldClone) {
+              if (!_this2.props.shouldClone) {
                 _context2.next = 26;
                 break;
               }
               _context2.next = 20;
-              return _this.props.createStimulus(workingStimulus, _this.props.quizId, 'quiz', workingStimulus.id);
+              return _this2.props.createStimulus(workingStimulus, _this2.props.quizId, 'quiz', workingStimulus.id);
             case 20:
               stimulusData = _context2.sent;
               _context2.next = 23;
-              return _this.handleStimulusCreated(stimulusData);
+              return _this2.handleStimulusCreated(stimulusData);
             case 23:
-              _this.props.clearTemporaryStimulus(quizId);
+              _this2.props.clearTemporaryStimulus(quizId);
               _context2.next = 28;
               break;
             case 26:
               _context2.next = 28;
-              return _this.props.updateStimulus(workingStimulus.toJS(), quizId);
+              return _this2.props.updateStimulus(workingStimulus.toJS(), quizId);
             case 28:
               _context2.next = 34;
               break;
             case 30:
               _context2.prev = 30;
               _context2.t0 = _context2["catch"](10);
-              _this.setState({
+              _this2.setState({
                 canSubmit: true
               });
               throw _context2.t0;
             case 34:
-              _this.afterSubmit();
+              _this2.afterSubmit();
             case 35:
             case "end":
               return _context2.stop();
@@ -212,59 +224,59 @@ var StimulusEdit = exports.StimulusEdit = (_dec = (0, _quizCommon.withStyleOverr
         return _ref2.apply(this, arguments);
       };
     }());
-    (0, _defineProperty2["default"])(_this, "focusFirstErrorField", function () {
-      if (_this.stimulusEditArea) {
-        var editArea = _reactDom["default"].findDOMNode(_this.stimulusEditArea);
+    (0, _defineProperty2["default"])(_this2, "focusFirstErrorField", function () {
+      if (_this2.stimulusEditArea) {
+        var editArea = _reactDom["default"].findDOMNode(_this2.stimulusEditArea);
         var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
         firstErrorField && firstErrorField.focus();
       }
     });
-    (0, _defineProperty2["default"])(_this, "handleRef", function (node) {
-      _this.stimulusEditArea = node;
+    (0, _defineProperty2["default"])(_this2, "handleRef", function (node) {
+      _this2.stimulusEditArea = node;
     });
-    (0, _defineProperty2["default"])(_this, "onSuccess", function (url) {
-      _this.props.setUploadStatus(_quizCommon.FILE_UPLOAD_SUCCESS);
+    (0, _defineProperty2["default"])(_this2, "onSuccess", function (url) {
+      _this2.props.setUploadStatus(_quizCommon.FILE_UPLOAD_SUCCESS);
     });
-    (0, _defineProperty2["default"])(_this, "handleAddToBankContinue", function () {
-      _this.setState({
+    (0, _defineProperty2["default"])(_this2, "handleAddToBankContinue", function () {
+      _this2.setState({
         canSubmit: false
       });
     });
-    (0, _defineProperty2["default"])(_this, "handleAddToBank", function (bankEntry) {
-      if (_this.props.workingQuizEntry.isTemporary) {
-        _this.props.createQuizEntry(_this.props.quizId, bankEntry.id, 'BankEntry', _this.props.workingQuizEntry.getProperties());
-        _this.props.clearTemporaryStimulus(_this.props.quizId);
-        _this.clearModifications();
-        _this.props.switchOffEditing();
+    (0, _defineProperty2["default"])(_this2, "handleAddToBank", function (bankEntry) {
+      if (_this2.props.workingQuizEntry.isTemporary) {
+        _this2.props.createQuizEntry(_this2.props.quizId, bankEntry.id, 'BankEntry', _this2.props.workingQuizEntry.getProperties());
+        _this2.props.clearTemporaryStimulus(_this2.props.quizId);
+        _this2.clearModifications();
+        _this2.props.switchOffEditing();
       } else {
-        _this.props.updateQuizEntry(_this.props.quizId, _this.props.workingQuizEntry.id, {
+        _this2.props.updateQuizEntry(_this2.props.quizId, _this2.props.workingQuizEntry.id, {
           entryId: bankEntry.id,
           entryType: 'BankEntry'
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "getEntryForBank", function () {
-      var _this$props3 = _this.props,
-        stimulus = _this$props3.stimulus,
-        workingStimulus = _this$props3.workingStimulus,
-        quizId = _this$props3.quizId,
-        shouldClone = _this$props3.shouldClone;
+    (0, _defineProperty2["default"])(_this2, "getEntryForBank", function () {
+      var _this2$props3 = _this2.props,
+        stimulus = _this2$props3.stimulus,
+        workingStimulus = _this2$props3.workingStimulus,
+        quizId = _this2$props3.quizId,
+        shouldClone = _this2$props3.shouldClone;
       if (stimulus.isTemporary()) {
-        return _this.props.createStimulus(workingStimulus, quizId);
+        return _this2.props.createStimulus(workingStimulus, quizId);
       } else if (stimulus.hasModifications()) {
         if (shouldClone) {
-          return _this.props.createStimulus(workingStimulus, quizId);
+          return _this2.props.createStimulus(workingStimulus, quizId);
         } else {
-          return _this.props.updateStimulus(workingStimulus, quizId);
+          return _this2.props.updateStimulus(workingStimulus, quizId);
         }
       } else {
         return Promise.resolve(stimulus);
       }
     });
-    (0, _defineProperty2["default"])(_this, "setTitleRef", function (elem) {
-      _this.stimulusEditTitleRef = elem;
+    (0, _defineProperty2["default"])(_this2, "setTitleRef", function (elem) {
+      _this2.stimulusEditTitleRef = elem;
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(StimulusEdit, _Component);
   return (0, _createClass2["default"])(StimulusEdit, [{
@@ -413,9 +425,9 @@ var StimulusEdit = exports.StimulusEdit = (_dec = (0, _quizCommon.withStyleOverr
       if (this.props.isBankedContent) {
         return (0, _emotion.jsx)(_WarningWrapper["default"], this.props.bankEntryWarningWrapperProps(), (0, _emotion.jsx)(_StimulusShowInfo["default"], this.props));
       }
-      var _this$props4 = this.props,
-        stimulus = _this$props4.stimulus,
-        quizEntry = _this$props4.quizEntry;
+      var _this$props = this.props,
+        stimulus = _this$props.stimulus,
+        quizEntry = _this$props.quizEntry;
       var needsWarning = stimulus.isImmutable() || quizEntry.isArchivedBankEntry;
       var propForWrapperFunc = quizEntry.isArchivedBankEntry ? _warningHelpers.propsForBankEntryVersioningWrapper : _warningHelpers.propsForStimulusVersioningWrapper;
       var propsForStimulusVersioning = propForWrapperFunc(needsWarning, this.props.shouldClone, (0, _partial["default"])(this.props.setUi, _quizCommon.SHOULD_CLONE_ITEM), this.props.switchOffEditing, true, quizEntry.isArchivedBankEntry ? 'info' : 'warning');

package/lib/common/components/resources/stimulus/StimulusEdit/theme.js

@@ -15,7 +15,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     optionPadding: spacing.small,
     stimulusContentPadding: spacing.small,
     stimulusContentPaddingBottom: spacing.small,
-    stimulusButtonsColor: colors.oxford,
+    stimulusButtonsColor: colors.contrasts.grey100100,
     stimulusButtonsZIndex: '3333'
   };
 };

package/lib/common/components/resources/stimulus/StimulusEditInfo/index.js

@@ -11,8 +11,8 @@ var modificationActions = _interopRequireWildcard(require("../../../../actions/m
 var _featureCheck = require("../../../../../common/util/featureCheck");
 var _quizzes = require("../../../../../common/selectors/quizzes");
 var _presenter = _interopRequireDefault(require("./presenter"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function mapStateToProps(state, props) {
   var quizId = (0, _quizzes.getActiveQuizId)(state);
   var quiz = (0, _quizzes.getQuizById)(state, quizId);

package/lib/common/components/resources/stimulus/StimulusEditInfo/presenter.js

@@ -28,39 +28,51 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _uiAlerts = require("@instructure/ui-alerts");
 var _dec, _class, _StimulusEditInfo;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var StimulusEditInfo = exports.StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_StimulusEditInfo = /*#__PURE__*/function (_Component) {
   function StimulusEditInfo() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, StimulusEditInfo);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, StimulusEditInfo, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "inputErrors", function (field) {
-      if (_this.props.errorsShowing) {
-        var errorMap = _this.props.workingStimulus.getErrors().toJS() || {};
+    _this2 = _callSuper(this, StimulusEditInfo, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "inputErrors", function (field) {
+      if (_this2.props.errorsShowing) {
+        var errorMap = _this2.props.workingStimulus.getErrors().toJS() || {};
         return (0, _instUIMessages.toErrors)(errorMap[field] || []);
       }
     });
-    (0, _defineProperty2["default"])(_this, "onOrientationChange", function (e, _ref) {
+    (0, _defineProperty2["default"])(_this2, "onOrientationChange", function (e, _ref) {
       var value = _ref.value;
-      var newData = _this.props.workingStimulus.set('orientation', value);
-      _this.props.modifyStimulus(newData);
+      var newData = _this2.props.workingStimulus.set('orientation', value);
+      _this2.props.modifyStimulus(newData);
     });
-    (0, _defineProperty2["default"])(_this, "onTextInputChange", function (field) {
+    (0, _defineProperty2["default"])(_this2, "onTextInputChange", function (field) {
       return function (e) {
-        var newData = _this.props.workingStimulus.set(field, e.target.value);
-        _this.props.modifyStimulus(newData);
+        var newData = _this2.props.workingStimulus.set(field, e.target.value);
+        _this2.props.modifyStimulus(newData);
       };
     });
-    (0, _defineProperty2["default"])(_this, "onBodyChange", function (e, _ref2) {
+    (0, _defineProperty2["default"])(_this2, "onBodyChange", function (e, _ref2) {
       var editorContent = _ref2.editorContent;
-      var newData = _this.props.workingStimulus.set('body', editorContent);
-      _this.props.modifyStimulus(newData);
+      var newData = _this2.props.workingStimulus.set('body', editorContent);
+      _this2.props.modifyStimulus(newData);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(StimulusEditInfo, _Component);
   return (0, _createClass2["default"])(StimulusEditInfo, [{

package/lib/common/components/resources/stimulus/StimulusEditInfo/theme.js

@@ -10,7 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     sectionPadding: spacing.small,
-    optionalLabelColor: colors.ash,
+    optionalLabelColor: colors.contrasts.grey4570,
     optionalLabelFontSize: typography.fontSizeXSmall,
     urlLabelMargin: spacing.xSmall
   };

package/lib/common/components/resources/stimulus/StimulusShow/index.js

@@ -27,20 +27,32 @@ var _overlay = _interopRequireDefault(require("../../../shared/overlay"));
 var _dec, _class, _StimulusShow;
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var StimulusShow = exports.StimulusShow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_StimulusShow = /*#__PURE__*/function (_Component) {
   function StimulusShow() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, StimulusShow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, StimulusShow, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "switchOnEditing", function () {
-      _this.props.switchOnEditing();
+    _this2 = _callSuper(this, StimulusShow, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "switchOnEditing", function () {
+      _this2.props.switchOnEditing();
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(StimulusShow, _Component);
   return (0, _createClass2["default"])(StimulusShow, [{

package/lib/common/components/resources/stimulus/StimulusShowInfo/index.js

@@ -18,10 +18,22 @@ var _uiText = require("@instructure/ui-text");
 var _uiView = require("@instructure/ui-view");
 var _quizRce = require("@instructure/quiz-rce");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var StimulusShowInfo = /*#__PURE__*/function (_Component) {
   function StimulusShowInfo() {
     (0, _classCallCheck2["default"])(this, StimulusShowInfo);

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

@@ -20,10 +20,22 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _CardContent;
 /** @jsx jsx */
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var CardContent = exports.CardContent = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_CardContent = /*#__PURE__*/function (_Component) {
   function CardContent() {
     (0, _classCallCheck2["default"])(this, CardContent);

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

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

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

@@ -20,10 +20,22 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _CardWrapper;
 /** @jsx jsx */
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var CardWrapper = exports.CardWrapper = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_CardWrapper = /*#__PURE__*/function (_Component) {
   function CardWrapper() {
     (0, _classCallCheck2["default"])(this, CardWrapper);

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

@@ -22,8 +22,20 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _ExpandButton;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var ExpandButton = exports.ExpandButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_ExpandButton = /*#__PURE__*/function (_Component) {
   function ExpandButton() {
     (0, _classCallCheck2["default"])(this, ExpandButton);