@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
32 lines (31 loc) • 1.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var generateComponentTheme = function generateComponentTheme(_ref) {
var spacing = _ref.spacing,
colors = _ref.colors,
borders = _ref.borders,
transitions = _ref.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)
};
};
var _default = exports["default"] = generateComponentTheme;