@instructure/quiz-core 21.2.0 → 22.0.0

package/lib/common/components/layout/navbar/index.js

@@ -23,30 +23,42 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _NavBar;
 /** @jsx jsx */
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var NavBar = exports.NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
   function NavBar() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, NavBar);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, NavBar, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "hiddenActionItemsMenuTriggerLabel", function (hiddenChildrenCount) {
+    _this2 = _callSuper(this, NavBar, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "hiddenActionItemsMenuTriggerLabel", function (hiddenChildrenCount) {
       return (0, _formatMessage["default"])('{hiddenChildrenCount} more actions', {
         hiddenChildrenCount: hiddenChildrenCount
       });
     });
-    (0, _defineProperty2["default"])(_this, "hiddenMenuItemsMenuTriggerLabel", function (hiddenChildrenCount) {
+    (0, _defineProperty2["default"])(_this2, "hiddenMenuItemsMenuTriggerLabel", function (hiddenChildrenCount) {
       return (0, _formatMessage["default"])('{hiddenChildrenCount} More', {
         hiddenChildrenCount: hiddenChildrenCount
       });
     });
-    (0, _defineProperty2["default"])(_this, "renderBrand", function () {
-      if (!_this.props.styles.showBrandIcon) {
+    (0, _defineProperty2["default"])(_this2, "renderBrand", function () {
+      if (!_this2.props.styles.showBrandIcon) {
         return null;
       }
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Brand, {
@@ -57,37 +69,37 @@ var NavBar = exports.NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_style
         })
       });
     });
-    (0, _defineProperty2["default"])(_this, "renderMenuItems", function () {
+    (0, _defineProperty2["default"])(_this2, "renderMenuItems", function () {
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.MenuItems, {
         listLabel: (0, _formatMessage["default"])('Page navigation'),
         currentPageId: window.location.pathname,
-        renderHiddenItemsMenuTriggerLabel: _this.hiddenMenuItemsMenuTriggerLabel
-      }, _this.props.menuItems.map(function (menuItem) {
-        return _this.renderMenuItem(menuItem);
+        renderHiddenItemsMenuTriggerLabel: _this2.hiddenMenuItemsMenuTriggerLabel
+      }, _this2.props.menuItems.map(function (menuItem) {
+        return _this2.renderMenuItem(menuItem);
       }));
     });
-    (0, _defineProperty2["default"])(_this, "renderMenuItem", function (menuItem) {
+    (0, _defineProperty2["default"])(_this2, "renderMenuItem", function (menuItem) {
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Item, {
         id: menuItem.path,
         key: menuItem.path,
         onClick: function onClick() {
-          return _this.props.handleMenuItemChange(menuItem.path);
+          return _this2.props.handleMenuItemChange(menuItem.path);
         }
       }, menuItem.text);
     });
-    (0, _defineProperty2["default"])(_this, "renderActionItems", function () {
+    (0, _defineProperty2["default"])(_this2, "renderActionItems", function () {
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.ActionItems, {
         listLabel: (0, _formatMessage["default"])('Actions'),
-        renderHiddenItemsMenuTriggerLabel: _this.hiddenActionItemsMenuTriggerLabel
-      }, (0, _toConsumableArray2["default"])(_this.props.actionItems));
+        renderHiddenItemsMenuTriggerLabel: _this2.hiddenActionItemsMenuTriggerLabel
+      }, (0, _toConsumableArray2["default"])(_this2.props.actionItems));
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(NavBar, _Component);
   return (0, _createClass2["default"])(NavBar, [{
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this3 = this;
       return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar, {
         breakpoint: this.props.styles.phoneBreakPoint,
         mediaQueryMatch: "element",
@@ -95,11 +107,11 @@ var NavBar = exports.NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_style
       }, function () {
         return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Layout, {
           themeOverride: _objectSpread(_objectSpread({
-            desktopBackgroundInverse: _this2.props.styles.backgroundColor,
-            smallViewportBackgroundInverse: _this2.props.styles.backgroundColor
-          }, !_this2.props.styles.desktopBottomBorder ? {
+            desktopBackgroundInverse: _this3.props.styles.backgroundColor,
+            smallViewportBackgroundInverse: _this3.props.styles.backgroundColor
+          }, !_this3.props.styles.desktopBottomBorder ? {
             desktopBottomBorder: false
-          } : {}), !_this2.props.styles.desktopBottomBorderInverse ? {
+          } : {}), !_this3.props.styles.desktopBottomBorderInverse ? {
             desktopBottomBorderInverse: false
           } : {}),
           navLabel: (0, _formatMessage["default"])('Quizzes navigation bar'),
@@ -107,9 +119,9 @@ var NavBar = exports.NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_style
             dropdownMenuToggleButtonLabel: (0, _formatMessage["default"])('Toggle Menu'),
             dropdownMenuLabel: (0, _formatMessage["default"])('Main Menu')
           },
-          renderBrand: _this2.renderBrand(),
-          renderMenuItems: _this2.renderMenuItems(),
-          renderActionItems: _this2.renderActionItems()
+          renderBrand: _this3.renderBrand(),
+          renderMenuItems: _this3.renderMenuItems(),
+          renderActionItems: _this3.renderActionItems()
         });
       });
     }

package/lib/common/components/layout/navbar/styles.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _externalStyles = require("./externalStyles");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme) {
   return _objectSpread({
     backgroundColor: componentTheme.backgroundColor,

package/lib/common/components/layout/navbar/theme.js

@@ -8,7 +8,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
     colors = _ref.colors;
   return {
-    backgroundColor: colors.white,
+    backgroundColor: colors.contrasts.white1010,
     phoneBreakPoint: breakpoints.medium
   };
 };

package/lib/common/components/layout/sidebar/PositionSummary/index.js

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

package/lib/common/components/layout/sidebar/PositionSummary/theme.js

@@ -10,13 +10,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     typography = _ref.typography;
   return {
-    numberSummaryColor: colors.licorice,
+    numberSummaryColor: colors.contrasts.grey125125,
     numberSummaryFontSize: typography.fontSizeMedium,
     numberSummaryFontWeight: typography.fontWeightBold,
     firstNumberSummaryPadding: spacing.xxSmall,
     secondNumberSummaryPadding: spacing.xxSmall,
     verticalDotsBorderWidth: borders.widthSmall,
-    verticalDotsBorderColor: colors.licorice
+    verticalDotsBorderColor: colors.contrasts.grey125125
   };
 };
 var _default = exports["default"] = generateComponentTheme;

package/lib/common/components/layout/sidebar/Sidebar/Pin.js

@@ -15,24 +15,36 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _uiLink = require("@instructure/ui-link");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 // Component exists to prevent the recreation of the scroll function with each render,
 // which would cause a new rerender on each data change
 var Pin = exports.Pin = /*#__PURE__*/function (_Component) {
   function Pin() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, Pin);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Pin, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "scroll", function () {
-      _this.props.scrollToItem(_this.props.position)(_this.props.sessionItemId);
+    _this2 = _callSuper(this, Pin, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "scroll", function () {
+      _this2.props.scrollToItem(_this2.props.position)(_this2.props.sessionItemId);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(Pin, _Component);
   return (0, _createClass2["default"])(Pin, [{

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

@@ -35,48 +35,60 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _Sidebar;
 /** @jsx jsx */
 /* eslint "jsx-a11y/click-events-have-key-events": "warn" */
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var Sidebar = exports.Sidebar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_Sidebar = /*#__PURE__*/function (_Component) {
   function Sidebar() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(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));
-    (0, _defineProperty2["default"])(_this, "scrollToTitle", function (e) {
+    _this2 = _callSuper(this, Sidebar, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "scrollToTitle", function (e) {
       e.preventDefault(); // prevent default link navigation
-      _this.props.scrollToItem(null)(_quizCommon.TITLE_SCROLL_KEY);
+      _this2.props.scrollToItem(null)(_quizCommon.TITLE_SCROLL_KEY);
     });
-    (0, _defineProperty2["default"])(_this, "scrollToInfo", function (e) {
+    (0, _defineProperty2["default"])(_this2, "scrollToInfo", function (e) {
       e.preventDefault(); // prevent default link navigation
-      _this.props.scrollToItem(null)(_quizCommon.INSTRUCTIONS_SCROLL_KEY);
+      _this2.props.scrollToItem(null)(_quizCommon.INSTRUCTIONS_SCROLL_KEY);
     });
-    (0, _defineProperty2["default"])(_this, "scrollToResults", function (e) {
+    (0, _defineProperty2["default"])(_this2, "scrollToResults", function (e) {
       e.preventDefault(); // prevent default link navigation
-      _this.props.scrollToItem(null)(_quizCommon.RESULTS_SCROLL_KEY);
+      _this2.props.scrollToItem(null)(_quizCommon.RESULTS_SCROLL_KEY);
     });
-    (0, _defineProperty2["default"])(_this, "toggleSidebar", function () {
-      var msg = _this.props.sidebarOpen ? (0, _formatMessage["default"])('Closed Sidebar') : (0, _formatMessage["default"])('Opened Sidebar');
-      _this.props.screenreaderNotification(msg);
-      _this.props.toggleSidebar();
+    (0, _defineProperty2["default"])(_this2, "toggleSidebar", function () {
+      var msg = _this2.props.sidebarOpen ? (0, _formatMessage["default"])('Closed Sidebar') : (0, _formatMessage["default"])('Opened Sidebar');
+      _this2.props.screenreaderNotification(msg);
+      _this2.props.toggleSidebar();
     });
-    (0, _defineProperty2["default"])(_this, "refWrapper", function (c) {
-      _this.sidebarWrapper = c;
+    (0, _defineProperty2["default"])(_this2, "refWrapper", function (c) {
+      _this2.sidebarWrapper = c;
     });
-    (0, _defineProperty2["default"])(_this, "handleBlur", function () {
-      var isOpen = _this.props.sidebarOpen;
+    (0, _defineProperty2["default"])(_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;
   }
   (0, _inherits2["default"])(Sidebar, _Component);
   return (0, _createClass2["default"])(Sidebar, [{

package/lib/common/components/layout/sidebar/Sidebar/styles.js

@@ -8,8 +8,8 @@ exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _externalStyles = require("./externalStyles");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var mq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ")");
   var mp = '@media print';

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

@@ -15,30 +15,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: (0, _uiColorUtils.alpha)(colors.brand, 50)
+    focusBorderColor: colors.contrasts.blue4570,
+    focusOutlineColor: (0, _uiColorUtils.alpha)(colors.contrasts.blue4570, 50)
   };
 };
 var _default = exports["default"] = generateComponentTheme;

package/lib/common/components/layout/sidebar/SidebarItem/presenter.js

@@ -26,30 +26,42 @@ var _uiTooltip = require("@instructure/ui-tooltip");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _dec, _class, _SidebarItem;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var SidebarItem = exports.SidebarItem = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
   function SidebarItem() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(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
     // ============
-    (0, _defineProperty2["default"])(_this, "scrollToItem", function (e) {
+    (0, _defineProperty2["default"])(_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;
   }
   (0, _inherits2["default"])(SidebarItem, _Component);
   return (0, _createClass2["default"])(SidebarItem, [{

package/lib/common/components/layout/sidebar/SidebarItem/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props) {
   return {
     sidebarItem: _objectSpread(_objectSpread(_objectSpread({

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

@@ -10,13 +10,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/lib/common/components/layout/sidebar/Stimulus/Collection/presenter.js

@@ -26,23 +26,35 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _Collection;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var Collection = exports.Collection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
   function Collection() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(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));
-    (0, _defineProperty2["default"])(_this, "handleSidebarHideItems", function () {
-      _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, false);
+    _this2 = _callSuper(this, Collection, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "handleSidebarHideItems", function () {
+      _this2.props.setSidebarStimulusIsShowing(_this2.props.stimulusId, false);
     });
-    (0, _defineProperty2["default"])(_this, "handleSidebarShowItems", function () {
-      _this.props.setSidebarStimulusIsShowing(_this.props.stimulusId, true);
+    (0, _defineProperty2["default"])(_this2, "handleSidebarShowItems", function () {
+      _this2.props.setSidebarStimulusIsShowing(_this2.props.stimulusId, true);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(Collection, _Component);
   return (0, _createClass2["default"])(Collection, [{
@@ -68,7 +80,7 @@ var Collection = exports.Collection = (_dec = (0, _quizCommon.withStyleOverrides
     // =============
 
     function renderItems() {
-      var _this2 = this;
+      var _this3 = this;
       var _this$props = this.props,
         firstPosition = _this$props.firstPosition,
         isShowingItems = _this$props.isShowingItems,
@@ -80,8 +92,8 @@ var Collection = exports.Collection = (_dec = (0, _quizCommon.withStyleOverrides
         nextDisplayPosition += item.displayPositionSlots;
         return (0, _emotion.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 (0, _emotion.jsx)(_uiMotion.Transition, {

package/lib/common/components/layout/sidebar/Stimulus/Collection/styles.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _presenter = require("../presenter");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var shouldDisplayAllItems = props.itemCollection.size <= _presenter.DISPLAY_AS_SUMMARY_LIMIT;
   var shouldDisplayAsColumn = props.isShowingItems && !shouldDisplayAllItems && !props.sidebarOpen;

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

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