@atlaskit/profilecard 19.16.2 → 19.17.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/profilecard
 
+## 19.17.0
+
+### Minor Changes
+
+- [#124211](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/124211)
+  [`6a213831a2e92`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6a213831a2e92) -
+  [ux] Updated components to use new iconography behind a feature flag
+
+## 19.16.3
+
+### Patch Changes
+
+- [#122361](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122361)
+  [`dc17551b4b23c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dc17551b4b23c) -
+  Fix reading order in Profile card
+
 ## 19.16.2
 
 ### Patch Changes

package/afm-post-office/tsconfig.json

@@ -0,0 +1,78 @@
+{
+  "extends": "../../../../tsconfig.entry-points.post-office.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__profilecard/app",
+    "composite": true,
+    "rootDir": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ],
+  "references": [
+    {
+      "path": "../../../analytics/analytics-next/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../uip/atlassian-context/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/avatar/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/avatar-group/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/button/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/dropdown-menu/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/empty-state/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/focus-ring/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../team-central/give-kudos/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/icon/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/lozenge/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/menu/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/popup/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/primitives/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/spinner/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/theme/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/tooltip/afm-post-office/tsconfig.json"
+    }
+  ]
+}

package/dist/cjs/client/getTeamFromAGG.js

@@ -57,7 +57,7 @@ var addHeaders = exports.addHeaders = function 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.16.2");
+  headers.append('atl-client-version', "19.17.0");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/Icon/IconLabel.js

@@ -12,16 +12,16 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _email = _interopRequireDefault(require("@atlaskit/icon/glyph/email"));
-var _location = _interopRequireDefault(require("@atlaskit/icon/glyph/location"));
-var _officeBuilding = _interopRequireDefault(require("@atlaskit/icon/glyph/office-building"));
-var _recent = _interopRequireDefault(require("@atlaskit/icon/glyph/recent"));
+var _clockRecent = _interopRequireDefault(require("@atlaskit/icon/core/migration/clock--recent"));
+var _email = _interopRequireDefault(require("@atlaskit/icon/core/migration/email"));
+var _location = _interopRequireDefault(require("@atlaskit/icon/core/migration/location"));
+var _officeBuilding = _interopRequireDefault(require("@atlaskit/icon/core/migration/office-building"));
 var _Card = require("../../styled/Card");
 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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var icons = {
   location: _location.default,
-  time: _recent.default,
+  time: _clockRecent.default,
   email: _email.default,
   companyName: _officeBuilding.default
 };
@@ -43,7 +43,8 @@ var IconLabel = exports.default = /*#__PURE__*/function (_React$PureComponent) {
       var IconElement = this.props.icon && icons[this.props.icon];
       var displayIcon = IconElement ? /*#__PURE__*/_react.default.createElement(IconElement, {
         label: "".concat(this.props.icon),
-        size: "small"
+        LEGACY_size: "small",
+        color: "currentColor"
       }) : null;
       return /*#__PURE__*/_react.default.createElement(_Card.DetailsLabel, null, /*#__PURE__*/_react.default.createElement(_Card.DetailsLabelIcon, null, displayIcon), /*#__PURE__*/_react.default.createElement(_Card.DetailsLabelText, null, this.props.children));
     }

package/dist/cjs/components/Team/TeamProfileCard.js

@@ -16,8 +16,9 @@ var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
-var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
+var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
 var _menu = require("@atlaskit/menu");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -183,12 +184,15 @@ var ExtraActions = function ExtraActions(_ref3) {
         onClick: function onClick() {
           return onMoreClick(!isOpen);
         },
-        iconAfter: /*#__PURE__*/_react.default.createElement(_more.default, {
-          label: "actions"
+        iconAfter: /*#__PURE__*/_react.default.createElement(_showMoreHorizontalMore.default, {
+          spacing: "spacious",
+          label: "actions",
+          color: "currentColor"
         })
       }));
     },
-    zIndex: _constants.layers.modal()
+    zIndex: _constants.layers.modal(),
+    shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
   }));
 };
 var ButtonSection = function ButtonSection(_ref4) {

package/dist/cjs/components/Team/TeamProfileCardTrigger.js

@@ -19,6 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _giveKudos = require("@atlaskit/give-kudos");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _filterActions2 = _interopRequireDefault(require("../../internal/filterActions"));
@@ -369,7 +370,8 @@ var TeamProfileCardTriggerInternal = exports.TeamProfileCardTriggerInternal = /*
         },
         zIndex: _constants.layers.modal(),
         shouldFlip: true,
-        autoFocus: this.props.trigger !== 'hover' && !this.openedByHover
+        autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
+        shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
       }));
     }
   }, {

package/dist/cjs/components/User/OverflowProfileCardButtons.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
-var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
+var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
 var _analytics = require("../../util/analytics");
@@ -58,7 +58,9 @@ var OverflowProfileCardButtons = exports.OverflowProfileCardButtons = function O
         type: "button"
       }, providedProps, {
         ref: triggerRef,
-        iconBefore: /*#__PURE__*/_react.default.createElement(_more.default, {
+        iconBefore: /*#__PURE__*/_react.default.createElement(_showMoreHorizontalMore.default, {
+          color: "currentColor",
+          spacing: "spacious",
           label: intl.formatMessage(_messages.default.profileCardMoreIconLabel)
         })
       }));

package/dist/cjs/components/User/ProfileCardTrigger.js

@@ -297,7 +297,8 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         zIndex: _constants.layers.modal(),
         shouldUseCaptureOnOutsideClick: true,
         autoFocus: (_this$props$autoFocus = this.props.autoFocus) !== null && _this$props$autoFocus !== void 0 ? _this$props$autoFocus : this.props.trigger === 'click',
-        offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8]
+        offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8],
+        shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
       }), this.state.shouldShowGiveKudos && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
         fallback: null
       }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {
@@ -332,7 +333,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
 });
 var ProfilecardTriggerLegacy = (0, _analyticsNext.withAnalyticsEvents)()(ProfilecardTrigger);
 function ProfilecardTriggerSwitch(props) {
-  return (0, _platformFeatureFlags.getBooleanFF)('platform.profile-card-trigger-next') ? /*#__PURE__*/_react.default.createElement(_ProfileCardTriggerNext.default, (0, _extends2.default)({}, props, {
+  return (0, _platformFeatureFlags.fg)('platform.profile-card-trigger-next') ? /*#__PURE__*/_react.default.createElement(_ProfileCardTriggerNext.default, (0, _extends2.default)({}, props, {
     onVisibilityChange: function onVisibilityChange(isVisible) {
       if (props.onVisibilityChange) {
         props.onVisibilityChange(isVisible);

package/dist/cjs/components/User/ProfileCardTriggerNext.js

@@ -17,6 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _giveKudos = require("@atlaskit/give-kudos");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _filterActions = _interopRequireDefault(require("../../internal/filterActions"));
@@ -334,7 +335,8 @@ function ProfilecardTriggerNext(_ref) {
     zIndex: _constants.layers.modal(),
     shouldUseCaptureOnOutsideClick: true,
     autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click',
-    offset: offset !== null && offset !== void 0 ? offset : [0, 8]
+    offset: offset !== null && offset !== void 0 ? offset : [0, 8],
+    shouldRenderToParent: (0, _platformFeatureFlags.fg)('enable_appropriate_reading_order_in_profile_card')
   }), shouldShowGiveKudos && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null
   }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {

package/dist/cjs/util/analytics.js

@@ -44,7 +44,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "19.16.2"
+      packageVersion: "19.17.0"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/getTeamFromAGG.js

@@ -67,7 +67,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.16.2");
+  headers.append('atl-client-version', "19.17.0");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/Icon/IconLabel.js

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import IconEmail from '@atlaskit/icon/glyph/email';
-import IconLocation from '@atlaskit/icon/glyph/location';
-import OfficeBuildingIcon from '@atlaskit/icon/glyph/office-building';
-import IconRecent from '@atlaskit/icon/glyph/recent';
+import IconRecent from '@atlaskit/icon/core/migration/clock--recent';
+import IconEmail from '@atlaskit/icon/core/migration/email';
+import IconLocation from '@atlaskit/icon/core/migration/location';
+import OfficeBuildingIcon from '@atlaskit/icon/core/migration/office-building';
 import { DetailsLabel, DetailsLabelIcon, DetailsLabelText } from '../../styled/Card';
 const icons = {
   location: IconLocation,
@@ -21,7 +21,8 @@ export default class IconLabel extends React.PureComponent {
     const IconElement = this.props.icon && icons[this.props.icon];
     const displayIcon = IconElement ? /*#__PURE__*/React.createElement(IconElement, {
       label: `${this.props.icon}`,
-      size: "small"
+      LEGACY_size: "small",
+      color: "currentColor"
     }) : null;
     return /*#__PURE__*/React.createElement(DetailsLabel, null, /*#__PURE__*/React.createElement(DetailsLabelIcon, null, displayIcon), /*#__PURE__*/React.createElement(DetailsLabelText, null, this.props.children));
   }

package/dist/es2019/components/Team/TeamProfileCard.js

@@ -5,8 +5,9 @@ import AvatarGroup from '@atlaskit/avatar-group';
 import LoadingButton from '@atlaskit/button/loading-button';
 import Button from '@atlaskit/button/standard-button';
 import FocusRing from '@atlaskit/focus-ring';
-import MoreIcon from '@atlaskit/icon/glyph/more';
+import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import { LinkItem, MenuGroup } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
@@ -151,10 +152,13 @@ const ExtraActions = ({
       isSelected: isOpen,
       onClick: () => onMoreClick(!isOpen),
       iconAfter: /*#__PURE__*/React.createElement(MoreIcon, {
-        label: "actions"
+        spacing: "spacious",
+        label: "actions",
+        color: "currentColor"
       })
     })),
-    zIndex: layers.modal()
+    zIndex: layers.modal(),
+    shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
   }));
 };
 const ButtonSection = ({

package/dist/es2019/components/Team/TeamProfileCardTrigger.js

@@ -4,6 +4,7 @@ import React, { Suspense } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActions from '../../internal/filterActions';
@@ -324,7 +325,8 @@ export class TeamProfileCardTriggerInternal extends React.PureComponent {
       trigger: triggerProps => this.renderTrigger(triggerProps),
       zIndex: layers.modal(),
       shouldFlip: true,
-      autoFocus: this.props.trigger !== 'hover' && !this.openedByHover
+      autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
+      shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
     }));
   }
   render() {

package/dist/es2019/components/User/OverflowProfileCardButtons.js

@@ -3,7 +3,7 @@ import React, { useCallback, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import MoreIcon from '@atlaskit/icon/glyph/more';
+import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import messages from '../../messages';
 import { OverflowActionButtonsWrapper } from '../../styled/Card';
 import { moreActionsClicked } from '../../util/analytics';
@@ -45,6 +45,8 @@ export const OverflowProfileCardButtons = props => {
     }, providedProps, {
       ref: triggerRef,
       iconBefore: /*#__PURE__*/React.createElement(MoreIcon, {
+        color: "currentColor",
+        spacing: "spacious",
         label: intl.formatMessage(messages.profileCardMoreIconLabel)
       })
     }))

package/dist/es2019/components/User/ProfileCardTrigger.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Suspense } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActions from '../../internal/filterActions';
@@ -251,7 +251,8 @@ class ProfilecardTrigger extends React.PureComponent {
       zIndex: layers.modal(),
       shouldUseCaptureOnOutsideClick: true,
       autoFocus: (_this$props$autoFocus = this.props.autoFocus) !== null && _this$props$autoFocus !== void 0 ? _this$props$autoFocus : this.props.trigger === 'click',
-      offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8]
+      offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8],
+      shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
     }), this.state.shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
       fallback: null
     }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
@@ -282,7 +283,7 @@ _defineProperty(ProfilecardTrigger, "defaultProps", {
 });
 const ProfilecardTriggerLegacy = withAnalyticsEvents()(ProfilecardTrigger);
 export default function ProfilecardTriggerSwitch(props) {
-  return getBooleanFF('platform.profile-card-trigger-next') ? /*#__PURE__*/React.createElement(ProfilecardTriggerNext, _extends({}, props, {
+  return fg('platform.profile-card-trigger-next') ? /*#__PURE__*/React.createElement(ProfilecardTriggerNext, _extends({}, props, {
     onVisibilityChange: isVisible => {
       if (props.onVisibilityChange) {
         props.onVisibilityChange(isVisible);

package/dist/es2019/components/User/ProfileCardTriggerNext.js

@@ -3,6 +3,7 @@ import React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } fr
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActionsInner from '../../internal/filterActions';
@@ -262,7 +263,8 @@ export default function ProfilecardTriggerNext({
     zIndex: layers.modal(),
     shouldUseCaptureOnOutsideClick: true,
     autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click',
-    offset: offset !== null && offset !== void 0 ? offset : [0, 8]
+    offset: offset !== null && offset !== void 0 ? offset : [0, 8],
+    shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
   }), shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
   }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {

package/dist/es2019/util/analytics.js

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

package/dist/esm/client/getTeamFromAGG.js

@@ -48,7 +48,7 @@ export var addHeaders = function 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.16.2");
+  headers.append('atl-client-version', "19.17.0");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/components/Icon/IconLabel.js

@@ -7,10 +7,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import IconEmail from '@atlaskit/icon/glyph/email';
-import IconLocation from '@atlaskit/icon/glyph/location';
-import OfficeBuildingIcon from '@atlaskit/icon/glyph/office-building';
-import IconRecent from '@atlaskit/icon/glyph/recent';
+import IconRecent from '@atlaskit/icon/core/migration/clock--recent';
+import IconEmail from '@atlaskit/icon/core/migration/email';
+import IconLocation from '@atlaskit/icon/core/migration/location';
+import OfficeBuildingIcon from '@atlaskit/icon/core/migration/office-building';
 import { DetailsLabel, DetailsLabelIcon, DetailsLabelText } from '../../styled/Card';
 var icons = {
   location: IconLocation,
@@ -36,7 +36,8 @@ var IconLabel = /*#__PURE__*/function (_React$PureComponent) {
       var IconElement = this.props.icon && icons[this.props.icon];
       var displayIcon = IconElement ? /*#__PURE__*/React.createElement(IconElement, {
         label: "".concat(this.props.icon),
-        size: "small"
+        LEGACY_size: "small",
+        color: "currentColor"
       }) : null;
       return /*#__PURE__*/React.createElement(DetailsLabel, null, /*#__PURE__*/React.createElement(DetailsLabelIcon, null, displayIcon), /*#__PURE__*/React.createElement(DetailsLabelText, null, this.props.children));
     }

package/dist/esm/components/Team/TeamProfileCard.js

@@ -10,8 +10,9 @@ import AvatarGroup from '@atlaskit/avatar-group';
 import LoadingButton from '@atlaskit/button/loading-button';
 import Button from '@atlaskit/button/standard-button';
 import FocusRing from '@atlaskit/focus-ring';
-import MoreIcon from '@atlaskit/icon/glyph/more';
+import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import { LinkItem, MenuGroup } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
@@ -174,11 +175,14 @@ var ExtraActions = function ExtraActions(_ref3) {
           return onMoreClick(!isOpen);
         },
         iconAfter: /*#__PURE__*/React.createElement(MoreIcon, {
-          label: "actions"
+          spacing: "spacious",
+          label: "actions",
+          color: "currentColor"
         })
       }));
     },
-    zIndex: layers.modal()
+    zIndex: layers.modal(),
+    shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
   }));
 };
 var ButtonSection = function ButtonSection(_ref4) {

package/dist/esm/components/Team/TeamProfileCardTrigger.js

@@ -13,6 +13,7 @@ import React, { Suspense } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import _filterActions from '../../internal/filterActions';
@@ -359,7 +360,8 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
         },
         zIndex: layers.modal(),
         shouldFlip: true,
-        autoFocus: this.props.trigger !== 'hover' && !this.openedByHover
+        autoFocus: this.props.trigger !== 'hover' && !this.openedByHover,
+        shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
       }));
     }
   }, {

package/dist/esm/components/User/OverflowProfileCardButtons.js

@@ -6,7 +6,7 @@ import React, { useCallback, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import MoreIcon from '@atlaskit/icon/glyph/more';
+import MoreIcon from '@atlaskit/icon/core/migration/show-more-horizontal--more';
 import messages from '../../messages';
 import { OverflowActionButtonsWrapper } from '../../styled/Card';
 import { moreActionsClicked } from '../../util/analytics';
@@ -49,6 +49,8 @@ export var OverflowProfileCardButtons = function OverflowProfileCardButtons(prop
       }, providedProps, {
         ref: triggerRef,
         iconBefore: /*#__PURE__*/React.createElement(MoreIcon, {
+          color: "currentColor",
+          spacing: "spacious",
           label: intl.formatMessage(messages.profileCardMoreIconLabel)
         })
       }));

package/dist/esm/components/User/ProfileCardTrigger.js

@@ -16,7 +16,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React, { Suspense } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import _filterActions from '../../internal/filterActions';
@@ -287,7 +287,8 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
         zIndex: layers.modal(),
         shouldUseCaptureOnOutsideClick: true,
         autoFocus: (_this$props$autoFocus = this.props.autoFocus) !== null && _this$props$autoFocus !== void 0 ? _this$props$autoFocus : this.props.trigger === 'click',
-        offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8]
+        offset: (_this$props$offset = this.props.offset) !== null && _this$props$offset !== void 0 ? _this$props$offset : [0, 8],
+        shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
       }), this.state.shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
         fallback: null
       }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {
@@ -322,7 +323,7 @@ _defineProperty(ProfilecardTrigger, "defaultProps", {
 });
 var ProfilecardTriggerLegacy = withAnalyticsEvents()(ProfilecardTrigger);
 export default function ProfilecardTriggerSwitch(props) {
-  return getBooleanFF('platform.profile-card-trigger-next') ? /*#__PURE__*/React.createElement(ProfilecardTriggerNext, _extends({}, props, {
+  return fg('platform.profile-card-trigger-next') ? /*#__PURE__*/React.createElement(ProfilecardTriggerNext, _extends({}, props, {
     onVisibilityChange: function onVisibilityChange(isVisible) {
       if (props.onVisibilityChange) {
         props.onVisibilityChange(isVisible);

package/dist/esm/components/User/ProfileCardTriggerNext.js

@@ -13,6 +13,7 @@ import React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } fr
 import { useIntl } from 'react-intl-next';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { GiveKudosLauncherLazy, KudosType } from '@atlaskit/give-kudos';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { layers } from '@atlaskit/theme/constants';
 import filterActionsInner from '../../internal/filterActions';
@@ -324,7 +325,8 @@ export default function ProfilecardTriggerNext(_ref) {
     zIndex: layers.modal(),
     shouldUseCaptureOnOutsideClick: true,
     autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : trigger === 'click',
-    offset: offset !== null && offset !== void 0 ? offset : [0, 8]
+    offset: offset !== null && offset !== void 0 ? offset : [0, 8],
+    shouldRenderToParent: fg('enable_appropriate_reading_order_in_profile_card')
   }), shouldShowGiveKudos && /*#__PURE__*/React.createElement(Suspense, {
     fallback: null
   }, /*#__PURE__*/React.createElement(GiveKudosLauncherLazy, {

package/dist/esm/util/analytics.js

@@ -38,7 +38,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "19.16.2"
+      packageVersion: "19.17.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "19.16.2",
+	"version": "19.17.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,17 +56,17 @@
 		"@atlaskit/atlassian-context": "^0.0.0",
 		"@atlaskit/avatar": "^21.11.0",
 		"@atlaskit/avatar-group": "^9.9.0",
-		"@atlaskit/button": "^19.0.0",
+		"@atlaskit/button": "^19.1.0",
 		"@atlaskit/dropdown-menu": "^12.14.0",
 		"@atlaskit/empty-state": "^7.9.0",
 		"@atlaskit/focus-ring": "^1.5.0",
 		"@atlaskit/give-kudos": "^2.1.1",
-		"@atlaskit/icon": "^22.6.0",
+		"@atlaskit/icon": "^22.8.0",
 		"@atlaskit/lozenge": "^11.9.0",
 		"@atlaskit/menu": "^2.8.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popup": "^1.20.0",
-		"@atlaskit/primitives": "^11.0.0",
+		"@atlaskit/primitives": "^11.1.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/theme": "^12.11.0",
 		"@atlaskit/tokens": "^1.56.0",
@@ -115,6 +115,9 @@
 	"platform-feature-flags": {
 		"platform.profile-card-trigger-next": {
 			"type": "boolean"
+		},
+		"enable_appropriate_reading_order_in_profile_card": {
+			"type": "boolean"
 		}
 	}
 }