@atlaskit/profilecard 19.16.3 → 19.17.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

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.3");
+  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,7 +16,7 @@ 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"));
@@ -184,8 +184,10 @@ 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"
         })
       }));
     },

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/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.3"
+      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.3");
+  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,7 +5,7 @@ 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';
@@ -152,7 +152,9 @@ const ExtraActions = ({
       isSelected: isOpen,
       onClick: () => onMoreClick(!isOpen),
       iconAfter: /*#__PURE__*/React.createElement(MoreIcon, {
-        label: "actions"
+        spacing: "spacious",
+        label: "actions",
+        color: "currentColor"
       })
     })),
     zIndex: layers.modal(),

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/util/analytics.js

@@ -31,7 +31,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "19.16.3",
+    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.3");
+  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,7 +10,7 @@ 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';
@@ -175,7 +175,9 @@ var ExtraActions = function ExtraActions(_ref3) {
           return onMoreClick(!isOpen);
         },
         iconAfter: /*#__PURE__*/React.createElement(MoreIcon, {
-          label: "actions"
+          spacing: "spacious",
+          label: "actions",
+          color: "currentColor"
         })
       }));
     },

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/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.3"
+      packageVersion: "19.17.0"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "19.16.3",
+	"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",