@instructure/quiz-core 21.2.0 → 22.0.0

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/presenter.js

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizEntryBankEdit;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -28,71 +40,71 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var QuizEntryBankEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBankEdit = /*#__PURE__*/function (_Component) {
   function QuizEntryBankEdit() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizEntryBankEdit);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizEntryBankEdit, [].concat(args));
-    _defineProperty(_this, "state", {
-      rawPointsPossible: _this.props.pointsPossible,
-      normalizedPointsPossible: _this.props.pointsPossible
+    _this2 = _callSuper(this, QuizEntryBankEdit, [].concat(args));
+    _defineProperty(_this2, "state", {
+      rawPointsPossible: _this2.props.pointsPossible,
+      normalizedPointsPossible: _this2.props.pointsPossible
     });
-    _defineProperty(_this, "clearChanges", function () {
-      _this.props.clearModifications('quizEntries', _this.props.quizEntry.id);
+    _defineProperty(_this2, "clearChanges", function () {
+      _this2.props.clearModifications('quizEntries', _this2.props.quizEntry.id);
     });
-    _defineProperty(_this, "handlePointsChange", function (event, points, normalizedPointsString) {
+    _defineProperty(_this2, "handlePointsChange", function (event, points, normalizedPointsString) {
       var normalizedPoints = Number(normalizedPointsString);
-      _this.setState({
+      _this2.setState({
         rawPointsPossible: points,
         normalizedPointsPossible: normalizedPoints
       });
-      _this.props.changeQuizEntryPoints(_this.props.quizEntry.id, normalizedPoints);
+      _this2.props.changeQuizEntryPoints(_this2.props.quizEntry.id, normalizedPoints);
     });
-    _defineProperty(_this, "handlePointsBlur", function () {
-      _this.setState({
-        rawPointsPossible: _this.props.pointsPossible || '0'
+    _defineProperty(_this2, "handlePointsBlur", function () {
+      _this2.setState({
+        rawPointsPossible: _this2.props.pointsPossible || '0'
       });
     });
-    _defineProperty(_this, "onPropertiesChange", function (properties) {
-      _this.props.changeQuizEntryProperties(_this.props.quizEntry.id, properties);
+    _defineProperty(_this2, "onPropertiesChange", function (properties) {
+      _this2.props.changeQuizEntryProperties(_this2.props.quizEntry.id, properties);
     });
-    _defineProperty(_this, "onBankSelection", function (event, option) {
-      _this.props.changeQuizEntryEntry(_this.props.quizEntry.id, option.id);
+    _defineProperty(_this2, "onBankSelection", function (event, option) {
+      _this2.props.changeQuizEntryEntry(_this2.props.quizEntry.id, option.id);
     });
-    _defineProperty(_this, "handleQuestionChange", function (event, selection) {
-      _this.onPropertiesChange({
-        sampleNum: _this.props.sampleNum,
+    _defineProperty(_this2, "handleQuestionChange", function (event, selection) {
+      _this2.onPropertiesChange({
+        sampleNum: _this2.props.sampleNum,
         selection: selection
       });
     });
-    _defineProperty(_this, "handleSampleNumChange", function (event, sampleNum, normalizedSampleNum) {
-      _this.onPropertiesChange({
+    _defineProperty(_this2, "handleSampleNumChange", function (event, sampleNum, normalizedSampleNum) {
+      _this2.onPropertiesChange({
         sampleNum: normalizedSampleNum || '0',
-        selection: _this.props.questionSelection
+        selection: _this2.props.questionSelection
       });
     });
-    _defineProperty(_this, "sampleNumErrors", function () {
-      return _this.props.workingQuizEntry.sampleNumErrors();
+    _defineProperty(_this2, "sampleNumErrors", function () {
+      return _this2.props.workingQuizEntry.sampleNumErrors();
     });
-    _defineProperty(_this, "pointsPossibleErrors", function () {
-      return _this.props.workingQuizEntry.pointsPossibleErrors();
+    _defineProperty(_this2, "pointsPossibleErrors", function () {
+      return _this2.props.workingQuizEntry.pointsPossibleErrors();
     });
-    _defineProperty(_this, "submitHandler", function () {
+    _defineProperty(_this2, "submitHandler", function () {
       var properties = {};
-      if (_this.props.questionSelection === 'all') {
+      if (_this2.props.questionSelection === 'all') {
         properties.sampleNum = null;
       } else {
-        properties.sampleNum = _this.props.sampleNum;
+        properties.sampleNum = _this2.props.sampleNum;
       }
-      _this.props.updateQuizEntry(_this.props.quizId, _this.props.quizEntry.id, {
+      _this2.props.updateQuizEntry(_this2.props.quizId, _this2.props.quizEntry.id, {
         properties: properties,
-        pointsPossible: _this.state.normalizedPointsPossible,
-        entryId: _this.props.workingBank.id
+        pointsPossible: _this2.state.normalizedPointsPossible,
+        entryId: _this2.props.workingBank.id
       });
-      _this.props.clearModifications();
+      _this2.props.clearModifications();
     });
-    _defineProperty(_this, "renderPointsPossibleRow", function () {
+    _defineProperty(_this2, "renderPointsPossibleRow", function () {
       return jsx(Grid.Row, null, jsx(Grid.Col, {
         width: 3
       }, jsx(Text, {
@@ -101,15 +113,15 @@ export var QuizEntryBankEdit = (_dec = withStyleOverrides(generateStyle, generat
         width: 9
       }, jsx(NumberInput, {
         renderLabel: jsx(ScreenReaderContent, null, t('Points per question')),
-        onChange: _this.handlePointsChange,
-        onBlur: _this.handlePointsBlur,
-        value: _this.state.rawPointsPossible,
+        onChange: _this2.handlePointsChange,
+        onBlur: _this2.handlePointsBlur,
+        value: _this2.state.rawPointsPossible,
         width: "5rem",
         display: "inline-block",
-        messages: _this.pointsPossibleErrors()
+        messages: _this2.pointsPossibleErrors()
       })));
     });
-    return _this;
+    return _this2;
   }
   _inherits(QuizEntryBankEdit, _Component);
   return _createClass(QuizEntryBankEdit, [{

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/theme.js

@@ -5,9 +5,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     marginAddMargin: spacing.xSmall,
-    quizEntryBankEditBackgroundColor: colors.white,
+    quizEntryBankEditBackgroundColor: colors.contrasts.white1010,
     quizEntryBankEditBorderSize: borders.widthSmall,
-    quizEntryBankEditBorderColor: colors.oxford,
+    quizEntryBankEditBorderColor: colors.contrasts.grey100100,
     quizEntryBankEditPadding: borders.small,
     quizEntryBankEditMargin: spacing.medium,
     numberInputFontSize: typography.fontSizeMedium,
@@ -16,7 +16,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borderLineTopMargin: spacing.small,
     borderLineBottomMargin: spacing.small,
     borderLineBottomBorderSize: borders.widthSmall,
-    borderLineBottomBorderColor: colors.ash
+    borderLineBottomBorderColor: colors.contrasts.grey4570
   };
 };
 export default generateComponentTheme;

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/index.js

@@ -5,8 +5,20 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizEntryBank;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/theme.js

@@ -4,8 +4,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     borders = _ref.borders;
   return {
-    quizEntryBankBackgroundColor: colors.white,
-    quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.oxford),
+    quizEntryBankBackgroundColor: colors.contrasts.white1010,
+    quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.contrasts.grey100100),
     quizEntryBankPadding: "".concat(spacing.xxSmall, " ").concat(spacing.medium),
     quizEntryBankTopMargin: spacing.small,
     alertWrapperMargin: spacing.small

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -6,8 +6,20 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _dec, _class, _QuizEntryEditFooter;
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -39,54 +51,54 @@ function countDecimals(normalizedPointsString) {
 }
 export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
   function QuizEntryEditFooter() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizEntryEditFooter);
-    _this = _callSuper(this, QuizEntryEditFooter, arguments);
-    _defineProperty(_this, "addFeedbackButton", null);
-    _defineProperty(_this, "openFeedbackModal", function () {
-      var workingEntry = _this.props.workingEntry;
-      _this.props.setUi(ITEM_FEEDBACK_MODAL_ITEM, workingEntry);
-      _this.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, workingEntry.feedback);
-      _this.props.openModal(ITEM_FEEDBACK_MODAL, {
-        modalTrigger: _this.addFeedbackButton
+    _this2 = _callSuper(this, QuizEntryEditFooter, arguments);
+    _defineProperty(_this2, "addFeedbackButton", null);
+    _defineProperty(_this2, "openFeedbackModal", function () {
+      var workingEntry = _this2.props.workingEntry;
+      _this2.props.setUi(ITEM_FEEDBACK_MODAL_ITEM, workingEntry);
+      _this2.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, workingEntry.feedback);
+      _this2.props.openModal(ITEM_FEEDBACK_MODAL, {
+        modalTrigger: _this2.addFeedbackButton
       });
     });
-    _defineProperty(_this, "handlePointsBlur", function () {
-      if (!_this.state.normalizedPoints) {
-        _this.setState({
+    _defineProperty(_this2, "handlePointsBlur", function () {
+      if (!_this2.state.normalizedPoints) {
+        _this2.setState({
           points: '0'
         });
       }
     });
-    _defineProperty(_this, "handlePointsChange", function (event, points, normalizedPoints) {
+    _defineProperty(_this2, "handlePointsChange", function (event, points, normalizedPoints) {
       // do not allow more than 3 decimals
       if (countDecimals(normalizedPoints) <= 3) {
         var pointsFloat = pointsAsFloat(normalizedPoints);
-        if (pointsFloat !== _this.getPoints()) {
-          var _this$props = _this.props,
-            workingQuizEntry = _this$props.workingQuizEntry,
-            workingEntry = _this$props.workingEntry;
+        if (pointsFloat !== _this2.getPoints()) {
+          var _this2$props = _this2.props,
+            workingQuizEntry = _this2$props.workingQuizEntry,
+            workingEntry = _this2$props.workingEntry;
           var qerIndexToUpdate = workingQuizEntry.quizEntryRegrades.findIndex(function (qer) {
             return qer.get('itemId') == workingEntry.id;
           });
           var newQuizEntryRegrades = qerIndexToUpdate > -1 ? workingQuizEntry.quizEntryRegrades.setIn([qerIndexToUpdate, 'pointsPossible'], null) : workingQuizEntry.quizEntryRegrades;
-          _this.props.changeQuizEntryPoints(workingQuizEntry.id, pointsFloat, newQuizEntryRegrades.toJS());
+          _this2.props.changeQuizEntryPoints(workingQuizEntry.id, pointsFloat, newQuizEntryRegrades.toJS());
         }
-        _this.setState({
+        _this2.setState({
           points: points,
           normalizedPoints: normalizedPoints
         });
       }
     });
-    _defineProperty(_this, "handleButtonRef", function (node) {
-      _this.addFeedbackButton = node;
+    _defineProperty(_this2, "handleButtonRef", function (node) {
+      _this2.addFeedbackButton = node;
     });
-    var _points = _this.getPoints();
-    _this.state = {
+    var _points = _this2.getPoints();
+    _this2.state = {
       points: _points,
       normalizedPoints: _points
     };
-    return _this;
+    return _this2;
   }
   _inherits(QuizEntryEditFooter, _Component);
   return _createClass(QuizEntryEditFooter, [{
@@ -117,11 +129,11 @@ export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "renderFeedbackSection",
     value: function renderFeedbackSection() {
-      var _this$props2 = this.props,
-        entry = _this$props2.entry,
-        shouldClone = _this$props2.shouldClone,
-        quizEntry = _this$props2.quizEntry,
-        workingEntry = _this$props2.workingEntry;
+      var _this$props = this.props,
+        entry = _this$props.entry,
+        shouldClone = _this$props.shouldClone,
+        quizEntry = _this$props.quizEntry,
+        workingEntry = _this$props.workingEntry;
       var disabled = entry.isImmutable() && !shouldClone || quizEntry.isBankEntry;
       var icon, text;
       if (workingEntry.hasFeedback()) {

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/styles.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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) { _defineProperty(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 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) { _defineProperty(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; }
 var generateStyle = function generateStyle(componentTheme) {
   var sectionStyle = {
     display: 'flex',

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -7,8 +7,20 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizEntryHeader;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -31,71 +43,71 @@ import generateComponentTheme from './theme';
 import { View } from '@instructure/ui-view';
 var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   function QuizEntryHeader() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizEntryHeader);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizEntryHeader, [].concat(args));
-    _defineProperty(_this, "connectDragSource", function (dragHandle) {
-      if (_this.shouldDisableDragHandle()) {
+    _this2 = _callSuper(this, QuizEntryHeader, [].concat(args));
+    _defineProperty(_this2, "connectDragSource", function (dragHandle) {
+      if (_this2.shouldDisableDragHandle()) {
         return dragHandle;
       }
-      return _this.props.connectDragSource(dragHandle);
+      return _this2.props.connectDragSource(dragHandle);
     });
-    _defineProperty(_this, "clearModifications", function () {
-      _this.props.clearModifications('items', _this.props.entry.id);
+    _defineProperty(_this2, "clearModifications", function () {
+      _this2.props.clearModifications('items', _this2.props.entry.id);
     });
-    _defineProperty(_this, "removeTemporaryItem", function () {
+    _defineProperty(_this2, "removeTemporaryItem", function () {
       var remove = function remove() {
-        _this.props.hideError(_this.props.guid);
-        _this.clearModifications();
-        _this.props.clearTemporaryItem(_this.props.quizId);
-        _this.props.setUi(DELETED_QUIZ_ENTRY, {
-          position: Math.ceil(_this.props.quizEntry.position),
-          inStimulus: _this.props.quizEntry.hasStimulus
+        _this2.props.hideError(_this2.props.guid);
+        _this2.clearModifications();
+        _this2.props.clearTemporaryItem(_this2.props.quizId);
+        _this2.props.setUi(DELETED_QUIZ_ENTRY, {
+          position: Math.ceil(_this2.props.quizEntry.position),
+          inStimulus: _this2.props.quizEntry.hasStimulus
         });
       };
-      _this.props.withConfirm(remove, _this.removalDialogData());
+      _this2.props.withConfirm(remove, _this2.removalDialogData());
     });
-    _defineProperty(_this, "removeNormalItem", function () {
-      _this.props.withConfirm(partial(_this.props.removeQuizEntry, _this.props.quizId, _this.props.quizEntry), _this.removalDialogData());
+    _defineProperty(_this2, "removeNormalItem", function () {
+      _this2.props.withConfirm(partial(_this2.props.removeQuizEntry, _this2.props.quizId, _this2.props.quizEntry), _this2.removalDialogData());
     });
-    _defineProperty(_this, "removeItem", function (e) {
-      if (_this.props.disabledForRegrade) {
+    _defineProperty(_this2, "removeItem", function (e) {
+      if (_this2.props.disabledForRegrade) {
         return null;
       }
-      _this.props.entry.isTemporary() ? _this.removeTemporaryItem() : _this.removeNormalItem();
+      _this2.props.entry.isTemporary() ? _this2.removeTemporaryItem() : _this2.removeNormalItem();
     });
-    _defineProperty(_this, "handleTitleChange", function (event) {
-      _this.props.changeItemTitle(_this.props.entry.id, event.target.value);
+    _defineProperty(_this2, "handleTitleChange", function (event) {
+      _this2.props.changeItemTitle(_this2.props.entry.id, event.target.value);
     });
-    _defineProperty(_this, "storeTitleRef", function (el) {
-      _this.titleRef = el;
+    _defineProperty(_this2, "storeTitleRef", function (el) {
+      _this2.titleRef = el;
     });
-    _defineProperty(_this, "copyItem", /*#__PURE__*/function () {
+    _defineProperty(_this2, "copyItem", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
-        var _this$props, quizId, workingQuizEntry, workingEntry, richFITBEnabled, richFITBInteractionID, msg, validationResult, interactionTypeData;
+        var _this2$props, quizId, workingQuizEntry, workingEntry, richFITBEnabled, richFITBInteractionID, msg, validationResult, interactionTypeData;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _this$props = _this.props, quizId = _this$props.quizId, workingQuizEntry = _this$props.workingQuizEntry, workingEntry = _this$props.workingEntry, richFITBEnabled = _this$props.richFITBEnabled, richFITBInteractionID = _this$props.richFITBInteractionID;
+              _this2$props = _this2.props, quizId = _this2$props.quizId, workingQuizEntry = _this2$props.workingQuizEntry, workingEntry = _this2$props.workingEntry, richFITBEnabled = _this2$props.richFITBEnabled, richFITBInteractionID = _this2$props.richFITBInteractionID;
               msg = t('Question {displayPosition} cannot be saved due to invalid input data.', {
-                displayPosition: _this.props.displayPosition
+                displayPosition: _this2.props.displayPosition
               });
-              if (!_this.props.isValid) {
+              if (!_this2.props.isValid) {
                 _context.next = 14;
                 break;
               }
               _context.next = 5;
-              return _this.props.successfulSubmit();
+              return _this2.props.successfulSubmit();
             case 5:
               validationResult = _context.sent;
               if (!(validationResult === API_INPUT_VALIDATION_ERROR)) {
                 _context.next = 9;
                 break;
               }
-              _this.props.screenreaderNotification(msg);
+              _this2.props.screenreaderNotification(msg);
               return _context.abrupt("return");
             case 9:
               interactionTypeData = {
@@ -114,12 +126,12 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
               if (richFITBEnabled && workingEntry.getInteractionType() instanceof FillBlankInteractionType) {
                 interactionTypeData = convertFITBtoRich(interactionTypeData, richFITBInteractionID);
               }
-              _this.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
+              _this2.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
               _context.next = 16;
               break;
             case 14:
-              _this.props.screenreaderNotification(msg);
-              _this.props.showError(_this.props.guid);
+              _this2.props.screenreaderNotification(msg);
+              _this2.props.showError(_this2.props.guid);
             case 16:
             case "end":
               return _context.stop();
@@ -130,23 +142,23 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         return _ref.apply(this, arguments);
       };
     }());
-    _defineProperty(_this, "handleBankClick", function () {
-      if (_this.props.newActiveBank) {
-        var bankId = _this.props.workingQuizEntry.getEntry().id;
-        _this.props.newActiveBank(bankId);
-        _this.props.setUi(BUILD_TRAY_OPEN, true);
+    _defineProperty(_this2, "handleBankClick", function () {
+      if (_this2.props.newActiveBank) {
+        var bankId = _this2.props.workingQuizEntry.getEntry().id;
+        _this2.props.newActiveBank(bankId);
+        _this2.props.setUi(BUILD_TRAY_OPEN, true);
       }
     });
-    return _this;
+    return _this2;
   }
   _inherits(QuizEntryHeader, _Component);
   return _createClass(QuizEntryHeader, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this2 = this;
+      var _this3 = this;
       // timeout is to ensure the screenreader reads the title label when focused
       setTimeout(function () {
-        !_this2.props.initialFocusId && _this2.titleRef && _this2.titleRef.focus();
+        !_this3.props.initialFocusId && _this3.titleRef && _this3.titleRef.focus();
       }, 200); // without the 200, the black VO focus-box, and the actual focus
       // end up in different places after saving, and re-editing
     }
@@ -205,13 +217,13 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
     key: "renderTitleHolder",
     value: function renderTitleHolder() {
       if (!(this.props.entry instanceof Item)) return;
-      var _this$props2 = this.props,
-        entry = _this$props2.entry,
-        shouldClone = _this$props2.shouldClone,
-        quizEntry = _this$props2.quizEntry,
-        disabledForRegrade = _this$props2.disabledForRegrade,
-        displayPosition = _this$props2.displayPosition,
-        workingEntry = _this$props2.workingEntry;
+      var _this$props = this.props,
+        entry = _this$props.entry,
+        shouldClone = _this$props.shouldClone,
+        quizEntry = _this$props.quizEntry,
+        disabledForRegrade = _this$props.disabledForRegrade,
+        displayPosition = _this$props.displayPosition,
+        workingEntry = _this$props.workingEntry;
       var disabled = disabledForRegrade || entry.isImmutable() && !shouldClone || quizEntry.isBankEntry;
       var titleLabelText = t('Question {questionNumber}, {interactionType}, Edit question title', {
         questionNumber: displayPosition,

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/theme.js

@@ -3,8 +3,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors,
     typography = _ref.typography;
   return {
-    headerBackgroundColor: colors.porcelain,
-    headerColor: colors.oxford,
+    headerBackgroundColor: colors.contrasts.grey1111,
+    headerColor: colors.contrasts.grey100100,
     headerPadding: "".concat(spacing.xSmall, " ").concat(spacing.small)
   };
 };