@atlaskit/profilecard 19.5.11 → 19.5.13

package/dist/cjs/styled/Card.js

@@ -17,56 +17,38 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 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 CardWrapper = _styled.default.div(_templateObject || (_templateObject = (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(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
-exports.ProfileImage = ProfileImage;
-var ActionsFlexSpacer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1 0 auto;\n"])));
-exports.ActionsFlexSpacer = ActionsFlexSpacer;
+var CardWrapper = exports.CardWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-radius: ", "px;\n  width: ", "px;\n"])), _constants2.bgColor, _constants.borderRadius, (0, _constants.gridSize)() * 45);
+var ProfileImage = exports.ProfileImage = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: ", ";\n  left: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
+var ActionsFlexSpacer = exports.ActionsFlexSpacer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1 0 auto;\n"])));
 var kudosButtonAnimationTransformation = (0, _react2.keyframes)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  0%   { transform: translate(-80px, -50px); }\n  100% { transform: translate(90px, -70px); }\n"])));
-var KudosBlobAnimationStyle = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  height: 150px;\n  width: 150px;\n  z-index: -1;\n  position: absolute;\n  top: ", "em;\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"])), (0, _constants.gridSize)() * 4 / (0, _constants.fontSize)(), kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
-exports.KudosBlobAnimationStyle = KudosBlobAnimationStyle;
-var KudosBlobAnimation = function KudosBlobAnimation(props) {
+var KudosBlobAnimationStyle = exports.KudosBlobAnimationStyle = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  height: 150px;\n  width: 150px;\n  z-index: -1;\n  position: absolute;\n  top: ", "em;\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"])), (0, _constants.gridSize)() * 4 / (0, _constants.fontSize)(), kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
+var KudosBlobAnimation = exports.KudosBlobAnimation = function KudosBlobAnimation(props) {
   return /*#__PURE__*/_react.default.createElement(KudosBlobAnimationStyle, (0, _extends2.default)({
     className: "kudos-blob-animation"
   }, props));
 };
-exports.KudosBlobAnimation = KudosBlobAnimation;
-var AnimationWrapper = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  clip-path: inset(0px 0px 0px 0px round ", "px);\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n"])), _constants.borderRadius);
-exports.AnimationWrapper = AnimationWrapper;
-var AnimatedKudosButton = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n\n  /* Need babel-plugin-emotion to use component selector */\n  /* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n  &:focus-within .kudos-blob-animation,\n  &:focus .kudos-blob-animation,\n  &:hover .kudos-blob-animation {\n    display: block;\n  }\n"])), "var(--ds-space-100, 8px)");
-exports.AnimatedKudosButton = AnimatedKudosButton;
-var ActionButtonGroup = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  user-select: none;\n  margin: ", " 0 0 0;\n  text-align: right;\n  display: flex;\n  justify-content: flex-end;\n\n  button,\n  a {\n    position: relative;\n  }\n\n  button,\n  a,\n  span {\n    margin-left: ", ";\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n\n  a,\n  button {\n    &:focus {\n      outline-color: ", ";\n      outline-offset: ", ";\n      outline-style: solid;\n      outline-width: ", ";\n    }\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
-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: ", ";\n\n  button {\n    &:focus {\n      outline-color: ", ";\n      outline-offset: ", ";\n      outline-style: solid;\n      outline-width: ", ";\n    }\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
-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);
+var AnimationWrapper = exports.AnimationWrapper = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  clip-path: inset(0px 0px 0px 0px round ", "px);\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n"])), _constants.borderRadius);
+var AnimatedKudosButton = exports.AnimatedKudosButton = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n\n  /* Need babel-plugin-emotion to use component selector */\n  /* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n  &:focus-within .kudos-blob-animation,\n  &:focus .kudos-blob-animation,\n  &:hover .kudos-blob-animation {\n    display: block;\n  }\n"])), "var(--ds-space-100, 8px)");
+var ActionButtonGroup = exports.ActionButtonGroup = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  user-select: none;\n  margin: ", " 0 0 0;\n  text-align: right;\n  display: flex;\n  justify-content: flex-end;\n\n  button,\n  a {\n    position: relative;\n  }\n\n  button,\n  a,\n  span {\n    margin-left: ", ";\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n\n  a,\n  button {\n    &:focus {\n      outline-color: ", ";\n      outline-offset: ", ";\n      outline-style: solid;\n      outline-width: ", ";\n    }\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
+var OverflowActionButtonsWrapper = exports.OverflowActionButtonsWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  width: 32px;\n  height: 32px;\n  margin-left: ", ";\n\n  button {\n    &:focus {\n      outline-color: ", ";\n      outline-offset: ", ";\n      outline-style: solid;\n      outline-width: ", ";\n    }\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(_colors.B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
+var CardContent = exports.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);
 
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-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: ", " 0 0 0;\n  line-height: ", ";\n"])), _constants.fontSizeSmall, _constants2.labelTextColor, "var(--ds-space-150, 12px)", "var(--ds-font-lineHeight-100, 16px)");
-exports.DisabledInfo = DisabledInfo;
-var FullNameLabel = _styled.default.h2(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: 18px;\n  font-weight: 400;\n  letter-spacing: normal;\n  color: ", ";\n  margin: ", ";\n  line-height: ", "em;\n  :first-child {\n    margin: ", ";\n  }\n"])), function (props) {
+var DetailsGroup = exports.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);
+var DisabledInfo = exports.DisabledInfo = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  color: ", ";\n  margin: ", " 0 0 0;\n  line-height: ", ";\n"])), _constants.fontSizeSmall, _constants2.labelTextColor, "var(--ds-space-150, 12px)", "var(--ds-font-lineHeight-100, 16px)");
+var FullNameLabel = exports.FullNameLabel = _styled.default.h2(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  font-size: 18px;\n  font-weight: 400;\n  letter-spacing: normal;\n  color: ", ";\n  margin: ", ";\n  line-height: ", "em;\n  :first-child {\n    margin: ", ";\n  }\n"])), function (props) {
   return props.isDisabledAccount ? _constants2.headerTextColorInactive : _constants2.headerTextColor;
 }, function (props) {
   return getFullNameMargin(props);
 }, 24 / 18, function (props) {
   return getFullNameMargin(props);
 });
-exports.FullNameLabel = FullNameLabel;
-var LozengeWrapper = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  text-transform: uppercase;\n  display: block;\n"])), "var(--ds-space-200, 16px)");
-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: ", ";\n  > * {\n    margin-top: ", ";\n    &:not(:last-child) {\n      margin-right: ", ";\n    }\n  }\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
-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 ", " 0;\n  line-height: ", "em;\n"])), _constants2.headerTextColor, "var(--ds-space-150, 12px)", 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 ", ";\n  width: fit-content;\n  font-weight: bold;\n  text-transform: uppercase;\n\n  font-size: 12px;\n  margin: ", " 0 ", " 0;\n  line-height: ", "em;\n"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), "var(--ds-space-075, 6px)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", 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: ", ";\n  box-shadow: ", ";\n  border-radius: ", ";\n\n  overflow: hidden;\n"])), function (props) {
+var LozengeWrapper = exports.LozengeWrapper = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  text-transform: uppercase;\n  display: block;\n"])), "var(--ds-space-200, 16px)");
+var CustomLozengeContainer = exports.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: ", ";\n  > * {\n    margin-top: ", ";\n    &:not(:last-child) {\n      margin-right: ", ";\n    }\n  }\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
+var JobTitleLabel = exports.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 ", " 0;\n  line-height: ", "em;\n"])), _constants2.headerTextColor, "var(--ds-space-150, 12px)", 24 / 14);
+var AppTitleLabel = exports.AppTitleLabel = _styled.default.span(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  color: ", ";\n  border-radius: ", ";\n  padding: 0 ", ";\n  width: fit-content;\n  font-weight: bold;\n  text-transform: uppercase;\n\n  font-size: 12px;\n  margin: ", " 0 ", " 0;\n  line-height: ", "em;\n"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), "var(--ds-space-075, 6px)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", 24 / 14);
+var SpinnerContainer = exports.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);
+var CardContainer = exports.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: ", ";\n  box-shadow: ", ";\n  border-radius: ", ";\n\n  overflow: hidden;\n"])), function (props) {
   return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
 }, function (props) {
   return props.isDisabledUser ? _constants2.headerBgColorDisabledUser : _constants2.headerBgColor;
@@ -75,10 +57,6 @@ 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: ", ";\n  font-size: ", "px;\n  margin: ", " 0 0 0;\n  white-space: nowrap;\n\n  & + & {\n    margin-top: ", ";\n  }\n"])), "var(--ds-font-lineHeight-300, 24px)", (0, _constants.gridSize)() * 1.5, "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
-exports.DetailsLabel = DetailsLabel;
-var DetailsLabelIcon = _styled.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-shrink: 0;\n  color: ", ";\n  width: ", ";\n  height: ", ";\n  padding: ", ";\n  vertical-align: top;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), _constants2.labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
-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: ", ";\n"])), _constants2.labelTextColor, "var(--ds-space-050, 4px)");
-exports.DetailsLabelText = DetailsLabelText;
+var DetailsLabel = exports.DetailsLabel = _styled.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  line-height: ", ";\n  font-size: ", "px;\n  margin: ", " 0 0 0;\n  white-space: nowrap;\n\n  & + & {\n    margin-top: ", ";\n  }\n"])), "var(--ds-font-lineHeight-300, 24px)", (0, _constants.gridSize)() * 1.5, "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
+var DetailsLabelIcon = exports.DetailsLabelIcon = _styled.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-shrink: 0;\n  color: ", ";\n  width: ", ";\n  height: ", ";\n  padding: ", ";\n  vertical-align: top;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), _constants2.labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
+var DetailsLabelText = exports.DetailsLabelText = _styled.default.span(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n  padding-left: ", ";\n"])), _constants2.labelTextColor, "var(--ds-space-050, 4px)");

package/dist/cjs/styled/Error.js

@@ -12,13 +12,8 @@ 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: ", ";\n  color: ", ";\n"])), "var(--ds-space-300, 24px)", _constants2.errorIconColor);
-exports.ErrorWrapper = ErrorWrapper;
-var ErrorTitle = _styled.default.p(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  line-height: ", "px;\n  margin: ", " 0;\n"])), _constants2.errorTitleColor, (0, _constants.gridSize)() * 3, "var(--ds-space-100, 8px)");
-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: ", ";\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
-exports.TeamErrorText = TeamErrorText;
+var ErrorWrapper = exports.ErrorWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  padding: ", ";\n  color: ", ";\n"])), "var(--ds-space-300, 24px)", _constants2.errorIconColor);
+var ErrorTitle = exports.ErrorTitle = _styled.default.p(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  line-height: ", "px;\n  margin: ", " 0;\n"])), _constants2.errorTitleColor, (0, _constants.gridSize)() * 3, "var(--ds-space-100, 8px)");
+var ErrorText = exports.ErrorText = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), _constants2.errorTextColor);
+var TeamErrorTitle = exports.TeamErrorTitle = _styled.default.p(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n"])), _typography.h400);
+var TeamErrorText = exports.TeamErrorText = _styled.default.p(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-top: ", ";\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");

package/dist/cjs/styled/ReportingLines.js

@@ -10,13 +10,8 @@ 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: ", ";\n  margin-top: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)");
-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: ", ";\n"])), _constants2.appLabelTextColor, (0, _constants.gridSize)() * 1.5, "var(--ds-space-100, 8px)");
-exports.ReportingLinesHeading = ReportingLinesHeading;
-var ManagerSection = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  margin: ", " ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
-exports.ManagerSection = ManagerSection;
-var ManagerName = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  margin-left: ", ";\n"])), (0, _constants.gridSize)() * 1.5, "var(--ds-space-100, 8px)");
-exports.ManagerName = ManagerName;
-var OffsetWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  // Offset left margin so the avatar aligns with the heading\n  margin-left: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-negative-050, -4px)");
-exports.OffsetWrapper = OffsetWrapper;
+var ReportingLinesSection = exports.ReportingLinesSection = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // Minor left margin to align better with existing icon fields\n  margin-left: ", ";\n  margin-top: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)");
+var ReportingLinesHeading = exports.ReportingLinesHeading = _styled.default.h5(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  margin-bottom: ", ";\n"])), _constants2.appLabelTextColor, (0, _constants.gridSize)() * 1.5, "var(--ds-space-100, 8px)");
+var ManagerSection = exports.ManagerSection = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  margin: ", " ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
+var ManagerName = exports.ManagerName = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  margin-left: ", ";\n"])), (0, _constants.gridSize)() * 1.5, "var(--ds-space-100, 8px)");
+var OffsetWrapper = exports.OffsetWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  // Offset left margin so the avatar aligns with the heading\n  margin-left: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-negative-050, -4px)");

package/dist/cjs/styled/TeamCard.js

@@ -12,39 +12,25 @@ 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, _templateObject14, _templateObject15;
-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 TeamForbiddenErrorStateWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n  position: relative;\n"])), (0, _constants.gridSize)() * 40);
-exports.TeamForbiddenErrorStateWrapper = TeamForbiddenErrorStateWrapper;
-var CardHeader = _styled.default.div(_templateObject4 || (_templateObject4 = (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) {
+var CardTriggerWrapper = exports.CardTriggerWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inherit;\n"])));
+var CardWrapper = exports.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);
+var TeamForbiddenErrorStateWrapper = exports.TeamForbiddenErrorStateWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n  position: relative;\n"])), (0, _constants.gridSize)() * 40);
+var CardHeader = exports.CardHeader = _styled.default.div(_templateObject4 || (_templateObject4 = (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(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n  min-height: ", "px;\n"])), "var(--ds-space-300, 24px)", (0, _constants.gridSize)() * 13);
-exports.CardContent = CardContent;
-var TeamName = _styled.default.h6(_templateObject6 || (_templateObject6 = (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(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-top: ", ";\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-050, 4px)");
-exports.MemberCount = MemberCount;
-var AvatarSection = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  margin-left: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-negative-025, -2px)");
-exports.AvatarSection = AvatarSection;
-var DescriptionWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  align-items: center;\n  display: flex;\n"])), "var(--ds-space-200, 16px)");
-exports.DescriptionWrapper = DescriptionWrapper;
-var Description = _styled.default.span(_templateObject10 || (_templateObject10 = (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(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  width: calc(100% + 8px);\n  display: flex;\n  justify-content: space-between;\n  margin: ", " ", "\n    0 ", ";\n  background-color: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-negative-100, -8px)", "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))");
-exports.ActionButtons = ActionButtons;
-var WrappedButton = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  flex-basis: 0;\n  flex-grow: 1;\n  margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
-exports.WrappedButton = WrappedButton;
-var MoreButton = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
-exports.MoreButton = MoreButton;
-var LoadingWrapper = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  margin-top: ", ";\n"])), "var(--ds-space-500, 40px)");
-exports.LoadingWrapper = LoadingWrapper;
-var AccessLockSVGWrapper = _styled.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-300, 24px)");
+var CardContent = exports.CardContent = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n  min-height: ", "px;\n"])), "var(--ds-space-300, 24px)", (0, _constants.gridSize)() * 13);
+var TeamName = exports.TeamName = _styled.default.h6(_templateObject6 || (_templateObject6 = (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);
+var MemberCount = exports.MemberCount = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  margin-top: ", ";\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-050, 4px)");
+var AvatarSection = exports.AvatarSection = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  margin-left: ", ";\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-negative-025, -2px)");
+var DescriptionWrapper = exports.DescriptionWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  align-items: center;\n  display: flex;\n"])), "var(--ds-space-200, 16px)");
+var Description = exports.Description = _styled.default.span(_templateObject10 || (_templateObject10 = (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"])));
+var ActionButtons = exports.ActionButtons = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  width: calc(100% + 8px);\n  display: flex;\n  justify-content: space-between;\n  margin: ", " ", "\n    0 ", ";\n  background-color: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-negative-100, -8px)", "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))");
+var WrappedButton = exports.WrappedButton = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  flex-basis: 0;\n  flex-grow: 1;\n  margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
+var MoreButton = exports.MoreButton = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
+var LoadingWrapper = exports.LoadingWrapper = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  margin-top: ", ";\n"])), "var(--ds-space-500, 40px)");
+var AccessLockSVGWrapper = exports.AccessLockSVGWrapper = _styled.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-300, 24px)");
 
 // export const LoadingTeamName = styled.div`
 //   width: 175px;
@@ -59,5 +45,4 @@ var AccessLockSVGWrapper = _styled.default.div(_templateObject15 || (_templateOb
 //   border-radius: 3px;
 //   background-color: #f4f5f7;
 //   margin: 4px 0;
-// `;
-exports.AccessLockSVGWrapper = AccessLockSVGWrapper;
+// `;

package/dist/cjs/styled/constants.js

@@ -5,29 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 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, ")");
-exports.headerBgColor = headerBgColor;
-var teamHeaderBgColor = "var(--ds-background-neutral, ".concat(_colors.N50, ")");
-exports.teamHeaderBgColor = teamHeaderBgColor;
-var headerBgColorDisabledUser = "var(--ds-background-disabled, ".concat(_colors.N30, ")");
-exports.headerBgColorDisabledUser = headerBgColorDisabledUser;
-var headerTextColor = "var(--ds-text-inverse, ".concat(_colors.N0, ")");
-exports.headerTextColor = headerTextColor;
-var headerTextColorInactive = "var(--ds-text, ".concat(_colors.N800, ")");
-exports.headerTextColorInactive = headerTextColorInactive;
-var appLabelBgColor = "var(--ds-background-neutral, ".concat(_colors.N20, ")");
-exports.appLabelBgColor = appLabelBgColor;
-var appLabelTextColor = "var(--ds-text, ".concat(_colors.N500, ")");
-exports.appLabelTextColor = appLabelTextColor;
-var labelTextColor = "var(--ds-text, ".concat(_colors.N800, ")");
-exports.labelTextColor = labelTextColor;
-var labelIconColor = "var(--ds-text-subtlest, ".concat(_colors.N60, ")");
-exports.labelIconColor = labelIconColor;
-var errorIconColor = "var(--ds-text-disabled, ".concat(_colors.N90, ")");
-exports.errorIconColor = errorIconColor;
-var errorTitleColor = "var(--ds-text, ".concat(_colors.N800, ")");
-exports.errorTitleColor = errorTitleColor;
-var errorTextColor = "var(--ds-text-subtlest, ".concat(_colors.N90, ")");
-exports.errorTextColor = errorTextColor;
+var bgColor = exports.bgColor = "var(--ds-surface-overlay, ".concat(_colors.N0, ")");
+var headerBgColor = exports.headerBgColor = "var(--ds-background-brand-bold, ".concat(_colors.B500, ")");
+var teamHeaderBgColor = exports.teamHeaderBgColor = "var(--ds-background-neutral, ".concat(_colors.N50, ")");
+var headerBgColorDisabledUser = exports.headerBgColorDisabledUser = "var(--ds-background-disabled, ".concat(_colors.N30, ")");
+var headerTextColor = exports.headerTextColor = "var(--ds-text-inverse, ".concat(_colors.N0, ")");
+var headerTextColorInactive = exports.headerTextColorInactive = "var(--ds-text, ".concat(_colors.N800, ")");
+var appLabelBgColor = exports.appLabelBgColor = "var(--ds-background-neutral, ".concat(_colors.N20, ")");
+var appLabelTextColor = exports.appLabelTextColor = "var(--ds-text, ".concat(_colors.N500, ")");
+var labelTextColor = exports.labelTextColor = "var(--ds-text, ".concat(_colors.N800, ")");
+var labelIconColor = exports.labelIconColor = "var(--ds-text-subtlest, ".concat(_colors.N60, ")");
+var errorIconColor = exports.errorIconColor = "var(--ds-text-disabled, ".concat(_colors.N90, ")");
+var errorTitleColor = exports.errorTitleColor = "var(--ds-text, ".concat(_colors.N800, ")");
+var errorTextColor = exports.errorTextColor = "var(--ds-text-subtlest, ".concat(_colors.N90, ")");

package/dist/cjs/util/analytics.js

@@ -23,7 +23,7 @@ var runItLater = function runItLater(cb) {
     return setTimeout(cb);
   };
 };
-var fireEvent = function fireEvent(createAnalyticsEvent, body) {
+var fireEvent = exports.fireEvent = function fireEvent(createAnalyticsEvent, body) {
   if (!createAnalyticsEvent) {
     return;
   }
@@ -32,7 +32,7 @@ var fireEvent = function fireEvent(createAnalyticsEvent, body) {
   });
 };
 /** 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) {
@@ -44,51 +44,41 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "19.5.11"
+      packageVersion: "19.5.13"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })
   };
 };
-var cardTriggered = function cardTriggered(type, method) {
+var cardTriggered = exports.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) {
+var teamRequestAnalytics = exports.teamRequestAnalytics = function teamRequestAnalytics(action, attributes) {
   return createEvent('operational', action, TEAM_SUBJECT, 'request', attributes);
 };
-exports.teamRequestAnalytics = teamRequestAnalytics;
-var userRequestAnalytics = function userRequestAnalytics(action, attributes) {
+var userRequestAnalytics = exports.userRequestAnalytics = function userRequestAnalytics(action, attributes) {
   return createEvent('operational', action, USER_SUBJECT, 'request', attributes);
 };
-exports.userRequestAnalytics = userRequestAnalytics;
-var profileCardRendered = function profileCardRendered(type, actionSubjectId, attributes) {
+var profileCardRendered = exports.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) {
+var actionClicked = exports.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) {
+var reportingLinesClicked = exports.reportingLinesClicked = function reportingLinesClicked(attributes) {
   return createEvent('ui', 'clicked', USER_SUBJECT, 'reportingLines', attributes);
 };
-exports.reportingLinesClicked = reportingLinesClicked;
-var moreActionsClicked = function moreActionsClicked(type, attributes) {
+var moreActionsClicked = exports.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) {
+var teamAvatarClicked = exports.teamAvatarClicked = function teamAvatarClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'avatar', attributes);
 };
-exports.teamAvatarClicked = teamAvatarClicked;
-var moreMembersClicked = function moreMembersClicked(attributes) {
+var moreMembersClicked = exports.moreMembersClicked = function moreMembersClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'moreMembers', attributes);
 };
-exports.moreMembersClicked = moreMembersClicked;
-var errorRetryClicked = function errorRetryClicked(attributes) {
+var errorRetryClicked = exports.errorRetryClicked = function errorRetryClicked(attributes) {
   return createEvent('ui', 'clicked', TEAM_SUBJECT, 'errorRetry', attributes);
-};
-exports.errorRetryClicked = errorRetryClicked;
+};

package/dist/cjs/util/click.js

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

package/dist/cjs/util/config.js

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DELAY_MS_SHOW = exports.DELAY_MS_HIDE = void 0;
-var DELAY_MS_SHOW = 800;
-exports.DELAY_MS_SHOW = DELAY_MS_SHOW;
-var DELAY_MS_HIDE = 200;
-exports.DELAY_MS_HIDE = DELAY_MS_HIDE;
+var DELAY_MS_SHOW = exports.DELAY_MS_SHOW = 800;
+var DELAY_MS_HIDE = exports.DELAY_MS_HIDE = 200;

package/dist/cjs/util/errors.js

@@ -16,7 +16,7 @@ var _excluded = ["errorNumber"],
   _excluded2 = ["statusCode", "errorType", "classification"];
 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; } }
-var HttpError = /*#__PURE__*/function (_Error) {
+var HttpError = exports.HttpError = /*#__PURE__*/function (_Error) {
   (0, _inherits2.default)(HttpError, _Error);
   var _super = _createSuper(HttpError);
   function HttpError(code, reason, traceId) {
@@ -29,12 +29,12 @@ var HttpError = /*#__PURE__*/function (_Error) {
   }
   return (0, _createClass2.default)(HttpError);
 }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
-exports.HttpError = HttpError;
-var DirectoryGraphQLError = /*#__PURE__*/function (_Error2) {
+var DirectoryGraphQLError = exports.DirectoryGraphQLError = /*#__PURE__*/function (_Error2) {
   (0, _inherits2.default)(DirectoryGraphQLError, _Error2);
   var _super2 = _createSuper(DirectoryGraphQLError);
-  function DirectoryGraphQLError(message, category, type, extensions) {
+  function DirectoryGraphQLError(message, category, type) {
     var _this2;
+    var extensions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
     var path = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
     (0, _classCallCheck2.default)(this, DirectoryGraphQLError);
     _this2 = _super2.call(this, message);
@@ -49,8 +49,7 @@ var DirectoryGraphQLError = /*#__PURE__*/function (_Error2) {
   }
   return (0, _createClass2.default)(DirectoryGraphQLError);
 }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
-exports.DirectoryGraphQLError = DirectoryGraphQLError;
-var DirectoryGraphQLErrors = /*#__PURE__*/function (_Error3) {
+var DirectoryGraphQLErrors = exports.DirectoryGraphQLErrors = /*#__PURE__*/function (_Error3) {
   (0, _inherits2.default)(DirectoryGraphQLErrors, _Error3);
   var _super3 = _createSuper(DirectoryGraphQLErrors);
   function DirectoryGraphQLErrors(errors, traceId) {
@@ -69,8 +68,7 @@ var DirectoryGraphQLErrors = /*#__PURE__*/function (_Error3) {
   }
   return (0, _createClass2.default)(DirectoryGraphQLErrors);
 }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
-exports.DirectoryGraphQLErrors = DirectoryGraphQLErrors;
-var AGGError = /*#__PURE__*/function (_Error4) {
+var AGGError = exports.AGGError = /*#__PURE__*/function (_Error4) {
   (0, _inherits2.default)(AGGError, _Error4);
   var _super4 = _createSuper(AGGError);
   function AGGError(message, extensions) {
@@ -91,8 +89,7 @@ var AGGError = /*#__PURE__*/function (_Error4) {
   }
   return (0, _createClass2.default)(AGGError);
 }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
-exports.AGGError = AGGError;
-var AGGErrors = /*#__PURE__*/function (_Error5) {
+var AGGErrors = exports.AGGErrors = /*#__PURE__*/function (_Error5) {
   (0, _inherits2.default)(AGGErrors, _Error5);
   var _super5 = _createSuper(AGGErrors);
   function AGGErrors(errors, traceId) {
@@ -110,5 +107,4 @@ var AGGErrors = /*#__PURE__*/function (_Error5) {
     return _this5;
   }
   return (0, _createClass2.default)(AGGErrors);
-}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
-exports.AGGErrors = AGGErrors;
+}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));

package/dist/cjs/util/performance.js

@@ -9,10 +9,9 @@ var isPerformanceAvailable = function isPerformanceAvailable() {
 };
 var performanceAvailable = isPerformanceAvailable();
 var initialPageTime = Date.now();
-var getPageTime = function getPageTime() {
+var getPageTime = exports.getPageTime = function getPageTime() {
   if (performanceAvailable) {
     return performance.now();
   }
   return Date.now() - initialPageTime;
-};
-exports.getPageTime = getPageTime;
+};

package/dist/es2019/client/TeamCentralCardClient.js

@@ -1,6 +1,6 @@
 import CachingClient from './CachingClient';
 import { directoryGraphqlQuery } from './graphqlUtils';
-const buildReportingLinesQuery = aaid => ({
+export const buildReportingLinesQuery = aaid => ({
   query: `
     fragment ReportingLinesUserPII on UserPII {
       name
@@ -30,7 +30,7 @@ const buildReportingLinesQuery = aaid => ({
     aaid
   }
 });
-const buildCheckFeatureFlagQuery = (featureKey, context) => ({
+export const buildCheckFeatureFlagQuery = (featureKey, context) => ({
   query: `
     query isFeatureKeyEnabled($featureKey: String!, $context: [IsFeatureEnabledContextInput]) {
       isFeatureEnabled(featureKey: $featureKey, context: $context) {

package/dist/es2019/client/UserProfileCardClient.js

@@ -41,25 +41,25 @@ export const modifyResponse = response => {
  * @param  {string} cloudId
  * @return {string} GraphQL Query String
  */
-const buildUserQuery = (cloudId, userId) => ({
+export const buildUserQuery = (cloudId, userId) => ({
   query: `query User($userId: String!, $cloudId: String!) {
     User: CloudUser(userId: $userId, cloudId: $cloudId) {
-      id,
-      isCurrentUser,
-      status,
-      statusModifiedDate,
-      isBot,
-      isNotMentionable,
-      fullName,
-      nickname,
-      email,
-      meta: title,
-      location,
-      companyName,
-      avatarUrl(size: 192),
-      remoteWeekdayIndex: localTime(format: "d"),
-      remoteWeekdayString: localTime(format: "ddd"),
-      remoteTimeString: localTime(format: "h:mma"),
+      id
+      isCurrentUser
+      status
+      statusModifiedDate
+      isBot
+      isNotMentionable
+      fullName
+      nickname
+      email
+      meta: title
+      location
+      companyName
+      avatarUrl(size: 192)
+      remoteWeekdayIndex: localTime(format: "d")
+      remoteWeekdayString: localTime(format: "ddd")
+      remoteTimeString: localTime(format: "h:mma")
     }
   }`,
   variables: {

package/dist/es2019/client/getTeamFromAGG.js

@@ -77,7 +77,7 @@ export const addHeaders = headers => {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "19.5.11");
+  headers.append('atl-client-version', "19.5.13");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/util/analytics.js

@@ -31,7 +31,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "19.5.11",
+    packageVersion: "19.5.13",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/es2019/util/errors.js

@@ -6,7 +6,7 @@ export class HttpError extends Error {
   }
 }
 export class DirectoryGraphQLError extends Error {
-  constructor(message, category, type, extensions, path = []) {
+  constructor(message, category, type, extensions = {}, path = []) {
     super(message);
     this.category = category;
     this.type = type;

package/dist/esm/client/ProfileCardClient.js

@@ -19,7 +19,7 @@ var ProfileCardClient = /*#__PURE__*/function () {
       var _this$tcClient;
       this.userClient.flushCache();
       this.teamClient.flushCache();
-      (_this$tcClient = this.tcClient) === null || _this$tcClient === void 0 ? void 0 : _this$tcClient.flushCache();
+      (_this$tcClient = this.tcClient) === null || _this$tcClient === void 0 || _this$tcClient.flushCache();
     }
   }, {
     key: "getProfile",

package/dist/esm/client/TeamCentralCardClient.js

@@ -9,7 +9,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 import CachingClient from './CachingClient';
 import { directoryGraphqlQuery } from './graphqlUtils';
-var buildReportingLinesQuery = function buildReportingLinesQuery(aaid) {
+export var buildReportingLinesQuery = function buildReportingLinesQuery(aaid) {
   return {
     query: "\n    fragment ReportingLinesUserPII on UserPII {\n      name\n      picture\n    }\n\n    fragment ReportingLinesUserFragment on ReportingLinesUser {\n      accountIdentifier\n      identifierType\n      pii {\n        ...ReportingLinesUserPII\n      }\n    }\n\n    query ReportingLines($aaid: String) {\n      reportingLines(aaidOrHash: $aaid) {\n        managers {\n          ...ReportingLinesUserFragment\n        }\n        reports {\n          ...ReportingLinesUserFragment\n        }\n      }\n    }\n  ",
     variables: {
@@ -17,7 +17,7 @@ var buildReportingLinesQuery = function buildReportingLinesQuery(aaid) {
     }
   };
 };
-var buildCheckFeatureFlagQuery = function buildCheckFeatureFlagQuery(featureKey, context) {
+export var buildCheckFeatureFlagQuery = function buildCheckFeatureFlagQuery(featureKey, context) {
   return {
     query: "\n    query isFeatureKeyEnabled($featureKey: String!, $context: [IsFeatureEnabledContextInput]) {\n      isFeatureEnabled(featureKey: $featureKey, context: $context) {\n        enabled\n      }\n    }\n  ",
     variables: {