@atlaskit/smart-card 23.7.1 → 23.7.3

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

@@ -21,7 +21,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';
 var FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
   size: "small",
@@ -76,21 +76,18 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
       }));
     });
 
-    _defineProperty(_assertThisInitialized(_this), "renderMessage", function () {
-      var _this$props4, _this$props4$requestA;
+    _defineProperty(_assertThisInitialized(_this), "renderRightSide", function () {
+      var _this$props3, _this$props3$requestA;
 
-      var _this$props3 = _this.props,
-          url = _this$props3.url,
-          onAuthorise = _this$props3.onAuthorise;
-      var link = /*#__PURE__*/React.createElement(LinkAppearance, null, url);
-      var hasRequestAccessContextMessage = (_this$props4 = _this.props) === null || _this$props4 === void 0 ? void 0 : (_this$props4$requestA = _this$props4.requestAccessContext) === null || _this$props4$requestA === void 0 ? void 0 : _this$props4$requestA.callToActionMessageKey;
-      return !onAuthorise && !hasRequestAccessContextMessage ? link : /*#__PURE__*/React.createElement(React.Fragment, null, link, ' - ', /*#__PURE__*/React.createElement(Button, {
+      var onAuthorise = _this.props.onAuthorise;
+      var 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 ? /*#__PURE__*/React.createElement(Button, {
         spacing: "none",
         appearance: "subtle-link",
         onClick: _this.handleRetry,
         component: IconStyledButton,
         testId: "button-connect-other-account"
-      }, _this.renderForbiddenAccessMessage()));
+      }, _this.renderForbiddenAccessMessage()) : null;
     });
 
     return _this;
@@ -99,21 +96,22 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
   _createClass(InlineCardForbiddenView, [{
     key: "render",
     value: function render() {
-      var _this$props5 = this.props,
-          url = _this$props5.url,
-          icon = _this$props5.icon,
-          onClick = _this$props5.onClick,
-          isSelected = _this$props5.isSelected,
-          _this$props5$testId = _this$props5.testId,
-          testId = _this$props5$testId === void 0 ? 'inline-card-forbidden-view' : _this$props5$testId;
+      var _this$props4 = this.props,
+          url = _this$props4.url,
+          icon = _this$props4.icon,
+          onClick = _this$props4.onClick,
+          isSelected = _this$props4.isSelected,
+          _this$props4$testId = _this$props4.testId,
+          testId = _this$props4$testId === void 0 ? 'inline-card-forbidden-view' : _this$props4$testId;
       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/esm/view/InlineCard/Frame/index.js

@@ -1,13 +1,12 @@
 import React, { useCallback } from 'react';
 import { useGlobalTheme } from '@atlaskit/theme/components';
-import { Wrapper } from './styled';
+import { WrapperAnchor, WrapperSpan } from './styled';
 export var Frame = function Frame(props) {
   var isSelected = props.isSelected,
       children = props.children,
       onClick = props.onClick,
       link = props.link,
       withoutBackground = props.withoutBackground,
-      withoutHover = props.withoutHover,
       testId = props.testId,
       className = props.className;
   var handleClick = useCallback(function (event) {
@@ -28,14 +27,15 @@ export var Frame = function Frame(props) {
       onClick(event);
     }
   }, [onClick]);
-  var isInteractive = Boolean(onClick); // TODO Theming doesn't work right now in editor. Required React context does not trickle down atm.
+  var isInteractive = Boolean(onClick); // Depending on whenever Frame was given onClick or link itself we display span or anchor elements
+
+  var 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/esm/view/InlineCard/Frame/styled.js

@@ -1,13 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
 import styled from '@emotion/styled';
 import { B100, B400, B50, DN40A, DN50A, N20, N40A, N50A } from '@atlaskit/theme/colors';
 import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
 import { themed } from '@atlaskit/theme/components';
 import { token } from '@atlaskit/tokens';
-import { TitleWrapperClassName } from '../IconAndTitleLayout/styled';
 var BACKGROUND_COLOR_DARK = '#262B31';
 var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat(token('color.border.selected', B100), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n");
 
@@ -15,13 +14,13 @@ var isInteractive = function isInteractive(_ref) {
   var isInteractive = _ref.isInteractive;
 
   if (isInteractive) {
-    return "\n      cursor: pointer;\n      :hover {\n        background-color: ".concat(themed({
+    return "\n      :hover {\n        background-color: ".concat(themed({
       light: token('color.background.neutral.subtle.hovered', N20),
       dark: token('color.background.neutral.subtle.hovered', BACKGROUND_COLOR_DARK)
-    }), ";\n        text-decoration: none;\n      }\n      :active {\n        background-color: ").concat(themed({
+    }), ";\n      }\n      :active {\n        background-color: ").concat(themed({
       light: token('color.background.selected', B50),
       dark: token('color.background.selected', BACKGROUND_COLOR_DARK)
-    }), ";\n        text-decoration: none;\n      }\n      :focus {\n        ").concat(selected, "\n        text-decoration: none;\n      }\n    ");
+    }), ";\n      }\n      :focus {\n        ").concat(selected, "\n      }\n    ");
   } else {
     return '';
   }
@@ -36,11 +35,6 @@ var isSelected = function isSelected(_ref2) {
     return 'user-select: text';
   }
 };
-
-var withoutHover = function withoutHover(_ref3) {
-  var withoutHover = _ref3.withoutHover;
-  return withoutHover ? "\n    &:hover {\n      text-decoration: none;\n    }\n  " : '';
-};
 /*
   Inline smart cards should have the following layout:
   ------------------------------------
@@ -55,28 +49,20 @@ var withoutHover = function withoutHover(_ref3) {
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
 
 
-export var Wrapper = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: 16px;\n  padding: 1px 0.24em 2px 0.24em;\n  ", "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "px;\n  color: ", ";\n  background-color: ", ";\n  ", "\n  ", "\n  ", ";\n  ", "\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n\n  &:hover span.", " {\n    text-decoration: ", ";\n  }\n"])), function (props) {
-  return props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '';
-}, akBorderRadius(), themed({
-  light: token('color.link', B400),
-  dark: token('color.link', '#4794FF')
-}), function (props) {
-  return props.withoutBackground ? '' : themed({
+var baseWrapperStyle = function baseWrapperStyle(props) {
+  return "\n  line-height: 16px;\n  padding: 1px 0.24em 2px 0.24em;\n  ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ").concat(akBorderRadius(), "px;\n  color: ").concat(themed({
+    light: token('color.link', B400),
+    dark: token('color.link', '#4794FF')
+  })(props), ";\n  background-color: ").concat(props.withoutBackground ? '' : themed({
     light: token('elevation.surface.raised', 'white'),
     dark: token('elevation.surface.raised', BACKGROUND_COLOR_DARK)
-  });
-}, function (props) {
-  return props.withoutBackground ? '' : themed({
+  })(props), ";\n  ").concat(props.withoutBackground ? '' : themed({
     light: "box-shadow: ".concat(token('elevation.shadow.raised', "0 1px 1px ".concat(N50A, ", 0 0 1px 1px ").concat(N40A)), ";"),
     dark: "box-shadow: ".concat(token('elevation.shadow.raised', "0 1px 1px ".concat(DN50A, ", 0 0 1px 1px ").concat(DN40A)), ";")
-  });
-}, function (props) {
-  return isInteractive(props);
-}, function (props) {
-  return isSelected(props);
-}, function (props) {
-  return withoutHover(props);
-}, TitleWrapperClassName, function (_ref4) {
-  var withoutHover = _ref4.withoutHover;
-  return withoutHover ? 'none' : 'underline';
-});
+  })(props), "\n  ").concat(isSelected(props), ";\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n");
+};
+
+export var WrapperAnchor = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), baseWrapperStyle, isInteractive);
+WrapperAnchor.displayName = 'WrapperAnchor';
+export var WrapperSpan = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), baseWrapperStyle);
+WrapperSpan.displayName = 'WrapperSpan';

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

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -13,15 +15,48 @@ 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 var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
   _inherits(IconAndTitleLayout, _React$Component);
 
   var _super = _createSuper(IconAndTitleLayout);
 
   function IconAndTitleLayout() {
+    var _this;
+
     _classCallCheck(this, IconAndTitleLayout);
 
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (event) {
+      var onClick = _this.props.onClick;
+
+      if (onClick) {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick(event);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleKeyPress", function (event) {
+      var onClick = _this.props.onClick;
+
+      if (event.key !== ' ' && event.key !== 'Enter') {
+        return;
+      }
+
+      if (onClick) {
+        event.preventDefault();
+        event.stopPropagation();
+        onClick(event);
+      }
+    });
+
+    return _this;
   }
 
   _createClass(IconAndTitleLayout, [{
@@ -103,18 +138,25 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
           title = _this$props2.title,
           titleColor = _this$props2.titleColor,
           titleTextColor = _this$props2.titleTextColor,
+          link = _this$props2.link,
+          rightSide = _this$props2.rightSide,
           _this$props2$testId = _this$props2.testId,
           testId = _this$props2$testId === void 0 ? 'inline-card-icon-and-title' : _this$props2$testId;
-      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, {
+      var 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/esm/view/InlineCard/ResolvingView/index.js

@@ -35,13 +35,11 @@ export var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
           inlinePreloaderStyle = _this$props.inlinePreloaderStyle,
           _this$props$testId = _this$props.testId,
           testId = _this$props$testId === void 0 ? 'inline-card-resolving-view' : _this$props$testId,
-          titleTextColor = _this$props.titleTextColor,
-          withoutHover = _this$props.withoutHover;
+          titleTextColor = _this$props.titleTextColor;
 
       if (inlinePreloaderStyle === 'on-right-without-skeleton') {
         return /*#__PURE__*/React.createElement(Frame, {
           withoutBackground: true,
-          withoutHover: withoutHover,
           testId: testId,
           onClick: onClick,
           isSelected: isSelected
@@ -54,9 +52,9 @@ export var InlineCardResolvingView = /*#__PURE__*/function (_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/esm/view/InlineCard/UnauthorisedView/index.js

@@ -21,7 +21,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';
 var FallbackUnauthorizedIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
@@ -51,13 +51,11 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
       return onAuthorise();
     });
 
-    _defineProperty(_assertThisInitialized(_this), "renderMessage", function () {
+    _defineProperty(_assertThisInitialized(_this), "renderRightSide", function () {
       var _this$props = _this.props,
-          context = _this$props.context,
           onAuthorise = _this$props.onAuthorise,
-          url = _this$props.url;
-      var link = /*#__PURE__*/React.createElement(LinkAppearance, null, url);
-      return !onAuthorise ? link : /*#__PURE__*/React.createElement(React.Fragment, null, link, ' - ', /*#__PURE__*/React.createElement(Button, {
+          context = _this$props.context;
+      return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
         spacing: "none",
         appearance: "subtle-link",
         component: IconStyledButton,
@@ -67,7 +65,7 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
         values: {
           context: context
         }
-      }))));
+      }))) : undefined;
     });
 
     return _this;
@@ -87,12 +85,13 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
           showAuthTooltip = _this$props2$showAuth === void 0 ? false : _this$props2$showAuth;
       var 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/esm/view/InlineCard/styled.js

@@ -9,13 +9,13 @@ import { token } from '@atlaskit/tokens';
 var LINK_COLOR_DARK = '#4794FF'; // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
 
-export var IconStyledButton = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: initial !important;\n  display: inline !important;\n\n  &:hover {\n    /* Remove the text-decoration to match other inline card hover states */\n    text-decoration: none !important;\n  }\n\n  > span {\n    display: inline;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])));
+export var IconStyledButton = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: initial !important;\n  display: inline !important;\n\n  > span {\n    display: inline;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])));
 export var NoLinkAppearance = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), themed({
   light: token('color.text.subtlest', N200),
   dark: token('color.text.subtlest', LINK_COLOR_DARK)
 }));
 export var LowercaseAppearance = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  text-transform: lowercase;\n"])));
-export var LinkAppearance = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), themed({
+export var LinkAppearance = styled.a(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), themed({
   light: token('color.link', B400),
   dark: token('color.link', LINK_COLOR_DARK)
 }));

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

@@ -20,7 +20,7 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     href: CONTENT_URL_SECURITY_AND_PERMISSIONS,
     target: "_blank",
     "data-testid": "".concat(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/types/i18n/cs.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -31,8 +32,12 @@ declare const _default: {
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/da.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -25,14 +26,19 @@ declare const _default: {
     'fabric.linking.invalid_permissions': string;
     'fabric.linking.invalid_permissions_description': string;
     'fabric.linking.join_to_view': string;
+    'fabric.linking.learn_more_about_smart_links_security': string;
     'fabric.linking.loading': string;
     'fabric.linking.modified_on_absolute': string;
     'fabric.linking.modified_on_relative': string;
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/de.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -31,8 +32,12 @@ declare const _default: {
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/en.d.ts

@@ -13,6 +13,8 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorized_account_action': string;
+    'fabric.linking.connect_unauthorized_account_description': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -25,14 +27,19 @@ declare const _default: {
     'fabric.linking.invalid_permissions': string;
     'fabric.linking.invalid_permissions_description': string;
     'fabric.linking.join_to_view': string;
+    'fabric.linking.learn_more_about_smart_links_security': string;
     'fabric.linking.loading': string;
     'fabric.linking.modified_on_absolute': string;
     'fabric.linking.modified_on_relative': string;
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/en_GB.d.ts

@@ -13,6 +13,8 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
+    'fabric.linking.connect_unauthorised_account_description': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -25,14 +27,19 @@ declare const _default: {
     'fabric.linking.invalid_permissions': string;
     'fabric.linking.invalid_permissions_description': string;
     'fabric.linking.join_to_view': string;
+    'fabric.linking.learn_more_about_smart_links_security': string;
     'fabric.linking.loading': string;
     'fabric.linking.modified_on_absolute': string;
     'fabric.linking.modified_on_relative': string;
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/es.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -33,6 +34,9 @@ declare const _default: {
     'fabric.linking.not_found_title': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/fi.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -25,14 +26,19 @@ declare const _default: {
     'fabric.linking.invalid_permissions': string;
     'fabric.linking.invalid_permissions_description': string;
     'fabric.linking.join_to_view': string;
+    'fabric.linking.learn_more_about_smart_links_security': string;
     'fabric.linking.loading': string;
     'fabric.linking.modified_on_absolute': string;
     'fabric.linking.modified_on_relative': string;
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/fr.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -25,14 +26,19 @@ declare const _default: {
     'fabric.linking.invalid_permissions': string;
     'fabric.linking.invalid_permissions_description': string;
     'fabric.linking.join_to_view': string;
+    'fabric.linking.learn_more_about_smart_links_security': string;
     'fabric.linking.loading': string;
     'fabric.linking.modified_on_absolute': string;
     'fabric.linking.modified_on_relative': string;
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;

package/dist/types/i18n/hu.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     'fabric.linking.connect_link_account_card_view_description': string;
     'fabric.linking.connect_link_account_card_view_name': string;
     'fabric.linking.connect_to': string;
+    'fabric.linking.connect_unauthorised_account_action': string;
     'fabric.linking.couldnt_load_link': string;
     'fabric.linking.create_on_absolute': string;
     'fabric.linking.create_on_relative': string;
@@ -31,8 +32,12 @@ declare const _default: {
     'fabric.linking.more_actions': string;
     'fabric.linking.not_found_description': string;
     'fabric.linking.not_found_title': string;
+    'fabric.linking.open_link_in_a_new_tab': string;
     'fabric.linking.pending_request': string;
     'fabric.linking.preview': string;
+    'fabric.linking.preview_close': string;
+    'fabric.linking.preview_max_size': string;
+    'fabric.linking.preview_min_size': string;
     'fabric.linking.priority_blocker': string;
     'fabric.linking.priority_critical': string;
     'fabric.linking.priority_high': string;