@atlaskit/share 4.19.4 → 4.20.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/share
 
+## 4.20.0
+
+### Minor Changes
+
+- [#144209](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/144209)
+  [`8a016767c9e26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8a016767c9e26) -
+  [ux] Enable new icons behind a feature flag.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.19.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.19.4
 
 ### Patch Changes

package/dist/cjs/components/CopyLinkButton.js

@@ -14,8 +14,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
-var _linkFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/link-filled"));
+var _linkLinkFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/link--link-filled"));
+var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _primitives = require("@atlaskit/primitives");
@@ -24,7 +24,7 @@ var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _styled = require("./ShareFormWrapper/styled");
 var _styles = _interopRequireDefault(require("./styles"));
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -39,6 +39,9 @@ var messageContainerStyle = exports.messageContainerStyle = (0, _react2.css)({
   alignItems: 'center',
   margin: "var(--ds-space-negative-100, -8px)".concat("\n    ", "var(--ds-space-negative-200, -16px)")
 });
+var boxWrapperStyle = (0, _primitives.xcss)({
+  marginRight: 'space.025'
+});
 var messageTextStyle = (0, _primitives.xcss)({
   textIndent: 'space.075'
 });
@@ -117,10 +120,14 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
         // https://product-fabric.atlassian.net/browse/DSP-18980
         ,
         appearance: "subtle-link",
-        iconBefore: iconBefore || (0, _react2.jsx)(_linkFilled.default, {
+        iconBefore: iconBefore || (0, _react2.jsx)(_primitives.Box, {
+          xcss: boxWrapperStyle
+        }, (0, _react2.jsx)(_linkLinkFilled.default, {
+          LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 0"),
+          color: "currentColor",
           label: "",
-          size: "medium"
-        }),
+          LEGACY_size: "medium"
+        })),
         onClick: _this.handleClick,
         ref: triggerProps.ref
       }, children || copyLinkButtonText);
@@ -157,9 +164,10 @@ var CopyLinkButton = exports.CopyLinkButton = /*#__PURE__*/function (_React$Comp
             css: messageContainerStyle,
             "data-testid": "message-container",
             "aria-hidden": true
-          }, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_checkCircle.default, {
+          }, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_successCheckCircle.default, {
+            spacing: "spacious",
             label: "",
-            primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
+            color: "var(--ds-icon-success, ".concat(_colors.G300, ")")
           }), (0, _react2.jsx)(_primitives.Box, {
             xcss: messageTextStyle
           }, copiedToClipboardText))));

package/dist/cjs/components/ErrorBoundary.js

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _analytics = require("./analytics/analytics");
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // ErrorBoundary does not support in functional component
 // eslint-disable-next-line @repo/internal/react/no-class-components

package/dist/cjs/components/LazyShareForm/lazy.js

@@ -12,7 +12,7 @@ var _reactLooselyLazy = require("react-loosely-lazy");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _ShareFormWrapper = require("../ShareFormWrapper");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /**
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/cjs/components/MessagesIntlProvider.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _i18nUtil = require("../util/i18n-util");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MessagesIntlProvider = function MessagesIntlProvider(_ref) {

package/dist/cjs/components/ShareDialogContainer.js

@@ -34,7 +34,7 @@ var _ShareDialogWithTrigger = require("./ShareDialogWithTrigger");
 var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var COPY_LINK_EVENT = (0, _analytics.copyLinkButtonClicked)({
   start: 0

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultShareContentState = exports.ShareDialogWithTriggerInternal = exports.ShareDialogWithTrigger = void 0;
+exports.defaultShareContentState = exports.ShareDialogWithTriggerInternal = exports.ShareDialogWithTrigger = exports.IconShare = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -18,7 +18,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _share = _interopRequireDefault(require("@atlaskit/icon/glyph/share"));
+var _share = _interopRequireDefault(require("@atlaskit/icon/core/migration/share"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
@@ -35,7 +35,7 @@ var _SplitButton = _interopRequireDefault(require("./SplitButton"));
 var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -52,6 +52,14 @@ var defaultShareContentState = exports.defaultShareContentState = {
     value: ''
   }
 };
+var IconShare = exports.IconShare = function IconShare() {
+  return (0, _react2.jsx)(_share.default, {
+    spacing: "spacious",
+    label: "",
+    color: "currentColor"
+  });
+};
+
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ShareDialogWithTriggerInternal, _React$PureComponent);
@@ -372,7 +380,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         dialogZIndex = _this$props6.dialogZIndex,
         dialogPlacement = _this$props6.dialogPlacement;
       var button;
-      var ShareButtonIcon = triggerButtonIcon || _share.default;
+      var ShareButtonIcon = triggerButtonIcon || IconShare;
 
       // Render a custom or standard button.
       if (renderCustomTriggerButton) {
@@ -626,7 +634,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
           isMenuItemSelected: isMenuItemSelected,
           dialogPlacement: dialogPlacement
         }),
-        shouldRenderToParent: (0, _platformFeatureFlags.getBooleanFF)('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
+        shouldRenderToParent: (0, _platformFeatureFlags.fg)('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
       }), (0, _react2.jsx)(_portal.default, {
         zIndex: (0, _utils.generateSelectZIndex)(dialogZIndex)
       }, (0, _react2.jsx)("div", {

package/dist/cjs/components/ShareForm.js

@@ -20,8 +20,8 @@ var _reactIntlNext = require("react-intl-next");
 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/glyph/email"));
-var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
+var _email = _interopRequireDefault(require("@atlaskit/icon/core/migration/email"));
+var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
 var _menu = require("@atlaskit/menu");
 var _primitives = require("@atlaskit/primitives");
 var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
@@ -38,10 +38,10 @@ var _ShareHeader = require("./ShareHeader");
 var _ShareMenuItem = require("./ShareMenuItem");
 var _UserPickerField = require("./UserPickerField");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -226,8 +226,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         content: (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.shareFailureMessage),
         position: "top"
       }, (0, _react2.jsx)(_error.default, {
+        spacing: "spacious",
         label: formatMessage(_i18n.messages.shareFailureIconLabel),
-        primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
+        color: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
       }))), (0, _react2.jsx)(_new.default, {
         appearance: buttonAppearance,
         type: "submit",
@@ -310,8 +311,10 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           }
         }), (0, _react2.jsx)(_ShareMenuItem.ShareMenuItem, {
           iconName: (0, _react2.jsx)(_email.default, {
+            color: "currentColor",
             label: "",
-            size: "medium"
+            LEGACY_size: "medium",
+            spacing: "spacious"
           }),
           labelId: _i18n.messages.emailMenuItemText,
           onClickHandler: function onClickHandler() {

package/dist/cjs/components/SplitButton.js

@@ -14,7 +14,7 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _new = require("@atlaskit/button/new");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
 var _colors = require("@atlaskit/theme/colors");
 var _i18n = require("../i18n");
 var _analytics = require("./analytics/analytics");
@@ -26,7 +26,7 @@ var _excluded = ["triggerRef"];
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // span
 var dropDownIntegrationButtonWrapperStyles = (0, _react2.css)((0, _defineProperty2.default)({}, 'button:hover', {
   background: 'transparent'

package/dist/cjs/components/UserPickerField.js

@@ -24,10 +24,10 @@ var _i18n = require("../i18n");
 var _styles = require("./styles");
 var _utils = require("./utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var REQUIRED = exports.REQUIRED = 'REQUIRED';
 var DEBOUNCE_MS = 150;

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: "4.19.4"
+    packageVersion: "4.20.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/es2019/components/CopyLinkButton.js

@@ -7,8 +7,8 @@ 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 CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
-import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
+import LinkFilledIcon from '@atlaskit/icon/core/migration/link--link-filled';
+import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { Box, xcss } from '@atlaskit/primitives';
@@ -28,6 +28,9 @@ export const messageContainerStyle = css({
   margin: `${"var(--ds-space-negative-100, -8px)"}
     ${"var(--ds-space-negative-200, -16px)"}`
 });
+const boxWrapperStyle = xcss({
+  marginRight: 'space.025'
+});
 const messageTextStyle = xcss({
   textIndent: 'space.075'
 });
@@ -98,10 +101,14 @@ export class CopyLinkButton extends React.Component {
         // https://product-fabric.atlassian.net/browse/DSP-18980
         ,
         appearance: "subtle-link",
-        iconBefore: iconBefore || jsx(LinkFilledIcon, {
+        iconBefore: iconBefore || jsx(Box, {
+          xcss: boxWrapperStyle
+        }, jsx(LinkFilledIcon, {
+          LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"} 0 0`,
+          color: "currentColor",
           label: "",
-          size: "medium"
-        }),
+          LEGACY_size: "medium"
+        })),
         onClick: this.handleClick,
         ref: triggerProps.ref
       }, children || copyLinkButtonText);
@@ -135,8 +142,9 @@ export class CopyLinkButton extends React.Component {
         "data-testid": "message-container",
         "aria-hidden": true
       }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
+        spacing: "spacious",
         label: "",
-        primaryColor: `var(--ds-icon-success, ${G300})`
+        color: `var(--ds-icon-success, ${G300})`
       }), jsx(Box, {
         xcss: messageTextStyle
       }, copiedToClipboardText)))),

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -9,8 +9,8 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import ShareIcon from '@atlaskit/icon/glyph/share';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import ShareIcon from '@atlaskit/icon/core/migration/share';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import Portal from '@atlaskit/portal';
 import { layers } from '@atlaskit/theme/constants';
@@ -39,6 +39,12 @@ export const defaultShareContentState = {
     value: ''
   }
 };
+export const IconShare = () => jsx(ShareIcon, {
+  spacing: "spacious",
+  label: "",
+  color: "currentColor"
+});
+
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class ShareDialogWithTriggerInternal extends React.PureComponent {
   constructor(...args) {
@@ -356,7 +362,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         dialogPlacement
       } = this.props;
       let button;
-      const ShareButtonIcon = triggerButtonIcon || ShareIcon;
+      const ShareButtonIcon = triggerButtonIcon || IconShare;
 
       // Render a custom or standard button.
       if (renderCustomTriggerButton) {
@@ -573,7 +579,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         isMenuItemSelected,
         dialogPlacement
       }),
-      shouldRenderToParent: getBooleanFF('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
+      shouldRenderToParent: fg('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
     }), jsx(Portal, {
       zIndex: generateSelectZIndex(dialogZIndex)
     }, jsx("div", {

package/dist/es2019/components/ShareForm.js

@@ -12,8 +12,8 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 import Form, { RequiredAsterisk } from '@atlaskit/form';
-import EmailIcon from '@atlaskit/icon/glyph/email';
-import ErrorIcon from '@atlaskit/icon/glyph/error';
+import EmailIcon from '@atlaskit/icon/core/migration/email';
+import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { MenuGroup } from '@atlaskit/menu';
 import { Box, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
@@ -205,8 +205,9 @@ class InternalForm extends React.PureComponent {
         content: jsx(FormattedMessage, messages.shareFailureMessage),
         position: "top"
       }, jsx(ErrorIcon, {
+        spacing: "spacious",
         label: formatMessage(messages.shareFailureIconLabel),
-        primaryColor: `var(--ds-icon-danger, ${R400})`
+        color: `var(--ds-icon-danger, ${R400})`
       }))), jsx(Button, {
         appearance: buttonAppearance,
         type: "submit",
@@ -287,8 +288,10 @@ class InternalForm extends React.PureComponent {
         onClickHandler: () => this.changeMenuItem('Slack')
       }), jsx(ShareMenuItem, {
         iconName: jsx(EmailIcon, {
+          color: "currentColor",
           label: "",
-          size: "medium"
+          LEGACY_size: "medium",
+          spacing: "spacious"
         }),
         labelId: messages.emailMenuItemText,
         onClickHandler: () => this.changeMenuItem('default')

package/dist/es2019/components/SplitButton.js

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { SplitButton as AKSplitButton, IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import { N800 } from '@atlaskit/theme/colors';
 import { messages } from '../i18n';
 import { shareIntegrationButtonEvent } from './analytics/analytics';

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

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

package/dist/esm/components/CopyLinkButton.js

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * @jsxRuntime classic
@@ -15,8 +15,8 @@ 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 CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
-import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
+import LinkFilledIcon from '@atlaskit/icon/core/migration/link--link-filled';
+import CheckCircleIcon from '@atlaskit/icon/core/migration/success--check-circle';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { Box, xcss } from '@atlaskit/primitives';
@@ -35,6 +35,9 @@ export var messageContainerStyle = css({
   alignItems: 'center',
   margin: "var(--ds-space-negative-100, -8px)".concat("\n    ", "var(--ds-space-negative-200, -16px)")
 });
+var boxWrapperStyle = xcss({
+  marginRight: 'space.025'
+});
 var messageTextStyle = xcss({
   textIndent: 'space.075'
 });
@@ -113,10 +116,14 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
         // https://product-fabric.atlassian.net/browse/DSP-18980
         ,
         appearance: "subtle-link",
-        iconBefore: iconBefore || jsx(LinkFilledIcon, {
+        iconBefore: iconBefore || jsx(Box, {
+          xcss: boxWrapperStyle
+        }, jsx(LinkFilledIcon, {
+          LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)", " 0 0"),
+          color: "currentColor",
           label: "",
-          size: "medium"
-        }),
+          LEGACY_size: "medium"
+        })),
         onClick: _this.handleClick,
         ref: triggerProps.ref
       }, children || copyLinkButtonText);
@@ -154,8 +161,9 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
             "data-testid": "message-container",
             "aria-hidden": true
           }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
+            spacing: "spacious",
             label: "",
-            primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
+            color: "var(--ds-icon-success, ".concat(G300, ")")
           }), jsx(Box, {
             xcss: messageTextStyle
           }, copiedToClipboardText))));

package/dist/esm/components/ErrorBoundary.js

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 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 { withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/components/ShareDialogContainer.js

@@ -11,7 +11,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 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 deepEqual from 'fast-deep-equal';

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -9,7 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * @jsxRuntime classic
@@ -21,8 +21,8 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import ShareIcon from '@atlaskit/icon/glyph/share';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import ShareIcon from '@atlaskit/icon/core/migration/share';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import Portal from '@atlaskit/portal';
 import { layers } from '@atlaskit/theme/constants';
@@ -51,6 +51,14 @@ export var defaultShareContentState = {
     value: ''
   }
 };
+export var IconShare = function IconShare() {
+  return jsx(ShareIcon, {
+    spacing: "spacious",
+    label: "",
+    color: "currentColor"
+  });
+};
+
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ShareDialogWithTriggerInternal, _React$PureComponent);
@@ -371,7 +379,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         dialogZIndex = _this$props6.dialogZIndex,
         dialogPlacement = _this$props6.dialogPlacement;
       var button;
-      var ShareButtonIcon = triggerButtonIcon || ShareIcon;
+      var ShareButtonIcon = triggerButtonIcon || IconShare;
 
       // Render a custom or standard button.
       if (renderCustomTriggerButton) {
@@ -625,7 +633,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
           isMenuItemSelected: isMenuItemSelected,
           dialogPlacement: dialogPlacement
         }),
-        shouldRenderToParent: getBooleanFF('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
+        shouldRenderToParent: fg('platform.enable-appropriate-reading-order-in-share-dialog_fu49') ? true : false
       }), jsx(Portal, {
         zIndex: generateSelectZIndex(dialogZIndex)
       }, jsx("div", {

package/dist/esm/components/ShareForm.js

@@ -8,7 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * @jsxRuntime classic
@@ -22,8 +22,8 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/new';
 import Form, { RequiredAsterisk } from '@atlaskit/form';
-import EmailIcon from '@atlaskit/icon/glyph/email';
-import ErrorIcon from '@atlaskit/icon/glyph/error';
+import EmailIcon from '@atlaskit/icon/core/migration/email';
+import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { MenuGroup } from '@atlaskit/menu';
 import { Box, xcss } from '@atlaskit/primitives';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
@@ -219,8 +219,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         content: jsx(FormattedMessage, messages.shareFailureMessage),
         position: "top"
       }, jsx(ErrorIcon, {
+        spacing: "spacious",
         label: formatMessage(messages.shareFailureIconLabel),
-        primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
+        color: "var(--ds-icon-danger, ".concat(R400, ")")
       }))), jsx(Button, {
         appearance: buttonAppearance,
         type: "submit",
@@ -303,8 +304,10 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           }
         }), jsx(ShareMenuItem, {
           iconName: jsx(EmailIcon, {
+            color: "currentColor",
             label: "",
-            size: "medium"
+            LEGACY_size: "medium",
+            spacing: "spacious"
           }),
           labelId: messages.emailMenuItemText,
           onClickHandler: function onClickHandler() {

package/dist/esm/components/SplitButton.js

@@ -13,7 +13,7 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { SplitButton as AKSplitButton, IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import { N800 } from '@atlaskit/theme/colors';
 import { messages } from '../i18n';
 import { shareIntegrationButtonEvent } from './analytics/analytics';

package/dist/esm/components/UserPickerField.js

@@ -9,7 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 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 { FormattedMessage, injectIntl } from 'react-intl-next';

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: "4.19.4"
+    packageVersion: "4.20.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

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

@@ -11,6 +11,7 @@ import { type Value } from '@atlaskit/user-picker';
 import { type Integration, type ShareData, type ShareDialogWithTriggerProps, type ShareDialogWithTriggerStates } from '../types';
 export declare const defaultShareContentState: ShareData;
 type ShareDialogWithTriggerInternalProps = ShareDialogWithTriggerProps & WrappedComponentProps & WithAnalyticsEventsProps;
+export declare const IconShare: () => jsx.JSX.Element;
 export declare class ShareDialogWithTriggerInternal extends React.PureComponent<ShareDialogWithTriggerInternalProps, ShareDialogWithTriggerStates> {
     static defaultProps: Partial<ShareDialogWithTriggerProps>;
     private containerRef;

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

@@ -11,6 +11,7 @@ import { type Value } from '@atlaskit/user-picker';
 import { type Integration, type ShareData, type ShareDialogWithTriggerProps, type ShareDialogWithTriggerStates } from '../types';
 export declare const defaultShareContentState: ShareData;
 type ShareDialogWithTriggerInternalProps = ShareDialogWithTriggerProps & WrappedComponentProps & WithAnalyticsEventsProps;
+export declare const IconShare: () => jsx.JSX.Element;
 export declare class ShareDialogWithTriggerInternal extends React.PureComponent<ShareDialogWithTriggerInternalProps, ShareDialogWithTriggerStates> {
     static defaultProps: Partial<ShareDialogWithTriggerProps>;
     private containerRef;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "4.19.4",
+	"version": "4.20.0",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -23,10 +23,6 @@
 	"atlaskit:src": "src/index.ts",
 	"atlassian": {
 		"team": "People and Teams Collective",
-		"releaseModel": "continuous",
-		"productPushConsumption": [
-			"jira"
-		],
 		"website": {
 			"name": "Share"
 		}
@@ -42,25 +38,25 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/button": "^19.2.0",
-		"@atlaskit/dropdown-menu": "^12.17.0",
+		"@atlaskit/button": "^20.1.0",
+		"@atlaskit/dropdown-menu": "^12.18.0",
 		"@atlaskit/form": "^10.5.0",
-		"@atlaskit/icon": "^22.12.0",
+		"@atlaskit/icon": "^22.18.0",
 		"@atlaskit/menu": "^2.12.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/popper": "^6.2.0",
-		"@atlaskit/popup": "^1.22.0",
+		"@atlaskit/popper": "^6.3.0",
+		"@atlaskit/popup": "^1.27.0",
 		"@atlaskit/portal": "^4.9.0",
-		"@atlaskit/primitives": "^12.0.0",
+		"@atlaskit/primitives": "^12.2.0",
 		"@atlaskit/smart-user-picker": "^6.10.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tabs": "^16.4.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.58.0",
+		"@atlaskit/tokens": "^1.61.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@atlaskit/ufo": "^0.3.0",
-		"@atlaskit/user-picker": "^10.22.0",
+		"@atlaskit/user-picker": "^10.24.0",
 		"@atlaskit/util-service-support": "^6.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -75,7 +71,7 @@
 		"react": "^16.8.0"
 	},
 	"devDependencies": {
-		"@atlaskit/editor-test-helpers": "^18.30.0",
+		"@atlaskit/editor-test-helpers": "^19.0.0",
 		"@atlaskit/flag": "^15.8.0",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/user-event": "^14.4.3",