Stefan Hacker
91 lines
3.4 KiB
JavaScript
91 lines
3.4 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.styles = void 0;
|
|
var tslib_1 = require("tslib");
|
|
var style_utilities_1 = require("@fluentui/style-utilities");
|
|
var styles = function (props) {
|
|
var _a;
|
|
var className = props.className, theme = props.theme, headerIsClickable = props.headerIsClickable, showWeekNumbers = props.showWeekNumbers;
|
|
var palette = theme.palette;
|
|
var disabledStyle = {
|
|
selectors: (_a = {
|
|
'&, &:disabled, & button': {
|
|
color: palette.neutralTertiaryAlt,
|
|
pointerEvents: 'none',
|
|
}
|
|
},
|
|
_a[style_utilities_1.HighContrastSelector] = {
|
|
color: 'GrayText',
|
|
forcedColorAdjust: 'none',
|
|
},
|
|
_a),
|
|
};
|
|
return {
|
|
root: [
|
|
style_utilities_1.normalize,
|
|
{
|
|
width: 196,
|
|
padding: 12,
|
|
boxSizing: 'content-box',
|
|
},
|
|
showWeekNumbers && {
|
|
width: 226,
|
|
},
|
|
className,
|
|
],
|
|
header: {
|
|
position: 'relative',
|
|
display: 'inline-flex',
|
|
height: 28,
|
|
lineHeight: 44,
|
|
width: '100%',
|
|
},
|
|
monthAndYear: [
|
|
(0, style_utilities_1.getFocusStyle)(theme, { inset: 1 }),
|
|
tslib_1.__assign(tslib_1.__assign({}, style_utilities_1.AnimationStyles.fadeIn200), { alignItems: 'center', fontSize: style_utilities_1.FontSizes.medium, fontFamily: 'inherit', color: palette.neutralPrimary, display: 'inline-block', flexGrow: 1, fontWeight: style_utilities_1.FontWeights.semibold, padding: '0 4px 0 10px', border: 'none', backgroundColor: 'transparent', borderRadius: 2, lineHeight: 28, overflow: 'hidden', whiteSpace: 'nowrap', textAlign: 'left', textOverflow: 'ellipsis' }),
|
|
headerIsClickable && {
|
|
selectors: {
|
|
'&:hover': {
|
|
cursor: 'pointer',
|
|
background: palette.neutralLight,
|
|
color: palette.black,
|
|
},
|
|
},
|
|
},
|
|
],
|
|
monthComponents: {
|
|
display: 'inline-flex',
|
|
alignSelf: 'flex-end',
|
|
},
|
|
headerIconButton: [
|
|
(0, style_utilities_1.getFocusStyle)(theme, { inset: -1 }),
|
|
{
|
|
width: 28,
|
|
height: 28,
|
|
display: 'block',
|
|
textAlign: 'center',
|
|
lineHeight: 28,
|
|
fontSize: style_utilities_1.FontSizes.small,
|
|
fontFamily: 'inherit',
|
|
color: palette.neutralPrimary,
|
|
borderRadius: 2,
|
|
position: 'relative',
|
|
backgroundColor: 'transparent',
|
|
border: 'none',
|
|
padding: 0,
|
|
overflow: 'visible', // explicitly specify for IE11
|
|
selectors: {
|
|
'&:hover': {
|
|
color: palette.neutralDark,
|
|
backgroundColor: palette.neutralLight,
|
|
cursor: 'pointer',
|
|
outline: '1px solid transparent',
|
|
},
|
|
},
|
|
},
|
|
],
|
|
disabledStyle: disabledStyle,
|
|
};
|
|
};
|
|
exports.styles = styles;
|
|
//# sourceMappingURL=CalendarDay.styles.js.map
|