@instructure/quiz-core 21.2.0 → 22.0.0

package/es/common/components/resources/entry/EntrySave/presenter.js

@@ -6,8 +6,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";
 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));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
@@ -18,42 +30,42 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import noop from '../../../../util/noop';
 export var EntrySave = /*#__PURE__*/function (_Component) {
   function EntrySave() {
-    var _this;
+    var _this2;
     _classCallCheck(this, EntrySave);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, EntrySave, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this2 = _callSuper(this, EntrySave, [].concat(args));
+    _defineProperty(_this2, "state", {
       canSubmit: true
     });
-    _defineProperty(_this, "createScreenReaderNotification", function () {
-      var displayPosition = _this.props.displayPosition;
+    _defineProperty(_this2, "createScreenReaderNotification", function () {
+      var displayPosition = _this2.props.displayPosition;
       var msg = displayPosition === null ? t('This question cannot be saved due to invalid input data.') : t('Question {displayPosition} cannot be saved due to invalid input data.', {
         displayPosition: displayPosition
       });
-      _this.props.screenreaderNotification(msg);
+      _this2.props.screenreaderNotification(msg);
     });
-    _defineProperty(_this, "onSubmit", /*#__PURE__*/function () {
+    _defineProperty(_this2, "onSubmit", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               e.preventDefault();
-              if (!_this.props.isValid) {
+              if (!_this2.props.isValid) {
                 _context.next = 5;
                 break;
               }
-              _this.successfulSubmit();
+              _this2.successfulSubmit();
               _context.next = 10;
               break;
             case 5:
-              _this.createScreenReaderNotification();
+              _this2.createScreenReaderNotification();
               _context.next = 8;
-              return _this.props.showError(_this.props.guid);
+              return _this2.props.showError(_this2.props.guid);
             case 8:
-              _this.props.clearNextQuizEntry();
-              _this.focusFirstErrorField();
+              _this2.props.clearNextQuizEntry();
+              _this2.focusFirstErrorField();
             case 10:
             case "end":
               return _context.stop();
@@ -64,25 +76,25 @@ export var EntrySave = /*#__PURE__*/function (_Component) {
         return _ref.apply(this, arguments);
       };
     }());
-    _defineProperty(_this, "focusFirstErrorField", function () {
-      var itemEditArea = _this.props.itemEditArea;
+    _defineProperty(_this2, "focusFirstErrorField", function () {
+      var itemEditArea = _this2.props.itemEditArea;
       if (itemEditArea) {
         var editArea = ReactDOM.findDOMNode(itemEditArea);
         var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
         firstErrorField && firstErrorField.focus();
       }
     });
-    _defineProperty(_this, "clearChanges", function () {
+    _defineProperty(_this2, "clearChanges", function () {
       var fromCancel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      _this.props.switchOffEditing();
-      _this.props.hideError(_this.props.guid);
-      _this.props.clearChanges(fromCancel);
+      _this2.props.switchOffEditing();
+      _this2.props.hideError(_this2.props.guid);
+      _this2.props.clearChanges(fromCancel);
     });
-    _defineProperty(_this, "onCancel", function () {
-      _this.clearChanges(true);
-      _this.props.cancelHandler();
+    _defineProperty(_this2, "onCancel", function () {
+      _this2.clearChanges(true);
+      _this2.props.cancelHandler();
     });
-    return _this;
+    return _this2;
   }
   _inherits(EntrySave, _Component);
   return _createClass(EntrySave, [{

package/es/common/components/resources/item/ItemEdit/presenter.js

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -20,32 +32,32 @@ import { propsForInteractionEdit } from '../../../../util/interactionTypePropsHe
 import { toErrors } from '../../../../util/instUIMessages';
 export var ItemEdit = /*#__PURE__*/function (_Component) {
   function ItemEdit() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ItemEdit);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ItemEdit, [].concat(args));
-    _defineProperty(_this, "onOutcomeAlignmentSetChange", function (outcomeAlignmentSet) {
-      var item = _this.props.entry;
+    _this2 = _callSuper(this, ItemEdit, [].concat(args));
+    _defineProperty(_this2, "onOutcomeAlignmentSetChange", function (outcomeAlignmentSet) {
+      var item = _this2.props.entry;
       if (item.outcomeAlignmentSetGuid !== outcomeAlignmentSet.guid) {
-        return _this.props.changeOutcomeAlignmentSetGuid(item.id, outcomeAlignmentSet.guid);
+        return _this2.props.changeOutcomeAlignmentSetGuid(item.id, outcomeAlignmentSet.guid);
       }
       return null;
     });
-    _defineProperty(_this, "onModalOpen", function () {
-      _this.props.occludeQuizEntries(true);
+    _defineProperty(_this2, "onModalOpen", function () {
+      _this2.props.occludeQuizEntries(true);
     });
-    _defineProperty(_this, "onModalClose", function () {
-      _this.props.occludeQuizEntries(false);
+    _defineProperty(_this2, "onModalClose", function () {
+      _this2.props.occludeQuizEntries(false);
     });
-    _defineProperty(_this, "getError", function (field) {
-      if (_this.props.errorsAreShowing) {
-        var errors = _this.props.workingItem.getErrors().toJS();
+    _defineProperty(_this2, "getError", function (field) {
+      if (_this2.props.errorsAreShowing) {
+        var errors = _this2.props.workingItem.getErrors().toJS();
         return toErrors(errors[field] || []);
       }
     });
-    return _this;
+    return _this2;
   }
   _inherits(ItemEdit, _Component);
   return _createClass(ItemEdit, [{

package/es/common/components/resources/item/ItemOverride/presenter.js

@@ -4,10 +4,22 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 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 _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 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; }
+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));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -16,20 +28,20 @@ import { COMPONENT_EDIT } from '@instructure/quiz-common';
 import { propsForInteractionEdit } from '../../../../util/interactionTypePropsHelper';
 export var ItemOverride = /*#__PURE__*/function (_Component) {
   function ItemOverride() {
-    var _this;
+    var _this2;
     _classCallCheck(this, ItemOverride);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ItemOverride, [].concat(args));
-    _defineProperty(_this, "changeOverrideState", function (newState, changes) {
+    _this2 = _callSuper(this, ItemOverride, [].concat(args));
+    _defineProperty(_this2, "changeOverrideState", function (newState, changes) {
       if (changes) {
-        _this.props.changeQuizEntryProperties(_this.props.quizEntry.id, {
+        _this2.props.changeQuizEntryProperties(_this2.props.quizEntry.id, {
           itemOverrides: changes
         });
       }
     });
-    return _this;
+    return _this2;
   }
   _inherits(ItemOverride, _Component);
   return _createClass(ItemOverride, [{

package/es/common/components/resources/item/ItemShow/index.js

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';

package/es/common/components/resources/positionBox/PositionBox.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, _PositionBox;
-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/common/components/resources/positionBox/theme.js

@@ -5,10 +5,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     positionMargin: spacing.xSmall,
     positionPadding: spacing.xSmall,
-    positionBackgroundColor: colors.licorice,
+    positionBackgroundColor: colors.contrasts.grey125125,
     positionZIndex: '3333',
     positionDimension: '2em',
-    positionTextColor: colors.porcelain,
+    positionTextColor: colors.contrasts.grey1111,
     positionTextFontSize: typography.fontSizeMedium
   };
 };

package/es/common/components/resources/quiz/AddContent/Body/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, _AddContentBody;
-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';
@@ -25,46 +37,46 @@ import generateStyle from './styles';
 import generateComponentTheme from './theme';
 export var AddContentBody = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
   function AddContentBody() {
-    var _this;
+    var _this2;
     _classCallCheck(this, AddContentBody);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AddContentBody, [].concat(args));
+    _this2 = _callSuper(this, AddContentBody, [].concat(args));
     // ==============================
     // ACTIONS
     // ==============================
-    _defineProperty(_this, "openBankTray", function () {
-      _this.props.onOpenBankTray();
-      _this.props.setUi(BUILD_TRAY_OPEN, true);
-      _this.props.setUi(BUILD_TRAY_POSITION, _this.props.position);
-      _this.props.setUi(BUILD_TRAY_STIMULUS_ID, _this.props.parentEntryId);
+    _defineProperty(_this2, "openBankTray", function () {
+      _this2.props.onOpenBankTray();
+      _this2.props.setUi(BUILD_TRAY_OPEN, true);
+      _this2.props.setUi(BUILD_TRAY_POSITION, _this2.props.position);
+      _this2.props.setUi(BUILD_TRAY_STIMULUS_ID, _this2.props.parentEntryId);
     });
-    _defineProperty(_this, "addStimulus", function (isPassage) {
-      if (_this.props.editingQuizEntry) {
-        _this.props.setNextQuizEntry(null, _this.props.quizId, _this.props.position);
+    _defineProperty(_this2, "addStimulus", function (isPassage) {
+      if (_this2.props.editingQuizEntry) {
+        _this2.props.setNextQuizEntry(null, _this2.props.quizId, _this2.props.position);
       } else {
-        _this.props.createStimulus(_this.props.quizId, _this.props.position, isPassage);
+        _this2.props.createStimulus(_this2.props.quizId, _this2.props.position, isPassage);
       }
-      _this.props.onAddItem();
+      _this2.props.onAddItem();
     });
-    _defineProperty(_this, "addItem", function (interactionTypeData) {
-      if (_this.props.quizEntryWithErrorsShowing) {
-        _this.props.screenreaderNotification(t('Question {itemPosition, number} cannot be saved due to invalid input data', {
-          itemPosition: Math.ceil(_this.props.quizEntryWithErrorsShowing.position)
+    _defineProperty(_this2, "addItem", function (interactionTypeData) {
+      if (_this2.props.quizEntryWithErrorsShowing) {
+        _this2.props.screenreaderNotification(t('Question {itemPosition, number} cannot be saved due to invalid input data', {
+          itemPosition: Math.ceil(_this2.props.quizEntryWithErrorsShowing.position)
         }));
       } else {
-        var _this$props = _this.props,
-          quizId = _this$props.quizId,
-          position = _this$props.position,
-          stimulusId = _this$props.stimulusId,
-          parentEntryId = _this$props.parentEntryId;
-        if (_this.props.editingQuizEntry) {
-          _this.props.setNextQuizEntry(interactionTypeData, quizId, position, stimulusId, parentEntryId);
+        var _this2$props = _this2.props,
+          quizId = _this2$props.quizId,
+          position = _this2$props.position,
+          stimulusId = _this2$props.stimulusId,
+          parentEntryId = _this2$props.parentEntryId;
+        if (_this2.props.editingQuizEntry) {
+          _this2.props.setNextQuizEntry(interactionTypeData, quizId, position, stimulusId, parentEntryId);
         } else {
           var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
           var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
-          _this.props.createItem(quizId, position, {
+          _this2.props.createItem(quizId, position, {
             id: interactionTypeData.id,
             interactionData: defaultInteractionData,
             itemBody: interactionTypeData.itemBody,
@@ -75,25 +87,25 @@ export var AddContentBody = (_dec = withStyleOverrides(generateStyle, generateCo
           }, parentEntryId, stimulusId);
         }
       }
-      _this.props.onAddItem();
+      _this2.props.onAddItem();
     });
     // ==============================
     // RENDERING
     // ==============================
-    _defineProperty(_this, "renderBankButton", function () {
+    _defineProperty(_this2, "renderBankButton", function () {
       return jsx(IconButton, {
         size: "large",
-        onClick: _this.openBankTray,
+        onClick: _this2.openBankTray,
         "data-automation": "sdk-add-banked-content-button",
         screenReaderLabel: t('Add banked content')
       }, jsx(IconBankLine, null));
     });
-    _defineProperty(_this, "renderPopoverHeader", function () {
-      var text = _this.props.showHeaderText ? t('Insert Content') : '';
+    _defineProperty(_this2, "renderPopoverHeader", function () {
+      var text = _this2.props.showHeaderText ? t('Insert Content') : '';
       return jsx("div", {
-        css: _this.props.styles.popoverHeaderBox
+        css: _this2.props.styles.popoverHeaderBox
       }, jsx("div", {
-        css: _this.props.styles.popoverHeader
+        css: _this2.props.styles.popoverHeader
       }, jsx(Grid, {
         vAlign: "middle",
         colSpacing: "none",
@@ -102,9 +114,9 @@ export var AddContentBody = (_dec = withStyleOverrides(generateStyle, generateCo
         color: "primary"
       }, text)), jsx(Grid.Col, {
         width: "auto"
-      }, _this.renderBankButton())))));
+      }, _this2.renderBankButton())))));
     });
-    return _this;
+    return _this2;
   }
   _inherits(AddContentBody, _Component);
   return _createClass(AddContentBody, [{

package/es/common/components/resources/quiz/AddContent/Body/theme.js

@@ -8,7 +8,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     popoverContentMargin: spacing.medium,
     popoverHeaderBoxBorderWidth: borders.widthSmall,
-    popoverHeaderBoxBorderColor: colors.tiara
+    popoverHeaderBoxBorderColor: colors.contrasts.grey1214
   };
 };
 export default generateComponentTheme;

package/es/common/components/resources/quiz/AddContent/Button/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, _AddContentButton;
-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';
@@ -20,16 +32,16 @@ import generateComponentTheme from './theme';
 import { END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
 export var AddContentButton = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AddContentButton = /*#__PURE__*/function (_Component) {
   function AddContentButton() {
-    var _this;
+    var _this2;
     _classCallCheck(this, AddContentButton);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AddContentButton, [].concat(args));
-    _defineProperty(_this, "storeButtonElemRef", function (c) {
-      _this.buttonElem = c;
+    _this2 = _callSuper(this, AddContentButton, [].concat(args));
+    _defineProperty(_this2, "storeButtonElemRef", function (c) {
+      _this2.buttonElem = c;
     });
-    return _this;
+    return _this2;
   }
   _inherits(AddContentButton, _Component);
   return _createClass(AddContentButton, [{

package/es/common/components/resources/quiz/AddContent/Button/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, props) {
   var printMq = '@media print';
   return {

package/es/common/components/resources/quiz/AddContent/Button/theme.js

@@ -8,16 +8,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     attachQuestionButtonHolderZIndex: '2222',
     newItemButtonMargin: spacing.xSmall,
     newItemButtonPadding: spacing.xSmall,
-    newItemButtonBackgroundColor: colors.brand,
+    newItemButtonBackgroundColor: colors.contrasts.blue4570,
     newItemButtonBorderRadius: spacing.large,
-    newItemButtonColor: colors.white,
-    newItemButtonFocusOutline: "2px solid ".concat(colors.brand),
+    newItemButtonColor: colors.contrasts.white1010,
+    newItemButtonFocusOutline: "2px solid ".concat(colors.contrasts.blue4570),
     newItemButtonFocusOutlineOffset: spacing.xxxSmall,
     newItemButtonFontSize: typography.fontSizeMedium,
     newItemButtonFontWeight: typography.fontWeightBold,
     newItemButtonZIndex: '4444',
     newItemButtonBoxShadow: '2px 2px 3px #ddd',
-    newItemButtonEditingBackgroundColor: colors.crimson,
+    newItemButtonEditingBackgroundColor: colors.contrasts.red4570,
     newItemButtonHolderZIndex: '2222',
     newItemButtonTransition: "background-color ".concat(transitions.duration, " linear, transform ").concat(transitions.duration, " ease")
   };

package/es/common/components/resources/quiz/AddContent/Modal/presenter.js

@@ -4,8 +4,20 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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));
+}
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';