office-ui-fabric-react
Version:
Reusable React components for building experiences for Microsoft 365.
48 lines • 1.92 kB
JavaScript
define(["require", "exports", "tslib", "../../Styling"], function (require, exports, tslib_1, Styling_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = function (props) {
var _a;
var theme = props.theme, className = props.className, disabled = props.disabled, required = props.required;
var semanticColors = theme.semanticColors;
// Tokens
var labelFontWeight = Styling_1.FontWeights.semibold;
var labelColor = semanticColors.bodyText;
var labelDisabledColor = semanticColors.disabledBodyText;
var labelRequiredStarColor = semanticColors.errorText;
return {
root: [
'ms-Label',
theme.fonts.medium,
{
fontWeight: labelFontWeight,
color: labelColor,
boxSizing: 'border-box',
boxShadow: 'none',
margin: 0,
display: 'block',
padding: '5px 0',
wordWrap: 'break-word',
overflowWrap: 'break-word',
},
disabled && {
color: labelDisabledColor,
selectors: (_a = {},
_a[Styling_1.HighContrastSelector] = tslib_1.__assign({ color: 'GrayText' }, Styling_1.getHighContrastNoAdjustStyle()),
_a),
},
required && {
selectors: {
'::after': {
content: "' *'",
color: labelRequiredStarColor,
paddingRight: 12,
},
},
},
className,
],
};
};
});
//# sourceMappingURL=Label.styles.js.map