@instructure/quiz-core 21.1.1 → 22.0.0

package/es/building/components/resources/quiz/title/Edit/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 _dec, _class, _TitleEdit;
+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,9 +26,9 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import ReactDOM from 'react-dom';
 import defer from 'lodash/defer';
 import { jsx } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import Errors from "../../../../../../common/components/shared/errors/Errors.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import Errors from '../../../../../../common/components/shared/errors/Errors';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyleOverrides } from '@instructure/quiz-common';
 
@@ -25,55 +41,55 @@ import { withStyleOverrides } from '@instructure/quiz-common';
 // =================================
 
 export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
-  _inherits(TitleEdit, _Component);
-  var _super = _createSuper(TitleEdit);
   function TitleEdit() {
-    var _this;
+    var _this2;
     _classCallCheck(this, TitleEdit);
     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.defer = function (fn) {
+    _this2 = _callSuper(this, TitleEdit, [].concat(args));
+    _defineProperty(_this2, "defer", function (fn) {
       // to enable syncronous testing
-      var deferFn = _this.props.deferMock || defer;
+      var deferFn = _this2.props.deferMock || defer;
       deferFn(fn);
-    };
-    _this.switchOffEditing = function () {
-      var fromEnterPressed = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-      _this.ifValidElseError(function () {
-        _this.defer(function () {
+    });
+    _defineProperty(_this2, "switchOffEditing", function () {
+      var fromEnterPressed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      _this2.ifValidElseError(function () {
+        _this2.defer(function () {
           if (fromEnterPressed) {
-            _this.props.saveAndPreview(fromEnterPressed);
+            _this2.props.saveAndPreview(fromEnterPressed);
           } else {
             // make sure they have actually left the component
-            if (document.activeElement !== _this.cancelButton && document.activeElement !== _this.input) {
-              _this.props.saveAndPreview();
+            if (document.activeElement !== _this2.cancelButton && document.activeElement !== _this2.input) {
+              _this2.props.saveAndPreview();
             }
           }
         });
       });
-    };
-    _this.handleKeyUp = function (e) {
-      if (_this.enterPressed && e.keyCode === 13) {
-        return _this.switchOffEditing(true);
+    });
+    _defineProperty(_this2, "handleKeyUp", function (e) {
+      if (_this2.enterPressed && e.keyCode === 13) {
+        return _this2.switchOffEditing(true);
       }
-    };
-    _this.handleKeyDown = function (e) {
+    });
+    _defineProperty(_this2, "handleKeyDown", function (e) {
       if (!e.repeat && e.keyCode === 13) {
-        _this.enterPressed = true;
+        _this2.enterPressed = true;
       }
-    };
-    _this.handleBlur = function (e) {
-      _this.switchOffEditing(false);
-    };
-    return _this;
+    });
+    _defineProperty(_this2, "handleBlur", function (e) {
+      _this2.switchOffEditing(false);
+    });
+    return _this2;
   }
-  _createClass(TitleEdit, [{
+  _inherits(TitleEdit, _Component);
+  return _createClass(TitleEdit, [{
     key: "componentDidMount",
+    value:
     // todo: extract this into a shared method
     // to be used on many components
-    value: function componentDidMount() {
+    function componentDidMount() {
       this.props.makeStyles();
       var input = ReactDOM.findDOMNode(this.input);
       // some browsers add chars so * 2 to ensure at end
@@ -99,9 +115,9 @@ export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateCompone
   }, {
     key: "setRef",
     value: function setRef(key) {
-      var _this2 = this;
+      var _this3 = this;
       return function (node) {
-        _this2[key] = node;
+        _this3[key] = node;
       };
     }
   }, {
@@ -144,9 +160,7 @@ export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateCompone
       })), this.renderErrors());
     }
   }]);
-  TitleEdit.displayName = "TitleEdit";
-  return TitleEdit;
-}(Component), _TitleEdit.displayName = 'TitleEdit', _TitleEdit.componentId = "Quizzes".concat(_TitleEdit.displayName), _TitleEdit.propTypes = {
+}(Component), _defineProperty(_TitleEdit, "displayName", 'TitleEdit'), _defineProperty(_TitleEdit, "componentId", "Quizzes".concat(_TitleEdit.displayName)), _defineProperty(_TitleEdit, "propTypes", {
   value: PropTypes.string.isRequired,
   isValid: PropTypes.bool.isRequired,
   showError: PropTypes.func.isRequired,
@@ -158,8 +172,8 @@ export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateCompone
   deferMock: PropTypes.func,
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _TitleEdit.defaultProps = {
+}), _defineProperty(_TitleEdit, "defaultProps", {
   errorsAreShowing: false,
   deferMock: defer
-}, _TitleEdit)) || _class);
+}), _TitleEdit)) || _class);
 export default TitleEdit;

package/es/building/components/resources/quiz/title/Edit/styles.js

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var wrapperStyles = {
     width: '100%',

package/es/building/components/resources/quiz/title/Edit/theme.js

@@ -10,7 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     titleEditInputFontSize: typography.fontSizeXLarge,
     errorBorderMargin: spacing.xxSmall,
     errorBorderPadding: spacing.xxSmall,
-    errorBorderColor: colors.crimson,
+    errorBorderColor: colors.contrasts.red4570,
     errorBorderBorderRadius: borders.radiusSmall
   };
 };

package/es/building/components/resources/quiz/title/Show/index.js

@@ -1,18 +1,34 @@
 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, _QuizTitleShow;
+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 { TruncateText } from '@instructure/ui-truncate-text';
 import { Text } from '@instructure/ui-text';
-import Overlay from "../../../../../../common/components/shared/overlay/index.js";
-import makeScrollable from "../../../../../../common/components/shared/functionality/makeScrollable.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import Overlay from '../../../../../../common/components/shared/overlay';
+import makeScrollable from '../../../../../../common/components/shared/functionality/makeScrollable';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { withStyleOverrides } from '@instructure/quiz-common';
 
 // ====================================
@@ -24,21 +40,20 @@ import { withStyleOverrides } from '@instructure/quiz-common';
 
 // ====================================
 export var QuizTitleShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitleShow = /*#__PURE__*/function (_Component) {
-  _inherits(QuizTitleShow, _Component);
-  var _super = _createSuper(QuizTitleShow);
   function QuizTitleShow() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizTitleShow);
     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.switchOnEditing = function () {
-      _this.props.switchOnEditing();
-    };
-    return _this;
+    _this2 = _callSuper(this, QuizTitleShow, [].concat(args));
+    _defineProperty(_this2, "switchOnEditing", function () {
+      _this2.props.switchOnEditing();
+    });
+    return _this2;
   }
-  _createClass(QuizTitleShow, [{
+  _inherits(QuizTitleShow, _Component);
+  return _createClass(QuizTitleShow, [{
     key: "render",
     value: function render() {
       return jsx("span", {
@@ -56,14 +71,12 @@ export var QuizTitleShow = (_dec = withStyleOverrides(generateStyle, generateCom
       }, jsx(TruncateText, null, this.props.defaultTitle)))));
     }
   }]);
-  QuizTitleShow.displayName = "QuizTitleShow";
-  return QuizTitleShow;
-}(Component), _QuizTitleShow.displayName = 'QuizTitleShow', _QuizTitleShow.componentId = "Quizzes".concat(_QuizTitleShow.displayName), _QuizTitleShow.propTypes = {
+}(Component), _defineProperty(_QuizTitleShow, "displayName", 'QuizTitleShow'), _defineProperty(_QuizTitleShow, "componentId", "Quizzes".concat(_QuizTitleShow.displayName)), _defineProperty(_QuizTitleShow, "propTypes", {
   defaultTitle: PropTypes.string.isRequired,
   switchOnEditing: PropTypes.func.isRequired,
   contentLocked: PropTypes.bool,
   styles: PropTypes.object
-}, _QuizTitleShow.defaultProps = {
+}), _defineProperty(_QuizTitleShow, "defaultProps", {
   contentLocked: false
-}, _QuizTitleShow)) || _class);
+}), _QuizTitleShow)) || _class);
 export default makeScrollable(QuizTitleShow);

package/es/building/components/resources/quiz/title/Title/Title.examples.js

@@ -1,5 +1,5 @@
 import { fromJS } from 'immutable';
-import Quiz from "../../../../../../common/records/Quiz.js";
+import Quiz from '../../../../../../common/records/Quiz';
 export default {
   propValues: {
     isEditing: [true, false],

package/es/building/components/resources/quiz/title/Title/index.js

@@ -1,12 +1,12 @@
 import { compose } from 'redux';
-import { connect } from "../../../../../../common/react-redux.js";
-import { screenreaderNotification } from "../../../../../../common/actions/alerts.js";
-import { showError, hideError } from "../../../../../../common/actions/errorsShowing.js";
-import { changeQuizTitle } from "../../../../../../common/actions/modifications.js";
-import { saveQuizChange } from "../../../../../api/quizzes.js";
-import makeEditable from "../../../../../../common/components/shared/functionality/makeEditable.js";
-import { featureOn } from "../../../../../../common/util/featureCheck.js";
-import Title from "./presenter.js";
+import { connect } from '../../../../../../common/react-redux';
+import { screenreaderNotification } from '../../../../../../common/actions/alerts';
+import { showError, hideError } from '../../../../../../common/actions/errorsShowing';
+import { changeQuizTitle } from '../../../../../../common/actions/modifications';
+import { saveQuizChange } from '../../../../../api/quizzes';
+import makeEditable from '../../../../../../common/components/shared/functionality/makeEditable';
+import { featureOn } from '../../../../../../common/util/featureCheck';
+import Title from './presenter';
 function mapStateToProps(state) {
   return {
     errorsShowing: state.get('errorsShowing'),

package/es/building/components/resources/quiz/title/Title/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, _QuizTitlePresenter;
+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,11 +26,11 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
-import EditButton from "../../editButton/EditButton.js";
-import QuizTitleEdit from "../Edit/index.js";
-import QuizTitleShow from "../Show/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import EditButton from '../../editButton/EditButton';
+import QuizTitleEdit from '../Edit';
+import QuizTitleShow from '../Show';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyleOverrides } from '@instructure/quiz-common';
 
@@ -26,51 +42,50 @@ import { withStyleOverrides } from '@instructure/quiz-common';
 // ================================
 
 export var QuizTitlePresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitlePresenter = /*#__PURE__*/function (_Component) {
-  _inherits(QuizTitlePresenter, _Component);
-  var _super = _createSuper(QuizTitlePresenter);
   function QuizTitlePresenter() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizTitlePresenter);
     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.workingTitle = function () {
-      return _this.props.workingQuiz.title;
-    };
+    _this2 = _callSuper(this, QuizTitlePresenter, [].concat(args));
+    _defineProperty(_this2, "workingTitle", function () {
+      return _this2.props.workingQuiz.title;
+    });
     // =========
     //  actions
     // =========
-    _this.saveAndPreview = function () {
-      var fromEnterPressed = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-      _this.saveWorkingTitle();
-      _this.props.onQuizUpdated({
-        id: _this.quizID(),
-        title: _this.props.workingQuiz.title
+    _defineProperty(_this2, "saveAndPreview", function () {
+      var fromEnterPressed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      _this2.saveWorkingTitle();
+      _this2.props.onQuizUpdated({
+        id: _this2.quizID(),
+        title: _this2.props.workingQuiz.title
       });
-      _this.props.switchOffEditing();
-      if (fromEnterPressed && _this.editButton) {
-        _this.editButton.wrappedInstance.setFocus();
+      _this2.props.switchOffEditing();
+      if (fromEnterPressed && _this2.editButton) {
+        _this2.editButton.wrappedInstance.setFocus();
       }
-    };
-    _this.updateWorkingTitle = function (e) {
-      _this.props.changeQuizTitle(_this.quizID(), e.target.value);
-    };
-    _this.toggleEditing = function () {
-      if (_this.props.isEditing) {
-        _this.props.screenreaderNotification(t('Title edit mode off.'));
-        _this.saveAndPreview();
+    });
+    _defineProperty(_this2, "updateWorkingTitle", function (e) {
+      _this2.props.changeQuizTitle(_this2.quizID(), e.target.value);
+    });
+    _defineProperty(_this2, "toggleEditing", function () {
+      if (_this2.props.isEditing) {
+        _this2.props.screenreaderNotification(t('Title edit mode off.'));
+        _this2.saveAndPreview();
       } else {
-        _this.props.screenreaderNotification(t('Title switched to edit mode.'));
-        _this.props.switchOnEditing();
+        _this2.props.screenreaderNotification(t('Title switched to edit mode.'));
+        _this2.props.switchOnEditing();
       }
-    };
-    _this.handleEditButtonRef = function (node) {
-      return _this.editButton = node;
-    };
-    return _this;
+    });
+    _defineProperty(_this2, "handleEditButtonRef", function (node) {
+      return _this2.editButton = node;
+    });
+    return _this2;
   }
-  _createClass(QuizTitlePresenter, [{
+  _inherits(QuizTitlePresenter, _Component);
+  return _createClass(QuizTitlePresenter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -79,7 +94,9 @@ export var QuizTitlePresenter = (_dec = withStyleOverrides(generateStyle, genera
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       this.props.makeStyles();
-    } // ===========
+    }
+
+    // ===========
     //   helpers
     // ===========
   }, {
@@ -112,10 +129,12 @@ export var QuizTitlePresenter = (_dec = withStyleOverrides(generateStyle, genera
     }
   }, {
     key: "renderEdit",
+    value:
     // ===============
     //    rendering
     // ===============
-    value: function renderEdit() {
+
+    function renderEdit() {
       var quizTitleEditKey = 'quiz_title_edit';
       return jsx(QuizTitleEdit, {
         isValid: this.isValid(),
@@ -135,7 +154,7 @@ export var QuizTitlePresenter = (_dec = withStyleOverrides(generateStyle, genera
         switchOnEditing: this.props.switchOnEditing,
         defaultTitle: this.workingTitle(),
         contentLocked: this.isContentLocked(),
-        scrollKey: this.isContentLocked() ? this.props.scrollKey : void 0
+        scrollKey: this.isContentLocked() ? this.props.scrollKey : undefined
       });
     }
   }, {
@@ -163,9 +182,7 @@ export var QuizTitlePresenter = (_dec = withStyleOverrides(generateStyle, genera
       }))));
     }
   }]);
-  QuizTitlePresenter.displayName = "QuizTitlePresenter";
-  return QuizTitlePresenter;
-}(Component), _QuizTitlePresenter.displayName = 'QuizTitle', _QuizTitlePresenter.componentId = "Quizzes".concat(_QuizTitlePresenter.displayName), _QuizTitlePresenter.propTypes = {
+}(Component), _defineProperty(_QuizTitlePresenter, "displayName", 'QuizTitle'), _defineProperty(_QuizTitlePresenter, "componentId", "Quizzes".concat(_QuizTitlePresenter.displayName)), _defineProperty(_QuizTitlePresenter, "propTypes", {
   changeQuizTitle: PropTypes.func.isRequired,
   errorsShowing: ImmutablePropTypes.map.isRequired,
   hideError: PropTypes.func.isRequired,
@@ -185,7 +202,7 @@ export var QuizTitlePresenter = (_dec = withStyleOverrides(generateStyle, genera
   workingQuiz: ImmutablePropTypes.record.isRequired,
   makeStyles: PropTypes.func,
   styles: PropTypes.object
-}, _QuizTitlePresenter.defaultProps = {
+}), _defineProperty(_QuizTitlePresenter, "defaultProps", {
   scrollKey: void 0
-}, _QuizTitlePresenter)) || _class);
+}), _QuizTitlePresenter)) || _class);
 export default QuizTitlePresenter;

package/es/building/components/resources/quiz/title/Title/styles.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var mp = '@media print';
   return {

package/es/building/components/resources/quiz/title/Title/theme.js

@@ -8,10 +8,10 @@ export default function generator(_ref) {
     labelLeftPadding: spacing.large,
     labelBottomPadding: spacing.xxSmall,
     labelFontSize: typography.fontSizeSmall,
-    labelColor: colors.slate,
+    labelColor: colors.contrasts.grey4570,
     editButtonWrapperRightMargin: spacing.large,
-    titleShowWrapperBottomBorder: "".concat(borders.widthMedium, " ").concat(borders.style, " ").concat(colors.porcelain),
+    titleShowWrapperBottomBorder: "".concat(borders.widthMedium, " ").concat(borders.style, " ").concat(colors.contrasts.grey1111),
     titleEditWrapperBorderWidth: borders.widthSmall,
-    titleEditWrapperBorderColor: colors.ash
+    titleEditWrapperBorderColor: colors.contrasts.grey4570
   };
 }

package/es/building/components/resources/quizEntry/QuizEntry/index.js

@@ -1,20 +1,20 @@
 import { compose } from 'redux';
-import { connect } from "../../../../../common/react-redux.js";
+import { connect } from '../../../../../common/react-redux';
 import { fromJS } from 'immutable';
-import { showError } from "../../../../../common/actions/errorsShowing.js";
-import { openModal, openMoveImmutableModal } from "../../../../../common/actions/modal.js";
-import { screenreaderNotification } from "../../../../../common/actions/alerts.js";
-import { set, newActiveBank, newActiveBankEntry } from "../../../../../common/actions/ui.js";
-import { newHoverPosition } from "../../../../../common/actions/dragAndDrop.js";
-import { changeQuizEntryPoints, moveTemporaryQuizEntry } from "../../../../../common/actions/modifications.js";
-import makeEditable from "../../../../../common/components/shared/functionality/makeEditable.js";
-import { moveQuizEntry } from "../../../../api/quizEntries.js";
-import { featureOn } from "../../../../../common/util/featureCheck.js";
-import { DropTargetCreator } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
-import { QuizEntry as QuizEntryPresenter } from "./presenter.js";
+import { showError } from '../../../../../common/actions/errorsShowing';
+import { openModal, openMoveImmutableModal } from '../../../../../common/actions/modal';
+import { screenreaderNotification } from '../../../../../common/actions/alerts';
+import { set, newActiveBank, newActiveBankEntry } from '../../../../../common/actions/ui';
+import { newHoverPosition } from '../../../../../common/actions/dragAndDrop';
+import { changeQuizEntryPoints, moveTemporaryQuizEntry } from '../../../../../common/actions/modifications';
+import makeEditable from '../../../../../common/components/shared/functionality/makeEditable';
+import { moveQuizEntry } from '../../../../api/quizEntries';
+import { featureOn } from '../../../../../common/util/featureCheck';
+import { DropTargetCreator } from '../../../../../common/components/shared/drag_and_drop/dragAndDropUtils';
+import { QuizEntry as QuizEntryPresenter } from './presenter';
 import { SHOULD_CLONE_ITEM, QUIZ_ENTRY_GUID_SUFFIX, QUIZ_ENTRY_REF } from '@instructure/quiz-common';
-import { getActiveQuiz } from "../../../../../common/selectors/quizzes.js";
-import quizEntryPresenterWrapper from "./quizEntryPresenterWrapper.js";
+import { getActiveQuiz } from '../../../../../common/selectors/quizzes';
+import quizEntryPresenterWrapper from './quizEntryPresenterWrapper';
 export var mapStateToProps = function mapStateToProps(state, props) {
   var activeQuiz = getActiveQuiz(state);
   var quizId = activeQuiz.id;