@fluentui/react
Version:
Reusable React components for building web experiences.
91 lines • 3.46 kB
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