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

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

@@ -10,12 +10,11 @@ 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 { jsx } from '@instructure/emotion';
+import { withStyle, 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';
-export var Alerts = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
+export var Alerts = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Alerts = /*#__PURE__*/function (_Component) {
   _inherits(Alerts, _Component);
   var _super = _createSuper(Alerts);
   function Alerts() {
@@ -86,7 +85,7 @@ export var Alerts = (_dec = withStyleOverrides(generateStyle, generateComponentT
   }]);
   Alerts.displayName = "Alerts";
   return Alerts;
-}(Component), _Alerts.displayName = 'Alerts', _Alerts.componentId = "Quizzes".concat(_Alerts.displayName), _Alerts.propTypes = {
+}(Component), _Alerts.propTypes = {
   removeAlert: PropTypes.func.isRequired,
   alerts: ImmutablePropTypes.list.isRequired,
   styles: PropTypes.object

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

@@ -6,12 +6,11 @@ var _dec, _class, _Page;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { jsx } from '@instructure/emotion';
+import { withStyle, 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 = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
+export var Page = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Page = /*#__PURE__*/function (_Component) {
   _inherits(Page, _Component);
   var _super = _createSuper(Page);
   function Page() {
@@ -59,7 +58,7 @@ export var Page = (_dec = withStyleOverrides(generateStyle, generateComponentThe
   }]);
   Page.displayName = "Page";
   return Page;
-}(Component), _Page.displayName = 'Page', _Page.componentId = "Quizzes".concat(_Page.displayName), _Page.propTypes = {
+}(Component), _Page.propTypes = {
   children: PropTypes.node.isRequired,
   childrenWrapperRef: PropTypes.func,
   contentRole: PropTypes.string,

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

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

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

@@ -13,16 +13,15 @@ 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 { jsx } from '@instructure/emotion';
+import { withStyle, 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 = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
+export var Timer = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Timer = /*#__PURE__*/function (_Component) {
   _inherits(Timer, _Component);
   var _super = _createSuper(Timer);
   function Timer() {
@@ -169,7 +168,7 @@ export var Timer = (_dec = withStyleOverrides(generateStyle, generateComponentTh
   }]);
   Timer.displayName = "Timer";
   return Timer;
-}(Component), _Timer.displayName = 'Timer', _Timer.componentId = "Quizzes".concat(_Timer.displayName), _Timer.propTypes = {
+}(Component), _Timer.propTypes = {
   screenreaderNotification: PropTypes.func.isRequired,
   showTimer: PropTypes.bool.isRequired,
   timeLeftInSeconds: PropTypes.number,

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

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

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

@@ -10,15 +10,14 @@ 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 { jsx } from '@instructure/emotion';
+import { withStyle, 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 = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
+export var NavBar = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_NavBar = /*#__PURE__*/function (_Component) {
   _inherits(NavBar, _Component);
   var _super = _createSuper(NavBar);
   function NavBar() {
@@ -101,7 +100,7 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
   }]);
   NavBar.displayName = "NavBar";
   return NavBar;
-}(Component), _NavBar.displayName = 'NavBar', _NavBar.componentId = "Quizzes".concat(_NavBar.displayName), _NavBar.propTypes = {
+}(Component), _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,12 +7,11 @@ var _dec, _class, _PositionSummary;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { jsx } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 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';
-export var PositionSummary = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
+export var PositionSummary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PositionSummary = /*#__PURE__*/function (_Component) {
   _inherits(PositionSummary, _Component);
   var _super = _createSuper(PositionSummary);
   function PositionSummary() {
@@ -39,7 +38,7 @@ export var PositionSummary = (_dec = withStyleOverrides(generateStyle, generateC
   }]);
   PositionSummary.displayName = "PositionSummary";
   return PositionSummary;
-}(Component), _PositionSummary.displayName = 'PositionSummary', _PositionSummary.componentId = "Quizzes".concat(_PositionSummary.displayName), _PositionSummary.propTypes = {
+}(Component), _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 { jsx, Global } from '@instructure/emotion';
+import { withStyle, 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, withStyleOverrides } from '@instructure/quiz-common';
+import { INSTRUCTIONS_SCROLL_KEY, RESULTS_SCROLL_KEY, SIDEBAR_NAV_ID, TITLE_SCROLL_KEY, END_EDITING_TRIGGER_CLASSNAME } 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 = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Sidebar = /*#__PURE__*/function (_Component) {
+export var Sidebar = (_dec = withStyle(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 = withStyleOverrides(generateStyle, generateComponent
   }]);
   Sidebar.displayName = "Sidebar";
   return Sidebar;
-}(Component), _Sidebar.displayName = 'Sidebar', _Sidebar.componentId = "Quizzes".concat(_Sidebar.displayName), _Sidebar.propTypes = {
+}(Component), _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 { jsx } from '@instructure/emotion';
+import { withStyle, 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, withStyleOverrides } from '@instructure/quiz-common';
-export var SidebarItem = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
+import { END_EDITING_TRIGGER_CLASSNAME } from '@instructure/quiz-common';
+export var SidebarItem = (_dec = withStyle(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 = withStyleOverrides(generateStyle, generateCompo
   }]);
   SidebarItem.displayName = "SidebarItem";
   return SidebarItem;
-}(Component), _SidebarItem.displayName = 'SidebarItem', _SidebarItem.componentId = "Quizzes".concat(_SidebarItem.displayName), _SidebarItem.propTypes = {
+}(Component), _SidebarItem.propTypes = {
   // Passed in by Sidebar
   children: PropTypes.element,
   displayPosition: PropTypes.string.isRequired,

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

@@ -10,14 +10,13 @@ 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 { jsx } from '@instructure/emotion';
+import { withStyle, 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";
-import { withStyleOverrides } from '@instructure/quiz-common';
-export var Collection = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
+export var Collection = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Collection = /*#__PURE__*/function (_Component) {
   _inherits(Collection, _Component);
   var _super = _createSuper(Collection);
   function Collection() {
@@ -127,7 +126,7 @@ export var Collection = (_dec = withStyleOverrides(generateStyle, generateCompon
   }]);
   Collection.displayName = "Collection";
   return Collection;
-}(Component), _Collection.displayName = 'Collection', _Collection.componentId = "Quizzes".concat(_Collection.displayName), _Collection.propTypes = {
+}(Component), _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,13 +7,12 @@ var _dec, _class, _Summary;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Text } from '@instructure/ui-text';
-import { jsx } from '@instructure/emotion';
+import { withStyle, 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';
-import { withStyleOverrides } from '@instructure/quiz-common';
-export var Summary = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
+export var Summary = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Summary = /*#__PURE__*/function (_Component) {
   _inherits(Summary, _Component);
   var _super = _createSuper(Summary);
   function Summary() {
@@ -116,7 +115,7 @@ export var Summary = (_dec = withStyleOverrides(generateStyle, generateComponent
   }]);
   Summary.displayName = "Summary";
   return Summary;
-}(Component), _Summary.displayName = 'Summary', _Summary.componentId = "Quizzes".concat(_Summary.displayName), _Summary.propTypes = {
+}(Component), _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,11 +9,10 @@ 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 { jsx } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
 var DISPLAY_TOOLTIP_LIMIT = 80;
-export var Title = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
+export var Title = (_dec = withStyle(generateStyle, null), _dec(_class = (_Title = /*#__PURE__*/function (_Component) {
   _inherits(Title, _Component);
   var _super = _createSuper(Title);
   function Title() {
@@ -48,7 +47,7 @@ export var Title = (_dec = withStyleOverrides(generateStyle, null), _dec(_class
   }]);
   Title.displayName = "Title";
   return Title;
-}(Component), _Title.displayName = 'Title', _Title.componentId = "Quizzes".concat(_Title.displayName), _Title.propTypes = {
+}(Component), _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 { jsx } from '@instructure/emotion';
+import { withStyle, 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, withStyleOverrides } from '@instructure/quiz-common';
+import { END_EDITING_TRIGGER_CLASSNAME } from '@instructure/quiz-common';
 export var DISPLAY_AS_SUMMARY_LIMIT = 5;
 var _ref = jsx(IconTextLeftLine, {
   color: "primary"
 });
-export var SidebarStimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SidebarStimulus = /*#__PURE__*/function (_Component) {
+export var SidebarStimulus = (_dec = withStyle(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 = withStyleOverrides(generateStyle, generateC
   }]);
   SidebarStimulus.displayName = "SidebarStimulus";
   return SidebarStimulus;
-}(Component), _SidebarStimulus.displayName = 'SidebarStimulus', _SidebarStimulus.componentId = "Quizzes".concat(_SidebarStimulus.displayName), _SidebarStimulus.propTypes = {
+}(Component), _SidebarStimulus.propTypes = {
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record).isRequired,
   // Passed in by Sidebar
   children: PropTypes.element,

package/es/common/components/resources/WarningWrapper/index.js

@@ -9,12 +9,11 @@ import PropTypes from 'prop-types';
 import { Alert } from '@instructure/ui-alerts';
 import { Button } from '@instructure/ui-buttons';
 import { Text } from '@instructure/ui-text';
-import { jsx } from '@instructure/emotion';
+import { withStyle, 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';
-export var WarningWrapper = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
+export var WarningWrapper = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_WarningWrapper = /*#__PURE__*/function (_Component) {
   _inherits(WarningWrapper, _Component);
   var _super = _createSuper(WarningWrapper);
   function WarningWrapper() {
@@ -98,7 +97,7 @@ export var WarningWrapper = (_dec = withStyleOverrides(generateStyle, generateCo
   }]);
   WarningWrapper.displayName = "WarningWrapper";
   return WarningWrapper;
-}(Component), _WarningWrapper.displayName = 'WarningWrapper', _WarningWrapper.componentId = "Quizzes".concat(_WarningWrapper.displayName), _WarningWrapper.propTypes = {
+}(Component), _WarningWrapper.propTypes = {
   alertType: PropTypes.oneOf(['info', 'success', 'warning', 'error']),
   cancelActionCallback: PropTypes.func,
   cancelActionText: PropTypes.string,

package/es/common/components/resources/positionBox/PositionBox.js

@@ -8,11 +8,10 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Heading } from '@instructure/ui-heading';
 import { ScreenReaderContent, PresentationContent } from '@instructure/ui-a11y-content';
-import { jsx } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
-export var PositionBox = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_PositionBox = /*#__PURE__*/function (_Component) {
+export var PositionBox = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PositionBox = /*#__PURE__*/function (_Component) {
   _inherits(PositionBox, _Component);
   var _super = _createSuper(PositionBox);
   function PositionBox() {
@@ -36,7 +35,7 @@ export var PositionBox = (_dec = withStyleOverrides(generateStyle, generateCompo
   }]);
   PositionBox.displayName = "PositionBox";
   return PositionBox;
-}(Component), _PositionBox.displayName = 'PositionBox', _PositionBox.componentId = "Quizzes".concat(_PositionBox.displayName), _PositionBox.propTypes = {
+}(Component), _PositionBox.propTypes = {
   headingText: PropTypes.string.isRequired,
   headingLevel: PropTypes.string,
   position: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,

package/es/common/components/resources/quiz/AddContent/Body/presenter.js

@@ -13,14 +13,14 @@ import { IconButton } from '@instructure/ui-buttons';
 import { Grid } from '@instructure/ui-grid';
 import { View } from '@instructure/ui-view';
 import { Text } from '@instructure/ui-text';
-import { jsx } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import InteractionTypes from "../../../../shared/InteractionTypes/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { BUILD_TRAY_OPEN, BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID, withStyleOverrides } from '@instructure/quiz-common';
+import { BUILD_TRAY_OPEN, BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref = jsx(IconBankLine, null);
-export var AddContentBody = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
+export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
   _inherits(AddContentBody, _Component);
   var _super = _createSuper(AddContentBody);
   function AddContentBody() {
@@ -125,7 +125,7 @@ export var AddContentBody = (_dec = withStyleOverrides(generateStyle, generateCo
   }]);
   AddContentBody.displayName = "AddContentBody";
   return AddContentBody;
-}(Component), _AddContentBody.displayName = 'AddContentBody', _AddContentBody.componentId = "Quizzes".concat(_AddContentBody.displayName), _AddContentBody.propTypes = {
+}(Component), _AddContentBody.propTypes = {
   allowStimulusCreation: PropTypes.bool.isRequired,
   createItem: PropTypes.func.isRequired,
   createStimulus: PropTypes.func.isRequired,

package/es/common/components/resources/quiz/AddContent/Button/index.js

@@ -9,12 +9,12 @@ import PropTypes from 'prop-types';
 import { IconPlusLine } from '@instructure/ui-icons';
 import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Button } from '@instructure/ui-buttons';
-import { jsx } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
-export var AddContentButton = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AddContentButton = /*#__PURE__*/function (_Component) {
+import { END_EDITING_TRIGGER_CLASSNAME } from '@instructure/quiz-common';
+export var AddContentButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddContentButton = /*#__PURE__*/function (_Component) {
   _inherits(AddContentButton, _Component);
   var _super = _createSuper(AddContentButton);
   function AddContentButton() {
@@ -82,7 +82,7 @@ export var AddContentButton = (_dec = withStyleOverrides(generateStyle, generate
   }]);
   AddContentButton.displayName = "AddContentButton";
   return AddContentButton;
-}(Component), _AddContentButton.displayName = 'AddContentButton', _AddContentButton.componentId = "Quizzes".concat(_AddContentButton.displayName), _AddContentButton.propTypes = {
+}(Component), _AddContentButton.propTypes = {
   isEditing: PropTypes.bool.isRequired,
   onClick: PropTypes.func,
   position: PropTypes.number,

package/es/common/components/resources/quiz/AddContent/Popover/presenter.js

@@ -7,16 +7,16 @@ var _dec, _class, _AddContentPopover;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Popover } from '@instructure/ui-popover';
-import { jsx } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import CustomPropTypes from "../../../../../util/CustomPropTypes.js";
 import elementsForSelectors from "../../../../../util/ElementsForSelectors.js";
 import { onPhone, onTablet } from "../../../../../util/windowChecks.js";
 import AddContentButton from "../Button/index.js";
 import AddContentBody from "../Body/index.js";
-import { DELETED_QUIZ_ENTRY, withStyleOverrides } from '@instructure/quiz-common';
+import { DELETED_QUIZ_ENTRY } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var AddContentPopover = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_AddContentPopover = /*#__PURE__*/function (_Component) {
+export var AddContentPopover = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddContentPopover = /*#__PURE__*/function (_Component) {
   _inherits(AddContentPopover, _Component);
   var _super = _createSuper(AddContentPopover);
   function AddContentPopover() {
@@ -110,7 +110,7 @@ export var AddContentPopover = (_dec = withStyleOverrides(generateStyle, generat
   }]);
   AddContentPopover.displayName = "AddContentPopover";
   return AddContentPopover;
-}(Component), _AddContentPopover.displayName = 'AddContentPopover', _AddContentPopover.componentId = "Quizzes".concat(_AddContentPopover.displayName), _AddContentPopover.propTypes = {
+}(Component), _AddContentPopover.propTypes = {
   appContainer: CustomPropTypes.selectors.isRequired,
   allowStimulusCreation: PropTypes.bool,
   clearUi: PropTypes.func.isRequired,

package/es/common/components/resources/quiz/instructions/Instructions.js

@@ -8,7 +8,7 @@ var _dec, _class, _QuizInstructions;
 import { Component } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
-import { jsx } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import makeScrollable from "../../../shared/functionality/makeScrollable.js"; // ================================
 // renders the quiz instructions on
@@ -16,8 +16,7 @@ import makeScrollable from "../../../shared/functionality/makeScrollable.js"; //
 // ================================
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
-export var QuizInstructions = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
+export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
   _inherits(QuizInstructions, _Component);
   var _super = _createSuper(QuizInstructions);
   function QuizInstructions() {
@@ -41,7 +40,7 @@ export var QuizInstructions = (_dec = withStyleOverrides(generateStyle, generate
   }]);
   QuizInstructions.displayName = "QuizInstructions";
   return QuizInstructions;
-}(Component), _QuizInstructions.displayName = 'QuizInstructions', _QuizInstructions.componentId = "Quizzes".concat(_QuizInstructions.displayName), _QuizInstructions.propTypes = {
+}(Component), _QuizInstructions.propTypes = {
   quiz: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object
 }, _QuizInstructions)) || _class);

package/es/common/components/resources/quiz/title/Title.js

@@ -8,15 +8,14 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
-import { jsx } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import makeScrollable from "../../../shared/functionality/makeScrollable.js"; // ==========================
 // renders the quiz title on
 // the Preview and Take pages
 // ==========================
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
-export var QuizTitle = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitle = /*#__PURE__*/function (_Component) {
+export var QuizTitle = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitle = /*#__PURE__*/function (_Component) {
   _inherits(QuizTitle, _Component);
   var _super = _createSuper(QuizTitle);
   function QuizTitle() {
@@ -39,7 +38,7 @@ export var QuizTitle = (_dec = withStyleOverrides(generateStyle, generateCompone
   }]);
   QuizTitle.displayName = "QuizTitle";
   return QuizTitle;
-}(Component), _QuizTitle.displayName = 'QuizTitle', _QuizTitle.componentId = "Quizzes".concat(_QuizTitle.displayName), _QuizTitle.propTypes = {
+}(Component), _QuizTitle.propTypes = {
   quiz: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object
 }, _QuizTitle)) || _class);

package/es/common/components/resources/quizSessionResult/Header/index.js

@@ -9,12 +9,11 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Heading } from '@instructure/ui-heading';
 import { Alert } from '@instructure/ui-alerts';
-import { jsx } from '@instructure/emotion';
+import { withStyle, 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';
-export var QuizSessionResultHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
+export var QuizSessionResultHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
   _inherits(QuizSessionResultHeader, _Component);
   var _super = _createSuper(QuizSessionResultHeader);
   function QuizSessionResultHeader() {
@@ -66,7 +65,7 @@ export var QuizSessionResultHeader = (_dec = withStyleOverrides(generateStyle, g
   }]);
   QuizSessionResultHeader.displayName = "QuizSessionResultHeader";
   return QuizSessionResultHeader;
-}(Component), _QuizSessionResultHeader.displayName = 'QuizSessionResultHeader', _QuizSessionResultHeader.componentId = "Quizzes".concat(_QuizSessionResultHeader.displayName), _QuizSessionResultHeader.propTypes = {
+}(Component), _QuizSessionResultHeader.propTypes = {
   quizSession: ImmutablePropTypes.record.isRequired,
   regradedSessionItemResults: ImmutablePropTypes.list,
   studentDescription: PropTypes.node,

package/es/common/components/resources/quizSessionResult/Info/index.js

@@ -14,16 +14,16 @@ import { Text } from '@instructure/ui-text';
 import { ProgressCircle } from '@instructure/ui-progress';
 import { Heading } from '@instructure/ui-heading';
 import { View } from '@instructure/ui-view';
-import { jsx } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { scoreToLetterGrade } from '@instructure/grading-utils';
-import { withI18nSupport, withStyleOverrides } from '@instructure/quiz-common';
+import { withI18nSupport } from '@instructure/quiz-common';
 import FormattedDuration from "../../../shared/FormattedDuration/index.js";
 import { formatTime } from "../../../../util/formatTimespan.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var unknownPercentageValue = 'UNKNOWN_PERCENTAGE';
-export var Info = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
+export var Info = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
   _inherits(Info, _withI18nSupport);
   var _super = _createSuper(Info);
   function Info(props) {
@@ -279,7 +279,7 @@ export var Info = (_dec = withStyleOverrides(generateStyle, generateComponentThe
   }]);
   Info.displayName = "Info";
   return Info;
-}(withI18nSupport(Component)), _Info.displayName = 'QuizSessionResultInfo', _Info.componentId = "Quizzes".concat(_Info.displayName), _Info.propTypes = {
+}(withI18nSupport(Component)), _Info.propTypes = {
   gradingScheme: PropTypes.arrayOf(PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.number

package/es/common/components/resources/sessionItemResult/ResultStimulus/index.js

@@ -7,13 +7,12 @@ var _dec, _class, _ResultStimulus;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { jsx } from '@instructure/emotion';
+import { withStyle, jsx } from '@instructure/emotion';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 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';
-export var ResultStimulus = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ResultStimulus = /*#__PURE__*/function (_Component) {
+export var ResultStimulus = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_ResultStimulus = /*#__PURE__*/function (_Component) {
   _inherits(ResultStimulus, _Component);
   var _super = _createSuper(ResultStimulus);
   function ResultStimulus() {
@@ -80,7 +79,7 @@ export var ResultStimulus = (_dec = withStyleOverrides(generateStyle, generateCo
   }]);
   ResultStimulus.displayName = "ResultStimulus";
   return ResultStimulus;
-}(Component), _ResultStimulus.displayName = 'ResultStimulus', _ResultStimulus.componentId = "Quizzes".concat(_ResultStimulus.displayName), _ResultStimulus.propTypes = {
+}(Component), _ResultStimulus.propTypes = {
   stimulus: ImmutablePropTypes.record.isRequired,
   sessionItem: ImmutablePropTypes.record.isRequired,
   renderItem: PropTypes.func.isRequired,