@instructure/quiz-core 20.34.1-undefined.0 → 20.35.1-rc.10

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,

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

@@ -10,11 +10,12 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Alert } from '@instructure/ui-alerts';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var Alerts = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
   _inherits(Alerts, _Component);
   var _super = _createSuper(Alerts);
   function Alerts() {
@@ -85,7 +86,7 @@ export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }]);
   Alerts.displayName = "Alerts";
   return Alerts;
-}(Component), _Alerts.propTypes = {
+}(Component), _Alerts.displayName = 'Alerts', _Alerts.componentId = "Quizzes".concat(_Alerts.displayName), _Alerts.propTypes = {
   removeAlert: PropTypes.func.isRequired,
   alerts: ImmutablePropTypes.list.isRequired,
   styles: PropTypes.object

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

@@ -6,11 +6,12 @@ var _dec, _class, _Page;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
-export var Page = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
+export var Page = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
   _inherits(Page, _Component);
   var _super = _createSuper(Page);
   function Page() {
@@ -58,7 +59,7 @@ export var Page = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   }]);
   Page.displayName = "Page";
   return Page;
-}(Component), _Page.propTypes = {
+}(Component), _Page.displayName = 'Page', _Page.componentId = "Quizzes".concat(_Page.displayName), _Page.propTypes = {
   children: PropTypes.node.isRequired,
   childrenWrapperRef: PropTypes.func,
   contentRole: PropTypes.string,

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

@@ -9,12 +9,13 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { IconHamburgerLine } from '@instructure/ui-icons';
 import { 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 generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconHamburgerLine, null);
-export var HeaderMenuButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenuButton = /*#__PURE__*/function (_Component) {
+export var HeaderMenuButton = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_HeaderMenuButton = /*#__PURE__*/function (_Component) {
   _inherits(HeaderMenuButton, _Component);
   var _super = _createSuper(HeaderMenuButton);
   function HeaderMenuButton() {
@@ -52,7 +53,7 @@ export var HeaderMenuButton = (_dec = withStyle(generateStyle, generateComponent
   }]);
   HeaderMenuButton.displayName = "HeaderMenuButton";
   return HeaderMenuButton;
-}(Component), _HeaderMenuButton.propTypes = {
+}(Component), _HeaderMenuButton.displayName = 'HeaderMenuButton', _HeaderMenuButton.componentId = "Quizzes".concat(_HeaderMenuButton.displayName), _HeaderMenuButton.propTypes = {
   sidebarMenuClick: PropTypes.func.isRequired,
   hidden: PropTypes.bool.isRequired,
   sidebarOpen: PropTypes.bool.isRequired,

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

@@ -13,15 +13,16 @@ import * as platform from 'platform';
 import { Button } from '@instructure/ui-buttons';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { View } from '@instructure/ui-view';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import FormattedDuration from "../../../shared/FormattedDuration/index.js";
 import { formatTime } from "../../../../util/formatTimespan.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconClockLine, null);
 var _ref2 = jsx(IconClockSolid, null);
-export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
+export var Timer = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
   _inherits(Timer, _Component);
   var _super = _createSuper(Timer);
   function Timer() {
@@ -168,7 +169,7 @@ export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _de
   }]);
   Timer.displayName = "Timer";
   return Timer;
-}(Component), _Timer.propTypes = {
+}(Component), _Timer.displayName = 'Timer', _Timer.componentId = "Quizzes".concat(_Timer.displayName), _Timer.propTypes = {
   screenreaderNotification: PropTypes.func.isRequired,
   showTimer: PropTypes.bool.isRequired,
   timeLeftInSeconds: PropTypes.number,

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

@@ -7,11 +7,12 @@ var _dec, _class, _SecondaryNavBarButton;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
-import { InstUISettingsProvider, withStyle, jsx } from '@instructure/emotion';
+import { InstUISettingsProvider, jsx } from '@instructure/emotion';
 import { omitProps } from '@instructure/ui-react-utils';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var SecondaryNavBarButton = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
   _inherits(SecondaryNavBarButton, _Component);
   var _super = _createSuper(SecondaryNavBarButton);
   function SecondaryNavBarButton() {
@@ -47,7 +48,7 @@ export var SecondaryNavBarButton = (_dec = withStyle(generateStyle, generateComp
   }]);
   SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
   return SecondaryNavBarButton;
-}(Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.propTypes = {
+}(Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.componentId = "Quizzes".concat(_SecondaryNavBarButton.displayName), _SecondaryNavBarButton.propTypes = {
   children: PropTypes.string.isRequired,
   styles: PropTypes.object,
   makeStyles: PropTypes.func

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

@@ -10,14 +10,15 @@ import PropTypes from 'prop-types';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
 import { IconQuizLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconQuizLine, {
   color: "primary",
   size: "small"
 });
-export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
+export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
   _inherits(NavBar, _Component);
   var _super = _createSuper(NavBar);
   function NavBar() {
@@ -100,7 +101,7 @@ export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }]);
   NavBar.displayName = "NavBar";
   return NavBar;
-}(Component), _NavBar.propTypes = {
+}(Component), _NavBar.displayName = 'NavBar', _NavBar.componentId = "Quizzes".concat(_NavBar.displayName), _NavBar.propTypes = {
   menuItems: PropTypes.arrayOf(PropTypes.shape({
     path: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired

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

@@ -7,11 +7,12 @@ var _dec, _class, _PositionSummary;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-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';
-export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var PositionSummary = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
   _inherits(PositionSummary, _Component);
   var _super = _createSuper(PositionSummary);
   function PositionSummary() {
@@ -38,7 +39,7 @@ export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   PositionSummary.displayName = "PositionSummary";
   return PositionSummary;
-}(Component), _PositionSummary.propTypes = {
+}(Component), _PositionSummary.displayName = 'PositionSummary', _PositionSummary.componentId = "Quizzes".concat(_PositionSummary.displayName), _PositionSummary.propTypes = {
   firstPosition: PropTypes.number.isRequired,
   lastPosition: PropTypes.number.isRequired,
   styles: PropTypes.object

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

@@ -16,10 +16,10 @@ import { IconButton } from '@instructure/ui-buttons';
 import { Link } from '@instructure/ui-link';
 import { Text } from '@instructure/ui-text';
 import { View } from '@instructure/ui-view';
-import { withStyle, jsx, Global } from '@instructure/emotion';
+import { jsx, Global } from '@instructure/emotion';
 import { Heading } from '@instructure/ui-heading';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { INSTRUCTIONS_SCROLL_KEY, RESULTS_SCROLL_KEY, SIDEBAR_NAV_ID, TITLE_SCROLL_KEY, END_EDITING_TRIGGER_CLASSNAME } from '@instructure/quiz-common';
+import { INSTRUCTIONS_SCROLL_KEY, RESULTS_SCROLL_KEY, SIDEBAR_NAV_ID, TITLE_SCROLL_KEY, END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
 import { onPhone } from "../../../../util/windowChecks.js";
 import CustomPropTypes from "../../../../util/CustomPropTypes.js";
 import noop from "../../../../util/noop.js";
@@ -36,7 +36,7 @@ var _ref3 = jsx(IconQuizInstructionsLine, {
   color: "primary"
 });
 var _ref4 = jsx(IconPinSolid, null);
-export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Sidebar = /*#__PURE__*/function (_Component) {
+export var Sidebar = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Sidebar = /*#__PURE__*/function (_Component) {
   _inherits(Sidebar, _Component);
   var _super = _createSuper(Sidebar);
   function Sidebar() {
@@ -299,7 +299,7 @@ export var Sidebar = (_dec = withStyle(generateStyle, generateComponentTheme), _
   }]);
   Sidebar.displayName = "Sidebar";
   return Sidebar;
-}(Component), _Sidebar.propTypes = {
+}(Component), _Sidebar.displayName = 'Sidebar', _Sidebar.componentId = "Quizzes".concat(_Sidebar.displayName), _Sidebar.propTypes = {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element), PropTypes.node]).isRequired,
   grading: PropTypes.bool,
   taking: PropTypes.bool,

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

@@ -10,14 +10,14 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 import { Link } from '@instructure/ui-link';
 import { Flex } from '@instructure/ui-flex';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import PositionSummary from "../PositionSummary/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { END_EDITING_TRIGGER_CLASSNAME } from '@instructure/quiz-common';
-export var SidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
+import { END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
+export var SidebarItem = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
   _inherits(SidebarItem, _Component);
   var _super = _createSuper(SidebarItem);
   function SidebarItem() {
@@ -160,7 +160,7 @@ export var SidebarItem = (_dec = withStyle(generateStyle, generateComponentTheme
   }]);
   SidebarItem.displayName = "SidebarItem";
   return SidebarItem;
-}(Component), _SidebarItem.propTypes = {
+}(Component), _SidebarItem.displayName = 'SidebarItem', _SidebarItem.componentId = "Quizzes".concat(_SidebarItem.displayName), _SidebarItem.propTypes = {
   // Passed in by Sidebar
   children: PropTypes.element,
   displayPosition: PropTypes.string.isRequired,

package/es/common/components/layout/sidebar/Stimulus/Collection/presenter.js

@@ -10,13 +10,14 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconArrowOpenDownLine, IconArrowOpenUpLine } from '@instructure/ui-icons';
 import { Transition } from '@instructure/ui-motion';
 import { IconButton } from '@instructure/ui-buttons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import PositionSummary from "../../PositionSummary/index.js";
 import { DISPLAY_AS_SUMMARY_LIMIT } from "../presenter.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var Collection = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var Collection = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
   _inherits(Collection, _Component);
   var _super = _createSuper(Collection);
   function Collection() {
@@ -126,7 +127,7 @@ export var Collection = (_dec = withStyle(generateStyle, generateComponentTheme)
   }]);
   Collection.displayName = "Collection";
   return Collection;
-}(Component), _Collection.propTypes = {
+}(Component), _Collection.displayName = 'Collection', _Collection.componentId = "Quizzes".concat(_Collection.displayName), _Collection.propTypes = {
   // Passed in by Sidebar
   firstPosition: PropTypes.number.isRequired,
   isOver: PropTypes.bool.isRequired,

package/es/common/components/layout/sidebar/Stimulus/Summary/presenter.js

@@ -7,12 +7,13 @@ var _dec, _class, _Summary;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Text } from '@instructure/ui-text';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { DISPLAY_AS_SUMMARY_LIMIT } from "../presenter.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-export var Summary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
+import { withStyleOverrides } from '@instructure/quiz-common';
+export var Summary = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
   _inherits(Summary, _Component);
   var _super = _createSuper(Summary);
   function Summary() {
@@ -115,7 +116,7 @@ export var Summary = (_dec = withStyle(generateStyle, generateComponentTheme), _
   }]);
   Summary.displayName = "Summary";
   return Summary;
-}(Component), _Summary.propTypes = {
+}(Component), _Summary.displayName = 'Summary', _Summary.componentId = "Quizzes".concat(_Summary.displayName), _Summary.propTypes = {
   // Passed in by parent
   startPosition: PropTypes.number.isRequired,
   /* This is used for when the stimulus is being dragged in build */

package/es/common/components/layout/sidebar/Stimulus/Title/index.js

@@ -9,10 +9,11 @@ import PropTypes from 'prop-types';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { Text } from '@instructure/ui-text';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
+import { withStyleOverrides } from '@instructure/quiz-common';
 var DISPLAY_TOOLTIP_LIMIT = 80;
-export var Title = (_dec = withStyle(generateStyle, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
+export var Title = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
   _inherits(Title, _Component);
   var _super = _createSuper(Title);
   function Title() {
@@ -47,7 +48,7 @@ export var Title = (_dec = withStyle(generateStyle, null), _dec(_class = (_Title
   }]);
   Title.displayName = "Title";
   return Title;
-}(Component), _Title.propTypes = {
+}(Component), _Title.displayName = 'Title', _Title.componentId = "Quizzes".concat(_Title.displayName), _Title.propTypes = {
   title: PropTypes.string.isRequired,
   styles: PropTypes.object
 }, _Title)) || _class);

package/es/common/components/layout/sidebar/Stimulus/presenter.js

@@ -8,7 +8,7 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconTextLeftLine } from '@instructure/ui-icons';
-import { withStyle, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { Link } from '@instructure/ui-link';
 import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
@@ -18,12 +18,12 @@ import Summary from "./Summary/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { END_EDITING_TRIGGER_CLASSNAME } from '@instructure/quiz-common';
+import { END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
 export var DISPLAY_AS_SUMMARY_LIMIT = 5;
 var _ref = jsx(IconTextLeftLine, {
   color: "primary"
 });
-export var SidebarStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
+export var SidebarStimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
   _inherits(SidebarStimulus, _Component);
   var _super = _createSuper(SidebarStimulus);
   function SidebarStimulus() {
@@ -142,7 +142,7 @@ export var SidebarStimulus = (_dec = withStyle(generateStyle, generateComponentT
   }]);
   SidebarStimulus.displayName = "SidebarStimulus";
   return SidebarStimulus;
-}(Component), _SidebarStimulus.propTypes = {
+}(Component), _SidebarStimulus.displayName = 'SidebarStimulus', _SidebarStimulus.componentId = "Quizzes".concat(_SidebarStimulus.displayName), _SidebarStimulus.propTypes = {
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   // Passed in by Sidebar
   children: PropTypes.element,