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

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.white,
+    contentBackgroundColor: colors.contrasts.white1010,
     contentPaddingTopBottom: spacing.medium,
     contentPaddingLeftRight: spacing.medium,
     breadCrumbMarginBottom: spacing.large,

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.white,
+    contentBackgroundColor: colors.contrasts.white1010,
     contentPaddingTopBottom: 0,
     contentPaddingLeftRight: 0,
     breadCrumbMarginBottom: spacing.large,
     entryRowMargin: spacing.small,
-    headerRowColor: colors.ash,
+    headerRowColor: colors.contrasts.grey4570,
     headerRowPadding: spacing.small,
     headerTextFontSize: typography.fontSizeSmall,
     leftHeaderMargin: spacing.small,
-    headerBackgroundColor: colors.porcelain,
-    headerColor: colors.licorice,
+    headerBackgroundColor: colors.contrasts.grey1111,
+    headerColor: colors.contrasts.grey125125,
     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.tiara
+    entryEditBorderColor: colors.contrasts.grey1214
   };
 };
 export default generateComponentTheme;

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

@@ -32,7 +32,6 @@ 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.ash,
+    headerRowColor: colors.contrasts.grey4570,
     buttonsZIndex: '3333',
     expandButtonContainerBorderWidth: borders.widthMedium,
-    expandButtonContainerBorderColor: colors.tiara,
+    expandButtonContainerBorderColor: colors.contrasts.grey1214,
     addButtonMargin: spacing.small,
-    headerTextColor: colors.ash,
+    headerTextColor: colors.contrasts.grey4570,
     headerTextFontSize: typography.fontSizeXSmall,
     stemFontSize: typography.fontSizeMedium,
     stemLineHeight: typography.lineHeight,
     footerPadding: spacing.medium,
     footerBorderWidth: borders.widthSmall,
-    footerBorderColor: colors.tiara,
+    footerBorderColor: colors.contrasts.grey1214,
     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.white,
+    contentBackgroundColor: colors.contrasts.white1010,
     contentPaddingTopBottom: spacing.medium,
     contentPaddingLeftRight: spacing.xLarge,
     breadCrumbMarginBottom: spacing.large,
     headerPaddingBottom: spacing.large,
     headerBorderWidth: borders.widthSmall,
-    headerBorderColor: colors.tiara
+    headerBorderColor: colors.contrasts.grey1214
   };
 };
 export default generateComponentTheme;

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.tiara,
+    bankRowBorderColor: colors.contrasts.grey1214,
     bankInfoMargin: spacing.small,
     bankTitleFontSize: typography.fontSizeSmall,
     bankTitlePadding: spacing.xSmall,
-    bankTitleLinkColor: colors.licorice,
-    bankTitleLinkHoverColor: colors.licorice,
-    bankDetailsColor: colors.ash,
+    bankTitleLinkColor: colors.contrasts.grey125125,
+    bankTitleLinkHoverColor: colors.contrasts.grey125125,
+    bankDetailsColor: colors.contrasts.grey4570,
     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.tiara,
-    navBackgroundColor: colors.white,
-    bankIconColor: colors.electric,
+    navBorderColor: colors.contrasts.grey1214,
+    navBackgroundColor: colors.contrasts.white1010,
+    bankIconColor: colors.contrasts.blue4570,
     bankIconFontSize: typography.fontSizeLarge,
     bankIconPadding: spacing.xSmall
   };

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.tiara,
+    separatorColor: colors.contrasts.grey1214,
     separatorBorderWidth: borders.widthSmall,
     separatorMargin: spacing.medium
   };

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.oxford,
+    buttonsColor: colors.contrasts.grey100100,
     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.porcelain,
-    addToBankBorderColor: colors.oxford
+    addToBankBackgroundColor: colors.contrasts.grey1111,
+    addToBankBorderColor: colors.contrasts.grey100100
   };
 };
 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.slate,
+    labelColor: colors.contrasts.grey4570,
     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.crimson,
+    errorBorderColor: colors.contrasts.red4570,
     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.slate,
+    labelColor: colors.contrasts.grey4570,
     editButtonWrapperRightMargin: spacing.large,
-    titleShowWrapperBottomBorder: "".concat(borders.widthMedium, " ").concat(borders.style, " ").concat(colors.porcelain),
+    titleShowWrapperBottomBorder: "".concat(borders.widthMedium, " ").concat(borders.style, " ").concat(colors.contrasts.grey1111),
     titleEditWrapperBorderWidth: borders.widthSmall,
-    titleEditWrapperBorderColor: colors.ash
+    titleEditWrapperBorderColor: colors.contrasts.grey4570
   };
 }

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.tiara,
+    footerBorderColor: colors.contrasts.grey1214,
     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.white,
+    quizEntryBankEditBackgroundColor: colors.contrasts.white1010,
     quizEntryBankEditBorderSize: borders.widthSmall,
-    quizEntryBankEditBorderColor: colors.oxford,
+    quizEntryBankEditBorderColor: colors.contrasts.grey100100,
     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.ash
+    borderLineBottomBorderColor: colors.contrasts.grey4570
   };
 };
 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.white,
-    quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.oxford),
+    quizEntryBankBackgroundColor: colors.contrasts.white1010,
+    quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.contrasts.grey100100),
     quizEntryBankPadding: "".concat(spacing.xxSmall, " ").concat(spacing.medium),
     quizEntryBankTopMargin: spacing.small,
     alertWrapperMargin: spacing.small

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.porcelain,
-    headerColor: colors.oxford,
+    headerBackgroundColor: colors.contrasts.grey1111,
+    headerColor: colors.contrasts.grey100100,
     headerPadding: "".concat(spacing.xSmall, " ").concat(spacing.small)
   };
 };

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.white,
+    quizEntryShowBackgroundColor: colors.contrasts.white1010,
     headerHeight: '2rem',
     headerRightPadding: spacing.xSmall,
-    dndBorder: "".concat(borders.style, " ").concat(borders.widthSmall, " ").concat(colors.brand),
+    dndBorder: "".concat(borders.style, " ").concat(borders.widthSmall, " ").concat(colors.contrasts.blue4570),
     rightHeaderZIndex: '3333',
-    rightHeaderColor: colors.oxford,
-    titleInteractionTypeNamePointsColor: colors.slate,
+    rightHeaderColor: colors.contrasts.grey100100,
+    titleInteractionTypeNamePointsColor: colors.contrasts.grey4570,
     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.ash,
+    phoneConnectingLinesBorderColor: colors.contrasts.grey4570,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium)
   };
 };

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.ash,
+    uploadIconContainerColor: colors.contrasts.grey4570,
     uploadIconContainerColorFontSize: typography.fontSizeXLarge,
     checkIconContainerFontSize: typography.fontSizeXLarge,
-    checkIconContainerColor: colors.shamrock,
+    checkIconContainerColor: colors.contrasts.green4570,
     smallTextFontSize: typography.fontSizeXSmall,
-    smallTextColor: colors.ash,
+    smallTextColor: colors.contrasts.grey4570,
     smallTextPadding: spacing.xSmall,
     selectorMargin: spacing.xSmall,
-    fileListSuccessColor: colors.shamrock
+    fileListSuccessColor: colors.contrasts.green4570
   };
 };
 export default generateComponentTheme;

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.tiara,
+    separatorColor: colors.contrasts.grey1214,
     separatorBorderWidth: borders.widthSmall,
     separatorMargin: spacing.medium
   };

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.licorice,
+    menuButtonColor: colors.contrasts.grey125125,
     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.porcelain,
-    timerColor: colors.ash,
+    timerBackgroundColor: colors.contrasts.grey1111,
+    timerColor: colors.contrasts.grey4570,
     timerBorderWidth: borders.widthSmall,
-    timerBorderColor: colors.tiara,
+    timerBorderColor: colors.contrasts.grey1214,
     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.porcelain,
+    backgroundColor: colors.contrasts.grey1111,
     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.licorice,
+    numberSummaryColor: colors.contrasts.grey125125,
     numberSummaryFontSize: typography.fontSizeMedium,
     numberSummaryFontWeight: typography.fontWeightBold,
     firstNumberSummaryPadding: spacing.xxSmall,
     secondNumberSummaryPadding: spacing.xxSmall,
     verticalDotsBorderWidth: borders.widthSmall,
-    verticalDotsBorderColor: colors.licorice
+    verticalDotsBorderColor: colors.contrasts.grey125125
   };
 };
 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.white,
+    sidebarBackgroundColor: colors.contrasts.white1010,
     sidebarBorderWidth: borders.widthSmall,
-    sidebarBorderColor: colors.tiara,
-    sidebarColor: colors.oxford,
+    sidebarBorderColor: colors.contrasts.grey1214,
+    sidebarColor: colors.contrasts.grey100100,
     sidebarZIndex: '5555',
     sidebarTransitionDuration: transitions.duration,
     infoHolderFontSize: typography.fontSizeXSmall,
     infoHolderBorderWidth: borders.widthSmall,
-    infoHolderBorderColor: colors.tiara,
+    infoHolderBorderColor: colors.contrasts.grey1214,
     infoHolderPadding: spacing.small,
-    actionableInfoHoverBorderColor: colors.electric,
+    actionableInfoHoverBorderColor: colors.contrasts.blue4570,
     actionableInfoBorderWidth: borders.widthLarge,
     questionNavigatorPadding: spacing.xxxSmall,
     headerSpacingPadding: "".concat(spacing.small, " ").concat(spacing.xSmall),
-    pinnedSectionBackgroundColor: colors.porcelain,
+    pinnedSectionBackgroundColor: colors.contrasts.grey1111,
     pinnedQuestionSpacing: spacing.small,
     pinnedQuestionFontSize: typography.fontSizeSmall,
     sidebarHeaderBorderWidth: borders.widthSmall,
-    sidebarHeaderBorderColor: colors.tiara,
+    sidebarHeaderBorderColor: colors.contrasts.grey1214,
     descriptionFontSize: typography.fontSizeXSmall,
-    descriptionFontColor: colors.slate,
+    descriptionFontColor: colors.contrasts.grey4570,
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
-    focusBorderColor: colors.brand,
-    focusOutlineColor: alpha(colors.brand, 50)
+    focusBorderColor: colors.contrasts.blue4570,
+    focusOutlineColor: alpha(colors.contrasts.blue4570, 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.white,
-    bottomBorderColor: colors.tiara,
+    borderColor: colors.contrasts.white1010,
+    bottomBorderColor: colors.contrasts.grey1214,
     bottomBorderWidth: borders.widthSmall,
-    darkTextColor: colors.licorice,
-    hoverBorderColor: colors.electric,
+    darkTextColor: colors.contrasts.grey125125,
+    hoverBorderColor: colors.contrasts.blue4570,
     hoverBorderWidth: borders.widthLarge,
-    infoHeaderColor: colors.slate,
+    infoHeaderColor: colors.contrasts.grey4570,
     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.slate,
+    sidebarIsOpenBottomBorderColor: colors.contrasts.grey4570,
     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.licorice,
+    itemContainerColor: colors.contrasts.grey125125,
     itemContainerPadding: spacing.xSmall,
     itemContainerBorderWidth: borders.widthSmall,
-    itemContainerBorderColor: colors.licorice,
+    itemContainerBorderColor: colors.contrasts.grey125125,
     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.white,
-    hoverBorderColor: colors.electric,
+    borderColor: colors.contrasts.white1010,
+    hoverBorderColor: colors.contrasts.blue4570,
     hoverBorderWidth: borders.widthLarge,
     sidebarClosedButtonPadding: "".concat(spacing.xxSmall, " 0"),
     sidebarHeaderPadding: spacing.small,
     sidebarItemBorderWidth: borders.widthSmall,
-    sidebarItemBorderColor: colors.tiara,
+    sidebarItemBorderColor: colors.contrasts.grey1214,
     sidebarIsOpenInfoHeaderFontSize: typography.fontSizeXSmall,
     sidebarIsOpenInfoHeaderPadding: spacing.xSmall,
     sidebarIsOpenInfoHeaderMargin: spacing.xSmall,
-    sidebarIsOpenInfoHeaderColor: colors.ash
+    sidebarIsOpenInfoHeaderColor: colors.contrasts.grey4570
   };
 };
 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.porcelain,
+    disabledChildrenBackgroundColor: colors.contrasts.grey1111,
     disabledChildrenOpacity: '0.6',
     disabledChildrenZIndex: '7777'
   };

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.licorice,
+    positionBackgroundColor: colors.contrasts.grey125125,
     positionZIndex: '3333',
     positionDimension: '2em',
-    positionTextColor: colors.porcelain,
+    positionTextColor: colors.contrasts.grey1111,
     positionTextFontSize: typography.fontSizeMedium
   };
 };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/common/components/resources/stimulus/StimulusEditInfo/theme.js

@@ -4,7 +4,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors;
   return {
     sectionPadding: spacing.small,
-    optionalLabelColor: colors.ash,
+    optionalLabelColor: colors.contrasts.grey4570,
     optionalLabelFontSize: typography.fontSizeXSmall,
     urlLabelMargin: spacing.xSmall
   };