@atlaskit/mention 19.9.6 → 21.0.1

package/dist/es2019/components/MentionItem/index.js

@@ -1,16 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import Avatar from '@atlaskit/avatar';
-import LockCircleIcon from '@atlaskit/icon/glyph/lock-circle';
 import Lozenge from '@atlaskit/lozenge';
 import { N30 } from '@atlaskit/theme/colors';
 import React from 'react';
+import { token } from '@atlaskit/tokens';
 import { isRestricted } from '../../types';
 import { NoAccessLabel } from '../../util/i18n';
 import { leftClick } from '../../util/mouse';
-import { NoAccessTooltip } from '../NoAccessTooltip';
+import AsyncNoAccessTooltip from '../NoAccessTooltip';
+import AsyncLockCircleIcon from '../LockCircleIcon';
 import { AccessSectionStyle, AvatarStyle, FullNameStyle, InfoSectionStyle, MentionItemStyle, NameSectionStyle, RowStyle, TimeStyle } from './styles';
 import { renderHighlight } from './MentionHighlightHelpers';
 import MentionDescriptionByline from '../MentionDescriptionByline';
+import MessagesIntlProvider from '../MessagesIntlProvider';
 export { MENTION_ITEM_HEIGHT } from './styles';
 
 function renderLozenge(lozenge) {
@@ -84,8 +86,8 @@ export default class MentionItem extends React.PureComponent {
     } = presence || {};
     const restricted = isRestricted(accessLevel);
     const nameHighlights = highlight && highlight.name;
-    const borderColor = selected ? N30 : undefined;
-    return /*#__PURE__*/React.createElement(MentionItemStyle, {
+    const borderColor = selected ? token('color.border', N30) : undefined;
+    return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(MentionItemStyle, {
       selected: selected,
       onMouseDown: this.onMentionSelected,
       onMouseMove: this.onMentionMenuItemMouseMove,
@@ -105,13 +107,15 @@ export default class MentionItem extends React.PureComponent {
       mention: mention
     })), /*#__PURE__*/React.createElement(InfoSectionStyle, {
       restricted: restricted
-    }, renderLozenge(lozenge), renderTime(time)), restricted ? /*#__PURE__*/React.createElement(NoAccessTooltip, {
+    }, renderLozenge(lozenge), renderTime(time)), restricted ? /*#__PURE__*/React.createElement(React.Suspense, {
+      fallback: null
+    }, /*#__PURE__*/React.createElement(AsyncNoAccessTooltip, {
       name: name
-    }, /*#__PURE__*/React.createElement(AccessSectionStyle, null, /*#__PURE__*/React.createElement(NoAccessLabel, null, text => /*#__PURE__*/React.createElement(LockCircleIcon, {
+    }, /*#__PURE__*/React.createElement(AccessSectionStyle, null, /*#__PURE__*/React.createElement(NoAccessLabel, null, text => /*#__PURE__*/React.createElement(AsyncLockCircleIcon, {
       label: text
     })
     /* safe to cast to string given there is no value binding */
-    ))) : null));
+    )))) : null)));
   }
 
 }

package/dist/es2019/components/MentionItem/styles.js

@@ -1,7 +1,6 @@
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
+import styled from '@emotion/styled';
 import { N900, N100, N30, N500 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 export const RowStyle = styled.div`
   align-items: center;
   display: flex;
@@ -28,7 +27,7 @@ export const FullNameStyle = styled.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: ${N900};
+  color: ${token('color.text', N900)};
 `;
 export const InfoSectionStyle = styled.div`
   display: flex;
@@ -46,12 +45,12 @@ export const InfoSectionStyle = styled.div`
 export const TimeStyle = styled.div`
   margin-left: 20px;
   flex: none;
-  color: ${N100};
+  color: ${token('color.text.subtlest', N100)};
   font-size: 12px;
 `;
 export const MENTION_ITEM_HEIGHT = 48;
 export const MentionItemStyle = styled.div`
-  background-color: ${props => props.selected ? N30 : 'transparent'};
+  background-color: ${props => props.selected ? token('color.background.selected', N30) : 'transparent'};
   display: block;
   overflow: hidden;
   list-style-type: none;
@@ -61,5 +60,5 @@ export const MentionItemStyle = styled.div`
 `;
 export const AccessSectionStyle = styled.div`
   padding-left: 5px;
-  color: ${N500};
+  color: ${token('color.text.subtle', N500)};
 `;

package/dist/es2019/components/MentionList/index.js

@@ -4,6 +4,7 @@ import debug from '../../util/logger';
 import { actualMouseMove, mouseLocation } from '../../util/mouse';
 import MentionItem from '../MentionItem';
 import MentionListError from '../MentionListError';
+import MessagesIntlProvider from '../MessagesIntlProvider';
 import Scrollable from '../Scrollable';
 import { MentionListStyle } from './styles';
 
@@ -257,9 +258,9 @@ export default class MentionList extends React.PureComponent {
       }, this.renderItems());
     }
 
-    return /*#__PURE__*/React.createElement(MentionListStyle, {
+    return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(MentionListStyle, {
       empty: !hasMentions && !resourceError
-    }, errorSection, resultSection);
+    }, errorSection, resultSection));
   }
 
 }

package/dist/es2019/components/MentionList/styles.js

@@ -1,13 +1,12 @@
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
+import styled from '@emotion/styled';
+import { token } from '@atlaskit/tokens';
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
 export const MentionListStyle = styled.div`
   display: ${props => props.empty ? 'none' : 'block'};
 
   /* list style */
   width: ${mentionListWidth};
-  color: #333;
+  color: ${token('color.text.subtle', '#333')};
 
   border: 1px solid ${noDialogContainerBorderColor};
   border-radius: ${noDialogContainerBorderRadius};

package/dist/es2019/components/MentionListError/GenericErrorIllustration.js

@@ -1,3 +1,4 @@
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 import { GenericErrorVisualStyle } from './styles';
 export class GenericErrorIllustration extends React.PureComponent {

package/dist/es2019/components/MentionListError/styles.js

@@ -1,6 +1,5 @@
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
+import styled from '@emotion/styled';
+import { token } from '@atlaskit/tokens';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N500 } from '@atlaskit/theme/colors';
 import { h400 } from '@atlaskit/theme/typography';
@@ -9,9 +8,9 @@ export const MentionListErrorStyle = styled.div`
   display: flex;
   justify-content: center;
   flex-direction: column;
-  background-color: white;
-  color: ${N500};
-  border: 1px solid #fff;
+  background-color: ${token('elevation.surface.overlay', 'white')};
+  color: ${token('color.text.subtle', N500)};
+  border: 1px solid ${token('elevation.surface.overlay', '#fff')};
   border-radius: ${borderRadius()}px;
 `;
 export const GenericErrorVisualStyle = styled.div`

package/dist/es2019/components/MentionPicker/index.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import React from 'react';
+import { IntlProvider, injectIntl } from 'react-intl-next';
 import { fireAnalyticsMentionTypeaheadEvent } from '../../util/analytics';
 import uniqueId from '../../util/id';
 import debug from '../../util/logger';
@@ -162,7 +163,8 @@ export class MentionPicker extends React.PureComponent {
       zIndex,
       offsetX,
       offsetY,
-      showTeamMentionsHighlight
+      showTeamMentionsHighlight,
+      intl
     } = this.props;
     const {
       visible,
@@ -190,7 +192,9 @@ export class MentionPicker extends React.PureComponent {
           zIndex: zIndex,
           offsetX: offsetX,
           offsetY: offsetY
-        }, /*#__PURE__*/React.createElement("div", null, resourceMentionList, infoContent));
+        }, /*#__PURE__*/React.createElement(IntlProvider, {
+          locale: (intl === null || intl === void 0 ? void 0 : intl.locale) || 'en'
+        }, /*#__PURE__*/React.createElement("div", null, resourceMentionList, infoContent)));
       } else {
         // don't show if we have a position, but no target yet
         content = null;
@@ -218,5 +222,8 @@ _defineProperty(MentionPicker, "defaultProps", {
   onClose: () => {}
 });
 
-export const MentionPickerWithAnalytics = withAnalyticsEvents({})(MentionPicker);
+const MentionPickerWithIntl = injectIntl(MentionPicker, {
+  forwardRef: true
+});
+export const MentionPickerWithAnalytics = withAnalyticsEvents({})(MentionPickerWithIntl);
 export default MentionPickerWithAnalytics;

package/dist/es2019/components/MentionPicker/styles.js

@@ -1,14 +1,13 @@
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
+import styled from '@emotion/styled';
+import { token } from '@atlaskit/tokens';
 import { N100 } from '@atlaskit/theme/colors';
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
 export const MentionPickerStyle = styled.div`
   display: ${props => props.visible ? 'block' : 'none'};
 `;
 export const MentionPickerInfoStyle = styled.div`
-  background: #fff;
-  color: ${N100};
+  background: ${token('elevation.surface', '#fff')};
+  color: ${token('color.text.subtlest', N100)};
   border: 1px solid ${noDialogContainerBorderColor};
   border-radius: ${noDialogContainerBorderRadius};
   box-shadow: ${noDialogContainerBoxShadow};

package/dist/es2019/components/MessagesIntlProvider/index.js

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { IntlProvider, useIntl } from 'react-intl-next';
+import { getMessagesForLocale } from '../../util/i18n';
+const EMPTY = {};
+
+const useI18n = locale => {
+  const [messages, setMessages] = React.useState(EMPTY);
+  React.useEffect(() => {
+    let aborted = false;
+    setMessages(EMPTY);
+    getMessagesForLocale(locale).then(messages => {
+      if (!aborted) {
+        setMessages(messages);
+      }
+    }).catch(error => {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    });
+    return () => {
+      aborted = true;
+    };
+  }, [locale]);
+  return messages;
+};
+
+const MessagesIntlProvider = props => {
+  const {
+    children
+  } = props;
+  const intl = useIntl();
+  const messages = useI18n(intl.locale);
+  return /*#__PURE__*/React.createElement(IntlProvider, _extends({}, intl, {
+    messages: messages
+  }), children);
+};
+
+export default MessagesIntlProvider;

package/dist/es2019/components/NoAccessTooltip/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+const AsyncNoAccessTooltip = /*#__PURE__*/React.lazy(() => import(
+/* webpackChunkName: "@atlaskit-internal_@atlaskit/mention/no-access-tooltip" */
+'./main').then(module => {
+  return {
+    default: module.NoAccessTooltip
+  };
+}));
+export default AsyncNoAccessTooltip;

package/dist/es2019/components/{NoAccessTooltip.js → NoAccessTooltip/main.js}

@@ -1,11 +1,13 @@
 import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
-import { NoAccessWarning } from '../util/i18n';
+import { NoAccessWarning } from '../../util/i18n';
 export const NoAccessTooltip = ({
   name,
   children
 }) => /*#__PURE__*/React.createElement(NoAccessWarning, {
-  name: name
+  values: {
+    name: name
+  }
 }, text => /*#__PURE__*/React.createElement(Tooltip, {
   content: text,
   position: "right"

package/dist/es2019/components/ResourcedMentionList/index.js

@@ -1,10 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
+import React, { Suspense } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import uniqueId from '../../util/id';
 import debug from '../../util/logger';
 import MentionList from '../MentionList';
-import TeamMentionHighlight from '../TeamMentionHighlight';
+import { LazyTeamMentionHighlight } from '../TeamMentionHighlight/lazy';
 import TeamMentionHighlightController from '../TeamMentionHighlight/TeamMentionHighlightController';
 import { fireSliAnalyticsEvent, SLI_EVENT_TYPE } from '../../util/analytics';
 
@@ -143,10 +143,12 @@ export class ResourcedMentionListWithoutAnalytics extends React.PureComponent {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement(TeamMentionHighlight, {
+      return /*#__PURE__*/React.createElement(Suspense, {
+        fallback: null
+      }, /*#__PURE__*/React.createElement(LazyTeamMentionHighlight, {
         createTeamLink: createTeamPath,
         onClose: this.closeHighlight
-      });
+      }));
     });
 
     this.subscriberKey = uniqueId('ak-resourced-mention-list');

package/dist/es2019/components/Scrollable/index.js

@@ -29,7 +29,7 @@ export default class Scrollable extends React.PureComponent {
 
   render() {
     return /*#__PURE__*/React.createElement(ScrollableStyle, {
-      innerRef: this.handleRef
+      ref: this.handleRef
     }, this.props.children);
   }
 

package/dist/es2019/components/Scrollable/styles.js

@@ -1,6 +1,5 @@
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
+import styled from '@emotion/styled';
+import { token } from '@atlaskit/tokens';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { scrollableMaxHeight } from '../../shared-styles';
 export const ScrollableStyle = styled.div`
@@ -11,7 +10,7 @@ export const ScrollableStyle = styled.div`
   padding: 4px 0;
   margin: 0;
 
-  background: white;
+  background: ${token('elevation.surface', 'white')};
   max-height: ${scrollableMaxHeight};
 
   border-radius: ${borderRadius()}px;

package/dist/es2019/components/TeamMentionHighlight/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Button from '@atlaskit/button/custom-theme-button';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import Tooltip from '@atlaskit/tooltip';
@@ -8,6 +8,7 @@ import TeamMentionHighlightController from './TeamMentionHighlightController';
 import { fireAnalyticsTeamMentionHighlightEvent, ComponentNames, Actions } from '../../util/analytics';
 import { TeamMentionHighlightTitle, TeamMentionHighlightCloseTooltip, TeamMentionHighlightDescription, TeamMentionHighlightDescriptionLink } from '../../util/i18n';
 import * as Styled from './styles';
+import MessagesIntlProvider from '../MessagesIntlProvider';
 const ICON_URL = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHdpZHRoPSIxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI2NCIgY3k9IjY0IiBmaWxsPSIjNTI0M2FhIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHI9IjY0Ii8+PHBhdGggZD0ibTgwIDY0Yy02LjYyNzQxNyAwLTEyLTUuMzcyNTgzLTEyLTEyczUuMzcyNTgzLTEyIDEyLTEyIDEyIDUuMzcyNTgzIDEyIDEyLTUuMzcyNTgzIDEyLTEyIDEyem0tMzItMTJjLTYuNjI3NDE3IDAtMTItNS4zNzI1ODMtMTItMTJzNS4zNzI1ODMtMTIgMTItMTIgMTIgNS4zNzI1ODMgMTIgMTItNS4zNzI1ODMgMTItMTIgMTJ6bTEyIDI0YzAtNC40MiAzLjU0OC04IDgtOGgyNGM0LjQyIDAgOCAzLjU0IDggOHYxNC45MmMwIDEyLjEwOC00MCAxMi4xMDgtNDAgMHptOC0xMmgtLjAxMmMtMy4xODQzNTM3LjAwNDI0LTYuMjM2NTQxIDEuMjczNTYxNS04LjQ4NDg0MjcgMy41Mjg2MTQ5LTIuMjQ4MzAxOCAyLjI1NTA1MzQtMy41MDg0NjU2IDUuMzExMDMzLTMuNTAzMTU3MyA4LjQ5NTM4NTF2MTEuMjI4Yy0xMS43ODQgMi4xMzYtMjgtLjI1Mi0yOC03LjkzNnYtMTUuMzA0YzAtNC40MjQgMy41NDgtOC4wMTIgOC04LjAxMmgyNGMyLjEyMjcwODYtLjAwMzE5MTIgNC4xNTkzOTQ2LjgzODYzODYgNS42NjAzNzggMi4zMzk2MjJzMi4zNDI4MTMyIDMuNTM3NjY5NCAyLjMzOTYyMiA1LjY2MDM3OHoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjk1Ii8+PC9nPjwvc3ZnPg==';
 export class TeamMentionHighlightInternal extends React.Component {
   // Wrap whole dialog so we can catch events, see preventClickOnCard
@@ -111,7 +112,7 @@ export class TeamMentionHighlightInternal extends React.Component {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement("div", {
       ref: this.elWrapper
     }, /*#__PURE__*/React.createElement(Styled.Card, null, /*#__PURE__*/React.createElement(Styled.Content, null, /*#__PURE__*/React.createElement(Styled.Aside, null, /*#__PURE__*/React.createElement("img", {
       src: ICON_URL,
@@ -135,7 +136,7 @@ export class TeamMentionHighlightInternal extends React.Component {
       }),
       spacing: "none" // on click fired by preventClickOnCard, not here
 
-    }))))))));
+    })))))))));
   }
 
 }

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export const LazyTeamMentionHighlight = /*#__PURE__*/React.lazy(() => import(
+/* webpackChunkName: "@atlaskit-internal_@atlassian/mention/TeamMentionHighlight" */
+'./').then(module => ({
+  default: module.default
+})));

package/dist/es2019/components/TeamMentionHighlight/styles.js

@@ -1,10 +1,11 @@
-import styled from 'styled-components';
+import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import { P50 } from '@atlaskit/theme/colors';
 import { h400 } from '@atlaskit/theme/typography';
+import { token } from '@atlaskit/tokens';
 export const Actions = styled.div`
   justify-content: flex-end;
-  margin-top: -${gridSize() * 0.5}px; /* Negative margin is used to middle align x button with title*/
+  margin-top: -${gridSize() * 0.5}px; /* Negative margin is used to middle align x button with title */
   margin-right: ${gridSize() * 0.5}px;
 `;
 export const Title = styled.div`
@@ -18,14 +19,14 @@ export const Heading = styled.div`
 export const Card = styled.div`
   display: flex;
   flex-direction: row;
-  background-color: ${P50};
+  background-color: ${token('color.background.discovery', P50)};
   overflow: hidden;
   line-height: 21px;
   padding-top: ${gridSize() * 2}px;
   padding-bottom: ${gridSize() * 2}px;
   padding-left: ${gridSize() * 2}px;
   padding-right: 0px;
-  margin-top: -${gridSize() * 0.5}px; /* Negative margin is used to fill the entire top of the mention dropdown with background colour of highlight*/
+  margin-top: -${gridSize() * 0.5}px; /* Negative margin is used to fill the entire top of the mention dropdown with background colour of highlight */
 `;
 export const Content = styled.div`
   max-width: 290px;

package/dist/es2019/components/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   unknownUserError: {
     id: 'fabric.mention.unknow.user.error',

package/dist/es2019/i18n/cs.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Czech
+//Czech
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Zavřít',
   'fabric.elements.mentions.team.member.50plus': 'Tým • 50 a více členů',

package/dist/es2019/i18n/da.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Danish
+//Danish (Denmark)
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Afvis',
   'fabric.elements.mentions.team.member.50plus': 'Team • Over 50 medlemmer',

package/dist/es2019/i18n/de.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// German
+//German (Germany)
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Schließen',
   'fabric.elements.mentions.team.member.50plus': 'Team • über 50 Mitglieder',

package/dist/es2019/i18n/en_ZZ.js

@@ -0,0 +1,24 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': '⁣⁢Dismiss⁠؜؜⁡‍⁠⁡⁡⁠؜⁡‍‍⁣⁤',
+  'fabric.elements.mentions.team.member.50plus': '⁣⁢Team • 50+ members⁡‍؜‌‍‌؜؜⁣⁤',
+  'fabric.elements.mentions.team.member.50plus.including.you': '⁣⁢Team • 50+ members, including you⁡⁠⁡‍؜⁠⁡‍‍⁠⁠⁣⁤',
+  'fabric.elements.mentions.team.member.count': '{0, plural, one {⁣⁢Team • 1 member‌⁠‌⁡⁠‍‌؜⁠؜⁡⁠‌⁠⁠؜؜⁣⁤} other {⁣⁢Team • {0} members‌⁠‌⁡⁠‍‌؜⁠؜⁡⁠‌⁠⁠؜؜⁣⁤}}',
+  'fabric.elements.mentions.team.member.count.including.you': '{0, plural, one {⁣⁢Team • 1 member, including you⁡‌؜⁠‍‌‌‌⁣⁤} other {⁣⁢Team • {0} members, including you⁡‌؜⁠‍‌‌‌⁣⁤}}',
+  'fabric.elements.mentions.team.mention.highlight.description': '⁣⁢Get everyone on the page with one click. No team?‍‍⁡⁡⁡⁠‍‌‌⁠⁡⁡⁣⁤',
+  'fabric.elements.mentions.team.mention.highlight.description.link': '⁣⁢Start one.‍؜؜⁠‌‍؜⁠⁣⁤',
+  'fabric.elements.mentions.team.mention.highlight.title': '⁣⁢Mention your team‍⁠‌⁡؜⁡‍‍⁠⁡‌⁠⁣⁤',
+  'fabric.mention.error.defaultAction': '⁣⁢Try again in a few seconds⁠‍⁡⁠⁡⁡⁡؜⁡⁣⁤',
+  'fabric.mention.error.defaultHeadline': '⁣⁢Something went wrong‍‍‍‌‍‍‍⁡‍⁡‍‌⁣⁤',
+  'fabric.mention.error.differentText': '⁣⁢Try entering different text⁡⁡‌‍⁡؜⁣⁤',
+  'fabric.mention.error.loginAgain': '⁣⁢Try logging out then in again؜⁠‌‌⁡⁡⁣⁤',
+  'fabric.mention.noAccess.label': '⁣⁢No access⁡‌‍‌‌‍⁡؜‍⁣⁤',
+  'fabric.mention.noAccess.warning': "⁣⁢{name} won't be notified as they have no access؜؜‍⁡⁡‍؜⁠⁠‌⁡⁠‌⁠⁣⁤",
+  'fabric.mention.unknow.user.error': '⁣⁢Unknown user {userId}⁡⁡⁡‌؜‌‍؜‌‍⁡⁣⁤'
+};

package/dist/es2019/i18n/es.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Spanish
+//Spanish (International)
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Descartar',
   'fabric.elements.mentions.team.member.50plus': 'Equipo • Más de 50 miembros',

package/dist/es2019/i18n/et.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Estonian
+//Estonian
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Loobu',
   'fabric.elements.mentions.team.mention.highlight.description': 'Kaasa kõik lehele ühe klõpsuga. Pole meeskonda?',

package/dist/es2019/i18n/fi.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Finnish
+//Finnish
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Hylkää',
   'fabric.elements.mentions.team.member.50plus': 'Tiimi • 50+ jäsentä',

package/dist/es2019/i18n/fr.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// French
+//French (France)
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Ignorer',
   'fabric.elements.mentions.team.member.50plus': 'Équipe • Plus de 50 membres',

package/dist/es2019/i18n/hu.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Hungarian
+//Hungarian
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Bezárás',
   'fabric.elements.mentions.team.member.50plus': 'Csapat • 50+ tag',

package/dist/es2019/i18n/it.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Italian
+//Italian (Italy)
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Ignora',
   'fabric.elements.mentions.team.member.50plus': 'Team • 50+ membri',

package/dist/es2019/i18n/ja.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Japanese
+//Japanese
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': '閉じる',
   'fabric.elements.mentions.team.member.50plus': 'チーム • 50 人以上のメンバー',

package/dist/es2019/i18n/ko.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Korean
+//Korean
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': '해제',
   'fabric.elements.mentions.team.member.50plus': '팀 • 구성원 50명 이상',

package/dist/es2019/i18n/nb.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Norwegian Bokmål
+//Norwegian (Bokmål)
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Avvis',
   'fabric.elements.mentions.team.member.50plus': 'Team • flere enn 50 medlemmer',

package/dist/es2019/i18n/nl.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Dutch
+//Dutch (Netherlands)
 export default {
   'fabric.elements.mentions.team.meantion.highlight.close.button.tooltip': 'Sluiten',
   'fabric.elements.mentions.team.member.50plus': 'Team • 50+ leden',