@instructure/quiz-core 21.1.1 → 22.0.0

package/es/common/components/layout/header/Timer/index.js

@@ -1,11 +1,11 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from "../../../../react-redux.js";
-import { getTimerData, getIsTaking } from "../../../../selectors/taking.js";
-import { getActiveQuizSession } from "../../../../selectors/quizSessions.js";
-import Timer from "./presenter.js";
-import { screenreaderNotification } from "../../../../actions/alerts.js";
-import { updateTimerMinimized } from "../../../../actions/taking.js";
+import { connect } from '../../../../react-redux';
+import { getTimerData, getIsTaking } from '../../../../selectors/taking';
+import { getActiveQuizSession } from '../../../../selectors/quizSessions';
+import Timer from './presenter';
+import { screenreaderNotification } from '../../../../actions/alerts';
+import { updateTimerMinimized } from '../../../../actions/taking';
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     screenreaderNotification: bindActionCreators(screenreaderNotification, dispatch),

package/es/common/components/layout/header/Timer/presenter.js

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _Timer;
+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';
@@ -14,55 +30,52 @@ import { Button } from '@instructure/ui-buttons';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { View } from '@instructure/ui-view';
 import { jsx } from '@instructure/emotion';
-import FormattedDuration from "../../../shared/FormattedDuration/index.js";
-import { formatTime } from "../../../../util/formatTimespan.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import FormattedDuration from '../../../shared/FormattedDuration';
+import { formatTime } from '../../../../util/formatTimespan';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyleOverrides } from '@instructure/quiz-common';
-var _ref = jsx(IconClockLine, null);
-var _ref2 = jsx(IconClockSolid, null);
 export var Timer = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
-  _inherits(Timer, _Component);
-  var _super = _createSuper(Timer);
   function Timer() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Timer);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.handleKeyDown = function (event) {
+    _this2 = _callSuper(this, Timer, [].concat(args));
+    _defineProperty(_this2, "handleKeyDown", function (event) {
       // Check for Alt+Shift+T and nothing else
       if (event.keyCode === 84 && event.altKey && event.shiftKey && !event.ctrlKey) {
         var message;
         event.preventDefault();
-        if (_this.props.timeLeftInSeconds >= 1) {
-          var timeString = formatTime(_this.props.timeLeftInSeconds);
+        if (_this2.props.timeLeftInSeconds >= 1) {
+          var timeString = formatTime(_this2.props.timeLeftInSeconds);
           message = t('The remaining time is: {timeleft}', {
             timeleft: timeString
           });
         } else {
           message = t('There is no remaining time left');
         }
-        _this.props.screenreaderNotification(message);
+        _this2.props.screenreaderNotification(message);
       }
-    };
-    _this.showTimerRef = function (node) {
-      _this.showTimerBtn = node;
-    };
-    _this.hideTimerRef = function (node) {
-      _this.hideTimerBtn = node;
-    };
-    _this.focusOnShow = function () {
-      _this.showTimerBtn && _this.showTimerBtn.focus();
-    };
-    _this.focusOnHide = function () {
-      _this.hideTimerBtn && _this.hideTimerBtn.focus();
-    };
-    return _this;
+    });
+    _defineProperty(_this2, "showTimerRef", function (node) {
+      _this2.showTimerBtn = node;
+    });
+    _defineProperty(_this2, "hideTimerRef", function (node) {
+      _this2.hideTimerBtn = node;
+    });
+    _defineProperty(_this2, "focusOnShow", function () {
+      _this2.showTimerBtn && _this2.showTimerBtn.focus();
+    });
+    _defineProperty(_this2, "focusOnHide", function () {
+      _this2.hideTimerBtn && _this2.hideTimerBtn.focus();
+    });
+    return _this2;
   }
-  _createClass(Timer, [{
+  _inherits(Timer, _Component);
+  return _createClass(Timer, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       var _this$props = this.props,
@@ -105,7 +118,7 @@ export var Timer = (_dec = withStyleOverrides(generateStyle, generateComponentTh
           id: "TimerButton",
           onClick: partial(this.props.updateTimerMinimized, false),
           variant: "icon",
-          renderIcon: _ref,
+          renderIcon: jsx(IconClockLine, null),
           tooltip: t('Show Timer'),
           "aria-expanded": "false",
           itemRef: this.showTimerRef
@@ -128,7 +141,7 @@ export var Timer = (_dec = withStyleOverrides(generateStyle, generateComponentTh
           id: "TimerButton",
           onClick: partial(this.props.updateTimerMinimized, true),
           variant: "forceIconWithLabel",
-          renderIcon: _ref2,
+          renderIcon: jsx(IconClockSolid, null),
           tooltip: t('Hide Timer'),
           "aria-expanded": "true",
           itemRef: this.hideTimerRef
@@ -167,9 +180,7 @@ export var Timer = (_dec = withStyleOverrides(generateStyle, generateComponentTh
       }
     }
   }]);
-  Timer.displayName = "Timer";
-  return Timer;
-}(Component), _Timer.displayName = 'Timer', _Timer.componentId = "Quizzes".concat(_Timer.displayName), _Timer.propTypes = {
+}(Component), _defineProperty(_Timer, "displayName", 'Timer'), _defineProperty(_Timer, "componentId", "Quizzes".concat(_Timer.displayName)), _defineProperty(_Timer, "propTypes", {
   screenreaderNotification: PropTypes.func.isRequired,
   showTimer: PropTypes.bool.isRequired,
   timeLeftInSeconds: PropTypes.number,
@@ -179,11 +190,11 @@ export var Timer = (_dec = withStyleOverrides(generateStyle, generateComponentTh
   iceTopNavBarEnabled: PropTypes.bool,
   setTimerEnabled: PropTypes.func,
   styles: PropTypes.object
-}, _Timer.defaultProps = {
+}), _defineProperty(_Timer, "defaultProps", {
   timerRunning: false,
   timeLeftInSeconds: 0,
   timerMinimized: false,
   iceTopNavBarEnabled: false,
   setTimerEnabled: function setTimerEnabled() {}
-}, _Timer)) || _class);
+}), _Timer)) || _class);
 export default Timer;

package/es/common/components/layout/header/Timer/theme.js

@@ -4,10 +4,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors,
     typography = _ref.typography;
   return {
-    timerBackgroundColor: colors.porcelain,
-    timerColor: colors.ash,
+    timerBackgroundColor: colors.contrasts.grey1111,
+    timerColor: colors.contrasts.grey4570,
     timerBorderWidth: borders.widthSmall,
-    timerBorderColor: colors.tiara,
+    timerBorderColor: colors.contrasts.grey1214,
     timerBorderRadius: borders.radiusMedium,
     timerFontSize: typography.fontSizeMedium,
     timerPadding: spacing.xxSmall,

package/es/common/components/layout/navbar/SecondaryNavBarButton/index.js

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _SecondaryNavBarButton;
+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';
@@ -10,13 +26,12 @@ import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { jsx } from '@instructure/emotion';
 import { omitProps } from '@instructure/ui-react-utils';
 export var SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
-  _inherits(SecondaryNavBarButton, _Component);
-  var _super = _createSuper(SecondaryNavBarButton);
   function SecondaryNavBarButton() {
     _classCallCheck(this, SecondaryNavBarButton);
-    return _super.apply(this, arguments);
+    return _callSuper(this, SecondaryNavBarButton, arguments);
   }
-  _createClass(SecondaryNavBarButton, [{
+  _inherits(SecondaryNavBarButton, _Component);
+  return _createClass(SecondaryNavBarButton, [{
     key: "render",
     value: function render() {
       return jsx(TopNavBar.Item, Object.assign({
@@ -24,14 +39,12 @@ export var SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
       }, omitProps(this.props, this.constructor.propTypes)), this.props.children);
     }
   }]);
-  SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
-  return SecondaryNavBarButton;
 }(Component);
 _SecondaryNavBarButton = SecondaryNavBarButton;
-SecondaryNavBarButton.displayName = 'TopNavBarItem';
-SecondaryNavBarButton.componentId = "Quizzes".concat(_SecondaryNavBarButton.displayName);
-SecondaryNavBarButton.propTypes = {
+_defineProperty(SecondaryNavBarButton, "displayName", 'TopNavBarItem');
+_defineProperty(SecondaryNavBarButton, "componentId", "Quizzes".concat(_SecondaryNavBarButton.displayName));
+_defineProperty(SecondaryNavBarButton, "propTypes", {
   children: PropTypes.string.isRequired,
   styles: PropTypes.object
-};
+});
 export default SecondaryNavBarButton;

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

@@ -1,10 +1,27 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _NavBar;
+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 */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -12,72 +29,70 @@ import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { IconQuizLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
-var _ref = jsx(IconQuizLine, {
-  color: "primary",
-  size: "small"
-});
 export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
-  _inherits(NavBar, _Component);
-  var _super = _createSuper(NavBar);
   function NavBar() {
-    var _this;
+    var _this2;
     _classCallCheck(this, NavBar);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.hiddenActionItemsMenuTriggerLabel = function (hiddenChildrenCount) {
+    _this2 = _callSuper(this, NavBar, [].concat(args));
+    _defineProperty(_this2, "hiddenActionItemsMenuTriggerLabel", function (hiddenChildrenCount) {
       return t('{hiddenChildrenCount} more actions', {
         hiddenChildrenCount: hiddenChildrenCount
       });
-    };
-    _this.hiddenMenuItemsMenuTriggerLabel = function (hiddenChildrenCount) {
+    });
+    _defineProperty(_this2, "hiddenMenuItemsMenuTriggerLabel", function (hiddenChildrenCount) {
       return t('{hiddenChildrenCount} More', {
         hiddenChildrenCount: hiddenChildrenCount
       });
-    };
-    _this.renderBrand = function () {
-      if (!_this.props.styles.showBrandIcon) {
+    });
+    _defineProperty(_this2, "renderBrand", function () {
+      if (!_this2.props.styles.showBrandIcon) {
         return null;
       }
       return jsx(TopNavBar.Brand, {
         screenReaderLabel: t('Quizzes'),
-        renderIcon: _ref
+        renderIcon: jsx(IconQuizLine, {
+          color: "primary",
+          size: "small"
+        })
       });
-    };
-    _this.renderMenuItems = function () {
+    });
+    _defineProperty(_this2, "renderMenuItems", function () {
       return jsx(TopNavBar.MenuItems, {
         listLabel: t('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);
       }));
-    };
-    _this.renderMenuItem = function (menuItem) {
+    });
+    _defineProperty(_this2, "renderMenuItem", function (menuItem) {
       return jsx(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);
-    };
-    _this.renderActionItems = function () {
+    });
+    _defineProperty(_this2, "renderActionItems", function () {
       return jsx(TopNavBar.ActionItems, {
         listLabel: t('Actions'),
-        renderHiddenItemsMenuTriggerLabel: _this.hiddenActionItemsMenuTriggerLabel
-      }, _toConsumableArray(_this.props.actionItems));
-    };
-    return _this;
+        renderHiddenItemsMenuTriggerLabel: _this2.hiddenActionItemsMenuTriggerLabel
+      }, _toConsumableArray(_this2.props.actionItems));
+    });
+    return _this2;
   }
-  _createClass(NavBar, [{
+  _inherits(NavBar, _Component);
+  return _createClass(NavBar, [{
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this3 = this;
       return jsx(TopNavBar, {
         breakpoint: this.props.styles.phoneBreakPoint,
         mediaQueryMatch: "element",
@@ -85,11 +100,11 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
       }, function () {
         return jsx(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: t('Quizzes navigation bar'),
@@ -97,16 +112,14 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
             dropdownMenuToggleButtonLabel: t('Toggle Menu'),
             dropdownMenuLabel: t('Main Menu')
           },
-          renderBrand: _this2.renderBrand(),
-          renderMenuItems: _this2.renderMenuItems(),
-          renderActionItems: _this2.renderActionItems()
+          renderBrand: _this3.renderBrand(),
+          renderMenuItems: _this3.renderMenuItems(),
+          renderActionItems: _this3.renderActionItems()
         });
       });
     }
   }]);
-  NavBar.displayName = "NavBar";
-  return NavBar;
-}(Component), _NavBar.displayName = 'NavBar', _NavBar.componentId = "Quizzes".concat(_NavBar.displayName), _NavBar.propTypes = {
+}(Component), _defineProperty(_NavBar, "displayName", 'NavBar'), _defineProperty(_NavBar, "componentId", "Quizzes".concat(_NavBar.displayName)), _defineProperty(_NavBar, "propTypes", {
   menuItems: PropTypes.arrayOf(PropTypes.shape({
     path: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired
@@ -114,9 +127,9 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
   handleMenuItemChange: PropTypes.func,
   actionItems: PropTypes.arrayOf(PropTypes.node),
   styles: PropTypes.object
-}, _NavBar.defaultProps = {
+}), _defineProperty(_NavBar, "defaultProps", {
   menuItems: [],
   handleMenuItemChange: function handleMenuItemChange() {},
   actionItems: []
-}, _NavBar)) || _class);
+}), _NavBar)) || _class);
 export default NavBar;

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

@@ -1,5 +1,7 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { generateExternalStyle } from "./externalStyles.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 { generateExternalStyle } from './externalStyles';
 var generateStyle = function generateStyle(componentTheme) {
   return _objectSpread({
     backgroundColor: componentTheme.backgroundColor,

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

@@ -2,7 +2,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/es/common/components/layout/sidebar/PositionSummary/index.js

@@ -1,25 +1,41 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _PositionSummary;
+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 */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyleOverrides } from '@instructure/quiz-common';
 export var PositionSummary = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
-  _inherits(PositionSummary, _Component);
-  var _super = _createSuper(PositionSummary);
   function PositionSummary() {
     _classCallCheck(this, PositionSummary);
-    return _super.apply(this, arguments);
+    return _callSuper(this, PositionSummary, arguments);
   }
-  _createClass(PositionSummary, [{
+  _inherits(PositionSummary, _Component);
+  return _createClass(PositionSummary, [{
     key: "render",
     value: function render() {
       return jsx("div", {
@@ -37,11 +53,9 @@ export var PositionSummary = (_dec = withStyleOverrides(generateStyle, generateC
       })));
     }
   }]);
-  PositionSummary.displayName = "PositionSummary";
-  return PositionSummary;
-}(Component), _PositionSummary.displayName = 'PositionSummary', _PositionSummary.componentId = "Quizzes".concat(_PositionSummary.displayName), _PositionSummary.propTypes = {
+}(Component), _defineProperty(_PositionSummary, "displayName", 'PositionSummary'), _defineProperty(_PositionSummary, "componentId", "Quizzes".concat(_PositionSummary.displayName)), _defineProperty(_PositionSummary, "propTypes", {
   firstPosition: PropTypes.number.isRequired,
   lastPosition: PropTypes.number.isRequired,
   styles: PropTypes.object
-}, _PositionSummary)) || _class);
+}), _PositionSummary)) || _class);
 export default PositionSummary;

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

@@ -4,13 +4,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
   };
 };
 export default generateComponentTheme;

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

@@ -1,7 +1,23 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 t from '@instructure/quiz-i18n/es/format-message';
@@ -10,21 +26,20 @@ import { Link } from '@instructure/ui-link';
 // Component exists to prevent the recreation of the scroll function with each render,
 // which would cause a new rerender on each data change
 export var Pin = /*#__PURE__*/function (_Component) {
-  _inherits(Pin, _Component);
-  var _super = _createSuper(Pin);
   function Pin() {
-    var _this;
+    var _this2;
     _classCallCheck(this, Pin);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.scroll = function () {
-      _this.props.scrollToItem(_this.props.position)(_this.props.sessionItemId);
-    };
-    return _this;
+    _this2 = _callSuper(this, Pin, [].concat(args));
+    _defineProperty(_this2, "scroll", function () {
+      _this2.props.scrollToItem(_this2.props.position)(_this2.props.sessionItemId);
+    });
+    return _this2;
   }
-  _createClass(Pin, [{
+  _inherits(Pin, _Component);
+  return _createClass(Pin, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(Link, {
@@ -36,12 +51,10 @@ export var Pin = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  Pin.displayName = "Pin";
-  return Pin;
 }(Component);
-Pin.propTypes = {
+_defineProperty(Pin, "propTypes", {
   scrollToItem: PropTypes.func.isRequired,
   sessionItemId: PropTypes.string.isRequired,
   position: PropTypes.number.isRequired
-};
+});
 export default Pin;

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

@@ -1,11 +1,5 @@
 import React from 'react';
 import { List } from 'immutable';
-var _ref = /*#__PURE__*/React.createElement("div", {
-  key: "1"
-}, "child1");
-var _ref2 = /*#__PURE__*/React.createElement("div", {
-  key: "2"
-}, "child2");
 export default {
   propValues: {
     taking: [false, true],
@@ -14,7 +8,11 @@ export default {
   },
   getComponentProps: function getComponentProps(props) {
     return {
-      children: [_ref, _ref2],
+      children: [/*#__PURE__*/React.createElement("div", {
+        key: "1"
+      }, "child1"), /*#__PURE__*/React.createElement("div", {
+        key: "2"
+      }, "child2")],
       scrollToItem: function scrollToItem() {
         return Function.prototype;
       },