@atlaskit/share 4.18.3 → 4.18.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/share
 
+## 4.18.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.18.3
 
 ### Patch Changes

package/compass.yml

@@ -38,6 +38,5 @@ customFields:
   - name: Test
     type: text
     value: null
-
 # Learn more about formatting compass.yml:
 # https://go.atlassian.com/compass-yml-format

package/dist/cjs/components/CopyLinkButton.js

@@ -24,10 +24,12 @@ 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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var Z_INDEX = _constants.layers.modal();
 var AUTO_DISMISS_SECONDS = 8;
 var AUTO_DISMISS_MS = exports.AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var messageContainerStyle = exports.messageContainerStyle = (0, _react2.css)({
   display: 'flex',
   alignItems: 'center',

package/dist/cjs/components/IntegrationButton.js

@@ -14,7 +14,11 @@ var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["text", "textColor", "IntegrationIcon"];
 var _templateObject, _templateObject2;
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 var integrationButtonCopyWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tjustify-content: left;\n"])));
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 var integrationIconWrapperStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin: ", " ", " ", "\n\t\t", ";\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-100, 8px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)");
 var IntegrationButton = function IntegrationButton(props) {
   var text = props.text,

package/dist/cjs/components/IntegrationForm.js

@@ -11,6 +11,8 @@ var _react2 = require("@emotion/react");
 var _typography = require("@atlaskit/theme/typography");
 var _templateObject;
 /** @jsx jsx */
+// 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/no-exported-css, @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\t", "\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"])), (0, _typography.h500)(), "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,

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

@@ -19,8 +19,18 @@ var _utils = require("../utils");
 /** @jsx jsx */
 /** @jsxFrag */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 
+var footerBottomMessageStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  width: "".concat((0, _constants.gridSize)() * 44, "px")
+});
+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)")
+});
+
 /**
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
@@ -64,13 +74,9 @@ function LazyShareForm(props) {
     isBrowseUsersDisabled = props.isBrowseUsersDisabled,
     userPickerOptions = props.userPickerOptions;
   var footer = (0, _react2.jsx)("div", null, bottomMessage ? (0, _react2.jsx)("div", {
-    css: {
-      width: "".concat((0, _constants.gridSize)() * 44, "px")
-    }
+    css: footerBottomMessageStyles
   }, bottomMessage) : null, customFooter && selectedIntegration === null && (0, _react2.jsx)("div", {
-    css: {
-      margin: "0 ".concat("var(--ds-space-negative-300, -24px)", " ", "var(--ds-space-negative-200, -16px)", " ", "var(--ds-space-negative-300, -24px)")
-    }
+    css: footerCustomStyles
   }, customFooter));
   _react.default.useEffect(function () {
     setIsLoading(false);

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

@@ -12,7 +12,14 @@ 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; } /** @jsx jsx */
+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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var spinnerWrapperStyles = (0, _react2.css)({
+  width: '100%',
+  height: '100%',
+  display: 'flex',
+  justifyContent: 'center',
+  alignContent: 'center'
+});
 var LazyShareFormLazy = (0, _reactLooselyLazy.lazyForPaint)(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_share-form" */
@@ -38,13 +45,7 @@ var LoadingDialog = function LoadingDialog(_ref) {
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
   }, (0, _react2.jsx)("div", {
-    css: {
-      width: '100%',
-      height: '100%',
-      display: 'flex',
-      justifyContent: 'center',
-      alignContent: 'center'
-    }
+    css: spinnerWrapperStyles
   }, (0, _react2.jsx)(_spinner.default, null)));
 };
 var _default = exports.default = function _default(props) {

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -35,7 +35,8 @@ 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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line no-duplicate-imports
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line no-duplicate-imports
 var shareButtonWrapperStyles = (0, _react2.css)({
   display: 'inline-flex',
   outline: 'none'

package/dist/cjs/components/ShareForm.js

@@ -42,7 +42,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var submitButtonWrapperStyles = (0, _react2.css)({
   display: 'flex',
   marginLeft: 'auto'
@@ -51,17 +51,23 @@ var centerAlignedIconWrapperStyles = (0, _react2.css)({
   display: 'flex',
   alignSelf: 'center',
   padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-150, 12px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     lineHeight: 1
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var formWrapperStyles = exports.formWrapperStyles = (0, _react2.css)({
   marginTop: "var(--ds-space-100, 8px)",
   width: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '#ghx-modes-tools #ghx-share & h1:first-child': {
     marginTop: 0
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var formFooterStyles = exports.formFooterStyles = (0, _react2.css)({
   display: 'flex',
   justifyContent: 'flex-start'

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

@@ -8,6 +8,8 @@ var _react = require("@emotion/react");
 var _ShareMenuItem = require("../ShareMenuItem");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 /**
  * Set fixed width considering full form width and full menu width in order
  * to prevent dialog form from bouncing when isLoading prop is set to true.
@@ -27,6 +29,7 @@ var InlineDialogFormWrapper = exports.InlineDialogFormWrapper = function InlineD
     integrationMode = _ref2.integrationMode,
     isMenuItemSelected = _ref2.isMenuItemSelected;
   return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: {
       width: calculateFormWrapperWidth({
         integrationMode: integrationMode,
@@ -35,6 +38,9 @@ var InlineDialogFormWrapper = exports.InlineDialogFormWrapper = function InlineD
     }
   }, children);
 };
+var inlineDialogContentWrapperStyles = (0, _react.css)({
+  padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)")
+});
 
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
@@ -46,9 +52,7 @@ var InlineDialogContentWrapper = exports.InlineDialogContentWrapper = function I
   var children = _ref3.children,
     label = _ref3.label;
   return (0, _react.jsx)("div", {
-    css: {
-      padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)")
-    },
+    css: inlineDialogContentWrapperStyles,
     "aria-label": label
   }, children);
 };

package/dist/cjs/components/ShareHeader.js

@@ -12,22 +12,28 @@ var _typography = require("@atlaskit/theme/typography");
 var _i18n = require("../i18n");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var headerWrapperStyles = (0, _react2.css)({
   display: 'flex',
   justifyContent: 'space-between'
 });
 var getFormHeaderTitleStyles = exports.getFormHeaderTitleStyles = function getFormHeaderTitleStyles(theme) {
-  return (0, _react2.css)((0, _typography.h500)(theme), {
-    lineHeight: "var(--ds-space-400, 32px)",
-    marginRight: "var(--ds-space-400, 32px)",
-    marginTop: "var(--ds-space-400, 32px)",
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    '> span': {
-      fontSize: 'initial'
-    }
-  });
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    (0, _react2.css)((0, _typography.h500)(theme), {
+      lineHeight: "var(--ds-space-400, 32px)",
+      marginRight: "var(--ds-space-400, 32px)",
+      marginTop: "var(--ds-space-400, 32px)",
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+      '> span': {
+        fontSize: 'initial'
+      }
+    })
+  );
 };
 var ShareHeader = exports.ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;

package/dist/cjs/components/SplitButton.js

@@ -21,6 +21,7 @@ var _analytics = require("./analytics/analytics");
 var _IntegrationButton = _interopRequireDefault(require("./IntegrationButton"));
 var _excluded = ["triggerRef"];
 /** @jsx jsx */
+// 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; }
 // span

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

package/dist/es2019/components/CopyLinkButton.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 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';
@@ -14,6 +16,8 @@ import Button from './styles';
 const Z_INDEX = layers.modal();
 const AUTO_DISMISS_SECONDS = 8;
 export const AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const messageContainerStyle = css({
   display: 'flex',
   alignItems: 'center',

package/dist/es2019/components/IntegrationButton.js

@@ -1,12 +1,17 @@
 /** @jsx jsx */
 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 Button from '@atlaskit/button/custom-theme-button';
 import { N500 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 const integrationButtonCopyWrapperStyle = css`
 	display: flex;
 	justify-content: left;
 `;
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 const integrationIconWrapperStyle = css`
 	margin: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-0, 0px)"}
 		${"var(--ds-space-0, 0px)"};

package/dist/es2019/components/IntegrationForm.js

@@ -1,7 +1,10 @@
 /** @jsx jsx */
 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 { h500 } from '@atlaskit/theme/typography';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 export const formWrapperStyle = css`
 	[class^='FormHeader__FormHeaderWrapper'] {
 		h1:first-child {

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

@@ -1,7 +1,9 @@
 /** @jsx jsx */
 /** @jsxFrag */
 import React from 'react';
-import { jsx } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -12,6 +14,14 @@ import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
 import { allowEmails } from '../utils';
+const footerBottomMessageStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  width: `${gridSize() * 44}px`
+});
+const footerCustomStyles = css({
+  margin: `0 ${"var(--ds-space-negative-300, -24px)"} ${"var(--ds-space-negative-200, -16px)"} ${"var(--ds-space-negative-300, -24px)"}`
+});
+
 /**
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
@@ -60,13 +70,9 @@ function LazyShareForm(props) {
     userPickerOptions
   } = props;
   const footer = jsx("div", null, bottomMessage ? jsx("div", {
-    css: {
-      width: `${gridSize() * 44}px`
-    }
+    css: footerBottomMessageStyles
   }, bottomMessage) : null, customFooter && selectedIntegration === null && jsx("div", {
-    css: {
-      margin: `0 ${"var(--ds-space-negative-300, -24px)"} ${"var(--ds-space-negative-200, -16px)"} ${"var(--ds-space-negative-300, -24px)"}`
-    }
+    css: footerCustomStyles
   }, customFooter));
   React.useEffect(() => {
     setIsLoading(false);

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

@@ -1,9 +1,18 @@
 /** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import Spinner from '@atlaskit/spinner';
 import { ShareFormWrapper } from '../ShareFormWrapper';
+const spinnerWrapperStyles = css({
+  width: '100%',
+  height: '100%',
+  display: 'flex',
+  justifyContent: 'center',
+  alignContent: 'center'
+});
 const LazyShareFormLazy = lazyForPaint(() => import( /* webpackChunkName: "@atlaskit-internal_share-form" */
 './LazyShareForm'), {
   ssr: false
@@ -26,13 +35,7 @@ const LoadingDialog = ({
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
   }, jsx("div", {
-    css: {
-      width: '100%',
-      height: '100%',
-      display: 'flex',
-      justifyContent: 'center',
-      alignContent: 'center'
-    }
+    css: spinnerWrapperStyles
   }, jsx(Spinner, null)));
 };
 export default (props => jsx(LazySuspense, {

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 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 { FormattedMessage, injectIntl } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/es2019/components/ShareForm.js

@@ -2,6 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 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 { FormattedMessage, injectIntl } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
@@ -32,17 +34,23 @@ const centerAlignedIconWrapperStyles = css({
   display: 'flex',
   alignSelf: 'center',
   padding: `${"var(--ds-space-0, 0px)"} ${"var(--ds-space-150, 12px)"}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     lineHeight: 1
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const formWrapperStyles = css({
   marginTop: "var(--ds-space-100, 8px)",
   width: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '#ghx-modes-tools #ghx-share & h1:first-child': {
     marginTop: 0
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const formFooterStyles = css({
   display: 'flex',
   justifyContent: 'flex-start'

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
-import { jsx } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
 import { menuWrapperWidth } from '../ShareMenuItem';
 
 /**
@@ -24,6 +25,7 @@ export const InlineDialogFormWrapper = ({
   isMenuItemSelected
 }) => {
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: {
       width: calculateFormWrapperWidth({
         integrationMode,
@@ -32,6 +34,9 @@ export const InlineDialogFormWrapper = ({
     }
   }, children);
 };
+const inlineDialogContentWrapperStyles = css({
+  padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`
+});
 
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
@@ -44,9 +49,7 @@ export const InlineDialogContentWrapper = ({
   label
 }) => {
   return jsx("div", {
-    css: {
-      padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`
-    },
+    css: inlineDialogContentWrapperStyles,
     "aria-label": label
   }, children);
 };

package/dist/es2019/components/ShareHeader.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, useTheme } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { h500 } from '@atlaskit/theme/typography';
@@ -8,13 +10,16 @@ const headerWrapperStyles = css({
   display: 'flex',
   justifyContent: 'space-between'
 });
-export const getFormHeaderTitleStyles = theme => css(h500(theme), {
+export const getFormHeaderTitleStyles = theme =>
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+css(h500(theme), {
   lineHeight: "var(--ds-space-400, 32px)",
   marginRight: "var(--ds-space-400, 32px)",
   marginTop: "var(--ds-space-400, 32px)",
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span': {
     fontSize: 'initial'
   }

package/dist/es2019/components/SplitButton.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { SplitButton as AKSplitButton, IconButton } from '@atlaskit/button/new';
@@ -13,6 +15,7 @@ import IntegrationButton from './IntegrationButton';
 
 // span
 const dropDownIntegrationButtonWrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   ['button:hover']: {
     background: 'transparent'
   }

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

package/dist/esm/components/CopyLinkButton.js

@@ -9,6 +9,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 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';
@@ -22,6 +24,8 @@ import Button from './styles';
 var Z_INDEX = layers.modal();
 var AUTO_DISMISS_SECONDS = 8;
 export var AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var messageContainerStyle = css({
   display: 'flex',
   alignItems: 'center',

package/dist/esm/components/IntegrationButton.js

@@ -4,10 +4,15 @@ var _excluded = ["text", "textColor", "IntegrationIcon"];
 var _templateObject, _templateObject2;
 /** @jsx jsx */
 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 Button from '@atlaskit/button/custom-theme-button';
 import { N500 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 var integrationButtonCopyWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tjustify-content: left;\n"])));
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 var integrationIconWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tmargin: ", " ", " ", "\n\t\t", ";\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-100, 8px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)");
 var IntegrationButton = function IntegrationButton(props) {
   var text = props.text,

package/dist/esm/components/IntegrationForm.js

@@ -2,8 +2,11 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 /** @jsx jsx */
 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 { h500 } from '@atlaskit/theme/typography';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @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\t", "\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"])), h500(), "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,

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

@@ -1,7 +1,9 @@
 /** @jsx jsx */
 /** @jsxFrag */
 import React from 'react';
-import { jsx } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
@@ -12,6 +14,14 @@ import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
 import { allowEmails } from '../utils';
+var footerBottomMessageStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  width: "".concat(gridSize() * 44, "px")
+});
+var footerCustomStyles = css({
+  margin: "0 ".concat("var(--ds-space-negative-300, -24px)", " ", "var(--ds-space-negative-200, -16px)", " ", "var(--ds-space-negative-300, -24px)")
+});
+
 /**
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
@@ -55,13 +65,9 @@ function LazyShareForm(props) {
     isBrowseUsersDisabled = props.isBrowseUsersDisabled,
     userPickerOptions = props.userPickerOptions;
   var footer = jsx("div", null, bottomMessage ? jsx("div", {
-    css: {
-      width: "".concat(gridSize() * 44, "px")
-    }
+    css: footerBottomMessageStyles
   }, bottomMessage) : null, customFooter && selectedIntegration === null && jsx("div", {
-    css: {
-      margin: "0 ".concat("var(--ds-space-negative-300, -24px)", " ", "var(--ds-space-negative-200, -16px)", " ", "var(--ds-space-negative-300, -24px)")
-    }
+    css: footerCustomStyles
   }, customFooter));
   React.useEffect(function () {
     setIsLoading(false);

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

@@ -1,9 +1,18 @@
 /** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import Spinner from '@atlaskit/spinner';
 import { ShareFormWrapper } from '../ShareFormWrapper';
+var spinnerWrapperStyles = css({
+  width: '100%',
+  height: '100%',
+  display: 'flex',
+  justifyContent: 'center',
+  alignContent: 'center'
+});
 var LazyShareFormLazy = lazyForPaint(function () {
   return import( /* webpackChunkName: "@atlaskit-internal_share-form" */
   './LazyShareForm');
@@ -27,13 +36,7 @@ var LoadingDialog = function LoadingDialog(_ref) {
     ,
     shouldShowTitle: typeof showTitle === 'boolean' ? showTitle : true
   }, jsx("div", {
-    css: {
-      width: '100%',
-      height: '100%',
-      display: 'flex',
-      justifyContent: 'center',
-      alignContent: 'center'
-    }
+    css: spinnerWrapperStyles
   }, jsx(Spinner, null)));
 };
 export default (function (props) {

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -13,6 +13,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 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 { FormattedMessage, injectIntl } from 'react-intl-next';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/components/ShareForm.js

@@ -12,6 +12,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 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 { FormattedMessage, injectIntl } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
@@ -42,17 +44,23 @@ var centerAlignedIconWrapperStyles = css({
   display: 'flex',
   alignSelf: 'center',
   padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-150, 12px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     lineHeight: 1
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var formWrapperStyles = css({
   marginTop: "var(--ds-space-100, 8px)",
   width: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '#ghx-modes-tools #ghx-share & h1:first-child': {
     marginTop: 0
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var formFooterStyles = css({
   display: 'flex',
   justifyContent: 'flex-start'

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 
-import { jsx } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
 import { menuWrapperWidth } from '../ShareMenuItem';
 
 /**
@@ -22,6 +23,7 @@ export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref2) {
     integrationMode = _ref2.integrationMode,
     isMenuItemSelected = _ref2.isMenuItemSelected;
   return jsx("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: {
       width: calculateFormWrapperWidth({
         integrationMode: integrationMode,
@@ -30,6 +32,9 @@ export var InlineDialogFormWrapper = function InlineDialogFormWrapper(_ref2) {
     }
   }, children);
 };
+var inlineDialogContentWrapperStyles = css({
+  padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)")
+});
 
 /**
  * Apply the same styling, as previous @atlaskit/inline-dialog had,
@@ -41,9 +46,7 @@ export var InlineDialogContentWrapper = function InlineDialogContentWrapper(_ref
   var children = _ref3.children,
     label = _ref3.label;
   return jsx("div", {
-    css: {
-      padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)")
-    },
+    css: inlineDialogContentWrapperStyles,
     "aria-label": label
   }, children);
 };

package/dist/esm/components/ShareHeader.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx, useTheme } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { h500 } from '@atlaskit/theme/typography';
@@ -9,17 +11,21 @@ var headerWrapperStyles = css({
   justifyContent: 'space-between'
 });
 export var getFormHeaderTitleStyles = function getFormHeaderTitleStyles(theme) {
-  return css(h500(theme), {
-    lineHeight: "var(--ds-space-400, 32px)",
-    marginRight: "var(--ds-space-400, 32px)",
-    marginTop: "var(--ds-space-400, 32px)",
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    '> span': {
-      fontSize: 'initial'
-    }
-  });
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    css(h500(theme), {
+      lineHeight: "var(--ds-space-400, 32px)",
+      marginRight: "var(--ds-space-400, 32px)",
+      marginTop: "var(--ds-space-400, 32px)",
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+      '> span': {
+        fontSize: 'initial'
+      }
+    })
+  );
 };
 export var ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;

package/dist/esm/components/SplitButton.js

@@ -4,6 +4,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["triggerRef"];
 /** @jsx jsx */
 import React, { useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { SplitButton as AKSplitButton, IconButton } from '@atlaskit/button/new';

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

package/package.json

@@ -1,121 +1,121 @@
 {
-  "name": "@atlaskit/share",
-  "version": "4.18.3",
-  "description": "Fabric Share Element",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "atlaskit:src": "src/index.ts",
-  "atlassian": {
-    "team": "People and Teams Collective",
-    "releaseModel": "continuous",
-    "productPushConsumption": [
-      "jira"
-    ],
-    "website": {
-      "name": "Share"
-    }
-  },
-  "scripts": {
-    "lint:fix": "(cd ../../.. && yarn workspace @atlaskit/codeshifts format-package-jsons && yarn eslint --fix 'packages/elements/share/**/*.{ts,tsx,ts}')",
-    "lint": "(cd ../../.. && yarn eslint 'packages/elements/share/**/*.{ts,tsx,ts}')",
-    "typecheck": "NODE_OPTIONS=--max-old-space-size=4096 tsc --noEmit --project ./tsconfig.json",
-    "test": "(cd ../../.. && yarn test 'packages/elements/share')"
-  },
-  "config": {
-    "access": "private"
-  },
-  "dependencies": {
-    "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/button": "^17.17.0",
-    "@atlaskit/dropdown-menu": "^12.11.0",
-    "@atlaskit/form": "^10.3.0",
-    "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/menu": "^2.4.0",
-    "@atlaskit/popper": "^6.0.0",
-    "@atlaskit/popup": "^1.17.0",
-    "@atlaskit/portal": "^4.5.0",
-    "@atlaskit/primitives": "^7.0.0",
-    "@atlaskit/smart-user-picker": "^6.9.0",
-    "@atlaskit/spinner": "^16.1.0",
-    "@atlaskit/tabs": "^16.1.0",
-    "@atlaskit/textarea": "^5.4.0",
-    "@atlaskit/theme": "^12.9.0",
-    "@atlaskit/tokens": "^1.49.0",
-    "@atlaskit/tooltip": "^18.4.0",
-    "@atlaskit/ufo": "^0.2.0",
-    "@atlaskit/user-picker": "^10.21.0",
-    "@atlaskit/util-service-support": "^6.2.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "@react-loosely-lazy/manifest": "^1.0.0",
-    "fast-deep-equal": "^3.1.1",
-    "memoize-one": "^6.0.0",
-    "react-intl-next": "npm:react-intl@^5.18.1",
-    "react-loosely-lazy": "^1.0.0",
-    "tiny-invariant": "^1.2.0"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0"
-  },
-  "devDependencies": {
-    "@atlaskit/editor-test-helpers": "^18.23.0",
-    "@atlaskit/flag": "^15.5.0",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/user-event": "^14.4.3",
-    "enzyme": "^3.10.0",
-    "enzyme-adapter-react-16": "^1.15.1",
-    "react": "^16.8.0",
-    "typescript": "~5.4.2"
-  },
-  "keywords": [
-    "ui",
-    "share",
-    "fabric",
-    "teams"
-  ],
-  "techstack": {
-    "@atlassian/frontend": {
-      "package-boundaries": [
-        "linting"
-      ],
-      "tree-shaking": [
-        "atlassian-conventions"
-      ],
-      "import-structure": [
-        "atlassian-conventions"
-      ],
-      "circular-dependencies": [
-        "file-and-folder-level"
-      ]
-    },
-    "@repo/internal": {
-      "ui-components": "lite-mode",
-      "analytics": "analytics-next",
-      "deprecation": "no-deprecated-imports",
-      "design-tokens": [
-        "color"
-      ]
-    }
-  },
-  "af:exports": {
-    ".": "./src/index.ts",
-    "./clients": "./src/clients/index.ts",
-    "./copy-link-button": "./src/components/CopyLinkButton.tsx"
-  }
-}
+	"name": "@atlaskit/share",
+	"version": "4.18.4",
+	"description": "Fabric Share Element",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"atlaskit:src": "src/index.ts",
+	"atlassian": {
+		"team": "People and Teams Collective",
+		"releaseModel": "continuous",
+		"productPushConsumption": [
+			"jira"
+		],
+		"website": {
+			"name": "Share"
+		}
+	},
+	"scripts": {
+		"lint:fix": "(cd ../../.. && yarn workspace @atlaskit/codeshifts format-package-jsons && yarn eslint --fix 'packages/elements/share/**/*.{ts,tsx,ts}')",
+		"lint": "(cd ../../.. && yarn eslint 'packages/elements/share/**/*.{ts,tsx,ts}')",
+		"typecheck": "NODE_OPTIONS=--max-old-space-size=4096 tsc --noEmit --project ./tsconfig.json",
+		"test": "(cd ../../.. && yarn test 'packages/elements/share')"
+	},
+	"config": {
+		"access": "private"
+	},
+	"dependencies": {
+		"@atlaskit/analytics-next": "^9.3.0",
+		"@atlaskit/button": "^17.22.0",
+		"@atlaskit/dropdown-menu": "^12.13.0",
+		"@atlaskit/form": "^10.4.0",
+		"@atlaskit/icon": "^22.4.0",
+		"@atlaskit/menu": "^2.5.0",
+		"@atlaskit/popper": "^6.1.0",
+		"@atlaskit/popup": "^1.19.0",
+		"@atlaskit/portal": "^4.6.0",
+		"@atlaskit/primitives": "^8.0.0",
+		"@atlaskit/smart-user-picker": "^6.9.0",
+		"@atlaskit/spinner": "^16.2.0",
+		"@atlaskit/tabs": "^16.2.0",
+		"@atlaskit/textarea": "^5.5.0",
+		"@atlaskit/theme": "^12.10.0",
+		"@atlaskit/tokens": "^1.51.0",
+		"@atlaskit/tooltip": "^18.5.0",
+		"@atlaskit/ufo": "^0.2.0",
+		"@atlaskit/user-picker": "^10.21.0",
+		"@atlaskit/util-service-support": "^6.2.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1",
+		"@react-loosely-lazy/manifest": "^1.0.0",
+		"fast-deep-equal": "^3.1.1",
+		"memoize-one": "^6.0.0",
+		"react-intl-next": "npm:react-intl@^5.18.1",
+		"react-loosely-lazy": "^1.0.0",
+		"tiny-invariant": "^1.2.0"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0"
+	},
+	"devDependencies": {
+		"@atlaskit/editor-test-helpers": "^18.23.0",
+		"@atlaskit/flag": "^15.6.0",
+		"@testing-library/react": "^12.1.5",
+		"@testing-library/user-event": "^14.4.3",
+		"enzyme": "^3.10.0",
+		"enzyme-adapter-react-16": "^1.15.1",
+		"react": "^16.8.0",
+		"typescript": "~5.4.2"
+	},
+	"keywords": [
+		"ui",
+		"share",
+		"fabric",
+		"teams"
+	],
+	"techstack": {
+		"@atlassian/frontend": {
+			"package-boundaries": [
+				"linting"
+			],
+			"tree-shaking": [
+				"atlassian-conventions"
+			],
+			"import-structure": [
+				"atlassian-conventions"
+			],
+			"circular-dependencies": [
+				"file-and-folder-level"
+			]
+		},
+		"@repo/internal": {
+			"ui-components": "lite-mode",
+			"analytics": "analytics-next",
+			"deprecation": "no-deprecated-imports",
+			"design-tokens": [
+				"color"
+			]
+		}
+	},
+	"af:exports": {
+		".": "./src/index.ts",
+		"./clients": "./src/clients/index.ts",
+		"./copy-link-button": "./src/components/CopyLinkButton.tsx"
+	}
+}