@activecollab/components/dist/cjs/components/MultiAvatar/Styles.js

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledMultiAvatarInner = exports.StyledMultiAvatar = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _BoxSizingStyle = require("../BoxSizingStyle");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var StyledMultiAvatarImg = (0, _styledComponents.css)(["width:inherit;height:inherit;"]);
var StyledMultiAvatarInner = exports.StyledMultiAvatarInner = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledMultiAvatarInner",
  componentId: "sc-k6nldn-0"
})(["overflow:hidden;position:absolute;display:inline-flex;"]);
var StyledMultiAvatar = exports.StyledMultiAvatar = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledMultiAvatar",
  componentId: "sc-k6nldn-1"
})(["", " border-radius:100%;position:relative;overflow:hidden;", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, function (props) {
  return props.$urlCount === 2 && (0, _styledComponents.css)(["", ":first-child{left:0;img{transform:translateX(-20%);}}", ":last-child{right:0;img{transform:translateX(-20%);}}"], StyledMultiAvatarInner, StyledMultiAvatarInner);
}, function (props) {
  return props.$urlCount === 3 && (0, _styledComponents.css)(["", ":nth-child(1){left:0;img{transform:translateX(-20%);}}", ":nth-child(2){right:0;top:0;img{", "}}", ":nth-child(3){right:0;bottom:0;img{", "}}"], StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarImg);
}, function (props) {
  return props.$urlCount > 3 && (0, _styledComponents.css)(["img{", "}", ":nth-child(1){left:0;}", ":nth-child(2){left:0;bottom:0;}", ":nth-child(3){right:0;top:0;}", ":nth-child(4){right:0;bottom:0;}"], StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner);
});
StyledMultiAvatar.displayName = "StyledMultiAvatar";
StyledMultiAvatarInner.displayName = "StyledMultiAvatarInner";
//# sourceMappingURL=Styles.js.map