@instructure/quiz-interactions
Version:
A React UI component Library for quiz interaction types.
21 lines (19 loc) • 794 B
JavaScript
const generateComponentTheme = ({spacing, borders, colors, transitions}) => {
return {
placeholderColor: colors.contrasts.grey4570,
placeholderPadding: spacing.xSmall,
placeholderBorder: borders.widthSmall,
placeholderBorderColor: colors.contrasts.grey4570,
placeholderBorderRadius: borders.radiusMedium,
dragTargetBorderColor: colors.contrasts.grey1214,
dragTargetBorderRadius: borders.radiusMedium,
dragTargetMargin: spacing.xSmall,
dragTargetPadding: spacing.xSmall,
dragTargetBorderWidth: borders.widthMedium,
focusBorderColor: colors.contrasts.blue4570,
focusBorderRadius: borders.radiusMedium,
focusBorderWidth: borders.widthSmall,
dragTargetTransition: `all ${transitions.duration}`,
}
}
export default generateComponentTheme