@atlaskit/smart-card 23.7.1 → 23.7.3

package/dist/es2019/i18n/zh_TW.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': '若要顯示此連結的預覽，請連接您的 {context} 帳戶。',
   'fabric.linking.connect_link_account_card_view_name': '連結 {context} 帳戶',
   'fabric.linking.connect_to': '連結至 {name}',
+  'fabric.linking.connect_unauthorised_account_action': '連結至 {context}',
   'fabric.linking.couldnt_load_link': '基於不明原因，我們無法載入此連結。',
   'fabric.linking.create_on_absolute': '於 {context} 建立',
   'fabric.linking.create_on_relative': '建立時間：{context}',
@@ -38,8 +39,12 @@ export default {
   'fabric.linking.more_actions': '更多動作',
   'fabric.linking.not_found_description': '我們找不到此連結。請檢查 URL，然後試著編輯或再次貼上。',
   'fabric.linking.not_found_title': '糟糕，我們找不到此連結！',
+  'fabric.linking.open_link_in_a_new_tab': '在新分頁中開啟連結',
   'fabric.linking.pending_request': '您的存取要求擱置中',
-  'fabric.linking.preview': '預覽',
+  'fabric.linking.preview': '全螢幕檢視',
+  'fabric.linking.preview_close': '關閉預覽',
+  'fabric.linking.preview_max_size': '全螢幕檢視',
+  'fabric.linking.preview_min_size': '關閉全螢幕',
   'fabric.linking.priority_blocker': '受阻',
   'fabric.linking.priority_critical': '嚴重',
   'fabric.linking.priority_high': '高',

package/dist/es2019/messages.js

@@ -140,10 +140,10 @@ export const messages = defineMessages({
     defaultMessage: 'Join {context} to view this issue',
     description: 'Allows the user join the product or service immediately'
   },
-  learn_more_about_smart_links_security: {
-    id: 'fabric.linking.learn_more_about_smart_links_security',
-    defaultMessage: 'Learn more about smart link security and permissions.',
-    description: 'An anchor link to redirect user to a page about smart link security and permissions.'
+  learn_more_about_smart_links: {
+    id: 'fabric.linking.learn_more_about_smart_links',
+    defaultMessage: 'Learn more about Smart Links.',
+    description: 'An anchor link to redirect user to a page about Smart Links.'
   },
   loading: {
     id: 'fabric.linking.loading',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "23.7.1",
+	"version": "23.7.3",
 	"sideEffects": false
 }

package/dist/es2019/view/InlineCard/ErroredView/index.js

@@ -9,7 +9,7 @@ import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { AKIconWrapper } from '../Icon';
 import { messages } from '../../../messages';
 import { FormattedMessage } from 'react-intl-next';
-import { LinkAppearance, IconStyledButton, LowercaseAppearance, NoLinkAppearance } from '../styled';
+import { IconStyledButton, LowercaseAppearance } from '../styled';
 export class InlineCardErroredView extends React.Component {
   constructor(...args) {
     super(...args);
@@ -26,15 +26,12 @@ export class InlineCardErroredView extends React.Component {
       }
     });
 
-    _defineProperty(this, "renderMessage", () => {
+    _defineProperty(this, "renderRightSide", () => {
       const {
         onRetry,
-        url,
         message
       } = this.props;
-      const link = /*#__PURE__*/React.createElement(LinkAppearance, null, url);
-      const errorMessage = /*#__PURE__*/React.createElement(NoLinkAppearance, null, message);
-      return !onRetry ? /*#__PURE__*/React.createElement(React.Fragment, null, link, " - ", errorMessage) : /*#__PURE__*/React.createElement(React.Fragment, null, link, " - ", errorMessage, ",\xA0", /*#__PURE__*/React.createElement(Button, {
+      return !onRetry ? message : /*#__PURE__*/React.createElement(React.Fragment, null, message, ', ', /*#__PURE__*/React.createElement(Button, {
         spacing: "none",
         appearance: "subtle-link",
         component: IconStyledButton,
@@ -55,8 +52,6 @@ export class InlineCardErroredView extends React.Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(Frame, {
       testId: testId,
-      link: url,
-      onClick: onClick,
       isSelected: isSelected
     }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
       icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
@@ -64,7 +59,10 @@ export class InlineCardErroredView extends React.Component {
         size: "small",
         primaryColor: token('color.icon.danger', R300)
       })),
-      title: this.renderMessage()
+      link: url,
+      title: url,
+      onClick: onClick,
+      rightSide: this.renderRightSide()
     }));
   }
 

package/dist/es2019/view/InlineCard/ForbiddenView/index.js

@@ -10,7 +10,7 @@ import { IconAndTitleLayout } from '../IconAndTitleLayout';
 import { AKIconWrapper } from '../Icon';
 import { messages } from '../../../messages';
 import { FormattedMessage } from 'react-intl-next';
-import { IconStyledButton, LowercaseAppearance, LinkAppearance } from '../styled';
+import { IconStyledButton, LowercaseAppearance } from '../styled';
 const FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
   size: "small",
@@ -57,22 +57,20 @@ export class InlineCardForbiddenView extends React.Component {
       }));
     });
 
-    _defineProperty(this, "renderMessage", () => {
+    _defineProperty(this, "renderRightSide", () => {
       var _this$props3, _this$props3$requestA;
 
       const {
-        url,
         onAuthorise
       } = this.props;
-      const link = /*#__PURE__*/React.createElement(LinkAppearance, null, url);
       const hasRequestAccessContextMessage = (_this$props3 = this.props) === null || _this$props3 === void 0 ? void 0 : (_this$props3$requestA = _this$props3.requestAccessContext) === null || _this$props3$requestA === void 0 ? void 0 : _this$props3$requestA.callToActionMessageKey;
-      return !onAuthorise && !hasRequestAccessContextMessage ? link : /*#__PURE__*/React.createElement(React.Fragment, null, link, ' - ', /*#__PURE__*/React.createElement(Button, {
+      return onAuthorise || hasRequestAccessContextMessage ? /*#__PURE__*/React.createElement(Button, {
         spacing: "none",
         appearance: "subtle-link",
         onClick: this.handleRetry,
         component: IconStyledButton,
         testId: "button-connect-other-account"
-      }, this.renderForbiddenAccessMessage()));
+      }, this.renderForbiddenAccessMessage()) : null;
     });
   }
 
@@ -86,12 +84,13 @@ export class InlineCardForbiddenView extends React.Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(Frame, {
       testId: testId,
-      link: url,
-      onClick: onClick,
       isSelected: isSelected
     }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
       icon: icon ? icon : FallbackForbiddenIcon,
-      title: this.renderMessage(),
+      link: url,
+      title: url,
+      onClick: onClick,
+      rightSide: this.renderRightSide(),
       titleColor: token('color.text.subtle', N500)
     }));
   }

package/dist/es2019/view/InlineCard/Frame/index.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { useGlobalTheme } from '@atlaskit/theme/components';
-import { Wrapper } from './styled';
+import { WrapperAnchor, WrapperSpan } from './styled';
 export const Frame = props => {
   const {
     isSelected,
@@ -8,7 +8,6 @@ export const Frame = props => {
     onClick,
     link,
     withoutBackground,
-    withoutHover,
     testId,
     className
   } = props;
@@ -30,14 +29,15 @@ export const Frame = props => {
       onClick(event);
     }
   }, [onClick]);
-  const isInteractive = Boolean(onClick); // TODO Theming doesn't work right now in editor. Required React context does not trickle down atm.
+  const isInteractive = Boolean(onClick); // Depending on whenever Frame was given onClick or link itself we display span or anchor elements
+
+  const Wrapper = link || onClick ? WrapperAnchor : WrapperSpan; // TODO Theming doesn't work right now in editor. Required React context does not trickle down atm.
   //  It will be worked as part of https://product-fabric.atlassian.net/jira/servicedesk/projects/DTR/queues/issue/DTR-154
 
   return /*#__PURE__*/React.createElement(Wrapper, {
     theme: useGlobalTheme(),
     href: link,
     withoutBackground: withoutBackground,
-    withoutHover: withoutHover,
     isSelected: isSelected,
     isInteractive: isInteractive,
     tabIndex: isInteractive ? 0 : undefined,

package/dist/es2019/view/InlineCard/Frame/styled.js

@@ -3,7 +3,6 @@ import { B100, B400, B50, DN40A, DN50A, N20, N40A, N50A } from '@atlaskit/theme/
 import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
 import { themed } from '@atlaskit/theme/components';
 import { token } from '@atlaskit/tokens';
-import { TitleWrapperClassName } from '../IconAndTitleLayout/styled';
 const BACKGROUND_COLOR_DARK = '#262B31';
 const selected = `
   cursor: pointer;
@@ -20,24 +19,20 @@ const isInteractive = ({
 }) => {
   if (isInteractive) {
     return `
-      cursor: pointer;
       :hover {
         background-color: ${themed({
       light: token('color.background.neutral.subtle.hovered', N20),
       dark: token('color.background.neutral.subtle.hovered', BACKGROUND_COLOR_DARK)
     })};
-        text-decoration: none;
       }
       :active {
         background-color: ${themed({
       light: token('color.background.selected', B50),
       dark: token('color.background.selected', BACKGROUND_COLOR_DARK)
     })};
-        text-decoration: none;
       }
       :focus {
         ${selected}
-        text-decoration: none;
       }
     `;
   } else {
@@ -54,16 +49,6 @@ const isSelected = ({
     return 'user-select: text';
   }
 };
-
-const withoutHover = ({
-  withoutHover
-}) => {
-  return withoutHover ? `
-    &:hover {
-      text-decoration: none;
-    }
-  ` : '';
-};
 /*
   Inline smart cards should have the following layout:
   ------------------------------------
@@ -78,34 +63,36 @@ const withoutHover = ({
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
 
 
-export const Wrapper = styled.a`
+const baseWrapperStyle = props => `
   line-height: 16px;
   padding: 1px 0.24em 2px 0.24em;
-  ${props => props.withoutBackground ? `padding-left: 0; margin-left:-2px;` : ''}
+  ${props.withoutBackground ? `padding-left: 0; margin-left:-2px;` : ''}
   display: inline;
   box-decoration-break: clone;
   border-radius: ${akBorderRadius()}px;
   color: ${themed({
   light: token('color.link', B400),
   dark: token('color.link', '#4794FF')
-})};
-  background-color: ${props => props.withoutBackground ? '' : themed({
+})(props)};
+  background-color: ${props.withoutBackground ? '' : themed({
   light: token('elevation.surface.raised', 'white'),
   dark: token('elevation.surface.raised', BACKGROUND_COLOR_DARK)
-})};
-  ${props => props.withoutBackground ? '' : themed({
+})(props)};
+  ${props.withoutBackground ? '' : themed({
   light: `box-shadow: ${token('elevation.shadow.raised', `0 1px 1px ${N50A}, 0 0 1px 1px ${N40A}`)};`,
   dark: `box-shadow: ${token('elevation.shadow.raised', `0 1px 1px ${DN50A}, 0 0 1px 1px ${DN40A}`)};`
-})}
-  ${props => isInteractive(props)}
-  ${props => isSelected(props)};
-  ${props => withoutHover(props)}
+})(props)}
+  ${isSelected(props)};
   transition: 0.1s all ease-in-out;
   -moz-user-select: none;
+`;
 
-  &:hover span.${TitleWrapperClassName} {
-    text-decoration: ${({
-  withoutHover
-}) => withoutHover ? 'none' : 'underline'};
-  }
-`;
+export const WrapperAnchor = styled.a`
+  ${baseWrapperStyle}
+  ${isInteractive}
+`;
+WrapperAnchor.displayName = 'WrapperAnchor';
+export const WrapperSpan = styled.span`
+  ${baseWrapperStyle}
+`;
+WrapperSpan.displayName = 'WrapperSpan';

package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js

@@ -1,9 +1,43 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import ImageLoader from 'react-render-image';
 import { Icon, Shimmer } from '../Icon';
 import { IconEmptyWrapper, IconPositionWrapper, IconTitleWrapper, IconWrapper, TitleWrapper, EmojiWrapper, TitleWrapperClassName } from './styled';
 import LinkIcon from '@atlaskit/icon/glyph/link';
+import { LinkAppearance, NoLinkAppearance } from '../styled';
 export class IconAndTitleLayout extends React.Component {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "handleClick", event => {
+      const {
+        onClick
+      } = this.props;
+
+      if (onClick) {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick(event);
+      }
+    });
+
+    _defineProperty(this, "handleKeyPress", event => {
+      const {
+        onClick
+      } = this.props;
+
+      if (event.key !== ' ' && event.key !== 'Enter') {
+        return;
+      }
+
+      if (onClick) {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick(event);
+      }
+    });
+  }
+
   renderAtlaskitIcon() {
     const {
       icon,
@@ -82,18 +116,25 @@ export class IconAndTitleLayout extends React.Component {
       title,
       titleColor,
       titleTextColor,
+      link,
+      rightSide,
       testId = 'inline-card-icon-and-title'
     } = this.props;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconTitleWrapper, {
-      style: {
-        color: titleColor
-      }
-    }, /*#__PURE__*/React.createElement(IconPositionWrapper, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/React.createElement(TitleWrapper, {
+    const titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPositionWrapper, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, null), this.renderIcon(testId))), /*#__PURE__*/React.createElement(TitleWrapper, {
       style: {
         color: titleTextColor
       },
       className: TitleWrapperClassName
-    }, title)));
+    }, title));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconTitleWrapper, {
+      style: {
+        color: titleColor
+      }
+    }, link ? /*#__PURE__*/React.createElement(LinkAppearance, {
+      href: link,
+      onClick: this.handleClick,
+      onKeyPress: this.handleKeyPress
+    }, titlePart) : titlePart, rightSide ? /*#__PURE__*/React.createElement(NoLinkAppearance, null, ' - ', rightSide) : null));
   }
 
 }

package/dist/es2019/view/InlineCard/ResolvingView/index.js

@@ -12,14 +12,12 @@ export class InlineCardResolvingView extends React.Component {
       isSelected,
       inlinePreloaderStyle,
       testId = 'inline-card-resolving-view',
-      titleTextColor,
-      withoutHover
+      titleTextColor
     } = this.props;
 
     if (inlinePreloaderStyle === 'on-right-without-skeleton') {
       return /*#__PURE__*/React.createElement(Frame, {
         withoutBackground: true,
-        withoutHover: withoutHover,
         testId: testId,
         onClick: onClick,
         isSelected: isSelected
@@ -32,9 +30,9 @@ export class InlineCardResolvingView extends React.Component {
       return /*#__PURE__*/React.createElement(Frame, {
         testId: testId,
         onClick: onClick,
-        isSelected: isSelected,
-        withoutHover: withoutHover
+        isSelected: isSelected
       }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
+        link: url,
         title: url,
         titleTextColor: titleTextColor
       }, /*#__PURE__*/React.createElement(SpinnerWrapper, {

package/dist/es2019/view/InlineCard/UnauthorisedView/index.js

@@ -10,7 +10,7 @@ import { messages } from '../../../messages';
 import { Frame } from '../Frame';
 import { AKIconWrapper } from '../Icon';
 import { IconAndTitleLayout } from '../IconAndTitleLayout';
-import { IconStyledButton, LinkAppearance } from '../styled';
+import { IconStyledButton } from '../styled';
 import { HoverCard } from '../../HoverCard';
 const FallbackUnauthorizedIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
@@ -30,14 +30,12 @@ export class InlineCardUnauthorizedView extends React.Component {
       return onAuthorise();
     });
 
-    _defineProperty(this, "renderMessage", () => {
+    _defineProperty(this, "renderRightSide", () => {
       const {
-        context,
         onAuthorise,
-        url
+        context
       } = this.props;
-      const link = /*#__PURE__*/React.createElement(LinkAppearance, null, url);
-      return !onAuthorise ? link : /*#__PURE__*/React.createElement(React.Fragment, null, link, ' - ', /*#__PURE__*/React.createElement(Button, {
+      return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
         spacing: "none",
         appearance: "subtle-link",
         component: IconStyledButton,
@@ -47,7 +45,7 @@ export class InlineCardUnauthorizedView extends React.Component {
         values: {
           context
         }
-      }))));
+      }))) : undefined;
     });
   }
 
@@ -62,12 +60,13 @@ export class InlineCardUnauthorizedView extends React.Component {
     } = this.props;
     const inlineCardUnauthenticatedView = /*#__PURE__*/React.createElement(Frame, {
       testId: testId,
-      link: url,
-      onClick: onClick,
       isSelected: isSelected
     }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
       icon: icon ? icon : FallbackUnauthorizedIcon,
-      title: this.renderMessage(),
+      title: url,
+      link: url,
+      rightSide: this.renderRightSide(),
+      onClick: onClick,
       titleColor: token('color.text.subtle', N500)
     }));
 

package/dist/es2019/view/InlineCard/styled.js

@@ -9,11 +9,6 @@ export const IconStyledButton = styled.span`
   text-align: initial !important;
   display: inline !important;
 
-  &:hover {
-    /* Remove the text-decoration to match other inline card hover states */
-    text-decoration: none !important;
-  }
-
   > span {
     display: inline;
     > span {
@@ -32,7 +27,7 @@ export const NoLinkAppearance = styled.span`
 export const LowercaseAppearance = styled.span`
   text-transform: lowercase;
 `;
-export const LinkAppearance = styled.span`
+export const LinkAppearance = styled.a`
   color: ${themed({
   light: token('color.link', B400),
   dark: token('color.link', LINK_COLOR_DARK)

package/dist/es2019/view/common/UnauthorisedViewContent.js

@@ -19,6 +19,6 @@ const UnauthorisedViewContent = ({
   href: CONTENT_URL_SECURITY_AND_PERMISSIONS,
   target: "_blank",
   "data-testid": `${testId}-learn-more`
-}, /*#__PURE__*/React.createElement(FormattedMessage, messages.learn_more_about_smart_links_security)));
+}, /*#__PURE__*/React.createElement(FormattedMessage, messages.learn_more_about_smart_links)));
 
 export default UnauthorisedViewContent;

package/dist/esm/i18n/cs.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'Pokud chcete zobrazit náhled tohoto odkazu, připojte svůj účet {context}.',
   'fabric.linking.connect_link_account_card_view_name': 'Připojte svůj účet {context}',
   'fabric.linking.connect_to': 'Připojit k {name}',
+  'fabric.linking.connect_unauthorised_account_action': 'Připojit k: {context}',
   'fabric.linking.couldnt_load_link': 'Tento odkaz se z neznámého důvodu nepodařilo načíst.',
   'fabric.linking.create_on_absolute': 'Vytvořeno: {context}',
   'fabric.linking.create_on_relative': 'Vytvořeno: {context}',
@@ -38,8 +39,12 @@ export default {
   'fabric.linking.more_actions': 'Další akce',
   'fabric.linking.not_found_description': 'Odkaz se nepodařilo najít. Zkontrolujte adresu URL a zkuste ji upravit nebo vložit znovu.',
   'fabric.linking.not_found_title': 'Jejda. Tento odkaz se nepodařilo najít.',
+  'fabric.linking.open_link_in_a_new_tab': 'Otevřít odkaz na nové kartě',
   'fabric.linking.pending_request': 'Vaše žádost o přístup čeká na vyřízení.',
-  'fabric.linking.preview': 'Náhled',
+  'fabric.linking.preview': 'Zobrazení na celou obrazovku',
+  'fabric.linking.preview_close': 'Zavřít náhled',
+  'fabric.linking.preview_max_size': 'Zobrazit na celé obrazovce',
+  'fabric.linking.preview_min_size': 'Zavřít zobrazení na celé obrazovce',
   'fabric.linking.priority_blocker': 'Blokující',
   'fabric.linking.priority_critical': 'Kritická',
   'fabric.linking.priority_high': 'Vysoká',

package/dist/esm/i18n/da.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'Tilknyt din {context}-konto, hvis du vil se en forhåndsvisning af dette link',
   'fabric.linking.connect_link_account_card_view_name': 'Forbind din {context}-konto',
   'fabric.linking.connect_to': 'Forbind til {name}',
+  'fabric.linking.connect_unauthorised_account_action': 'Forbind til {context}',
   'fabric.linking.couldnt_load_link': 'Af en ukendt årsag kunne vi ikke indlæse dette link.',
   'fabric.linking.create_on_absolute': 'Oprettet {context}',
   'fabric.linking.create_on_relative': 'Oprettet: {context}',
@@ -32,14 +33,19 @@ export default {
   'fabric.linking.invalid_permissions': 'Begrænset link',
   'fabric.linking.invalid_permissions_description': 'Anmod om adgang, eller prøv med en anden konto for at se denne forhåndsvisning.',
   'fabric.linking.join_to_view': 'Deltag i {context} for at se denne sag',
+  'fabric.linking.learn_more_about_smart_links_security': 'Få mere at vide om Smart Link-sikkerhed og -tilladelser.',
   'fabric.linking.loading': 'Indlæser ...',
   'fabric.linking.modified_on_absolute': 'Opdateret {context}',
   'fabric.linking.modified_on_relative': 'Opdateret: {context}',
   'fabric.linking.more_actions': 'Flere handlinger',
   'fabric.linking.not_found_description': 'Vi kunne ikke finde linket. Kontrollér og rediger URL-adressen, eller indsæt den igen.',
   'fabric.linking.not_found_title': 'Ups. Vi kan ikke finde dette link!',
+  'fabric.linking.open_link_in_a_new_tab': 'Åbn link i en ny fane',
   'fabric.linking.pending_request': 'Din anmodning om adgang afventer behandling',
-  'fabric.linking.preview': 'Vis',
+  'fabric.linking.preview': 'Fuldskærmsvisning',
+  'fabric.linking.preview_close': 'Luk forhåndsvisning',
+  'fabric.linking.preview_max_size': 'Vis fuld skærm',
+  'fabric.linking.preview_min_size': 'Luk fuld skærm',
   'fabric.linking.priority_blocker': 'Blokering',
   'fabric.linking.priority_critical': 'Kritisk',
   'fabric.linking.priority_high': 'Høj',

package/dist/esm/i18n/de.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'Verbinden Sie Ihr {context}-Konto, um eine Vorschau dieses Links anzuzeigen.',
   'fabric.linking.connect_link_account_card_view_name': 'Verbinden Sie Ihr {context}-Konto',
   'fabric.linking.connect_to': 'Mit {name} verbinden',
+  'fabric.linking.connect_unauthorised_account_action': 'Mit {context} verbinden',
   'fabric.linking.couldnt_load_link': 'Dieser Link konnte aus unbekannten Gründen nicht geladen werden.',
   'fabric.linking.create_on_absolute': 'Erstellt am: {context}',
   'fabric.linking.create_on_relative': 'Erstellt: {context}',
@@ -38,8 +39,12 @@ export default {
   'fabric.linking.more_actions': 'Weitere Aktionen',
   'fabric.linking.not_found_description': 'Der Link konnte nicht gefunden werden. Überprüfen Sie die URL und versuchen Sie die Bearbeitung oder das Einfügen erneut.',
   'fabric.linking.not_found_title': 'Oh! Diese Verknüpfung konnte nicht gefunden werden!',
+  'fabric.linking.open_link_in_a_new_tab': 'Link in neuer Registerkarte öffnen',
   'fabric.linking.pending_request': 'Ihre Zugriffsanfrage ist ausstehend.',
-  'fabric.linking.preview': 'Vorschau',
+  'fabric.linking.preview': 'Vollbildansicht',
+  'fabric.linking.preview_close': 'Vorschau beenden',
+  'fabric.linking.preview_max_size': 'Vollbildansicht anzeigen',
+  'fabric.linking.preview_min_size': 'Vollbildansicht beenden',
   'fabric.linking.priority_blocker': 'Blocker',
   'fabric.linking.priority_critical': 'Kritisch',
   'fabric.linking.priority_high': 'Hoch',

package/dist/esm/i18n/en.js

@@ -20,6 +20,8 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'To show a preview of this link, connect your {context} account.',
   'fabric.linking.connect_link_account_card_view_name': 'Connect your {context} account',
   'fabric.linking.connect_to': 'Connect to {name}',
+  'fabric.linking.connect_unauthorized_account_action': 'Connect to {context}',
+  'fabric.linking.connect_unauthorized_account_description': 'Connect to Atlassian to view more details from your work and collaboration from one place.',
   'fabric.linking.couldnt_load_link': "We couldn't load this link for an unknown reason.",
   'fabric.linking.create_on_absolute': 'Created on {context}',
   'fabric.linking.create_on_relative': 'Created {context}',
@@ -32,14 +34,19 @@ export default {
   'fabric.linking.invalid_permissions': 'Restricted link',
   'fabric.linking.invalid_permissions_description': "You'll need to request access or try a different account to view this preview.",
   'fabric.linking.join_to_view': 'Join {context} to view this issue',
+  'fabric.linking.learn_more_about_smart_links_security': 'Learn more about smart link security and permissions.',
   'fabric.linking.loading': 'Loading...',
   'fabric.linking.modified_on_absolute': 'Updated on {context}',
   'fabric.linking.modified_on_relative': 'Updated {context}',
   'fabric.linking.more_actions': 'More actions',
   'fabric.linking.not_found_description': "We couldn't find the link. Check the url and try editing or paste again.",
   'fabric.linking.not_found_title': "Uh oh. We can't find this link!",
+  'fabric.linking.open_link_in_a_new_tab': 'Open link in a new tab',
   'fabric.linking.pending_request': 'Your access request is pending',
-  'fabric.linking.preview': 'Preview',
+  'fabric.linking.preview': 'Full screen view',
+  'fabric.linking.preview_close': 'Close preview',
+  'fabric.linking.preview_max_size': 'View full screen',
+  'fabric.linking.preview_min_size': 'Close full screen',
   'fabric.linking.priority_blocker': 'Blocker',
   'fabric.linking.priority_critical': 'Critical',
   'fabric.linking.priority_high': 'High',

package/dist/esm/i18n/en_GB.js

@@ -20,6 +20,8 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'To show a preview of this link, connect your {context} account.',
   'fabric.linking.connect_link_account_card_view_name': 'Connect your {context} account',
   'fabric.linking.connect_to': 'Connect to {name}',
+  'fabric.linking.connect_unauthorised_account_action': 'Connect to {context}',
+  'fabric.linking.connect_unauthorised_account_description': 'Connect to Atlassian to view more details from your work and collaboration from one place.',
   'fabric.linking.couldnt_load_link': "We couldn't load this link for an unknown reason.",
   'fabric.linking.create_on_absolute': 'Created on {context}',
   'fabric.linking.create_on_relative': 'Created {context}',
@@ -32,14 +34,19 @@ export default {
   'fabric.linking.invalid_permissions': 'Restricted link',
   'fabric.linking.invalid_permissions_description': "You'll need to request access or try a different account to view this preview.",
   'fabric.linking.join_to_view': 'Join {context} to view this issue',
+  'fabric.linking.learn_more_about_smart_links_security': 'Learn more about smart link security and permissions.',
   'fabric.linking.loading': 'Loading...',
   'fabric.linking.modified_on_absolute': 'Updated on {context}',
   'fabric.linking.modified_on_relative': 'Updated {context}',
   'fabric.linking.more_actions': 'More actions',
   'fabric.linking.not_found_description': "We couldn't find the link. Check the url and try editing or paste again.",
   'fabric.linking.not_found_title': "Uh oh. We can't find this link!",
+  'fabric.linking.open_link_in_a_new_tab': 'Open link in a new tab',
   'fabric.linking.pending_request': 'Your access request is pending',
-  'fabric.linking.preview': 'Preview',
+  'fabric.linking.preview': 'Full screen view',
+  'fabric.linking.preview_close': 'Close preview',
+  'fabric.linking.preview_max_size': 'View full screen',
+  'fabric.linking.preview_min_size': 'Close full screen',
   'fabric.linking.priority_blocker': 'Blocker',
   'fabric.linking.priority_critical': 'Critical',
   'fabric.linking.priority_high': 'High',

package/dist/esm/i18n/es.js

@@ -20,6 +20,7 @@ export default {
   'fabric.linking.connect_link_account_card_view_description': 'Para mostrar una vista previa de este enlace, conecta tu cuenta de {context}.',
   'fabric.linking.connect_link_account_card_view_name': 'Conecta tu cuenta de {context}',
   'fabric.linking.connect_to': 'Conectarse a {name}',
+  'fabric.linking.connect_unauthorised_account_action': 'Conectarse a {context}',
   'fabric.linking.couldnt_load_link': 'Por algún motivo que desconocemos, no hemos podido cargar este enlace.',
   'fabric.linking.create_on_absolute': 'Creación: {context}',
   'fabric.linking.create_on_relative': 'Fecha de creación: {context}',
@@ -39,7 +40,10 @@ export default {
   'fabric.linking.not_found_description': 'No hemos encontrado el enlace. Comprueba la URL y prueba a editarla, o pégala de nuevo.',
   'fabric.linking.not_found_title': '¡Vaya! No encontramos este enlace',
   'fabric.linking.pending_request': 'Tu solicitud de acceso está pendiente',
-  'fabric.linking.preview': 'Vista previa',
+  'fabric.linking.preview': 'Vista de pantalla completa',
+  'fabric.linking.preview_close': 'Cerrar vista previa',
+  'fabric.linking.preview_max_size': 'Ver a pantalla completa',
+  'fabric.linking.preview_min_size': 'Cerrar pantalla completa',
   'fabric.linking.priority_blocker': 'Impedimento',
   'fabric.linking.priority_critical': 'Crítica',
   'fabric.linking.priority_high': 'Alta',