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

package/es/banks/components/Bank/presenter.js

@@ -18,7 +18,7 @@ import { BreadcrumbLink } from '@instructure/ui-breadcrumb';
 import { Button } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
 import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
@@ -33,11 +33,11 @@ import BankEntriesList from "../../../banks/components/BankEntriesList/index.js"
 import BankSearch from "../../../banks/components/BankSearch/index.js";
 import HeaderMenu from "../../../banks/components/HeaderMenu/index.js";
 import NavWrapper from "../NavWrapper/index.js";
-import { ADD_BANK_ENTRY_MODAL, BANKS_BANK_ENTRY_PAGINATION, CAN_EDIT, REMOVED_ACCESS, READ_ONLY } from '@instructure/quiz-common';
+import { ADD_BANK_ENTRY_MODAL, BANKS_BANK_ENTRY_PAGINATION, CAN_EDIT, REMOVED_ACCESS, READ_ONLY, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx(IconMoreSolid, null);
-export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Bank = /*#__PURE__*/function (_Component) {
+export var Bank = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Bank = /*#__PURE__*/function (_Component) {
   _inherits(Bank, _Component);
   var _super = _createSuper(Bank);
   function Bank() {
@@ -440,7 +440,7 @@ export var Bank = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   }]);
   Bank.displayName = "Bank";
   return Bank;
-}(Component), _Bank.propTypes = {
+}(Component), _Bank.displayName = 'Bank', _Bank.componentId = "Quizzes".concat(_Bank.displayName), _Bank.propTypes = {
   activeQuizId: PropTypes.string,
   addEntryToQuiz: PropTypes.func,
   bankId: PropTypes.string.isRequired,

package/es/banks/components/BankEntriesList/presenter.js

@@ -7,12 +7,13 @@ var _dec, _class, _BankEntriesList;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import Card from "../../../common/components/shared/Card/index.js";
 import BankEntryRow from "../BankEntryRow/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var BankEntriesList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankEntriesList = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var BankEntriesList = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntriesList = /*#__PURE__*/function (_Component) {
   _inherits(BankEntriesList, _Component);
   var _super = _createSuper(BankEntriesList);
   function BankEntriesList() {
@@ -45,7 +46,7 @@ export var BankEntriesList = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   BankEntriesList.displayName = "BankEntriesList";
   return BankEntriesList;
-}(Component), _BankEntriesList.propTypes = {
+}(Component), _BankEntriesList.displayName = 'BankEntriesList', _BankEntriesList.componentId = "Quizzes".concat(_BankEntriesList.displayName), _BankEntriesList.propTypes = {
   addEntryToQuiz: PropTypes.func,
   bank: ImmutablePropTypes.record.isRequired,
   bankEntries: ImmutablePropTypes.list.isRequired,

package/es/banks/components/BankEntry/presenter.js

@@ -24,7 +24,7 @@ import { Heading } from '@instructure/ui-heading';
 import { IconDiscussionLine, IconDiscussionSolid } from '@instructure/ui-icons';
 import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { TextInput } from '@instructure/ui-text-input';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
 import EntrySave from "../../../common/components/resources/entry/EntrySave/index.js";
 import ItemEdit from "../../../common/components/resources/item/ItemEdit/index.js";
@@ -41,11 +41,11 @@ import { createItem } from "../../../building/api/items.js";
 import { createStimulus } from "../../../building/api/stimuli.js";
 import { propsForItemVersioningWrapper, propsForStimulusVersioningWrapper } from "../../../common/util/warningHelpers.js";
 import NavWrapper from "../NavWrapper/index.js";
-import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK } from '@instructure/quiz-common';
+import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref3 = jsx(Spinner, null);
-export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
+export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
   _inherits(BankEntry, _Component);
   var _super = _createSuper(BankEntry);
   function BankEntry() {
@@ -581,7 +581,7 @@ export var BankEntry = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   BankEntry.displayName = "BankEntry";
   return BankEntry;
-}(Component), _BankEntry.propTypes = {
+}(Component), _BankEntry.displayName = 'BankEntry', _BankEntry.componentId = "Quizzes".concat(_BankEntry.displayName), _BankEntry.propTypes = {
   bankEntryId: PropTypes.string.isRequired,
   bankId: PropTypes.string.isRequired,
   bank: ImmutablePropTypes.record.isRequired,

package/es/banks/components/BankEntryRow/presenter.js

@@ -16,8 +16,8 @@ import { List } from '@instructure/ui-list';
 import { Heading } from '@instructure/ui-heading';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import { Alert } from '@instructure/ui-alerts';
-import { withStyle, jsx } from '@instructure/emotion';
-import { BUILD_TRAY_POSITION, COPY_MOVE_BANK_ENTRY_MODAL, SET_EDIT_BUTTON_FOCUS, withI18nSupport } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
+import { BUILD_TRAY_POSITION, COPY_MOVE_BANK_ENTRY_MODAL, SET_EDIT_BUTTON_FOCUS, withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -31,7 +31,7 @@ import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import Overlay from "../../../common/components/shared/overlay/index.js";
 var _ref2 = jsx("div", null);
-export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
+export var BankEntryRow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
   _inherits(BankEntryRow, _withI18nSupport);
   var _super = _createSuper(BankEntryRow);
   function BankEntryRow() {
@@ -341,7 +341,7 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
   }]);
   BankEntryRow.displayName = "BankEntryRow";
   return BankEntryRow;
-}(withI18nSupport(Component)), _BankEntryRow.propTypes = {
+}(withI18nSupport(Component)), _BankEntryRow.displayName = 'BankEntryRow', _BankEntryRow.componentId = "Quizzes".concat(_BankEntryRow.displayName), _BankEntryRow.propTypes = {
   activeQuizId: PropTypes.string,
   addEntryToQuiz: PropTypes.func,
   bankEntry: ImmutablePropTypes.record.isRequired,

package/es/banks/components/BankSearch/presenter.js

@@ -16,12 +16,13 @@ import { View } from '@instructure/ui-view';
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import TagSuggestSelect from "../../../common/components/shared/TagSuggestSelect/index.js";
 import { interactionTypesNameDictionary } from "../../../common/util/interactionTypeMetadata.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var tagShape = PropTypes.shape({
   tag: PropTypes.shape({
     id: PropTypes.string,
@@ -29,7 +30,7 @@ var tagShape = PropTypes.shape({
   }).isRequired,
   count: PropTypes.number.isRequired
 });
-export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
+export var BankSearch = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BankSearch = /*#__PURE__*/function (_Component) {
   _inherits(BankSearch, _Component);
   var _super = _createSuper(BankSearch);
   function BankSearch() {
@@ -156,7 +157,7 @@ export var BankSearch = (_dec = withStyle(generateStyle, generateComponentTheme)
   }]);
   BankSearch.displayName = "BankSearch";
   return BankSearch;
-}(Component), _BankSearch.propTypes = {
+}(Component), _BankSearch.displayName = 'BankSearch', _BankSearch.componentId = "Quizzes".concat(_BankSearch.displayName), _BankSearch.propTypes = {
   allInteractions: PropTypes.bool,
   interactionTypes: PropTypes.arrayOf(PropTypes.shape({
     count: PropTypes.number,

package/es/banks/components/Banks/presenter.js

@@ -16,7 +16,7 @@ import { Billboard } from '@instructure/ui-billboard';
 import { Button } from '@instructure/ui-buttons';
 import { TextInput } from '@instructure/ui-text-input';
 import { SimpleSelect } from '@instructure/ui-simple-select';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { Grid } from '@instructure/ui-grid';
 import { View } from '@instructure/ui-view';
 import debounce from 'lodash/fp/debounce';
@@ -24,7 +24,7 @@ import Page from "../../../common/components/layout/Page/index.js";
 import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
 import PaginatedCollection from "../../../common/components/shared/PaginatedCollection/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT } from '@instructure/quiz-common';
+import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT, withStyleOverrides } from '@instructure/quiz-common';
 import BanksList from "../../../banks/components/BanksList/index.js";
 import CreateBankModal from "../../../banks/components/CreateBankModal/index.js";
 import NavWrapper from "../NavWrapper/index.js";
@@ -39,7 +39,7 @@ var sortOrderIcons = {
 var _ref4 = jsx(Img, {
   src: noResults
 });
-export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
+export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Banks = /*#__PURE__*/function (_Component) {
   _inherits(Banks, _Component);
   var _super = _createSuper(Banks);
   function Banks(props) {
@@ -429,7 +429,7 @@ export var Banks = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   }]);
   Banks.displayName = "Banks";
   return Banks;
-}(Component), _Banks.propTypes = {
+}(Component), _Banks.displayName = 'Banks', _Banks.componentId = "Quizzes".concat(_Banks.displayName), _Banks.propTypes = {
   closeTray: PropTypes.func,
   createBank: PropTypes.func.isRequired,
   currentUser: PropTypes.shape({

package/es/banks/components/BanksList/presenter.js

@@ -20,8 +20,8 @@ import { IconEditLine, IconTrashLine, IconShareSolid, IconCopyLine } from '@inst
 import { Alert } from '@instructure/ui-alerts';
 import { Spinner } from '@instructure/ui-spinner';
 import { Table } from '@instructure/ui-table';
-import { withStyle, jsx } from '@instructure/emotion';
-import { EDIT_BANK_MODAL, withI18nSupport } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
+import { EDIT_BANK_MODAL, withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
 import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
 import IfFeature from "../../../common/components/shared/IfFeature/index.js";
 import EditBankModal from "../EditBankModal/index.js";
@@ -33,7 +33,7 @@ var _ref4 = jsx(Table.Cell, null);
 var _ref5 = jsx(Table.Cell, null);
 var _ref6 = jsx(Table.Cell, null);
 var _ref7 = jsx(Table.Cell, null);
-export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
+export var BanksList = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BanksList = /*#__PURE__*/function (_withI18nSupport) {
   _inherits(BanksList, _withI18nSupport);
   var _super = _createSuper(BanksList);
   function BanksList() {
@@ -461,7 +461,7 @@ export var BanksList = (_dec = withStyle(generateStyle, generateComponentTheme),
   }]);
   BanksList.displayName = "BanksList";
   return BanksList;
-}(withI18nSupport(Component)), _BanksList.propTypes = {
+}(withI18nSupport(Component)), _BanksList.displayName = 'BanksList', _BanksList.componentId = "Quizzes".concat(_BanksList.displayName), _BanksList.propTypes = {
   addInfo: PropTypes.func.isRequired,
   addToPolling: PropTypes.func.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired,

package/es/banks/components/CreateBankModal/presenter.js

@@ -11,14 +11,14 @@ import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
 import { TextInput } from '@instructure/ui-text-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 Bank from "../../../common/records/Bank.js";
 import { toErrors } from "../../../common/util/instUIMessages.js";
-import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {
+export var CreateBankModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {
   _inherits(CreateBankModal, _Component);
   var _super = _createSuper(CreateBankModal);
   function CreateBankModal() {
@@ -147,7 +147,7 @@ export var CreateBankModal = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   CreateBankModal.displayName = "CreateBankModal";
   return CreateBankModal;
-}(Component), _CreateBankModal.propTypes = {
+}(Component), _CreateBankModal.displayName = 'CreateBankModal', _CreateBankModal.componentId = "Quizzes".concat(_CreateBankModal.displayName), _CreateBankModal.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   temporaryBank: PropTypes.instanceOf(Bank).isRequired,

package/es/banks/components/EditBankModal/presenter.js

@@ -9,14 +9,14 @@ import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { TextInput } from '@instructure/ui-text-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 { toErrors } from "../../../common/util/instUIMessages.js";
-import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import Bank from "../../../common/records/Bank.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
+export var EditBankModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
   _inherits(EditBankModal, _Component);
   var _super = _createSuper(EditBankModal);
   function EditBankModal() {
@@ -110,7 +110,7 @@ export var EditBankModal = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   EditBankModal.displayName = "EditBankModal";
   return EditBankModal;
-}(Component), _EditBankModal.propTypes = {
+}(Component), _EditBankModal.displayName = 'EditBankModal', _EditBankModal.componentId = "Quizzes".concat(_EditBankModal.displayName), _EditBankModal.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   workingBank: PropTypes.instanceOf(Bank).isRequired,

package/es/banks/components/HeaderMenu/presenter.js

@@ -13,16 +13,16 @@ import { IconButton } from '@instructure/ui-buttons';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { IconMoreSolid, IconImportLine } from '@instructure/ui-icons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import QTIImportModal from "../../../building/components/QTIImportModal/index.js";
-import { PARENT_TYPE_BANK } from '@instructure/quiz-common';
+import { PARENT_TYPE_BANK, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 var _ref = jsx(IconImportLine, {
   "data-automation": "sdk-headermenu-import-content"
 });
-export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
+export var HeaderMenu = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenu = /*#__PURE__*/function (_Component) {
   _inherits(HeaderMenu, _Component);
   var _super = _createSuper(HeaderMenu);
   function HeaderMenu() {
@@ -85,7 +85,7 @@ export var HeaderMenu = (_dec = withStyle(generateStyle, generateComponentTheme)
   }]);
   HeaderMenu.displayName = "HeaderMenu";
   return HeaderMenu;
-}(Component), _HeaderMenu.propTypes = {
+}(Component), _HeaderMenu.displayName = 'HeaderMenu', _HeaderMenu.componentId = "Quizzes".concat(_HeaderMenu.displayName), _HeaderMenu.propTypes = {
   openImportModal: PropTypes.func.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   iceTopNavBarEnabled: PropTypes.bool,

package/es/banks/components/NavWrapper/presenter.js

@@ -16,11 +16,12 @@ import { CloseButton, Button } from '@instructure/ui-buttons';
 import { BreadcrumbLink } from '@instructure/ui-breadcrumb';
 import { IconBankLine } from '@instructure/ui-icons';
 import { View } from '@instructure/ui-view';
-import { withStyle, jsx, Global } from '@instructure/emotion';
+import { jsx, Global } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NavWrapper = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+var NavWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NavWrapper = /*#__PURE__*/function (_Component) {
   _inherits(NavWrapper, _Component);
   var _super = _createSuper(NavWrapper);
   function NavWrapper() {
@@ -129,7 +130,7 @@ var NavWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
   }]);
   NavWrapper.displayName = "NavWrapper";
   return NavWrapper;
-}(Component), _NavWrapper.propTypes = {
+}(Component), _NavWrapper.displayName = 'NavWrapper', _NavWrapper.componentId = "Quizzes".concat(_NavWrapper.displayName), _NavWrapper.propTypes = {
   children: Children.oneOf([BreadcrumbLink]),
   closeTray: PropTypes.func,
   navigateToBanks: PropTypes.func,

package/es/banks/components/SharingModal/RootAccountSharing.js

@@ -5,14 +5,13 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _RootAccountSharing;
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { CAN_EDIT, READ_ONLY } from '@instructure/quiz-common';
+import { withStyleOverrides, CAN_EDIT, READ_ONLY } from '@instructure/quiz-common';
 import { IconAdminLine } from '@instructure/ui-icons';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
 import { Grid } from '@instructure/ui-grid';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { SimpleSelect } from '@instructure/ui-simple-select';
-import { withStyle } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -21,7 +20,7 @@ var _ref = /*#__PURE__*/React.createElement(Grid.Col, {
 }, /*#__PURE__*/React.createElement(IconAdminLine, {
   size: "medium"
 }));
-export var RootAccountSharing = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_RootAccountSharing = /*#__PURE__*/function (_Component) {
+export var RootAccountSharing = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_RootAccountSharing = /*#__PURE__*/function (_Component) {
   _inherits(RootAccountSharing, _Component);
   var _super = _createSuper(RootAccountSharing);
   function RootAccountSharing() {
@@ -71,7 +70,7 @@ export var RootAccountSharing = (_dec = withStyle(generateStyle, generateCompone
   }]);
   RootAccountSharing.displayName = "RootAccountSharing";
   return RootAccountSharing;
-}(Component), _RootAccountSharing.propTypes = {
+}(Component), _RootAccountSharing.displayName = 'RootAccountSharing', _RootAccountSharing.componentId = "Quizzes".concat(_RootAccountSharing.displayName), _RootAccountSharing.propTypes = {
   accountName: PropTypes.string,
   onShareChange: PropTypes.func.isRequired,
   onShareTypeChange: PropTypes.func.isRequired,

package/es/banks/components/SharingModal/ShareList/index.js

@@ -13,15 +13,15 @@ import { Grid } from '@instructure/ui-grid';
 import { Avatar } from '@instructure/ui-avatar';
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyle, jsx } from '@instructure/emotion';
-import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_COURSE } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
+import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_COURSE, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { ContextualIconButton } from "../ContextualIconButton/index.js";
 import generateStyle from "./styles.js";
 var _ref3 = jsx(IconCoursesLine, {
   size: "small"
 });
-export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_ShareList = /*#__PURE__*/function (_Component) {
+export var ShareList = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_ShareList = /*#__PURE__*/function (_Component) {
   _inherits(ShareList, _Component);
   var _super = _createSuper(ShareList);
   function ShareList() {
@@ -109,7 +109,7 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_S
   }]);
   ShareList.displayName = "ShareList";
   return ShareList;
-}(Component), _ShareList.propTypes = {
+}(Component), _ShareList.displayName = 'ShareList', _ShareList.componentId = "Quizzes".concat(_ShareList.displayName), _ShareList.propTypes = {
   canEdit: PropTypes.bool.isRequired,
   entities: ImmutablePropTypes.listOf(ImmutablePropTypes.contains({
     entityType: PropTypes.string.isRequired,

package/es/banks/components/SharingModal/presenter.js

@@ -14,7 +14,7 @@ import PropTypes from 'prop-types';
 import { List, Map } from 'immutable';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
-import { Modal, ModalHeader, ModalBody, ModalFooter, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, withStyleOverrides } from '@instructure/quiz-common';
 import { Heading } from '@instructure/ui-heading';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { View } from '@instructure/ui-view';
@@ -22,7 +22,7 @@ import { Grid } from '@instructure/ui-grid';
 import { Tabs } from '@instructure/ui-tabs';
 import { Text } from '@instructure/ui-text';
 import { SimpleSelect } from '@instructure/ui-simple-select';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import elementsForSelectors from "../../../common/util/ElementsForSelectors.js";
 import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
 import ShareList from "./ShareList/index.js";
@@ -34,7 +34,7 @@ import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 var noop = function noop() {};
 var _ref7 = jsx(Spinner, null);
-export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
+export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SharingModalPresenter = /*#__PURE__*/function (_Component) {
   _inherits(SharingModalPresenter, _Component);
   var _super = _createSuper(SharingModalPresenter);
   function SharingModalPresenter() {
@@ -551,7 +551,7 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
   }]);
   SharingModalPresenter.displayName = "SharingModalPresenter";
   return SharingModalPresenter;
-}(Component), _SharingModalPresenter.propTypes = {
+}(Component), _SharingModalPresenter.displayName = 'SharingModalPresenter', _SharingModalPresenter.componentId = "Quizzes".concat(_SharingModalPresenter.displayName), _SharingModalPresenter.propTypes = {
   appContainer: CustomPropTypes.selectors.isRequired,
   bank: ImmutablePropTypes.record.isRequired,
   currentUser: PropTypes.shape({

package/es/building/components/layout/Sidebar/SidebarItem/presenter.js

@@ -7,14 +7,15 @@ var _dec, _class, _BuildingSidebarItem;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { chooseDragConnection, usingIE } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
 import DragHandle from "../../../../../common/components/shared/drag_and_drop/DragHandle/index.js";
 import DragAndDropZone from "../../../../../common/components/shared/drag_and_drop/DragAndDropZone/index.js";
 import CommonSidebarItem from "../../../../../common/components/layout/sidebar/SidebarItem/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebarItem = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var BuildingSidebarItem = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebarItem = /*#__PURE__*/function (_Component) {
   _inherits(BuildingSidebarItem, _Component);
   var _super = _createSuper(BuildingSidebarItem);
   function BuildingSidebarItem() {
@@ -100,7 +101,7 @@ export var BuildingSidebarItem = (_dec = withStyle(generateStyle, generateCompon
   }]);
   BuildingSidebarItem.displayName = "BuildingSidebarItem";
   return BuildingSidebarItem;
-}(Component), _BuildingSidebarItem.propTypes = {
+}(Component), _BuildingSidebarItem.displayName = 'BuildingSidebarItem', _BuildingSidebarItem.componentId = "Quizzes".concat(_BuildingSidebarItem.displayName), _BuildingSidebarItem.propTypes = {
   connectDragSource: PropTypes.func.isRequired,
   // inserted by React DnD
   connectDragPreview: PropTypes.func.isRequired,

package/es/building/components/layout/Sidebar/Stimulus/presenter.js

@@ -7,14 +7,15 @@ var _dec, _class, _BuildingStimulus;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { chooseDragConnection, usingIE } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
 import DragHandle from "../../../../../common/components/shared/drag_and_drop/DragHandle/index.js";
 import DragAndDropZone from "../../../../../common/components/shared/drag_and_drop/DragAndDropZone/index.js";
 import CommonStimulus from "../../../../../common/components/layout/sidebar/Stimulus/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var BuildingStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingStimulus = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var BuildingStimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BuildingStimulus = /*#__PURE__*/function (_Component) {
   _inherits(BuildingStimulus, _Component);
   var _super = _createSuper(BuildingStimulus);
   function BuildingStimulus() {
@@ -108,7 +109,7 @@ export var BuildingStimulus = (_dec = withStyle(generateStyle, generateComponent
   }]);
   BuildingStimulus.displayName = "BuildingStimulus";
   return BuildingStimulus;
-}(Component), _BuildingStimulus.propTypes = {
+}(Component), _BuildingStimulus.displayName = 'BuildingStimulus', _BuildingStimulus.componentId = "Quizzes".concat(_BuildingStimulus.displayName), _BuildingStimulus.propTypes = {
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   connectDragPreview: PropTypes.func.isRequired,
   // inserted by React DnD

package/es/building/components/layout/Sidebar/presenter.js

@@ -8,7 +8,7 @@ var _dec, _class, _BuildingSidebar;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import SidebarItem from "./SidebarItem/index.js";
 import Stimulus from "./Stimulus/index.js";
 import Sidebar from "../../../../common/components/layout/sidebar/Sidebar/index.js";
@@ -16,9 +16,9 @@ import generateDisplayPositions from "../../../../common/util/generateDisplayPos
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { SIDEBAR_ITEM_REF } from '@instructure/quiz-common';
+import { SIDEBAR_ITEM_REF, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
-export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebar = /*#__PURE__*/function (_Component) {
+export var BuildingSidebar = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BuildingSidebar = /*#__PURE__*/function (_Component) {
   _inherits(BuildingSidebar, _Component);
   var _super = _createSuper(BuildingSidebar);
   function BuildingSidebar() {
@@ -197,7 +197,7 @@ export var BuildingSidebar = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   BuildingSidebar.displayName = "BuildingSidebar";
   return BuildingSidebar;
-}(Component), _BuildingSidebar.propTypes = {
+}(Component), _BuildingSidebar.displayName = 'BuildingSidebar', _BuildingSidebar.componentId = "Quizzes".concat(_BuildingSidebar.displayName), _BuildingSidebar.propTypes = {
   connectDropTarget: PropTypes.func.isRequired,
   isOver: PropTypes.bool,
   quizEntries: ImmutablePropTypes.list.isRequired,

package/es/building/components/layout/header/BuildingButtons/presenter.js

@@ -13,13 +13,13 @@ import { View } from '@instructure/ui-view';
 import { Drilldown } from '@instructure/ui-drilldown';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import PrintTrigger from "../../../../../common/components/shared/PrintTrigger/index.js";
-import { PRINT_CURRENT_PAGE, PRINT_BLANK } from '@instructure/quiz-common';
-import { withStyle, jsx } from '@instructure/emotion';
+import { PRINT_CURRENT_PAGE, PRINT_BLANK, withStyleOverrides } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx(IconSpeedGraderLine, null);
-export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
+export var BuildingButtons = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_BuildingButtons = /*#__PURE__*/function (_Component) {
   _inherits(BuildingButtons, _Component);
   var _super = _createSuper(BuildingButtons);
   function BuildingButtons() {
@@ -330,7 +330,7 @@ export var BuildingButtons = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   BuildingButtons.displayName = "BuildingButtons";
   return BuildingButtons;
-}(Component), _BuildingButtons.propTypes = {
+}(Component), _BuildingButtons.displayName = 'BuildingButtons', _BuildingButtons.componentId = "Quizzes".concat(_BuildingButtons.displayName), _BuildingButtons.propTypes = {
   app: PropTypes.string,
   addAlert: PropTypes.func.isRequired,
   addInfo: PropTypes.func,

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

@@ -9,15 +9,15 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconButton } from '@instructure/ui-buttons';
 import { IconEditLine, IconTrashLine, IconDuplicateLine } from '@instructure/ui-icons';
-import { withStyle, jsx, Global } from '@instructure/emotion';
+import { jsx, Global } from '@instructure/emotion';
 import DragHandle from "../../../../common/components/shared/drag_and_drop/DragHandle/index.js";
 import makeScrollable from "../../../../common/components/shared/functionality/makeScrollable.js";
 import noop from "../../../../common/util/noop.js";
-import { EDIT, REMOVE, COPY, END_EDITING_TRIGGER_CLASSNAME } from '@instructure/quiz-common';
+import { EDIT, REMOVE, COPY, END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var ScrollTargetButton = makeScrollable(IconButton);
-export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
+export var ActionButtons = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ActionButtons = /*#__PURE__*/function (_Component) {
   _inherits(ActionButtons, _Component);
   var _super = _createSuper(ActionButtons);
   function ActionButtons() {
@@ -124,7 +124,7 @@ export var ActionButtons = (_dec = withStyle(generateStyle, generateComponentThe
   }]);
   ActionButtons.displayName = "ActionButtons";
   return ActionButtons;
-}(Component), _ActionButtons.propTypes = {
+}(Component), _ActionButtons.displayName = 'BuildingActionButtons', _ActionButtons.componentId = "Quizzes".concat(_ActionButtons.displayName), _ActionButtons.propTypes = {
   connectDragSource: PropTypes.func.isRequired,
   displayPosition: PropTypes.number.isRequired,
   editingAddContentPopover: PropTypes.bool.isRequired,

package/es/building/components/resources/AddToBankOptions/index.js

@@ -10,12 +10,12 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
 import { CondensedButton } from '@instructure/ui-buttons';
-import { withStyle, jsx } from '@instructure/emotion';
-import { ADD_TO_BANK_MODAL } from '@instructure/quiz-common';
+import { jsx } from '@instructure/emotion';
+import { ADD_TO_BANK_MODAL, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
+export var AddToBankOptions = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AddToBankOptions = /*#__PURE__*/function (_Component) {
   _inherits(AddToBankOptions, _Component);
   var _super = _createSuper(AddToBankOptions);
   function AddToBankOptions() {
@@ -80,7 +80,7 @@ export var AddToBankOptions = (_dec = withStyle(generateStyle, generateComponent
   }]);
   AddToBankOptions.displayName = "AddToBankOptions";
   return AddToBankOptions;
-}(Component), _AddToBankOptions.propTypes = {
+}(Component), _AddToBankOptions.displayName = 'AddToBankOptions', _AddToBankOptions.componentId = "Quizzes".concat(_AddToBankOptions.displayName), _AddToBankOptions.propTypes = {
   displayPosition: PropTypes.number.isRequired,
   entryType: PropTypes.string.isRequired,
   focusFirstErrorField: PropTypes.func,