office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
33 lines • 2.16 kB
JavaScript
define(["require", "exports", "../../Utilities", "../../Styling"], function (require, exports, Utilities_1, Styling_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getClassNames = Utilities_1.memoizeFunction(function (styles, disabled, isChecked, isReversed, className) {
return {
root: Styling_1.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: Styling_1.mergeStyles('ms-Checkbox-label', styles.label, isReversed && styles.labelReversed, disabled && styles.labelDisabled),
checkbox: Styling_1.mergeStyles('ms-Checkbox-checkbox', styles.checkbox, !disabled && isChecked && styles.checkboxChecked, disabled && !isChecked && styles.checkboxDisabled, disabled && isChecked && styles.checkboxCheckedDisabled),
checkmark: Styling_1.mergeStyles(styles.checkmark, !disabled && isChecked && styles.checkmarkChecked, disabled && !isChecked && styles.checkmarkDisabled, disabled && isChecked && styles.checkmarkCheckedDisabled),
text: Styling_1.mergeStyles('ms-Checkbox-text', styles.text, disabled && styles.textDisabled),
};
});
});
//# sourceMappingURL=Checkbox.classNames.js.map