UNPKG

1.65 kBJavaScriptView Raw
1import { __assign } from "tslib";
2import { HighContrastSelector, FontWeights, getHighContrastNoAdjustStyle } from '../../Styling';
3export var getStyles = function (props) {
4 var _a;
5 var theme = props.theme, className = props.className, disabled = props.disabled, required = props.required;
6 var semanticColors = theme.semanticColors;
7 // Tokens
8 var labelFontWeight = FontWeights.semibold;
9 var labelColor = semanticColors.bodyText;
10 var labelDisabledColor = semanticColors.disabledBodyText;
11 var labelRequiredStarColor = semanticColors.errorText;
12 return {
13 root: [
14 'ms-Label',
15 theme.fonts.medium,
16 {
17 fontWeight: labelFontWeight,
18 color: labelColor,
19 boxSizing: 'border-box',
20 boxShadow: 'none',
21 margin: 0,
22 display: 'block',
23 padding: '5px 0',
24 wordWrap: 'break-word',
25 overflowWrap: 'break-word',
26 },
27 disabled && {
28 color: labelDisabledColor,
29 selectors: (_a = {},
30 _a[HighContrastSelector] = __assign({ color: 'GrayText' }, getHighContrastNoAdjustStyle()),
31 _a),
32 },
33 required && {
34 selectors: {
35 '::after': {
36 content: "' *'",
37 color: labelRequiredStarColor,
38 paddingRight: 12,
39 },
40 },
41 },
42 className,
43 ],
44 };
45};
46//# sourceMappingURL=Label.styles.js.map
\No newline at end of file