@atlaskit/share 4.18.1 → 4.18.3

package/dist/cjs/i18n/nl.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': 'Uitnodigen voor Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Pagina delen',
   'fabric.elements.share.main.tab.text.jira': 'Issue delen',
+  'fabric.elements.share.menu.email.label': 'E-mail',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'Delen',
   'fabric.elements.share.success.message': '{object, select,blogpost {Blogpost gedeeld}board {Bord gedeeld}calendar {Agenda gedeeld}draft {Concept gedeeld}filter {Filter gedeeld}issue {Issue gedeeld}summary {Samenvatting gedeeld}list {Lijst gedeeld}timeline {Tijdlijn gedeeld}form {Formulier gedeeld}media {Media gedeeld}page {Pagina gedeeld}project {Project gedeeld}pullrequest {Pull-request gedeeld}question {Vraag gedeeld}report {Rapport gedeeld}repository {Repository gedeeld}request {Aanvraag gedeeld}roadmap {Tijdlijn gedeeld}site {Site gedeeld}space {Space gedeeld}other {Link gedeeld}}',
   'fabric.elements.share.to.integration.button': 'Delen met {integrationName}',

package/dist/cjs/i18n/pl.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': 'Zaproś do systemu Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Udostępnij stronę',
   'fabric.elements.share.main.tab.text.jira': 'Udostępnij zgłoszenie',
+  'fabric.elements.share.menu.email.label': 'E-mail',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'Udostępnij',
   'fabric.elements.share.success.message': '{object, select,blogpost {Udostępniono wpis na blogu}board {Udostępniono tablicę}calendar {Udostępniono kalendarz}draft {Udostępniono wersję roboczą}filter {Udostępniono filtr}issue {Udostępniono zgłoszenie}summary {Udostępniono podsumowanie}list {Udostępniono listę}timeline {Udostępniono oś czasu}form {Udostępniono formularz}media {Udostępniono multimedia}page {Udostępniono stronę}project {Udostępniono projekt}pullrequest {Udostępniono pull request}question {Udostępniono pytanie}report {Udostępniono raport}repository {Udostępniono repozytorium}request {Udostępniono wniosek}roadmap {Udostępniono oś czasu}site {Udostępniono witrynę}space {Udostępniono przestrzeń}other {Udostępniono łącze}}',
   'fabric.elements.share.to.integration.button': 'Udostępnij w {integrationName}',

package/dist/cjs/i18n/pt_BR.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': 'Convidar para o Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Compartilhar página',
   'fabric.elements.share.main.tab.text.jira': 'Compartilhar item',
+  'fabric.elements.share.menu.email.label': 'E-mail',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'Compartilhar',
   'fabric.elements.share.success.message': '{object, select,blogpost {Blog compartilhado}board {Quadro compartilhado}calendar {Calendário compartilhado}draft {Rascunho compartilhado}filter {Filtro compartilhado}issue {Item compartilhado}summary {Resumo compartilhado}list {Lista compartilhada}timeline {Cronograma compartilhado}form {Formulário compartilhado}media {Mídia compartilhada}page {Página compartilhada}project {Projeto compartilhado}pullrequest {Pull request compartilhada}question {Pergunta compartilhada}report {Relatório compartilhado}repository {Repositório compartilhado}request {Solicitação compartilhada}roadmap {Cronograma compartilhado}site {Site compartilhado}space {Espaço compartilhado}other {Link compartilhado}}',
   'fabric.elements.share.to.integration.button': 'Compartilhar em {integrationName}',

package/dist/cjs/i18n/ru.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': 'Пригласить в Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Поделиться страницей',
   'fabric.elements.share.main.tab.text.jira': 'Поделиться задачей',
+  'fabric.elements.share.menu.email.label': 'Электронная почта',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'Поделиться',
   'fabric.elements.share.success.message': '{object, select,blogpost {Доступ к записи в блоге предоставлен}board {Доступ к доске предоставлен}calendar {Доступ к календарю предоставлен}draft {Доступ к черновику предоставлен}filter {Доступ к фильтру предоставлен}issue {Доступ к задаче предоставлен}summary {Доступ к теме предоставлен}list {Доступ к списку предоставлен}timeline {Доступ к хронологии предоставлен}form {Доступ к форме предоставлен}media {Доступ к медиафайлу предоставлен}page {Доступ к странице предоставлен}project {Доступ к проекту предоставлен}pullrequest {Доступ к запросу pull предоставлен}question {Доступ к вопросу предоставлен}report {Доступ к отчету предоставлен}repository {Доступ к репозиторию предоставлен}request {Доступ к запросу предоставлен}roadmap {Доступ к хронологии предоставлен}site {Доступ к сайту предоставлен}space {Доступ к разделу предоставлен}other {Доступ к ссылке предоставлен}}',
   'fabric.elements.share.to.integration.button': 'Поделиться в {integrationName}',

package/dist/cjs/i18n/sv.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': 'Bjud in till Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Dela sida',
   'fabric.elements.share.main.tab.text.jira': 'Dela ärende',
+  'fabric.elements.share.menu.email.label': 'E-post',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'Dela',
   'fabric.elements.share.success.message': '{object, select,blogpost {Blogginlägg har delats}board {Tavla har delats}calendar {Kalender har delats}draft {Utkast har delats}filter {Filter har delats}issue {Ärende har delats}summary {Sammanfattning har delats}list {Lista har delats}timeline {Tidslinje har delats}form {Formulär har delats}media {Media har delats}page {Sida har delats}project {Projekt har delats}pullrequest {Pull request har delats}question {Fråga har delats}report {Rapport har delats}repository {Lagringsplats har delats}request {Förfrågan har delats}roadmap {Tidslinje har delats}site {Webbplats har delats}space {Utrymme har delats}other {Länk har delats}}',
   'fabric.elements.share.to.integration.button': 'Dela till {integrationName}',

package/dist/cjs/i18n/th.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': 'เชิญไปยัง Jira',
   'fabric.elements.share.main.tab.text.confluence': 'แชร์หน้าข้อมูล',
   'fabric.elements.share.main.tab.text.jira': 'แชร์ปัญหา',
+  'fabric.elements.share.menu.email.label': 'อีเมล',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'แชร์',
   'fabric.elements.share.success.message': '{object, select,blogpost {แชร์โพสต์บล็อกแล้ว}board {แชร์บอร์ดแล้ว}calendar {แชร์ปฏิทินแล้ว}draft {แชร์แบบร่างแล้ว}filter {แชร์ตัวกรองแล้ว}issue {แชร์ปัญหาแล้ว}summary {แชร์สรุปแล้ว}list {แชร์รายการแล้ว}timeline {แชร์เส้นเวลา (ไทม์ไลน์) แล้ว}form {แชร์แบบฟอร์มแล้ว}media {แชร์สื่อแล้ว}page {แชร์หน้าข้อมูลแล้ว}project {แชร์โปรเจกต์แล้ว}pullrequest {แชร์ Pull Request แล้ว}question {แชร์คำถามแล้ว}report {แชร์รายงานแล้ว}repository {แชร์คลังรายการแล้ว}request {แชร์คำขอแล้ว}roadmap {แชร์เส้นเวลา (ไทม์ไลน์) แล้ว}site {แชร์เว็บไซต์แล้ว}space {แชร์พื้นที่แล้ว}other {แชร์ลิงก์แล้ว}}',
   'fabric.elements.share.to.integration.button': 'แชร์ไปยัง {integrationName}',

package/dist/cjs/i18n/tr.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': "Jira'ya davet et",
   'fabric.elements.share.main.tab.text.confluence': 'Sayfayı paylaşın',
   'fabric.elements.share.main.tab.text.jira': 'Konuyu paylaşın',
+  'fabric.elements.share.menu.email.label': 'E-posta',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'Paylaş',
   'fabric.elements.share.success.message': '{object, select,blogpost {Blog gönderisi paylaşıldı}board {Pano paylaşıldı}calendar {Takvim paylaşıldı}draft {Taslak paylaşıldı}filter {Filtre paylaşıldı}issue {Konu paylaşıldı}summary {Özet paylaşıldı}list {Liste paylaşıldı}timeline {Zaman Çizelgesi paylaşıldı}form {Form paylaşıldı}media {Medya paylaşıldı}page {Sayfa paylaşıldı}project {Proje paylaşıldı}pullrequest {Çekme İsteği paylaşıldı}question {Soru paylaşıldı}report {Rapor paylaşıldı}repository {Depo paylaşıldı}request {Talep paylaşıldı}roadmap {Zaman Çizelgesi paylaşıldı}site {Site paylaşıldı}space {Alan paylaşıldı}other {Bağlantı paylaşıldı}}',
   'fabric.elements.share.to.integration.button': '{integrationName} üzerinden paylaş',

package/dist/cjs/i18n/uk.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': 'Запросити до Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Поділитися сторінкою',
   'fabric.elements.share.main.tab.text.jira': 'Поділитися завданням',
+  'fabric.elements.share.menu.email.label': 'Електронна пошта',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'Поділитися',
   'fabric.elements.share.success.message': '{object, select,blogpost {Надано доступ до допису в блозі}board {Надано доступ до дошки}calendar {Надано доступ до календаря}draft {Надано доступ до чернетки}filter {Надано доступ до фільтра}issue {Надано доступ до завдання}summary {Надано доступ до підсумку}list {Надано доступ до списку}timeline {Надано доступ до шкали}form {Надано доступ до форми}media {Надано доступ до медіафайлу}page {Надано доступ до сторінки}project {Надано доступ до проєкту}pullrequest {Надано доступ до запиту на внесення змін}question {Надано доступ до запитання}report {Надано доступ до звіту}repository {Надано доступ до репозиторію}request {Надано доступ до запиту}roadmap {Надано доступ до часової шкали}site {Надано доступ до сайту}space {Надано доступ до розділу}other {Надано доступ до посилання}}',
   'fabric.elements.share.to.integration.button': 'Надіслати в {integrationName}',

package/dist/cjs/i18n/vi.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': 'Mời tham gia Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Chia sẻ trang',
   'fabric.elements.share.main.tab.text.jira': 'Chia sẻ vấn đề',
+  'fabric.elements.share.menu.email.label': 'Email',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'Chia sẻ',
   'fabric.elements.share.success.message': '{object, select,blogpost {Đã chia sẻ bài đăng trên blog}board {Đã chia sẻ bảng thông tin}calendar {Đã chia sẻ lịch}draft {Đã chia sẻ bản nháp}filter {Đã chia sẻ bộ lọc}issue {Đã chia sẻ vấn đề}summary {Đã chia sẻ bản tóm tắt}list {Đã chia sẻ danh sách}timeline {Đã chia sẻ lịch trình}form {Đã chia sẻ biểu mẫu}media {Đã chia sẻ phương tiện}page {Đã chia sẻ trang}project {Đã chia sẻ dự án}pullrequest {Đã chia sẻ Pull request}question {Đã chia sẻ câu hỏi}report {Đã chia sẻ báo cáo}repository {Đã chia sẻ kho}request {Đã chia sẻ yêu cầu}roadmap {Đã chia sẻ lịch trình}site {Đã chia sẻ trang web}space {Đã chia sẻ không gian}other {Đã chia sẻ liên kết}}',
   'fabric.elements.share.to.integration.button': 'Chia sẻ với {integrationName}',

package/dist/cjs/i18n/zh.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': '邀请加入 Jira',
   'fabric.elements.share.main.tab.text.confluence': '分享页面',
   'fabric.elements.share.main.tab.text.jira': '共享事务',
+  'fabric.elements.share.menu.email.label': '电子邮件',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': '共享',
   'fabric.elements.share.success.message': '{object, select,blogpost {博客文章已共享}board {面板已共享}calendar {日历已共享}draft {草稿已共享}filter {筛选器已共享}issue {事务已共享}summary {摘要已共享}list {列表已共享}timeline {时间线已共享}form {表单已共享}media {媒体已共享}page {页面已共享}project {项目已共享}pullrequest {拉取请求已共享}question {问题已共享}report {报告已共享}repository {存储库已共享}request {请求已共享}roadmap {时间线已共享}site {站点已共享}space {空间已共享}other {链接已共享}}',
   'fabric.elements.share.to.integration.button': '分享到 {integrationName}',

package/dist/cjs/i18n/zh_TW.js

@@ -53,6 +53,8 @@ var _default = exports.default = {
   'fabric.elements.share.invite.to.jira': '邀請加入 Jira',
   'fabric.elements.share.main.tab.text.confluence': '分享頁面',
   'fabric.elements.share.main.tab.text.jira': '共用議題',
+  'fabric.elements.share.menu.email.label': '電子郵件',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': '分享',
   'fabric.elements.share.success.message': '{object, select,blogpost {已分享部落格貼文}board {已分享看板}calendar {已分享行事曆}draft {已分享草稿}filter {已分享篩選條件}issue {已分享議題}summary {已分享摘要}list {已分享列表}timeline {已分享時間表}form {已分享表單}media {已分享媒體}page {已分享頁面}project {已分享專案}pullrequest {已分享提取要求}question {已分享問題}report {已分享報告}repository {已分享存放庫}request {已分享要求}roadmap {已分享時間軸}site {已分享網站}space {已分享空間}other {已分享連結}}',
   'fabric.elements.share.to.integration.button': '與 {integrationName} 分享',

package/dist/es2019/components/CopyLinkButton.js

@@ -5,6 +5,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';
@@ -13,19 +14,20 @@ import Button from './styles';
 const Z_INDEX = layers.modal();
 const AUTO_DISMISS_SECONDS = 8;
 export const AUTO_DISMISS_MS = AUTO_DISMISS_SECONDS * 1000;
-export const messageContainerStyle = css`
-  display: flex;
-  align-items: center;
-  margin: ${"var(--ds-space-negative-100, -8px)"}
-    ${"var(--ds-space-negative-200, -16px)"};
-`;
-const messageTextStyle = css`
-  text-indent: ${"var(--ds-space-075, 6px)"};
-`;
+export const messageContainerStyle = css({
+  display: 'flex',
+  alignItems: 'center',
+  margin: `${"var(--ds-space-negative-100, -8px)"}
+    ${"var(--ds-space-negative-200, -16px)"}`
+});
+const messageTextStyle = xcss({
+  textIndent: 'space.075'
+});
 const isSafari = navigator.userAgent.indexOf('Safari');
 export const HiddenInput = /*#__PURE__*/React.forwardRef(
 // we need a hidden input to reliably copy to clipboard across all browsers.
 (props, ref) => jsx("input", {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   style: {
     position: 'absolute',
     left: '-9999px'
@@ -82,7 +84,10 @@ export class CopyLinkButton extends React.Component {
       } = this.props;
       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: "",
@@ -104,7 +109,9 @@ export class CopyLinkButton extends React.Component {
       copyTooltipText,
       copiedToClipboardText
     } = this.props;
-    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, {
@@ -119,8 +126,8 @@ export class CopyLinkButton extends React.Component {
       }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
         label: "",
         primaryColor: `var(--ds-icon-success, ${G300})`
-      }), jsx("div", {
-        css: messageTextStyle
+      }), jsx(Box, {
+        xcss: messageTextStyle
       }, copiedToClipboardText)))),
       isOpen: shouldShowCopiedMessage,
       onClose: this.handleDismissCopiedMessage,

package/dist/es2019/components/IntegrationButton.js

@@ -4,12 +4,12 @@ import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N500 } from '@atlaskit/theme/colors';
 const integrationButtonCopyWrapperStyle = css`
-  display: flex;
-  justify-content: left;
+	display: flex;
+	justify-content: left;
 `;
 const integrationIconWrapperStyle = css`
-  margin: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-100, 8px)"}
-    ${"var(--ds-space-0, 0px)"} ${"var(--ds-space-0, 0px)"};
+	margin: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-0, 0px)"}
+		${"var(--ds-space-0, 0px)"};
 `;
 const IntegrationButton = props => {
   const {
@@ -18,14 +18,17 @@ const IntegrationButton = props => {
     IntegrationIcon,
     ...restProps
   } = props;
-  return jsx(Button, restProps, jsx("span", {
-    css: integrationButtonCopyWrapperStyle,
-    style: {
-      color: textColor || `var(--ds-text, ${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, ${N500})`
+      }
+    }, jsx("span", {
+      css: integrationIconWrapperStyle
+    }, jsx(IntegrationIcon, null)), jsx("span", null, text)))
+  );
 };
 IntegrationButton.displayName = 'IntegrationButton';
 export default IntegrationButton;

package/dist/es2019/components/IntegrationForm.js

@@ -3,32 +3,32 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { h500 } from '@atlaskit/theme/typography';
 export const formWrapperStyle = css`
-  [class^='FormHeader__FormHeaderWrapper'] {
-    h1:first-child {
-      ${h500()}
+	[class^='FormHeader__FormHeaderWrapper'] {
+		h1:first-child {
+			${h500()}
 
-      > span {
-        /* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */
-        font-size: inherit !important;
-        line-height: inherit !important;
-        letter-spacing: inherit !important;
-      }
-    }
-  }
+			> span {
+				/* jira has a class override font settings on h1 > span in gh-custom-field-pickers.css */
+				font-size: inherit !important;
+				line-height: inherit !important;
+				letter-spacing: inherit !important;
+			}
+		}
+	}
 
-  [class^='FormSection__FormSectionWrapper'] {
-    margin-top: ${"var(--ds-space-0, 0px)"};
-  }
+	[class^='FormSection__FormSectionWrapper'] {
+		margin-top: ${"var(--ds-space-0, 0px)"};
+	}
 
-  [class^='FormFooter__FormFooterWrapper'] {
-    justify-content: space-between;
-    margin-top: ${"var(--ds-space-150, 12px)"};
-    margin-bottom: ${"var(--ds-space-300, 24px)"};
-  }
+	[class^='FormFooter__FormFooterWrapper'] {
+		justify-content: space-between;
+		margin-top: ${"var(--ds-space-150, 12px)"};
+		margin-bottom: ${"var(--ds-space-300, 24px)"};
+	}
 
-  [class^='Field__FieldWrapper']:not(:first-child) {
-    margin-top: ${"var(--ds-space-150, 12px)"};
-  }
+	[class^='Field__FieldWrapper']:not(:first-child) {
+		margin-top: ${"var(--ds-space-150, 12px)"};
+	}
 `;
 export const IntegrationForm = ({
   Content,

package/dist/es2019/components/ShareButton.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Button from '@atlaskit/button/custom-theme-button';
+import Button from '@atlaskit/button/standard-button';
 export const ShareButton = /*#__PURE__*/React.forwardRef(
 // Discard aria-haspopup
 function ShareButton({

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -501,7 +501,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
     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: () => jsx("div", {

package/dist/es2019/components/ShareForm.js

@@ -5,7 +5,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/es2019/components/SlackIcon.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/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.1",
+  packageVersion: "4.18.3",
   ...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/es2019/i18n/cs.js

@@ -47,6 +47,8 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Pozvat do Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Sdílet stránku',
   'fabric.elements.share.main.tab.text.jira': 'Sdílet požadavek',
+  'fabric.elements.share.menu.email.label': 'E-mail',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'Sdílet',
   'fabric.elements.share.success.message': '{object, select,blogpost {Příspěvek na blogu byl sdílen}board {Board byl sdílen}calendar {Kalendář byl sdílen}draft {Koncept byl sdílen}filter {Filtr byl sdílen}issue {Požadavek byl sdílen}summary {Souhrn byl sdílen}list {Seznam byl sdílen}timeline {Časová osa byla sdílena}form {Formulář byl sdílen}media {Multimédia byla sdílena}page {Stránka byla sdílena}project {Projekt byl sdílen}pullrequest {Pull request byl sdílen}question {Otázka byla sdílena}report {Sestava byla sdílena}repository {Repozitář byl sdílen}request {Žádost byla sdílena}roadmap {Časová osa byla sdílena}site {Web byl sdílen}space {Prostor byl sdílen}other {Odkaz byl sdílen}}',
   'fabric.elements.share.to.integration.button': 'Sdílet ve službě {integrationName}',

package/dist/es2019/i18n/da.js

@@ -47,6 +47,8 @@ export default {
   'fabric.elements.share.invite.to.jira': 'Inviter til Jira',
   'fabric.elements.share.main.tab.text.confluence': 'Del side',
   'fabric.elements.share.main.tab.text.jira': 'Del sag',
+  'fabric.elements.share.menu.email.label': 'E-mail',
+  'fabric.elements.share.menu.slack.label': 'Slack',
   'fabric.elements.share.popup.label': 'Del',
   'fabric.elements.share.success.message': '{object, select,blogpost {Blogindlæg delt}board {Tavle delt}calendar {Kalender delt}draft {Udkast delt}filter {Filter delt}issue {Sag delt}summary {Oversigt delt}list {Liste delt}timeline {Tidslinje delt}form {Formular delt}media {Medier delt}page {Side delt}project {Projekt delt}pullrequest {Pullanmodning delt}question {Spørgsmål delt}report {Rapport delt}repository {Lager delt}request {Anmodning delt}roadmap {Tidslinje delt}site {Websted delt}space {Område delt}other {Link delt}}',
   'fabric.elements.share.to.integration.button': 'Del med {integrationName}',