@instructure/quiz-core 21.2.0 → 22.1.0

package/es/common/components/resources/quiz/title/Title.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, _QuizTitle;
-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/quizSessionResult/Header/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, _QuizSessionResultHeader;
-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,26 +32,26 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var QuizSessionResultHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
   function QuizSessionResultHeader() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizSessionResultHeader);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizSessionResultHeader, [].concat(args));
-    _defineProperty(_this, "renderRegradeAlert", function () {
-      if (_this.props.regradedSessionItemResults && _this.props.regradedSessionItemResults.size > 0) {
-        var questions = _this.props.regradedSessionItemResults.map(function (rsi) {
+    _this2 = _callSuper(this, QuizSessionResultHeader, [].concat(args));
+    _defineProperty(_this2, "renderRegradeAlert", function () {
+      if (_this2.props.regradedSessionItemResults && _this2.props.regradedSessionItemResults.size > 0) {
+        var questions = _this2.props.regradedSessionItemResults.map(function (rsi) {
           return rsi.position;
         }).toJS().join(', ');
         return jsx(Alert, {
           variant: "warning"
         }, t("This assessment has been regraded. {\n              numRegradedSI, plural,\n                   =1 {Question {questions} has been affected.}\n                other {Questions {questions} have been affected.}\n              }", {
           questions: questions,
-          numRegradedSI: _this.props.regradedSessionItemResults.count()
+          numRegradedSI: _this2.props.regradedSessionItemResults.count()
         }));
       }
     });
-    return _this;
+    return _this2;
   }
   _inherits(QuizSessionResultHeader, _Component);
   return _createClass(QuizSessionResultHeader, [{

package/es/common/components/resources/quizSessionResult/Info/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, _Info;
-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,12 +40,12 @@ import generateComponentTheme from './theme';
 var unknownPercentageValue = 'UNKNOWN_PERCENTAGE';
 export var Info = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
   function Info(props) {
-    var _this;
+    var _this2;
     _classCallCheck(this, Info);
-    _this = _callSuper(this, Info, [props]);
-    _this.progressTextFormatter = _this.progressTextFormatter.bind(_this);
-    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind(_this);
-    return _this;
+    _this2 = _callSuper(this, Info, [props]);
+    _this2.progressTextFormatter = _this2.progressTextFormatter.bind(_this2);
+    _this2.progressDisplayFormatter = _this2.progressDisplayFormatter.bind(_this2);
+    return _this2;
   }
   _inherits(Info, _withI18nSupport);
   return _createClass(Info, [{

package/es/common/components/resources/sessionItemResult/ResultStimulus/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, _ResultStimulus;
-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';
@@ -54,17 +66,17 @@ export var ResultStimulus = (_dec = withStyleOverrides(generateStyle, generateCo
   }, {
     key: "renderStimulusItems",
     value: function renderStimulusItems() {
-      var _this = this;
+      var _this2 = this;
       return this.props.sessionItem.getNestedEntries().toArray().map(function (sessionItem, i) {
         return jsx("div", {
           key: sessionItem.position,
-          css: _this.props.styles.item
+          css: _this2.props.styles.item
         }, jsx("div", {
-          css: _this.props.styles.connectingLines
+          css: _this2.props.styles.connectingLines
         }), jsx("div", {
           "data-testid": "stimulus-item",
-          css: _this.props.styles.stimulusItem
-        }, _this.props.renderItem(sessionItem, i !== 0)));
+          css: _this2.props.styles.stimulusItem
+        }, _this2.props.renderItem(sessionItem, i !== 0)));
       });
     }
   }, {

package/es/common/components/resources/sessionItemResult/ResultStimulus/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 mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   var orientVertically = props.stimulus.orientation === 'top';

package/es/common/components/resources/sessionItemResult/ResultStimulus/theme.js

@@ -6,16 +6,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     breakpoints = _ref.breakpoints;
   return {
     rootBorderWidth: borders.widthSmall,
-    rootBorderColor: colors.tiara,
+    rootBorderColor: colors.contrasts.grey1111,
     instructionsPaddingTopBottom: spacing.medium,
     instructionsPaddingLeftRight: spacing.large,
     instructionsBorderWidth: borders.widthSmall,
-    instructionsBorderColor: colors.porcelain,
+    instructionsBorderColor: colors.contrasts.grey1111,
     instructionsHeaderPadding: spacing.xSmall,
     instructionsHeaderFontWeight: typography.fontWeightBold,
     infoPaddingTopBottom: spacing.small,
     infoPaddingLeftRight: spacing.medium,
-    infoBackgroundColor: colors.porcelain,
+    infoBackgroundColor: colors.contrasts.grey1111,
     headerPaddingTop: spacing.xSmall,
     headerPaddingBottom: spacing.small,
     titleFontSize: typography.fontSizeMedium,
@@ -26,7 +26,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneInstructionsPaddingLeftRight: spacing.small,
     phoneInfoPadding: spacing.small,
     phoneConnectingLinesBorderWidth: borders.widthSmall,
-    phoneConnectingLinesBorderColor: colors.tiara,
+    phoneConnectingLinesBorderColor: colors.contrasts.grey1214,
     phoneConnectingLinesMargin: spacing.small
   };
 };

package/es/common/components/resources/sessionItemResult/SessionItemResult/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, _SessionItemResult;
-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 */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
 import { Component } from 'react';
@@ -29,13 +41,13 @@ import generateStyle from './styles';
 import generateComponentTheme from './theme';
 export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SessionItemResult = /*#__PURE__*/function (_Component) {
   function SessionItemResult() {
-    var _this;
+    var _this2;
     _classCallCheck(this, SessionItemResult);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, SessionItemResult, [].concat(args));
-    _defineProperty(_this, "getWorkingInstance", function (sessionItemResult) {
+    _this2 = _callSuper(this, SessionItemResult, [].concat(args));
+    _defineProperty(_this2, "getWorkingInstance", function (sessionItemResult) {
       // Check for getWorkingInstance because it does not exist on results page object
       // and is only needed on the grading page
       if (sessionItemResult.getWorkingInstance) {
@@ -43,7 +55,7 @@ export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generat
       }
       return sessionItemResult.toJS();
     });
-    return _this;
+    return _this2;
   }
   _inherits(SessionItemResult, _Component);
   return _createClass(SessionItemResult, [{
@@ -79,9 +91,9 @@ export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generat
       return typeof this.pointsPossible === 'number';
     }
   }, {
-    key: "position",
-    value: function position() {
-      return this.props.sessionItem.position;
+    key: "questionNumber",
+    value: function questionNumber() {
+      return this.props.sessionItem.questionNumber;
     }
   }, {
     key: "unscorable",
@@ -167,38 +179,38 @@ export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generat
     value: function renderHeader() {
       return jsx("div", {
         css: this.props.styles.sessionItemResultHeader
-      }, this.renderResultPosition(), !this.props.restrictQuantitativeData && (this.hasRegradeInfo() ? this.renderRegradePoints() : this.renderPoints()));
+      }, this.renderResultQuestionNumber(), !this.props.restrictQuantitativeData && (this.hasRegradeInfo() ? this.renderRegradePoints() : this.renderPoints()));
     }
   }, {
-    key: "renderResultPosition",
-    value: function renderResultPosition() {
-      var position = this.position();
-      var positionText;
+    key: "renderResultQuestionNumber",
+    value: function renderResultQuestionNumber() {
+      var questionNumber = this.questionNumber();
+      var questionNumberText;
       if (this.regraded() && this.unscorable()) {
-        positionText = t('Results for question {position, number}. There was a problem grading this question. This question has been regraded.', {
-          position: position
+        questionNumberText = t('Results for question {questionNumber, number}. There was a problem grading this question. This question has been regraded.', {
+          questionNumber: questionNumber
         });
       } else if (this.regraded()) {
-        positionText = t('Results for question {position, number}. This question has been regraded.', {
-          position: position
+        questionNumberText = t('Results for question {questionNumber, number}. This question has been regraded.', {
+          questionNumber: questionNumber
         });
       } else if (this.unscorable() && this.props.editGraderFeedback) {
-        positionText = t('Results for question {position, number}. There was a problem grading this question.', {
-          position: position
+        questionNumberText = t('Results for question {questionNumber, number}. There was a problem grading this question.', {
+          questionNumber: questionNumber
         });
       } else if (this.unscorable()) {
-        positionText = t('Results for question {position, number}. There was a problem grading this question. Please inform your instructor.', {
-          position: position
+        questionNumberText = t('Results for question {questionNumber, number}. There was a problem grading this question. Please inform your instructor.', {
+          questionNumber: questionNumber
         });
       } else {
-        positionText = t('Results for question {position, number}.', {
-          position: position
+        questionNumberText = t('Results for question {questionNumber, number}.', {
+          questionNumber: questionNumber
         });
       }
       return jsx(PositionBox, {
-        position: position,
+        position: questionNumber,
         headingLevel: "h3",
-        headingText: positionText
+        headingText: questionNumberText
       });
     }
   }, {

package/es/common/components/resources/sessionItemResult/SessionItemResult/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) {
   return {
     sessionItemResult: _objectSpread({

package/es/common/components/resources/sessionItemResult/SessionItemResult/theme.js

@@ -6,9 +6,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     sessionItemResultPadding: spacing.small,
     topBorderWidth: borders.widthSmall,
-    topBorderColor: colors.tiara,
+    topBorderColor: colors.contrasts.grey1214,
     resultMargin: spacing.small,
-    pointsColor: colors.ash,
+    pointsColor: colors.contrasts.grey4570,
     pointFontSize: typography.fontSizeXSmall,
     questionFontSize: typography.fontSizeMedium,
     itemFeedbackWrapperMargin: spacing.small,
@@ -17,9 +17,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     itemFeedbackWrapperFontSize: typography.fontSizeSmall,
     itemFeedbackWrapperBorderStyle: borders.borderStyle,
     itemFeedbackWrapperBorderWidth: borders.widthSmall,
-    itemFeedbackWrapperBorderColor: colors.tiara,
+    itemFeedbackWrapperBorderColor: colors.contrasts.grey1214,
     itemFeedbackWrapperStyle: borders.style,
-    itemFeedbackLabelColor: colors.oxford,
+    itemFeedbackLabelColor: colors.contrasts.grey100100,
     itemFeedbackLabelFontSize: typography.fontSizeXSmall,
     itemFeedbackMargin: spacing.xxSmall,
     itemFeedbackTextSize: typography.fontSizeMedium,

package/es/common/components/resources/sessionItemResult/SessionItemResultsList/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, _SessionItemResultsList;
-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';
@@ -23,28 +35,28 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var SessionItemResultsList = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SessionItemResultsList = /*#__PURE__*/function (_Component) {
   function SessionItemResultsList() {
-    var _this;
+    var _this2;
     _classCallCheck(this, SessionItemResultsList);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, SessionItemResultsList, [].concat(args));
-    _defineProperty(_this, "renderSessionItem", function (sessionItem, shouldRenderTopBorder) {
+    _this2 = _callSuper(this, SessionItemResultsList, [].concat(args));
+    _defineProperty(_this2, "renderSessionItem", function (sessionItem, shouldRenderTopBorder) {
       return jsx(SessionItemResult, {
-        appContainer: _this.props.appContainer,
+        appContainer: _this2.props.appContainer,
         key: sessionItem.id,
-        restrictQuantitativeData: _this.props.restrictQuantitativeData,
+        restrictQuantitativeData: _this2.props.restrictQuantitativeData,
         sessionItem: sessionItem,
         sessionItemResult: sessionItem.sessionItemResult,
         shouldRenderTopBorder: shouldRenderTopBorder
       });
     });
-    _defineProperty(_this, "renderItems", function () {
-      return generateDisplayPositions(_this.props.sessionItems).map(function (si) {
-        return _this.renderItem(si.record);
+    _defineProperty(_this2, "renderItems", function () {
+      return generateDisplayPositions(_this2.props.sessionItems).map(function (si) {
+        return _this2.renderItem(si.record);
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(SessionItemResultsList, _Component);
   return _createClass(SessionItemResultsList, [{

package/es/common/components/resources/sessionItemResult/SessionItemResultsList/theme.js

@@ -8,7 +8,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sessionItemResultsListHeaderWrapperMarginLeftRight: spacing.large,
     sessionItemResultsListHeaderFontSize: typography.fontSizeXLarge,
     sessionItemResultsListMargin: spacing.xSmall,
-    sessionItemResultsListBorderColor: colors.tiara,
+    sessionItemResultsListBorderColor: colors.contrasts.grey1214,
     sessionItemResultsListBorderWidth: borders.widthSmall
   };
 };

package/es/common/components/resources/stimulus/Stimulus/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, _Stimulus;
-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';
@@ -26,22 +38,22 @@ import generateStyle from './styles';
 import generateComponentTheme from './theme';
 export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Stimulus = /*#__PURE__*/function (_Component) {
   function Stimulus() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Stimulus);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Stimulus, [].concat(args));
-    _defineProperty(_this, "openDeleteStimulusModal", function () {
+    _this2 = _callSuper(this, Stimulus, [].concat(args));
+    _defineProperty(_this2, "openDeleteStimulusModal", function () {
       var uiData = Map({
-        quizId: _this.props.quizId,
-        stimulusEntry: _this.props.quizEntry,
-        childEntries: _this.props.childEntries
+        quizId: _this2.props.quizId,
+        stimulusEntry: _this2.props.quizEntry,
+        childEntries: _this2.props.childEntries
       });
-      _this.props.setUi(DELETE_STIMULUS_DATA, uiData);
-      _this.props.openDeleteStimulusModal();
+      _this2.props.setUi(DELETE_STIMULUS_DATA, uiData);
+      _this2.props.openDeleteStimulusModal();
     });
-    return _this;
+    return _this2;
   }
   _inherits(Stimulus, _Component);
   return _createClass(Stimulus, [{
@@ -78,23 +90,23 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
   }, {
     key: "renderChildQuizEntries",
     value: function renderChildQuizEntries() {
-      var _this2 = this;
+      var _this3 = this;
       var nextDisplayPosition = this.props.displayPosition;
       return this.props.childEntries.toArray().map(function (childEntry, idx) {
         var displayPosition = nextDisplayPosition;
         nextDisplayPosition += childEntry.displayPositionSlots;
         return jsx("div", {
-          css: _this2.props.styles.quizEntryWrapper,
+          css: _this3.props.styles.quizEntryWrapper,
           key: childEntry.id
-        }, jsx(ConnectedQuizEntry, Object.assign({}, _this2.props.propsForQuizEntry(childEntry, displayPosition), {
-          stimulusOrientation: _this2.props.stimulusOrientationEnabled ? _this2.props.stimulus.orientation : null
-        })), !_this2.props.draggingOnBuild && !_this2.isQuizContentLocked() && jsx(AddContentPopover, {
+        }, jsx(ConnectedQuizEntry, Object.assign({}, _this3.props.propsForQuizEntry(childEntry, displayPosition), {
+          stimulusOrientation: _this3.props.stimulusOrientationEnabled ? _this3.props.stimulus.orientation : null
+        })), !_this3.props.draggingOnBuild && !_this3.isQuizContentLocked() && jsx(AddContentPopover, {
           allowStimulusCreation: false,
-          stimulusId: _this2.props.stimulus.id,
-          parentEntryId: _this2.props.quizEntry.id,
-          quizId: _this2.props.quizId,
+          stimulusId: _this3.props.stimulus.id,
+          parentEntryId: _this3.props.quizEntry.id,
+          quizId: _this3.props.quizId,
           position: childEntry.position + 1,
-          useStimulusTrigger: idx + 1 === _this2.props.childEntries.size
+          useStimulusTrigger: idx + 1 === _this3.props.childEntries.size
         }));
       });
     }

package/es/common/components/resources/stimulus/Stimulus/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; }
 import { LEFT } from '@instructure/quiz-common';
 var generateStyle = function generateStyle(componentTheme, props) {
   var mp = '@media print';

package/es/common/components/resources/stimulus/Stimulus/theme.js

@@ -6,7 +6,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     leftPanelPadding: spacing.xxSmall,
     leftPanelBorderWidth: borders.widthSmall,
-    leftPanelBorderColor: colors.tiara,
+    leftPanelBorderColor: colors.contrasts.grey1214,
     rightPanelPadding: spacing.xSmall,
     dragAndDropHandleZIndex: '3333',
     dragAndDropHandleFontSize: typography.fontSizeMedium,