{"size": 3646, "ext": "js", "max_stars_repo_path": "node_modules/@fluentui/react-northstar/dist/commonjs/themes/teams/components/Chat/chatMessageStylesComfy.js", "max_stars_repo_name": "paige-ingram/nwhacks2022", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "node_modules/@fluentui/react-northstar/dist/commonjs/themes/teams/components/Chat/chatMessageStylesComfy.js", "max_issues_repo_name": "paige-ingram/nwhacks2022", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "node_modules/@fluentui/react-northstar/dist/commonjs/themes/teams/components/Chat/chatMessageStylesComfy.js", "max_forks_repo_name": "paige-ingram/nwhacks2022", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 42.3953488372, "max_line_length": 614, "alphanum_fraction": 0.6426220516}
"use strict";

exports.__esModule = true;
exports.chatMessageStylesComfy = void 0;

var _ChatMessage = require("../../../../components/Chat/ChatMessage");

var _utils = require("../../../../utils");

var _accessibilityStyles = require("../../../../utils/accessibility/Styles/accessibilityStyles");

/** ChatMessage styles specific for the default/comfy density. */
var chatMessageStylesComfy = {
  root: function root(_ref) {
    var _ref2, _ref3, _ref4, _ref5;

    var p = _ref.props,
        v = _ref.variables;
    return Object.assign({
      marginLeft: p.mine ? v.offset : 0,
      marginRight: !p.mine ? v.offset : 0,
      maxWidth: "calc(100% - " + v.offset + ")",
      minWidth: v.offset,
      paddingLeft: v.padding,
      paddingRight: v.padding,
      paddingTop: (0, _utils.pxToRem)(8),
      paddingBottom: (0, _utils.pxToRem)(10),
      backgroundColor: p.mine ? v.backgroundColorMine : v.backgroundColor,
      border: v.border
    }, (v.hasMention || v.isImportant) && (_ref2 = {}, _ref2["& ." + _ChatMessage.chatMessageSlotClassNames.bar] = {
      backgroundColor: v.hasMention ? v.hasMentionColor : v.isImportantColor,
      position: 'absolute',
      borderBottomLeftRadius: 'inherit',
      borderTopLeftRadius: 'inherit',
      height: '100%',
      left: '0',
      top: '0',
      width: (0, _utils.pxToRem)(3)
    }, _ref2), p.attached === true && (_ref3 = {}, _ref3[p.mine ? 'borderTopRightRadius' : 'borderTopLeftRadius'] = 0, _ref3[p.mine ? 'borderBottomRightRadius' : 'borderBottomLeftRadius'] = 0, _ref3.paddingTop = (0, _utils.pxToRem)(5), _ref3.paddingBottom = (0, _utils.pxToRem)(7), _ref3), p.attached === 'top' && (_ref4 = {}, _ref4[p.mine ? 'borderBottomRightRadius' : 'borderBottomLeftRadius'] = 0, _ref4), p.attached === 'bottom' && (_ref5 = {}, _ref5[p.mine ? 'borderTopRightRadius' : 'borderTopLeftRadius'] = 0, _ref5.paddingTop = (0, _utils.pxToRem)(5), _ref5.paddingBottom = (0, _utils.pxToRem)(7), _ref5));
  },
  author: function author(_ref6) {
    var p = _ref6.props,
        v = _ref6.variables;
    return Object.assign({}, (p.mine || p.attached === 'bottom' || p.attached === true) && _accessibilityStyles.screenReaderContainerStyles, {
      color: v.authorColor,
      fontWeight: v.authorFontWeight,
      marginRight: v.authorMarginRight,
      marginBottom: v.headerMarginBottom
    });
  },
  badge: function badge(_ref7) {
    var _ref8;

    var p = _ref7.props;
    return _ref8 = {}, _ref8[p.badgePosition === 'start' ? 'left' : 'right'] = 0, _ref8.transform = p.badgePosition === 'start' ? 'translateX(-50%)' : 'translateX(50%)', _ref8.top = (0, _utils.pxToRem)(4), _ref8.position = 'absolute', _ref8;
  },
  content: function content(_ref9) {
    var p = _ref9.props;
    return Object.assign({}, p.hasBadge && p.badgePosition === 'end' && {
      marginRight: (0, _utils.pxToRem)(4)
    });
  },
  reactionGroup: function reactionGroup(_ref10) {
    var p = _ref10.props,
        v = _ref10.variables;
    return Object.assign({
      marginLeft: v.reactionGroupMarginLeft
    }, p.hasBadge && p.badgePosition === 'end' && {
      marginRight: (0, _utils.pxToRem)(2)
    }, {
      float: 'right'
    });
  },
  timestamp: function timestamp(_ref11) {
    var p = _ref11.props,
        v = _ref11.variables;
    return Object.assign({
      marginBottom: v.headerMarginBottom
    }, p.mine && {
      color: v.timestampColorMine
    }, (p.attached === 'bottom' || p.attached === true) && !p.hasReactionGroup && _accessibilityStyles.screenReaderContainerStyles);
  }
};
exports.chatMessageStylesComfy = chatMessageStylesComfy;
//# sourceMappingURL=chatMessageStylesComfy.js.map
