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

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

@@ -3,7 +3,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors,
     breakpoints = _ref.breakpoints;
   return {
-    contentBackgroundColor: colors.contrasts.white1010,
+    contentBackgroundColor: colors.white,
     contentPaddingTopBottom: spacing.medium,
     contentPaddingLeftRight: spacing.medium,
     breadCrumbMarginBottom: spacing.large,

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

@@ -212,8 +212,8 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
       this.props.setShouldClone(false);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.setShouldClone(false);
     }
   }, {

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

@@ -4,17 +4,17 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     borders = _ref.borders;
   return {
-    contentBackgroundColor: colors.contrasts.white1010,
+    contentBackgroundColor: colors.white,
     contentPaddingTopBottom: 0,
     contentPaddingLeftRight: 0,
     breadCrumbMarginBottom: spacing.large,
     entryRowMargin: spacing.small,
-    headerRowColor: colors.contrasts.grey4570,
+    headerRowColor: colors.ash,
     headerRowPadding: spacing.small,
     headerTextFontSize: typography.fontSizeSmall,
     leftHeaderMargin: spacing.small,
-    headerBackgroundColor: colors.contrasts.grey1111,
-    headerColor: colors.contrasts.grey125125,
+    headerBackgroundColor: colors.porcelain,
+    headerColor: colors.licorice,
     headerPaddingTopBottom: spacing.xSmall,
     headerPaddingLeftRight: spacing.small,
     footerPaddingBottom: spacing.xSmall,
@@ -22,7 +22,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     rightHeaderPaddingLeft: spacing.xSmall,
     rightFooterPaddingLeftRight: spacing.small,
     entryEditBorderWidth: borders.widthSmall,
-    entryEditBorderColor: colors.contrasts.grey1214
+    entryEditBorderColor: colors.tiara
   };
 };
 export default generateComponentTheme;

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

@@ -32,6 +32,7 @@ var generateStyle = function generateStyle(componentTheme) {
       fontSize: componentTheme.headerTextFontSize
     },
     stem: {
+      overflowX: 'auto',
       fontSize: componentTheme.stemFontSize,
       lineHeight: componentTheme.stemLineHeight,
       '& p': {

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

@@ -5,18 +5,18 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography;
   return {
     entryDetailPadding: spacing.small,
-    headerRowColor: colors.contrasts.grey4570,
+    headerRowColor: colors.ash,
     buttonsZIndex: '3333',
     expandButtonContainerBorderWidth: borders.widthMedium,
-    expandButtonContainerBorderColor: colors.contrasts.grey1214,
+    expandButtonContainerBorderColor: colors.tiara,
     addButtonMargin: spacing.small,
-    headerTextColor: colors.contrasts.grey4570,
+    headerTextColor: colors.ash,
     headerTextFontSize: typography.fontSizeXSmall,
     stemFontSize: typography.fontSizeMedium,
     stemLineHeight: typography.lineHeight,
     footerPadding: spacing.medium,
     footerBorderWidth: borders.widthSmall,
-    footerBorderColor: colors.contrasts.grey1214,
+    footerBorderColor: colors.tiara,
     footerFontSize: typography.fontSizeXSmall,
     deletePrefaceMargin: spacing.xxSmall
   };

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

@@ -3,13 +3,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing,
     borders = _ref.borders;
   return {
-    contentBackgroundColor: colors.contrasts.white1010,
+    contentBackgroundColor: colors.white,
     contentPaddingTopBottom: spacing.medium,
     contentPaddingLeftRight: spacing.xLarge,
     breadCrumbMarginBottom: spacing.large,
     headerPaddingBottom: spacing.large,
     headerBorderWidth: borders.widthSmall,
-    headerBorderColor: colors.contrasts.grey1214
+    headerBorderColor: colors.tiara
   };
 };
 export default generateComponentTheme;

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

@@ -446,7 +446,7 @@ export var BanksList = (_dec = withStyleOverrides(generateStyle, generateCompone
       }, jsx(Table.Row, null, this.renderTableSortHeader('name', t('Name')), this.renderTableSortHeader('updated_at', t('Updated')), jsx(Table.ColHeader, {
         id: "header-num-questions",
         width: "1"
-      }, t('Questions')), this.renderTableSortHeader('last_used', t('Last Used')), this.renderTableSortHeader('created_at', t('Created')), !this.props.isCompact && jsx(Table.ColHeader, {
+      }, t('Questions')), this.renderTableSortHeader('last_used', t('Last Used')), this.renderTableSortHeader('created_at', t('Created')), jsx(Table.ColHeader, {
         id: "header-option-links",
         width: "1"
       }, jsx(ScreenReaderContent, null, t('Bank option links'))))), jsx(Table.Body, null, (this.props.banks.toArray() || []).map(function (bank) {

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

@@ -5,13 +5,13 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     spacing = _ref.spacing;
   return {
     bankRowBorderWidth: borders.widthSmall,
-    bankRowBorderColor: colors.contrasts.grey1214,
+    bankRowBorderColor: colors.tiara,
     bankInfoMargin: spacing.small,
     bankTitleFontSize: typography.fontSizeSmall,
     bankTitlePadding: spacing.xSmall,
-    bankTitleLinkColor: colors.contrasts.grey125125,
-    bankTitleLinkHoverColor: colors.contrasts.grey125125,
-    bankDetailsColor: colors.contrasts.grey4570,
+    bankTitleLinkColor: colors.licorice,
+    bankTitleLinkHoverColor: colors.licorice,
+    bankDetailsColor: colors.ash,
     bankDetailsFontSize: typography.fontSizeXSmall,
     bankOptionsMargin: spacing.small,
     BankOptionIconMargin: spacing.xSmall,

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

@@ -8,9 +8,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/es/banks/components/SharingModal/presenter.js

@@ -329,8 +329,8 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
       });
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
         accountPermission: nextProps.bank.accountPermission,
         shares: nextProps.sharedBanks

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

@@ -3,7 +3,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/es/building/components/layout/header/BuildingButtons/theme.js

@@ -5,7 +5,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/es/building/components/resources/ActionButtons/theme.js

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

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

@@ -2,8 +2,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
   };
 };
 export default generateComponentTheme;

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

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

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

@@ -10,7 +10,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/es/building/components/resources/quiz/title/Title/theme.js

@@ -8,10 +8,10 @@ export default 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/es/building/components/resources/quizEntry/QuizEntry/theme.js

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

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

@@ -5,9 +5,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,
@@ -16,7 +16,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borderLineTopMargin: spacing.small,
     borderLineBottomMargin: spacing.small,
     borderLineBottomBorderSize: borders.widthSmall,
-    borderLineBottomBorderColor: colors.contrasts.grey4570
+    borderLineBottomBorderColor: colors.ash
   };
 };
 export default generateComponentTheme;

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

@@ -4,8 +4,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/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -87,8 +87,8 @@ export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, gener
     return _this;
   }
   _createClass(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/es/building/components/resources/quizEntry/QuizEntryEdit/Header/theme.js

@@ -3,8 +3,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/es/building/components/resources/quizEntry/QuizEntryEdit/presenter.js

@@ -276,8 +276,8 @@ var QuizEntryEdit = (_dec = withStyleOverrides(generateStyle, generateComponentT
       this.props.onEditQuizEntryToggle(this.props.quizEntry.id);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.setUi(SHOULD_CLONE_ITEM, false);
     }
   }, {

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

@@ -6,13 +6,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,
@@ -20,7 +20,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/es/common/actions/taking.js

@@ -104,12 +104,13 @@ export var loadResumeData = function loadResumeData(resumeData) {
     payload: resumeData
   };
 };
-export var sessionStartOrResumeEvent = function sessionStartOrResumeEvent(userAgent) {
+export var sessionStartOrResumeEvent = function sessionStartOrResumeEvent(userAgent, ipAddress) {
   return {
     type: SESSION_STARTED_OR_RESUMED_EVENT,
     payload: {
       userAgent: userAgent,
-      browserSessionId: uuid()
+      browserSessionId: uuid(),
+      ipAddress: ipAddress
     }
   };
 };

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

@@ -3,15 +3,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
   };
 };
 export default generateComponentTheme;

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

@@ -85,8 +85,8 @@ export var PrintFontSizeModal = (_dec = withStyleOverrides(generateStyle, genera
       });
     }
   }, {
-    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/es/common/components/PrintFontSizeModal/theme.js

@@ -3,7 +3,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/es/common/components/SDKApp/index.js

@@ -65,8 +65,8 @@ export var SDKApp = (_dec = withStyleOverrides(generateStyle, null), _dec(_class
       return set('appContainer', selectors);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       var _this$props$rceConfig;
       this.store.dispatch([setAPIEndpoint(this.props.apiEndpoint), setCanvasOrigin((_this$props$rceConfig = this.props.rceConfig) === null || _this$props$rceConfig === void 0 ? void 0 : _this$props$rceConfig.canvasOrigin), this.setAppContainer(this.props.appContainer), setUserToken(this.props.userToken), setOutcomesEndpoint(this.props.outcomesEndpoint), setOutcomesToken(this.props.outcomesToken), setContextUuid(this.props.contextUuid), setExternalAccountUuid(this.props.externalAccountUuid)]);
       if (this.props.itemBankSharingEnabled) {
@@ -84,8 +84,8 @@ export var SDKApp = (_dec = withStyleOverrides(generateStyle, null), _dec(_class
       !this.props.disableAlertLiveRegion && 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(setAPIEndpoint(newProps.apiEndpoint));

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

@@ -5,7 +5,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/es/common/components/layout/header/Timer/theme.js

@@ -4,10 +4,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/es/common/components/layout/navbar/theme.js

@@ -2,7 +2,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/es/common/components/layout/sidebar/PositionSummary/theme.js

@@ -4,13 +4,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
   };
 };
 export default generateComponentTheme;

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

@@ -9,30 +9,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: alpha(colors.contrasts.blue4570, 50)
+    focusBorderColor: colors.brand,
+    focusOutlineColor: alpha(colors.brand, 50)
   };
 };
 export default generateComponentTheme;

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

@@ -4,13 +4,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/es/common/components/layout/sidebar/Stimulus/Collection/theme.js

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

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

@@ -3,10 +3,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/es/common/components/layout/sidebar/Stimulus/theme.js

@@ -4,17 +4,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
   };
 };
 export default generateComponentTheme;

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

@@ -6,7 +6,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/es/common/components/resources/entry/EntrySave/presenter.js

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

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

@@ -5,10 +5,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
   };
 };