@atlaskit/share 6.15.1 → 6.16.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/share
 
+## 6.16.1
+
+### Patch Changes
+
+- [#188952](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/188952)
+  [`1a88e6e2601ae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a88e6e2601ae) -
+  Migrated usage of renamed/deprecated icons
+- Updated dependencies
+
+## 6.16.0
+
+### Minor Changes
+
+- [#185948](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185948)
+  [`169677f95fce5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/169677f95fce5) -
+  [ux] Add a new customTriggerButtonIcon prop to the Share Dialog Component. This prop is passed to
+  the renderCustomTriggerButton function, allowing consumers to dynamically update the icon
+  displayed on the custom trigger button.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.15.1
 
 ### Patch Changes

package/dist/cjs/components/CopyLinkButton.js

@@ -14,7 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _linkLinkFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/link--link-filled"));
-var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
+var _statusSuccessCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-success--check-circle"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _primitives = require("@atlaskit/primitives");
@@ -31,6 +31,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var Z_INDEX = _constants.layers.modal();
 var AUTO_DISMISS_SECONDS = 8;
 var AUTO_DISMISS_MS = exports.AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
@@ -181,7 +182,7 @@ var CopyLinkButtonInner = exports.CopyLinkButtonInner = /*#__PURE__*/function (_
             css: messageContainerStyle,
             "data-testid": "message-container",
             "aria-hidden": true
-          }, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_successCheckCircle.default, {
+          }, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_statusSuccessCheckCircle.default, {
             spacing: "spacious",
             label: "",
             color: "var(--ds-icon-success, ".concat(_colors.G300, ")")

package/dist/cjs/components/CopyLinkButtonNext.js

@@ -17,7 +17,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _css = require("@atlaskit/css");
 var _linkLinkFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/link--link-filled"));
-var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
+var _statusSuccessCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-success--check-circle"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -170,7 +170,7 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
             xcss: (0, _css.cx)(styles.messageContainer),
             testId: "message-container",
             "aria-hidden": true
-          }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_successCheckCircle.default, {
+          }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_statusSuccessCheckCircle.default, {
             spacing: "spacious",
             label: "",
             color: "var(--ds-icon-success, ".concat(_colors.G300, ")")

package/dist/cjs/components/ShareDialogContainer.js

@@ -344,6 +344,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         dialogPlacement = _this$props3.dialogPlacement,
         loadUserOptions = _this$props3.loadUserOptions,
         renderCustomTriggerButton = _this$props3.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props3.customTriggerButtonIcon,
         shareContentType = _this$props3.shareContentType,
         shareContentSubType = _this$props3.shareContentSubType,
         shareContentId = _this$props3.shareContentId,
@@ -398,6 +399,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         onDialogOpen: this.handleDialogOpen,
         onShareSubmit: this.handleSubmitShare,
         renderCustomTriggerButton: renderCustomTriggerButton,
+        customTriggerButtonIcon: customTriggerButtonIcon,
         shareContentType: shareContentType,
         shareContentSubType: shareContentSubType,
         shareContentId: shareContentId,

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -430,6 +430,7 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
         formatMessage = _this$props6.intl.formatMessage,
         isDisabled = _this$props6.isDisabled,
         renderCustomTriggerButton = _this$props6.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props6.customTriggerButtonIcon,
         triggerButtonIcon = _this$props6.triggerButtonIcon,
         triggerButtonTooltipText = _this$props6.triggerButtonTooltipText,
         triggerButtonTooltipPosition = _this$props6.triggerButtonTooltipPosition,
@@ -449,7 +450,8 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
           error: shareError,
           isDisabled: isDisabled,
           isSelected: isDialogOpen,
-          onClick: _this.onTriggerClick
+          onClick: _this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = (0, _react2.jsx)(_ShareButton.default, {

package/dist/cjs/components/ShareDialogWithTriggerNext.js

@@ -415,6 +415,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         formatMessage = _this$props6.intl.formatMessage,
         isDisabled = _this$props6.isDisabled,
         renderCustomTriggerButton = _this$props6.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props6.customTriggerButtonIcon,
         triggerButtonIcon = _this$props6.triggerButtonIcon,
         triggerButtonTooltipText = _this$props6.triggerButtonTooltipText,
         triggerButtonTooltipPosition = _this$props6.triggerButtonTooltipPosition,
@@ -434,7 +435,8 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
           error: shareError,
           isDisabled: isDisabled,
           isSelected: isDialogOpen,
-          onClick: _this.onTriggerClick
+          onClick: _this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = /*#__PURE__*/_react.default.createElement(_ShareButton.default, {

package/dist/cjs/components/ShareForm.js

@@ -20,7 +20,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _email = _interopRequireDefault(require("@atlaskit/icon/core/migration/email"));
-var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
+var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
 var _menu = require("@atlaskit/menu");
 var _primitives = require("@atlaskit/primitives");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
@@ -43,6 +43,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var styles = (0, _primitives.xcss)({
   width: '100%',
   minWidth: '0px',
@@ -269,7 +270,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       }, shouldShowWarning && (0, _react2.jsx)(_tooltip.default, {
         content: (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.shareFailureMessage),
         position: "top"
-      }, (0, _react2.jsx)(_error.default, {
+      }, (0, _react2.jsx)(_statusErrorError.default, {
         spacing: "spacious",
         label: formatMessage(_i18n.messages.shareFailureIconLabel),
         color: "var(--ds-icon-danger, ".concat(_colors.R400, ")")

package/dist/cjs/components/ShareFormNext.js

@@ -23,7 +23,7 @@ var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _css = require("@atlaskit/css");
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _email = _interopRequireDefault(require("@atlaskit/icon/core/migration/email"));
-var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
+var _statusErrorError = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-error--error"));
 var _menu = require("@atlaskit/menu");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
@@ -177,7 +177,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       }, shouldShowWarning && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
         content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.shareFailureMessage),
         position: "top"
-      }, /*#__PURE__*/_react.default.createElement(_error.default, {
+      }, /*#__PURE__*/_react.default.createElement(_statusErrorError.default, {
         spacing: "spacious",
         label: formatMessage(_i18n.messages.shareFailureIconLabel),
         color: "var(--ds-icon-danger, ".concat(_colors.R400, ")")

package/dist/cjs/components/ShareHeader.js

@@ -11,6 +11,8 @@ var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _i18n = require("../i18n");
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
 var headerWrapperStyles = (0, _primitives.xcss)({
   display: 'flex',
   justifyContent: 'space-between',

package/dist/cjs/components/ShareMenuItem.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _menu = require("@atlaskit/menu");
 var _primitives = require("@atlaskit/primitives");
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
 var iconContainerStyles = (0, _primitives.xcss)({
   display: 'flex',
   alignItems: 'center',

package/dist/cjs/components/analytics/analytics.js

@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "6.15.0"
+    packageVersion: "6.16.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/es2019/components/CopyLinkButton.js

@@ -8,9 +8,10 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import LinkFilledIcon from '@atlaskit/icon/core/migration/link--link-filled';
-import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
+import CheckCircleIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';

package/dist/es2019/components/CopyLinkButtonNext.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@atlaskit/css';
 import LinkFilledIcon from '@atlaskit/icon/core/migration/link--link-filled';
-import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
+import CheckCircleIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { Box } from '@atlaskit/primitives/compiled';

package/dist/es2019/components/ShareDialogContainer.js

@@ -291,6 +291,7 @@ export class ShareDialogContainerInternal extends React.Component {
       dialogPlacement,
       loadUserOptions,
       renderCustomTriggerButton,
+      customTriggerButtonIcon,
       shareContentType,
       shareContentSubType,
       shareContentId,
@@ -347,6 +348,7 @@ export class ShareDialogContainerInternal extends React.Component {
       onDialogOpen: this.handleDialogOpen,
       onShareSubmit: this.handleSubmitShare,
       renderCustomTriggerButton: renderCustomTriggerButton,
+      customTriggerButtonIcon: customTriggerButtonIcon,
       shareContentType: shareContentType,
       shareContentSubType: shareContentSubType,
       shareContentId: shareContentId,

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -412,6 +412,7 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
         },
         isDisabled,
         renderCustomTriggerButton,
+        customTriggerButtonIcon,
         triggerButtonIcon,
         triggerButtonTooltipText,
         triggerButtonTooltipPosition,
@@ -434,7 +435,8 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
           error: shareError,
           isDisabled,
           isSelected: isDialogOpen,
-          onClick: this.onTriggerClick
+          onClick: this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = jsx(ShareButton, {

package/dist/es2019/components/ShareDialogWithTriggerNext.js

@@ -393,6 +393,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         },
         isDisabled,
         renderCustomTriggerButton,
+        customTriggerButtonIcon,
         triggerButtonIcon,
         triggerButtonTooltipText,
         triggerButtonTooltipPosition,
@@ -415,7 +416,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
           error: shareError,
           isDisabled,
           isSelected: isDialogOpen,
-          onClick: this.onTriggerClick
+          onClick: this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = /*#__PURE__*/React.createElement(ShareButton, {

package/dist/es2019/components/ShareForm.js

@@ -13,8 +13,9 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/core/migration/email';
-import ErrorIcon from '@atlaskit/icon/core/migration/error';
+import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
 import { MenuGroup } from '@atlaskit/menu';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { N300, R400 } from '@atlaskit/theme/colors';

package/dist/es2019/components/ShareFormNext.js

@@ -10,7 +10,7 @@ import Button from '@atlaskit/button/new';
 import { cx } from '@atlaskit/css';
 import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/core/migration/email';
-import ErrorIcon from '@atlaskit/icon/core/migration/error';
+import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
 import { MenuGroup } from '@atlaskit/menu';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';

package/dist/es2019/components/ShareHeader.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
 import { fg } from '@atlaskit/platform-feature-flags';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { messages } from '../i18n';
 const headerWrapperStyles = xcss({

package/dist/es2019/components/ShareMenuItem.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ButtonItem } from '@atlaskit/menu';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 const iconContainerStyles = xcss({
   display: 'flex',

package/dist/es2019/components/analytics/analytics.js

@@ -1,7 +1,7 @@
 import { isEmail, isExternalUser, isGroup, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "6.15.0",
+  packageVersion: "6.16.0",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/esm/components/CopyLinkButton.js

@@ -17,9 +17,10 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import LinkFilledIcon from '@atlaskit/icon/core/migration/link--link-filled';
-import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
+import CheckCircleIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';

package/dist/esm/components/CopyLinkButtonNext.js

@@ -14,7 +14,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { cx } from '@atlaskit/css';
 import LinkFilledIcon from '@atlaskit/icon/core/migration/link--link-filled';
-import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
+import CheckCircleIcon from '@atlaskit/icon/core/migration/status-success--check-circle';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { Box } from '@atlaskit/primitives/compiled';

package/dist/esm/components/ShareDialogContainer.js

@@ -337,6 +337,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         dialogPlacement = _this$props3.dialogPlacement,
         loadUserOptions = _this$props3.loadUserOptions,
         renderCustomTriggerButton = _this$props3.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props3.customTriggerButtonIcon,
         shareContentType = _this$props3.shareContentType,
         shareContentSubType = _this$props3.shareContentSubType,
         shareContentId = _this$props3.shareContentId,
@@ -391,6 +392,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         onDialogOpen: this.handleDialogOpen,
         onShareSubmit: this.handleSubmitShare,
         renderCustomTriggerButton: renderCustomTriggerButton,
+        customTriggerButtonIcon: customTriggerButtonIcon,
         shareContentType: shareContentType,
         shareContentSubType: shareContentSubType,
         shareContentId: shareContentId,

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -427,6 +427,7 @@ export var ShareDialogWithTriggerInternalLegacy = /*#__PURE__*/function (_React$
         formatMessage = _this$props6.intl.formatMessage,
         isDisabled = _this$props6.isDisabled,
         renderCustomTriggerButton = _this$props6.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props6.customTriggerButtonIcon,
         triggerButtonIcon = _this$props6.triggerButtonIcon,
         triggerButtonTooltipText = _this$props6.triggerButtonTooltipText,
         triggerButtonTooltipPosition = _this$props6.triggerButtonTooltipPosition,
@@ -446,7 +447,8 @@ export var ShareDialogWithTriggerInternalLegacy = /*#__PURE__*/function (_React$
           error: shareError,
           isDisabled: isDisabled,
           isSelected: isDialogOpen,
-          onClick: _this.onTriggerClick
+          onClick: _this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = jsx(ShareButton, {

package/dist/esm/components/ShareDialogWithTriggerNext.js

@@ -408,6 +408,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         formatMessage = _this$props6.intl.formatMessage,
         isDisabled = _this$props6.isDisabled,
         renderCustomTriggerButton = _this$props6.renderCustomTriggerButton,
+        customTriggerButtonIcon = _this$props6.customTriggerButtonIcon,
         triggerButtonIcon = _this$props6.triggerButtonIcon,
         triggerButtonTooltipText = _this$props6.triggerButtonTooltipText,
         triggerButtonTooltipPosition = _this$props6.triggerButtonTooltipPosition,
@@ -427,7 +428,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
           error: shareError,
           isDisabled: isDisabled,
           isSelected: isDialogOpen,
-          onClick: _this.onTriggerClick
+          onClick: _this.onTriggerClick,
+          iconBefore: customTriggerButtonIcon
         }, triggerProps);
       } else {
         button = /*#__PURE__*/React.createElement(ShareButton, {

package/dist/esm/components/ShareForm.js

@@ -22,8 +22,9 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/core/migration/email';
-import ErrorIcon from '@atlaskit/icon/core/migration/error';
+import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
 import { MenuGroup } from '@atlaskit/menu';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { N300, R400 } from '@atlaskit/theme/colors';

package/dist/esm/components/ShareFormNext.js

@@ -19,7 +19,7 @@ import Button from '@atlaskit/button/new';
 import { cx } from '@atlaskit/css';
 import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/core/migration/email';
-import ErrorIcon from '@atlaskit/icon/core/migration/error';
+import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
 import { MenuGroup } from '@atlaskit/menu';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';

package/dist/esm/components/ShareHeader.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
 import { fg } from '@atlaskit/platform-feature-flags';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { messages } from '../i18n';
 var headerWrapperStyles = xcss({

package/dist/esm/components/ShareMenuItem.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { ButtonItem } from '@atlaskit/menu';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 var iconContainerStyles = xcss({
   display: 'flex',

package/dist/esm/components/analytics/analytics.js

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "6.15.0"
+    packageVersion: "6.16.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/types/components/ShareDialogContainer.d.ts

@@ -79,6 +79,7 @@ export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Omit<
     originTracingFactory?: OriginTracingFactory | undefined;
     productId?: import("../types").ProductId | undefined;
     renderCustomTriggerButton?: import("../types").RenderCustomTriggerButton | undefined;
+    customTriggerButtonIcon?: React.ComponentType<import("@atlaskit/icon").NewCoreIconProps> | undefined;
     shareAri?: string | undefined;
     shareContentType?: string | undefined;
     shareContentSubType?: string | undefined;

package/dist/types/types/ShareDialogContainer.d.ts

@@ -53,6 +53,8 @@ export type ShareDialogContainerProps = {
     productId: ProductId;
     /** Render function for a custom Share Dialog Trigger Button. */
     renderCustomTriggerButton?: RenderCustomTriggerButton;
+    /** An Icon used for the custom Share Dialog Trigger Button */
+    customTriggerButtonIcon?: React.ComponentType<NewCoreIconProps>;
     /** Atlassian Resource Identifier of a Site resource to be shared. */
     shareAri: string;
     /** Content Type of the resource to be shared. It will also affect on the successful share message in the flag. A pre-defined list as follows:*/

package/dist/types/types/ShareDialogWithTrigger.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type NewCoreIconProps } from '@atlaskit/icon';
 import type { Placement } from '@atlaskit/popper';
 import type { TriggerProps } from '@atlaskit/popup';
 import type { ConfigResponse } from '../clients/ShareServiceClient';
@@ -12,6 +13,7 @@ export type RenderCustomTriggerButton = (args: {
     isDisabled?: boolean;
     isSelected?: boolean;
     onClick: () => void;
+    iconBefore?: React.ComponentType<NewCoreIconProps>;
 }, triggerProps: TriggerProps) => React.ReactNode;
 export type DialogPlacement = Placement;
 /**
@@ -19,7 +21,7 @@ export type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled' | 'CustomSubmitButton'> & {
+export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'customTriggerButtonIcon' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled' | 'CustomSubmitButton'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

package/dist/types-ts4.5/components/ShareDialogContainer.d.ts

@@ -79,6 +79,7 @@ export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Omit<
     originTracingFactory?: OriginTracingFactory | undefined;
     productId?: import("../types").ProductId | undefined;
     renderCustomTriggerButton?: import("../types").RenderCustomTriggerButton | undefined;
+    customTriggerButtonIcon?: React.ComponentType<import("@atlaskit/icon").NewCoreIconProps> | undefined;
     shareAri?: string | undefined;
     shareContentType?: string | undefined;
     shareContentSubType?: string | undefined;

package/dist/types-ts4.5/types/ShareDialogContainer.d.ts

@@ -53,6 +53,8 @@ export type ShareDialogContainerProps = {
     productId: ProductId;
     /** Render function for a custom Share Dialog Trigger Button. */
     renderCustomTriggerButton?: RenderCustomTriggerButton;
+    /** An Icon used for the custom Share Dialog Trigger Button */
+    customTriggerButtonIcon?: React.ComponentType<NewCoreIconProps>;
     /** Atlassian Resource Identifier of a Site resource to be shared. */
     shareAri: string;
     /** Content Type of the resource to be shared. It will also affect on the successful share message in the flag. A pre-defined list as follows:*/

package/dist/types-ts4.5/types/ShareDialogWithTrigger.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { type NewCoreIconProps } from '@atlaskit/icon';
 import type { Placement } from '@atlaskit/popper';
 import type { TriggerProps } from '@atlaskit/popup';
 import type { ConfigResponse } from '../clients/ShareServiceClient';
@@ -12,6 +13,7 @@ export type RenderCustomTriggerButton = (args: {
     isDisabled?: boolean;
     isSelected?: boolean;
     onClick: () => void;
+    iconBefore?: React.ComponentType<NewCoreIconProps>;
 }, triggerProps: TriggerProps) => React.ReactNode;
 export type DialogPlacement = Placement;
 /**
@@ -19,7 +21,7 @@ export type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled' | 'CustomSubmitButton'> & {
+export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'customTriggerButtonIcon' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled' | 'additionalUserFields' | 'isExtendedShareDialogEnabled' | 'CustomSubmitButton'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "6.15.1",
+	"version": "6.16.1",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,10 +40,10 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/css": "^0.12.0",
-		"@atlaskit/dropdown-menu": "^16.1.0",
+		"@atlaskit/dropdown-menu": "^16.2.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.3.0",
+		"@atlaskit/icon": "^27.5.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -56,10 +56,10 @@
 		"@atlaskit/tabs": "^18.1.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tokens": "^5.4.0",
+		"@atlaskit/tokens": "^5.6.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
-		"@atlaskit/user-picker": "^11.3.0",
+		"@atlaskit/user-picker": "^11.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",