@instructure/quiz-core 21.2.0 → 22.0.0

package/es/common/components/layout/sidebar/Sidebar/index.js

@@ -5,10 +5,22 @@ 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, _Sidebar;
-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));
+}
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
 import { Component } from 'react';
@@ -34,42 +46,42 @@ import generateStyle from './styles';
 import generateComponentTheme from './theme';
 export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Sidebar = /*#__PURE__*/function (_Component) {
   function Sidebar() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Sidebar);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Sidebar, [].concat(args));
-    _defineProperty(_this, "scrollToTitle", function (e) {
+    _this2 = _callSuper(this, Sidebar, [].concat(args));
+    _defineProperty(_this2, "scrollToTitle", function (e) {
       e.preventDefault(); // prevent default link navigation
-      _this.props.scrollToItem(null)(TITLE_SCROLL_KEY);
+      _this2.props.scrollToItem(null)(TITLE_SCROLL_KEY);
     });
-    _defineProperty(_this, "scrollToInfo", function (e) {
+    _defineProperty(_this2, "scrollToInfo", function (e) {
       e.preventDefault(); // prevent default link navigation
-      _this.props.scrollToItem(null)(INSTRUCTIONS_SCROLL_KEY);
+      _this2.props.scrollToItem(null)(INSTRUCTIONS_SCROLL_KEY);
     });
-    _defineProperty(_this, "scrollToResults", function (e) {
+    _defineProperty(_this2, "scrollToResults", function (e) {
       e.preventDefault(); // prevent default link navigation
-      _this.props.scrollToItem(null)(RESULTS_SCROLL_KEY);
+      _this2.props.scrollToItem(null)(RESULTS_SCROLL_KEY);
     });
-    _defineProperty(_this, "toggleSidebar", function () {
-      var msg = _this.props.sidebarOpen ? t('Closed Sidebar') : t('Opened Sidebar');
-      _this.props.screenreaderNotification(msg);
-      _this.props.toggleSidebar();
+    _defineProperty(_this2, "toggleSidebar", function () {
+      var msg = _this2.props.sidebarOpen ? t('Closed Sidebar') : t('Opened Sidebar');
+      _this2.props.screenreaderNotification(msg);
+      _this2.props.toggleSidebar();
     });
-    _defineProperty(_this, "refWrapper", function (c) {
-      _this.sidebarWrapper = c;
+    _defineProperty(_this2, "refWrapper", function (c) {
+      _this2.sidebarWrapper = c;
     });
-    _defineProperty(_this, "handleBlur", function () {
-      var isOpen = _this.props.sidebarOpen;
+    _defineProperty(_this2, "handleBlur", function () {
+      var isOpen = _this2.props.sidebarOpen;
       setTimeout(function () {
-        var focusNotInSidebar = _this.sidebarWrapper !== null && !_this.sidebarWrapper.contains(document.activeElement);
-        if (_this.props.shouldCloseOnBlur && focusNotInSidebar && isOpen) {
-          _this.toggleSidebar();
+        var focusNotInSidebar = _this2.sidebarWrapper !== null && !_this2.sidebarWrapper.contains(document.activeElement);
+        if (_this2.props.shouldCloseOnBlur && focusNotInSidebar && isOpen) {
+          _this2.toggleSidebar();
         }
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(Sidebar, _Component);
   return _createClass(Sidebar, [{

package/es/common/components/layout/sidebar/Sidebar/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 merge from 'lodash/merge';
 import { generateExternalStyle } from './externalStyles';
 var generateStyle = function generateStyle(componentTheme, props) {

package/es/common/components/layout/sidebar/Sidebar/theme.js

@@ -9,30 +9,30 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     sidebarWidthClosed: spacing.xxLarge,
     sidebarWidthOpen: '22rem',
-    sidebarBackgroundColor: colors.white,
+    sidebarBackgroundColor: colors.contrasts.white1010,
     sidebarBorderWidth: borders.widthSmall,
-    sidebarBorderColor: colors.tiara,
-    sidebarColor: colors.oxford,
+    sidebarBorderColor: colors.contrasts.grey1214,
+    sidebarColor: colors.contrasts.grey100100,
     sidebarZIndex: '5555',
     sidebarTransitionDuration: transitions.duration,
     infoHolderFontSize: typography.fontSizeXSmall,
     infoHolderBorderWidth: borders.widthSmall,
-    infoHolderBorderColor: colors.tiara,
+    infoHolderBorderColor: colors.contrasts.grey1214,
     infoHolderPadding: spacing.small,
-    actionableInfoHoverBorderColor: colors.electric,
+    actionableInfoHoverBorderColor: colors.contrasts.blue4570,
     actionableInfoBorderWidth: borders.widthLarge,
     questionNavigatorPadding: spacing.xxxSmall,
     headerSpacingPadding: "".concat(spacing.small, " ").concat(spacing.xSmall),
-    pinnedSectionBackgroundColor: colors.porcelain,
+    pinnedSectionBackgroundColor: colors.contrasts.grey1111,
     pinnedQuestionSpacing: spacing.small,
     pinnedQuestionFontSize: typography.fontSizeSmall,
     sidebarHeaderBorderWidth: borders.widthSmall,
-    sidebarHeaderBorderColor: colors.tiara,
+    sidebarHeaderBorderColor: colors.contrasts.grey1214,
     descriptionFontSize: typography.fontSizeXSmall,
-    descriptionFontColor: colors.slate,
+    descriptionFontColor: colors.contrasts.grey4570,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
-    focusBorderColor: colors.brand,
-    focusOutlineColor: alpha(colors.brand, 50)
+    focusBorderColor: colors.contrasts.blue4570,
+    focusOutlineColor: alpha(colors.contrasts.blue4570, 50)
   };
 };
 export default generateComponentTheme;

package/es/common/components/layout/sidebar/SidebarItem/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, _SidebarItem;
-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,26 +35,26 @@ import { Tooltip } from '@instructure/ui-tooltip';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 export var SidebarItem = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
   function SidebarItem() {
-    var _this;
+    var _this2;
     _classCallCheck(this, SidebarItem);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, SidebarItem, [].concat(args));
+    _this2 = _callSuper(this, SidebarItem, [].concat(args));
     // ============
     //   ACTIONS
     // ============
-    _defineProperty(_this, "scrollToItem", function (e) {
+    _defineProperty(_this2, "scrollToItem", function (e) {
       e.preventDefault(); // prevent default link navigation
-      if (_this.props.preventScrollToItem) {
+      if (_this2.props.preventScrollToItem) {
         return;
       }
       // this can be a real scroll or a oqaat change
       // depending on whether is is oqaat or not
-      _this.props.scrollToItem(_this.props.itemId);
+      _this2.props.scrollToItem(_this2.props.itemId);
       e.stopPropagation();
     });
-    return _this;
+    return _this2;
   }
   _inherits(SidebarItem, _Component);
   return _createClass(SidebarItem, [{

package/es/common/components/layout/sidebar/SidebarItem/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 {
     sidebarItem: _objectSpread(_objectSpread(_objectSpread({

package/es/common/components/layout/sidebar/SidebarItem/theme.js

@@ -4,13 +4,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     spacing = _ref.spacing;
   return {
-    borderColor: colors.white,
-    bottomBorderColor: colors.tiara,
+    borderColor: colors.contrasts.white1010,
+    bottomBorderColor: colors.contrasts.grey1214,
     bottomBorderWidth: borders.widthSmall,
-    darkTextColor: colors.licorice,
-    hoverBorderColor: colors.electric,
+    darkTextColor: colors.contrasts.grey125125,
+    hoverBorderColor: colors.contrasts.blue4570,
     hoverBorderWidth: borders.widthLarge,
-    infoHeaderColor: colors.slate,
+    infoHeaderColor: colors.contrasts.grey4570,
     infoHeaderFontSize: typography.fontSizeXSmall,
     itemBodyFontSize: typography.fontSizeSmall,
     itemBodyMarginTop: spacing.xxSmall,

package/es/common/components/layout/sidebar/Stimulus/Collection/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, _Collection;
-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,19 +35,19 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var Collection = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
   function Collection() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Collection);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Collection, [].concat(args));
-    _defineProperty(_this, "handleSidebarHideItems", function () {
-      _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, false);
+    _this2 = _callSuper(this, Collection, [].concat(args));
+    _defineProperty(_this2, "handleSidebarHideItems", function () {
+      _this2.props.setSidebarStimulusIsShowing(_this2.props.stimulusId, false);
     });
-    _defineProperty(_this, "handleSidebarShowItems", function () {
-      _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, true);
+    _defineProperty(_this2, "handleSidebarShowItems", function () {
+      _this2.props.setSidebarStimulusIsShowing(_this2.props.stimulusId, true);
     });
-    return _this;
+    return _this2;
   }
   _inherits(Collection, _Component);
   return _createClass(Collection, [{
@@ -61,7 +73,7 @@ export var Collection = (_dec = withStyleOverrides(generateStyle, generateCompon
     // =============
 
     function renderItems() {
-      var _this2 = this;
+      var _this3 = this;
       var _this$props = this.props,
         firstPosition = _this$props.firstPosition,
         isShowingItems = _this$props.isShowingItems,
@@ -73,8 +85,8 @@ export var Collection = (_dec = withStyleOverrides(generateStyle, generateCompon
         nextDisplayPosition += item.displayPositionSlots;
         return jsx("div", {
           key: item.id,
-          css: _this2.props.styles.sidebarItemContainer
-        }, _this2.props.renderSidebarItem(item, displayPosition, sidebarOpen));
+          css: _this3.props.styles.sidebarItemContainer
+        }, _this3.props.renderSidebarItem(item, displayPosition, sidebarOpen));
       });
       var transitionType = isShowingItems ? 'slide-down' : 'slide-up';
       return jsx(Transition, {

package/es/common/components/layout/sidebar/Stimulus/Collection/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 { DISPLAY_AS_SUMMARY_LIMIT } from '../presenter';
 var generateStyle = function generateStyle(componentTheme, props) {
   var shouldDisplayAllItems = props.itemCollection.size <= DISPLAY_AS_SUMMARY_LIMIT;

package/es/common/components/layout/sidebar/Stimulus/Collection/theme.js

@@ -4,7 +4,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     columnPadding: spacing.xSmall,
-    sidebarIsOpenBottomBorderColor: colors.slate,
+    sidebarIsOpenBottomBorderColor: colors.contrasts.grey4570,
     sidebarIsOpenBottomBorderWidth: borders.widthSmall
   };
 };

package/es/common/components/layout/sidebar/Stimulus/Summary/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, _Summary;
-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';
@@ -19,25 +31,25 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var Summary = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
   function Summary() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Summary);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Summary, [].concat(args));
-    _defineProperty(_this, "handleShowItems", function () {
-      if (_this.props.isDragging) {
+    _this2 = _callSuper(this, Summary, [].concat(args));
+    _defineProperty(_this2, "handleShowItems", function () {
+      if (_this2.props.isDragging) {
         return;
       }
-      _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, !_this.props.isShowingItems);
+      _this2.props.setSidebarStimulusIsShowing(_this2.props.stimulusId, !_this2.props.isShowingItems);
     });
-    _defineProperty(_this, "handleKeyDown", function (event) {
+    _defineProperty(_this2, "handleKeyDown", function (event) {
       if (event.keyCode === 13 || event.keyCode === 32) {
         // enter or space pressed
-        _this.handleShowItems();
+        _this2.handleShowItems();
       }
     });
-    return _this;
+    return _this2;
   }
   _inherits(Summary, _Component);
   return _createClass(Summary, [{

package/es/common/components/layout/sidebar/Stimulus/Summary/theme.js

@@ -3,10 +3,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     borders = _ref.borders;
   return {
-    itemContainerColor: colors.licorice,
+    itemContainerColor: colors.contrasts.grey125125,
     itemContainerPadding: spacing.xSmall,
     itemContainerBorderWidth: borders.widthSmall,
-    itemContainerBorderColor: colors.licorice,
+    itemContainerBorderColor: colors.contrasts.grey125125,
     summaryMargin: spacing.small,
     summaryMarginLeft: spacing.medium
   };

package/es/common/components/layout/sidebar/Stimulus/Title/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, _Title;
-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/layout/sidebar/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, _SidebarStimulus;
-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,20 +38,20 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 export var DISPLAY_AS_SUMMARY_LIMIT = 5;
 export var SidebarStimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
   function SidebarStimulus() {
-    var _this;
+    var _this2;
     _classCallCheck(this, SidebarStimulus);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, SidebarStimulus, [].concat(args));
-    _defineProperty(_this, "scrollToItem", function (e) {
+    _this2 = _callSuper(this, SidebarStimulus, [].concat(args));
+    _defineProperty(_this2, "scrollToItem", function (e) {
       e.preventDefault(); // prevent default link navigation
       // this can be a real scroll or a oqaat change
       // depending on whether is is oqaat or not
-      _this.props.scrollToItem(_this.props.stimulusParent.id);
+      _this2.props.scrollToItem(_this2.props.stimulusParent.id);
       e.stopPropagation();
     });
-    return _this;
+    return _this2;
   }
   _inherits(SidebarStimulus, _Component);
   return _createClass(SidebarStimulus, [{

package/es/common/components/layout/sidebar/Stimulus/theme.js

@@ -4,17 +4,17 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     typography = _ref.typography;
   return {
-    borderColor: colors.white,
-    hoverBorderColor: colors.electric,
+    borderColor: colors.contrasts.white1010,
+    hoverBorderColor: colors.contrasts.blue4570,
     hoverBorderWidth: borders.widthLarge,
     sidebarClosedButtonPadding: "".concat(spacing.xxSmall, " 0"),
     sidebarHeaderPadding: spacing.small,
     sidebarItemBorderWidth: borders.widthSmall,
-    sidebarItemBorderColor: colors.tiara,
+    sidebarItemBorderColor: colors.contrasts.grey1214,
     sidebarIsOpenInfoHeaderFontSize: typography.fontSizeXSmall,
     sidebarIsOpenInfoHeaderPadding: spacing.xSmall,
     sidebarIsOpenInfoHeaderMargin: spacing.xSmall,
-    sidebarIsOpenInfoHeaderColor: colors.ash
+    sidebarIsOpenInfoHeaderColor: colors.contrasts.grey4570
   };
 };
 export default generateComponentTheme;

package/es/common/components/resources/BankSelection/presenter.js

@@ -5,8 +5,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';
@@ -16,14 +28,14 @@ import { simpleFetchBanks } from '../../../../banks/api/banks';
 import { GenericAsyncSearch } from '../../shared/GenericAsyncSearch/GenericAsyncSearch';
 export var BankSelection = /*#__PURE__*/function (_Component) {
   function BankSelection() {
-    var _this;
+    var _this2;
     _classCallCheck(this, BankSelection);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BankSelection, [].concat(args));
-    _defineProperty(_this, "searchBanks", function (search) {
-      return _this.props.simpleFetchBanks({
+    _this2 = _callSuper(this, BankSelection, [].concat(args));
+    _defineProperty(_this2, "searchBanks", function (search) {
+      return _this2.props.simpleFetchBanks({
         search: search
       }).then(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 1),
@@ -37,14 +49,14 @@ export var BankSelection = /*#__PURE__*/function (_Component) {
         });
       });
     });
-    _defineProperty(_this, "onSelect", function (e, bankOption) {
-      return _this.props.onBankSelection(e, {
+    _defineProperty(_this2, "onSelect", function (e, bankOption) {
+      return _this2.props.onBankSelection(e, {
         id: parseInt(bankOption.id),
         title: bankOption.text,
         archived: bankOption.archived
       });
     });
-    return _this;
+    return _this2;
   }
   _inherits(BankSelection, _Component);
   return _createClass(BankSelection, [{

package/es/common/components/resources/WarningWrapper/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, _WarningWrapper;
-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,17 +32,17 @@ import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var WarningWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
   function WarningWrapper() {
-    var _this;
+    var _this2;
     _classCallCheck(this, WarningWrapper);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, WarningWrapper, [].concat(args));
-    _defineProperty(_this, "focusRef", null);
-    _defineProperty(_this, "setFocusRef", function (element) {
-      _this.focusRef = element;
+    _this2 = _callSuper(this, WarningWrapper, [].concat(args));
+    _defineProperty(_this2, "focusRef", null);
+    _defineProperty(_this2, "setFocusRef", function (element) {
+      _this2.focusRef = element;
     });
-    return _this;
+    return _this2;
   }
   _inherits(WarningWrapper, _Component);
   return _createClass(WarningWrapper, [{

package/es/common/components/resources/WarningWrapper/theme.js

@@ -6,7 +6,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     alertPadding: spacing.medium,
     alertZIndex: '8888',
     containerPadding: spacing.medium,
-    disabledChildrenBackgroundColor: colors.porcelain,
+    disabledChildrenBackgroundColor: colors.contrasts.grey1111,
     disabledChildrenOpacity: '0.6',
     disabledChildrenZIndex: '7777'
   };