@atlaskit/share 6.0.1 → 6.1.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/share
 
+## 6.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.1.0
+
+### Minor Changes
+
+- [#119860](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119860)
+  [`03cfc1c9186b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/03cfc1c9186b8) -
+  [ux] Add optional custom header prop
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.0.1
 
 ### Patch Changes

package/dist/cjs/components/IntegrationForm.js

@@ -15,7 +15,7 @@ var _templateObject;
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
-var formWrapperStyle = exports.formWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t[class^='FormHeader__FormHeaderWrapper'] {\n\t\th1:first-child {\n\t\t\tfont: ", ";\n\t\t\tmargin-top: ", ";\n\n\t\t\t> span {\n\t\t\t\t/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tletter-spacing: inherit !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t[class^='FormSection__FormSectionWrapper'] {\n\t\tmargin-top: ", ";\n\t}\n\n\t[class^='FormFooter__FormFooterWrapper'] {\n\t\tjustify-content: space-between;\n\t\tmargin-top: ", ";\n\t\tmargin-bottom: ", ";\n\t}\n\n\t[class^='Field__FieldWrapper']:not(:first-child) {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", "var(--ds-space-300, 24px)", "var(--ds-space-0, 0px)", "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
+var formWrapperStyle = exports.formWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t[class^='FormHeader__FormHeaderWrapper'] {\n\t\th1:first-child {\n\t\t\tfont: ", ";\n\t\t\tmargin-top: ", ";\n\n\t\t\t> span {\n\t\t\t\t/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tletter-spacing: inherit !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t[class^='FormSection__FormSectionWrapper'] {\n\t\tmargin-top: ", ";\n\t}\n\n\t[class^='FormFooter__FormFooterWrapper'] {\n\t\tjustify-content: space-between;\n\t\tmargin-top: ", ";\n\t\tmargin-bottom: ", ";\n\t}\n\n\t[class^='Field__FieldWrapper']:not(:first-child) {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-300, 24px)", "var(--ds-space-0, 0px)", "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
 var IntegrationForm = exports.IntegrationForm = function IntegrationForm(_ref) {
   var Content = _ref.Content,
     _ref$onIntegrationClo = _ref.onIntegrationClose,

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

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _constants = require("@atlaskit/theme/constants");
 var _i18n = require("../../i18n");
@@ -34,6 +35,9 @@ var footerBottomMessageStyles = (0, _react2.css)({
 var footerCustomStyles = (0, _react2.css)({
   margin: "0 ".concat("var(--ds-space-negative-300, -24px)", " ", "var(--ds-space-negative-200, -16px)", " ", "var(--ds-space-negative-300, -24px)")
 });
+var headerCustomStyles = (0, _react2.css)({
+  marginBottom: "var(--ds-space-200, 16px)"
+});
 
 /**
  * A Share form content which is lazy-loaded.
@@ -51,6 +55,7 @@ function LazyShareForm(props) {
     submitButtonLabel = props.submitButtonLabel,
     product = props.product,
     productAttributes = props.productAttributes,
+    customHeader = props.customHeader,
     customFooter = props.customFooter,
     enableSmartUserPicker = props.enableSmartUserPicker,
     loggedInAccountId = props.loggedInAccountId,
@@ -81,6 +86,9 @@ function LazyShareForm(props) {
     isBrowseUsersDisabled = props.isBrowseUsersDisabled,
     userPickerOptions = props.userPickerOptions,
     isSubmitShareDisabled = props.isSubmitShareDisabled;
+  var header = customHeader ? (0, _react2.jsx)("div", {
+    css: headerCustomStyles
+  }, customHeader) : null;
   var footer = (0, _react2.jsx)("div", null, bottomMessage ? (0, _react2.jsx)("div", {
     css: footerBottomMessageStyles
   }, bottomMessage) : null, customFooter && selectedIntegration === null && (0, _react2.jsx)("div", {
@@ -91,6 +99,7 @@ function LazyShareForm(props) {
   });
   var allowEmail = (0, _utils.allowEmails)(config);
   return (0, _react2.jsx)(_ShareFormWrapper.ShareFormWrapper, {
+    header: (0, _platformFeatureFlags.fg)('platform_share_custom_header_prop') && header,
     footer: footer
     // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper

package/dist/cjs/components/LazyShareForm/LazyShareFormNext.compiled.css

@@ -2,4 +2,5 @@
 ._19pkidpf{margin-top:0}
 ._1bsb1j89{width:22pc}
 ._2hwx10v4{margin-right:var(--ds-space-negative-300,-24px)}
-._otyrmgjw{margin-bottom:var(--ds-space-negative-200,-1pc)}
+._otyrmgjw{margin-bottom:var(--ds-space-negative-200,-1pc)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}

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

@@ -12,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _css = require("@atlaskit/css");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _i18n = require("../../i18n");
@@ -22,7 +23,8 @@ var _ShareFormWrapper = require("../ShareFormWrapper");
 var _utils = require("../utils");
 var styles = {
   footerBottomMessageStyles: "_1bsb1j89",
-  footerCustomStyles: "_19pkidpf _2hwx10v4 _otyrmgjw _18u010v4"
+  footerCustomStyles: "_19pkidpf _2hwx10v4 _otyrmgjw _18u010v4",
+  headerCustomStyles: "_otyrpxbi"
 };
 
 /**
@@ -41,6 +43,7 @@ function LazyShareForm(props) {
     submitButtonLabel = props.submitButtonLabel,
     product = props.product,
     productAttributes = props.productAttributes,
+    customHeader = props.customHeader,
     customFooter = props.customFooter,
     enableSmartUserPicker = props.enableSmartUserPicker,
     loggedInAccountId = props.loggedInAccountId,
@@ -71,6 +74,9 @@ function LazyShareForm(props) {
     isBrowseUsersDisabled = props.isBrowseUsersDisabled,
     userPickerOptions = props.userPickerOptions,
     isSubmitShareDisabled = props.isSubmitShareDisabled;
+  var header = customHeader ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.headerCustomStyles
+  }, customHeader) : null;
   var footer = /*#__PURE__*/_react.default.createElement("div", null, bottomMessage ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: (0, _css.cx)(styles.footerBottomMessageStyles)
   }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
@@ -81,6 +87,7 @@ function LazyShareForm(props) {
   });
   var allowEmail = (0, _utils.allowEmails)(config);
   return /*#__PURE__*/_react.default.createElement(_ShareFormWrapper.ShareFormWrapper, {
+    header: (0, _platformFeatureFlags.fg)('platform_share_custom_header_prop') && header,
     footer: footer
     // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper

package/dist/cjs/components/ShareDialogContainer.js

@@ -21,6 +21,7 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _reactIntlNext = require("react-intl-next");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _AtlassianUrlShortenerClient = require("../clients/AtlassianUrlShortenerClient");
 var _ShareServiceClient = require("../clients/ShareServiceClient");
 var _i18n = require("../i18n");
@@ -343,6 +344,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         shareeAction = _this$props2.shareeAction,
         product = _this$props2.product,
         productAttributes = _this$props2.productAttributes,
+        customHeader = _this$props2.customHeader,
         customFooter = _this$props2.customFooter,
         onTriggerButtonClick = _this$props2.onTriggerButtonClick,
         onUserSelectionChange = _this$props2.onUserSelectionChange,
@@ -397,6 +399,7 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         submitButtonLabel: shareeAction === 'edit' && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.inviteTriggerButtonText),
         product: product,
         productAttributes: productAttributes,
+        customHeader: (0, _platformFeatureFlags.fg)('platform_share_custom_header_prop') && customHeader,
         customFooter: customFooter,
         onUserSelectionChange: onUserSelectionChange,
         shareFieldsFooter: shareFieldsFooter,

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -559,6 +559,7 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
         submitButtonLabel = _this$props7.submitButtonLabel,
         product = _this$props7.product,
         productAttributes = _this$props7.productAttributes,
+        customHeader = _this$props7.customHeader,
         customFooter = _this$props7.customFooter,
         enableSmartUserPicker = _this$props7.enableSmartUserPicker,
         loggedInAccountId = _this$props7.loggedInAccountId,
@@ -601,6 +602,7 @@ var ShareDialogWithTriggerInternalLegacy = exports.ShareDialogWithTriggerInterna
               copyLink: copyLink,
               showIntegrationForm: showIntegrationForm,
               bottomMessage: bottomMessage,
+              customHeader: (0, _platformFeatureFlags.fg)('platform_share_custom_header_prop') && customHeader,
               customFooter: footer,
               loadOptions: loadUserOptions,
               isSharing: isSharing,

package/dist/cjs/components/ShareDialogWithTriggerNext.js

@@ -542,6 +542,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         submitButtonLabel = _this$props7.submitButtonLabel,
         product = _this$props7.product,
         productAttributes = _this$props7.productAttributes,
+        customHeader = _this$props7.customHeader,
         customFooter = _this$props7.customFooter,
         enableSmartUserPicker = _this$props7.enableSmartUserPicker,
         loggedInAccountId = _this$props7.loggedInAccountId,
@@ -576,6 +577,7 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
             copyLink: copyLink,
             showIntegrationForm: showIntegrationForm,
             bottomMessage: bottomMessage,
+            customHeader: (0, _platformFeatureFlags.fg)('platform_share_custom_header_prop') && customHeader,
             customFooter: footer,
             loadOptions: loadUserOptions,
             isSharing: isSharing,

package/dist/cjs/components/ShareForm.js

@@ -90,7 +90,7 @@ var integrationIconWrapperStyles = (0, _react2.css)({
 var requiredFieldInfoStyles = (0, _react2.css)({
   marginBottom: "var(--ds-space-200, 16px)",
   color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 var menuGroupContainerStyles = (0, _primitives.xcss)({
   color: 'color.text',

package/dist/cjs/components/ShareFormNext.compiled.css

@@ -1,4 +1,4 @@
-._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
 ._195g10v4{margin-inline:var(--ds-space-negative-300,-24px)}

package/dist/cjs/components/ShareFormNext.js

@@ -53,7 +53,7 @@ var styles = {
   formFieldStyles: "_otyrutpp",
   integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
   integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
-  requiredFieldInfoStyles: "_11c81vlj _otyrpxbi _syaz1n3s",
+  requiredFieldInfoStyles: "_11c81o8v _otyrpxbi _syaz1n3s",
   menuGroupContainerStyles: "_2rkoglpi _1moux0bf _195g10v4 _syaz1fxt _4cvr1y6m _1bsb1w81"
 };
 var integrationTabText = function integrationTabText(integrationName) {

package/dist/cjs/components/ShareFormWrapper/ShareFormWrapper.js

@@ -17,6 +17,8 @@ var ShareFormWrapper = function ShareFormWrapper(_ref) {
     shouldShowTitle = _ref.shouldShowTitle,
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children,
+    _ref$header = _ref.header,
+    header = _ref$header === void 0 ? null : _ref$header,
     _ref$footer = _ref.footer,
     footer = _ref$footer === void 0 ? null : _ref$footer,
     _ref$integrationMode = _ref.integrationMode,
@@ -29,7 +31,7 @@ var ShareFormWrapper = function ShareFormWrapper(_ref) {
   var FormWrapper = (0, _platformFeatureFlags.fg)('share-compiled-migration') ? _compiled.InlineDialogFormWrapper : _styled.InlineDialogFormWrapper;
   return /*#__PURE__*/_react.default.createElement(ContentWrapper, {
     label: formatMessage(_i18n.messages.formTitle)
-  }, /*#__PURE__*/_react.default.createElement(FormWrapper, {
+  }, (0, _platformFeatureFlags.fg)('platform_share_custom_header_prop') && header, /*#__PURE__*/_react.default.createElement(FormWrapper, {
     integrationMode: integrationMode,
     isMenuItemSelected: isMenuItemSelected
   }, shouldShowTitle && /*#__PURE__*/_react.default.createElement(_ShareHeader.ShareHeader, {

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

package/dist/es2019/components/IntegrationForm.js

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
 export const formWrapperStyle = css`
 	[class^='FormHeader__FormHeaderWrapper'] {
 		h1:first-child {
-			font: ${"var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"};
+			font: ${"var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
 			margin-top: ${"var(--ds-space-300, 24px)"};
 
 			> span {

package/dist/es2019/components/LazyShareForm/LazyShareForm.js

@@ -9,6 +9,7 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
@@ -25,6 +26,9 @@ const footerBottomMessageStyles = css({
 const footerCustomStyles = css({
   margin: `0 ${"var(--ds-space-negative-300, -24px)"} ${"var(--ds-space-negative-200, -16px)"} ${"var(--ds-space-negative-300, -24px)"}`
 });
+const headerCustomStyles = css({
+  marginBottom: `${"var(--ds-space-200, 16px)"}`
+});
 
 /**
  * A Share form content which is lazy-loaded.
@@ -43,6 +47,7 @@ function LazyShareForm(props) {
     submitButtonLabel,
     product,
     productAttributes,
+    customHeader,
     customFooter,
     enableSmartUserPicker,
     loggedInAccountId,
@@ -77,6 +82,9 @@ function LazyShareForm(props) {
     userPickerOptions,
     isSubmitShareDisabled
   } = props;
+  const header = customHeader ? jsx("div", {
+    css: headerCustomStyles
+  }, customHeader) : null;
   const footer = jsx("div", null, bottomMessage ? jsx("div", {
     css: footerBottomMessageStyles
   }, bottomMessage) : null, customFooter && selectedIntegration === null && jsx("div", {
@@ -87,6 +95,7 @@ function LazyShareForm(props) {
   });
   const allowEmail = allowEmails(config);
   return jsx(ShareFormWrapper, {
+    header: fg('platform_share_custom_header_prop') && header,
     footer: footer
     // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper

package/dist/es2019/components/LazyShareForm/LazyShareFormNext.compiled.css

@@ -2,4 +2,5 @@
 ._19pkidpf{margin-top:0}
 ._1bsb1j89{width:22pc}
 ._2hwx10v4{margin-right:var(--ds-space-negative-300,-24px)}
-._otyrmgjw{margin-bottom:var(--ds-space-negative-200,-1pc)}
+._otyrmgjw{margin-bottom:var(--ds-space-negative-200,-1pc)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}

package/dist/es2019/components/LazyShareForm/LazyShareFormNext.js

@@ -5,6 +5,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives';
 import { Box } from '@atlaskit/primitives/compiled';
 import { messages } from '../../i18n';
@@ -15,7 +16,8 @@ import { ShareFormWrapper } from '../ShareFormWrapper';
 import { allowEmails } from '../utils';
 const styles = {
   footerBottomMessageStyles: "_1bsb1j89",
-  footerCustomStyles: "_19pkidpf _2hwx10v4 _otyrmgjw _18u010v4"
+  footerCustomStyles: "_19pkidpf _2hwx10v4 _otyrmgjw _18u010v4",
+  headerCustomStyles: "_otyrpxbi"
 };
 
 /**
@@ -35,6 +37,7 @@ function LazyShareForm(props) {
     submitButtonLabel,
     product,
     productAttributes,
+    customHeader,
     customFooter,
     enableSmartUserPicker,
     loggedInAccountId,
@@ -69,6 +72,9 @@ function LazyShareForm(props) {
     userPickerOptions,
     isSubmitShareDisabled
   } = props;
+  const header = customHeader ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.headerCustomStyles
+  }, customHeader) : null;
   const footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.footerBottomMessageStyles)
   }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement(Box, {
@@ -79,6 +85,7 @@ function LazyShareForm(props) {
   });
   const allowEmail = allowEmails(config);
   return /*#__PURE__*/React.createElement(ShareFormWrapper, {
+    header: fg('platform_share_custom_header_prop') && header,
     footer: footer
     // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper

package/dist/es2019/components/ShareDialogContainer.js

@@ -5,6 +5,7 @@ import memoizeOne from 'memoize-one';
 import { FormattedMessage } from 'react-intl-next';
 import assert from 'tiny-invariant';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AtlassianUrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import { ShareServiceClient } from '../clients/ShareServiceClient';
 import { messages } from '../i18n';
@@ -291,6 +292,7 @@ export class ShareDialogContainerInternal extends React.Component {
       shareeAction,
       product,
       productAttributes,
+      customHeader,
       customFooter,
       onTriggerButtonClick,
       onUserSelectionChange,
@@ -347,6 +349,7 @@ export class ShareDialogContainerInternal extends React.Component {
       submitButtonLabel: shareeAction === 'edit' && /*#__PURE__*/React.createElement(FormattedMessage, messages.inviteTriggerButtonText),
       product: product,
       productAttributes: productAttributes,
+      customHeader: fg('platform_share_custom_header_prop') && customHeader,
       customFooter: customFooter,
       onUserSelectionChange: onUserSelectionChange,
       shareFieldsFooter: shareFieldsFooter,

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -507,6 +507,7 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
       submitButtonLabel,
       product,
       productAttributes,
+      customHeader,
       customFooter,
       enableSmartUserPicker,
       loggedInAccountId,
@@ -549,6 +550,7 @@ export class ShareDialogWithTriggerInternalLegacy extends React.PureComponent {
           copyLink: copyLink,
           showIntegrationForm: showIntegrationForm,
           bottomMessage: bottomMessage,
+          customHeader: fg('platform_share_custom_header_prop') && customHeader,
           customFooter: footer,
           loadOptions: loadUserOptions,
           isSharing: isSharing,

package/dist/es2019/components/ShareDialogWithTriggerNext.js

@@ -484,6 +484,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       submitButtonLabel,
       product,
       productAttributes,
+      customHeader,
       customFooter,
       enableSmartUserPicker,
       loggedInAccountId,
@@ -518,6 +519,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         copyLink: copyLink,
         showIntegrationForm: showIntegrationForm,
         bottomMessage: bottomMessage,
+        customHeader: fg('platform_share_custom_header_prop') && customHeader,
         customFooter: footer,
         loadOptions: loadUserOptions,
         isSharing: isSharing,

package/dist/es2019/components/ShareForm.js

@@ -74,7 +74,7 @@ const integrationIconWrapperStyles = css({
 const requiredFieldInfoStyles = css({
   marginBottom: "var(--ds-space-200, 16px)",
   color: `var(--ds-text-subtle, ${N300})`,
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 const menuGroupContainerStyles = xcss({
   color: 'color.text',

package/dist/es2019/components/ShareFormNext.compiled.css

@@ -1,4 +1,4 @@
-._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
 ._195g10v4{margin-inline:var(--ds-space-negative-300,-24px)}

package/dist/es2019/components/ShareFormNext.js

@@ -34,7 +34,7 @@ const styles = {
   formFieldStyles: "_otyrutpp",
   integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
   integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
-  requiredFieldInfoStyles: "_11c81vlj _otyrpxbi _syaz1n3s",
+  requiredFieldInfoStyles: "_11c81o8v _otyrpxbi _syaz1n3s",
   menuGroupContainerStyles: "_2rkoglpi _1moux0bf _195g10v4 _syaz1fxt _4cvr1y6m _1bsb1w81"
 };
 const integrationTabText = integrationName => /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {

package/dist/es2019/components/ShareFormWrapper/ShareFormWrapper.js

@@ -9,6 +9,7 @@ const ShareFormWrapper = ({
   shareFormTitle,
   shouldShowTitle,
   children = null,
+  header = null,
   footer = null,
   integrationMode = 'off',
   isMenuItemSelected = false
@@ -20,7 +21,7 @@ const ShareFormWrapper = ({
   const FormWrapper = fg('share-compiled-migration') ? InlineDialogFormWrapperCompiled : InlineDialogFormWrapper;
   return /*#__PURE__*/React.createElement(ContentWrapper, {
     label: formatMessage(messages.formTitle)
-  }, /*#__PURE__*/React.createElement(FormWrapper, {
+  }, fg('platform_share_custom_header_prop') && header, /*#__PURE__*/React.createElement(FormWrapper, {
     integrationMode: integrationMode,
     isMenuItemSelected: isMenuItemSelected
   }, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {

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.0.1",
+  packageVersion: "6.1.1",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/esm/components/IntegrationForm.js

@@ -9,7 +9,7 @@ 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';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
-export var formWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t[class^='FormHeader__FormHeaderWrapper'] {\n\t\th1:first-child {\n\t\t\tfont: ", ";\n\t\t\tmargin-top: ", ";\n\n\t\t\t> span {\n\t\t\t\t/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tletter-spacing: inherit !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t[class^='FormSection__FormSectionWrapper'] {\n\t\tmargin-top: ", ";\n\t}\n\n\t[class^='FormFooter__FormFooterWrapper'] {\n\t\tjustify-content: space-between;\n\t\tmargin-top: ", ";\n\t\tmargin-bottom: ", ";\n\t}\n\n\t[class^='Field__FieldWrapper']:not(:first-child) {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", "var(--ds-space-300, 24px)", "var(--ds-space-0, 0px)", "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
+export var formWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t[class^='FormHeader__FormHeaderWrapper'] {\n\t\th1:first-child {\n\t\t\tfont: ", ";\n\t\t\tmargin-top: ", ";\n\n\t\t\t> span {\n\t\t\t\t/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tletter-spacing: inherit !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t[class^='FormSection__FormSectionWrapper'] {\n\t\tmargin-top: ", ";\n\t}\n\n\t[class^='FormFooter__FormFooterWrapper'] {\n\t\tjustify-content: space-between;\n\t\tmargin-top: ", ";\n\t\tmargin-bottom: ", ";\n\t}\n\n\t[class^='Field__FieldWrapper']:not(:first-child) {\n\t\tmargin-top: ", ";\n\t}\n"])), "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-300, 24px)", "var(--ds-space-0, 0px)", "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)");
 export var IntegrationForm = function IntegrationForm(_ref) {
   var Content = _ref.Content,
     _ref$onIntegrationClo = _ref.onIntegrationClose,

package/dist/esm/components/LazyShareForm/LazyShareForm.js

@@ -9,6 +9,7 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
@@ -25,6 +26,9 @@ var footerBottomMessageStyles = css({
 var footerCustomStyles = css({
   margin: "0 ".concat("var(--ds-space-negative-300, -24px)", " ", "var(--ds-space-negative-200, -16px)", " ", "var(--ds-space-negative-300, -24px)")
 });
+var headerCustomStyles = css({
+  marginBottom: "var(--ds-space-200, 16px)"
+});
 
 /**
  * A Share form content which is lazy-loaded.
@@ -42,6 +46,7 @@ function LazyShareForm(props) {
     submitButtonLabel = props.submitButtonLabel,
     product = props.product,
     productAttributes = props.productAttributes,
+    customHeader = props.customHeader,
     customFooter = props.customFooter,
     enableSmartUserPicker = props.enableSmartUserPicker,
     loggedInAccountId = props.loggedInAccountId,
@@ -72,6 +77,9 @@ function LazyShareForm(props) {
     isBrowseUsersDisabled = props.isBrowseUsersDisabled,
     userPickerOptions = props.userPickerOptions,
     isSubmitShareDisabled = props.isSubmitShareDisabled;
+  var header = customHeader ? jsx("div", {
+    css: headerCustomStyles
+  }, customHeader) : null;
   var footer = jsx("div", null, bottomMessage ? jsx("div", {
     css: footerBottomMessageStyles
   }, bottomMessage) : null, customFooter && selectedIntegration === null && jsx("div", {
@@ -82,6 +90,7 @@ function LazyShareForm(props) {
   });
   var allowEmail = allowEmails(config);
   return jsx(ShareFormWrapper, {
+    header: fg('platform_share_custom_header_prop') && header,
     footer: footer
     // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper

package/dist/esm/components/LazyShareForm/LazyShareFormNext.compiled.css

@@ -2,4 +2,5 @@
 ._19pkidpf{margin-top:0}
 ._1bsb1j89{width:22pc}
 ._2hwx10v4{margin-right:var(--ds-space-negative-300,-24px)}
-._otyrmgjw{margin-bottom:var(--ds-space-negative-200,-1pc)}
+._otyrmgjw{margin-bottom:var(--ds-space-negative-200,-1pc)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}

package/dist/esm/components/LazyShareForm/LazyShareFormNext.js

@@ -5,6 +5,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { cx } from '@atlaskit/css';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Text } from '@atlaskit/primitives';
 import { Box } from '@atlaskit/primitives/compiled';
 import { messages } from '../../i18n';
@@ -15,7 +16,8 @@ import { ShareFormWrapper } from '../ShareFormWrapper';
 import { allowEmails } from '../utils';
 var styles = {
   footerBottomMessageStyles: "_1bsb1j89",
-  footerCustomStyles: "_19pkidpf _2hwx10v4 _otyrmgjw _18u010v4"
+  footerCustomStyles: "_19pkidpf _2hwx10v4 _otyrmgjw _18u010v4",
+  headerCustomStyles: "_otyrpxbi"
 };
 
 /**
@@ -34,6 +36,7 @@ function LazyShareForm(props) {
     submitButtonLabel = props.submitButtonLabel,
     product = props.product,
     productAttributes = props.productAttributes,
+    customHeader = props.customHeader,
     customFooter = props.customFooter,
     enableSmartUserPicker = props.enableSmartUserPicker,
     loggedInAccountId = props.loggedInAccountId,
@@ -64,6 +67,9 @@ function LazyShareForm(props) {
     isBrowseUsersDisabled = props.isBrowseUsersDisabled,
     userPickerOptions = props.userPickerOptions,
     isSubmitShareDisabled = props.isSubmitShareDisabled;
+  var header = customHeader ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.headerCustomStyles
+  }, customHeader) : null;
   var footer = /*#__PURE__*/React.createElement("div", null, bottomMessage ? /*#__PURE__*/React.createElement(Box, {
     xcss: cx(styles.footerBottomMessageStyles)
   }, bottomMessage) : null, customFooter && selectedIntegration === null && /*#__PURE__*/React.createElement(Box, {
@@ -74,6 +80,7 @@ function LazyShareForm(props) {
   });
   var allowEmail = allowEmails(config);
   return /*#__PURE__*/React.createElement(ShareFormWrapper, {
+    header: fg('platform_share_custom_header_prop') && header,
     footer: footer
     // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper

package/dist/esm/components/ShareDialogContainer.js

@@ -18,6 +18,7 @@ import memoizeOne from 'memoize-one';
 import { FormattedMessage } from 'react-intl-next';
 import assert from 'tiny-invariant';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AtlassianUrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import { ShareServiceClient } from '../clients/ShareServiceClient';
 import { messages } from '../i18n';
@@ -336,6 +337,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         shareeAction = _this$props2.shareeAction,
         product = _this$props2.product,
         productAttributes = _this$props2.productAttributes,
+        customHeader = _this$props2.customHeader,
         customFooter = _this$props2.customFooter,
         onTriggerButtonClick = _this$props2.onTriggerButtonClick,
         onUserSelectionChange = _this$props2.onUserSelectionChange,
@@ -390,6 +392,7 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         submitButtonLabel: shareeAction === 'edit' && /*#__PURE__*/React.createElement(FormattedMessage, messages.inviteTriggerButtonText),
         product: product,
         productAttributes: productAttributes,
+        customHeader: fg('platform_share_custom_header_prop') && customHeader,
         customFooter: customFooter,
         onUserSelectionChange: onUserSelectionChange,
         shareFieldsFooter: shareFieldsFooter,

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -558,6 +558,7 @@ export var ShareDialogWithTriggerInternalLegacy = /*#__PURE__*/function (_React$
         submitButtonLabel = _this$props7.submitButtonLabel,
         product = _this$props7.product,
         productAttributes = _this$props7.productAttributes,
+        customHeader = _this$props7.customHeader,
         customFooter = _this$props7.customFooter,
         enableSmartUserPicker = _this$props7.enableSmartUserPicker,
         loggedInAccountId = _this$props7.loggedInAccountId,
@@ -600,6 +601,7 @@ export var ShareDialogWithTriggerInternalLegacy = /*#__PURE__*/function (_React$
               copyLink: copyLink,
               showIntegrationForm: showIntegrationForm,
               bottomMessage: bottomMessage,
+              customHeader: fg('platform_share_custom_header_prop') && customHeader,
               customFooter: footer,
               loadOptions: loadUserOptions,
               isSharing: isSharing,

package/dist/esm/components/ShareDialogWithTriggerNext.js

@@ -535,6 +535,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
         submitButtonLabel = _this$props7.submitButtonLabel,
         product = _this$props7.product,
         productAttributes = _this$props7.productAttributes,
+        customHeader = _this$props7.customHeader,
         customFooter = _this$props7.customFooter,
         enableSmartUserPicker = _this$props7.enableSmartUserPicker,
         loggedInAccountId = _this$props7.loggedInAccountId,
@@ -569,6 +570,7 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             copyLink: copyLink,
             showIntegrationForm: showIntegrationForm,
             bottomMessage: bottomMessage,
+            customHeader: fg('platform_share_custom_header_prop') && customHeader,
             customFooter: footer,
             loadOptions: loadUserOptions,
             isSharing: isSharing,

package/dist/esm/components/ShareForm.js

@@ -83,7 +83,7 @@ var integrationIconWrapperStyles = css({
 var requiredFieldInfoStyles = css({
   marginBottom: "var(--ds-space-200, 16px)",
   color: "var(--ds-text-subtle, ".concat(N300, ")"),
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 var menuGroupContainerStyles = xcss({
   color: 'color.text',

package/dist/esm/components/ShareFormNext.compiled.css

@@ -1,4 +1,4 @@
-._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
 ._195g10v4{margin-inline:var(--ds-space-negative-300,-24px)}

package/dist/esm/components/ShareFormNext.js

@@ -43,7 +43,7 @@ var styles = {
   formFieldStyles: "_otyrutpp",
   integrationWrapperStyles: "_1e0c1txw _4cvr1h6o",
   integrationIconWrapperStyles: "_otyr196n _2hwx1b66",
-  requiredFieldInfoStyles: "_11c81vlj _otyrpxbi _syaz1n3s",
+  requiredFieldInfoStyles: "_11c81o8v _otyrpxbi _syaz1n3s",
   menuGroupContainerStyles: "_2rkoglpi _1moux0bf _195g10v4 _syaz1fxt _4cvr1y6m _1bsb1w81"
 };
 var integrationTabText = function integrationTabText(integrationName) {

package/dist/esm/components/ShareFormWrapper/ShareFormWrapper.js

@@ -10,6 +10,8 @@ var ShareFormWrapper = function ShareFormWrapper(_ref) {
     shouldShowTitle = _ref.shouldShowTitle,
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children,
+    _ref$header = _ref.header,
+    header = _ref$header === void 0 ? null : _ref$header,
     _ref$footer = _ref.footer,
     footer = _ref$footer === void 0 ? null : _ref$footer,
     _ref$integrationMode = _ref.integrationMode,
@@ -22,7 +24,7 @@ var ShareFormWrapper = function ShareFormWrapper(_ref) {
   var FormWrapper = fg('share-compiled-migration') ? InlineDialogFormWrapperCompiled : InlineDialogFormWrapper;
   return /*#__PURE__*/React.createElement(ContentWrapper, {
     label: formatMessage(messages.formTitle)
-  }, /*#__PURE__*/React.createElement(FormWrapper, {
+  }, fg('platform_share_custom_header_prop') && header, /*#__PURE__*/React.createElement(FormWrapper, {
     integrationMode: integrationMode,
     isMenuItemSelected: isMenuItemSelected
   }, shouldShowTitle && /*#__PURE__*/React.createElement(ShareHeader, {

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

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

@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { MenuType, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { type IntegrationFormProps } from '../IntegrationForm';
-export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;

package/dist/types/components/LazyShareForm/LazyShareFormNext.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { MenuType, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { type IntegrationFormProps } from '../IntegrationForm';
-export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;

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

@@ -76,6 +76,7 @@ export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Omit<
     cloudId?: string | undefined;
     bottomMessage?: React.ReactNode;
     product?: import("../types").ProductName | undefined;
+    customHeader?: React.ReactNode;
     customFooter?: React.ReactNode;
     isCopyDisabled?: boolean | undefined;
     isPublicLink?: boolean | undefined;

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

@@ -4,9 +4,10 @@ import { type IntegrationMode } from '../../types/ShareEntities';
 export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareFormTitle'> & {
     shouldShowTitle?: boolean;
     children?: ReactNode;
+    header?: ReactNode;
     footer?: ReactNode;
     integrationMode?: IntegrationMode;
     isMenuItemSelected?: boolean;
 };
-declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, footer, integrationMode, isMenuItemSelected, }: ShareFormWrapperProps) => React.JSX.Element;
+declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, header, footer, integrationMode, isMenuItemSelected, }: ShareFormWrapperProps) => React.JSX.Element;
 export default ShareFormWrapper;

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

@@ -135,6 +135,10 @@ export type ShareDialogContainerProps = {
      */
     product?: ProductName;
     productAttributes?: SmartUserPickerProps['productAttributes'];
+    /**
+     * Header for the share dialog.
+     */
+    customHeader?: React.ReactNode;
     /**
      * Footer for the share dialog.
      */

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

@@ -19,7 +19,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' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled'> & {
+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'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

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

@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { MenuType, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { type IntegrationFormProps } from '../IntegrationForm';
-export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;

package/dist/types-ts4.5/components/LazyShareForm/LazyShareFormNext.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { MenuType, ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { type IntegrationFormProps } from '../IntegrationForm';
-export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+export type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'productAttributes' | 'customHeader' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isMenuItemSelected' | 'isSubmitShareDisabled'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;

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

@@ -76,6 +76,7 @@ export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Omit<
     cloudId?: string | undefined;
     bottomMessage?: React.ReactNode;
     product?: import("../types").ProductName | undefined;
+    customHeader?: React.ReactNode;
     customFooter?: React.ReactNode;
     isCopyDisabled?: boolean | undefined;
     isPublicLink?: boolean | undefined;

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

@@ -4,9 +4,10 @@ import { type IntegrationMode } from '../../types/ShareEntities';
 export type ShareFormWrapperProps = Pick<ShareDialogWithTriggerProps, 'shareFormTitle'> & {
     shouldShowTitle?: boolean;
     children?: ReactNode;
+    header?: ReactNode;
     footer?: ReactNode;
     integrationMode?: IntegrationMode;
     isMenuItemSelected?: boolean;
 };
-declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, footer, integrationMode, isMenuItemSelected, }: ShareFormWrapperProps) => React.JSX.Element;
+declare const ShareFormWrapper: ({ shareFormTitle, shouldShowTitle, children, header, footer, integrationMode, isMenuItemSelected, }: ShareFormWrapperProps) => React.JSX.Element;
 export default ShareFormWrapper;

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

@@ -135,6 +135,10 @@ export type ShareDialogContainerProps = {
      */
     product?: ProductName;
     productAttributes?: SmartUserPickerProps['productAttributes'];
+    /**
+     * Header for the share dialog.
+     */
+    customHeader?: React.ReactNode;
     /**
      * Footer for the share dialog.
      */

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

@@ -19,7 +19,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' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'isMenuItemSelected' | 'shareFieldsFooter' | 'shareIntegrations' | 'additionalTabs' | 'builtInTabContentWidth' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions' | 'isSubmitShareDisabled'> & {
+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'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/share",
-	"version": "6.0.1",
+	"version": "6.1.1",
 	"description": "Fabric Share Element",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -56,8 +56,8 @@
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tabs": "^18.0.0",
 		"@atlaskit/textarea": "^8.0.0",
-		"@atlaskit/theme": "^17.0.0",
-		"@atlaskit/tokens": "^4.2.0",
+		"@atlaskit/theme": "^18.0.0",
+		"@atlaskit/tokens": "^4.3.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/user-picker": "^11.0.0",
@@ -73,7 +73,7 @@
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@atlaskit/editor-test-helpers": "^22.0.0",
+		"@atlaskit/editor-test-helpers": "^22.1.0",
 		"@atlaskit/flag": "^16.1.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@testing-library/react": "^13.4.0",
@@ -133,6 +133,9 @@
 		},
 		"share-compiled-migration": {
 			"type": "boolean"
+		},
+		"platform_share_custom_header_prop": {
+			"type": "boolean"
 		}
 	},
 	"sideEffects": [