@instructure/quiz-core 20.34.1-snapshot.7 → 20.34.1-snapshot.9

package/es/building/components/resources/DeleteStimulusModal/presenter.js

@@ -14,15 +14,15 @@ import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
-import { Modal, ModalHeader, ModalBody, ModalFooter, DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, DELETE_STIMULUS_MODAL_DELETION_MODE, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, DELETE_STIMULUS_MODAL_SELECTED_CHILDREN, DELETE_STIMULUS_MODAL_DELETION_MODE, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx(PresentationContent, null, jsx("hr", null));
 var _ref2 = jsx(PresentationContent, null, jsx("hr", null));
-export var DeleteStimulusModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_DeleteStimulusModal = /*#__PURE__*/function (_Component) {
+export var DeleteStimulusModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_DeleteStimulusModal = /*#__PURE__*/function (_Component) {
   _inherits(DeleteStimulusModal, _Component);
   var _super = _createSuper(DeleteStimulusModal);
   function DeleteStimulusModal() {
@@ -229,7 +229,7 @@ export var DeleteStimulusModal = (_dec = withStyle(generateStyle, generateCompon
   }]);
   DeleteStimulusModal.displayName = "DeleteStimulusModal";
   return DeleteStimulusModal;
-}(Component), _DeleteStimulusModal.propTypes = {
+}(Component), _DeleteStimulusModal.displayName = 'DeleteStimulusModal', _DeleteStimulusModal.componentId = "Quizzes".concat(_DeleteStimulusModal.displayName), _DeleteStimulusModal.propTypes = {
   childEntries: ImmutablePropTypes.list.isRequired,
   closeModal: PropTypes.func.isRequired,
   deletionMode: PropTypes.string,

package/es/building/components/resources/ItemFeedbackModal/presenter.js

@@ -9,14 +9,14 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { RichContentRenderer, RichContentInput, RCE_THREE_LINES_HEIGHT } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Modal, ModalHeader, ModalBody, ModalFooter, ITEM_FEEDBACK_MODAL_FEEDBACK, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, ITEM_FEEDBACK_MODAL_FEEDBACK, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx("br", null);
-export var ItemFeedbackModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ItemFeedbackModal = /*#__PURE__*/function (_Component) {
+export var ItemFeedbackModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ItemFeedbackModal = /*#__PURE__*/function (_Component) {
   _inherits(ItemFeedbackModal, _Component);
   var _super = _createSuper(ItemFeedbackModal);
   function ItemFeedbackModal() {
@@ -110,7 +110,7 @@ export var ItemFeedbackModal = (_dec = withStyle(generateStyle, generateComponen
   }]);
   ItemFeedbackModal.displayName = "ItemFeedbackModal";
   return ItemFeedbackModal;
-}(Component), _ItemFeedbackModal.propTypes = {
+}(Component), _ItemFeedbackModal.displayName = 'ItemFeedbackModal', _ItemFeedbackModal.componentId = "Quizzes".concat(_ItemFeedbackModal.displayName), _ItemFeedbackModal.propTypes = {
   changeItemFeedback: PropTypes.func.isRequired,
   closeModal: PropTypes.func.isRequired,
   feedback: ImmutablePropTypes.map.isRequired,

package/es/building/components/resources/quiz/instructions/Edit/presenter.js

@@ -7,11 +7,11 @@ var _dec, _class, _QuizInstructionsEdit;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button } from '@instructure/ui-buttons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import CustomPropTypes from "../../../../../../common/util/CustomPropTypes.js";
 import { checkClickedNode } from "../../../../../../common/util/clickHandlers.js";
-import { INSTRUCTIONS_EDIT_ID } from '@instructure/quiz-common';
+import { INSTRUCTIONS_EDIT_ID, withStyleOverrides } from '@instructure/quiz-common';
 import { RichContentInput } from '@instructure/quiz-rce';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
@@ -20,7 +20,7 @@ import wrapWithOutsideClickEmotion from "../../../../../../common/components/sha
 // is rendered & has actions that
 // allow for canceling
 // ===================================
-var QuizInstructionsEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsEdit = /*#__PURE__*/function (_Component) {
+var QuizInstructionsEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsEdit = /*#__PURE__*/function (_Component) {
   _inherits(QuizInstructionsEdit, _Component);
   var _super = _createSuper(QuizInstructionsEdit);
   function QuizInstructionsEdit() {
@@ -67,7 +67,7 @@ var QuizInstructionsEdit = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   QuizInstructionsEdit.displayName = "QuizInstructionsEdit";
   return QuizInstructionsEdit;
-}(Component), _QuizInstructionsEdit.propTypes = {
+}(Component), _QuizInstructionsEdit.displayName = 'QuizInstructionsEdit', _QuizInstructionsEdit.componentId = "Quizzes".concat(_QuizInstructionsEdit.displayName), _QuizInstructionsEdit.propTypes = {
   endEditing: PropTypes.func.isRequired,
   inputValue: PropTypes.string.isRequired,
   onInputChange: PropTypes.func.isRequired,

package/es/building/components/resources/quiz/instructions/Instructions/presenter.js

@@ -8,13 +8,14 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import QuizInstructionsEdit from "../Edit/index.js";
 import QuizInstructionsShow from "../Show/index.js";
 import EditButton from "../../editButton/EditButton.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 
 // ======================================
 
@@ -23,7 +24,7 @@ import t from '@instructure/quiz-i18n/es/format-message';
 
 // ======================================
 
-export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
+export var QuizInstructions = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
   _inherits(QuizInstructions, _Component);
   var _super = _createSuper(QuizInstructions);
   function QuizInstructions() {
@@ -162,7 +163,7 @@ export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponent
   }]);
   QuizInstructions.displayName = "QuizInstructions";
   return QuizInstructions;
-}(Component), _QuizInstructions.propTypes = {
+}(Component), _QuizInstructions.displayName = 'QuizInstructions', _QuizInstructions.componentId = "Quizzes".concat(_QuizInstructions.displayName), _QuizInstructions.propTypes = {
   changeQuizInstructions: PropTypes.func.isRequired,
   clearModifications: PropTypes.func.isRequired,
   isEditing: PropTypes.bool.isRequired,

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

@@ -6,13 +6,14 @@ var _dec, _class, _QuizInstructionsShow;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 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 t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 
 // ==========================================
 
@@ -21,7 +22,7 @@ import t from '@instructure/quiz-i18n/es/format-message';
 // editing and hover which shows an overlay
 
 // ==========================================
-export var QuizInstructionsShow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsShow = /*#__PURE__*/function (_Component) {
+export var QuizInstructionsShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructionsShow = /*#__PURE__*/function (_Component) {
   _inherits(QuizInstructionsShow, _Component);
   var _super = _createSuper(QuizInstructionsShow);
   function QuizInstructionsShow() {
@@ -56,7 +57,7 @@ export var QuizInstructionsShow = (_dec = withStyle(generateStyle, generateCompo
   }]);
   QuizInstructionsShow.displayName = "QuizInstructionsShow";
   return QuizInstructionsShow;
-}(Component), _QuizInstructionsShow.propTypes = {
+}(Component), _QuizInstructionsShow.displayName = 'QuizInstructionsShow', _QuizInstructionsShow.componentId = "Quizzes".concat(_QuizInstructionsShow.displayName), _QuizInstructionsShow.propTypes = {
   instructions: PropTypes.string,
   switchOnEditing: PropTypes.func.isRequired,
   contentLocked: PropTypes.bool,

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

@@ -9,11 +9,12 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import ReactDOM from 'react-dom';
 import defer from 'lodash/defer';
-import { withStyle, jsx } from '@instructure/emotion';
+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 t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 
 // =================================
 
@@ -23,7 +24,7 @@ import t from '@instructure/quiz-i18n/es/format-message';
 
 // =================================
 
-export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
+export var TitleEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_TitleEdit = /*#__PURE__*/function (_Component) {
   _inherits(TitleEdit, _Component);
   var _super = _createSuper(TitleEdit);
   function TitleEdit() {
@@ -145,7 +146,7 @@ export var TitleEdit = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   TitleEdit.displayName = "TitleEdit";
   return TitleEdit;
-}(Component), _TitleEdit.propTypes = {
+}(Component), _TitleEdit.displayName = 'TitleEdit', _TitleEdit.componentId = "Quizzes".concat(_TitleEdit.displayName), _TitleEdit.propTypes = {
   value: PropTypes.string.isRequired,
   isValid: PropTypes.bool.isRequired,
   showError: PropTypes.func.isRequired,

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

@@ -6,19 +6,24 @@ var _dec, _class, _QuizTitleShow;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyle, jsx } from '@instructure/emotion';
+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 generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
+
+// ====================================
+
 // this component shows the quiz title
 // has events that allow for toggling
 // editing and hover which shows an
 // overlay
+
 // ====================================
-export var QuizTitleShow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitleShow = /*#__PURE__*/function (_Component) {
+export var QuizTitleShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitleShow = /*#__PURE__*/function (_Component) {
   _inherits(QuizTitleShow, _Component);
   var _super = _createSuper(QuizTitleShow);
   function QuizTitleShow() {
@@ -53,7 +58,7 @@ export var QuizTitleShow = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   QuizTitleShow.displayName = "QuizTitleShow";
   return QuizTitleShow;
-}(Component), _QuizTitleShow.propTypes = {
+}(Component), _QuizTitleShow.displayName = 'QuizTitleShow', _QuizTitleShow.componentId = "Quizzes".concat(_QuizTitleShow.displayName), _QuizTitleShow.propTypes = {
   defaultTitle: PropTypes.string.isRequired,
   switchOnEditing: PropTypes.func.isRequired,
   contentLocked: PropTypes.bool,

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

@@ -9,13 +9,14 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
 import { Heading } from '@instructure/ui-heading';
-import { withStyle, jsx } from '@instructure/emotion';
+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 t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 
 // ================================
 
@@ -24,7 +25,7 @@ import t from '@instructure/quiz-i18n/es/format-message';
 
 // ================================
 
-export var QuizTitlePresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitlePresenter = /*#__PURE__*/function (_Component) {
+export var QuizTitlePresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitlePresenter = /*#__PURE__*/function (_Component) {
   _inherits(QuizTitlePresenter, _Component);
   var _super = _createSuper(QuizTitlePresenter);
   function QuizTitlePresenter() {
@@ -164,7 +165,7 @@ export var QuizTitlePresenter = (_dec = withStyle(generateStyle, generateCompone
   }]);
   QuizTitlePresenter.displayName = "QuizTitlePresenter";
   return QuizTitlePresenter;
-}(Component), _QuizTitlePresenter.propTypes = {
+}(Component), _QuizTitlePresenter.displayName = 'QuizTitle', _QuizTitlePresenter.componentId = "Quizzes".concat(_QuizTitlePresenter.displayName), _QuizTitlePresenter.propTypes = {
   changeQuizTitle: PropTypes.func.isRequired,
   errorsShowing: ImmutablePropTypes.map.isRequired,
   hideError: PropTypes.func.isRequired,

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

@@ -13,7 +13,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import pick from 'lodash/pick';
 import partial from 'lodash/partial';
 import ReactDOM from 'react-dom';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import WarningWrapper from "../../../../../common/components/resources/WarningWrapper/index.js";
 import { propsForItemBankEntryEditPrompt, propsForStimulusBankEntryEditPrompt, propsForBankEntryUnauthorizedEdit, propsForItemVersioningWrapper, propsForBankEntryVersioningWrapper } from "../../../../../common/util/warningHelpers.js";
@@ -26,13 +26,13 @@ import ItemOverride from "../../../../../common/components/resources/item/ItemOv
 import AddToBankOptions from "../../AddToBankOptions/index.js";
 import TagDisplay from "../../../../../common/components/shared/TagDisplay/index.js";
 import Item from "../../../../../common/records/Item.js";
-import { BUILD_TRAY_OPEN, PARENT_TYPE_QUIZ, REGRADE_MODAL, SHOULD_CLONE_ITEM } from '@instructure/quiz-common';
+import { BUILD_TRAY_OPEN, PARENT_TYPE_QUIZ, REGRADE_MODAL, SHOULD_CLONE_ITEM, withStyleOverrides } from '@instructure/quiz-common';
 import QuizEntryShow from "../QuizEntryShow/index.js";
 import QuizEntryEdit from "../QuizEntryEdit/index.js";
 import Stimulus from "../../../../../common/components/resources/stimulus/Stimulus/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var QuizEntry = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
+export var QuizEntry = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntry, _Component);
   var _super = _createSuper(QuizEntry);
   function QuizEntry() {
@@ -311,7 +311,7 @@ export var QuizEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   QuizEntry.displayName = "QuizEntry";
   return QuizEntry;
-}(Component), _QuizEntry.propTypes = {
+}(Component), _QuizEntry.displayName = 'QuizEntry', _QuizEntry.componentId = "Quizzes".concat(_QuizEntry.displayName), _QuizEntry.propTypes = {
   changeQuizEntryPoints: PropTypes.func.isRequired,
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record),
   connectDropTarget: PropTypes.func.isRequired,

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/presenter.js

@@ -13,7 +13,7 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import NumberInput from '@instructure/quiz-number-input';
 import { Text } from '@instructure/ui-text';
 import { Alert } from '@instructure/ui-alerts';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import EntrySave from "../../../../../../common/components/resources/entry/EntrySave/index.js";
 import BankSelection from "../../../../../../common/components/resources/BankSelection/index.js";
 import QuizEntry from "../../../../../../common/records/QuizEntry.js";
@@ -21,9 +21,10 @@ import Bank from "../../../../../../common/records/Bank.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx("br", null);
 var _ref2 = jsx("br", null);
-export var QuizEntryBankEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBankEdit = /*#__PURE__*/function (_Component) {
+export var QuizEntryBankEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBankEdit = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryBankEdit, _Component);
   var _super = _createSuper(QuizEntryBankEdit);
   function QuizEntryBankEdit() {
@@ -201,7 +202,7 @@ export var QuizEntryBankEdit = (_dec = withStyle(generateStyle, generateComponen
   }]);
   QuizEntryBankEdit.displayName = "QuizEntryBankEdit";
   return QuizEntryBankEdit;
-}(Component), _QuizEntryBankEdit.propTypes = {
+}(Component), _QuizEntryBankEdit.displayName = 'QuizEntryBankEdit', _QuizEntryBankEdit.componentId = "Quizzes".concat(_QuizEntryBankEdit.displayName), _QuizEntryBankEdit.propTypes = {
   changeQuizEntryPoints: PropTypes.func.isRequired,
   changeQuizEntryProperties: PropTypes.func.isRequired,
   changeQuizEntryEntry: PropTypes.func.isRequired,

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/index.js

@@ -9,14 +9,15 @@ import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
 import { Alert } from '@instructure/ui-alerts';
 import { Text } from '@instructure/ui-text';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import Bank from "../../../../../../common/records/Bank.js";
 import QuizEntry from "../../../../../../common/records/QuizEntry.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx("br", null);
-export var QuizEntryBank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBank = /*#__PURE__*/function (_Component) {
+export var QuizEntryBank = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBank = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryBank, _Component);
   var _super = _createSuper(QuizEntryBank);
   function QuizEntryBank() {
@@ -90,7 +91,7 @@ export var QuizEntryBank = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   QuizEntryBank.displayName = "QuizEntryBank";
   return QuizEntryBank;
-}(Component), _QuizEntryBank.propTypes = {
+}(Component), _QuizEntryBank.displayName = 'QuizEntryBank', _QuizEntryBank.componentId = "Quizzes".concat(_QuizEntryBank.displayName), _QuizEntryBank.propTypes = {
   entry: PropTypes.instanceOf(Bank).isRequired,
   quizEntry: PropTypes.instanceOf(QuizEntry).isRequired,
   styles: PropTypes.object

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -14,12 +14,12 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Text } from '@instructure/ui-text';
 import NumberInput from '@instructure/quiz-number-input';
 import { IconButton } from '@instructure/ui-buttons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { IconDiscussionLine, IconDiscussionSolid } from '@instructure/ui-icons';
 import { interactionPoints } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
 import EntrySave from "../../../../../../common/components/resources/entry/EntrySave/index.js";
-import { ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK } from '@instructure/quiz-common';
+import { ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 function pointsAsFloat(pointsString) {
@@ -34,7 +34,7 @@ function countDecimals(normalizedPointsString) {
     decimals = _normalizedPointsStri2[1];
   return decimals ? decimals.length : 0;
 }
-export var QuizEntryEditFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
+export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryEditFooter, _Component);
   var _super = _createSuper(QuizEntryEditFooter);
   function QuizEntryEditFooter() {
@@ -209,7 +209,7 @@ export var QuizEntryEditFooter = (_dec = withStyle(generateStyle, generateCompon
   }]);
   QuizEntryEditFooter.displayName = "QuizEntryEditFooter";
   return QuizEntryEditFooter;
-}(Component), _QuizEntryEditFooter.propTypes = {
+}(Component), _QuizEntryEditFooter.displayName = 'QuizEntryEditFooter', _QuizEntryEditFooter.componentId = "Quizzes".concat(_QuizEntryEditFooter.displayName), _QuizEntryEditFooter.propTypes = {
   alternativeRightFooter: PropTypes.func,
   changeQuizEntryPoints: PropTypes.func.isRequired,
   clearChanges: PropTypes.func.isRequired,

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -13,7 +13,7 @@ import partial from 'lodash/partial';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { CondensedButton } from '@instructure/ui-buttons';
 import { TextInput } from '@instructure/ui-text-input';
-import { withStyle, jsx, Global } from '@instructure/emotion';
+import { jsx, Global } from '@instructure/emotion';
 import { FillBlankInteractionType } from '@instructure/quiz-interactions';
 import { IconBankLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -21,11 +21,11 @@ import { convertFITBtoRich } from "../../../../../../common/util/fitbCopyHelper.
 import PositionBox from "../../../../../../common/components/resources/positionBox/PositionBox.js";
 import Item from "../../../../../../common/records/Item.js";
 import ActionButtons from "../../../ActionButtons/index.js";
-import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN } from '@instructure/quiz-common';
+import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref2 = jsx(IconBankLine, null);
-var QuizEntryHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
+var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryHeader, _Component);
   var _super = _createSuper(QuizEntryHeader);
   function QuizEntryHeader() {
@@ -270,7 +270,7 @@ var QuizEntryHeader = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   QuizEntryHeader.displayName = "QuizEntryHeader";
   return QuizEntryHeader;
-}(Component), _QuizEntryHeader.propTypes = {
+}(Component), _QuizEntryHeader.displayName = 'QuizEntryHeader', _QuizEntryHeader.componentId = "Quizzes".concat(_QuizEntryHeader.displayName), _QuizEntryHeader.propTypes = {
   changeItemTitle: PropTypes.func.isRequired,
   // from connected component
   clearModifications: PropTypes.func.isRequired,

package/es/building/components/resources/quizEntry/QuizEntryEdit/presenter.js

@@ -12,7 +12,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { DragSource } from 'react-dnd';
 import pick from 'lodash/pick';
 import first from 'lodash/first';
-import { withStyle, jsx, Global } from '@instructure/emotion';
+import { jsx, Global } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import CustomPropTypes from "../../../../../common/util/CustomPropTypes.js";
 import AddToBankModal from "../../../../../banks/components/AddToBankModal/index.js";
@@ -21,11 +21,11 @@ import wrapWithOutsideClickEmotion from "../../../../../common/components/shared
 import { checkClickedNode } from "../../../../../common/util/clickHandlers.js";
 import QuizEntryEditHeader from "./Header/index.js";
 import QuizEntryEditFooter from "./Footer/index.js";
-import { SHOULD_CLONE_ITEM, TEMPORARY_ITEM_ID, DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, PARENT_TYPE_ADDING_TO_BANK } from '@instructure/quiz-common';
+import { SHOULD_CLONE_ITEM, TEMPORARY_ITEM_ID, DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, PARENT_TYPE_ADDING_TO_BANK, withStyleOverrides } from '@instructure/quiz-common';
 import { ItemTypes, dragSource, collectDrag } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-var QuizEntryEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
+var QuizEntryEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEdit = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryEdit, _Component);
   var _super = _createSuper(QuizEntryEdit);
   function QuizEntryEdit() {
@@ -362,7 +362,7 @@ var QuizEntryEdit = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }]);
   QuizEntryEdit.displayName = "QuizEntryEdit";
   return QuizEntryEdit;
-}(Component), _QuizEntryEdit.propTypes = {
+}(Component), _QuizEntryEdit.displayName = 'QuizEntryEdit', _QuizEntryEdit.componentId = "Quizzes".concat(_QuizEntryEdit.displayName), _QuizEntryEdit.propTypes = {
   addContentPopoverOpen: PropTypes.bool.isRequired,
   alternativeRightFooter: PropTypes.func,
   appContainer: CustomPropTypes.selectors.isRequired,

package/es/building/components/resources/quizEntry/QuizEntryShow/presenter.js

@@ -11,9 +11,9 @@ import partial from 'lodash/partial';
 import { DragSource } from 'react-dnd';
 import { IconBankLine } from '@instructure/ui-icons';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { FillBlankInteractionType } from '@instructure/quiz-interactions';
-import { TOP } from '@instructure/quiz-common';
+import { TOP, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { convertFITBtoRich } from "../../../../../common/util/fitbCopyHelper.js";
 import Item from "../../../../../common/records/Item.js";
@@ -25,7 +25,7 @@ import DragAndDropZone from "../../../../../common/components/shared/drag_and_dr
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx(IconBankLine, null);
-var QuizEntryShow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryShow = /*#__PURE__*/function (_Component) {
+var QuizEntryShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryShow = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryShow, _Component);
   var _super = _createSuper(QuizEntryShow);
   function QuizEntryShow() {
@@ -278,7 +278,7 @@ var QuizEntryShow = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }]);
   QuizEntryShow.displayName = "QuizEntryShow";
   return QuizEntryShow;
-}(Component), _QuizEntryShow.propTypes = {
+}(Component), _QuizEntryShow.displayName = 'QuizEntryShow', _QuizEntryShow.componentId = "Quizzes".concat(_QuizEntryShow.displayName), _QuizEntryShow.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   connectDragPreview: PropTypes.func.isRequired,
   connectDragSource: PropTypes.func.isRequired,

package/es/common/components/ImportModal/ImportFileSelector/index.js

@@ -9,15 +9,16 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Button } from '@instructure/ui-buttons';
 import { Grid } from '@instructure/ui-grid';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { IconUploadLine, IconCompleteLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
 import FileSelector from "../../../../common/components/shared/file_selector/FileSelector.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconUploadLine, null);
 var _ref2 = jsx(IconCompleteLine, null);
-export var ImportFileSelector = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
+export var ImportFileSelector = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ImportFileSelector = /*#__PURE__*/function (_Component) {
   _inherits(ImportFileSelector, _Component);
   var _super = _createSuper(ImportFileSelector);
   function ImportFileSelector() {
@@ -121,7 +122,7 @@ export var ImportFileSelector = (_dec = withStyle(generateStyle, generateCompone
   }]);
   ImportFileSelector.displayName = "ImportFileSelector";
   return ImportFileSelector;
-}(Component), _ImportFileSelector.propTypes = {
+}(Component), _ImportFileSelector.displayName = 'ImportFileSelector', _ImportFileSelector.componentId = "Quizzes".concat(_ImportFileSelector.displayName), _ImportFileSelector.propTypes = {
   files: ImmutablePropTypes.list.isRequired,
   receiveFile: PropTypes.func.isRequired,
   acceptAttribute: PropTypes.string.isRequired,

package/es/common/components/ImportModal/presenter.js

@@ -15,13 +15,13 @@ import { Heading } from '@instructure/ui-heading';
 import { Tabs } from '@instructure/ui-tabs';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
 import { TextInput } from '@instructure/ui-text-input';
-import { withStyle, jsx } from '@instructure/emotion';
-import { ImportantModal, ModalHeader, ModalBody, ModalFooter, FILE_UPLOAD_SELECT, FILE_UPLOAD_IMPORTING, FILE_UPLOAD_SUCCESS, FILE_UPLOAD_FAILURE, FILE_UPLOAD_ERROR, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
+import { ImportantModal, ModalHeader, ModalBody, ModalFooter, FILE_UPLOAD_SELECT, FILE_UPLOAD_IMPORTING, FILE_UPLOAD_SUCCESS, FILE_UPLOAD_FAILURE, FILE_UPLOAD_ERROR, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import ImportFileSelector from "./ImportFileSelector/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
+export var ImportModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ImportModal = /*#__PURE__*/function (_Component) {
   _inherits(ImportModal, _Component);
   var _super = _createSuper(ImportModal);
   function ImportModal() {
@@ -319,7 +319,7 @@ export var ImportModal = (_dec = withStyle(generateStyle, generateComponentTheme
   }]);
   ImportModal.displayName = "ImportModal";
   return ImportModal;
-}(Component), _ImportModal.propTypes = {
+}(Component), _ImportModal.displayName = 'ImportModal', _ImportModal.componentId = "Quizzes".concat(_ImportModal.displayName), _ImportModal.propTypes = {
   acceptFileType: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.shape({
     fileType: PropTypes.string,
     title: PropTypes.string

package/es/common/components/PrintFontSizeModal/presenter.js

@@ -6,16 +6,16 @@ var _dec, _class, _PrintFontSizeModal;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Modal, ModalHeader, ModalBody, ModalFooter } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, withStyleOverrides } from '@instructure/quiz-common';
 import { Heading } from '@instructure/ui-heading';
 import { Button, CloseButton } from '@instructure/ui-buttons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { Checkbox } from '@instructure/ui-checkbox';
-export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PrintFontSizeModal = /*#__PURE__*/function (_Component) {
+export var PrintFontSizeModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PrintFontSizeModal = /*#__PURE__*/function (_Component) {
   _inherits(PrintFontSizeModal, _Component);
   var _super = _createSuper(PrintFontSizeModal);
   function PrintFontSizeModal() {
@@ -152,7 +152,7 @@ export var PrintFontSizeModal = (_dec = withStyle(generateStyle, generateCompone
   }]);
   PrintFontSizeModal.displayName = "PrintFontSizeModal";
   return PrintFontSizeModal;
-}(Component), _PrintFontSizeModal.propTypes = {
+}(Component), _PrintFontSizeModal.displayName = 'PrintFontSizeModal', _PrintFontSizeModal.componentId = "Quizzes".concat(_PrintFontSizeModal.displayName), _PrintFontSizeModal.propTypes = {
   isOpen: PropTypes.bool,
   persistedPrintFontSize: PropTypes.string,
   onSubmit: PropTypes.func.isRequired,

package/es/common/components/SDKApp/index.js

@@ -10,11 +10,11 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import HTML5Backend from 'react-dnd-html5-backend';
 import { DragDropContext } from 'react-dnd';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { ApplyLocale } from '@instructure/ui-i18n';
 import { Provider } from "../../react-redux.js";
 import store from "../../../reduxStore.js";
-import { getLocale } from '@instructure/quiz-common';
+import { getLocale, withStyleOverrides } from '@instructure/quiz-common';
 import { set } from "../../actions/ui.js";
 import { addAlert } from "../../actions/alerts.js";
 import { setAPIEndpoint, setCanvasOrigin, setUserToken } from "../../actions/config.js";
@@ -29,7 +29,7 @@ import setupFormatMessage from '@instructure/quiz-i18n/es/util/setupFormatMessag
 import RceConfigProvider from "../RceConfigProvider/index.js";
 import { ApiFeatureFlagInitializer } from "../ApiFeatureFlagInitializer/index.js";
 var _ref = jsx(ConfirmationModal, null);
-export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
+export var SDKApp = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_SDKApp = /*#__PURE__*/function (_Component) {
   _inherits(SDKApp, _Component);
   var _super = _createSuper(SDKApp);
   function SDKApp(props) {
@@ -140,7 +140,7 @@ export var SDKApp = (_dec = withStyle(generateStyle, null), _dec(_class = (_SDKA
   }]);
   SDKApp.displayName = "SDKApp";
   return SDKApp;
-}(Component), _SDKApp.propTypes = {
+}(Component), _SDKApp.displayName = 'SDKApp', _SDKApp.componentId = "Quizzes".concat(_SDKApp.displayName), _SDKApp.propTypes = {
   apiEndpoint: PropTypes.string.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,