1 | import { __assign } from "tslib";
|
2 | import { HighContrastSelector, FontWeights, getHighContrastNoAdjustStyle } from '../../Styling';
|
3 | export 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 |
|
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 |
|
\ | No newline at end of file |