@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
24 lines (23 loc) • 1.06 kB
JavaScript
var generateComponentTheme = function(param) {
var spacing = param.spacing, colors = param.colors, borders = param.borders, transitions = param.transitions;
return {
margin: spacing.xSmall,
padding: spacing.xSmall,
pillMargin: spacing.small,
background: colors.contrasts.grey1111,
choiceBackground: colors.contrasts.white1010,
choiceBorderWidth: borders.widthMedium,
choiceBorderColor: colors.contrasts.grey1214,
choiceBorderRadius: borders.radiusMedium,
choiceMargin: spacing.xSmall,
emptyContainerBackground: colors.contrasts.white1010,
emptyContainerBorderColor: colors.contrasts.grey1214,
emptyContainerorderWidth: borders.widthMedium,
emptyContainerPadding: spacing.xSmall,
focusBorderColor: colors.contrasts.blue4570,
focusBorderWidth: borders.widthSmall,
focusBorderRadius: borders.radiusMedium,
choicesBackgroundTransition: "all ".concat(transitions.duration)
};
};
export default generateComponentTheme;