@instructure/quiz-core 21.0.1-rc.0 → 21.0.1-rc.11

package/lib/banks/components/NavWrapper/theme.js

@@ -14,9 +14,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     navPaddingTopBottom: spacing.small,
     navPaddingLeftRight: spacing.xLarge,
     navBorderWidth: borders.widthSmall,
-    navBorderColor: colors.contrasts.grey1214,
-    navBackgroundColor: colors.contrasts.white1010,
-    bankIconColor: colors.contrasts.blue4570,
+    navBorderColor: colors.tiara,
+    navBackgroundColor: colors.white,
+    bankIconColor: colors.electric,
     bankIconFontSize: typography.fontSizeLarge,
     bankIconPadding: spacing.xSmall
   };

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

@@ -337,8 +337,8 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
       });
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
         accountPermission: nextProps.bank.accountPermission,
         shares: nextProps.sharedBanks

package/lib/banks/components/SharingModal/theme.js

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     spacing = _ref.spacing;
   return {
-    separatorColor: colors.contrasts.grey1214,
+    separatorColor: colors.tiara,
     separatorBorderWidth: borders.widthSmall,
     separatorMargin: spacing.medium
   };

package/lib/building/components/layout/header/BuildingButtons/theme.js

@@ -11,7 +11,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     quizSavingColor: colors.lightGray,
     quizSavingMargin: spacing.large,
-    buttonsHolderMargin: spacing.xLarge,
+    buttonsHolderMargin: spacing.mediumSmall,
     menuIconMargin: spacing.xSmall,
     menuIconFontSize: typography.fontSizeLarge
   };

package/lib/building/components/resources/ActionButtons/theme.js

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     buttonsZIndex: '3333',
-    buttonsColor: colors.contrasts.grey100100,
+    buttonsColor: colors.oxford,
     buttonsPadding: spacing.xSmall
   };
 };

package/lib/building/components/resources/AddToBankOptions/theme.js

@@ -8,8 +8,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     colors = _ref.colors;
   return {
-    addToBankBackgroundColor: colors.contrasts.grey1111,
-    addToBankBorderColor: colors.contrasts.grey100100
+    addToBankBackgroundColor: colors.porcelain,
+    addToBankBorderColor: colors.oxford
   };
 };
 var _default = generateComponentTheme;

package/lib/building/components/resources/quiz/instructions/Instructions/theme.js

@@ -13,7 +13,7 @@ function generator(_ref) {
     labelLeftPadding: spacing.large,
     labelBottomPadding: spacing.xxSmall,
     labelFontSize: typography.fontSizeSmall,
-    labelColor: colors.contrasts.grey4570,
+    labelColor: colors.slate,
     editButtonWrapperRightMargin: spacing.large
   };
 }

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

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

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

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

package/lib/building/components/resources/quizEntry/QuizEntry/theme.js

@@ -12,7 +12,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     footerPadding: spacing.small,
     footerBorderWidth: borders.widthSmall,
-    footerBorderColor: colors.contrasts.grey1214,
+    footerBorderColor: colors.tiara,
     footerFontSize: typography.fontSizeXSmall
   };
 };

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/theme.js

@@ -11,9 +11,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     marginAddMargin: spacing.xSmall,
-    quizEntryBankEditBackgroundColor: colors.contrasts.white1010,
+    quizEntryBankEditBackgroundColor: colors.white,
     quizEntryBankEditBorderSize: borders.widthSmall,
-    quizEntryBankEditBorderColor: colors.contrasts.grey100100,
+    quizEntryBankEditBorderColor: colors.oxford,
     quizEntryBankEditPadding: borders.small,
     quizEntryBankEditMargin: spacing.medium,
     numberInputFontSize: typography.fontSizeMedium,
@@ -22,7 +22,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borderLineTopMargin: spacing.small,
     borderLineBottomMargin: spacing.small,
     borderLineBottomBorderSize: borders.widthSmall,
-    borderLineBottomBorderColor: colors.contrasts.grey4570
+    borderLineBottomBorderColor: colors.ash
   };
 };
 var _default = generateComponentTheme;

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/theme.js

@@ -10,8 +10,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     borders = _ref.borders;
   return {
-    quizEntryBankBackgroundColor: colors.contrasts.white1010,
-    quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.contrasts.grey100100),
+    quizEntryBankBackgroundColor: colors.white,
+    quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.oxford),
     quizEntryBankPadding: "".concat(spacing.xxSmall, " ").concat(spacing.medium),
     quizEntryBankTopMargin: spacing.small,
     alertWrapperMargin: spacing.small

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

@@ -94,8 +94,8 @@ var QuizEntryEditFooter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
     return _this;
   }
   (0, _createClass2.default)(QuizEntryEditFooter, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var points = this.getPoints(nextProps);
       this.setState({
         points: points,

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/theme.js

@@ -9,8 +9,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors,
     typography = _ref.typography;
   return {
-    headerBackgroundColor: colors.contrasts.grey1111,
-    headerColor: colors.contrasts.grey100100,
+    headerBackgroundColor: colors.porcelain,
+    headerColor: colors.oxford,
     headerPadding: "".concat(spacing.xSmall, " ").concat(spacing.small)
   };
 };

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

@@ -284,8 +284,8 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       this.props.onEditQuizEntryToggle(this.props.quizEntry.id);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
     }
   }, {

package/lib/building/components/resources/quizEntry/QuizEntryShow/theme.js

@@ -12,13 +12,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     breakpoints = _ref.breakpoints;
   return {
     quizEntryShowPadding: "".concat(spacing.large, " ").concat(spacing.small),
-    quizEntryShowBackgroundColor: colors.contrasts.white1010,
+    quizEntryShowBackgroundColor: colors.white,
     headerHeight: '2rem',
     headerRightPadding: spacing.xSmall,
-    dndBorder: "".concat(borders.style, " ").concat(borders.widthSmall, " ").concat(colors.contrasts.blue4570),
+    dndBorder: "".concat(borders.style, " ").concat(borders.widthSmall, " ").concat(colors.brand),
     rightHeaderZIndex: '3333',
-    rightHeaderColor: colors.contrasts.grey100100,
-    titleInteractionTypeNamePointsColor: colors.contrasts.grey4570,
+    rightHeaderColor: colors.oxford,
+    titleInteractionTypeNamePointsColor: colors.slate,
     titleInteractionTypeNamePointsFontSize: typography.fontSizeSmall,
     titleInteractionTypeNamePointsLeftMargin: spacing.xSmall,
     titleInteractionTypeNamePointsRightMargin: spacing.xSmall,
@@ -26,7 +26,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     optionsButtonDragDropHandleFontSize: typography.fontSizeMedium,
     optionsButtonDragDropHandleMargin: spacing.xSmall,
     phoneConnectingLinesBorderWidth: borders.widthSmall,
-    phoneConnectingLinesBorderColor: colors.contrasts.grey4570,
+    phoneConnectingLinesBorderColor: colors.ash,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium)
   };
 };

package/lib/common/actions/taking.js

@@ -122,12 +122,13 @@ var loadResumeData = function loadResumeData(resumeData) {
   };
 };
 exports.loadResumeData = loadResumeData;
-var sessionStartOrResumeEvent = function sessionStartOrResumeEvent(userAgent) {
+var sessionStartOrResumeEvent = function sessionStartOrResumeEvent(userAgent, ipAddress) {
   return {
     type: _quizCommon.SESSION_STARTED_OR_RESUMED_EVENT,
     payload: {
       userAgent: userAgent,
-      browserSessionId: (0, _uuid.v4)()
+      browserSessionId: (0, _uuid.v4)(),
+      ipAddress: ipAddress
     }
   };
 };

package/lib/common/components/ImportModal/ImportFileSelector/theme.js

@@ -9,15 +9,15 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors,
     typography = _ref.typography;
   return {
-    uploadIconContainerColor: colors.contrasts.grey4570,
+    uploadIconContainerColor: colors.ash,
     uploadIconContainerColorFontSize: typography.fontSizeXLarge,
     checkIconContainerFontSize: typography.fontSizeXLarge,
-    checkIconContainerColor: colors.contrasts.green4570,
+    checkIconContainerColor: colors.shamrock,
     smallTextFontSize: typography.fontSizeXSmall,
-    smallTextColor: colors.contrasts.grey4570,
+    smallTextColor: colors.ash,
     smallTextPadding: spacing.xSmall,
     selectorMargin: spacing.xSmall,
-    fileListSuccessColor: colors.contrasts.green4570
+    fileListSuccessColor: colors.shamrock
   };
 };
 var _default = generateComponentTheme;

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

@@ -92,8 +92,8 @@ var PrintFontSizeModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
       });
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
         selectedFontSize: nextProps.persistedPrintFontSize || this.state.selectedFontSize,
         rememberTextSizeSetting: !!this.props.persistedPrintFontSize || this.state.rememberTextSizeSetting

package/lib/common/components/PrintFontSizeModal/theme.js

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     spacing = _ref.spacing;
   return {
-    separatorColor: colors.contrasts.grey1214,
+    separatorColor: colors.tiara,
     separatorBorderWidth: borders.widthSmall,
     separatorMargin: spacing.medium
   };

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

@@ -72,8 +72,8 @@ var SDKApp = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null),
       return (0, _ui.set)('appContainer', selectors);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       var _this$props$rceConfig;
       this.store.dispatch([(0, _config.setAPIEndpoint)(this.props.apiEndpoint), (0, _config.setCanvasOrigin)((_this$props$rceConfig = this.props.rceConfig) === null || _this$props$rceConfig === void 0 ? void 0 : _this$props$rceConfig.canvasOrigin), this.setAppContainer(this.props.appContainer), (0, _config.setUserToken)(this.props.userToken), (0, _outcomes.setOutcomesEndpoint)(this.props.outcomesEndpoint), (0, _outcomes.setOutcomesToken)(this.props.outcomesToken), (0, _outcomes.setContextUuid)(this.props.contextUuid), (0, _outcomes.setExternalAccountUuid)(this.props.externalAccountUuid)]);
       if (this.props.itemBankSharingEnabled) {
@@ -91,8 +91,8 @@ var SDKApp = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null),
       !this.props.disableAlertLiveRegion && (0, _renderAlerts.renderAlerts)(this.store);
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(newProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(newProps) {
       var _newProps$rceConfig, _this$props$rceConfig2;
       if (newProps.apiEndpoint !== this.props.apiEndpoint) {
         this.store.dispatch((0, _config.setAPIEndpoint)(newProps.apiEndpoint));

package/lib/common/components/layout/header/HeaderMenuButton/theme.js

@@ -11,7 +11,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     menuButtonFontSize: typography.fontSizeLarge,
-    menuButtonColor: colors.contrasts.grey125125,
+    menuButtonColor: colors.licorice,
     menuButtonHoverOpacity: '0.6'
   };
 };

package/lib/common/components/layout/header/Timer/theme.js

@@ -10,10 +10,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors,
     typography = _ref.typography;
   return {
-    timerBackgroundColor: colors.contrasts.grey1111,
-    timerColor: colors.contrasts.grey4570,
+    timerBackgroundColor: colors.porcelain,
+    timerColor: colors.ash,
     timerBorderWidth: borders.widthSmall,
-    timerBorderColor: colors.contrasts.grey1214,
+    timerBorderColor: colors.tiara,
     timerBorderRadius: borders.radiusMedium,
     timerFontSize: typography.fontSizeMedium,
     timerPadding: spacing.xxSmall,

package/lib/common/components/layout/navbar/theme.js

@@ -8,7 +8,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   var breakpoints = _ref.breakpoints,
     colors = _ref.colors;
   return {
-    backgroundColor: colors.contrasts.grey1111,
+    backgroundColor: colors.white,
     phoneBreakPoint: breakpoints.medium
   };
 };

package/lib/common/components/layout/sidebar/PositionSummary/theme.js

@@ -10,13 +10,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     typography = _ref.typography;
   return {
-    numberSummaryColor: colors.contrasts.grey125125,
+    numberSummaryColor: colors.licorice,
     numberSummaryFontSize: typography.fontSizeMedium,
     numberSummaryFontWeight: typography.fontWeightBold,
     firstNumberSummaryPadding: spacing.xxSmall,
     secondNumberSummaryPadding: spacing.xxSmall,
     verticalDotsBorderWidth: borders.widthSmall,
-    verticalDotsBorderColor: colors.contrasts.grey125125
+    verticalDotsBorderColor: colors.licorice
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/layout/sidebar/Sidebar/theme.js

@@ -15,30 +15,30 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     sidebarWidthClosed: spacing.xxLarge,
     sidebarWidthOpen: '22rem',
-    sidebarBackgroundColor: colors.contrasts.white1010,
+    sidebarBackgroundColor: colors.white,
     sidebarBorderWidth: borders.widthSmall,
-    sidebarBorderColor: colors.contrasts.grey1214,
-    sidebarColor: colors.contrasts.grey100100,
+    sidebarBorderColor: colors.tiara,
+    sidebarColor: colors.oxford,
     sidebarZIndex: '5555',
     sidebarTransitionDuration: transitions.duration,
     infoHolderFontSize: typography.fontSizeXSmall,
     infoHolderBorderWidth: borders.widthSmall,
-    infoHolderBorderColor: colors.contrasts.grey1214,
+    infoHolderBorderColor: colors.tiara,
     infoHolderPadding: spacing.small,
-    actionableInfoHoverBorderColor: colors.contrasts.blue4570,
+    actionableInfoHoverBorderColor: colors.electric,
     actionableInfoBorderWidth: borders.widthLarge,
     questionNavigatorPadding: spacing.xxxSmall,
     headerSpacingPadding: "".concat(spacing.small, " ").concat(spacing.xSmall),
-    pinnedSectionBackgroundColor: colors.contrasts.grey1111,
+    pinnedSectionBackgroundColor: colors.porcelain,
     pinnedQuestionSpacing: spacing.small,
     pinnedQuestionFontSize: typography.fontSizeSmall,
     sidebarHeaderBorderWidth: borders.widthSmall,
-    sidebarHeaderBorderColor: colors.contrasts.grey1214,
+    sidebarHeaderBorderColor: colors.tiara,
     descriptionFontSize: typography.fontSizeXSmall,
-    descriptionFontColor: colors.contrasts.grey4570,
+    descriptionFontColor: colors.slate,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
-    focusBorderColor: colors.contrasts.blue4570,
-    focusOutlineColor: (0, _uiColorUtils.alpha)(colors.contrasts.blue4570, 50)
+    focusBorderColor: colors.brand,
+    focusOutlineColor: (0, _uiColorUtils.alpha)(colors.brand, 50)
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/layout/sidebar/SidebarItem/theme.js

@@ -10,13 +10,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     spacing = _ref.spacing;
   return {
-    borderColor: colors.contrasts.white1010,
-    bottomBorderColor: colors.contrasts.grey1214,
+    borderColor: colors.white,
+    bottomBorderColor: colors.tiara,
     bottomBorderWidth: borders.widthSmall,
-    darkTextColor: colors.contrasts.grey125125,
-    hoverBorderColor: colors.contrasts.blue4570,
+    darkTextColor: colors.licorice,
+    hoverBorderColor: colors.electric,
     hoverBorderWidth: borders.widthLarge,
-    infoHeaderColor: colors.contrasts.grey4570,
+    infoHeaderColor: colors.slate,
     infoHeaderFontSize: typography.fontSizeXSmall,
     itemBodyFontSize: typography.fontSizeSmall,
     itemBodyMarginTop: spacing.xxSmall,

package/lib/common/components/layout/sidebar/Stimulus/Collection/theme.js

@@ -10,7 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     columnPadding: spacing.xSmall,
-    sidebarIsOpenBottomBorderColor: colors.contrasts.grey4570,
+    sidebarIsOpenBottomBorderColor: colors.slate,
     sidebarIsOpenBottomBorderWidth: borders.widthSmall
   };
 };

package/lib/common/components/layout/sidebar/Stimulus/Summary/theme.js

@@ -9,10 +9,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     borders = _ref.borders;
   return {
-    itemContainerColor: colors.contrasts.grey125125,
+    itemContainerColor: colors.licorice,
     itemContainerPadding: spacing.xSmall,
     itemContainerBorderWidth: borders.widthSmall,
-    itemContainerBorderColor: colors.contrasts.grey125125,
+    itemContainerBorderColor: colors.licorice,
     summaryMargin: spacing.small,
     summaryMarginLeft: spacing.medium
   };

package/lib/common/components/layout/sidebar/Stimulus/theme.js

@@ -10,17 +10,17 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders,
     typography = _ref.typography;
   return {
-    borderColor: colors.contrasts.white1010,
-    hoverBorderColor: colors.contrasts.blue4570,
+    borderColor: colors.white,
+    hoverBorderColor: colors.electric,
     hoverBorderWidth: borders.widthLarge,
     sidebarClosedButtonPadding: "".concat(spacing.xxSmall, " 0"),
     sidebarHeaderPadding: spacing.small,
     sidebarItemBorderWidth: borders.widthSmall,
-    sidebarItemBorderColor: colors.contrasts.grey1214,
+    sidebarItemBorderColor: colors.tiara,
     sidebarIsOpenInfoHeaderFontSize: typography.fontSizeXSmall,
     sidebarIsOpenInfoHeaderPadding: spacing.xSmall,
     sidebarIsOpenInfoHeaderMargin: spacing.xSmall,
-    sidebarIsOpenInfoHeaderColor: colors.contrasts.grey4570
+    sidebarIsOpenInfoHeaderColor: colors.ash
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/resources/WarningWrapper/theme.js

@@ -12,7 +12,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     alertPadding: spacing.medium,
     alertZIndex: '8888',
     containerPadding: spacing.medium,
-    disabledChildrenBackgroundColor: colors.contrasts.grey1111,
+    disabledChildrenBackgroundColor: colors.porcelain,
     disabledChildrenOpacity: '0.6',
     disabledChildrenZIndex: '7777'
   };

package/lib/common/components/resources/entry/EntrySave/presenter.js

@@ -93,8 +93,8 @@ var EntrySave = /*#__PURE__*/function (_Component) {
     return _this;
   }
   (0, _createClass2.default)(EntrySave, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.switchOnEditing(this.props.initialFocusId);
     }
   }, {

package/lib/common/components/resources/positionBox/theme.js

@@ -11,10 +11,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     positionMargin: spacing.xSmall,
     positionPadding: spacing.xSmall,
-    positionBackgroundColor: colors.contrasts.grey125125,
+    positionBackgroundColor: colors.licorice,
     positionZIndex: '3333',
     positionDimension: '2em',
-    positionTextColor: colors.contrasts.grey1111,
+    positionTextColor: colors.porcelain,
     positionTextFontSize: typography.fontSizeMedium
   };
 };

package/lib/common/components/resources/quiz/AddContent/Body/theme.js

@@ -14,7 +14,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     popoverContentMargin: spacing.medium,
     popoverHeaderBoxBorderWidth: borders.widthSmall,
-    popoverHeaderBoxBorderColor: colors.contrasts.grey1214
+    popoverHeaderBoxBorderColor: colors.tiara
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/resources/quiz/AddContent/Button/theme.js

@@ -14,16 +14,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     attachQuestionButtonHolderZIndex: '2222',
     newItemButtonMargin: spacing.xSmall,
     newItemButtonPadding: spacing.xSmall,
-    newItemButtonBackgroundColor: colors.contrasts.blue4570,
+    newItemButtonBackgroundColor: colors.brand,
     newItemButtonBorderRadius: spacing.large,
-    newItemButtonColor: colors.contrasts.white1010,
-    newItemButtonFocusOutline: "2px solid ".concat(colors.contrasts.blue4570),
+    newItemButtonColor: colors.white,
+    newItemButtonFocusOutline: "2px solid ".concat(colors.brand),
     newItemButtonFocusOutlineOffset: spacing.xxxSmall,
     newItemButtonFontSize: typography.fontSizeMedium,
     newItemButtonFontWeight: typography.fontWeightBold,
     newItemButtonZIndex: '4444',
     newItemButtonBoxShadow: '2px 2px 3px #ddd',
-    newItemButtonEditingBackgroundColor: colors.contrasts.red4570,
+    newItemButtonEditingBackgroundColor: colors.crimson,
     newItemButtonHolderZIndex: '2222',
     newItemButtonTransition: "background-color ".concat(transitions.duration, " linear, transform ").concat(transitions.duration, " ease")
   };

package/lib/common/components/resources/quiz/AddContent/Popover/theme.js

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     borderLineBorderWidth: borders.widthMedium,
-    borderLineBorderColor: colors.contrasts.grey1111
+    borderLineBorderColor: colors.porcelain
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/resources/sessionItemResult/ResultStimulus/theme.js

@@ -12,16 +12,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     breakpoints = _ref.breakpoints;
   return {
     rootBorderWidth: borders.widthSmall,
-    rootBorderColor: colors.contrasts.grey1111,
+    rootBorderColor: colors.porcelain,
     instructionsPaddingTopBottom: spacing.medium,
     instructionsPaddingLeftRight: spacing.large,
     instructionsBorderWidth: borders.widthSmall,
-    instructionsBorderColor: colors.contrasts.grey1111,
+    instructionsBorderColor: colors.porcelain,
     instructionsHeaderPadding: spacing.xSmall,
     instructionsHeaderFontWeight: typography.fontWeightBold,
     infoPaddingTopBottom: spacing.small,
     infoPaddingLeftRight: spacing.medium,
-    infoBackgroundColor: colors.contrasts.grey1111,
+    infoBackgroundColor: colors.porcelain,
     headerPaddingTop: spacing.xSmall,
     headerPaddingBottom: spacing.small,
     titleFontSize: typography.fontSizeMedium,
@@ -32,7 +32,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneInstructionsPaddingLeftRight: spacing.small,
     phoneInfoPadding: spacing.small,
     phoneConnectingLinesBorderWidth: borders.widthSmall,
-    phoneConnectingLinesBorderColor: colors.contrasts.grey1214,
+    phoneConnectingLinesBorderColor: colors.tiara,
     phoneConnectingLinesMargin: spacing.small
   };
 };

package/lib/common/components/resources/sessionItemResult/SessionItemResult/theme.js

@@ -12,9 +12,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     sessionItemResultPadding: spacing.small,
     topBorderWidth: borders.widthSmall,
-    topBorderColor: colors.contrasts.grey1214,
+    topBorderColor: colors.tiara,
     resultMargin: spacing.small,
-    pointsColor: colors.contrasts.grey4570,
+    pointsColor: colors.ash,
     pointFontSize: typography.fontSizeXSmall,
     questionFontSize: typography.fontSizeMedium,
     itemFeedbackWrapperMargin: spacing.small,
@@ -23,9 +23,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     itemFeedbackWrapperFontSize: typography.fontSizeSmall,
     itemFeedbackWrapperBorderStyle: borders.borderStyle,
     itemFeedbackWrapperBorderWidth: borders.widthSmall,
-    itemFeedbackWrapperBorderColor: colors.contrasts.grey1214,
+    itemFeedbackWrapperBorderColor: colors.tiara,
     itemFeedbackWrapperStyle: borders.style,
-    itemFeedbackLabelColor: colors.contrasts.grey100100,
+    itemFeedbackLabelColor: colors.oxford,
     itemFeedbackLabelFontSize: typography.fontSizeXSmall,
     itemFeedbackMargin: spacing.xxSmall,
     itemFeedbackTextSize: typography.fontSizeMedium,

package/lib/common/components/resources/sessionItemResult/SessionItemResultsList/theme.js

@@ -14,7 +14,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     sessionItemResultsListHeaderWrapperMarginLeftRight: spacing.large,
     sessionItemResultsListHeaderFontSize: typography.fontSizeXLarge,
     sessionItemResultsListMargin: spacing.xSmall,
-    sessionItemResultsListBorderColor: colors.contrasts.grey1214,
+    sessionItemResultsListBorderColor: colors.tiara,
     sessionItemResultsListBorderWidth: borders.widthSmall
   };
 };

package/lib/common/components/resources/stimulus/Stimulus/theme.js

@@ -12,7 +12,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     leftPanelPadding: spacing.xxSmall,
     leftPanelBorderWidth: borders.widthSmall,
-    leftPanelBorderColor: colors.contrasts.grey1214,
+    leftPanelBorderColor: colors.tiara,
     rightPanelPadding: spacing.xSmall,
     dragAndDropHandleZIndex: '3333',
     dragAndDropHandleFontSize: typography.fontSizeMedium,

package/lib/common/components/resources/stimulus/StimulusEdit/theme.js

@@ -15,7 +15,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     optionPadding: spacing.small,
     stimulusContentPadding: spacing.small,
     stimulusContentPaddingBottom: spacing.small,
-    stimulusButtonsColor: colors.contrasts.grey100100,
+    stimulusButtonsColor: colors.oxford,
     stimulusButtonsZIndex: '3333'
   };
 };