50 lines
1.9 KiB
JavaScript
50 lines
1.9 KiB
JavaScript
define(["require", "exports", "tslib", "../../Styling"], function (require, exports, tslib_1, Styling_1) {
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.getStyles = void 0;
|
|
var 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' }, (0, Styling_1.getHighContrastNoAdjustStyle)()),
|
|
_a),
|
|
},
|
|
required && {
|
|
selectors: {
|
|
'::after': {
|
|
content: "' *'",
|
|
color: labelRequiredStarColor,
|
|
paddingRight: 12,
|
|
},
|
|
},
|
|
},
|
|
className,
|
|
],
|
|
};
|
|
};
|
|
exports.getStyles = getStyles;
|
|
});
|
|
//# sourceMappingURL=Label.styles.js.map
|