office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
31 lines • 1.88 kB
JavaScript
import { memoizeFunction } from '../../Utilities';
import { mergeStyles } from '../../Styling';
export var getClassNames = memoizeFunction(function (styles, disabled, isChecked, isReversed, className) {
return {
root: mergeStyles('ms-Checkbox', isReversed && 'reversed', isChecked && 'is-checked', !disabled && 'is-enabled', disabled && 'is-disabled', className, styles.root, !disabled && [
!isChecked && {
selectors: {
':hover .ms-Checkbox-checkbox': styles.checkboxHovered,
':focus .ms-Checkbox-checkbox': styles.checkboxFocused
}
},
isChecked && {
selectors: {
':hover .ms-Checkbox-checkbox': styles.checkboxCheckedHovered,
':focus .ms-Checkbox-checkbox': styles.checkboxCheckedFocused
}
},
{
selectors: {
':hover .ms-Checkbox-text': styles.textHovered,
':focus .ms-Checkbox-text': styles.textFocused
}
}
]),
label: mergeStyles('ms-Checkbox-label', styles.label, isReversed && styles.labelReversed, disabled && styles.labelDisabled),
checkbox: mergeStyles('ms-Checkbox-checkbox', styles.checkbox, !disabled && isChecked && styles.checkboxChecked, disabled && !isChecked && styles.checkboxDisabled, disabled && isChecked && styles.checkboxCheckedDisabled),
checkmark: mergeStyles(styles.checkmark, !disabled && isChecked && styles.checkmarkChecked, disabled && !isChecked && styles.checkmarkDisabled, disabled && isChecked && styles.checkmarkCheckedDisabled),
text: mergeStyles('ms-Checkbox-text', styles.text, disabled && styles.textDisabled),
};
});
//# sourceMappingURL=Checkbox.classNames.js.map