@atlaskit/profilecard 18.2.2 → 18.2.4

package/dist/cjs/styled/Card.js

@@ -1,113 +1,67 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SpinnerContainer = exports.ProfileImage = exports.OverflowActionButtonsWrapper = exports.LozengeWrapper = exports.KudosBlobAnimationStyle = exports.KudosBlobAnimation = exports.JobTitleLabel = exports.FullNameLabel = exports.DisabledInfo = exports.DetailsLabelText = exports.DetailsLabelIcon = exports.DetailsLabel = exports.DetailsGroup = exports.CustomLozengeContainer = exports.CardWrapper = exports.CardContent = exports.CardContainerEmpty = exports.CardContainer = exports.AppTitleLabel = exports.AnimatedKudosButton = exports.ActionsFlexSpacer = exports.ActionButtonGroup = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _constants2 = require("./constants");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
-
 var getFullNameMargin = function getFullNameMargin(props) {
   return props.noMeta ? "".concat((0, _constants.gridSize)() * 4.5, "px 0 ").concat((0, _constants.gridSize)() * 1.5, "px 0") : "".concat((0, _constants.gridSize)() * 1.5, "px 0 0 0");
 };
-
 var CardContainerEmpty = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
-
 exports.CardContainerEmpty = CardContainerEmpty;
-
 var CardWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-radius: ", "px;\n  width: ", "px;\n"])), _constants2.bgColor, _constants.borderRadius, (0, _constants.gridSize)() * 45);
-
 exports.CardWrapper = CardWrapper;
-
 var ProfileImage = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n"])), (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 3);
-
 exports.ProfileImage = ProfileImage;
-
 var ActionsFlexSpacer = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1 0 auto;\n"])));
-
 exports.ActionsFlexSpacer = ActionsFlexSpacer;
 var kudosButtonAnimationTransformation = (0, _react2.keyframes)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["{\n  0%   { transform: translate(-80px, -50px); }\n  100% { transform: translate(90px, -70px); }\n}"])));
-
 var KudosBlobAnimationStyle = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  height: 150px;\n  width: 150px;\n  z-index: -1;\n  position: absolute;\n  animation-name: ", ";\n  animation-iteration-count: 1;\n  animation-duration: 3s;\n  background-image: radial-gradient(\n    circle,\n    ", " 0%,\n    ", " 25%,\n    transparent 50%\n  );\n  overflow: hidden;\n"])), kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
-
 exports.KudosBlobAnimationStyle = KudosBlobAnimationStyle;
-
 var KudosBlobAnimation = function KudosBlobAnimation(props) {
   return /*#__PURE__*/_react.default.createElement(KudosBlobAnimationStyle, (0, _extends2.default)({
     className: "kudos-blob-animation"
   }, props));
 };
-
 exports.KudosBlobAnimation = KudosBlobAnimation;
-
 var AnimatedKudosButton = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", "px;\n\n  /* Need babel-plugin-emotion to use component selector */\n  /* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n  &:hover .kudos-blob-animation {\n    display: block;\n  }\n\n  button,\n  a {\n    clip-path: inset(0px 0px 0px 0px round ", "px);\n  }\n  overflow: hidden;\n"])), _constants.gridSize, _constants.borderRadius);
-
 exports.AnimatedKudosButton = AnimatedKudosButton;
-
 var ActionButtonGroup = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  user-select: none;\n  margin: ", "px 0 0 0;\n  text-align: right;\n  display: flex;\n  justify-content: flex-end;\n\n  button,\n  a,\n  span {\n    margin-left: ", "px;\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n"])), 2 * (0, _constants.gridSize)(), _constants.gridSize);
-
 exports.ActionButtonGroup = ActionButtonGroup;
-
 var OverflowActionButtonsWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  width: 32px;\n  height: 32px;\n  margin-left: ", "px;\n"])), _constants.gridSize);
-
 exports.OverflowActionButtonsWrapper = OverflowActionButtonsWrapper;
-
 var CardContent = _styled.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  min-height: ", "px;\n"])), (0, _constants.gridSize)() * 17);
-
 exports.CardContent = CardContent;
-
 var DetailsGroup = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n  width: ", "px;\n"])), (0, _constants.gridSize)() * 14.5, (0, _constants.gridSize)() * 24.5);
-
 exports.DetailsGroup = DetailsGroup;
-
 var DisabledInfo = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  color: ", ";\n  margin: ", "px 0 0 0;\n  line-height: ", "px;\n"])), _constants.fontSizeSmall, _constants2.labelTextColor, (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)() * 2);
-
 exports.DisabledInfo = DisabledInfo;
-
 var FullNameLabel = _styled.default.span(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: 18px;\n  color: ", ";\n  margin: ", ";\n  line-height: ", "em;\n"])), function (props) {
   return props.isDisabledAccount ? _constants2.headerTextColorInactive : _constants2.headerTextColor;
 }, function (props) {
   return getFullNameMargin(props);
 }, 24 / 18);
-
 exports.FullNameLabel = FullNameLabel;
-
 var LozengeWrapper = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n  text-transform: uppercase;\n  display: block;\n"])), (0, _constants.gridSize)() * 2);
-
 exports.LozengeWrapper = LozengeWrapper;
 var CustomLozengeContainer = (0, _styled.default)(LozengeWrapper)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  margin-top: ", "px;\n  > * {\n    margin-top: ", "px;\n    &:not(:last-child) {\n      margin-right: ", "px;\n    }\n  }\n"])), (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() / 2);
 exports.CustomLozengeContainer = CustomLozengeContainer;
-
 var JobTitleLabel = _styled.default.span(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: 14px;\n  color: ", ";\n  margin: 0 0 ", "px 0;\n  line-height: ", "em;\n"])), _constants2.headerTextColor, (0, _constants.gridSize)() * 1.5, 24 / 14);
-
 exports.JobTitleLabel = JobTitleLabel;
-
 var AppTitleLabel = _styled.default.span(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  color: ", ";\n  border-radius: ", ";\n  padding: 0 6px;\n  width: fit-content;\n  font-weight: bold;\n  text-transform: uppercase;\n\n  font-size: 12px;\n  margin: 4px 0 ", "px 0;\n  line-height: ", "em;\n"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), (0, _constants.gridSize)() * 1.5, 24 / 14);
-
 exports.AppTitleLabel = AppTitleLabel;
-
 var SpinnerContainer = _styled.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  height: ", "px;\n  justify-content: center;\n  position: relative;\n"])), (0, _constants.gridSize)() * 12);
-
 exports.SpinnerContainer = SpinnerContainer;
-
 var CardContainer = _styled.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-image: linear-gradient(\n    to bottom,\n    ", "\n      0%,\n    ", "\n      100%\n  );\n  background-repeat: no-repeat;\n  background-size: 100% ", "px;\n  box-sizing: content-box;\n  padding: ", "px;\n  box-shadow: ", ";\n  border-radius: ", ";\n\n  overflow: hidden;\n"])), function (props) {
   return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
 }, function (props) {
@@ -117,17 +71,10 @@ var CardContainer = _styled.default.div(_templateObject19 || (_templateObject19
 }, function (props) {
   return props.withoutElevation ? '' : "".concat((0, _constants.borderRadius)(), "px");
 });
-
 exports.CardContainer = CardContainer;
-
 var DetailsLabel = _styled.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  line-height: ", "px;\n  font-size: ", "px;\n  margin: ", "px 0 0 0;\n  white-space: nowrap;\n\n  & + & {\n    margin-top: ", "px;\n  }\n"])), (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() / 4);
-
 exports.DetailsLabel = DetailsLabel;
-
 var DetailsLabelIcon = _styled.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-shrink: 0;\n  color: ", ";\n  width: ", "px;\n  height: ", "px;\n  padding: ", "px;\n  vertical-align: top;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), _constants2.labelIconColor, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() / 2);
-
 exports.DetailsLabelIcon = DetailsLabelIcon;
-
 var DetailsLabelText = _styled.default.span(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n  padding-left: ", "px;\n"])), _constants2.labelTextColor, (0, _constants.gridSize)() / 2);
-
 exports.DetailsLabelText = DetailsLabelText;

package/dist/cjs/styled/Error.js

@@ -1,42 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TeamErrorTitle = exports.TeamErrorText = exports.ErrorWrapper = exports.ErrorTitle = exports.ErrorText = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _typography = require("@atlaskit/theme/typography");
-
 var _constants2 = require("./constants");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 var ErrorWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  padding: ", "px;\n  color: ", ";\n"])), (0, _constants.gridSize)() * 3, _constants2.errorIconColor);
-
 exports.ErrorWrapper = ErrorWrapper;
-
 var ErrorTitle = _styled.default.p(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  line-height: ", "px;\n  margin: ", "px 0;\n"])), _constants2.errorTitleColor, (0, _constants.gridSize)() * 3, _constants.gridSize);
-
 exports.ErrorTitle = ErrorTitle;
-
 var ErrorText = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), _constants2.errorTextColor);
-
 exports.ErrorText = ErrorText;
-
 var TeamErrorTitle = _styled.default.p(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n"])), _typography.h400);
-
 exports.TeamErrorTitle = TeamErrorTitle;
-
 var TeamErrorText = _styled.default.p(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-top: ", "px;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), (0, _constants.gridSize)() * 1);
-
 exports.TeamErrorText = TeamErrorText;

package/dist/cjs/styled/ReportingLines.js

@@ -1,38 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReportingLinesSection = exports.ReportingLinesHeading = exports.OffsetWrapper = exports.ManagerSection = exports.ManagerName = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _constants2 = require("./constants");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 var ReportingLinesSection = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // Minor left margin to align better with existing icon fields\n  margin-left: ", "px;\n  margin-top: ", "px;\n"])), (0, _constants.gridSize)() / 2, (0, _constants.gridSize)());
-
 exports.ReportingLinesSection = ReportingLinesSection;
-
 var ReportingLinesHeading = _styled.default.h5(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  margin-bottom: ", "px;\n"])), _constants2.appLabelTextColor, (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)());
-
 exports.ReportingLinesHeading = ReportingLinesHeading;
-
 var ManagerSection = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  margin: ", "px ", "px;\n"])), (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() / 2);
-
 exports.ManagerSection = ManagerSection;
-
 var ManagerName = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  margin-left: ", "px;\n"])), (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)());
-
 exports.ManagerName = ManagerName;
-
 var OffsetWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n  // Offset left margin so the avatar aligns with the heading\n  margin-left: -", "px;\n"])), (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() / 2);
-
 exports.OffsetWrapper = OffsetWrapper;

package/dist/cjs/styled/TeamCard.js

@@ -1,84 +1,54 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WrappedButton = exports.TeamName = exports.MoreButton = exports.MemberCount = exports.LoadingWrapper = exports.DescriptionWrapper = exports.Description = exports.CardWrapper = exports.CardTriggerWrapper = exports.CardHeader = exports.CardContent = exports.AvatarSection = exports.ActionButtons = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _typography = require("@atlaskit/theme/typography");
-
 var _constants2 = require("./constants");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-
 var CardTriggerWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inherit;\n"])));
-
 exports.CardTriggerWrapper = CardTriggerWrapper;
-
 var CardWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-radius: ", "px;\n  width: ", "px;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n"])), _constants2.bgColor, _constants.borderRadius, (0, _constants.gridSize)() * 40);
-
 exports.CardWrapper = CardWrapper;
-
 var CardHeader = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  background-image: ", ";\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  box-sizing: content-box;\n  height: ", "px;\n"])), function (props) {
   return props.isLoading ? "var(--ds-background-neutral, ".concat(_colors.N20, ")") : props.image ? '' : _constants2.teamHeaderBgColor;
 }, function (props) {
   return props.image ? "url(".concat(props.image, ")") : '';
 }, (0, _constants.gridSize)() * 16);
-
 exports.CardHeader = CardHeader;
-
 var CardContent = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  padding: ", "px;\n  min-height: ", "px;\n"])), (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 13);
-
 exports.CardContent = CardContent;
-
 var TeamName = _styled.default.h6(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  text-transform: none;\n  overflow: hidden;\n  max-height: 48px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n"])), _typography.h600);
-
 exports.TeamName = TeamName;
-
 var MemberCount = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-top: ", "px;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), (0, _constants.gridSize)() * 0.5);
-
 exports.MemberCount = MemberCount;
-
 var AvatarSection = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n  margin-left: -2px;\n"])), (0, _constants.gridSize)() * 2);
-
 exports.AvatarSection = AvatarSection;
-
 var DescriptionWrapper = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", "px;\n  align-items: center;\n  display: flex;\n"])), (0, _constants.gridSize)() * 2);
-
 exports.DescriptionWrapper = DescriptionWrapper;
-
 var Description = _styled.default.span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  max-height: 60px;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n"])));
-
 exports.Description = Description;
-
 var ActionButtons = _styled.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  width: calc(100% + 8px);\n  display: flex;\n  justify-content: space-between;\n  margin: ", "px -", "px 0 -", "px;\n  background-color: ", ";\n"])), (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)(), "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))");
-
 exports.ActionButtons = ActionButtons;
-
 var WrappedButton = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  flex-basis: 0;\n  flex-grow: 1;\n  margin-left: 8px;\n"])));
-
 exports.WrappedButton = WrappedButton;
-
 var MoreButton = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 8px;\n"])));
-
 exports.MoreButton = MoreButton;
+var LoadingWrapper = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  margin-top: ", "px;\n"])), (0, _constants.gridSize)() * 5);
 
-var LoadingWrapper = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  margin-top: ", "px;\n"])), (0, _constants.gridSize)() * 5); // export const LoadingTeamName = styled.div`
+// export const LoadingTeamName = styled.div`
 //   width: 175px;
 //   height: ${gridSize () *3)px;
 //   border-radius: ${borderRadius}px;
 //   background-color: #f4f5f7;
 // `;
+
 // export const LoadingMemberCount = styled.div`
 //   width: 81px;
 //   height: ${gridSize () *2)px;
@@ -86,6 +56,4 @@ var LoadingWrapper = _styled.default.div(_templateObject13 || (_templateObject13
 //   background-color: #f4f5f7;
 //   margin: 4px 0;
 // `;
-
-
 exports.LoadingWrapper = LoadingWrapper;

package/dist/cjs/styled/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.teamHeaderBgColor = exports.labelTextColor = exports.labelIconColor = exports.headerTextColorInactive = exports.headerTextColor = exports.headerBgColorDisabledUser = exports.headerBgColor = exports.errorTitleColor = exports.errorTextColor = exports.errorIconColor = exports.bgColor = exports.appLabelTextColor = exports.appLabelBgColor = void 0;
-
 var _colors = require("@atlaskit/theme/colors");
-
 var bgColor = "var(--ds-surface-overlay, ".concat(_colors.N0, ")");
 exports.bgColor = bgColor;
 var headerBgColor = "var(--ds-background-brand-bold, ".concat(_colors.B500, ")");

package/dist/cjs/util/analytics.js

@@ -1,55 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.userRequestAnalytics = exports.teamRequestAnalytics = exports.teamAvatarClicked = exports.reportingLinesClicked = exports.profileCardRendered = exports.moreMembersClicked = exports.moreActionsClicked = exports.fireEvent = exports.errorRetryClicked = exports.cardTriggered = exports.actionClicked = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _performance = require("./performance");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /** Below lines are copied from teams common analytics */
 var ANALYTICS_CHANNEL = 'peopleTeams';
-
 var runItLater = function runItLater(cb) {
   var requestIdleCallback = window.requestIdleCallback;
-
   if (typeof requestIdleCallback === 'function') {
     return requestIdleCallback(cb);
   }
-
   if (typeof window.requestAnimationFrame === 'function') {
     return window.requestAnimationFrame(cb);
   }
-
   return function () {
     return setTimeout(cb);
   };
 };
-
 var fireEvent = function fireEvent(createAnalyticsEvent, body) {
   if (!createAnalyticsEvent) {
     return;
   }
-
   runItLater(function () {
     createAnalyticsEvent(body).fire(ANALYTICS_CHANNEL);
   });
 };
 /** Above lines are copied from teams common analytics */
-
-
 exports.fireEvent = fireEvent;
 var TEAM_SUBJECT = 'teamProfileCard';
 var USER_SUBJECT = 'profilecard';
-
 var createEvent = function createEvent(eventType, action, actionSubject, actionSubjectId) {
   var attributes = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
   return {
@@ -59,71 +44,51 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "18.2.2"
+      packageVersion: "18.2.4"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })
   };
 };
-
 var cardTriggered = function cardTriggered(type, method) {
   return createEvent('ui', 'triggered', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, undefined, {
     method: method
   });
 };
-
 exports.cardTriggered = cardTriggered;
-
 var teamRequestAnalytics = function teamRequestAnalytics(action, attributes) {
   return createEvent('operational', action, TEAM_SUBJECT, 'request', attributes);
 };
-
 exports.teamRequestAnalytics = teamRequestAnalytics;
-
 var userRequestAnalytics = function userRequestAnalytics(action, attributes) {
   return createEvent('operational', action, USER_SUBJECT, 'request', attributes);
 };
-
 exports.userRequestAnalytics = userRequestAnalytics;
-
 var profileCardRendered = function profileCardRendered(type, actionSubjectId, attributes) {
   return createEvent('ui', 'rendered', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, actionSubjectId, attributes);
 };
-
 exports.profileCardRendered = profileCardRendered;
-
 var actionClicked = function actionClicked(type, attributes) {
   return createEvent('ui', 'clicked', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, 'action', attributes);
 };
-
 exports.actionClicked = actionClicked;
-
 var reportingLinesClicked = function reportingLinesClicked(attributes) {
   return createEvent('ui', 'clicked', USER_SUBJECT, 'reportingLines', attributes);
 };
-
 exports.reportingLinesClicked = reportingLinesClicked;
-
 var moreActionsClicked = function moreActionsClicked(type, attributes) {
   return createEvent('ui', 'clicked', type === 'user' ? USER_SUBJECT : TEAM_SUBJECT, 'moreActions', attributes);
 };
-
 exports.moreActionsClicked = moreActionsClicked;
-
 var teamAvatarClicked = function teamAvatarClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'avatar', attributes);
 };
-
 exports.teamAvatarClicked = teamAvatarClicked;
-
 var moreMembersClicked = function moreMembersClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'moreMembers', attributes);
 };
-
 exports.moreMembersClicked = moreMembersClicked;
-
 var errorRetryClicked = function errorRetryClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'errorRetry', attributes);
 };
-
 exports.errorRetryClicked = errorRetryClicked;

package/dist/cjs/util/click.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isBasicClick = void 0;
-
 var isBasicClick = function isBasicClick(event) {
   return !(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
 };
-
 exports.isBasicClick = isBasicClick;

package/dist/cjs/util/performance.js

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPageTime = void 0;
-
 var isPerformanceAvailable = function isPerformanceAvailable() {
   return typeof window !== 'undefined' && 'performance' in window && !!performance.now;
 };
-
 var performanceAvailable = isPerformanceAvailable();
 var initialPageTime = Date.now();
-
 var getPageTime = function getPageTime() {
   if (performanceAvailable) {
     return performance.now();
   }
-
   return Date.now() - initialPageTime;
 };
-
 exports.getPageTime = getPageTime;

package/dist/cjs/util/withOuterListeners.js

@@ -1,57 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = withOuterListeners;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function withOuterListeners(Component) {
   return /*#__PURE__*/function (_React$PureComponent) {
     (0, _inherits2.default)(WithOuterListeners, _React$PureComponent);
-
     var _super = _createSuper(WithOuterListeners);
-
     function WithOuterListeners() {
       var _this;
-
       (0, _classCallCheck2.default)(this, WithOuterListeners);
-
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-
       _this = _super.call.apply(_super, [this].concat(args));
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (evt) {
         var handleClickOutside = _this.props.handleClickOutside;
-
         if (handleClickOutside) {
           var domNode = _reactDom.default.findDOMNode((0, _assertThisInitialized2.default)(_this)); // eslint-disable-line react/no-find-dom-node
 
-
           if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
             handleClickOutside();
           }
@@ -59,21 +39,18 @@ function withOuterListeners(Component) {
       });
       (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeydown", function (evt) {
         var handleEscapeKeydown = _this.props.handleEscapeKeydown;
-
         if (handleEscapeKeydown && evt.code === 'Escape') {
           handleEscapeKeydown();
         }
       });
       return _this;
     }
-
     (0, _createClass2.default)(WithOuterListeners, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         if (this.props.handleClickOutside) {
           document.addEventListener('click', this.handleClick, false);
         }
-
         if (this.props.handleEscapeKeydown) {
           document.addEventListener('keydown', this.handleKeydown, false);
         }
@@ -84,7 +61,6 @@ function withOuterListeners(Component) {
         if (this.props.handleClickOutside) {
           document.removeEventListener('click', this.handleClick, false);
         }
-
         if (this.props.handleEscapeKeydown) {
           document.removeEventListener('keydown', this.handleKeydown, false);
         }

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "18.2.2"
+	"version": "18.2.4"
 }

package/dist/es2019/client/CachingClient.js

@@ -5,53 +5,46 @@ export default class CachingClient {
       cacheSize: 10,
       cacheMaxAge: 0
     };
-    this.config = { ...defaults,
+    this.config = {
+      ...defaults,
       ...config
-    }; // never set cacheSize or cacheMaxAge to negative numbers
-
+    };
+    // never set cacheSize or cacheMaxAge to negative numbers
     this.config.cacheSize = Math.max(this.config.cacheSize || 0, 0);
-    this.config.cacheMaxAge = Math.max(this.config.cacheMaxAge || 0, 0); // DIR-474: cap cache at 30 days.
-
+    this.config.cacheMaxAge = Math.max(this.config.cacheMaxAge || 0, 0);
+    // DIR-474: cap cache at 30 days.
     if (this.config.cacheMaxAge) {
       this.config.cacheMaxAge = Math.min(this.config.cacheMaxAge, 30 * 24 * 60 * 60 * 1000);
-    } // Only set cache if maxCacheAge and cacheSize are set
-
-
+    }
+    // Only set cache if maxCacheAge and cacheSize are set
     this.cache = !this.config.cacheMaxAge || !this.config.cacheSize ? null : new LRUMap(this.config.cacheSize);
   }
-
   setCachedProfile(cacheIdentifier, profile) {
     this.cache && this.cache.set(cacheIdentifier, {
       expire: Date.now() + this.config.cacheMaxAge,
       profile
     });
   }
-
   getCachedProfile(cacheIdentifier) {
     if (!this.cache) {
       return null;
     }
-
     const cached = this.cache.get(cacheIdentifier);
-
     if (!cached) {
       return null;
     }
-
     if (cached.expire < Date.now()) {
       this.cache.delete(cacheIdentifier);
       return null;
-    } // Extend expiry "date"
-
+    }
 
+    // Extend expiry "date"
     this.setCachedProfile(cacheIdentifier, cached.profile);
     return cached.profile;
   }
-
   flushCache() {
     if (this.cache) {
       this.cache.clear();
     }
   }
-
 }