@fluentui/react
Version:
Reusable React components for building web experiences.
57 lines • 2.1 kB
JavaScript
define(["require", "exports", "../../Styling"], function (require, exports, Styling_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = void 0;
var GlobalClassNames = {
root: 'ms-GroupedList',
compact: 'ms-GroupedList--Compact',
group: 'ms-GroupedList-group',
link: 'ms-Link',
listCell: 'ms-List-cell',
};
var beziers = {
easeInOutSine: 'cubic-bezier(0.445, 0.050, 0.550, 0.950)',
};
var getStyles = function (props) {
var _a, _b;
var theme = props.theme, className = props.className, compact = props.compact;
var palette = theme.palette;
var classNames = (0, Styling_1.getGlobalClassNames)(GlobalClassNames, theme);
return {
root: [
classNames.root,
theme.fonts.small,
{
position: 'relative',
selectors: (_a = {},
_a[".".concat(classNames.listCell)] = {
minHeight: 38, // be consistent with DetailsList styles
},
_a),
},
compact && [
classNames.compact,
{
selectors: (_b = {},
_b[".".concat(classNames.listCell)] = {
minHeight: 32, // be consistent with DetailsList styles
},
_b),
},
],
className,
],
group: [
classNames.group,
{
transition: "background-color ".concat(Styling_1.AnimationVariables.durationValue2, " ").concat(beziers.easeInOutSine),
},
],
groupIsDropping: {
backgroundColor: palette.neutralLight,
},
};
};
exports.getStyles = getStyles;
});
//# sourceMappingURL=GroupedList.styles.js.map