@atlaskit/share 4.18.0 → 4.18.2

package/dist/es2019/components/SplitButton.js

@@ -3,42 +3,20 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import Button from '@atlaskit/button/standard-button';
+import { SplitButton as AKSplitButton, IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { N800 } from '@atlaskit/theme/colors';
 import { messages } from '../i18n';
 import { shareIntegrationButtonEvent } from './analytics/analytics';
 import IntegrationButton from './IntegrationButton';
-const splitButtonWrapperStyles = css`
-  display: flex;
-  button {
-    border-radius: ${"var(--ds-border-radius, 3px)"} ${"var(--ds-space-0, 0px)"}
-      ${"var(--ds-space-0, 0px)"} ${"var(--ds-border-radius, 3px)"};
-  }
-  button:hover {
-    border-radius: ${"var(--ds-border-radius, 3px)"} ${"var(--ds-space-0, 0px)"}
-      ${"var(--ds-space-0, 0px)"} ${"var(--ds-border-radius, 3px)"};
-  }
-`;
-const dropdownMenuWrapperStyles = css`
-  margin-left: ${"var(--ds-space-025, 2px)"};
-  button {
-    border-radius: ${"var(--ds-space-0, 0px)"} ${"var(--ds-border-radius, 3px)"}
-      ${"var(--ds-border-radius, 3px)"} ${"var(--ds-space-0, 0px)"};
-  }
-  button:hover {
-    border-radius: ${"var(--ds-space-0, 0px)"} ${"var(--ds-border-radius, 3px)"}
-      ${"var(--ds-border-radius, 3px)"} ${"var(--ds-space-0, 0px)"};
-  }
-`;
 
 // span
-const dropDownIntegrationButtonWrapperStyles = css`
-  button:hover {
-    background: transparent;
+const dropDownIntegrationButtonWrapperStyles = css({
+  ['button:hover']: {
+    background: 'transparent'
   }
-`;
+});
 const integrationButtonText = integrationName => jsx(FormattedMessage, _extends({}, messages.shareToIntegrationButtonText, {
   values: {
     integrationName
@@ -67,18 +45,16 @@ const SplitButtonDropdown = props => {
     onIntegrationClick(integration);
     createAndFireEvent(shareIntegrationButtonEvent(integration.type));
   }, [createAndFireEvent, onIntegrationClick]);
-  return jsx("div", {
-    css: dropdownMenuWrapperStyles
-  }, jsx(DropdownMenu, {
+  return jsx(DropdownMenu, {
     testId: "split-button-dropdown",
     trigger: ({
       triggerRef,
       ...providedProps
-    }) => jsx(Button, _extends({}, providedProps, {
+    }) => jsx(IconButton, _extends({
+      label: ""
+    }, providedProps, {
       ref: triggerRef,
-      iconBefore: jsx(ChevronDownIcon, {
-        label: ""
-      }),
+      icon: ChevronDownIcon,
       appearance: triggerButtonAppearance
     })),
     placement: "bottom-end",
@@ -96,7 +72,7 @@ const SplitButtonDropdown = props => {
     shouldFitContainer: true,
     text: integrationButtonText(integration.type),
     IntegrationIcon: integration.Icon
-  })))))));
+  }))))));
 };
 SplitButtonDropdown.displayName = 'SplitButtonDropdown';
 export default function SplitButton({
@@ -107,13 +83,11 @@ export default function SplitButton({
   shareIntegrations,
   onIntegrationClick,
   triggerButtonAppearance,
-  dialogZIndex,
-  dialogPlacement,
   createAndFireEvent
 }) {
-  return jsx("div", {
-    css: splitButtonWrapperStyles,
-    "data-testid": "split-button"
+  return jsx(AKSplitButton, {
+    "data-testid": "split-button",
+    appearance: triggerButtonAppearance
   }, shareButton, jsx(SplitButtonDropdown, {
     shareIntegrations: shareIntegrations,
     triggerButtonAppearance: triggerButtonAppearance,

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

package/dist/es2019/components/colorSlackIcon.js

@@ -14,41 +14,57 @@ const SlackIcon = () => {
     id: "prefix__svg_2"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_3",
-    d: "M27.4 79.2c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h12.9v12.9z",
+    d: "M27.4 79.2c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h12.9v12.9z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st0"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_4",
-    d: "M33.9 79.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V79.2z",
+    d: "M33.9 79.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V79.2z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st0"
   })), /*#__PURE__*/React.createElement("g", {
     id: "prefix__svg_5"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_6",
-    d: "M46.8 27.4c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v12.9H46.8z",
+    d: "M46.8 27.4c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v12.9H46.8z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st1"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_7",
-    d: "M46.8 33.9c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H14.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3z",
+    d: "M46.8 33.9c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H14.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st1"
   })), /*#__PURE__*/React.createElement("g", {
     id: "prefix__svg_8"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_9",
-    d: "M98.6 46.8c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H98.6V46.8z",
+    d: "M98.6 46.8c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H98.6V46.8z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st2"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_10",
-    d: "M92.1 46.8c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V14.5c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9v32.3z",
+    d: "M92.1 46.8c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V14.5c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9v32.3z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st2"
   })), /*#__PURE__*/React.createElement("g", {
     id: "prefix__svg_11"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_12",
-    d: "M79.2 98.6c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V98.6h12.9z",
+    d: "M79.2 98.6c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V98.6h12.9z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st3"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_13",
-    d: "M79.2 92.1c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9H79.2z",
+    d: "M79.2 92.1c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9H79.2z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st3"
   })))));
 };

package/dist/es2019/components/styles.js

@@ -2,24 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 export const MAX_PICKER_HEIGHT = 102;
-const StyledButton = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Button, _extends({
+const StyledButton = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// TODO: (from codemod) CustomThemeButton will be deprecated. Please consider migrating to Pressable or Anchor Primitives with custom styles.
+React.createElement(Button, _extends({
   ref: ref
-}, props, {
-  theme: (currentTheme, themeProps) => {
-    const {
-      buttonStyles,
-      ...rest
-    } = currentTheme(themeProps);
-    return {
-      buttonStyles: {
-        ...buttonStyles,
-        padding: 0,
-        '& > span > span:first-of-type': {
-          margin: '0' // This is a workaround for an issue in AtlasKit (https://ecosystem.atlassian.net/browse/AK-3976)
-        }
-      },
-      ...rest
-    };
-  }
-})));
+}, props)));
 export default StyledButton;

package/dist/esm/components/CopyLinkButton.js

@@ -5,8 +5,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
@@ -15,6 +13,7 @@ import { css, jsx } from '@emotion/react';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
 import Popup from '@atlaskit/popup';
+import { Box, xcss } from '@atlaskit/primitives';
 import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
@@ -23,13 +22,20 @@ import Button from './styles';
 var Z_INDEX = layers.modal();
 var AUTO_DISMISS_SECONDS = 8;
 export var AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
-export var messageContainerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: ", "\n    ", ";\n"])), "var(--ds-space-negative-100, -8px)", "var(--ds-space-negative-200, -16px)");
-var messageTextStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  text-indent: ", ";\n"])), "var(--ds-space-075, 6px)");
+export var messageContainerStyle = css({
+  display: 'flex',
+  alignItems: 'center',
+  margin: "var(--ds-space-negative-100, -8px)".concat("\n    ", "var(--ds-space-negative-200, -16px)")
+});
+var messageTextStyle = xcss({
+  textIndent: 'space.075'
+});
 var isSafari = navigator.userAgent.indexOf('Safari');
 export var HiddenInput = /*#__PURE__*/React.forwardRef(
 // we need a hidden input to reliably copy to clipboard across all browsers.
 function (props, ref) {
   return jsx("input", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: {
       position: 'absolute',
       left: '-9999px'
@@ -93,7 +99,10 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
         iconBefore = _this$props.iconBefore;
       return jsx(Button, {
         "aria-label": copyLinkButtonText,
-        isDisabled: isDisabled,
+        isDisabled: isDisabled
+        // TODO: (from codemod)"link" and "subtle-link" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.
+        // https://product-fabric.atlassian.net/browse/DSP-18980
+        ,
         appearance: "subtle-link",
         iconBefore: iconBefore || jsx(LinkFilledIcon, {
           label: "",
@@ -118,7 +127,9 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
       var _this$props2 = this.props,
         copyTooltipText = _this$props2.copyTooltipText,
         copiedToClipboardText = _this$props2.copiedToClipboardText;
-      return jsx(React.Fragment, null, isSafari && jsx("div", {
+      return jsx(React.Fragment, null, isSafari &&
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      jsx("div", {
         className: "assistive",
         "aria-live": "assertive"
       }, shouldShowCopiedMessage && copiedToClipboardText), jsx(HiddenInput, {
@@ -134,8 +145,8 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
             label: "",
             primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
-          }), jsx("div", {
-            css: messageTextStyle
+          }), jsx(Box, {
+            xcss: messageTextStyle
           }, copiedToClipboardText))));
         },
         isOpen: shouldShowCopiedMessage,

package/dist/esm/components/IntegrationButton.js

@@ -14,14 +14,17 @@ var IntegrationButton = function IntegrationButton(props) {
     textColor = props.textColor,
     IntegrationIcon = props.IntegrationIcon,
     restProps = _objectWithoutProperties(props, _excluded);
-  return jsx(Button, restProps, jsx("span", {
-    css: integrationButtonCopyWrapperStyle,
-    style: {
-      color: textColor || "var(--ds-text, ".concat(N500, ")")
-    }
-  }, jsx("span", {
-    css: integrationIconWrapperStyle
-  }, jsx(IntegrationIcon, null)), jsx("span", null, text)));
+  return (
+    // TODO: (from codemod) CustomThemeButton will be deprecated. Please consider migrating to Pressable or Anchor Primitives with custom styles.
+    jsx(Button, restProps, jsx("span", {
+      css: integrationButtonCopyWrapperStyle,
+      style: {
+        color: textColor || "var(--ds-text, ".concat(N500, ")")
+      }
+    }, jsx("span", {
+      css: integrationIconWrapperStyle
+    }, jsx(IntegrationIcon, null)), jsx("span", null, text)))
+  );
 };
 IntegrationButton.displayName = 'IntegrationButton';
 export default IntegrationButton;

package/dist/esm/components/ShareButton.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["text", "aria-haspopup"];
 import React from 'react';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button/standard-button';
 export var ShareButton = /*#__PURE__*/React.forwardRef(
 // Discard aria-haspopup
 function ShareButton(_ref, ref) {

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -551,7 +551,9 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
       return jsx("div", {
         css: shareButtonWrapperStyles,
         tabIndex: tabIndex,
-        onKeyDown: this.handleKeyDown,
+        onKeyDown: this.handleKeyDown
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        ,
         style: style
       }, jsx(Popup, {
         content: function content() {

package/dist/esm/components/ShareForm.js

@@ -15,7 +15,7 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button/new';
 import Form, { RequiredAsterisk } from '@atlaskit/form';
 import EmailIcon from '@atlaskit/icon/glyph/email';
 import ErrorIcon from '@atlaskit/icon/glyph/error';

package/dist/esm/components/SlackIcon.js

@@ -14,41 +14,57 @@ var SlackIcon = function SlackIcon() {
     id: "prefix__svg_2"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_3",
-    d: "M27.4 79.2c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h12.9v12.9z",
+    d: "M27.4 79.2c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h12.9v12.9z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st0"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_4",
-    d: "M33.9 79.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V79.2z",
+    d: "M33.9 79.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V79.2z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st0"
   })), /*#__PURE__*/React.createElement("g", {
     id: "prefix__svg_5"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_6",
-    d: "M46.8 27.4c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v12.9H46.8z",
+    d: "M46.8 27.4c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v12.9H46.8z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st1"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_7",
-    d: "M46.8 33.9c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H14.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3z",
+    d: "M46.8 33.9c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H14.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st1"
   })), /*#__PURE__*/React.createElement("g", {
     id: "prefix__svg_8"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_9",
-    d: "M98.6 46.8c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H98.6V46.8z",
+    d: "M98.6 46.8c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H98.6V46.8z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st2"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_10",
-    d: "M92.1 46.8c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V14.5c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9v32.3z",
+    d: "M92.1 46.8c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V14.5c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9v32.3z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st2"
   })), /*#__PURE__*/React.createElement("g", {
     id: "prefix__svg_11"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_12",
-    d: "M79.2 98.6c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V98.6h12.9z",
+    d: "M79.2 98.6c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V98.6h12.9z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st3"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_13",
-    d: "M79.2 92.1c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9H79.2z",
+    d: "M79.2 92.1c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9H79.2z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st3"
   })))));
 };

package/dist/esm/components/SplitButton.js

@@ -1,24 +1,23 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["triggerRef"];
-var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 import React, { useCallback } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import Button from '@atlaskit/button/standard-button';
+import { SplitButton as AKSplitButton, IconButton } from '@atlaskit/button/new';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { N800 } from '@atlaskit/theme/colors';
 import { messages } from '../i18n';
 import { shareIntegrationButtonEvent } from './analytics/analytics';
 import IntegrationButton from './IntegrationButton';
-var splitButtonWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  button {\n    border-radius: ", " ", "\n      ", " ", ";\n  }\n  button:hover {\n    border-radius: ", " ", "\n      ", " ", ";\n  }\n"])), "var(--ds-border-radius, 3px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-border-radius, 3px)", "var(--ds-border-radius, 3px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-border-radius, 3px)");
-var dropdownMenuWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n  button {\n    border-radius: ", " ", "\n      ", " ", ";\n  }\n  button:hover {\n    border-radius: ", " ", "\n      ", " ", ";\n  }\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-border-radius, 3px)", "var(--ds-border-radius, 3px)", "var(--ds-space-0, 0px)", "var(--ds-space-0, 0px)", "var(--ds-border-radius, 3px)", "var(--ds-border-radius, 3px)", "var(--ds-space-0, 0px)");
 
 // span
-var dropDownIntegrationButtonWrapperStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  button:hover {\n    background: transparent;\n  }\n"])));
+var dropDownIntegrationButtonWrapperStyles = css(_defineProperty({}, 'button:hover', {
+  background: 'transparent'
+}));
 var integrationButtonText = function integrationButtonText(integrationName) {
   return jsx(FormattedMessage, _extends({}, messages.shareToIntegrationButtonText, {
     values: {
@@ -46,18 +45,16 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     onIntegrationClick(integration);
     createAndFireEvent(shareIntegrationButtonEvent(integration.type));
   }, [createAndFireEvent, onIntegrationClick]);
-  return jsx("div", {
-    css: dropdownMenuWrapperStyles
-  }, jsx(DropdownMenu, {
+  return jsx(DropdownMenu, {
     testId: "split-button-dropdown",
     trigger: function trigger(_ref2) {
       var triggerRef = _ref2.triggerRef,
         providedProps = _objectWithoutProperties(_ref2, _excluded);
-      return jsx(Button, _extends({}, providedProps, {
+      return jsx(IconButton, _extends({
+        label: ""
+      }, providedProps, {
         ref: triggerRef,
-        iconBefore: jsx(ChevronDownIcon, {
-          label: ""
-        }),
+        icon: ChevronDownIcon,
         appearance: triggerButtonAppearance
       }));
     },
@@ -80,7 +77,7 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
       text: integrationButtonText(integration.type),
       IntegrationIcon: integration.Icon
     })));
-  }))));
+  })));
 };
 SplitButtonDropdown.displayName = 'SplitButtonDropdown';
 export default function SplitButton(_ref3) {
@@ -91,12 +88,10 @@ export default function SplitButton(_ref3) {
     shareIntegrations = _ref3.shareIntegrations,
     onIntegrationClick = _ref3.onIntegrationClick,
     triggerButtonAppearance = _ref3.triggerButtonAppearance,
-    dialogZIndex = _ref3.dialogZIndex,
-    dialogPlacement = _ref3.dialogPlacement,
     createAndFireEvent = _ref3.createAndFireEvent;
-  return jsx("div", {
-    css: splitButtonWrapperStyles,
-    "data-testid": "split-button"
+  return jsx(AKSplitButton, {
+    "data-testid": "split-button",
+    appearance: triggerButtonAppearance
   }, shareButton, jsx(SplitButtonDropdown, {
     shareIntegrations: shareIntegrations,
     triggerButtonAppearance: triggerButtonAppearance,

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

package/dist/esm/components/colorSlackIcon.js

@@ -14,41 +14,57 @@ var SlackIcon = function SlackIcon() {
     id: "prefix__svg_2"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_3",
-    d: "M27.4 79.2c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h12.9v12.9z",
+    d: "M27.4 79.2c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h12.9v12.9z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st0"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_4",
-    d: "M33.9 79.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V79.2z",
+    d: "M33.9 79.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V79.2z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st0"
   })), /*#__PURE__*/React.createElement("g", {
     id: "prefix__svg_5"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_6",
-    d: "M46.8 27.4c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v12.9H46.8z",
+    d: "M46.8 27.4c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v12.9H46.8z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st1"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_7",
-    d: "M46.8 33.9c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H14.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3z",
+    d: "M46.8 33.9c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H14.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st1"
   })), /*#__PURE__*/React.createElement("g", {
     id: "prefix__svg_8"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_9",
-    d: "M98.6 46.8c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H98.6V46.8z",
+    d: "M98.6 46.8c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H98.6V46.8z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st2"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_10",
-    d: "M92.1 46.8c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V14.5c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9v32.3z",
+    d: "M92.1 46.8c0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V14.5c0-7.1 5.8-12.9 12.9-12.9 7.1 0 12.9 5.8 12.9 12.9v32.3z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st2"
   })), /*#__PURE__*/React.createElement("g", {
     id: "prefix__svg_11"
   }, /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_12",
-    d: "M79.2 98.6c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V98.6h12.9z",
+    d: "M79.2 98.6c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9-7.1 0-12.9-5.8-12.9-12.9V98.6h12.9z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st3"
   }), /*#__PURE__*/React.createElement("path", {
     id: "prefix__svg_13",
-    d: "M79.2 92.1c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9H79.2z",
+    d: "M79.2 92.1c-7.1 0-12.9-5.8-12.9-12.9 0-7.1 5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9 0 7.1-5.8 12.9-12.9 12.9H79.2z"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "prefix__st3"
   })))));
 };

package/dist/esm/components/styles.js

@@ -1,29 +1,14 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["buttonStyles"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 export var MAX_PICKER_HEIGHT = 102;
 var StyledButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    ref: ref
-  }, props, {
-    theme: function theme(currentTheme, themeProps) {
-      var _currentTheme = currentTheme(themeProps),
-        buttonStyles = _currentTheme.buttonStyles,
-        rest = _objectWithoutProperties(_currentTheme, _excluded);
-      return _objectSpread({
-        buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), {}, {
-          padding: 0,
-          '& > span > span:first-of-type': {
-            margin: '0' // This is a workaround for an issue in AtlasKit (https://ecosystem.atlassian.net/browse/AK-3976)
-          }
-        })
-      }, rest);
-    }
-  }));
+  return (
+    /*#__PURE__*/
+    // TODO: (from codemod) CustomThemeButton will be deprecated. Please consider migrating to Pressable or Anchor Primitives with custom styles.
+    React.createElement(Button, _extends({
+      ref: ref
+    }, props))
+  );
 });
 export default StyledButton;

package/dist/types/clients/ShareServiceClient.d.ts

@@ -1,5 +1,5 @@
-import { ServiceConfig } from '@atlaskit/util-service-support';
-import { Comment, Content, MetaData, User } from '../types';
+import { type ServiceConfig } from '@atlaskit/util-service-support';
+import { type Comment, type Content, type MetaData, type User } from '../types';
 export type ShareRequest = (content: Content, recipients: User[], metadata: MetaData, comment?: Comment) => Promise<ShareResponse>;
 export type ShareResponse = {
     shareRequestId: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Comment } from '../types';
+import { type Comment } from '../types';
 export type Props = {
     defaultValue?: Comment;
 };

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
-import React, { ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
-import { TriggerProps } from '@atlaskit/popup';
+import { type TriggerProps } from '@atlaskit/popup';
 export declare const AUTO_DISMISS_MS: number;
 export declare const messageContainerStyle: import("@emotion/react").SerializedStyles;
 type InputProps = {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 type Props = React.PropsWithChildren<WithAnalyticsEventsProps>;
 declare const _default: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;